@charset "UTF-8";
/*
 *=========================================================================
 * tanzen2.css 
 * -----------
 *
 * Design by ARTVERTISEMENT aufbereitet durch N. Markgraf
 *
 *
 * $Id: tanzen.css 30 2009-08-13 11:08:51Z norman $
 *=========================================================================
 */
body
{
	background-color: #8795A2; 
	background-image: url("../images/back.jpg"); 
	background-repeat: repeat-x;
	background-attachment: fixed; 
	background-position: left top; 
	margin:0;
	width: 100%;
}
 
table
{
	border-collapse: collapse;
}
 
/*
 * Hiermit wird der gesamte Layer zentriert. 
 * Dafuer wird er auf 1000px Breite festgelegt und der rechte und linke
 * Rahmen bekommt automatisch die selbe Breite zugewiesen.
 *
 * Fuer den MS IE wird eine extra CSS-Datei nachgeladen (tanzen2-ie.css)
 * 
 */
div.centerOther
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

div#topcanvas,
div#maincanvas
{
	width: 100%;
}

div#maincanvas
{
	z-index:10;
}

div#topcanvas
{
	background-image: url("../images/back.jpg"); 
	background-repeat: repeat-x;
	background-attachment: fixed; 
	background-position: left top; 
	margin:0;
	z-index:50;
	height: 114px; 	/* Eigentlich sollte es 92px sein ... ich finde aber 94px wirkt besser! ;-) */
/*	overflow:hidden; */  /* Muss hier weg, da die Menuezeile nach unten ausbrechen soll! */
}

/*
 * Einstellungen fuer den Kopfbereich (allgemein)
 *
 */
 #head
{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	line-height: 20pt;
	font-weight: normal;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 14pt;
}

#head a
{
	color: #ffffff;
	text-decoration: none;

}

#head a:hover
{
	color: #ffffff;
	text-decoration: overline;
} 

/*
 * Einstellungen fuer den Bereich in dem die Flash-Animation ablaeuft.
 *
 */
#flash
{
	position: relative;
	height: 200px;
	width: 100%;
	border: 0px;
	top: 114px;
	background-color: transparent;
}

/*
 * Einstellungen f""+r den Kopfbereich (seitenspezifisch)
 *
 */
#head-frieling 
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/head-frieling.png");
	background-repeat: no-repeat;
	height: 118px;
	width: 1000px;
	z-index: 100;
}

#head-schulen
{
	z-index: 99;
}



#portrait

{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 0px;
		z-index: 101;
}

#angebot

{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 108px;
		z-index: 101;
}

#lounge

{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 219px;
		z-index: 101;
}
#kontakt

{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 324px;
		z-index: 101;
}

#tanzunterricht
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 286px;
		z-index: 101;
}

#erkrath-hochdahl
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 472px;
		z-index: 101;
}

#erkrath-hochdahl-erwachsene
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 600px;
		z-index: 101;
}

#erkrath-hochdahl-erwachsene-neu
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	top: 102px;
	padding-left: 750px;
		z-index: 102;
}






/*
 * Die Hauptprojektionsflaeche (maincanvas)
 *
 */
div#maincanvas
{
	text-align: left;
}

/*
 * Die Layout Striche 
 * ==================
 *
 */
div#strich1
{
	position: absolute;
	visibility: visible; 
	display: block; 
	border: 0px;
	z-index: 3; 
	top: 308px; 
	height: 1px; 
	padding: 0;
	margin: 0;
}

.strich,
.strich hr
{
	width: 1000px;
	height: 1px;
	background-color: #ffffff;
	padding:0;
	border-left: 0;
	border-right:0;

}
.strich hr
{
	margin:0;
	height: 1px;
	background-color: #ffffff;
	border-left: 0;
	border-right:0;
	border: 0px solid;	

}

.strich-links
{
	width: 100%;
	height: 1px;
	background-color: #fffff;
	padding:0;
	margin:0;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;	
}


/*
 * Einstellungen f""+r das Men""+ oben
 *
 * topmenu1 ist der linke Teil und muss einen hoeheren z-index haben als topmenu2, wecher der rechte Teil ist.
 * sonst funktionieren die 'onmouseover' Attribute nicht richtig.
 */
 
div#topmenu1
{
	position: relative;
	visibility: visible; 
	display: block; 
	width: 600px; 
	position: absolute;
	z-index: 3; 
	top: 325px; 
	height: 15px;
}

div#topmenu2
{
	position: relative;
	visibility: visible; 
	display: block; 
	width: 1000px; 
	position: absolute;
	z-index: 2; 
	top: 325px; 
	height: 15px;
}

div.topsubmenu
{
	position: relative;
	display: block; 
	width: 1000px; 
	position: absolute;
	z-index: 5; 
	top: 353px; 
	height: 15px;
}




.menu-oben
{
	height: 24px;
	padding-left: 0px;
	padding-right: 0px;
	font-weight: bold;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

.menu-oben div a,
.menu-oben a
{
	color: #ffffff;
	text-decoration: none;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/menu-oben-back.gif);
	line-height: 36px;
	background-repeat: repeat-yes;
	height: 24px;
}

