/*--------------------------------------------------*/
/*      css www.wohnbedarf.ch                       */
/*      HERRMANN GERMANN                            */
/*      KLIK! Klein Informatik                      */
/*--------------------------------------------------*/

/* ALLGEMEINE BESCHREIBUNGEN            */
/* ------------------------------------ */
body {
    background-color: #ffffff;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 62.5%; /* Resets 1em to 10px */
    color: #000000;  
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#box {       
    text-align: left;
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 26px auto;
    padding: 0px;
    width: 930px;
    font-size: 1.2em;
    line-height: 1.4em;
}

#imp {
    display:none;
}

a { color:#E11E32; text-decoration:none; }
a:hover { color:#000000; text-decoration:underline; }
a.pdflink { background: url(/img/pdf.gif) no-repeat 0px 3px; padding: 5px 0px 10px 24px; line-height:20px;}

img { border: 0px; }
table { font-size:1em; }
form { margin: 0px; padding: 0px; }
select { width:235px; padding:2px; font-family:arial; font-size:11px; border:1px solid #000000; }
img a { vertical-align:top; border:none; }
.pfeil { float:right; }
.line { display:block; border-bottom: 1px solid #E11E32; margin:0px; }

.rechts { float:right; }
.lageritem { float:right; width:245px; height:185px; }
.links { float:left; }
.suchen { margin:0px; padding:0px; width:160px; height:20px; }
.suchenbut { font-size:0.95em; margin:0px 0px 0px 12px; padding:3px 33px 2px 7px; border:1px solid black; }
.archiframe { font-weight:bold; margin: 0px 0px 16px 14px; padding:0px;}

.titel { font-size:1.4em; font-weight:bold; }
.titel1 { font-weight:bold; margin: 10px 0px 0px 20px;  padding:0px;}
.fliess { margin: 10px 0px 10px 20px; padding: 0px 15px 0px 0px; }


#news_box { float: right; width: 296px; min-height:305px;}
#hoehenhalter { float: left; width: 1px; }
* html #hoehenhalter {/*Dieser Kommentar haelt den IEMac draussen \*/
    float: left; width: 1px; height:297px;
    /*Damit kommt der IEMac wieder ins Spiel*/ 
}

#hoehecontent { float: right; width: 1px; height:300px; }
.pitem { width:430px; margin: 0px 0px 0px 0px;}
.pbild { float:left; width:90px; height:auto; margin: 7px 20px 7px 0px; }
.ptext {float: right;width:320px; margin: 7px 0px 7px 0px;}
#news { width: 280px;float:left; margin: 5px 0px 0px 0px; }
#news a { color:#E11E32; font-weight:bold; text-decoration:none;}
.newstitel { color:#E11E32; font-weight:bold; }
.newsitem { clear:both; margin-top: 8px; }
.newsbild { float:left; width:85px; height:auto; margin: 3px 20px 5px 0px; }
.newstext { float:right; width: 175px; margin: 0px 0px 15px 0px; font-size: 0.95em; line-height: 1.3em; }
.newsarchivbox { margin-left:-4px;}
.newsarchivbox img { vertical-align:bottom;border:4px solid #ffffff; }
.newsarchivbox img.aktiv { border:4px solid #000000; }

#selectrechts { margin: 0px 0px 0px 20px; }


/* INHALTSBEREICH ALLGEMEIN             */
/* ------------------------------------ */
#contentbox {
    float:left;
    margin: -1px 0px 3px 0px;
    padding: 0px;
    width: 930px;
    height: auto;
    min-height: 480px;
}

* html #contentbox {/*Dieser Kommentar haelt den IEMac draussen \*/
    margin: -2px 0px 0px 0px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

#content_home {
    float:left;  
    width: 488px;
    margin: -1px 0px 0px -1px;
    padding: 10px 20px 25px 20px;
    background-color: #ffffff;
    border: 1px solid #E11E32; 
    font-weight: bold;
    min-height: 140px;
}

* html #content_home {/*Dieser Kommentar haelt den IEMac draussen \*/
    width:526px;
    margin: 0px 0px 0px -1px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

#content_main_s {
    float:left;  
    width: 378px;
    background-color: #ffffff;
    border: 1px solid #E11E32;
    margin: -1px 0px 5px -1px; 
}

* html #content_main_s {/*Dieser Kommentar haelt den IEMac draussen \*/
    width:387px;
    margin: 0px 0px 5px -1px;
    /*Damit kommt der IEMac wieder ins Spiel*/ 
}

#content_main_m {
    float:left;  
    width: 528px;
    background-color: #ffffff;
    border: 1px solid #E11E32;
    margin: -1px 0px 5px -1px;
    min-height: 300px;
}

* html #content_main_m {/*Dieser Kommentar haelt den IEMac draussen \*/
    width:526px;
    margin: 0px 0px 5px -1px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

#content_main_l {
    float:left;  
    width: 638px;
    background-color: #ffffff;
    border: 1px solid #E11E32;
    margin: -1px 0px 5px -1px; 
}

* html #content_main_l{/*Dieser Kommentar haelt den IEMac draussen \*/
    width:636px;
    margin: 0px 0px 5px -1px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

