* {
		margin:0;
		padding:0;
		}


	html, body {
		background-color:#fff;
		color:#000;
		font:100%  Verdana, Arial, Helvetica, sans-serif;
		height:100%;
}
img {
	border: 0;
} 
a:focus, a:active {
	
		outline: 1px dotted #fff;
}
	#container {
	position: relative;
	font-size: 0.8em;
		margin:0px;
		position:relative;
		min-height: 90%;
		width:100%;
		}


* html #container
{
position: relative;
height: 90%;
}

#balken {
position: absolute;
top: 235px;
left: 0px;
display: block;
width: 100%;
	height: 82px;
	background-color: #000;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
}
		
#wrap {
position: absolute;
top: 30px;
position: relative;
	height: 595px;
	margin: 0 auto;
	width: 796px;
	border: 0px solid red;
}


#main, #main6x4, #main6x3,#main4x4, #main3x4, #main2x4,#main195x413,
 #main413x291, #main413x383, #main574x349, #main618x262, #main618x291,
  #main618x308, #main618x349, #main618x413, #main664x456,#main534x413, 
  #main618x246, #main618x413
  {
position: absolute;
left: 48px;
background-color: #000;
z-index: 3;
display: block;
	height: 492px;
	width: 700px;
	border: 1px dotted #fff;
}

#main img {
	position: absolute;
	top: 18px;
	left: 18px;
}

/* fotografie bildmasse */
#main6x4 img {
	position: absolute;
	top: 39px;
	left: 41px;
}
#main6x3 img {
	position: absolute;
	top: 72px;
	left: 41px;
}
#main4x4 img {
	position: absolute;
	top: 39px;
	left: 144px;
}
#main3x4 img {
	position: absolute;
	top: 39px;
	left: 195px;
}
#main2x4 img {
	position: absolute;
	top: 39px;
	left: 195px;
}

/* grafik bildmasse */

#main195x413 img {
	position: absolute;
	top: 39px;
	left: 252px;
}
#main413x291 img {
	position: absolute;
	top: 100px;
	left: 143px;
}
#main413x383 img {
	position: absolute;
	top: 54px;
	left: 143px;
}
#main534x413 img {
	position: absolute;
	top: 39px;
	left: 83px;
}
#main574x349 img {
	position: absolute;
	top: 71px;
	left: 63px;
}
#main618x246 img {
	position: absolute;
	top: 125px;
	left: 41px;
}
#main618x262 img {
	position: absolute;
	top: 115px;
	left: 41px;
}
#main618x291 img {
	position: absolute;
	top: 100px;
	left: 41px;
}
#main618x308 img {
	position: absolute;
	top: 92px;
	left: 41px;
}
#main618x349 img {
	position: absolute;
	top: 71px;
	left: 41px;
}
#main618x413 img {
	position: absolute;
	top: 39px;
	left: 41px;
}
#main664x456 img {
	position: absolute;
	top: 18px;
	left: 18px;
}

		#arrow_r a, #arrow_r a:link, #arrow_r a:visited {
		position: absolute;
		top: 223px;
		right: 0px;
		background: url(../navipics/arrow_right.gif) no-repeat top left;
		z-index: 2;
		display: block;
			width: 47px;
			height: 47px;
		}
		#arrow_r a:focus, #arrow_r a:hover, #arrow_r a:active {
		background-position: bottom;
		}
		#arrow_l a, #arrow_l a:link, #arrow_l a:visited {
		position: absolute;
		top: 223px;
		left: 0px;
		background: url(../navipics/arrow_left.gif) no-repeat top left;
		display: block;
			width: 47px;
			height: 47px;
		}
		#arrow_l a:focus, #arrow_l a:hover, #arrow_l a:active {
		background-position: bottom;
		}  
		
		#navi {
		position: absolute;
		bottom: 40px;
		left: 68px;
			width: 682px;
			height: 61px;
			display: block;
			background-color: #000;
		}		
		/** kontaktbutton **/
		#contact {
		position: absolute;
		top: 560px;
		left: 68px;
		height: 38px;
			width: 200px;
			display: block;
			z-index: 55;
		}
			#contact a, #contact a:link, #contact a:visited {
		height: 22px;
		text-decoration: none;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 1px;
		padding-right: 6px;
		margin-top: 8px;
			background-color: #000;
			color: #fff;
			font-style: italic;
			border-bottom: 2px solid #000;
			border-right: 2px solid #000;
			font-family: "Arial Black", Arial, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
		}
		

		#contact a:hover, #contact a:focus, #contact a:active {
			background-color: #fff;
			color: #000;
		}  
		#contactakt {
		height: 22px;
		text-decoration: none;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 1px;
		padding-right: 6px;
		margin-top: 8px;
			background-color: #fff;
			color: #000;
			font-style: italic;
			border-bottom: 2px solid #000;
			border-right: 2px solid #000;
			font-family: "Arial Black", Arial, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
			
		}
				
		/** kontaktbuttonende **/
		
		#navitext {
		left: 216px;
		top: 10px;
		position: absolute;
			width: 250px;
			border-bottom: 0px dotted #fff;
			color: #fff;
			font-family: "Arial Black", Arial, sans-serif;
			font-size: 12px;
			font-style: italic;
			text-align: center;
		}
		.underline {
			border-bottom: 1px dotted #fff;			
		}
		#navbut{
		position: relative;	
		}
		
			.button a, .button a:link, .button a:visited {
		position: absolute;
		height: 22px;
		top: 38px;
		text-decoration: none;
			display: block;
			background-color: #fff;
			border-bottom: 1px dotted #000;
			width:42px;
			font-family: "Arial Black", Arial, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
		}
		
		.button a span {
	display: none;
}

		.button a:hover, .button a:focus, .button a:active {
			height: 17px;
		top: 43px;
	position: relative;
		}  
		#aktiv {
		top: 43px;
			height: 17px;
		}		