.menu-oben div a:hover,
.menu-oben a:hover
{
	color: #0F2842;
	background-image: url(../images/menu-oben-back-neg.jpg);
} 

.untermenu-oben
{
	display: block;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
}

.untermenu-oben div a,
.untermenu-oben a
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(../images/untermenu-oben-back.png);
	line-height: 24px;
	background-repeat: repeat-yes;
	height: 24px;
}

.untermenu-oben div a:hover,
.untermenu-oben a:hover
{
	color: #0F2842;
	background-image: url(../images/untermenu-oben-back-neg.png);
} 


.menu
{
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	font-weight: normal;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.menu div a,
.menu a
{
	color: #cccccc;
	text-decoration: none;
}

.menu div a:hover,
.menu a:hover
{
	color: #ffffff;
	text-decoration: none;
} 

.menucolor
{
	color: #ffffff;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.menu p
{
	margin: 0;
}

#footer div.left
{
	width: 50%;
	float: left;
}

#footer div.right
{
	text-align: right;	
}

/*
 * Der Inhaltsbereich
 *
 */
.inhaltBack_weiss
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/inhaltBack_weiss.png");
	background-repeat: repeat;
}

div#inhalt
{
	position: absolute;
 	z-index: 8; 
 	top: 325px; 
 	width: 1000px;
 	padding:0;
}

#inhalt,
#inhaltBack
{
	padding:0;
	border-collapse: collapse;
}

#inhaltBack 
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/inhaltBack_blau.png");
	background-repeat: repeat;
	padding: 0;
}


#inhaltBack td
{
	padding: 0;
}

/*
 * Klassen Attribute zur Darstellungskontrolle
 * 
 */
 
.trans {
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/trans.gif");
	background-repeat: repeat;
} 
 
.t7
{
	margin-top: 7px;
}

.t8
{
	margin-top: 8px;
}

.b12
{
	margin-bottom: 12px;
}

.b10
{
	margin-bottom: 10px;
}

.b20
{
	margin-bottom: 20px;
}

.t14
{
	margin-top: 14px;
}
 
.t20
{
	margin-top: 20px;
}

.aktiv
{
	visibility: visible;
}

.inaktiv
{
	visibility: hidden;
}

span.somespace
{
	width: 20px;
}

span.somespace60
{
	margin-right: 60px;

}

a.somespace
{
	margin-right: 20px;
}

a.somespace30
{
	margin-right: 30px;
}

a.somespace60
{
	margin-right: 60px;
}

a.somespace30right
{
	margin-left: 30px;
}

a.shortspace
{
	width: 1.5em;
}


.wichtig{
	font-size: 140%;
	font-weight: bold;
}

.text_kl{
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	vertical-align: top;
	line-height: 7pt;
	font-weight: normal;
	color: #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 7pt;

}

.text_kl a{
	color: #ffffff;
	text-decoration: none;
}
.text_kl a:hover{
	color: #0F2842;
	text-decoration: none;
}

#news-frieling {
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/news-frieling.png");
	background-repeat: no-repeat;
}

#paare-frieling {
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/erwachsene-klassiker.png");
	background-repeat: no-repeat;
}


#kurse-logo,
#news-frieling-logo
{
	min-height: 160px !important;
	height: 160px;
}

table.kurse
{
	border-collapse: separate;
}

td#kurse-text,
#kurse-text,
td#news-frieling-text,
#news-frieling-text 
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	text-align: left;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	line-height: 15pt;
	font-weight: normal;
	color: #0F2842;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
}



td#news-frieling-text a
{
	color: #ffffff;
	text-decoration: none;
} 

td#news-frieling-text a:hover
{
	color: #0F2842;
	text-decoration: none;
} 



td#news-frieling-text-left
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	text-align: right;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	line-height: 15pt;
	font-weight: normal;
	color: #0F2842;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
}

.input
{
	text-align: right;
	font-weight: normal;
	color: #333333;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 8pt;
	width: 350px
}


/*
 * Gestaltung der Kurs-Daten Tabelle
 */
.kurszeile 
{
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	background-image: url("../images/inhaltBack.png");
	background-repeat: repeat;
	height: 25px;
}

.fliess
{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	line-height: 12pt;
	font-weight: normal;
	color: #0F2842;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 9pt;
}

.fliess p
{
	line-height: 2pt;

}



.fliess a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.fliess a:hover{
	color: #0F2842;
	text-decoration: none;
	font-weight: bold;

} 

#inhaltBack .kurszeile td
{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	line-height: 12pt;
	font-weight: normal;
	color: #0F2842;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}

.kurszeile td a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;

}
.kurszeile td a:hover
{
	color: #0F2842;
	text-decoration: none;
} 

.kurs-tag
{
	width: 50px;
}

.kurs-zeit
{
	width: 150px;
}

.kurs-datum
{
	width: 150px;
}

.kurs-ort
{
	width: 528px;
}

.kurs-anmeldung
{
	width: 300px;
}



.kurse-left,
.news-left
{
	width: 400px;
}

.kurse-main,
.news-main
{
	width: 600px;
}

.schulen
{
	padding-top: 34px;
}

.fixed
{
	position: fixed;
}