/*Seitengestaltung gesamt*/

body{
background-color: #DCDCDC;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size: 85%;
line-height: 120%;
}

/*'Boxen'*/

#header{
position: absolute; 
left: 0;
right: 0;
top: 4px;
border: 0px;
height: 184px;
width: 99%;
margin: 0 5px 0 5px;
background-image:url('images/background.jpg');
}

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

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

#left{
border: 1px #98AAB1 solid;
position: absolute;
right: 0;
top: 218px;
width:160px;
padding: 10px;
margin-right: 9px;
background-color: #DCDCDC;
}

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

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

div.zeit{
margin: 20px;
color:teal;
}

/*einzelne Elemete*/

H1{
font-weight: bold; font-size: 24px;
color:#663300;
position: absolute; 
top: 52px;
left: 300px;
z-index: 10;
line-height: 30px;
}

H2{
font-weight: bold;
font-size: 160%;
color:#663333;
}

img.floatleft{
float: left
}

#main img{
max-width: 100%;
}

font.imp{
letter-spacing: 1px;
font-style: italic;
}

#main table{
margin: 10px 0px 10px;
border: 1px #98AAB1 solid;
min-width:50%;
}

#main td{
border: 1px #98AAB1 solid;
text-align:left;
}

#main th{
text-align:left;
}

/*Links*/

/* Die 'Buttons' im linken Menue */
#button a {
display: block;
padding: 4px;
width:150px;
font-weight:bold;
color: #696969;
text-align: center;
font-size: 80%;
margin: 0px 0px 4px 0px;
background-color:#F5F5F5;
}

#button a:hover {
color:#DD6900;
background-color:#FFFFFF;
}

#schalter1 a:active {
color:#FFFFFF;
}