@charset "utf-8";
@import "reset.css";
/* CSS Document */

* {
	margin: 0; 
	padding: 0
}

body, html { 
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	width: 100%;
	height: 100%;
	background: url(../images/bg_gradient.png) top left repeat-x #31000d;
}

table.wrap { width: 100%; height: 100%; position: relative; }
table.wrap td { vertical-align: middle; }
table.wrap table.shadow { width: 1040px; margin: 0 auto 0 auto; }

table.wrap table.shadow td.s1 { height: 7px; width: 7px; background: url(../images/shadow/s_ol.png) no-repeat; }
table.wrap table.shadow td.s2 { height: 7px; width: 1026px; background: url(../images/shadow/s_ho.png) repeat-x; }
table.wrap table.shadow td.s3 { height: 7px; width: 7px; background: url(../images/shadow/s_or.png) no-repeat; }

table.wrap table.shadow td.s4 { height: 7px; width: 7px; background: url(../images/shadow/s_vl.png) repeat-y center right; }
table.wrap table.shadow td.s5 {  }
table.wrap table.shadow td.s6 { height: 7px; width: 7px; background: url(../images/shadow/s_vr.png) repeat-y center left; }

table.wrap table.shadow td.s7 { height: 7px; width: 7px; background: url(../images/shadow/s_ul.png) no-repeat; }
table.wrap table.shadow td.s8 { height: 7px; width: 1026px; background: url(../images/shadow/s_hu.png) repeat-x; }
table.wrap table.shadow td.s9 { height: 7px; width: 7px; background: url(../images/shadow/s_ur.png) no-repeat; }

#acp {
	position: absolute;
	bottom: 0;
	left: 0;
}

#acp a {
	color: #31000d;
}

img { border: none }
img a { border: none }

#wrap_aktuelles, #wrap_partys, #wrap_tanzen, #wrap_events, #wrap_impressum, #wrap_contact, #wrap_oeffnungszeiten, #wrap_tanzen_1, #wrap_, #wrap_tanzen_2, #wrap_tanzen_3 {
	background: url(../images/bg.jpg) no-repeat;
}

#wrap_aktuelles {
	background: url(../images/bg.jpg) no-repeat;
}

#wrap_aktuelles2 {
	background: url(../images/bg_tanzenfeiern.jpg) no-repeat;
}

/* Partys feiern */
#wrap_partys {
	background: url(../images/bg_rot.png) no-repeat #50002e;
}

/* Tanzen */
#wrap_tanzen {
	background: url(../images/bg_pink.png) no-repeat #702236;
}

/* Events */
#wrap_events {
	background: url(../images/bg_blau.png) no-repeat #2a0243;
}

/* Impressum */
#wrap_impressum {
	background: url(../images/bg_blau.png) no-repeat #2a0243;
}

#wrap_oeffnungszeiten {
	background: url(../images/bg_rot.png) no-repeat #50002e;			
}

#wrap_contact {
	background: url(../images/bg_blau.png) no-repeat #2a0243;
}

#wrap_tanzen_1 {
	background: url(../images/bg_pink.png) no-repeat #702236;	
}

#wrap_tanzen_2 {
	background: url(../images/bg_jugendliche.png) no-repeat #752b6c;	
}

#wrap_tanzen_3 {
	background: url(../images/bg_kinder.png) no-repeat #912d59;
}

/* */
#home_impressum {
	height: 17px;
	background: url(../images/strich_lila.jpg) repeat-x bottom;
	margin: 0 0 7px 0;
	padding: 20px 0 20px 30px;
	color: #f55813;
}

#header {
	height: 105px;
	background: url(../images/verlauf_header.jpg) repeat-y top left;
	position: relative;
}

#header_orange {
	height: 18px;
	background: url(../images/strich_orange.jpg);
}

#white_orange {
	height: 1px;
	background: url(../images/strich_orange.jpg) repeat-x;
	margin: 15px 0 0 0;
}

#blue {
	height: 1px;
	background: url(../images/strich_blau.jpg) repeat-x;
	margin: 7px 0 0 0;
}

#content {
	position: relative;
	min-height: 389px;
	line-height: 1.3;
	color: #fff;
}

