body {margin:0; font-family: Arial, Helvetica, sans-serif;background-color:#99CCFF;}
#alles {width:100%;}
#head {border-left:250px solid #0066FF; background-color:#CC0033; padding-bottom:15px; padding-top:10px;}
img#head {margin-bottom:10px; margin-left:20px;}
div.navi {text-align:right; font-size:0.9em; position:absolute; top:78px; right:30px;}
ul.navi {color:#fff}
li.navia {display:inline; padding-right:1em; border-right:1px solid #fff;}
li.navib {display:inline; padding-right:1em; border-right:1px solid #fff; padding-left:0.5em;}
li.navic {display:inline; padding-right:1em; padding-left:0.5em;}

#main {height:100%; border-left: 190px solid #0066FF; border-right: 190px solid #CC0033; padding-bottom: 20px; z-index: 1}
div.left {float:left; width:190px; background-color:#0066FF; margin:0; margin-top:0em; text-align:center; color:#fff; margin-left: -190px; z-index: 10}
div.right {float:right; width:190px; background-color:#CC0033; margin:0; margin-top:0em; text-align:center; color:#fff; margin-right: -190px; z-index: 10}
div.text {padding:60px 250px 0 220px; margin-left: -190px; margin-right: -100px; z-index: 5}

#jahreszeiten {text-align:left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style-image:url(bilder/headgelb.gif)}
#jahreszeiten a {color:#FFFFFF;}
h1.text {font-weight:bold; font-size:1.5em; color:#0066FF}
p.text {color:#0066FF}
p.navi {font-size:0.9em;}
p.kursiv {font-style:italic; font-size:0.9em; color:#0066FF}
a {text-decoration:none; color: White;}
a:hover {text-decoration:underline}
a.navi {color:#fff}
h3.text {font-size:10px; color:#fff}
li {color:#0066FF;}
#footer {background-color: #0066FF; border-right: solid #CC0033 270px; clear:both; border-left: 270px solid #0066FF; font-size:12px; color:#FFFFFF}