body  { color: #303030; font: 76% Verdana, Tahoma, Arial, sans-serif; background: #bdddf2 url("../gfx/bg_blau.gif") repeat-y center top; margin: 0 auto; padding: 0 }
.bodyred { color: #303030; font: 76% Verdana, Tahoma, Arial, sans-serif; background: #fcc url("../gfx/bg_red.gif") repeat-y center top; margin: 0 auto; padding: 0 }
.bodygreen { color: #303030; font: 76% Verdana, Tahoma, Arial, sans-serif; background: #e1efd3 url("../gfx/bg_green.gif") repeat-y center top; margin: 0 auto; padding: 0 }
.bodyyellow { color: #303030; font: 76% Verdana, Tahoma, Arial, sans-serif; background: #ffc url("../gfx/bg_yellow.gif") repeat-y center top; margin: 0 auto; padding: 0 }
#container{
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;
}

#header  { margin: 10px 0 0; padding: 0; height: 110px; clear: both }

#header h1{
width:250px;
margin:0 0 10px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}
#headerimage{
margin:0 0 10px 0;
border:0;
}

#menu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#menu ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#menu li{
margin-bottom:4px;
}

#menu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}
#menu li a:hover  { background: #eaeaea; border-left: 4px solid #286ea0 }
#menu li a.red { color: #505050; font-weight: bold; text-decoration: none; background: #f4f4f4; display: block; padding: 6px 0 0 10px; height: 20px; border-left: 4px solid #cccccc }
#menu li a.red:hover   { background: #fcc; border-left: 4px solid #e31418 }
#menu li a.red:active { background: #fcc; border-left: 4px solid #e31418 }
#menu li a.redactive { background: #fcc; border-left: 4px solid #e31418 }
#menu li a.yellow { color: #505050; font-weight: bold; text-decoration: none; background: #f4f4f4; display: block; padding: 6px 0 0 10px; height: 20px; border-left: 4px solid #cccccc }
#menu li a.yellow:hover  { background: #ffc; border-left: 4px solid #fce506 }
#menu li a.yellow:active { background: #ffc; border-left: 4px solid #fce506 }
#menu li a.yellowactive { background: #ffc; border-left: 4px solid #fce506 }
#menu li a.blue { color: #505050; font-weight: bold; text-decoration: none; background: #f4f4f4; display: block; padding: 6px 0 0 10px; height: 20px; border-left: 4px solid #cccccc }
#menu li a.blue:hover  { background: #cceaf7; border-left: 4px solid #64b9e3 }
#menu li a.blue:active { background: #cceaf7; border-left: 4px solid #64b9e3 }
#menu li a.blueactive { background: #cceaf7; border-left: 4px solid #64b9e3 }
#menu li a.green { color: #505050; font-weight: bold; text-decoration: none; background: #f4f4f4; display: block; padding: 6px 0 0 10px; height: 20px; border-left: 4px solid #cccccc }
#menu li a.green:hover  { background: #e1efd3; border-left: 4px solid #69b021 }
#menu li a.green:active { background: #e1efd3; border-left: 4px solid #69b021 }
#menu li a.greenactive { background: #e1efd3; border-left: 4px solid #69b021 }
.news  { color: #505050; line-height: 1.3em; background-color: #f4f4f4; background-image: url("../gfx/bg_kalender.gif"); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 10px; padding: 10px; width: 130px }
#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
margin:0 130px 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img { color: #303030; background: #cccccc; display: inline; border: solid 2px #ccc }

h3{
font-size:1.3em;
margin:0 0 10px 0;
}
h4 { font-size: 1em; font-weight: normal; line-height: 1.2em; margin: 0 0 10px }
a { color: #0097d7; text-decoration: none }

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

a img{
border:0;
}

#footer  { color: #808080; font-size: 0.8em; text-align: center; margin: 0 auto; padding: 10px 0 20px; width: 760px; clear: both; border-top: 1px solid #f0f0f0 }

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

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

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}
.hide { display: none }
.underline { text-decoration: underline }