#content_main_a {
    float:left; 
    margin:-1px 0px 5px -1px; 
    padding: 0px; 
    width: 601px; 
    height: 442px; 
}

* html #content_main_a{/*Dieser Kommentar haelt den IEMac draussen \*/
    margin: 0px 0px 5px -1px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

#content_scroll {
    width: 100%;
    overflow:auto;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

#content_scroll_lag {
    width: 100%;
    overflow:auto;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

 #content_bild {
    float:left;  
    width: 300px;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #E11E32;
    margin: -1px 0px 0px -1px; 
}
* html #content_bild {/*Dieser Kommentar haelt den IEMac draussen \*/
    margin: 0px 0px 0px -1px;
    /*Damit kommt der IEMac wieder ins Spiel*/ 
}

#content_bild p { font-size: 1em; line-height: 1.3em; margin:5px 10px 15px 10px; }
#content_bild p img { border: 3px solid #ffffff; margin:5px 2px -5px 0px; }
#content_bild p img.aktiv { border: 3px solid #000000; margin:5px 2px -5px 0px; }


/* KOPFBEREICH / LOGOS / SUBNAVIGATION  */
/* ------------------------------------ */
#head {
    float:left;
    margin:0px;
    padding:0px;
    height: 126px;
    width: 720px;
}

#logo {
    margin: 0px 0px 0px 0px;
    width:179px;
    height:auto;
}

#subnav {
    float: right;
    height: 23px;
    width: 132px;
    margin: 91px 0px 0px 0px;
    padding: 3px 0px 0px 11px;
    border: 4px solid #E11E32;
    background: #ffffff;
    font-weight:bold;
}

* html #subnav {/*Dieser Kommentar haelt den IEMac draussen \*/
    width:140px;
    height: 34px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

#subnav a { text-decoration: none; color: #E11E32; line-height:1.5em;  }
#subnav a:hover { text-decoration: none; color: #000000; }
#subnav a.aktiv { text-decoration: none; color: #000000; }


/* NAVIGATION                           */
/* ------------------------------------ */
#navbox {
    float:left;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    width: 183px;
    border: 4px solid #E11E32;
    background: #ffffff;
}

* html #navbox {/*Dieser Kommentar haelt den IEMac draussen \*/
    width: 195px;
    margin: 0px 0px 0px 0px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

.navlist {
    padding: 0px;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    width: 183px;
}

* html .navlist {/*Dieser Kommentar haelt den IEMac draussen \*/
    width: 187px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

.navlist li
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border-top: 1px solid #E11E32;
    text-align: left;
}

.navlist li a { text-decoration: none; font-size: 1.25em; line-height: 2em; font-weight: bold; margin: 2px 0px 2px 0px; padding:0px 0px 0px 5px; }
.navlist li a:link { color: #E11E32; text-decoration: none; }
.navlist li a:visited { color: #E11E32; text-decoration: none; }
.navlist li a:hover { color: #000000; text-decoration: none; }

.subnavlist { 
    padding: 0px 0px 0px 0px;
    margin: -5px 0px 8px 0px;
    width: 183px;
}

.subnavlist li
{
    margin: 0px 0px 0px 0px;
    border: 0px;
    text-align: left;
}

* html .subnavlist li {/*Dieser Kommentar haelt den IEMac draussen \*/
    margin: 0px 0px 0px -3px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

.subnavlist li a { text-decoration:none; font-size: 1em; line-height:1.4em; font-weight:bold; margin-bottom:1px; padding-left: 29px; }  
.subnavlist li a:link { color: #E11E32; text-decoration: none; }
.subnavlist li a:visited  { color: #E11E32; text-decoration: none; }
.subnavlist li a:hover { color: #000000; background: url(/img/arr.gif)  no-repeat 5px 50%; text-decoration: none; }
* html .subnavlist li a {/*Dieser Kommentar haelt den IEMac draussen \*/
    padding-left: 31px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}
* html .subnavlist li a:hover {/*Dieser Kommentar haelt den IEMac draussen \*/
    background: url(/img/arr.gif)  no-repeat 7px 50%;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

.subnavactive { text-decoration:none; font-size: 1em; line-height:1.4em; font-weight:bold; margin-bottom:1px; padding-left: 29px; background: url(/img/arr.gif)  no-repeat 5px 50%; color: #000000; } 

* html .subnavactive {  /* nur fuer Internet Explorer */
    background: url(/img/arr.gif)  no-repeat 7px 50%;
    padding-left: 31px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}

/* FOOTER                             */
/* ------------------------------------ */
#foot { clear:both; margin: 0px 0px 25px 190px; font-size: 0.95em; line-height: 1.3em; }
* html #foot {/*Dieser Kommentar haelt den IEMac draussen \*/
    margin: 0px 0px 25px 194px;
    /*Damit kommt der IEMac wieder ins Spiel*/
}
#foot_home { position:absolute; top:478px; left:190px; margin: 5px 65px 0px 0px; font-size: 0.95em; line-height: 1.3em; }
#foot a, #foot_home a { text-decoration:none; color:#000000; }
#foot a:hover, #foot_home a:hover { text-decoration:underline; color:#000000; }