html {
	height: 100%;
}
body  {
font-size: 100.1%;
background: transparent url(../pics/borderline-start.gif) 0 102px repeat-x;
margin: 80px 0 0 0;
padding: 0 0 0 0;
min-height: 101%;
color: #666666;
}
:focus {
	outline: 0;
}

h1, h2, h3, h4, h5, h6, p,  ol, li, div, td, th, fieldset, input, textarea, address, blockquote, nobr, i  {
font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}
body {
text-align: center;
}

#inhalt a:link  {
color : #a3a4a4;
text-decoration : none;
font-style: italic;
}
#inhalt a:visited {
color : #a3a4a4;
text-decoration : none;
font-style: italic;
}
#inhalt a:hover {
color : #a3a4a4;
text-decoration: underline;
font-style: italic;
}
#inhalt a:active {
color : #a3a4a4;
text-decoration : none;
font-style: italic;
} 
#footer a:link  {
color : #666666;
text-decoration : none;

}
#footer a:visited {
color : #666666;
text-decoration : none;

}
#footer a:hover {
color : #666666;
text-decoration: underline;

}
#footer a:active {
color : #666666;
text-decoration : none;

}  

/* CONTAINER
--------------------------------------------------*/

#container {
text-align: left;
margin: 0 auto;
width: 960px;
color: #023240;
background: transparent;
 }
 
#spacer {
width: 100%;
float:left;
height: 20px;
}

div.topnav     {
font-size: 0.7em;
position : relative;
width : 960px;
padding : 0;
}

div.topnav ul  {
float : left;
margin : 0;
padding : 0;
list-style-type : none;
}

div.topnav li  {
display : inline;
padding : 0;
margin : 0;
}

div.topnav a      {
margin : 0;
padding : 5px 0px 3px 0px;
display : block;
text-align: center;
width: 150px;
margin-right: 10px;
height: 23px;
float : left;
text-decoration : none;
color: #666;
background: transparent url(../pics/reiter-hg.gif) no-repeat;
font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}

div.topnav a:link {
color: #666;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.topnav {
width: 1000px; 
  }
/* End hide from IE5/mac */

div.topnav a img {
border: 0;
}


div.topnav a:hover   {
text-decoration : none;
color : #666;
background: transparent url(../pics/reiter-1-aktiv.gif) no-repeat;
}

.tophier a:link, .tophier a:visited, .tophier a:hover, .tophier a:active, .tophier a:focus {
background: transparent url(../pics/reiter-1-aktiv.gif) no-repeat;
}



div.subnav     {
font-size: 0.7em;
position : relative;
width : 700px;
margin-left: 235px;
padding : 0;
}

div.subnav ul  {
float : left;
margin :  9px 0 0 0;
padding : 0;
list-style-type : none;
}

div.subnav li  {
display : inline;
padding : 0;
margin : 0;
}

div.subnav a      {
margin : 0;
padding : 5px 0px 3px 0px;
display : block;
text-align: center;
width: 150px;
margin-right: 10px;
height: 23px;
float : left;
text-decoration : none;
color: #9ba6b1;
background: transparent url(../pics/reiter-hg.gif) no-repeat;
font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}
div.subnav a img {
border: 0;
}

div.subnav a:hover   {
text-decoration : none;
color : #fff;
background: transparent url(../pics/reiter-2-aktiv.gif) no-repeat;
}  

.subhier a:link, .subhier a:visited, .subhier a:hover, .subhier a:active, .subhier a:focus {
background: transparent url(../pics/reiter-2-aktiv.gif) no-repeat;
color: #fff;
}




#content {
width: 950px;
float: left;
}

#startseite {
width: 100%;
text-align: center;
float: left;
margin-top: 80px;
color: #666666;
}

#leitbild {
width: 484px;
margin: 0 auto;
text-align: center;
padding-bottom: 100px;

}


#startseite h2 {
margin-bottom: 150px;
font-size: 0.9em;
font-weight: normal;
text-align: left;
margin-left: 162px;
}



#inhalt {
width: 950px;
float: left;

margin-bottom: 20px;
color: #666666;
font-size: 0.8em;
}


.hoehe { height: 300px; }
div[class = "hoehe"] { height: auto; min-height: 300px }


#text {
width: 510px;
margin-left: 236px;
text-align: left;
line-height: 21px;
color: #666666;
margin-top: 40px;
}

#fotos {
width: 630px;
margin-left: 160px;
text-align: left;
line-height: 21px;
color: #666666;
margin-top: 40px;
}

#fotogalerie {
width: 100%;
text-align: left;
color: #666666;
margin-top: 40px;
}

#fotos img {
	border: 0;
}

#text h2 { font-size: 1em;}
#text ul { list-style-type: none; padding: 0; margin: 0px 0px 15px 0px;}
#text li {
padding-left: 40px;
margin: 0 0 0 0;
line-height: 24px;
background: transparent url(../pics/pfeil-liste.gif) 0 8px no-repeat;  
}


#fotos ul { list-style-type: none; padding: 0; margin: 0px 0px 15px 0px;}
#fotos li {
padding-left: 40px;
margin: 0 0 0 0;
line-height: 24px;
background: transparent url(../pics/pfeil-liste.gif) 0 8px no-repeat;  
}



td {

line-height: 21px;
}

td p {
font-size: 100% !important;
margin-top: 0;
}

.groesser {
font-weight: bold;
}

#mittig {
margin: 0 auto;
width: 800px;
}

dl {
width: 100%;
margin: 0;
padding: 0;
}


dt {
width: 180px;
float: left;
font-size: 0.7em;
margin-bottom: 20px;
clear: both;
height: 81px;
}
dd {
margin-left: 180px; 
font-size: 0.7em;
margin-bottom: 20px;
padding-right: 125px;
line-height: 21px;
height: 81px;
}



#footer {
width: 950px;
float: left;
clear: left;
color: #666666;
margin-top: 20px;
}

#adresse {
width: 400px;
float: left;
margin-left: 0px;
font-size: 0.7em;
margin-top: 3px;
}

#fussrechts p {
	margin: 0;
	padding: 0;
}

#fussrechts {
float: right;
width: 500px;
text-align:right;
font-size: 0.7em;
}

#footer img {
	border: 0;
}