body {
background-color: #F7F7F7; 
/*background-color: #F3F6EA;*/
color: black;
font-family: Helvetica, Arial, Verdana, sans-serif;
text-decoration: none;
font-size: 1em;
margin:0 auto;  /* main-Box zentrieren in IE 5 und hoeher */
text-align:center; /* main-Box zentrieren in IE 5 und hoeher */ }

p {
font-size: .8em;
line-height: 1.6em;
text-align: left; }

h1 {
font-size: 1em;
color: #c9e000;
/*color: #cccc99;*/
font-weight: bold;
text-align: left;
padding-bottom: 36px; }

h2 {
font-size: .8em;
color: #666666;
background-color: #F7F7F7;
letter-spacing: 2px;
padding-top: 3px;
text-align: left;
padding-bottom: 4px; }

h3 {
font-size: .6em;
padding-top: 8px;
text-align: left;
padding-bottom: 1px;
color: #999999; }

p.balken {font-size: .6em; 
text-align: center;
font-weight: normal;
color: #F3F6EA;
margin: 1px;
padding-top: 15px; }

a:link {
color: #999999;
font-weight: bold;
/*color: #cccc99;*/
text-decoration: none; } 

a:visited {
color: #999999;
font-weight: bold;
text-decoration: none; } 

a:hover {
color: white;
font-weight: bold;
text-decoration: none;
background-color: #8b8a7c; } 

a:active {
color: white;
font-weight: bold;
text-decoration: none;
background-color: #666666; }

/*------positionierung-------*/

#balken {
background-color: #333333;
height: 76px;
margin: 0px;
margin-top: -10px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px; }



#main { 
background-color: white;
width: 660px; /* oder auch z.B. 75% */ 
margin: -33px auto;  /* main-Box zentrieren in Opera, NN, Mozilla */ 
text-align:center; /* main-Box zentrieren in Opera, NN, Mozilla */
border-bottom: 1px #333333 dashed; 
border-left: 1px #333333 dashed; 
border-right: 1px #333333 dashed;
}

#top { 
background-color: #cccc99; 
height: 150px; 
width: 100%; 
text-align:left;
border-bottom: 1px #333333 solid; 
}

#top h1, #top p { 
padding:0; 
margin:0; 
}

#nest { 
background-color: white;
text-align: left; 
}

#leftBox { 
background-color: #CCCCCC;
width: 165px;
float:left; 
}

#leftBox  a:link, #leftBox a:visited, #leftBox a:active { 
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
display: block; 
text-decoration: none; 
color: white; 
border-bottom: solid 1px white; 
padding-bottom: 3px; 
padding-top: 3px; 
padding-left: 10px; 
font-size: .8em;
}

#leftBox  a:hover {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
background-color: #c9e000;
/*background-color: #00b6f0;*/ 
color: white; 
}

#leftBox h1, #leftBox p { 
padding:0; 
margin:0; 
}

#content { 
background-color: white; 
margin-left: 165px;
padding-top: 70px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
border-left: 1px #333333 dashed;
}

#content h1, #content p { 
padding:0; margin:0; 
}

/*subnavigation*/

#subnav { 
width: 165px;
float:left;
background-color: white;
padding-top: 42px; }

#subnav  a:link, #subnav a:visited { 
display: block; 
text-decoration: none; 
color: #666666; 
padding-left: 10px; 
font-size: .8em;
border: none;
font-weight: normal;
background-color: white;
font-family: Helvetica, Arial, Verdana, sans-serif; }

#subnav  a:hover, #subnav a:active {
font-weight: bold;
color: #666666;  
}

#subnav h1, #subnav p { 
color: #c9e000;
/*color: #00b6f0;*/
font-weight: normal;
font-size: .8em;
padding-top: 10px; 
padding-left: 10px; 
margin:0; 
}