@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
	padding:0;
	margin:0;
}


html, body {
	height: 100%;
}

body {
	color: #484848;
	vertical-align:baseline;
	text-align: left;
	background: #ffffff url(../images/contentContainer.jpg) repeat-x center bottom;
	background-attachment:fixed;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


td {
	overflow: visible;
}

/*==================================================
    => container
==================================================*/

	div#contentContainer {

		margin: 0 auto;
		height: auto;
		line-height: 17px;
	
	}

div#container {
	min-height: 830px;
	height: auto !important;
	height: 100%;
	width: 960px;
	margin: -447px auto -164px; /* the bottom margin is the negative value of the footer's height */

}



h2{
font-weight: bold;
font-size: 13px;
color: #000000;
margin-bottom: 5px;
}
h3{
font-weight: bold;
font-size: 13px;
color: #d01909;
margin-bottom: 5px;
}

h4{
font-weight: bold;
font-size: 13px;
color: #d01909;
margin: 0 0 5px 0;
}


*+html h4{
font-weight: bold;
font-size: 13px;
color: #d01909;
margin: 0 0 5px -35px;
}


div#aktuellesColumn  h3{
font-weight: bold;
font-size: 13px;
color: #d01909;
margin-top: 35px;
margin-bottom: -30px;
margin-left: 2px;
}
ol,
ul,
dl {
	list-style:none;
}



a,
a:active,
.escape span,
a:visited {
	outline:none;/* disable dotted active-link borders */
	text-decoration: underline;
	color: #b20a0a;
}

a:hover,
a:focus,
a:hover span {
	color:#b20a0a;
	text-decoration:underline;
}

p {
margin-bottom: 15px;
clear: both;

}

.neu{
color: #d01909;
}

img,
img a {
	border: none;
	-ms-interpolation-mode: bicubic;
}

hr {
	border: 1px solid transparent;
	margin: 6px 0px 6px 0px;
	clear:both;
}

html>body hr {
	border-top: 1px solid transparent;
	margin: 11px 0px 11px 0px;
}

div.returnerror {
background:#b20a0a none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
margin:15px 0;
padding:10px;
}

input.anmeldungbtn {
width:100px;
	padding:2px;
	background: transparent;
	color:#ffffff;
	font-weight:bold;
	font: 12px Arial, Helvetica, sans-serif;


	cursor:pointer;
	border: solid 1px #b20a0a;
	background-color: #b20a0a;
}
/*==================================================
    => global classes
==================================================*/

.clear {
	clear:left;
	float:none;

}

.highlight {

}



.floatLeft {
float: left;
}

.floatRight {
float: right;
}



.blockShort {
	float:left;
	display:block;
	width: 100px;
}

.blockMiddle {
	float:left;
	display:block;
	width: 130px;
}

.blockLarge {
	float:left;
	display:block;
	width: 250px;
}


.externalLink {
	background: url(../images/icon-external-link.gif) no-repeat right center;
	padding: 0px 20px 0px 0px;
}

.gototop {
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:10px;
	text-decoration:none;
	background:url(../images/icon-top.png) no-repeat left center;
	padding: 0 0 0 15px;
	display:none;
}

dl.imprintList{
margin-bottom: 10px;
float:left;

}
dl.imprintList dt {
	font-weight: bold;
	float:left;
	display:block;
	width: 130px;
}

dl.imprintList dd {
	float:left;
	display:block;
	width: 250px;
}


/*==================================================
    => Bilderrahmen Vergrößerungsicon
==================================================*/
div#contentMainRight ul.rahmen li
{
clear:left;
margin-bottom: 25px;
}

ul.rahmen {
	list-style-type:none;
	margin-bottom:15px;
}

ul.rahmen li {
	width:100px;
	height:100px;
	float:left;
margin-right: 20px;
margin-bottom: 10px;
	background:#fff;
}

ul.rahmen li a {
	position:relative;
	width:100px;
	height:100px;
	display:block;
	text-decoration:none;
}

ul.rahmen li a:hover {
	text-decoration:none;
	padding:0 !important;
}

