/**
 * CSS styles for Contenido sample client.
 * 
 * @author Julian-Vincent Ackermann
 * @copyright pixelwerk ackerman & co. <www.pixelwerk.ch>
 * @version 1.0.0
 * 
 * created 2008-09-01
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
    font-family: Arial, Verdana, sans-serif;

}


body {
    margin:0px;
    background-image:url(../_pix/bgImmoscore.jpg);
    background-repeat:repeat-x;
    height:975px;
    background-color:#d8d8da;
    font-size:12px;
}

h1 {
font-size:16px;
color:#fff;
}

h2 {
font-size:16px;
color:#fff;
width:100%;
border-bottom:1px solid #fff;
}

h3 {
font-size:13px;
color:#F7C27C;
}

h4 {
font-size:13px;
color:#fff;
}
strong {
color:#fff;
}

a {
color:#000;
text-decoration:none;
}

hr {
color:#F7C27C;
}

.imgKaufen {
width:390px;
float:right;
}

form {
    margin:0;
    padding:0;
}


textarea {
    width:418px;
    height:85px;
}

img {
    border:0;
}
/* /----------------- general html structure */

#main {
width:880px;
margin-left:auto;
margin-right:auto;
}

#site {
float:left;
width:880px;
margin-left:auto;
margin-right:auto;
}

/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#header {
margin:0px;
float:left;
background:url(../_pix/headerStart.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header2 {
margin:0px;
float:left;
background:url(../_pix/headerKauf.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header3 {
margin:0px;
float:left;
background:url(../_pix/headerKauf.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header4 {
margin:0px;
float:left;
background:url(../_pix/headerFerienwohnungen.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header5 {
margin:0px;
float:left;
background:url(../_pix/headerDauermiete.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header6 {
margin:0px;
float:left;
background:url(../_pix/headerDienstleistung.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header7 {
margin:0px;
float:left;
background:url(../_pix/headerPortrait.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header8 {
margin:0px;
float:left;
background:url(../_pix/headerLinks.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header9 {
margin:0px;
float:left;
background:url(../_pix/headerKontakt.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#header10 {
margin:0px;
float:left;
background:url(../_pix/headerUns.jpg);
background-repeat:no-repeat;
width:880px;
height:150px;
}

#logo {
width:220px;
float:left;
margin-top:20px;
margin-left:0px;
}

/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#content {
margin-left:18px;
margin-top:27px;
float:left;
width:630px;
font-size:12px;
}

* html #content {
margin-left:18px;
margin-top:-10px;
float:left;
width:630px;
font-size:12px;
}

#contentmap {
margin-left:18px;
margin-top:27px;
float:left;
width:630px;
font-size:12px;
}

#contentD li{
list-style-type: none;
}

#contentD {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
float:left;
width:860px;
padding:10px 10px 10px 10px;
font-size:12px;
margin-top:20px;
color:#fff;
margin-bottom:20px;
}


#contentDe li{

}

#contentDe {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
float:left;
width:860px;
padding:10px 10px 10px 10px;
font-size:12px;
margin-top:20px;
color:#fff;
margin-bottom:20px;
}


#contentMain {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
float:left;
width:610px;
padding:10px 10px 10px 10px;
font-size:12px;
margin-top:11px;
color:#fff;
margin-bottom:20px;
min-height:261px;
}
/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

#navigation {
float:left;
    width:230px;
height:269px;
    margin-top:50px;
    padding:0;
    background:url(../_pix/bgNavigation.jpg);
    background-repeat:repeat-y;
}

* html  #navigation {
float:left;
    width:230px;
height:269px;
    margin-top:0px;
    padding:0;
    background:url(../_pix/bgNavigation.jpg);
    background-repeat:repeat-y;
}

/*#navigation {
background: url(../_pix/shadow.png) no-repeat right bottom;
padding: 0px 0px 7px -3px;
}*/

/* Level 1 */
#navigation ul {
float:left;
    width:230px;
    margin:0;
    padding:0;
    background:url(../_pix/bgNavigation.jpg);
    background-repeat:repeat-y;
}
#navigation ul li {
float:left;
    width:220px;
    margin:0;
    padding:0 0 0 0px;
    list-style-type:none;
}
#navigation ul li a {
    display:block;
    width:210px;
    height:18px;
    line-height:18px;
    margin:0;
    padding:0 0 0 10px;
    font-size:11px;
    color:#333;
    background-image:url(../_pix/naviOff.jpg);
    background-repeat:repeat-x;
    background-position:210px 1px;
    text-decoration:none;
}
#navigation ul li a:hover, #navigation ul li.active a {
    background-image:url(../_pix/naviAktive.jpg);
    background-repeat:repeat-x;
    background-position:0 0;
    color:#333;
}

/* Level 2 */
#navigation ul.subNavigation {
    float:left;
    width:210px;
    margin:0;
    padding:0;
}
#navigation ul.subNavigation li a {
    background-image:url(../_pix/naviOff.jpg);
    background-repeat:repeat-x;
    background-position:210px 1px;
    text-decoration:none;
    color:#666;
    width:200px;
    padding-left:20px;
}
#navigation ul.subNavigation li.active a {
    color:#fff;
}
#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {
    background-image:url(../_pix/naviAktive.jpg);
    background-repeat:repeat-x;
    background-position:0 0;
}


