body    {
		font-family: arial, helvetica, sans serif;
		font-size:14px;
		font-weight:normal;
		line-height:17px;
		color:#666;
		background-color:#fff;
		margin:0;
		}	
		
body.schaubude    {
		background-color:#272727;
		}
		
body.workshops    {
		background-color:#fc3;
		}	
		
body.clownsbesuche    {
		background-color:#9db985;
		}				
		
					
												
td      {
		font-family: arial, helvetica, sans serif;
		font-size:14px;
		font-weight:normal;
		line-height:17px;
		color:#666;
		}
		
h1		{
		font-size:16px;
		color:#fc3;
		margin-bottom: 1px;
		}
		
.small	{
		font-size:11px;
		}				
						
				#bluetext td	{
						color:#647890;	
						line-height:17px;
						}	
						
							
												
											
a, a:link, a:active, a:visited  	{ color:#666; text-decoration:underline; }
a:hover		{ color:#666; text-decoration:underline; }

a.text, a:link.text, a:active.text, a:visited.text  	{ color:#666; text-decoration:none; }
a:hover.text		{ color:#666; text-decoration:underline; }

a.bold, a:link.bold, a:active.bold, a:visited.bold  	{ color:#666; text-decoration:none; font-weight:bold; }
a:hover.bold		{ color:#666; text-decoration:none; font-weight:bold; }
					

/* NAVI OBEN */
/* SCHWARZ MIT RAHMEN BEIM MOUSE-OVER */				
a.navi-black-grau, a:link.navi-black-grau, a:active.navi-black-grau, a:visited.navi-black-grau { 
font-size:16px; font-weight:normal; color:#000; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#fff; margin-bottom: 190px; }
a:hover.navi-black-grau { 
font-size:16px; font-weight:normal; color:#666; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #000;  }

a.navi-black-gelb, a:link.navi-black-gelb, a:active.navi-black-gelb, a:visited.navi-black-gelb { 
font-size:16px; font-weight:normal; color:#000; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#fff; margin-bottom: 190px; }
a:hover.navi-black-gelb { 
font-size:16px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #000;  } 

a.navi-black-gruen, a:link.navi-black-gruen, a:active.navi-black-gruen, a:visited.navi-black-gruen { 
font-size:16px; font-weight:normal; color:#000; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#fff; margin-bottom: 190px; }
a:hover.navi-black-gruen { 
font-size:16px; font-weight:normal; color:#9db985; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #000;  }

/* WEISS MIT RAHMEN BEIM MOUSE-OVER >> SCHAUBUDE */
a.navi-white-grau-grau, a:link.navi-white-grau-grau, a:active.navi-white-grau-grau, a:visited.navi-white-grau-grau { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#272727; }
a:hover.navi-white-grau-grau { 
font-size:16px; font-weight:normal; color:#666; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

a.navi-white-gelb-grau, a:link.navi-white-gelb-grau, a:active.navi-white-gelb-grau, a:visited.navi-white-gelb-grau { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#272727; }
a:hover.navi-white-gelb-grau { 
font-size:16px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

a.navi-white-gruen-grau, a:link.navi-white-gruen-grau, a:active.navi-white-gruen-grau, a:visited.navi-white-gruen-grau { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#272727; }
a:hover.navi-white-gruen-grau { 
font-size:16px; font-weight:normal; color:#9db985; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

/* WEISS MIT RAHMEN BEIM MOUSE-OVER >> WORKSHOPS */
a.navi-white-grau-gelb, a:link.navi-white-grau-gelb, a:active.navi-white-grau-gelb, a:visited.navi-white-grau-gelb { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#fc3; }
a:hover.navi-white-grau-gelb { 
font-size:16px; font-weight:normal; color:#666; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

a.navi-white-gelb-gelb, a:link.navi-white-gelb-gelb, a:active.navi-white-gelb-gelb, a:visited.navi-white-gelb-gelb { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#fc3; }
a:hover.navi-white-gelb-gelb { 
font-size:16px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

a.navi-white-gruen-gelb, a:link.navi-white-gruen-gelb, a:active.navi-white-gruen-gelb, a:visited.navi-white-gruen-gelb { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#fc3; }
a:hover.navi-white-gruen-gelb { 
font-size:16px; font-weight:normal; color:#9db985; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

/* WEISS MIT RAHMEN BEIM MOUSE-OVER >> CLOWNSBESUCHE */
a.navi-white-grau-gruen, a:link.navi-white-grau-gruen, a:active.navi-white-grau-gruen, a:visited.navi-white-grau-gruen { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#9db985; }
a:hover.navi-white-grau-gruen { 
font-size:16px; font-weight:normal; color:#666; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

a.navi-white-gelb-gruen, a:link.navi-white-gelb-gruen, a:active.navi-white-gelb-gruen, a:visited.navi-white-gelb-gruen { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#9db985; }
a:hover.navi-white-gelb-gruen { 
font-size:16px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

a.navi-white-gruen-gruen, a:link.navi-white-gruen-gruen, a:active.navi-white-gruen-gruen, a:visited.navi-white-gruen-gruen { 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 211px; height: 210px; display: inline-block; border-top-style: solid; border-top-width: 1px; border-top-color:#9db985; }
a:hover.navi-white-gruen-gruen { 
font-size:16px; font-weight:normal; color:#9db985; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display: inline-block; border-style: solid; border-width: 1px; border-color: #ccc; }

	
.innavi	{
	margin: 8px 0 0 0;
	display: inline-block;
	}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> kann alles weg <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/* WEISS MIT RAHMEN - AKTIVER ZUSTAND */
/* #unternavi { 
	font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; /*margin: 116px 0 0 182px; }*/
	
/* #unternavi { 
	font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center; width: 209px; height: 209px; display:inline-block; border-style: solid; border-width: 1px; border-color: #fff; float: left; }	*/
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> kann alles weg <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
	
	
/* EBENEN/KISTEN FUER UNTERPUNKTE */	
 #unternavi-schaubude { 
	font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center;
	position: absolute;
	margin: 116px 0 0 182px;
	width: 209px; height: 209px; border-style: solid; border-width: 1px; border-color: #fff; z-index:30; }
	
 #unternavi-workshops { 
 	font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center;
	position: absolute;
	margin: 116px 0 0 397px;/**/
	width: 209px; height: 209px; border-style: solid; border-width: 1px; border-color: #fff; z-index:30; }		
	 
/* #unternavi.workshops { 
	position: absolute;
	margin: 116px 0 0 282px;
	width: 209px; height: 209px; border: solid; border-width: 1px; border-color: #fff; z-index:30; }	*/
	 
#unternavi-clownsbesuche { 
	font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; text-align: center;
	position: absolute;
	margin: 116px 0 0 613px;
	width: 209px; height: 209px; border-style: solid; border-width: 1px; border-color: #fff; z-index:30;
	clear: both; }		 	 
	
/* UNTERPUNKTE */	
.inunterpunkte	{
	margin: 50px 0 0 0; /*margin: 66px 0 0 0;*/
	display: inline-block;
	/*text-align: center;*/
	}
	
a.unterpunkt, a:link.unterpunkt, a:active.unterpunkt, a:visited.unterpunkt  	{ 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; display:inline-block; margin-bottom: 12px; }
a:hover.unterpunkt		{ 
font-size:16px; font-weight:normal; color:#272727; letter-spacing: 0.1em; text-decoration:none; display:inline-block; margin-bottom: 12px; }	

.unterpunkt-a	{ 
font-size:16px; font-weight:normal; color:#272727; letter-spacing: 0.1em; text-decoration:none; display:inline-block; margin-bottom: 12px; }	

a.unterpunkt-works, a:link.unterpunkt-works, a:active.unterpunkt-works, a:visited.unterpunkt-works  	{ 
font-size:16px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; display:inline-block; margin-bottom: 12px; }
a:hover.unterpunkt-works		{ 
font-size:16px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; display:inline-block; margin-bottom: 12px; }	

.unterpunkt-works-a	{ 
font-size:16px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; display:inline-block; margin-bottom: 12px; }	
/* NAVIN OBEN */		
			
					
/* NAVIN UNTEN */		
a.navi2-black, a:link.navi2-black, a:active.navi2-black, a:visited.navi2-black { 
font-size:14px; font-weight:normal; color:#000; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }

a:hover.navi2-black { 
font-size:14px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }	

.navi2-black-a { 
font-size:14px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }								
			
a.navi2-white, a:link.navi2-white, a:active.navi2-white, a:visited.navi2-white { 
font-size:14px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }

a:hover.navi2-white { 
font-size:14px; font-weight:normal; color:#fc3; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }	

a.navi2-works, a:link.navi2-works, a:active.navi2-works, a:visited.navi2-works { 
font-size:14px; font-weight:normal; color:#fff; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }

a:hover.navi2-works { 
font-size:14px; font-weight:normal; color:#000; letter-spacing: 0.1em; text-decoration:none; /*text-align: center;*/ display:inline-block; }	
						
/* NAVIN UNTEN */						
								
#center {margin: 0; display: block; text-align: center;} 

#overall {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	z-index: 20;
	/* border: solid; */
}

#logo-kw {
	position: absolute;
	margin: 35px 0 0 20px;
	width: 180px;
	height: 44px;
	}
															
#nav-up {
	position: absolute;
	margin: 116px 0 0 85px;
	width: 836px;
	z-index: 21;
	text-align: center;
	
	vertical-align: top;
	clear: both;
	}
	
#nav-down {
	position: absolute;
	margin: 578px 0 0 85px;
	width: 836px;
	z-index: 21;
	text-align: center;
	}		
		
#content {
	position: absolute;
	margin: 150px 0 0 85px;
	width: 836px;
	height: 418px;
	border: solid;
	border-width: 1px;
	border-color: #fff;
	background-color:#fff;
	}		
	
#content.black {
	border-color: #000;
	}	
	
#content.schaubude    {
	background-color:#272727;
	}
		
#content.workshops    {
	background-color:#fc3;
	}	
		
#content.clownsbesuche    {
	background-color:#9db985;
	}	
	
#imagebox-li {
	position: relative;
	width: 418px;
	height: 418px;
	margin: 0;
	float: left;
	}
	
#imagebox-li.quer {
	width: 836px;
	height: 246px;
	}
	
#imagebox-li.quer2 {
	width: 836px;
	height: 188px;
	}		
	
#imagebox-li.re {
	float: right;
	}	
	
#textbox-re {
	position: relative;
	width: 400px;
	height: 418px;
	margin: 0;
	float: right;
	}
	
#textbox-re.li {
	margin-left: 18px;
	float: left;
	/*clear: left;*/
	}	
	
#textbox-re.quer {
	width: 818px;
	height: 172px;
	margin-left: 18px;
	float: left;
	}		
	
	/*
	float:left;
left:0;
margin-left:20px;
margin-top:17px;
position:relative;
top:0;
*/
	
#interncontent  {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 360px; 
	padding: 0px; 
	margin: 0px; 
	}
	
#interncontent.quer  {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 800px; 
	padding: 0px; 
	margin: 0px; 
	}			
			
#in-interncontent	{
	position: relative;
	width: 360px; 
	padding: 0px; 
	margin: 0px; 
	float: left;
	}