@charset "utf-8";
* {
        margin:0px; 
        padding:0px;
        border:0px;
}

body  {
        font: 95% Verdana, Arial, Helvetica, sans-serif;
        background: #857565;
        text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
        color: #000000;
    }
    
.thrColFixHdr #container { 
        width: 909px;  
        background: #FFFFFF;
        margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
        text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
        background-image: url(../images/body.jpg);  
} 
 
.thrColFixHdr #header {
    background: #DDDDDD;
    height:247px;
    padding-left:20px;
    background-image: url(../images/head.jpg);  
    background-repeat:no-repeat;    
    border:0px solid #FFF;
}
    
#Sprachen {
margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. 
Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
padding-bottom:4px;
font-size:16px;
letter-spacing: 8px;
} 
    
.thrColFixHdr #sidebar1 {
        float: left; 
        width: 229px; 

}

* html .thrColFixHdr #sidebar1 {  /* nur fuer Internet Explorer */
        width:229px;     /* Version 5.x */
        w\idth:229px;    /* Version 6 */
}

.thrColFixHdr #sidebar1 #suche{
margin:10px;
margin-left:40px;
margin-bottom:24px;
}

.thrColFixHdr #sidebar1 #navigation{
margin:10px;
margin-left:40px;
}

.thrColFixHdr #sidebar1 #adresse {
margin:10px;
margin-left:40px;
margin-top:34px;
margin-bottom:34px;
font-family:Tahoma, Verdana;
font-size:12px;
color:#FFF;
}
   
.thrColFixHdr #sidebar1 #bild-gewuerztraminer{
margin-left:20px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}   
    
.thrColFixHdr #sidebar2 {
        float: right; 
        width: 228px; 
}






* html .thrColFixHdr #sidebar2 {  /* nur fuer Internet Explorer */
        width:228px;     /* Version 5.x */
        w\idth:228px;    /* Version 6 */
}


    
.thrColFixHdr #mainContent { 
margin: 0 229px 0 230px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
} 

* html .thrColFixHdr #mainContent {  /* nur fuer Internet Explorer */
        zoom: 1;      /*  Mit der proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen, die zur Verhinderung verschiedener Fehler erforderlich ist */
} 
    
#container a {
color:#FFF;
}    
    
#container a:hover {
color:#A0A0A0;
}    
        
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
    
#footer { 
padding: 10px;
background:#FFF;
text-align:center;
border:1px solid #FFF;
margin: 0;
font-size:10px;
color:#403932;
} 

#footer a { 
color:#403932;
} 

#footer a:hover { 
color:#000;
} 

 
ul#metaNavigation {
    margin:0 0 20px 0;
    padding:0;
    display:inline;
}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;
    border-left:1px solid #D7D7D6;
}

ul#metaNavigation li a {
    font-size:10px;
}


#navigation ul {
list-style-type:none;
}

#navigation li {
margin-bottom:10px;
}

#navigation li.active > a {
color:#A0A0A0;
}


#navigation a {
font-family:Tahoma, Verdana;
font-size:13px;
font-weight:bold;
color:#FFF;
text-decoration:none;
}


#navigation a:hover {
color:#A0A0A0;
}





.subNavigation {
margin-left:5px;
}

.subNavigation a {
color:#FFF;
}


.subSubNavigation {
margin-left:10px;
color:#FFF;
}

.subSubNavigation a {
color:#FFF;
}


h1 {font-size: 1.5em;color:#FFF;}
h2 {font-size: 1.1em;color:#FFF;}
h3 {font-size: 1em;color:#FFF;}
h4 {font-size: 0.75em;color:#FFF;}

#mainContent {
font-size:90%;
}


#mainInnen {
margin:20px;

}


/* Oberes Bildband */
#mainContent .bildMSpalte  {
margin:0px;
padding:0px;
}
    
.bildMSpalte  img {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
} 

.bildMSpalte img.letztes {
border-right:0px;
}  




/* Unteres Bildband Homepage */
 
#mainContent p.bildMSpalteFuss {
position:absolute;
top:860px;
width:450px;
} 


/* Bug IE <= 6 */
* html #mainContent p.bildMSpalteFuss {
margin-left: -3px;

} 


.bildMSpalteFuss  img {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
} 

.bildMSpalteFuss img.letztes {
border-right:0px;
}  





.thrColFixHdr #sidebar2 .textItem {
        padding-right: 18px; 
}