body, input { 
font-size : 1em; 
font-family : "Verdana", helvetica, sans-serif; 
background-color : #dae8c4; 
} 
form p { 
clear : left; 
float : left; 
width : 100%; 
margin : 2px 2px 2px 0; 
padding : 2px; 
} 
form { 
font-size : 1.2em; 
line-height : 120%; 
width : 35em; 
margin : 1em; 
padding : 1em; 
} 
fieldset { 
margin : 0; 
padding : 0 0 10px; 
border : 1px solid maroon; 
} 
legend { 
color : maroon; 
font-size : 1.1em; 
margin : 3px; 
padding : 3px; 
} 
.button { 
font-size : 0.9em; 
background-image : url(button.gif); 
background-repeat : no-repeat; 
background-attachment : scroll; 
width : 70px; 
height : 30px; 
margin : 5px; 
cursor : pointer; 
} 
input { 
width : 10em; 
float : left; 
margin : 3px; 
padding : 2px; 
display : block; 
} 
#nummer { 
width : 3em; 
} 
#postleitzahl { 
width : 3em; 
} 
#nachricht { 
width : 250px; 
height : 100px; 
margin-left : 20px; 
} 
label { 
color : black; 
font-weight : normal; 
text-align : right; 
width : 5em; 
float : left; 
margin : 5px 0; 
padding : 5px; 
} 
#kontakt { 
float : right; 
} 
.box { 
background-color : white; 
color : maroon; 
font-size : 1.1em; 
border : 0 solid maroon; 
padding : 5px; 
margin : 0; 
width : 380px; 
float : right; 
} 
h1 { 
color : #9f0f00; 
background-color : white; 
font-size : 3em; 
line-height : 1.1; 
margin : 0.8em 0; 
} 
p.klein { 
font-size : 9pt; 
color : gray; 
background-color : white; 
margin-left : 5px; 
} 
body { 
margin : auto; 
padding : 0; 
font : 85% "Arial", helvetica; 
background-color : #dae8c4; 
} 
a:link { 
color : black; 
} 
a:visited { 
color : maroon; 
} 
a:hover, a:active { 
color : green; 
} 
P { 
text-align : justify; 
font-size : 1em; 
font-family : "Arial", helvetica, sans-serif; 
color : black; 
} 
h4 { 
color : #9f0f00; 
background-color : white; 
font-size : 2em; 
line-height : 1.1; 
margin : 0.8em 0; 
} 
h2 { 
color : maroon; 
font : 150% "Arial", helvetica; 
font-weight : bold; 
margin : 0 0 2px 0; 
} 
h3 { 
color : white; 
font : 95% "Arial", helvetica; 
font-weight : bold; 
margin-top : 0; 
text-align : center; 
} 
#nav_up { 
margin : 1em auto; 
margin-top : 50px; 
width : 1024px; 
text-align : right; 
font : 80% "Arial", helvetica; 
color : maroon; 
font-weight : bold; 
} 
#container { 
margin : 1em auto; 
width : 1024px; 
text-align : left; 
background-color : white; 
border : 1px solid black; 
} 
#header { 
background : url(Header.gif); 
height : 125px; 
width : 1024px; 
} 
#schatten { 
background : url(schatten.png) repeat-x; 
height : 12px; 
} 
ul { 
list-style-image : url(kreis.gif); 
} 
#menu { 
float : right; 
width : 40px; 
border : 1px solid black; 
background-color : #333333; 
margin-top : 10px; 
margin-bottom : 10px; 
border-left : 1px solid #676767; 
} 
#menu p { 
position : relative; 
left : 10px; 
} 
.bildmenu { 
background-image : url(Bild.jpg); 
height : 300px; 
width : 180px; 
} 
#menu2 { 
background-image : url(hg_verlauf.jpg); 
float : right; 
width : 120px; 
border : 0 solid black; 
background-color : #333333; 
margin-top : 10px; 
margin-bottom : 10px; 
margin-left : 20px; 
border-left : 1px solid #676767; 
} 
#menu p { 
position : relative; 
left : 10px; 
} 
.bildmenu { 
background-image : url(Bild.jpg); 
height : 300px; 
width : 180px; 
} 
#contents { 
margin-top : 70px; 
margin-right : 160px; 
margin-left : 45px; 
padding : 0; 
background-color : white; 
text-align : left; 
} 
.contents { 
margin : auto; 
width : 500px; 
color : black; 
text-align : justify; 
} 
.spaltelinks { 
float : left; 
width : 275px; 
color : black; 
background-color : white; 
text-align : justify; 
} 
.bildschatten { 
background : url(bildschatten.png) no-repeat left bottom; 
padding : 4px 7px 17px 7px; 
} 
.bildschatten1 { 
background : url(bildschatten814px.png) no-repeat left bottom; 
padding : 4px 7px 17px 7px; 
} 
.bildschatten2 { 
background : url(bildschatten649px.png) no-repeat left bottom; 
padding : 4px 7px 17px 7px; 
} 
.spalterechts { 
background-color : white; 
color : maroon; 
font-size : 0.9em; 
border : 0 solid black; 
padding : 5px; 
margin : 0; 
width : 380px; 
float : right; 
} 
.clear { 
clear : both; 
} 
.image { 
float : right; 
padding : 2px; 
border : 1px solid #9fa41d; 
margin : 0 0 10px 10px; 
} 
#footer { 
clear : both; 
height : 50px; 
background-color : #719f22; 
height : 20px; 
width : 1024px; 
color : black; 
text-align : left; 
} 
#wrap { 
margin : auto; 
background-color : #313131; 
} 
div#Rahmen { 
margin : auto; 
width : 68em; 
padding : 0.8em; 
border : 0 solid black; 
background-color : #313131; 
} 
* html div#Rahmen { 
padding : 0.5em; 
width : 68em; 
} 
div#Rahmen div { 
clear : left; 
} 
ul#Navigation { 
margin : 0; 
padding : 0; 
text-align : center; 
} 
ul#Navigation li { 
list-style : none; 
float : left; 
position : relative; 
margin : 0.4em; 
padding : 0; 
} 
html ul#Navigation li { 
margin-bottom : -0.4em; 
} 
*:first-child + html ul#Navigation li { 
margin-bottom : -0.1em; 
} 
ul#Navigation li ul { 
margin : 0; 
padding : 0; 
position : absolute; 
top : 1.6em; 
left : -0.4em; 
display : none; 
} 
* html ul#Navigation li ul { 
left : -1.5em; 
left : -0.4em; 
} 
*:first-child + html ul#Navigation ul { 
background-color : #313131; 
padding-bottom : 0.4em; 
} 
ul#Navigation li:hover ul { 
display : block; 
} 
ul#Navigation li ul li { 
float : none; 
display : block; 
margin-bottom : 0.2em; 
} 
ul#Navigation a, ul#Navigation span { 
display : block; 
width : 6.4em; 
padding : 0.2em 1em; 
text-decoration : none; 
font-weight : bold; 
border : 1px solid black; 
border-left-color : white; 
border-top-color : white; 
color : maroon; 
background-color : #ccc; 
} 
* html ul#Navigation a, * html ul#Navigation span { 
width : 8.6em; 
width : 6.4em; 
} 
ul#Navigation a:hover, ul#Navigation span, li a#aktuell { 
border-color : white; 
border-left-color : black; 
border-top-color : black; 
color : white; 
background-color : gray; 
} 
li a#aktuell { 
color : maroon; 
background-color : silver; 
} 
ul#Navigation li ul span { 
background-color : maroon; 
}