#content_tanzen {
	width: 650px;
	padding: 50px 0 0 0;
	margin: 0 0 0 78px;
}

#content_tanzen p {
	margin: 10px 0 10px 0;	
}

span.content {
	border: 1px solid #ff0000;
}

#menu_2 { width: 150px; color: #fff; padding: 0 0 0 30px; float: left; }
#bild1 { float: left; padding: 0 10px 0 0; }
#bild2 { float: left; padding: 0 10px 0 0; }
#bild3 { float: left; padding: 0 120px 0 0; }
#logo { padding: 50px 0 0 0; }
#logo:after { clear: both; }

#bild4 { margin: -85px 0 0 0; float: left; padding: 0 10px 0 0; }
#bild5 { margin: -85px 0 0 0; float: left; padding: 0 10px 0 0; }
#bild6 { margin: -85px 0 0 0; float: left; padding: 0 10px 0 0; }

/* HIER NOCH DIE BILDER POSITIONIEREN */
div#events_bild1, div#tanzen_bild1, div#partys_bild1, div#tanzen_er_bild1, div#tanzen_ju_bild1, div#tanzen_ki_bild1 { display: none; }
div#events_bild2, div#tanzen_bild2, div#partys_bild2 { display: none; }
div#events_bild3, div#tanzen_bild3, div#partys_bild3 { display: none; }

div#events_bild1, div#events_bild2, div#events_bild3, div#tanzen_bild1, div#tanzen_bild2, div#tanzen_bild3, div#partys_bild1, div#partys_bild2, div#partys_bild3, div#tanzen_er_bild1, div#tanzen_ju_bild1, div#tanzen_ki_bild1 { z-index: 1000; }

#footer {
	position: relative;
	background: url(../images/footer.jpg) repeat-x;
	height: 75px;
}

#anschrift {
	padding: 19px 0 0 565px;
	color: #f55813;
	font-size: 10px;
}

/* Menu Styles */

.menu1{
	list-style: none;
}

.menu1_item {
	padding: 0 0 5px 0;
}

.menu1_item_active {
	padding: 0 0 5px 0;
}

.menu1_item a{
	color: #f55813;
	text-decoration: none;
}

.menu1_item_active a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

ul.menu2{
	width: 150px;
	margin: 20px 0 26px 0; 
	list-style: none;
}

.menu2_item {
	padding: 0 0 10px 0;
}

.menu2_item_active {
	padding: 0 0 10px 0;
}

.menu2_item a { 
	color: #fff;
	text-decoration: none;
}

.menu2_item_active a { 
	color: #fff;
	/* list-style-image: url(../images/pfeil.png);  */
	text-decoration: none;
	font-weight: bold;
}

/* Aktuelles */

img.aktuelles { position: absolute; top: 70px; left: 158px; }

/* Partys feiern */