.button a:hover span, .button a:focus span, .button a:active span{
	display: block;
   	position: absolute;
   	width: 86px;
   	text-align: center;
	/* formatting only styles */
   	background-color: #fff; border-bottom:1px dotted #000; color: #000;
   	text-decoration: none; font-style: italic;
	padding: 0px 4px;
	z-index: 4;
	text-decoration: none;
	/* end formatting */
}
#navakt {
	border-bottom: 1px dotted #000;
	display: block;
   	position: absolute;
   	top: 69px;
   	left: 295px;
   	z-index: 1;
   	width: 86px;
   	text-align: center;
	padding: 0px 4px;
	/* formatting only styles */
   	background: #fff;  color: #000;
   	text-decoration: none; font-style: italic;
			font-family: "Arial Black", Arial, sans-serif;
			font-size: 12px;
			text-transform: uppercase;
	
}
	
#button1 a, #button1 a:link, #button1 a:visited  {	
		left:273px;
}	
#button1 a:hover span, #button1  a:focus span, #button1 a:active span{
top: 26px; left: 22px;
width: 86px;
}
		
#button2 a, #button2 a:link, #button2 a:visited  {	
		left:322px;
}	
#button2 a:hover span, #button2  a:focus span, #button2 a:active span{
top: 26px; left: -27px; width: 86px;
}	
#button3 a, #button3 a:link, #button3 a:visited  {	
		left:371px;
}		
#button3 a:hover span, #button3 a:focus span, #button3 a:active span{
top: 26px; left: -76px; width: 86px;
}

#textwrap {
padding: 20px;
	color: #000;
			font-family: "Arial Black", Arial, sans-serif;
			font-size: 14px;
			text-transform: uppercase;
			font-style: italic;
position: absolute;
left: 48px;
background-color: #000;
z-index: 3;
display: block;
	height: 452px;
	width: 660px;
	border: 1px dotted #fff;
	
}	
#text {
background-color: #fff;
	height: 452px;
	width: 660px;
	
}
#text p {
	margin-bottom: 30px;
	
}		
		#ecke {
		position: absolute;
		bottom: 40px;
		left: 749px;
			width: 20px;
			height: 61px;
			display: block;
			background-color: #000;
			border-left: 1px dotted #fff;
			border-top: 1px dotted #fff;			
		}
		
		#rand {
		z-index: 1;
		position: absolute;
		right: 26px;
		top: 19px;
			width: 20px;
			height: 474px;
			display: block;
			background-color: #000;			
		}
	#foot {
	background-color: #000;
	clear: both;
	background-image: url(../navipics/dotbw_h.gif);
			background-position: top left;
			background-repeat: repeat-x;
		width: 100%;
position: relative;
		height: 10%;
		min-height: 44px;
	}

	#cloud {
	text-align: center;
		width: 699px;
		height: 100%;
		margin: 0px auto;
		display: block;
		border-left:  1px dotted #fff;
		border-right:  1px dotted #fff;
	}