html, body   

	{ 
	background-color: #afa186; 
	height: 100%; 
	margin: 0; 
	padding: 0;
	color: white; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	}


#contentarea { 
	background-image: url(../img/start.jpg);
	position: absolute; left: 50%; top: 50%; 
	margin-left: -412px; 
	margin-top: -295px; 
	width: 821px; height: 580px; 
	border: 1px solid #333;
	text-align: left;}
	

#homelink 
	{
	position: absolute;
	z-index: 500;
	top: 10px;
	right: 30px;
	width: 200px;
	height: 70px;
	}

#homelink a { 
display: block;
width: 200px;
height: 70px;
}




#homelink2 
	{
	position: absolute;
	z-index: 500;
	top: 125px;
	left: 100px;
	width: 25px;
	height: 25px;
	}

#homelink2 a
	{
	display: block;
	width: 25px;
	height: 25px;
        	/*background-color: yellow;
        	border: 1px dotted #CCC;*/
        	}


#submenu {
	font-size: 11px;
	text-align: right;
	position: absolute;
	bottom: 8px;
	right: 43px;
	width:260px;
	}

#submenu a 
	{

	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0 5px;
	}	

#submenu a:hover, #submenu a:active
	{
	color: black; 
	}

/* Links Startseite:  */	
	
#farbraete_animation 
	  {
	  position: absolute;
	  top: 367px;
	  left: 362px;
	  width: 100px;
	  height: 160px;

	  }
#philosophie
	{
	position: absolute;
	top:99px;
	left:171px;
	width: 600px;
	height: 430px;
	z-index: 1;
	text-align: left;
	}


#philosophie a
	{ 
	display: block;
	width: 600px;
	height: 430px;
	text-decoration: none;
	}

#philosophie a span
	{ 
	display: block;
	visibility: hidden;
	width: 600px;
	height: 430px;
	padding: 10px  0 0 10px;
	}


#philosophie a:hover span, #philosophie a:active  span
	{ 
	visibility: visible ;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	} 	  


	  
#oberflaechen
	{
	position: absolute;
	top:203px;
	left:115px;
	width: 244px;
	height: 333px;
	z-index: 3;
	text-align: right;
	}


#oberflaechen a
	{ 
	display: block;
	width: 244px;
	height: 323px;
	text-decoration: none;
	}

#oberflaechen a span
	{ 
	display: block;
	visibility: hidden;
	width: 234px;
	height: 323px;
	padding: 10px 10px 0 10px;
	}


#oberflaechen a:hover span, #oberflaechen a:active  span
	{ 
	visibility: visible ;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	} 


#referenzen
	{
	position: absolute;
	top:329px;
	left:64px;
	width: 244px;
	height: 210px;
	z-index: 5;
	}

#referenzen a 
	{ 
	display: block;
	width: 244px;
	height: 210px;
	text-decoration: none;
	}


#referenzen a span 
	{ 
	display: block;
	visibility: hidden;
	width: 244px;
	height: 210px;
	padding: 10px 0 0 10px;
	}

#referenzen a:hover span, #referenzen a:active  span
	{ 
	visibility: visible ;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	} 


#mitglieder
	{
	position: absolute;
	top:346px;
	left:360px;
	width: 108px;
	height: 185px;
	z-index: 3;
	text-align: right;
	/*background: url(../img/raete_animation.gif) 1px 21px no-repeat; */
	}

#mitglieder a
	{
	display: block;
	width: 108px;
	height: 175px;
	text-decoration: none;
	}


#mitglieder a span 
	{ 
	font-size: 12px;
	display: block;
	visibility: hidden;
	width: 103px;
	height: 175px;
	padding: 3px 5px 0 0;
	}
	
#mitglieder  a span div
	{ 
	display: block;
	visibility: visible; 
	display: inline; float: left; 
	margin-top: 5px;
	margin-left: 2px;
	}

#mitglieder a:hover span, #mitglieder a:active  span
	{ 
	visibility: visible ;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	} 



#farben
	{
	position: absolute;
	top:286px;
	left:390px;
	width: 182px;
	height: 245px;
	z-index: 2;
	text-align: right;
	}

#farben a 
	{ 
	display: block;
	width: 182px;
	height: 245px;
	text-decoration: none;
	}


#farben a span 
	{ 
	display: block;
	visibility: hidden;
	width: 172px;
	height: 235px;
	padding: 10px 10px 0 0;
	}

#farben a:hover span, #farben a:active  span
	{ 
	visibility: visible ;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	} 





#wand06senza
	{
	position: absolute;
	top:336px;
	left:534px;
	width: 203px;
	height: 202px;
	z-index: 1;
	text-align: right;
	}

#wand06senza a 
	{ 
	display: block;
	width: 203px;
	height: 202px;
	text-decoration: none;
	}


#wand06senza a span 	
	{ 
	display: block;
	visibility: hidden;
	width: 193px;
	height: 192px;
	padding: 10px 10px 0 0;
	}

#wand06senza a:hover span, #wand06senza a:active  span
	{ 
	visibility: visible ;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	} 


h1 
	{
	color: #58585a;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 16px;
	}

	
#closelink a
	{
	font-size: 11px;
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0 5px;
	}	

#closelink  a:hover, #closelink  a:active 
	{
	color: black; 
	}
	
#bodytext {font-size: 11px;}	
#bodytext_dark
	{
	font-size: 11px; 
	color:#58585a; 
	}	

#bodytext_dark p 
	{
	margin-bottom: 30px;
	}	
	
	
#sublinks 

	{
	position: absolute;
	bottom: 80px;
	right: 115px;
	}	
	
#sublinks a

	{
	font-weight: bold;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	padding: 2px;
	border-bottom: 3px solid #999;
	margin-left: 1em;
	}	
#sublinks a:hover, #sublinks a:active

	{
	color: #333;
	border-bottom: 3px solid #666;
	}	
	
#referenznavi a
	{
	font-size: 14px; 
	font-weight: bold; 
	color: #333; 
	text-decoration: none;
	}	

#referenznavi a:hover, #referenznavi a:active, #referenznavi  a.active 
	{
	color: #e69d34;
	background-color: transparent;
	}