/* Level 3 */
#navigation ul.subSubNavigation {
    width:200px;
    margin:0;
    padding:0;
}
#navigation ul.subNavigation li ul.subSubNavigation li a {
    background-image:none;
    border-bottom:0;
    color:#666;
    width:200px;
}
#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {
    background-image:url(../images/subsubnavi_over.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

#metaNavigation {
float:right;
margin:0 0px 0 0;
}

#metaNavigation a {
color:#333;
font-size:11px;
text-decoration:none;
}


#metaNavigation a:hover {
color:#666;
font-size:11px;
}

ul#metaNavigation {
    margin:131px 10px 20px 0;
    padding:0;

}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;
}

.adresse {
float:left;
text-align:center;
padding:30px 0px 10px 12px;
}
/* ###################################################### */
/* ####################### Projekt Liste ################ */
/* ###################################################### */

#contentOb {
float:left;
width:890px;
color:#fff;
margin-bottom:20px;
}

.objekte {
float:left;
width:409px;
height:195px;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:10px 13px 10px 13px;
margin:10px 10px 10px 0px;
}

.headline {
width:398px;
height:28px;
background:url(../_pix/bgH1.jpg);
/*background-repeat:repeat-x;*/
font-size:12px;
padding:7px 0 0 10px;
}

.image {
margin-top:10px;
float:left;
width:190px;
height:150px;
background:#fff;
}


.image img{
background: url(../_pix/shadow.png) no-repeat right bottom;
padding: 0px 5px 5px 0px;
border-right:none;
border-bottom:none;
}


.text {
font-size:12px;
margin-top:10px;
float:right;
width:180px;
height:110px;
background:#fff;
color:#333;
background: url(../_pix/shadow2.png) no-repeat right bottom;
padding: 10px 10px 5px 10px;
border-right:none;
border-bottom:none;
}




.more {
float:right;
margin-right:0px;
font-size:12px;
width:145px;
height:23px;
background:url(../_pix/bgDe.jpg);
background-repeat:repat-x;
padding-left:55px;
margin-top:3px;
padding-top:5px;
}

.more a {
text-decoration:none;
    color:#fff;
}
/*MAPS*/
.objekteMaps {
float:left;
width:409px;
height:195px;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:10px 13px 10px 13px;
margin:10px 10px 10px 0px;
}

.headlineMaps {
width:398px;
height:28px;
background:url(../_pix/bgH1.jpg);
/*background-repeat:repeat-x;*/
font-size:12px;
padding:7px 0 0 10px;
}

.imageMaps {
margin-top:10px;
float:left;
width:190px;
height:150px;
background:#fff;
}


.imageMaps img{
background: url(../_pix/shadow.png) no-repeat right bottom;
padding: 0px 5px 5px 0px;
border-right:none;
border-bottom:none;
}


.textMaps {
font-size:10px;
margin-top:10px;
float:right;
width:180px;
height:120px;
background:#fff;
color:#333;
background: url(../_pix/shadow2.png) no-repeat right bottom;
padding: 0px 5px 5px 10px;
border-right:none;
border-bottom:none;
}




.moreMaps {
float:right;
margin-right:0px;
font-size:12px;
width:145px;
height:23px;
background:url(../_pix/bgDe.jpg);
background-repeat:repat-x;
padding-left:55px;
margin-top:3px;
padding-top:5px;
}

.moreMaps a {
text-decoration:none;
    color:#fff;
}

/*****************Dienst*********************/

.objekteDienst {
float:left;
width:856px;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:10px 13px 10px 13px;
margin:10px 10px 10px 0px;
}

.headlineDienst {
width:845px;
height:28px;
background:url(../_pix/BGH2.jpg);
/*background-repeat:repeat-x;*/
font-size:12px;
padding:7px 0 0 10px;
}




.textDienst {
font-size:12px;
margin-top:10px;
margin-left:-3px;
float:left;
width:825px;
background:#fff;
color:#333;
background: url(../_pix/shadow2.png) no-repeat right bottom;
padding:10px 20px 20px 15px;
border-right:none;
border-bottom:none;
text-align:justify;
}
/* ###################################################### */
/* ####################### SEARCH Register ############## */
/* ###################################################### */

#info {
margin-top:342px;
width:200px;
float:left;
margin-left:-230px;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:0px 10px 0px 10px;
color:#fff;
min-height:0px;
}

