* {
		margin:0;
		padding:0;
		}

	html, body 
		{height:100%;
		}

	body 
		{ color:#000; 
		font:100.01%/1.3 sans-serif, arial;
		background: url(../grafik/22.jpg) left top;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
	h1
		{color:#666; 
		font: bold 1.5em/1.8em sans-serif, arial;
		}
	h2
		{color:#333; 
		font: bold 1.0em/1.3em sans-serif, arial;
		}

	a:link 
		{color: #000;
		text-decoration: underline;
		}		

	a:visited
		{color: #333;
		text-decoration: underline;
		}
		
	a:hover
		{ color: #f94711;
		text-decoration: underline; 
		}
		
	a:active
		{color: #f00;
		text-decoration: underline;
		}
	#inhalt div.posse a:link 
		{
		text-decoration: none;
		}		

	#inhalt div.a:visited
		{
		text-decoration: none;
		}
		
	#inhalt div.a:hover
		{
		text-decoration: none; 
		}
		
	#inhalt div.a:active
		{
		text-decoration: none;
		}
	#inhalt div a img
		{border: 0px none #fff;
		}
	#kopf 
		{ 	position: absolute; 
			top: 540px; 
			left: 137px; 
			margin: 0px; 
			padding: 5px; 
			border: 2px dashed #000;
			background-color:#fff;
			font-size:80%;
			}
	#navi
		{	position: absolute;
			top:150px;
			left:800px;
			width:150px;
			font-size: 80%;
			line-height: 1.0em;
			filter:alpha(opacity=90);
			-moz-opacity:0.90;
			opacity:0.90;
		}

	#navitop
		{
			width:150px;
			height:75px;
			background-image: url(../grafik/navizack-o.gif);
		}
	#navifuss
		{
			width:150px;
			height:75px;
			background-image: url(../grafik/navizack-u.gif);
		}
	.navipunkt
		{
			background-color:#fff;
			border-left: 2px dashed #000;
			border-right: 2px dashed #000;
			border-top:2px dashed #000;
		/*	border-bottom: 2px dashed #f94711;*/
			padding:5px 6px 0px 20px;
		}

	.naviunterpunkt
		{
			background-color:#fff;
			border-left: 1px dashed #000;
			border-right: 1px dashed #000;
			border-top:1px dashed #000;
		/*	border-bottom: 1px dashed #f94711;*/
			padding:5px 6px 0px 30px;
		}


	#navi a:link 
		{color: #000;
		text-decoration: none;
		font-weight:bold;
		}		

	#navi a:visited
		{color: #333;
		text-decoration: none;
		font-weight:bold;

		}
		
	#navi a:hover
		{ color: #f94711;
		text-decoration: none; 
		font-weight:bold;

		}
		
	#navi a:active
		{color: #f00;
		text-decoration: underline;
		font-weight:bold;

		}

	#navi .hier
		{border: 2px dashed #000;
		color:#fff;
		font-weight:bold;
		background-color:#f94711;
		filter:alpha(opacity=70);
		-moz-opacity:0.70;
		opacity:0.70;
		}
	#rumpf 
		{ 	position: absolute;
			top:70px;
			left:65px;
			width: 640px;
			height: 400px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		}
			

	#inhalt
		{	position: absolute;
			top:60px;
			left:0px;
			width: 600px;
			height: 340px;
			margin: 0;
			padding: 0;
			border-width: 0;
			color:#000;
			font-size: 80%;

		}

	#gross
		{	position: absolute;
			top:0px;
			left:0px;
			width: 400px;
			height: 400px;
			margin: 0;
			padding: 0;
			border-width: 0; 
		}		
	#b1
		{	position: absolute;
			top:68px;
			left:404px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}					
	#b2
		{	position: absolute;
			top:68px;
			left:485px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	
	#b3
		{	position: absolute;
			top:68px;
			left:566px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	
		
	#b4
		{	position: absolute;
			top:149px;
			left:404px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}					
	#b5
		{	position: absolute;
			top:149px;
			left:485px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	
	#b6
		{	position: absolute;
			top:149px;
			left:566px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	

	#b7
		{	position: absolute;
			top:230px;
			left:404px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}					
	#b8
		{	position: absolute;
			top:230px;
			left:485px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	
	#b9
		{	position: absolute;
			top:230px;
			left:566px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	
	#b10
		{	position: absolute;
			top:311px;
			left:404px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}					
	#b11
		{	position: absolute;
			top:311px;
			left:485px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	
	#b12
		{	position: absolute;
			top:311px;
			left:566px;
			width: 80px;
			height: 80px;
			/*overflow: hidden;*/
			margin: 0;
			padding: 0;
			border-width: 0; 
		
		}	


	/* Internet Explorer and the Expanding Box Problem.
	It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
	The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
	*/
	body { word-wrap: break-word; }