body {background-color: white; color: #555; margin: 0; padding: 0; font-family: georgia, times, serif;}
img {border: 0;}
hr {display: none;}
td {vertical-align: top;}
a {color: #555;}

#title {display: block; margin-bottom: 20px;}

#navl {width: 195px; text-align: right;}
#navl a {display: block; color: #555; font-size: .95em; text-decoration: none;}
#navl a.selected {background-color: #EAEAEA;}
#navl div.hr {height: 1px; background-color: #E3A716; margin: 3px 0;}
#navl .boxed {border-width: 1px 1px 1px 0; border-style: solid; border-color: #E3A716; background-color: #FDF7EA; margin-bottom: 6px; padding: 4px; text-align: left; min-height: 45px; font-size: .6em; font-family: verdana, arial, helvetica, sans-serif; line-height: 1.7em;}
#navl .boxed img {float: left; margin-right: 10px; display: block;}
#navl .boxed a {font-size: 1em;}
#navl .boxed strong {font-size: 1.2em;}

#content {width: 480px; padding-left: 40px;}
#content h1 {font-size: 1em; color: #555; margin-top: 0;}
#content div.illus {height: 90px;}
#content div.illus img {border: 1px solid #E3A716; padding: 3px; margin-right: 7px; display: block; float: left;}

#footer {margin-top: 20px; border-width: 1px 0; border-color: #E3A716; border-style: solid; width: 897px; font-size: .6em; text-align: center; padding: 3px 0; font-family: arial, helvetica, sans-serif;}

#icnbegegnung {position: relative; left: 875px; top: -2.2em; width: 110px; height: 25px;}

#navo {position: absolute; top: 0; left: 180px; width: 500px; height: 30px; padding-top: 3px;}
#navo ul {margin: 0; padding: 0;}
#navo li {display: inline; margin: 0; padding: 0 4px;}
#navo a {text-decoration: none; font-size: .9em; }

table.yearview {font-family: verdana, arial, helvetica, sans-serif; font-size: 9px;}
table.yearview a {color: black; text-decoration: none;}
table.yearview a:hover {font-weight: bold;}
table.yearview th {text-align: center; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px;}
table.yearview td.calendar {padding-right: 1em; font-size: 12px;}

table.monthview {}
table.monthview th {font-weight: bold; text-align: center; font-size: 12px; background-color: white; color: #900; padding: 0;}
table.monthview th.dayname {font-size: 12px; background-color: white; color: black; padding: 0;}
table.monthview td {text-align: right; padding: 0 3px; font-size: 11px;}
table.monthview td.dayToday {background-color: #ccc;}
table.monthview td.booked {background-color: #900; color: white;}
table.monthview td.reserved {background-color: #dd0; color: black;}

#kalender p a {text-decoration: underline;}
#kalender p a.selected {font-weight: bold;}
#kalender p.legende {font-size: 12px; text-align: left;}
#kalender p.legende span {display: block;}
#kalender p.legende span.frei {border-left: 30px solid white; padding-left: 5px; margin-bottom: 3px;}
#kalender p.legende span.reserved {border-left: 30px solid #dd0; padding-left: 5px; margin-bottom: 3px;}
#kalender p.legende span.booked {border-left: 30px solid #900; padding-left: 5px;}