ul.rahmen li a span.bild-rahmen {
	background:url(../images/bild-rahmen.gif) 0 0 no-repeat;
	position:absolute;
	width:100px;
	height:100px;
	display:block;
	top:0;
	left:0;
	text-indent: -9999px;
}


/*==================================================
    => header  
==================================================*/

div#headerBg {
background:url(../images/header-bg.jpg) repeat-x  0 0;
height:447px;
}




div#header {
height:426px;
background:url(../images/header.jpg) center top no-repeat;
margin-left:-50px;
width: 1021px;
font-size: 11px;
	position: relative;
}





/*------------------ =branding  ------------------*/

h1#branding {

     float:left;

	width:300px;
	height: 95px;
	position: absolute;
	top: 116px;
	left: 400px;
	



   
}

h1#branding a{

text-indent:-9999px;
	width:300px;
	height: 95px;
display:block;
}









/*------------------ =naviTop ------------------*/  

ul#naviTop {

position:absolute;
top: 35px;
left:105px;

}

ul#naviTop li {
float:left;
display: block;

}

ul#naviTop li a {
display: block;
color:#ffffff;
text-decoration:none;
padding: 5px;
font-weight:bold;
margin-right: 5px;

text-transform:uppercase;
text-align:center;
}

ul#naviTop li a:hover{
border: 1px solid #ffffff;
color: #ffffff;
display:block;
padding: 4px;

}

ul#naviTop li  a:hover span.pfeil {
	background:url(../images/naviTopHover.gif) 0 0 no-repeat;
	position:relative;
height:11px;
	width:10px;
	display:block;
	bottom:-15px;
	left:13px;
text-indent:-9999px;

}

body#index ul#naviTop li.index  a span.pfeil,
body#unser-team ul#naviTop li.unser-team  a span.pfeil,
body#club-infos ul#naviTop li.club-infos  a span.pfeil,
body#downloads ul#naviTop li.downloads  a span.pfeil,
body#aktuelles ul#naviTop li.aktuelles  a span.pfeil,
body#links ul#naviTop li.links  a span.pfeil,
body#partner ul#naviTop li.partnr  a span.pfeil,
body#gaestebuch ul#naviTop li.gaestebuch  a span.pfeil,
body#anmeldung ul#naviTop li.anmeldung  a span.pfeil,
body#kontakt ul#naviTop li.kontakt  a span.pfeil,
body#anfahrt ul#naviTop li.anfahrt  a span.pfeil,
body#anmeldung ul#naviTop li.anmeldung  a span.pfeil,
body#videos ul#naviTop li.videos  a span.pfeil,
body#impressum ul#naviTop li.impressum  a span.pfeil,
body#shop ul#naviTop li.shop a span.pfeil {
	background:url(../images/naviTopActive.gif) 0 0 no-repeat;
	position:relative;
    height:11px;
	width:10px;
	display:block;
	bottom:-15px;
	left:20px;
text-indent:-9999px;
}

body#index ul#naviTop li.index a,
body#unser-team ul#naviTop li.unser-team  a,
body#club-infos ul#naviTop li.club-infos  a,
body#downloads ul#naviTop li.downloads  a,
body#aktuelles ul#naviTop li.aktuelles  a,
body#anmeldung ul#naviTop li.anmeldung  a,
body#links ul#naviTop li.links  a,
body#partner ul#naviTop li.partner  a,
body#videos ul#naviTop li.videos  a,
body#gaestebuch ul#naviTop li.gaestebuch a,
body#anmeldung ul#naviTop li.anmeldung a,
body#kontakt ul#naviTop li.kontakt a,
body#anfahrt ul#naviTop li.anfahrt a,
body#impressum ul#naviTop li.impressum  a,
body#shop ul#naviTop li.shop a {
display: block;
color:#910904;
background-color:#FFFFFF;
text-decoration:none;
padding: 4px;
text-transform:uppercase;
text-align:center;
border: 1px solid #ffffff;
}
/*------------------ =navi ------------------*/  


ul#navi {
position:absolute;
left: 351px;
top: 266px;

	}

ul#navi li {
float:left;
display:block;


}

