/* ----------------------------------------------------------------
	www.tanz der farben.de CSS
	Autor: Claudia Fritsche-Henninger
	Version: 10.03.2005
	Allg. Formatierungen, Menue
---------------------------------------------------------------- */
*{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#fff;
}

h3
 {font-size: 14px; color: #000000;}
 
h3#verein
 {font-size: 16px; color: #CC0000;}
 
body {
	background: #fff;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}

div, h2, h3, h4, h5, h6, p, table, ul, ol, img {
	margin: 0;
	padding: 0;
	/*text-align: left;*/
}
ul, ol, img {
text-align: left;
}

a {
	text-decoration: none;
}

a:link {
	color: #c00;
}

a:visited {
	color: #f00;
}

a:active, a:hover {
	color: #f00;
}
a#galerie
{
font-size: 10px;
font-weight: bold;
color: #f90;
}

img {
	border: 0;
}

.center {
	text-align: center;
	vertical-align: middle;
}

#header  { background-color: #fff; visibility: visible; position: absolute; top: 0; left: 0; width: 800px; height: 130px;z-index: 1; }
#logo  { visibility: visible; position: absolute; top: 10px; left: 560px; width: 200px; height: 30px;z-index: 2; }
#content { visibility: visible; position: absolute; top: 200px; left: 100px; width: 450px; height: 350px;z-index: 3;text-align: left;color: #fff;font-size: 12px;}
#background { background-color: #f90; visibility: visible; position: absolute; top: 150px; left: 0; width: 800px; height: 100%; }
#content2 { visibility: visible; position: absolute; z-index: 3; top: 200px; left: 100px; width: 250px; height: 350px }
#Hauptwerk { visibility: visible; position: absolute; top: 200px; left: 370px; width: 180px; height: 350px }

/* Menue-Hintergrund
------------------------------------------------- */
#menuehg  { background-color: #c00; position: absolute; top: 130px; left: 0; width: 800px; height: 21px;z-index: 1;}

/* Menue-Container
------------------------------------------------- */
#menue  { background-color: #coo; visibility: visible; position: absolute; top: 0px; left: 0; width: 800px; height: 20px; margin: 0 auto 0 0;z-index: 2;}

/* Navigation
------------------------------------------------- */
#menue #hmenue   { 
margin: 0; 
position: absolute; top: 0px; left: 100px; 
width: 800px; 
border-right: 0px solid #fff; 
}

#menue #hmenue li {
	float: left;		
	list-style: none;
}

#menue #hmenue li a  { 
texttext-transform: uppercase; 
font-size: 14px;
 text-decoration: none;
 
 /*text-align: center;*/ 
 display: block; 
 padding: 2px 8px; 
 /*width: 130px; */
 float: left;
 /*height: 18px;*/ 
 border-right: 30px solid #c00;
 border-bottom: 0 none
 }

#menue #hmenue li a {
	background:#c00;
	color: #fff;
}

#menue #hmenue li a:hover {
	background: #c00;
	color: #fff;
	font-weight: bold;
	
}
#menue #hmenue li a.hl {
	background: #c00;
	color: #f90;
	font-weight: bold;
	
}

/*Galerie*/
#logo1   { visibility: visible; position: absolute; top: 30px; left: 510px; width: 100px; height: 15px }
#header1 { background-color: #f90; visibility: visible; position: absolute; top: 0; left: 0; width: 700px; height: 40px }
#footer { background-color: #c00; visibility: visible; position: absolute; z-index: 1; top: 700px; left: 0; width: 700px; height: 80px }
#footertext { visibility: visible; position: absolute; top: 10px; left: 0; width: 620px; height: 20px }
#background1 { background-color: #f90; visibility: visible; position: absolute; top: 0px; left: 0; width: 700px; height: 780px }
#web { visibility: visible; position: absolute; top: 50px; left: 0; width: 700px; height: 20px }
#bild  { background-color: #f90; visibility: visible; position: absolute; top: 40px; left: 50px; width: 600px; height: 600px }
#navigation  { visibility: visible; position: absolute; top: 650px; left: 225px; width: 250px; height: 20px }
#Schaffensphase { background-color: #fff; visibility: visible; position: absolute; top: 30px; left: 50px; width: 200px; height: 25px }