body { margin: 0; padding: 0; font: 12px Myriad, Arial, sans-serif; background: url('../images/blabla.jpg') top left no-repeat #fff; }

img { border: none; }

#wrap { width: 985px; position: relative; margin: 5px auto 0 auto; background: url('../images/white-80.png'); }

#header { position: relative; height: 270px; width: 985px; background: url('../images/frau_mund_header.jpg') top left no-repeat; }
#teaser { position: absolute; top: 20px; right: 0; font-family: Impact; text-transform: uppercase; /*line-height: 2.5em;*/ text-align: right; padding: 0 0 0 0; }
#teaser h1, 
#teaser h2, 
#teaser h3 { font-weight: normal; padding: 0; margin: 0 0 5px 0; font-size: 3.5em; line-height: 1em; }
#teaser h4 { font-weight: normal; padding: 0; margin: 0 0 5px 0; font-size: 2.8em; line-height: 1em; }
#teaser p { font-size: 2.2em; margin: 0 0 5px 0; padding: 0x; line-height: 1em; }
#teaser span, #teaser strong { font-weight: normal !important; background: #fff; padding-left: 15px; }

#logo { position: absolute; top: 205px; height: 60px; width: 985px; background: #000; overflow: hidden; }

#content { padding-left: 295px;  min-height: 250px; padding-top: 0; overflow: hidden; }
#content-left { margin-left: -295px; width: 272px; padding-bottom: 10px; overflow: hidden; background: url('../images/bg_navi.png') top left no-repeat; padding-bottom: 0;  /* X + padding-bottom */ margin-bottom: 0; }
#menu { width: 254px; min-height: 655px;  position: relative; padding: 0 0 0 20px; }
#content-middle { width: 470px; padding: 0 50px 10px 0px; overflow: hidden;  }
#content-right { width: 170px; padding-bottom: 10px; background: transparent; min-height: 500px; }
#content .column { position: relative;  float: left; }
#content .column { padding-bottom: 20010px;  /* X + padding-bottom */ margin-bottom: -20000px;  /* X */ }

#footer { clear: both; position: relative; }
#filler { width: 35px; padding-bottom: 25px; float: left; clear: left; }

#content-middle { line-height: 1.6em; }
#content-middle p { margin: 0 0 15px 0; text-align: justify; font-size: 1.1em; }
#content-middle h1 { font-family: Georgia; font-size: 1.4em; margin: 40px 0 0 0; line-height: 0; font-weight: normal; color: #a8a8aa; }
#content-middle h3 { font-family: Georgia; font-size: 1.8em; margin: 40px 0 20px 0; line-height: 1.3em; font-weight: normal; }
#content-middle h4 { font-family: Georgia; font-size: 1.4em; margin: 30px 0 10px 0; color: #333; font-weight: normal; }
#content-middle object {/* display: block; margin: 0 auto;*/ padding: 0 0 20px 10px; margin-bottom: 20px; }

#menu ul { list-style: none; margin: 0; padding: 0; height: 550px; }
#menu li { margin: 0; padding: 0; }
#menu li a { display: block; position: absolute; }
#menu li a span { display: none; }
#menu li#start a { width: 146px; height: 51px; background: url('../images/navi_start.png'); top: 33px; left: 18px; }
#menu li#start a:hover { background: url('../images/navi_start_over.png'); }
#menu li#vorschau a { width: 167px; height: 54px; background: url('../images/navi_vorschau.png'); left: 5px; top: 106px; }
#menu li#vorschau a:hover { background: url('../images/navi_vorschau_over.png'); }
#menu li#rueckblick a { width: 46px; height: 179px; background: url('../images/navi_rueckblick.png'); left: 181px; top: 27px; }
#menu li#rueckblick a:hover { background: url('../images/navi_rueckblick_over.png'); }
#menu li#salonpalaver a { width: 212px; height: 50px; background: url('../images/navi_wasistsalonpalaver.png'); left: 32px; top: 222px; }
#menu li#salonpalaver a:hover { background: url('../images/navi_wasistsalonpalaver_over.png'); }
#menu li#partner a { width: 86px; height: 225px; background: url('../images/navi_partner.png'); left: 21px; top: 282px; }
#menu li#partner a:hover { background: url('../images/navi_partner_over.png'); }
#menu li#kontakt a { width: 131px; height: 49px; background: url('../images/navi_kontakt.png'); left: 112px; top: 309px; }
#menu li#kontakt a:hover { background: url('../images/navi_kontakt_over.png'); }
#menu li#newsletter a { width: 93px; height: 35px; background: url('../images/navi_newsletter.png');  top: 432px; left: 151px; }
#menu li#twitter a { width: 91px; height: 27px; background: url('../images/navi_twitter.png'); top: 468px; left: 126px; }
#menu li#facebook a { width: 92px; height: 23px; background: url('../images/navi_facebook.png'); top: 500px; left: 166px; }
#menu h5 { font-family: Georgia; font-size: 1.2em; margin: 0 0 5px 0; color: #fff; font-weight: normal;}
#menu li a.external-link { padding: 0 !important; }
#menu img.sponsor { border: 1px solid #999; border-left: none; border-right: none; }

#content-middle img { border: 1px solid #ccc; padding: 5px; }
#content-middle img.noborder { border: none !important; padding: 0 !important; }
#content a.external-link { padding-right: 12px; background: url('../images/external-link.png') center right no-repeat; }
#content a.image-link { border: none !important; }

#content-middle a:link, #content-middle a:visited { text-decoration: none; font-weight: bold; color: #000 !important; border-bottom: 1px dotted #000; }
#content-middle a:hover, #content-middle a:active { text-decoration: none; font-weight: bold; color: #ff0000 !important; border-bottom: 1px dotted transparent; }

#content div.form { padding-left: 50px; }
#content div.form span { display: block; margin-bottom: 2px; }
#content div.form span.paragraph { padding-top: 10px; }
#content div.form input.text, 
#content div.form textarea.text { color: #666; width: 282px; font-size: 1em; border: none; background: #f0f0f0; padding: 5px; font-family: Arial, sans-serif; }
#content div.form select.text { color: #666; width: 282px; font-size: 1em; border: none; background: #f0f0f0; padding: 5px; font-family: Arial, sans-serif; }
#content div.form input.button {  background-color: #f0f0f0; border: 1px dotted #ccc; padding: 5px; font-size: 1em; color: #666; cursor: pointer; font-family: Arial, sans-serif; }
#content div.form textarea.text { margin: 0; height: 80px; overflow: auto; }
#content div.form p.buttons {  margin: 10px 0 10px 0; text-align: left;}
#content div.form .inactive {  }
#content div.form .active { color: #000; border: 1px dotted #ccc !important; }

#content-right {  /* in most cases not required */ }
#content-right div.slideshow { height: 500px; width: 170px; }

.note, .legal { font-size: 0.8em; }
.legal { color: #aaa; }
.highlight { background: #fbf1c4; }

.floatleft { display: block; float: left; margin: 0 5px 5px 0; }
.floatright { display: block; float: right; margin: 0 0 5px 5px; }