body { 
margin: 20px 0 20px 0; 
padding:0; 
text-align:center; 
background-color: #312F30;
font-size: 92%;
font-family: Arial, Helvetica, Sans-Serif;
line-height: 120%;
} 

#pagewidth { 
width: 740px;
text-align:left;  
margin-left:auto; 
margin-right:auto;
background-color: #A9A9A9;
border: 2px solid #808080;
} 


#wappen {
position: relative;
z-index: 1;
height: 420px;
background: #312F30 url(../images/hintergrundlogo.jpg) no-repeat;
margin: 20px 30px 0 30px;
 }

#headercontent {
font-size: 180%;
margin-left: 470px;
padding-top: 60px;
width: 210px;
height: 150px;
line-height: 150%;
color: white;
}
 
#headercontent_a {
font-size: 130%;
margin-left: 270px;
padding-left: 30px;
padding-top: 80px;
width: 380px;
height: 420px;
line-height: 170%;
color: white;
background-color: #312F30;
} 

#headercontent_h {
font-size: 130%;
margin-left: 270px;
padding-left: 30px;
padding-top: 80px;
width: 380px;
height: 420px;
line-height: 170%;
color: white;
background-color: #312F30;
}

#headercontent_agb {
position: relative;
left: 280px;
top: 30px;
background-color: #312F30;
color: white;
padding: 0px 15px 10px 0px;
border: 1px solid #312F30; /* noetig fuer IE */
height: 350px;
width: 350px;
z-index: 10;
font-size: small;
}

#headercontent_i {
position: relative;
left: 280px;
top: 30px;
background-color: #312F30;
color: white;
padding: 0px 15px 10px 0px;
border: 1px solid #312F30; /* noetig fuer IE */
height: 350px;
width: 350px;
z-index: 10;
font-size: small;
}

div.hnavi-a {
background: url(../images/button-a.jpg) no-repeat; 
width:680px;
height:140px;
margin-bottom: 10px;
margin-left: 30px;
margin-top: 10px;
}

div.hnavi-h {
background: url(../images/button-h.jpg) no-repeat; 
width:680px;
height:140px;
margin-bottom: 0;
margin-left: 30px;
}

div.hnavi-a a:link, div.hnavi-a a:visited, div.hnavi-a a:hover, div.hnavi-a a:active {
display:block; width:100%; height:100%;
}

div.hnavi-h a:link, div.hnavi-h a:visited, div.hnavi-h a:hover, div.hnavi-h a:active {
display:block; width:100%; height:100%;
}


div.hnavi-a a:link, div.hnavi-a a:visited, {
 background:transparent;
}

div.hnavi-h a:link, div.hnavi-h a:visited, {
 background:transparent;
}

div.hnavi-a a:hover {
background: url(../images/button-down-a.jpg) no-repeat;
}

div.hnavi-h a:hover {
background: url(../images/button-down-h.jpg) no-repeat;
}


#aestivus {
position: relative;
z-index: 1;
height: 500px;
width: 231px;
background: url(../images/wein-aestivus2.jpg) no-repeat;
margin: 20px 30px 0 30px;
 }
 
#hibernus {
position: relative;
z-index: 1;
height: 500px;
width: 231px;
background: url(../images/wein-hibernus2.jpg) no-repeat;
margin: 20px 30px 0 30px;
 }

.container {
width: 680px;
padding: 30px 0 0 0;
margin: 3px 0 20px 30px;
}

#content_a {
position: relative;
left: 30px;
top: 20px;
background-color: #A1C28D;
color: #000;
padding: 0px 15px 10px 15px;
border: 1px solid #fff; /* noetig fuer IE */
overflow: auto;
height: 220px;
width: 650px;
z-index: 10;
font-size: small;
}

#content_h {
position: relative;
left: 30px;
top: 20px;
background-color: #CAA2A0;
color: #000;
padding: 0px 15px 10px 15px;
border: 1px solid #fff; /* noetig fuer IE */
overflow: auto;
height: 220px;
width: 650px;
z-index: 10;
font-size: small;
}

#nav {
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #312F30;
}

#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#nav a:link, #nav a:visited {
float: left;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: white;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
color: #312F30;
background: url(../images/rounded1.gif) no-repeat bottom center;
}

#headercontent_a a:link,#headercontent_a a:visited,#headercontent_a a:active { 
color: #A1C28D; 
font-weight: bold;
outline:none;
text-decoration: none; 
}

#headercontent_a a:hover { 
color: Silver;
text-decoration: none; 
}

#headercontent_h a:link,#headercontent_h a:visited,#headercontent_h a:active { 
color: #CAA2A0; 
font-weight: bold;
outline:none;
text-decoration: none; 
}

#headercontent_h a:hover { 
color: Silver;
text-decoration: none; 
}

h2 {
font-size: 125%;
padding: 15px 0 0 0px;
position: relative;
}

img {
border:0;
}

clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */