body{font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;background-color:white;}
td{padding:2px;}
a:link{font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;color:#0082BF;text-decoration:none;font-weight:bold;text-align:center;}
a:visited{font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;color:#0082BF;text-decoration:none;font-weight:bold;text-align:center;}
a:hover{font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;color:#C20041;text-decoration:none;font-weight:bold;text-align:center;}
a:active{font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;color:#C20041;text-decoration:none;font-weight:bold;text-align:center;}
#pagewrap
{
width:1000px;
}
#navigation
{
width:200px;
float:left;
font:0.7em Geneva,Arial,Helvetica,sans-serif;
background-color:#FFFFFF;
padding:0;
margin:15px 0 0 0;
border-width:0 10px 0 0;
border-style:solid;
border-color:#FFFFC2;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
color:#0082BF;
text-decoration:none;
font-weight:normal;
}
#navigation li, #navigation li a:link, #navigation li a:visited, #navigation li a:active, #navigation li a:hover
{
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
color:#0082BF;
text-decoration:none;
font-weight:normal;
list-style-type:none;
}
#navigation li a:hover
{
color:#C20041;
}
#main
{
width:780px;
float:left;
padding:0 0 0 10px;
}
#titel
{
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:20px;
padding:10px 0 10px 0;
}
#content
{
clear:both;
float:left;
}
ul, li
{
list-style-type:disc;
padding:0;
margin:0 0 0 6px;
}
.box_wrapper
{
float:left;
width:250px;
padding:0 10px 10px 0;
}
.box_headline_ev, .box_headline_sz, .box_headline_kd
{
height:20px;
color:white;
font-weight:bold;
text-align:center;
padding:4px;
}
.box_headline_ev
{
background-color:#0082BF;
}
.box_headline_sz
{
background-color:#009F82;
}
.box_headline_kd
{
background-color:#FF8100;
}
.box_content_ev, .box_content_sz, .box_content_kd
{
height:400px;
border-width:3px;
border-style:solid;
padding:4px;
background-color:#FFFFFF;
}
.box_content_ev
{
border-color:#0082BF;
}
.box_content_sz
{
border-color:#009F82;
}
.box_content_kd
{
border-color:#FF8100;
}
.font_blau_gross
{
font-size:14px;
font-weight:bold;
color:#150185;
text-align:center;
}
@media screen and (min-width:1000px)
{
#pagewrap{width:1000px;}
#header1000{display:block;}
#header800{display:none;}
#header500{display:none;}
#navigation_left{display:block;}
#navigation_bottom{display:none;}
#main{float:left;padding-left:10px;}
}
@media screen and (max-width:1000px)
{
#pagewrap{width:94%;}
#header1000{display:block;}
#header800{display:none;}
#header500{display:none;}
#navigation_left{display:block;}
#navigation_bottom{display:none;}
#main{float:left;padding-left:10px;}
}
@media screen and (max-width:800px)
{
#pagewrap{padding:10px 0 0 0;margin:0;}
#navigation li, #navigation li a:link, #navigation li a:visited, #navigation li a:hover{font-size:24px;line-height:40px;}
#header1000{display:none;}
#header800{display:block;}
#header500{display:none;}
#navigation_left{display:none;}
#navigation_bottom{display:block;}
#main{width:auto;float:none;margin:0;padding-left:10px;}
}
@media screen and (max-width:500px)
{
#navigation{width:400px;}
#header1000{display:none;}
#header800{display:none;}
#header500{display:block;}
#navigation_left{display:none;}
#navigation_bottom{display:block;}
#main{width:auto;float:none;margin:0;padding-left:10px;}
}
@media print
{
#header1000{display:block;}
#header800{display:none;}
#header500{display:none;}
#navigation_left{display:none;}
#navigation_bottom{display:none;}
}