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: #48586f;
}
:focus {
	outline: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, 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;
}


#content a:link  {
color : #a3a4a4;
text-decoration : none;

}
#content a:visited {
color : #a3a4a4;
text-decoration : none;

}
#content a:hover {
color : #a3a4a4;
text-decoration: underline;

}
#content a:active {
color : #a3a4a4;
text-decoration : none;

}
#footer a:link  {
color : #48586f;
text-decoration : none;

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

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

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

}   


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

#container {
text-align: left;
margin: 0 auto;
width: 960px;
color: #023240;
background: transparent;
 }
 

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: #9ba6b1;
background: transparent url(../pics/reiter-hg.gif) no-repeat;
font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
}

/* 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 : #9ba6b1;
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-left: 10px;
height: 23px;
float : left;
text-decoration : none;
color: #9ba6b1;
background: transparent url(../pics/reiter-hg.gif) no-repeat;

}
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: 40px;
color: #48586f;
}

#startseite h2 {
margin-bottom: 150px;
font-size: 0.9em;
font-weight: normal;
text-align: left;
margin-left: 162px;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

#vorteile {
width: 549px;
margin: 0 auto;
color: #48586f;
text-align: left;
font-size: 0.8em;
line-height: 21px;
margin-top: 80px;
margin-bottom: 80px;
}

#vorteile h2 {
font-size: 1em;
font-weight: bold;
color: #48586f;
font-style: italic;
background: transparent url(../pics/anstrich.gif) no-repeat;  
line-height: 30px;
}



#inhalt {
width: 950px;
float: left;
margin-top: 80px;

color: #48586f;
}


#footer {
width: 950px;
float: left;
clear: left;
color: #48586f;
}

#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;
}