body, form, table { font-family: Verdana, Arial, sans-serif; }

body { font-size: 115%; margin:0; padding:0; background-color: #ff8; color: #006; }

a { text-decoration: underline; }

img { border:none }

div {margin: 0; padding: 0;}
 
h1 { font-size: 140%; font-weight: bold;} 
h2 { font-size: 130%; font-weight: bold;} 
h3 { font-size: 120%; font-weight: bold;} 

#HEADER { background-image:url('images/logo.gif'); background-repeat: no-repeat; color: #ff8; background-color:#006; padding: 16px; text-align: right; font-weight:bold; margin-bottom: 12px; }
#HEADER a, a.button { font-size:90%; color:#000; text-decoration: none; background-color: #f70; font-weight:bold; padding:2px; margin:0px 6px;}

a.button { font-size:100% }
#BANNER { background-image:url('images/banner.jpg'); height:136px }

#NAVIGATION { float: left; width: 260px; color: #000; font-size: 80%; font-weight:bold;}
#NAVIGATION ul { margin:3px; padding:3px; background-color:#FF8;}
#NAVIGATION li { margin:3px; padding:4px; background-color:#f70; list-style:none;}
#NAVIGATION li.active { background-color:#6c0}
#NAVIGATION a { color: #000; text-decoration: none; font-weight:bold; }

#CONTENT { margin: 12px 12px 12px 276px; max-width:900px; }

#HERBST { background-image:url('images/Herbst_blass.jpg'); border: 4px solid #006; float:right; margin-left: 12px; margin-bottom: 12px; }
#NEUJAHR { background-image:url('images/snow.jpg'); border: 4px solid #006; float:right; margin-left: 12px; margin-bottom: 12px; }
#FRUEHLING { background:url('images/Fruehling_blass.jpg') center; border: 4px solid #006; float:right; margin-left: 12px; margin-bottom: 12px; }
li { margin-bottom:0.5em }
	
.mar-o { margin: 1em 0 0 0 }
.mar-u { margin: 0 0 1em 0 }
.mar-r { margin: 0 1em 0 0 }
.mar-ru { margin: 0 1em 1em 0 }
.mar-l { margin: 0 0 0 1em }
.mar-lu { margin: 0 0 1em 1em }

p.bild { margin-top:0; margin-bottom: 2em; }

#KEYWORDS4U { text-align: center; font-size: 80% }