* html #info {
margin-top:300px;
width:190px;
float:left;
margin-left:-230px;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:0px 10px 0px 10px;
color:#fff;
min-height:0px;
}

.headline2 {
width:196px;
height:29px;
background:url(../_pix/infoH1.jpg);
background-repeat:repeat-x;
font-size:12px;
padding:7px 0 10px 10px;
    color:#fff;
}

.info {
margin:12px 0 0 0;
width:200px;
float:left;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:0px 10px 0px 10px;
color:#fff;
height:280px;
}

* html .info {
margin:0 0 0 0;
width:190px;
float:left;
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
padding:0px 10px 0px 10px;
color:#fff;
height:270px;
}


#register {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
width:200px;
float:left;
min-height:260px;
color:#fff;
padding:10px 10px 10px 0px;
margin:0 0 0 0;
}

* html #register {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
width:180px;
float:left;
min-height:260px;
color:#fff;
padding:10px 0px 0px 0px;
margin:0 0 0 0;
}


#buchen {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
width:200px;
float:left;
color:#fff;
padding:10px 10px 10px 0px;

}

* html #buchen {
background:url(../_pix/bgImmoscore.png);
background-repeat:repeat;
width:200px;
float:left;
color:#fff;
padding:10px 0px 10px 0px;

}


.registerRow label {
   width:150px;
}

#contactForm .registerRow input {
    height:14px;
        background:#343D81;
        color:#fff;
        width:99%;
}

#contactForm .registerRow textarea {
    height:105px;
    font-size:10px;
            background:#343D81;
            width:99%;
}

#contactForm .registerRow input, #contactForm .registerRow textarea {



    border:1px solid #666;
    width:100%:
}






#contactForm .registerRow select {
    border:1px solid #666;
    width:172px;
            background:#343D81;
            color:#fff;



}




/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */


/* ###################################################### */
/* ####################### RIGHT COLUMN ################# */
/* ###################################################### */

/* ###################################################### */
/* ####################### FOOTER ####################### */
/* ###################################################### */

/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */


/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */

/*#contact {
    background:url(../_pix/transparent.png);
background-repeat:repeat;
padding:10px 10px 10px 10px;
}*/
#contactForm {
color:#fff;
    font-size:11px;


}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
   width:150px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #666;
    width:100%:
}






#contactForm .contactRow select {
    border:1px solid #666;
    width:172px;
            background:#343D81;
            color:#fff;



}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {

}

#contactForm .contactRow input {
    height:14px;
        background:#343D81;
        color:#fff;
        width:60%;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
            background:#343D81;
            width:60%;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
       text-align:center; 
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
    text-align:center;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
    text-align:center;

}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    border:0;
    padding:-10px 0 11px 0;
    color:#fff;
    background:url(../_pix/bgRegister.jpg);
    background-repeat:repeat-x;
    font-size:10px;
    height:28px;
    width:79px;
    float:right;
    margin-top:10px;
    text-align:center;
}


* html #contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    border:0;
    padding:0 0 0 0;
    color:#fff;
    background:url(../_pix/bgRegister.jpg);
    background-repeat:repeat-x;
    font-size:10px;
    height:28px;
    width:79px;
    float:right;
    margin-top:10px;
    text-align:center;
}

#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;









}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}



select:hover, input:hover, textarea:hover

                {


                     border:     1px solid #999;

                     color:      #31709F;
                     
                                          background:     #fff;

                }

                select:focus, input:focus, textarea:focus

                {

                     background:     #DFF1FF;

                     border:     1px solid #000;

                     color:      #000;

                }



/* ###################################################### */
/* ####################### BACKEND STYLES ############### */
/* ###################################################### */


/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author Frederic Schneider
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2008-04-11
 */

.sitemap, .sitemap ul {
        margin-left:0;
        padding-left: 0;
}

.sitemap li {


    border-bottom: 1px solid #ffffff;
    list-style-type: none;

}

.sitemap .level1 {
        background-color: ;
        padding: 3px 3px 3px 10px;
}



.sitemap .level2 {
        background-color: #f4f9fd;
        padding: 3px 3px 3px 30px;
}

.sitemap .level3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/* Only for IE */
*+html .sitemap .list2, * html .sitemap .list2 {

        margin-top: -14px;
}



#footer {
float:left;
width:860px;
height:25px;
border-top:3px solid #ef8638;
font-size:12px;
padding:5px 10px 0 10px;
    color:#fff;
}

.pixelwerk {
margin:0;
float:right;
color:#fff;
}

.pixelwerk a {
color:#fff;
text-decoration:none;
}

.pixelwerk a:hover {
color:#666;
text-decoration:none;
}

.svit {
float:left;
margin:121px 0 0 28px;
}

.DruckBtn {
float:right;
margin-top:131px;
}