/*Seitengestaltung gesamt*/

body{
background-color: #000000;
color: #FFFFFF;
font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size: 100.1%;
}

/*'Boxen'*/

#header{
position: absolute; 
left: 0;
right: 0;
top: 4px;
border: 0px;
height: 200px;
width: 99%;
margin: 0 5px 0 5px;
text-align: center;
background-color:#004444;
}

#header img{
margin-bottom:10px;
}

#navi{
position: absolute; 
left: 0px;
top: 218px;
width:160px;
padding: 5px;
margin-left:9px;
border: 1px #98AAB1 solid;
margin-bottom: 240px;
}

#main{
position:relative;
left: 0;
top: 218px;
margin-left: 199px;
margin-right: 210px;
margin-bottom: 240px;
border: solid 1px #000;
padding: 20px;
background-color:#004444;
line-height: 1.2;
overflow:auto;
}

#left{
border: 1px #98AAB1 solid;
position: absolute;
right: 0;
top: 218px;
width:160px;
padding: 10px;
margin-right: 9px;
text-align: center;
font-size: 81%;
}

#footer{
height: 40px;
margin: 4px 4px 4px 4px;
width:99%;
text-align:right;
}

div.news{
margin: 16px;
padding: 8px;
border: 1px #98AAB1 solid;
overflow:auto;
}

/*einzelne Elemete*/

H1{
font-size: 180%;
}

H2{
font-size: 140%;
}

H3{
font-size: 120%;
}

H4{
font-weight: bold;
font-size: 100%;
}

a {
color: #FFFFFF;
font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size: 100%;
}

/*Menu-Links*/

/* Die 'Buttons' im linken Menue */
#button a, #buttonF a {
display: block;
padding: 4px;
width:150px;
height: 20px;
font-weight:bold;
color: #006400;
text-align: center;
margin: 0px 0px 4px 0px;
background-image:url('images/back_button.jpg');
font-size: 85%;
}

#buttonF a {
float: left;
margin: 6px 4px 0px 0px;
}

#button a:hover, #buttonF a:hover {
color:#FFFFFF;
background-image:url('images/back_button_hover.jpg');
}