* { font-family: Arial, Helvetica, sans-serif; }

html { background: transparent url('../images/background_html.jpg') no-repeat top center; height: 100.2%; }

a { color: #000; text-decoration: underline; }
a:hover { color: #fb04ba; text-decoration: none; }

div { border: 0px solid #f00;}
div.container { width: 960px; margin: 0 auto; position: relative; }
div.container_inner { width: 700px; position: absolute; top: 0px; left: 260px; }

div.logo { width: 266px; height: 117px; position: absolute; top: 27px; left: 421px; }

div.navigation { width: 700px; height: 22px; position: absolute; top: 176px; left: 0px; background-color: #000; }
div.navigation a span { display: none; }

div.navigation a.news, div.navigation a.news_aktiv {  width: 43px; left: 56px; background-image: url('../images/navi/news_inaktiv.gif'); display: block; height: 22px; position: absolute; top: 0px;  }
div.navigation a.news_aktiv, div.navigation a:hover.news { background-image: url('../images/navi/news.gif'); }

div.navigation a.referenzen, div.navigation a.referenzen_aktiv {  width: 86px; left: 148px; background-image: url('../images/navi/referenzen_inaktiv.gif'); display: block; height: 22px; position: absolute; top: 0px;  }
div.navigation a.referenzen_aktiv, div.navigation a:hover.referenzen { background-image: url('../images/navi/referenzen.gif'); }

div.navigation a.deejays, div.navigation a.deejays_aktiv {  width: 69px; left: 288px; background-image: url('../images/navi/deejays_inaktiv.gif'); display: block; height: 22px; position: absolute; top: 0px;  }
div.navigation a.deejays_aktiv, div.navigation a:hover.deejays { background-image: url('../images/navi/deejays.gif'); }

div.navigation a.galerie, div.navigation a.galerie_aktiv {  width: 58px; left: 419px; background-image: url('../images/navi/galerie_inaktiv.gif'); display: block; height: 22px; position: absolute; top: 0px;  }
div.navigation a.galerie_aktiv, div.navigation a:hover.galerie { background-image: url('../images/navi/galerie.gif'); }

div.navigation a.links, div.navigation a.links_aktiv {  width: 35px; left: 534px; background-image: url('../images/navi/links_inaktiv.gif'); display: block; height: 22px; position: absolute; top: 0px;  }
div.navigation a.links_aktiv, div.navigation a:hover.links { background-image: url('../images/navi/links.gif'); }

div.navigation a.kontakt, div.navigation a.kontakt_aktiv {  width: 62px; left: 625px; background-image: url('../images/navi/kontakt_inaktiv.gif'); display: block; height: 22px; position: absolute; top: 0px;  }
div.navigation a.kontakt_aktiv, div.navigation a:hover.kontakt { background-image: url('../images/navi/kontakt.gif'); }


div.dates { width: 250px; position: absolute; top: 233px; left: 0px; }
div.dates div.start { width: 100%; min-height: 297px; position: relative; padding: 19px 30px 5px 30px; background: transparent url('../images/background_dates_starts.gif') no-repeat; }
div.dates div.end { width: 100%; height: 16px; position: relative; background: transparent url('../images/background_dates_end.jpg') no-repeat; }
div.dates div.start ul { padding-top: 21px; width: 200px; }
div.dates div.start ul li { padding-top: 4px; font-size: 14px }


div.deejays { width: 699px; height: 398px; background: transparent url('../images/background_deejays.jpg') no-repeat; position: absolute; top: 252px; left: 0px; }
div.deejays div.click_sabba { width: 89px; height: 110px; position: absolute; top: 19px; left: 100px; }
div.deejays div.click_pkone { width: 85px; height: 172px; position: absolute; top: 19px; left: 387px; }
div.deejays div.click_alex  { width:105px; height: 132px; position: absolute; top: 19px; left: 562px; }

div.dj_bild { width: 263px; height: 395px; position: absolute; top: 660px; left: 43px; }
div.dj_info { width: 388px; position: absolute; top: 660px; left: 311px; }
div.dj_info div.start { width: 100%; position: relative; padding: 29px 0 5px 0; min-height: 179px; background: transparent url('../images/background_dj_info.gif') no-repeat; }
div.dj_info div.end { width: 100%; height: 16px; position: relative; background: transparent url('../images/background_dj_info_end.gif') no-repeat; margin-bottom: 5px; }
div.dj_info div.start h1, div.dj_info div.start p { margin: 0 30px 0 25px; }

div.content { width: 432px; position: absolute; top: 252px; left: 268px; }

div.content div div.start { width: 100%; position: relative; padding: 29px 0 5px 0; }
div.content a, div.impressum a { color: #000; text-decoration: underline; }
div.content a:hover, div.impressum a:hover { color: #fb04ba; text-decoration: none; }
div.content div h1, div.content div p, div.content div ul { margin: 0 30px 0 65px; }
div.content div h1, div.dj_info div.start h1 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
div.content div p, div.dj_info div.start p, div.content div ul { font-size: 11px; line-height: 17px; margin-top: 15px; }
div.content div ul li { font-size: 12px; margin: 0 0 7px 10px; }
div.content div div.end { width: 100%; height: 16px; position: relative; background: transparent url('../images/background_news_end.gif') no-repeat; margin-bottom: 5px; }


div.content div.news div.start { min-height: 179px; background: transparent url('../images/background_news_starts.gif') no-repeat; }
div.content div.impressum div.start { min-height: 300px; background: transparent url('../images/background_impressum_starts.gif') no-repeat; }
div.content div.referenzen div.start { min-height: 300px; background: transparent url('../images/background_referenzen_starts.gif') no-repeat; }
div.content div.galerie div.start { min-height: 210px; background: transparent url('../images/background_galerie_starts.gif') no-repeat; }
div.content div.links div.start { min-height: 179px; background: transparent url('../images/background_links_starts.gif') no-repeat; }
div.content div.kontakt div.start { min-height: 210px; background: transparent url('../images/background_kontakt_starts.gif') no-repeat; }

div.impressum { margin-bottom: 25px; font-size: 11px; line-height: 17px; }

input, select, textarea { border: solid 1px #666; padding: 2px; margin-top: 10px; width: 200px; }
input.small { width: 100px; }
label { font-size: 11px; padding-top: 14px; display: block; width: 90px; float: left; }
legend { font-size: 12px;}
fieldset { margin: 0 30px 0 65px; }