body {
font:12px Georgia, Verdana, sans-serif;
line-height:1;
color:#555;
background:#FFB;
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
margin:0;
}

h1 {
font:bold 20px Georgia, "Times New Roman", serif;
color:#800;
letter-spacing:1px;
padding-top:5px;
padding-bottom:0px;
border-top-width:2px;
border-top-style:dotted;
border-top-color:#555;
text-align:left;
padding-left:20px;
background-image:url(/images/kdk04-16.png);
background-position:0 10px;
background-repeat:no-repeat;
}

h2 {
font:14px Georgia, Verdana, Arial, sans-serif;
font-weight:700;
color:blue;
letter-spacing:1px;
text-align:left;
line-height:90%;
margin-bottom:10px;
margin-top:10px;
}

h2 a {
color:#00F;
text-decoration:none;
border-bottom:solid 1px;
padding:2px;
}

h2 a:hover {
color:#555;
background-color:#CC8;
}

p {
font:12px Georgia, Verdana, sans-serif;
color:#555;
line-height:170%;
margin-top:5px;
margin-bottom:5px;
}

p a {
color:#555;
text-decoration:none;
border-bottom:dotted 1px;
padding:1px;
}

p a:hover {
border-bottom:#555 solid 1px;
background-color:#CC8;
}

#top {
width:100%;
height:124px;
background-image:url(/images/bg_top.gif);
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#000;
}

#navigation {
font-family: Verdana, Arial, Georgia, "Times New Roman", Times, serif;
font-weight:700;
font-size:12px;
border-bottom:1px solid #000;
width:100%;
height:30px;
background-color:#500;
background-image:url(/images/td_red.gif);
background-position:0 2px;
}

#navigation ul {
list-style:none;
float:left;
height:20px;
width:80%;
padding:5px;
margin:0;
margin-left:145px;
}

#navigation li {
float:left;
padding:5px;
padding-top:3px;
padding-bottom:3px;
border-right:1px solid black;
border-left:1px solid #777;
}

#navigation li a {
color:white;
text-decoration:none;
border:1px solid transparent;
padding:1px;
padding-left:6px;
padding-right:6px;
}

#navigation li a:hover, #navigation li a.active {
color:black;
text-decoration:none;
background-color:#cc8;
background-image:url(/images/td_earth.gif);
border:1px solid white;
}

#jaeger {
clear: both; 
float:left;
margin-left:0;
background-image:url(/images/jaeger.jpg);
background-repeat:no-repeat;
width:140px;
height:50%;
font-style:italic;
line-height:120%;
text-indent:32px;
padding-left:5px;
padding-right:10px;
padding-top:220px;
}

#jaeger:first-letter {
line-height:120%;
text-transform:uppercase;
}

#jaeger p {
text-indent:0;
margin-top:100px;
text-align:center;
}

#jaeger a img {
filter:alpha(opacity=70);
border: 3px solid #CC8;
opacity:0.7;
margin-left:20px;
margin-top:-10px;
}

#jaeger a img:hover {
filter:alpha(opacity=100);
border: 3px solid #600;
opacity:1;
}

#contentsjoenkel {
margin-left:280px;
width:700px;
text-align:justify;
padding:10px;
}

#content {
margin-left:150px;
width:700px;
text-align:justify;
padding:10px;
}

#content img {
border:1px solid #000;
}

#content a img {
border:2px solid #000;
}

#content a:hover img {
border:2px solid #600;
}

#content table {
margin-left:auto;
margin-right:auto;
text-align:center;
}

#poll {
float:left;
width:45%;
}

#poll p {
line-height:150%;
}

#copyright {
color:#FFF;
text-align:center;
width:100%;
font-family:Verdana,Arial;
font-size:9px;
background-image:url(/images/bg_top.gif);
line-height:300%;
border-top-width:1px;
border-top-style:solid;
border-top-color:#500;
}

#copyright a {
color:#FFF;
text-decoration:none;
border-bottom:dotted 1px;
}

#copyright a:hover {
color:#FFF;
text-decoration:none;
border-bottom:solid 1px;
}

a.linkopacity img {
filter:alpha(opacity=70);
opacity:0.7;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);
opacity:1.0;
}

hr {
height:1px;
border:0;
background-color:#AAA;
color:#AAA;
}

ul.zoepers {
list-style: none;
margin-left:0;
height:auto;
clear-after: both; 
}

ul.zoepers:after { content: ""; display: block; height: 0; clear: both; }

