body{
color:black;
background:#ffcc33 ;
padding:0;
margin:0;
font:13px verdana, sans-serif;}
#head{
color:black;
background:white;
background-image:url(grafiken/fewolog.gif);
background-repeat:no-repeat;
border-bottom:0px solid black;
padding-top:60px;
margin:0 0 40px 0;}

#head h1{
text-align: center;
color:darkslateblue;
background:#EEEEEE;
padding:2px;
margin:0;
border-top:1px solid #009F00;
font:bold 24px arial,verdana, sans-serif;}
/*Das ist die Datumsanzeige*/
#head h2{
color#000080;
background:#bfffbf;
padding:2px;
margin:0;
border-top:2px solid #008000;
border-bottom:2px solid #008000;
font:10px verdana, sans-serif;}
#quadrat1 {
position : absolute;
right :60px;
top : 18px;
width : 25px;
height : 25px;
background : darkslateblue;
margin : 0;
}
#quadrat2 {
position : absolute;
right : 100px;
top : 18px;
width : 25px;
height : 25px;
background :darkslateblue;
margin : 0;
}
#quadrat3 {
position : absolute;
right : 20px;
top : 18px;
width : 25px;
height : 25px;
background :darkslateblue;
margin : 0;
}
#menu{
float:left;
width:150px;}
#menu ul{
margin:0 0 20px 10px;
padding:0;
list-style:none;
width:150px;}
#menu li{
padding:0 0 2px 0;
/*der abstand zw den menupunkten kann wegen dem ie nicht mit margin gesetzt werden*/
margin:0;}
#menu a{
width:120px;
/*die breitenangabe wir nur vom ie benoetigt*/
display:block;
color:white;
background:#538c4a;
border:1px solid black;
padding:4px 4px 4px 10px;
font-weight:bold;
font-size:12px;
text-decoration:none;}
#menu a:hover{
color:black;
background:#a9d69e;
border:1px solid black;}

#content{margin:0px 30px 20px 185px;}

.content{margin:0px 15px 20px 170px;}


.box{
color:black;
background-color:#FFFFE0;
width:90%;
height:98%;
text-align:left;
margin:auto;
padding : 5px;
overflow:auto;
border:15px solid #EEEEEE}

.box1{
background:gainsboro;
float:left;
padding:10px;
border:px solid black;
width:40%;
margin:15px 15px 0 10px;}

.box2{
background:silver;
padding:30px;
margin:5px 5px 0 0;
border:px solid black;}
#content h2{
color:darkslateblue;
margin:0px 10px 5px10px;
font:bold 16px arial,verdana, sans-serif;
background:#bfffbf;
border-bottom:solid 2px #008000;
border-left:15px solid #008000;
padding:3px 0 3px 6px}
#content h3{
color:darkslateblue;
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 14px arial,verdana, sans-serif;
background:#FFFFB9;
border-right:1px solid #538c4a;
border-bottom:1px solid #538c4a;}
#content h4{
color:darkslateblue;
margin:25px 0 10px 0;
padding:2px 0 2px 5px;
font:bold 12px arial,verdana, sans-serif;
background:#FFFFB9;
border-right:1px solid #538c4a;
border-bottom:1px solid #538c4a;}
/*Contentbereich centrierte Bereiche*/
#box{
color:black;
background-color:#ffcc33;
text-align:left;
margin:auto;
padding : 5px;
overflow:auto;
border:15px solid #bfffbf}
.content h2{
color:darkslateblue;
margin:0px 10px 5px 10px;
font:bold 16px arial,verdana, sans-serif;
background:#EEEEEE;
border:dashed 1px gray;
padding:3px 0 3px 6px}