@charset "UTF-8";
/* CSS Document */

body{
background-color:#888;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
color: #555555;
text-decoration:none;
}

a:hover{
color: #888888;
text-decoration:underline;}

#container{
margin: 25px auto;
width: 770px;
background-color: #FFFFFF;}

#header{
background-image:url(bilder/header.gif);
background-repeat:no-repeat;
height: 200px;}

#header_left, #header_right{
height: 50px;
}

#header_left{
float: left;
width: 250px;
height: 150px;
margin-top: 50px;
background-color: #86c6ed;}

#header_left h2{
font-size: 11px;
color: #1c357a;
margin-top: 15px;
margin-left: 40px;
}

#header_left p{
font-size: 9px;
color: #1c357a;
margin-left: 40px;
}

#header_right{
float: right;
width: 518px;
height: 150px;
margin-top: 50px;
background-image:url(bilder/banner.jpg);
background-repeat:no-repeat;}

#header_right h3{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-style:normal;
color: #1c357a;
margin-top: 120px;
margin-left: 15px;
margin-bottom:0px;}

#main{
clear:both;
height:345px;
}

#navi{
float: left;
width: 250px;
height: 345px;
background-color:#eef7ff;
font-size:10px;
text-align: left;
line-height: 20px;
color: #555555;}

#navi ul{
margin-top: 40px;
margin-right: 7px;
list-style: none;}

#content{
float: right;
overflow:auto;
width: 518px;
height: 345px;
font-size: 12px; }

#footer{
clear:both;
height: 35px;
background-image:url(bilder/footer.gif);
background-repeat:no-repeat;}

#footer a{
color: #1c357a;
text-decoration:none;
}

#footer a:hover{
color: #eef7ff;
text-decoration:underline;}

#footer_left{
float:left;
width: 250px;
height: 35px;
background-color:#86c6ed;
font-size: 10px;
color: #1c357a;
text-align: center;}

#footer_left ul{
list-style: none;
margin-right: 50px;}

#footer_left li{
display: inline;}

#footer_right{
float:right;
width: 518px;
height: 35px;}