ul#navi li a {
display: block;
height: 54px;
text-indent: -9999px;


}


ul#navi li.tanzkurs a {
background:url(../images/navi/navi-eins-h.jpg) 0 0 no-repeat;
width: 189px;
margin-left: -87px;
}

body#ehepaare-paare-singles ul#navi li.tanzkurs a,
body#schueler-jugendliche ul#navi li.tanzkurs a,
body#kindertanzen ul#navi li.tanzkurs a,
body#body-dance ul#navi li.tanzkurs a,
body#specials ul#navi li.tanzkurs a,
body#plus ul#navi li.tanzkurs a,
ul#navi li.tanzkurs a:hover {
background:url(../images/navi/navi-eins.jpg) 0 0 no-repeat;
width: 189px;
margin-left: -87px;
}

ul#navi li.wir-ueber-uns a{
background:url(../images/navi/navi-zwei-h.jpg) 1px 0 no-repeat;
width: 130px;
}

body#wir-ueber-uns ul#navi li.wir-ueber-uns a,
ul#navi li.wir-ueber-uns a:hover{
background:url(../images/navi/navi-zwei.jpg) 1px 0 no-repeat;
width: 130px;
}
ul#navi li.veranstaltungen a{
background:url(../images/navi/navi-drei-h.jpg) 1px 0 no-repeat;
width: 173px;
}

body#veranstaltungen ul#navi li.veranstaltungen a,
ul#navi li.veranstaltungen a:hover{
background:url(../images/navi/navi-drei.jpg) 1px 0 no-repeat;
width: 173px;
}

ul#navi li.galerie a{
background:url(../images/navi/navi-vier-h.jpg) 1px 0 no-repeat;
width: 92px;

}
body#galerie ul#navi li.galerie a,
ul#navi li.galerie a:hover{
background:url(../images/navi/navi-vier.jpg) 1px 0 no-repeat;
width: 92px;

}

ul#navi li.presse a{
background:url(../images/navi/navi-fuenf-h.jpg) 1px 0 no-repeat;
width: 75px;

}
body#presse ul#navi li.presse a,
ul#navi li.presse a:hover{
background:url(../images/navi/navi-fuenf.jpg) 1px 0 no-repeat;
width: 75px;

}

ul#navi li.ambiente a{
background:url(../images/navi/navi-sechs-h.jpg) 1px 0 no-repeat;
width: 96px;

}
body#ambiente ul#navi li.ambiente a,
ul#navi li.ambiente a:hover{
background:url(../images/navi/navi-sechs.jpg) 1px 0 no-repeat;
width: 96px;

}
/*------------------ =naviSub ------------------*/  


ul#naviSub {
position:absolute;
left: 340px;
top: 314px;
background:url(../images/navi-sub.gif) 0 6px no-repeat;
width: 816px;
height: 42px;
margin-left: -66px;
}

ul#naviSub li.ehepaare-paare-singles a{
margin-left: 68px;

}
ul#naviSub li {
display:block;
float:left;
padding-right: 10px;
padding-left: 10px;
margin-top: 20px;
padding-bottom: 8px;
border-right: 1px solid #373737;

}

ul#naviSub li {
display:block;
float:left;
padding-right: 10px;
padding-left: 10px;
margin-top: 20px;
padding-bottom: 8px;
border-right: 1px solid #373737;

}

ul#naviSub li a {
display: block;
color:#303030;
text-decoration:none;

text-align:center;


}

ul#naviSub li a:hover {
display: block;
color:#aa1712;
text-decoration:none;

text-align:center;


}
ul#naviSub li.plus {
border-right:0;

}


body#ehepaare-paare-singles li.ehepaare-paare-singles a,
body#schueler-jugendliche li.schueler-jugendliche a ,
body#kindertanzen li.kindertanzen a ,
body#body-dance li.body-dance a ,
body#specials li.specials a ,
body#plusli.plus a   {
color:#aa1712;
}
/*------------------ =naviSubTanzkurse ------------------*/  


ul#naviSubTanzkursePaare,
ul#naviSubTanzkurseJugendliche,
ul#naviSubTanzkurseKindertanzen,
ul#naviSubTanzkurseBodyDance,
ul#naviSubTanzkurseSpecials {