img.partys_headline { z-index: 100; }
#partys_col1 { width: 600px; z-index: 100; line-height: 18px; margin: 30px 30px 0 78px; float: left; }
#partys_col2 { z-index: 100; color: #b27375; }
#partys_col3 { z-index: 100; float: left; margin: 70px 0 0 0; }
#partys_col3 a { color: #fff; text-decoration: none; }
#partys_col3 a:hover { text-decoration: underline; }
#partys_col3:after { clear: both; }
p.partys_footer { padding: 0 0 0 20px; z-index: 100; }
.machen_lassen { color: #db9892; font-size: 18px; }

/* Events */

img.events_headline { z-index: 100; }
#events_col1 { width: 700px; z-index: 100; line-height: 18px; margin: 30px 0 0 78px; float: left; }
#events_col3 { z-index: 100; margin: 250px 0 0 737px; }
#events_col3 a { color: #fff; text-decoration: none; }
#events_col3 a:hover { text-decoration: underline; }
#events_col3:after { clear: both; }

td.events { font-size: 18px; color: #db9892; line-height: 22px; }

/* Tanzen */

img.tanzen_headline { z-index: 100; }
#tanzen_content { width: 600px; z-index: 100; line-height: 18px; float: left; margin: 30px 0 0 78px; }
#tanzen_menu { margin: 150px 0 0 737px; }
#tanzen_menu ul { list-style: none; }
#tanzen_menu ul li { list-style: none; line-height: 30px; font-size: 14px; }
#tanzen_menu ul li a { color: #db9892; text-decoration: none; }
#tanzen_menu ul li a:hover { text-decoration: underline; }
.rosa_erleben_sie_es { color: #db9892; font-size: 18px; }

#tanzen_col1 { width: 100%; z-index: 100; line-height: 18px; }
#tanzen_col1 td { padding: 0 0 10px 0; }
#tanzen_col1 td a { color: #fff; text-decoration: none; }
#tanzen_col1 td a:hover { text-decoration: underline; }
table.table_tanzen { width: 690px; margin: 30px 0 115px 78px; }
table.table_tanzen td.size { width: 571px; }

#tanzen_col1 h4 { font-size: 14px; font-weight: bold; }
#tanzen_col1 ul { margin: 0 0 0 18px; }

td.kurs_class_1_1 { color: #db9889; }
td.kurs_class_1_2 { color: #7bbfc0; }
td.kurs_class_1_3, td.kurs_class_1_11 { color: #ffa523; }
td.kurs_class_1_7 { color: #c9383b; } 

td.kurs_class_2_4 { color: #d99a8b; } 
td.kurs_class_2_5 { color: #78acc4; } 
td.kurs_class_2_6 { color: #ffb70a; } 

td.kurs_class_3_8 { color: #e19892; } 
td.kurs_class_3_9 { color: #f05a0e; } 

#tanzen_breadcrumb { position: absolute; top: 42px; left: 647px; }
#tanzen_breadcrumb a { color: #d98e78; text-decoration: none; margin: 0 10px 0 0; font-size: 14px; }
#tanzen_breadcrumb a:hover { text-decoration: underline; }

/* Formular */
#order { position: absolute; top: 293px; left: 80px; width: 500px; z-index: 100; line-height: 18px; }
select.txt_anrede, input#txt_vorname, input#txt_nachname, input#txt_strasse, input#txt_plz, input#txt_telefon, input#txt_geb, input#txt_mail { width: 300px; }
td.label { width: 90px; height: 20px; }
#hinweise { position: absolute; top: 240px; left: 530px; z-index: 100; width: 450px; }
h4.form { margin: 0 0 10px 0; }
#hinweise p, #hinweise table { margin: 0 0 5px 0; font-size: 11px; width: 450px; }
input.anmeldung_submit { position: absolute; top: 260px; left: 750px; }
table#kurs { width: 500px; }

/* Impressum */

#impressum_col1 { width: 600px; z-index: 100; line-height: 18px; margin: 30px 0 0 78px; }

/* Aktuelles */

#aktuelles_col1 { width: 600px; z-index: 100; line-height: 18px; margin: 70px 0 0 200px; }
h3.headline_aktuelles { font-family: Georgia; font-size: 18px; margin: 0; padding: 0; font-weight: normal; }

/* Kontakt */

#kontakt_col1 { width: 100%; z-index: 100; line-height: 18px; margin: 30px 0 0 78px; }

/* Oeffnungszeiten */

#oeffnungszeiten_col1 { width: 100%; z-index: 100; line-height: 18px; margin: 30px 0 0 78px; }

h3.headline_subpages { margin: 0; padding: 0; font-weight: normal; display: inline-block; margin: 37px 0 0 37px; }

.smaller { font-size: 14px; }
small { display: block; font-size: 10px; margin: 2.5px 0 2.5px 0; }

a.normal { color: #fff; text-decoration: none; }
a.normal:hover { text-decoration: underline; }

a.important { color: #ff811e; text-decoration: none; }
a.important:hover { text-decoration: underline; }

span.alte { font-size: 14px; }
span.post { color: #e8591f; font-weight: bold; font-style: italic; }

/* Footer */

#footer_menu { color: #fff; padding: 18px 0 0 20px; float: left; width: 245px; }
#footer_menu:after { clear: both; }
ul.footer { z-index: 1000; list-style: none; }
ul.footer li { float: left; }