body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul {font-family: Arial, Verdana, Helvetica, sans-serif;}
body,td,div,p {font-size: 13px; color: #000000;}

a {text-decoration: none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:active {color:#000000;}
a:hover{color: #000000;}

a.linkneutral {color: #ffffff;}
a.link4:link, a.link4:visited, a.link4:active {color: #cc0000;} 
a.link7:link, a.link7:visited, a.link7:active {color: #ff6600;}
a.link10:link, a.link10:visited, a.link10:active {color: #ff0066;}
a.link13:link, a.link13:visited, a.link13:active {color: #cc3399;}

a:active, a:focus{outline: none}

h1 {font-size: 18px; margin-bottom:5px;}
h2 {font-size: 16px; margin-bottom:5px;}
h3 {font-size: 15px; margin:0px 0px 5px 0px;}
h4 {font-size: 14px; margin:0px 0px 5px 0px; font-weight: normal;}

.head {font-size: 15px;}
.klein {font-size:10px;}

.clear {clear: both;}

img.bild_rechts {
	float: right; 
	padding-left: 10px;
	border: 0px;
}

img.bild_links {
	float: left; 
	padding-right: 10px;
	border: 0px;
}

/* Hintergrund */
body { background-repeat: repeat;}
body.back1 {background-image:url(bilder/back1.gif);} 
body.back2 {background-image:url(bilder/back2.jpg);}
body.back3 {background-image:url(bilder/back3.gif);}
body.back4 {background-image:url(bilder/back4.gif);}
body.back5 {background-image:url(bilder/back5.jpg);}
body.back6 {background-image:url(bilder/back6.gif);}
body.back7 {background-image:url(bilder/back7.gif);}
body.back8 {background-image:url(bilder/back8.jpg);}
body.back9 {background-image:url(bilder/back9.gif);}
body.back10 {background-image:url(bilder/back10.gif);}
body.back11 {background-image:url(bilder/back11.jpg);}
body.back12 {background-image:url(bilder/back12.gif);}
body.back13 {background-image:url(bilder/back13.gif);}
body.back14 {background-image:url(bilder/back14.jpg);}
body.back15 {background-image:url(bilder/back15.gif);}

/* Hauptfenster */
div.home {position: relative; width:731px; height: 570px; top:30px; margin:auto; overflow: hidden;}

/* Seitentitel */
#titel {position: absolute; bottom:26px; left:16px; width:110px;}
#titel div {margin-top: 5px;}

/* große Schrift */
.big {font-size: 14px; font-weight:bold;}
.bigschwarz {font-size: 14px; font-weight:bold; color: #ffffff}


/* Klassen für Subnavigation */
.ein { background:#ff0000 url(bilder/subaktuell.gif) no-repeat left top; color:#ffffff;}
.ein a:link {color:#ffffff;}

.ein2 { background:#000000 url(bilder/subaktuellschwarz.gif) no-repeat left top; color:#ffffff;}
.ein2 a:link {color:#ffffff;}

.aus { background:none; color:#ffffff;}



/* Abstand des Inhalts nach oben */
#abstandoben {position: absolute; left:135px; width:576px; height:20px; z-index:1000;}

/* srollbarer Inhaltsbereich */
#inhaltsbereich {position: absolute; top:20px; left:135px; width:596px; height:355px; overflow:auto;}
#inhaltsbereich td {font-size: 12px}
.inhaltsbereich {position: absolute; top:20px; left:135px; width:596px; height:355px; overflow:hidden;}
.schwarz {background:#040710;}
.weiss { background:#fbf8ef;}

.scroll-pane {position: relative; height:354px;  width:596px; overflow: auto;}


/* Elemente im Inhaltsbereich */
div.content {position: relative; margin-top:20px; margin-left:55px; width: 476px; padding-bottom:20px; text-align: justify;}
.linie { border-bottom:1px dashed black;}

div.contentschwarz {position: relative; color: #ffffff; margin-top:20px; margin-left:55px; width: 476px; padding-bottom:20px;}
.contentschwarz {color: #ffffff;}
.linieschwarz { border-bottom:1px dashed white;}


/* Abstand des Inhalts nach unten */
#abstand {position: absolute; bottom:0px; left:135px; width:570px; height:29px; z-index:1000;}


/* Telefon, Mail, Homelink */
#info1 {position: absolute; right: 33px; bottom: 15px; height:18px; font-size:11px; z-index:10;}
#info2 {position: absolute; bottom:5px; right:10px; z-index:10; font-size:11px;}
#info3 {position:absolute; top: 3px; right: 10px; z-index:10; font-size:11px;}

/* Sprachumschaltung */
#sprache {
	position: absolute; 
	left: 20px; 
	top:10px; 
	font-size: 11px; 
	font-weight: bold;
}

/* Hintergrund ändern */
#bgschalter {
	position: absolute; 
	right: -8px; 
	top: 10px; 
	width: 60px; 
	height: 13px; 
	z-index: 200;
}



/* Footer */
div.footer {position:absolute; left:110px; top:9px; width:590px; height:16px; font-size: 11px; letter-spacing:1px;}
span.footer {font-size: 11px; letter-spacing:1px;}

/* Tabellen, Zellen und sonstige Inhalte */

.preise {border-collapse:collapse;}
.anmerkungen {border: 0px;}

.termin, .kontakt {width: 476px; border:0px;}
.tanzlinks {border:0px;}

.termin td {padding: 2px 3px 2px 3px; vertical-align:top;}

.kontakt td {padding: 4px 0px 4px 0px;}

table.testbuchung {padding: 2px 0px 6px 0px;}
.testbuchung td {padding: 2px 0px 2px 0px; text-align: left; white-space: nowrap; vertical-align: middle;}

.preise td {padding: 2px 6px 2px 6px; font-size: 12px; border:1px solid #ff6600;}

.anmerkungen td {padding: 1px 6px 1px 6px; font-size: 12px; vertical-align:top;}

.tanzlinks td {padding: 2px 10px 2px 0px; vertical-align:top;}
img.tanzlinks { border:1px solid #ff0066; width: 100px;}

span.red {color: #ff0000;}

td.center { text-align: center;}

/* Tabellen für Termine */
tr.lesbar { background:#e9e9e9;}


/* Klassen für Tanzpartnergalerie */
div.taenzerrahmen {position: absolute; z-index:100;}
div.taenzertext {position: absolute; bottom: 20px; left: 220px; width: 256px;}
div.taenzerbild {position: relative; width: 201px; height: 300px;}


#hauptnavigationsbereich {position: absolute; top:5px; left:18px; width: 630px;}

/* Hauptnavigation */

/* Innen- und Aussenabstände auf 0 setzen, bullets ausschalten */
#hauptmenu, #hauptmenu ul {padding:0; margin:0; list-style-type: none;}

/* Groesse der einzelnen Menüpunkte, Schriftgröße, -auszeichnung, -farbe, Einzug */
#hauptmenu a, #hauptmenu a:visited {display:block; font-size:11px; color:#000000; height:13px; line-height:13px; text-decoration:none; text-indent:20px;}

/* Die Oberpunkte der Navigation werden horizontal ausgerichtet */
#hauptmenu li {float:left;}

/* Für gute Browsers und IE7 - nicht für IE6 und älter */
#hauptmenu li:hover {position:relative;}

/* Änderung der Linkfabe bei mausover, ausgewählter Oberpunkt bleibt farbig */
#hauptmenu li:hover > a {color:#c00;}

/* Unterpunkte der Navigation werden nicht angezeigt */
#hauptmenu li ul {display:none;}

/* Für gute Browsers und IE7 - nicht für IE6 und älter, einblenden der Unterpunkte bei mausover */
#hauptmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:0px 30px 30px 30px; background:transparent url(bilder/leer.gif); width:140px;}

/* Positionsangabe für die Unterpunkte */
#hauptmenu > li:hover > ul {left:-30px; top:12px;}

/* Notwendige Angaben für IE6 und älter - notwendig zur Anzeige der Unterpunkte */

/* Einstellungen für Hilfstabelle - nur IE6 und älter */
#hauptmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* Anzeige der Links bei Auswahl über die Tastatur (Tab) */
#hauptmenu li a:active, #hauptmenu li a:focus {color:#c00;}

/* Angabe des Bildes zur Kennzeichnung von Menü-Oberpunkten */
#hauptmenu li.dropdown {background: url(bilder/dropdown.gif) no-repeat left top;}


/* Notwendige Angaben für IE6 und älter - notwendig zur Anzeige der Unterpunkte */

* html #hauptmenu li a:hover {position:relative; color:#c00;}

/* Ändern der Sichtbarkeitseinstellung von display:none; zu visibility:hidden; */
* html #hauptmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:2px 30px 30px 31px; background:transparent url(bilder/leer.gif);}

/* Verberge 3. Level bei mausover von Oberpunkt */
#hauptmenu li a:hover ul ul{
visibility:hidden;
}


/* Anzeige der Unterpunkte bei mausover eines Oberpunktes */
#hauptmenu li a:hover ul { visibility:visible; left:-30px; top:10px; lef\t:-31px; to\p:10px;}

/* Opional, wenn drittes level benötigt wird */
#hauptmenu li a:hover ul a:hover ul{visibility:visible; top:-11px; left:80px;}



/* Fotoalbum */

.serie1 {position:relative; top:40px; left:50px; width:180px; height:320px; background:#040710; border:0px solid #ffffff;}
.serie1 b {font-weight:normal; width:290px; height:255px; text-align:center; position:absolute; top:1px; left:206px;  background:#000000; color:#eeeeee; border:1px solid #555555; z-index:1;}
.serie1 b a {color: #cc0000; font-weight:normal;}

a.album, a.album:visited {display:inline; color:#000000; text-decoration:none; border:0px solid #ffffff; width:47px; height:34px; float:left; margin:0px 11px 11px 0px; position: relative; cursor:default;}

a.album span {visibility:hidden; display:block; position:absolute; width:290px; height:255px; top:0px; left:300px; color:#eeeeee; font-size: 10px; text-align:center; border:0px solid #fff; cursor:default; text-align: right;}

div.rahmen {position:absolute; left:0px; top:0px; width:47px; height:34px; background: url(bilder/rahmen_foto.gif)}

/* Position der Großansicht relativ zur Thumb-Position */
a.bild1 span {left:207px; top:2px;}
a.bild2 span {left:149px; top:2px;}
a.bild3 span {left:91px; top:2px;}

a.bild4 span {left:207px; top:-43px;}
a.bild5 span {left:149px; top:-43px;}
a.bild6 span {left:91px; top:-43px;}

a.bild7 span {left:207px; top:-88px;}
a.bild8 span {left:149px; top:-88px;}
a.bild9 span {left:91px; top:-88px;}

a.bild10 span {left:207px; top:-133px;}
a.bild11 span {left:149px; top:-133px;}
a.bild12 span {left:91px; top:-133px;}

a.bild13 span {left:207px; top:-178px;}
a.bild14 span {left:149px; top:-178px;}
a.bild15 span {left:91px; top:-178px;}

a.bild16 span {left:207px; top:-223px;}
a.bild17 span {left:149px; top:-223px;}
a.bild18 span {left:91px; top:-223px;}


/* Größe des ausgewählten Bildes */
a.album span img  {width:290px; height:255px;}

/* Größe und Position der Thumbnailansicht */
a.album i img { position: absolute; width:47px; height:34px; border:0px; z-index:1;}

/* Größe und Position des Bildrahmens für Thumbs */
a.album img { position: absolute; display:block; width:47px; height:34px; border:0px; z-index:5;}

/* erste angabe nötig für IE6, bei mouseover Anzeige der Großansicht */
a.album:hover {white-space:normal;z-index:100;}

a.album:hover span {visibility:visible; z-index:100;}

a.album:hover span img {border:0px solid #ffffff; position:relative; z-index:100;}

a.album:active, a.album:focus {border:0px solid #cc0000; z-index:10;}

a.album:active span, a.album:focus span {visibility:visible; z-index:10;}

a.album:active span img, a.album:focus span img, a.album:visited span img {border:0px solid #ffffff; position:relative; z-index:10;}

.seriefolgend {position:relative; top:30px; left:50px; width:180px; height:350px; background:#040710; border:0px solid #000;}
.seriefolgend b {font-weight:normal; width:290px; height:255px; text-align:center; position:absolute; top:1px; left:206px;  background:#000000; color:#eeeeee; border:1px solid #555555; z-index:1;}
.seriefolgend b a {color: #cc0000; font-weight:normal;}