position:absolute;
left: 268px;
top: 356px;


background:url(../images/subnavipaare.gif) no-repeat  0 0;
width:752px;
height: 70px;


}

ul#naviSubTanzkursePaare li,
ul#naviSubTanzkurseJugendliche li,
ul#naviSubTanzkurseKindertanzen li,
ul#naviSubTanzkurseBodyDance li,
ul#naviSubTanzkurseSpecials  li{
float:left;
display:block;
padding-right: 5px;
padding-left: 6px;
padding-bottom: 10px;
padding-top: 15px;
border-right: 1px solid #373737;

}

ul#naviSubTanzkursePaare li a,
ul#naviSubTanzkurseJugendliche li a,
ul#naviSubTanzkurseKindertanzen li a,
ul#naviSubTanzkurseBodyDance li a,
ul#naviSubTanzkurseSpecials  li a{
display: block;
color:#303030;
text-decoration:none;

text-align:center;


}

ul#naviSubTanzkursePaare li a:hover,
ul#naviSubTanzkurseJugendliche li a:hover,
ul#naviSubTanzkurseKindertanzen li a:hover,
ul#naviSubTanzkurseBodyDance li a:hover,
ul#naviSubTanzkurseSpecials  li a:hover{
display: block;
color:#aa1712;
text-decoration:none;

text-align:center;


}
ul#naviSubTanzkursePaare li.specials,
ul#naviSubTanzkurseJugendliche li.schueler-top-class,
ul#naviSubTanzkurseKindertanzen li.kindertanzen-dinos,
ul#naviSubTanzkurseBodyDance li.body-discofoxclub,
ul#naviSubTanzkurseSpecials li.specials-salsasingle
 {
border-right: 1px solid #373737;

}

ul#naviSubTanzkursePaare li.specials,
ul#naviSubTanzkurseJugendliche li.schueler-top-class,
ul#naviSubTanzkurseKindertanzen li.kindertanzen-dinos,
ul#naviSubTanzkurseBodyDance li.body-agilando,
ul#naviSubTanzkurseSpecials li.specials-salsasingle
 {
border-right: 0;

}

ul#naviSubTanzkursePaare li.paare-basis-class,
ul#naviSubTanzkurseJugendliche li.schueler-basis-class,
ul#naviSubTanzkurseKindertanzen li.kindertanzen-pampersrocker,
ul#naviSubTanzkurseBodyDance li.body-dancemotion,
ul#naviSubTanzkurseSpecials li.specials-crash{
padding-left: 85px;
}


/*==================================================
    => contentMain  
==================================================*/
#Agilando,
#Krause,
#CKrause,
#VWuestefeld,
#Bartl,
#Morgenstern, 
#Grziwa,
.showHideContainer { display:none; }

div.trenner {
	clear:both;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 2px;
	border-bottom: 1px dotted #780503;
}


ul.schliessen{

clear: left;
margin-top: 5px;


}

ul.schliessen  li


 {
 padding-left: 20px;
line-height: 20px;
background: url(../images/schliessen.gif) no-repeat  0 3px ;
}


ul#club{

clear: left;
margin-top: 5px;


}

ul#club  li


 {
 padding-left: 20px;
line-height: 20px;
background: url(../images/list.gif) no-repeat  0 3px ;
}

ul#raum{

clear: left;
overflow: hidden;
width: 600px;
margin: 10px 0 18px 5px;
}

ul#raum  li


 {
line-height: 20px;
background: url(../images/list.gif) no-repeat  0 3px ;
float: left;
width: 200px;
padding: 0 15px 5px 20px;
}

.trennerTable   


 {

background: url(../images/trenner.gif) no-repeat  0 0;

}

.floatRight   a span


 {
float:left;
background: url(../images/oben.gif) no-repeat  0 0;
width: 471px;
height: 12px;
margin-bottom: 10px;
text-indent: -9999px;
cursor:pointer;
}
.floatRight   a:hover span
{
text-decoration: none;
display:block;
width: 471px;
height: 12px;

}

