* { margin: 0; padding: 0; border: 0 }
body        { background-color: #ff3 }
body             { font-size: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("data/homepage/bluewhite.gif"); background-repeat: repeat-x; text-align: left }
#wrapper                   { margin: 0 auto; width: 1070px }
a:link { text-decoration: none; outline-style: none }
#bild       { background-image: url("data/homepage/homepage.gif"); background-repeat: no-repeat; background-position: 40px 12px; height: 392px }
#navigation             { text-align: left; margin-top: 6px }
/*--formatiert die Menueleiste--*/ 
#menu       { font-size: 1em; line-height: 1.5; background: white; padding-top: 0; padding-bottom: 0; float: left }

/*--formatiert die Themenbloecke--*/ 
#menu ul    { list-style-type: none; width: 180px; float: left }

#menu ul.aktuell     { margin-right: 6px; margin-left: -6px }
#menu ul.alben     { margin-left: 28px }
#menu ul.presse      { margin-left: -10px }
#menu ul.kontakt     { margin-left: -30px }

/*--definiert die Blockueberschriften--*/ 
#menu h3         { color: #333; font-size: 1.3em; font-weight: normal; background: white; text-align: center; letter-spacing: 0.05em } 
#menu h3:hover         { color: #f00 } 

/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a        { color: #399; text-decoration: none; background: white; text-align: center; display: block } 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover         { color: #fff; background: #000 }

/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Hoehenvergroeßerung von #menu beim Hovern-- 
*/ 
#menu li   { font-size: 1em; position: relative } 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul  { display: none; position: absolute; z-index: 2 }

/*--l?sst die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul  { display: block; bottom: 30px; left: 0 }

/*--nur f?r IE-Versionen kleiner gleich 6 erkennbar--*/ 

* html #menu ul li { 
float: left; 
width: 100%; 
} 

/*--nur f?r IE 7 erkennbar--*/ 
*+ html #menu ul li { float: left; width: 100%; }
#neuigkeiten { width: 1021px; float: left; margin-top: 20px; margin-bottom: 10px; margin-left: 18px; border-bottom: 1px dotted #e30003; }
#neuigkeiten p{ color: #14141e; font-size: 0.9em; line-height: 1.5em; margin-bottom: 14px; }
#neuigkeiten h3{ color: #000; font-size: 1.2em;  line-height: 1.5em; margin-bottom: 8px; }
#neuigkeiten a   { color: #338c99; text-decoration: none }
#neuigkeiten a:hover    { color: #14141e }
#col1 { width: 200px; float: left; margin-right: 40px; margin-bottom: 15px; }
#col2 { width: 280px; float: left; margin-right: 50px; }
#col3 { width: 250px; float: left; margin-right: 20px; }
#col4 { width: 180px; float: left; }

#footer  { float: left; margin-left: 17px }
#footer ul {  }
#footer li  { font-size: 0.7em; list-style-type: none; display: inline }
#footer a   { color: #399; text-decoration: none; outline-style: none }
#footer a:hover    { color: black }
#footer img    { margin-left: 10px; margin-right: 5px }
.strip { padding-top: 4px }
#footer li.google { display: none }