ul.zoepers li {
float:left;
margin-left:0;
width:310px;
border:3px solid #000;
margin-left:10px;
margin-top:17px;
background-color:#ffd;
clear-after: both; 
display: block;
}

ul.zoepers li:after { content: ""; display: block; height: 0; clear: both; }

ul.zoepers li h3 {
margin:0;
padding-left:4px;
padding-right:4px;
font-family:Verdana,Arial,Times;
font-size:12px;
font-weight:700;
color:#fff;
text-align:center;
background-color:#660000;
line-height:200%;
border-bottom:2px solid #000;
display:block;
}

ul.zoepers li img {
float:left;
margin:4px;
}

ul.zoepers li p {
color:#000;
font-family:Verdana,Arial;
font-size:11px;
padding:4px;
}

ul.zoepers li p a {
padding:4px;
line-height:100px;
}

ul.verslaage {
float:right;
list-style: none;
margin-left:10px;
padding:0;
height:auto;
width:auto;
border:2px solid #000;
}

ul.verslaage li {
background-color:#ffd;
font-family:Verdana,Arial;
font-size:11px;
}

ul.verslaage li h3 {
margin:0;
font-family:Verdana,Arial,Times;
font-size:12px;
font-weight:700;
color:#fff;
text-align:center;
background-color:#660000;
line-height:200%;
border-bottom:2px solid #000;
}

ul.verslaage li a {
color:#000;
text-decoration:none;
border-bottom:dotted 1px;
line-height:200%;
margin:8px;
}

ul.verslaage li a:hover {
border-bottom:#000 solid 1px;
background-color:#CC8;
}

ul.kalender {
float:right;
list-style:none;
margin:0;
padding:0;
width:51%;
}

ul.aumvi {
float:left;
list-style:none;
margin:0;
padding:0;
width:60%
}

ul.kalender li, ul.aumvi li {
border-bottom:1px solid #aaa;
display:block;
background-color:#ffb;
float:left;
width:100%;
padding:0;
}

ul.kalender li:hover, ul.aumvi li:hover {
background-color:#ffd;
border-bottom:1px solid #000;
}

ul.kalender p, ul.aumvi p {
font-family:Verdana,Arial;
font-size:11px;
text-align:left;
color:#000;
margin:3px;
}

ul.kalender p a, ul.kalender p a:hover, ul.aumvi p a, ul.aumvi p a:hover {
display:block;
color:#000;
text-decoration:none;
border:0;
background:none;
line-height:28px;
margin:0;
padding:0;
}

ul.kalender p a:hover, ul.aumvi p a:hover {
color:red;
}

span.dag {
font-family:Arial;
font-size:16px;
font-weight:bold;
color:blue;
float:left;
width:25px;
text-align:center;
padding:2px;
padding-top:8px;
margin:3px;
margin-right:10px;
border:1px solid #aaa;
}

span.veul {
background-image:url(/images/veul.gif); 
background-position:center 2px; 
background-repeat:no-repeat;
font-family:Arial;
font-size:16px;
font-weight:bold;
color:blue;
float:left;
width:25px;
text-align:center;
padding:2px;
padding-top:8px;
margin:3px;
margin-right:10px;
border:1px solid #aaa;
}

span.lekker {
background-image:url(/images/lekker.gif); 
background-position:center 2px; 
background-repeat:no-repeat;
font-family:Arial;
font-size:16px;
font-weight:bold;
color:blue;
float:left;
width:25px;
text-align:center;
padding:2px;
padding-top:8px;
margin:3px;
margin-right:10px;
border:1px solid #aaa;
}

ul.kalender#Jan span.dag {background-image:url(/images/maanden/januari.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Feb span.dag {background-image:url(/images/maanden/februari.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Mar span.dag {background-image:url(/images/maanden/maart.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Apr span.dag {background-image:url(/images/maanden/april.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#May span.dag {background-image:url(/images/maanden/mei.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Jun span.dag {background-image:url(/images/maanden/juni.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Jul span.dag {background-image:url(/images/maanden/juli.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Aug span.dag {background-image:url(/images/maanden/augustus.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Sep span.dag {background-image:url(/images/maanden/september.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Oct span.dag {background-image:url(/images/maanden/oktober.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Nov span.dag {background-image:url(/images/maanden/november.gif); background-position:center 2px; background-repeat:no-repeat;}
ul.kalender#Dec span.dag {background-image:url(/images/maanden/december.gif); background-position:center 2px; background-repeat:no-repeat;}

.spacer { clear: both; height:5px;}