* {margin:0; padding:0}
a:focus {outline:none;}
body { color: white; font-size: 12px; border-width: 0; font-family: Arial, sans-serif; line-height: 12pt; background-color: #090909; background-image: url(../images/lochblech_dunkel.gif); }
p {line-height:1.4; margin-bottom:12px;}
#wrapper { position: absolute; top: 30px; left: 50%; width:950px; height: 600px; margin-left: -475px; border: 1px #2b2b2b; }

#wrapper #slider { position:relative; top: 0; overflow:auto; width:950px; height:600px; }
#wrapper #slider a img, #slider2 a img { border-style: none; border-width: 0; }
#wrapper #slider ul { position:absolute; list-style:none; top:0; left:0; }
#wrapper #slider li { background-color: transparent; float:left; width:950px; height:600px; }

#wrapper #slider_banner { position:relative; overflow:auto; width:450px; height:100px; }
#wrapper #slider_banner a img { border-style: none; border-width: 0; }
#wrapper #slider_banner ul {position:absolute; list-style:none; top:0; left:0;}
#wrapper #slider_banner li { background-color: black; float:left; width:450px; height:100px; }

.home_bg { background-image: url(../images/home_bg.jpg); background-repeat: no-repeat; background-position: left top; }
.predinner { background-image: url(../images/home_predinner.jpg); background-repeat: no-repeat; background-position: left top; }
.tickets { background-image: url(../images/home_sonarwave.jpg); background-repeat: no-repeat; background-position: left top; }
#ticketshop { width: 420px; height: 540px; float: right; margin-top: 30px; margin-right: 30px; border-style: none; }
.photos { background-image: url(../images/home_galleries.jpg); background-repeat: no-repeat; background-position: left top; }
.partners { background-image: url(../images/home_bg_neutral.jpg); background-repeat: no-repeat; background-position: left top; }
.tickets { background-image: url(../images/home_tickets.jpg); background-repeat: no-repeat; background-position: left top; }
.location_bg { background-image: url(../images/home_location.jpg); background-repeat: no-repeat; background-position: left top; }
.dj_lineup_bg { background-image: url(../images/home_dj_lineup.jpg); background-repeat: no-repeat; background-position: left top; }
.resident { background-image: url(../images/home_resident_djs.jpg); background-repeat: no-repeat; background-position: left top; }
.kontakt { background-image: url(../images/home_bg_neutral.jpg); background-repeat: no-repeat; background-position: left top; }
.mailinglist { background-image: url(../images/home_bg_neutral.jpg); background-repeat: no-repeat; background-position: left top; }
.impressum { background-image: url(../images/home_bg_neutral.jpg); background-repeat: no-repeat; background-position: left top; }

.location_link { position: relative; height: 210px; width:430px; top: 240px; left: 450px; }
.predinner_link { position: relative; height: 80px; width:220px; top: 500px; left: 250px; }

a { color: #fff; font-weight: bold; text-decoration: none; }
a:hover { color: #666; }
#partner a { color: #333; font-size: 14px; font-weight: bold; text-decoration: none; }
#partner a:hover, a:hover { color:#666; }


#gallery img { float: left; padding-right: 30px; }

.navigation { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 0; display:block; }
#navi { background-repeat: no-repeat; background-position: 15px top; position: absolute; top: 150px; left: 0; width: auto; z-index: 25; }
#navi a { color: white; font-size: 16px; font-weight: bold; font-style: italic; text-decoration: none; list-style:none; }
#navi a:hover { color:black; background-image: url(../images/navigation_background.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left -126px; }

#navi ul { width: auto; }
#navi .pagination { color: white; font-size: 16px; font-weight: bold; font-style: italic; text-decoration: none; list-style:none; }
#navi .pagination li { line-height: 20px; background-image: url(../images/navigation_background.png); background-repeat: no-repeat; background-position: left top; cursor:pointer; margin:0 15px 5px 0; text-align:left; width: 170px; padding: 8px 20px 4px 35px; list-style-type: none; list-style-image: none; display: block; }
#navi .pagination li span { font-size: 80% !important; font-weight: normal; }
#navi .pagination li:hover, #navi li.current { color:black; background-image: url(../images/navigation_background.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left -126px; }
#navi .pagination li.gaygo { color: #090909; }
li#content {width:950px; height:600px;}
#content h1 {font:22px Georgia, Verdana; margin-bottom:15px; color:white;}
#mp3 { position: absolute; left: 0; right: 0; bottom: -30px; width: 400px; height: auto; z-index: 10; visibility: visible; float: right; clear: both; }
#mp3 #a3 { width: 370px; display: block; }
#noscript { color: #000; font-size: 0.8em; line-height: 1.5em; background-color: #ffffa3; text-align: left; position: absolute; top: 20px; left: 50%; width:928px; height: auto; z-index: 100; margin-left: -464px; padding: 10px; border: solid 1px #fff000; }
#wrapper #slider #link_monroe { background-image: url(../images/home_community.png); background-repeat: no-repeat; background-position: left top; width: 128px; height: 29px; z-index: 20; float: right; clear: none; margin-top: 565px; margin-right: 160px; display: block; }
#wrapper #slider #link_monroe:hover { background-image: url(../images/home_community.png); background-position: 0 -29px; cursor: pointer; }
#wrapper #link_impressum { background-image: url(../images/home_community.png); background-repeat: no-repeat; background-position: -340px top; position: absolute; left: 380px; top: 460px; width: 80px; height: 29px; z-index: 20; margin: 0; padding: 0; display: block; }
#wrapper #link_impressum:hover { background-image: url(../images/home_community.png); background-position: -340px -29px; cursor: pointer; }
#wrapper #link_winprices { background-image: url(../images/winprices.png); background-repeat: no-repeat; position: absolute; left: 90px; top: 360px; width: 202px; height: 78px; z-index: 20; margin: 0; padding: 0; display: block; }

#wrapper #link_facebook { background-image: url(../images/community_icons.png); background-repeat: no-repeat; background-position: -100px top; position: absolute; left: 34px; bottom: 20px; width: 53px; height: 60px; z-index: 20; margin: 0; padding: 0; display: block; }
#wrapper #link_facebook:hover { background-image: url(../images/community_icons.png); background-position: -100px top; cursor: pointer; }
#wrapper #link_gayromeo { background-image: url(../images/community_icons.png); background-repeat: no-repeat; background-position: -150px top; position: absolute; left: 100px; bottom: 20px; width: 53px; height: 60px; z-index: 20; margin: 0; padding: 0; display: block; }
#wrapper #link_gayromeo:hover { background-image: url(../images/community_icons.png); background-position: -150px top; cursor: pointer; }
#wrapper #slider #link_sonarwave { background-image: url(../images/sonarwave_startseite.jpg); background-repeat: no-repeat; background-position: left top; position: absolute; top: 235px; left: 265px; width: 181px; height: 252px; z-index: 20; margin: 0; padding: 0; border: solid 4px transparent; display: block; }
#wrapper #slider #link_sonarwave:hover { border-color: #ec00d2; cursor: pointer; }

.trans_content {position: absolute; width:480px; height:350px; margin:65px 0 0 430px; padding:20px 20px 20px; z-index: 20; background:#F00; opacity:.5; filter:alpha(opacity=50);}
.content_box {position: absolute; width:480px; height:350px; margin:65px 0 0 430px; z-index: 20; padding:20px 20px 20px; }


/*------------------------ TinyScroll -----*/
#wrapper #wrapper_scroll { position: absolute; width:480px; height:290px; margin:65px 0 0 430px; z-index: 20; padding:20px 20px 20px; }
#wrapper #wrapper_scroll a { color: white; font-weight: normal; line-height: 1.8; text-decoration: none; padding: 3px; }
#wrapper #wrapper_scroll a:hover { color: #666; background-color: white; text-decoration: none; }
#wrapper #wrapper_scroll p { color: black; font-size: 0.9em; line-height: 1.3em; margin-bottom: 5px; }
#wrapper #wrapper_scroll li { color: #acacac; font-size: 0.9em; line-height: 1.3em; margin-bottom: 10px; }
#wrapper #wrapper_scroll ul { margin-bottom: 10px; padding: 0 0 0 15px; list-style-type: square; list-style-position: outside; }
#wrapper #wrapper_scroll h1 { color: #fff; font-size: 1.2em; font-weight: normal; margin-top: 0; }
#wrapper #scroll { position:relative; width:500px; height:355px; overflow:auto; float: right; }
#wrapper #scrollcontent { position:absolute; top: 0; right: 0; width:480px; height: 1200px; z-index:20    }
#wrapper #scrollbar { background-color: white; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float:right; position:relative; display:none; width:15px; height:355px; z-index:21; margin-right: 0; }
#wrapper .scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#090909; background-image:url(../images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#f78500}
#wrapper #scrollcontent img { float: left; clear: both; margin-right: 20px; border: solid 2px #fff; }
#wrapper #scrollcontent h2 { color: #fff; font-size: 20px; font-family: arial; font-weight: bold; font-style: italic; line-height: 22px; margin: 5px 0 10px; }
#wrapper #scrollcontent p { color: white; font-size: 16px; font-weight: bold; font-style: italic; line-height: 18px; margin: 0; padding: 0 0 0 120px; }
#partners { width: auto; height: auto; z-index: 10; float: left; margin-top: 180px; margin-left: 550px; }
#partners p a { color: #fff; text-decoration: none; }
#partners p { font-size: 16px; font-weight: bold; font-style: italic; line-height: 30px; }
#partners p a:hover, #location #map a:hover { color: black; }
#tickets { width: auto; height: auto; z-index: 10; float: left; margin-top: 100px; margin-left: 420px; }
#tickets p a { color: #fff; text-decoration: none; }
#tickets p { font-size: 16px; font-weight: bold; font-style: italic; line-height: 30px; }
#tickets p a:hover, #location #map a:hover { color: black; }
#location_text { position: relative; top: 0; left: 140px; width: 440px; height: auto; float: left; }
#location_text p { font-size: 14px; font-weight: bold; font-style: italic; line-height: 18px; text-transform: uppercase; }
.clear { width: 1px; height: 0; float: none; clear: both; margin: 0; padding: 0; }
#location { width: 620px; height: 440px; z-index: 10; float: right; margin-top: 250px; }
#location #map a { color: white; font-size: 12px; text-decoration: none; }
#map { position: relative; left: 140px; width: 450px; height: auto; float: left; }
#wrapper #bannerwerbung { font-size: 9px; position: absolute; right: 0; bottom: -90px; width: auto; height: 85px; z-index: 20; margin: 0; padding: 0; display: block; }
#wrapper #bannerwerbung:hover { cursor: pointer; }

#slider2{ background-color: white; margin: 0; padding: 0; border: solid 1px white; }	
#slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2 li{ width:450px; height:72px; overflow:hidden; margin: 0; padding: 0; }
#kontaktformular { color: black; background-repeat: no-repeat; width: 420px; height: auto; z-index: 30; margin-top: 100px; margin-left: 475px; padding-top: 0; padding-bottom: 20px; }
#kontaktformular label { color: white; font-size: 14px; font-weight: bold; font-style: italic; text-transform: uppercase; }
#kontaktformular #kontakt { width: 400px; }
#kontaktformular form { width: 420px; }
#kontaktformular form p { color: white; font-size: 14px; font-weight: bold; font-style: italic; padding-left: 0; }
#kontaktformular form .button { color: #000; font-size: 16px; font-weight: bold; font-style: italic; background-color: #fff; text-decoration: none; margin-top: 15px; margin-bottom: 5px; padding: 5px; border-style: none; }
#kontaktformular form .button:hover { color: white; background-color: #f78500; text-decoration: none; cursor: pointer; }
#kontaktformular .formular { float: left; clear: left; margin-bottom: 5px; }
#kontaktformular input, #kontaktformular textarea { font-size: 14px; font-family: arial; font-weight: bold; font-style: italic; width: 400px; padding: 6px; border: solid 1px #fff; }
#kontaktformular input:hover, #kontaktformular textarea:hover { border-color: #79b51c; }
#kontaktformular #tabelle_ergebnis { width: 80px; }
#kontaktformular .fehler { color: #e72500; font-size: 12px; background-color: #fff; width: 400px; margin-bottom: 4px; padding: 5px 3px 5px 10px; }
#kontaktformular h3 { color: white; font-size: 16px; font-weight: bold; font-style: italic; line-height: 25px; margin-bottom: 8px; }

#mailingformular { color: white; font-size: 9px; width: 620px; height: auto; z-index: 30; margin-top: 100px; margin-left: 275px; padding-top: 0; padding-bottom: 20px; }
#mailingformular label { color: white; font-size: 14px; font-weight: bold; font-style: italic; text-transform: uppercase; }
#mailingformular #mailing { position: relative; left: 20px; width: 300px; float:left; }
#mailingformular form { width: 320px; float:left; }
#mailingformular form p { color: white; font-size: 14px; font-weight: bold; font-style: italic; padding-left: 0; }
#mailingformular form .button { color: #000; font-size: 16px; font-weight: bold; font-style: italic; background-color: #fff; text-decoration: none; margin-top: 25px; margin-bottom: 5px; padding: 5px; border-style: none; }
#mailingformular form .button:hover { color: white; background-color: #f78500; text-decoration: none; cursor: pointer; }
#mailingformular .formular { float: left; clear: left; margin-bottom: 5px; }
#mailingformular input, #mailingformular textarea, #mailingformular select { font-size: 12px; font-family: arial; font-weight: bold; font-style: italic; width: 300px; padding: 6px; border: solid 1px #fff; margin-bottom:10px; }
#mailingformular input:hover, #mailingformular textarea:hover { border-color: #79b51c; }
#mailingformular #tabelle_ergebnis { width: 80px; }
#mailingformular .fehler { color: #e72500; font-size: 16px; margin-bottom: 4px; padding: 5px 3px 5px 10px; }
#mailingformular h3 { color: white; font-size: 16px; font-weight: bold; font-style: italic; line-height: 25px; margin-bottom: 8px; }
#mailingformular #pre-select { width: 70px }
#mailingformular #number { width: 216px; margin-left:10px; }
#mailingformular #zip { width: 57px; }
#mailingformular #job { width: 215px; margin-left:10px; }
#mailingformular #jetztgewinnen { position: relative; top: 20px; width:300px; height:300px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.2; float:left; }

/*------------------------ DJ Links -----*/
#wrapper #slider #link_dj_redant_2	{ width: 300px; height: 130px; z-index: 20; float: left; clear: none; margin-top: 110px; margin-right: 20px; margin-left: 340px; display: block; }
#wrapper #slider #link_dj_rony		{ width: 230px; height: 130px; z-index: 20; float: left; clear: none; margin-top: 20px; margin-left: 600px; display: block; }
#wrapper #slider #link_jeremy		{ width: 90px; height: 120px; z-index: 20; float: left; clear: none; margin-top: 170px; display: block; }
#wrapper #slider #link_dj_lissat	{ width: 100px; height: 120px; z-index: 20; float: left; clear: left; margin-top: 140px; margin-right: 10px; margin-left: 240px; display: block; }
#wrapper #slider #link_dj_djck		{ width: 240px; height: 140px; z-index: 20; float: left; clear: none; margin-top: 30px; margin-left: 270px; display: block; }

#wrapper #slider #link_dj_rony_2		{ width: 160px; height: 180px; z-index: 20; float: left; clear: none; margin-top: 80px; margin-right: 50px; margin-left: 290px; display: block; }
#wrapper #slider #link_dj_delicious		{ width: 350px; height: 180px; z-index: 20; float: left; clear: none; margin-top: 80px; display: block; }
#wrapper #slider #link_dj_redant		{ width: 180px; height: 220px; z-index: 20; float: left; clear: left; margin-top: 60px; margin-right: 40px; margin-left: 220px; display: block; }
#wrapper #slider #link_dj_friedmann_2	{ width: 220px; height: 220px; z-index: 20; float: left; clear: none; margin-top: 60px; margin-right: 40px; display: block; }
#wrapper #slider #link_dj_leomeo	{ width: 180px; height: 220px; z-index: 20; float: left; clear: none; margin-top: 60px; display: block; }
#wrapper #slider #sonarwave_facebook	{ width: 150px; height: 40px; z-index: 20; float: left; clear: none; margin-top: 470px; margin-left: 220px; display: block; }
#neu { color: black; background-image: url(../images/neu.png); background-repeat: no-repeat; background-position: 0 top; width: 100px; height: 18px; z-index: 21; float: left; margin-top: 435px; margin-left: -100px; }