/* --------------------------------------- ELEMENTS ----------------------------------------- */

*	{
	margin: 0px;
	padding: 0px;
}


body 	{
	background-color:#ffffff;
	
}

p {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#818285;
}

h1 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bolder;
	color:#ec008c;
}

h2 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#ec008c;
}

h3 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bolder;
	color:#ec008c;
}

h4 {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ec008c;
}

a {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ec008c;
	border:none;
}

a:hover {
	color:#818285;
}

td {
	vertical-align:text-top;
}

/* --------------------------------------- DIVS ----------------------------------------- */

#startwrapper {
	background-image: url(../pics/start.jpg);
	width:523px;
	height:292px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-90px;
	margin-top:-110px;
}


#wrapper {
	width:950px;
	height:600px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-475px;
	margin-top:-300px;
}

#subnavi {
	width:920px;
	height:35px;
	
}

#workshop {
	border: none;
	vertical-align:middle;
	margin-bottom:20px;
}

#subnavi ul {
	list-style-type:none;
	
}

#subnavi ul li {
	float:right;
	margin-left:15px;

}

#subnavi ul li a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#818285;
	text-decoration:none;
}

#subnavi ul li a:hover {
	color:#ec008c;
}

#leftside {
	width:250px;
	height:525px;
	border-right: 1px solid #818285;
	float:left;
}

#leftside ul {
	list-style-type:none;
}

#leftside ul li a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
	color:#818285;
	text-decoration:none;
}

#leftside ul li a:hover {
	color:#ec008c;
}

#hauptnavi ul {
	list-style-type:none;
}

#hauptnavi ul li {
	text-indent:-99999px;
	float:left;
	margin-left: 15px;
}

#hauptnavi ul li a {
	display:block;
	width:97px;
	height:69px;
}

#hauptnavi ul li a:hover {
	background-position:0 -69px;
	
}

/*Hauptnavigation */



#navdancer {
	background-image: url(../pics/button1.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#navcompany {
	background-image: url(../pics/button2.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#navevents {
	background-image: url(../pics/button3.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#navkurs {
	background-image: url(../pics/button4.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#navtraining {
	background-image: url(../pics/button5.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#navgalerie {
	background-image: url(../pics/button6.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}



/* Formular Start */

fieldset {
	width:460px; 
	border:1px solid #ec008c; 
	padding:10px; margin:5px; 
	text-align:left;
}

fieldset:hover {
	border-color:#818285;
}


legend {
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ec008c; 
	font-weight:bold; 
	padding:5px; 
	margin:5px; 
}

label {
	color:#818285; 
	font-size:11px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 3px 3px 0; 
	padding:0; 
	line-height:15px; 
	width:200px; 
	display:block; 
	float:left; 
}


input[type=text]{
	border:1px solid #818285; 
	padding-left:0.3em; 
	margin-bottom:0.6em; 
	width:240px; 
	background:#fff;
}


input:focus {
	border-color:#ec008c;
}



textarea {
	width:244px; 
	border:1px solid #818285;
}

textarea:focus {
	border-color:#ec008c;
}

/* Formular End */




/* --------------------------------------- CLASSES ----------------------------------------- */

.rights {
	margin-top:120px;
	margin-left:240px;
}

.enter {
	position:absolute;
	margin-top:80px;
	margin-left:400px;
}

.leftnavi {
	margin-top:35px;
	margin-right:15px;
	text-align:right;
	
}

.content {
	width:650px;
	height:430px;
	margin-left:15px;
	margin-top:25px;	
}

.bild {
	height:153px;
	width:100px;
	padding:3px;
	border: solid 1px #818285;
	float:left;
	margin-right:15px;
}

.bildquer {
	height:120px;
	width:265px;
	padding:3px;
	border: solid 1px #818285;
	float:left;
	margin-right:15px;
}

.bildkids {
	height:120px;
	width:151px;
	padding:3px;
	border: solid 1px #818285;
	float:left;
	margin-right:15px;
}

.bildlink {
	clear:both;
	
}

#links img {
	float:left;
	width:100px;
	height:67px;
	padding:3px;
	border: solid 1px #818285;
	margin-bottom:5px;
}

#links p {
	margin-left:120px;
}

.schrift {
	width:254px;
	height:64px;
	float:right;
	margin-top: 40px;
}

.sponsor {
	width:190px;
	height:143px;
	padding:3px;
	border: solid 1px #818285;
}

.bildgalerie {
	height:50px;
	width:75px;
	padding:2px;
	border: solid 1px #999999;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

.bildgaleriehoch {
	height:75px;
	width:50px;
	padding:2px;
	border: solid 1px #999999;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
}

#laden {
	width:400px;
	height:300px;
	float:right;
}

#ladenhoch {
	width:250px;
	height:350px;
	float:right;
}

#weiter {
	clear:left;
}