/*------------------ =contentMain  ---------------*/

div#contentMain {
width: 470px;
float:left;
padding-right: 25px;
}

div#contentColumn {
width: 292px;
float:left;


}
div#aktuellesColumn {
	width: 282px;
	height: 190px;
	float:left;
	background:url(../images/aktuelles.gif) no-repeat  0 0;


}
div#aktuellesColumn h3,
div#aktuellesColumn p{

padding: 0px 45px 50px 3px;

}

 div#weiter {
	position: relative;
float:left;
height: 25px;
width:120px;
margin-top: -30px;


}

 div#weiter a{
text-indent:-9999px;
height: 25px;
width:120px;
display:block;
}



div#sidebar {

	height:276px;
	float:left;
	background:url(../images/sidebar.gif) no-repeat  0 0;
width: 172px;
float:left;
}

#anmeldung-uebersicht #contentMain h3 {
	font-size: 18px;
	line-height: 28px;
}

#anmeldung-uebersicht #contentMain h4 {
	line-height: 18px;
	
	/* IE6, IE7 */
	*width: 100%;
	*float: right;
}

#anmeldung-uebersicht dl {
	display: inline-block;
	margin-bottom: 2em;
	width:450px;
}

#anmeldung-uebersicht dt {
	display: block;
	float: left;
	font-weight: bold;
	line-height: 18px;
	width: 100px;
}

#anmeldung-uebersicht dt:after {
	content: ":";
}

#anmeldung-uebersicht dd, #anmeldung-uebersicht dt { height:18px; }

#anmeldung-uebersicht dd {
	display: block;
	float: left;
	width: 350px;
}

#anmeldung-uebersicht dd.telefon {
	margin-left: 100px;
}


/*==================================================
    => navigation-left  
==================================================*/

ul#navi-left {
width: 172px;
height: 75px;
float:left;
margin-top: 126px;


}

ul#navi-left  li{
width: 55px;
height: 75px;
float:left;
margin-right: 2px;
}
	
ul#navi-left  li a{
display: block;
width: 55px;
height: 75px;

text-indent: -9999px;
}	 		 


 /*------------------ =newsletter  ---------------*/
div#newsletterSidebar {
float:left;
margin-left: 14px;
margin-top: 43px;

}

div#newsletterSidebar form{


}

 .emailSidebar{
position:relative;
top:-1px;

 border:0;
 height: 14px;
 font-size: 10px;

width: 110px;
 
 }
 form#formSidebar input#submitmail {  /* Gestaltung des Submit-Buttons */
position:relative;
top: 2px;
left: 7px;

	width:31px;
	height: 21px;

background: transparent;
	text-indent: -9999px;
	font-size:1.2em;
	font-weight:bold;
	font-variant:small-caps !important;
	cursor:pointer;
	border: 0;





}


/*==================================================
    => Footer  
==================================================*/

div#footer {
width: 100%;
background: url(../images/footer.jpg) repeat-x 0 0;
clear:both;

}

#footer, #push {
margin:0 auto;
height: 164px;


}

div#footerImg {

background: url(../images/footerimg.jpg) no-repeat 0 0;
width: 960px;
margin: 0 auto;
height: 164px;
}




/* =headlines */








/* =image */
img {
border: 0;
}

/* =imprint */

dl.imprintTypeOfBusiness,
dl.imprintAddress {
	line-height: 20px;
	margin: 15px 0;
}

dl.imprintTypeOfBusiness dt,
dl.imprintAddress dt {
	display: block;
	width: 120px;
	color: #909090;
	float:left;
}

dl.imprintTypeOfBusiness dd,
dl.imprintAddress dd {
	clear:right;
}

#btnImprint,
#newField {
	display:none;
}





/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	/*zoom: 1; *//* triggers hasLayout */
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


.bild-rahmen-cms{
	border: solid 1px #780503;
	width:100px;
	height:100px;
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
	
}

.td_coach {
	padding-left: 4px; padding-right: 4px; text-align: right;
}


/** */
#ehepaare-paare-singles #contentMain {
	width: 620px;
}