body {background-color:#fff; color:#333; font-family:Verdana; background-color:gold;}
h1 {text-align:left; font-size:30px; font-weight:400;}
h2 {font-size:20px;font-weight:300;}
p {font-size:13px; line-height:140%;}

div#outside {position:relative; margin:auto; width:900px; height:700px; border:1px solid green; overflow:hidden; background-color:#fff;}
div#title {position:absolute; left:170px; top:20px; padding:5px; height:50px; width:700px;}
div#text  {position:absolute; left:170px; top:155px; padding:5px; height:525px; width: 700px; overflow:auto; background:transparent;}

div#bild {position:absolute; top:0; left:0; width:150px; height:700px; border-right: 1px solid green;}
div#bild.intro {background-image:url(images/bild_intro.JPG); background-position:50% 5%; background-repeat:no-repeat;}
div#bild.dezember_1 {background-image:url(images/dezember_1.JPG); background-position:65% 100%; background-repeat:no-repeat;}
div#bild.dezember_2 {background-image:url(images/dezember_2.JPG); background-position:25% 100%; background-repeat:no-repeat;}
div#bild.dezember_3 {background-image:url(images/dezember_3.JPG); background-position:40% 100%; background-repeat:no-repeat;}
div#bild.dezember_4 {background-image:url(images/dezember_4.JPG); background-position:25% 100%; background-repeat:no-repeat;}
div#bild.dezember_5 {background-image:url(images/dezember_5.JPG); background-position:35% 100%; background-repeat:no-repeat;}
div#bild.dezember_6 {background-image:url(images/dezember_6.JPG); background-position:15% 100%; background-repeat:no-repeat;}
div#bild.dezember_7 {background-image:url(images/dezember_7.JPG); background-position:15% 100%; background-repeat:no-repeat;}
div#bild.dezember_8 {background-image:url(images/dezember_8.JPG); background-position:15% 100%; background-repeat:no-repeat;}



div#kalender {position:absolute; top:0; right:0;/*float:right; margin:-1px;*/width:150px; height:150px; background-color: #eaeaea; border-left: 1px solid #666; border-bottom: 1px solid #666; z-index:2;}
#kalender table {width:100%; height:100%; border: none;}
#kalender td {font-size:10px; text-align:right;}
#kalender td.title {font-size:11px; text-align:center; color:orange;}
#kalender td.schwach {color:#999;}
#kalender td.orange {color:orange;}
#kalender span.red {background-color:orange; color:white;}

a.orange:link, a.orange:visited  {text-decoration:none; color:#222;}
a.orange:hover, a.orange:active,  a.orange:focus {text-decoration:none; color:orange;}

a.red:link, a.red:visited  {text-decoration:none; background-color:orange; color:white;}
a.red:hover, a.red:active,  a.red:focus {text-decoration:none; background-color:orange; color:white;}