body {
		margin: 0;
		padding:0;
		font-family:  Helvetica,Verdana, san-serif;
		font-size: 12px;
		color: white;
		background-color:#F3F3F3;
	
		}	
			
	h1{ 
		font-size: 14px;
		font-style: normal;
		font-weight:normal;
		font-variant: normal;
		letter-spacing:2px;	
		}	
		
		p{ 
		
		font-size: 12px;
		font-style: normal;
		font-weight:normal;
		font-variant: normal;
		letter-spacing: normal;	
		}	
	
		
		
		#bilder {	
				margin: 0px 0px 0px 0px;
				padding:0px;
				float: left;
				border: solid 0px #CCCCCC;
			
		 }
		 
	
		
		/* Position des Navigationskästchens*/
		
		#nav {
			
		position:absolute;
		width: 150px;
		margin: 10px;
		padding:15px 0px 0px 20Px;
		border:0px solid black;
		}
		
		#text_navigation{
		
		padding:15px 0px 0px 40Px;
		font-size:12px;
		color: white;
		
		}
		
		*html #txt_navigation{ /*wird nur von IE 6 interpretiert*/
		
		padding-left: 30px;
	
		}

		/*der Block der Navigationsliste*/
		
		#nav ul {
		
		list-style:none;
		margin:0;
		padding:0;
		border: 0px solid black;
		}
		
		/*die einzelnen Navigationseinträge*/
		
		ul#nav li{
			
		list-style:none;
		/*float: left;*/
		margin:0;
		Padding: 3px 0px 3px 10px;
		border:0 solid black;
		background-color:#AAAAAA;
		}
		
		
		
		*html #nav li { /* Hack wird nur von IE 6 und tiefer interpretiert*/
		Padding: 3px 0px 3px 0px;
		}
		
		nav, a:link, 
		ul#nav a:visited {
		
		text-decoration: none;
		display: block;
		margin:10px 5;
		padding-left: 0px;
		color: white;
		background-color: inherit;
		height: 1em;
		}
	
  		/*farbe der Navigation beim überfahren mit der Maus*/
  	
		ul#nav  a:hover {
		
		display: block;
		margin:10px 5;
		padding-left: 0px;
		text-decoration: none;
		
		color:#646464;
		height: 1em;
	
		}
		
		ul#nav  a:focus {
		
		display: block;
		margin:10px 5;
		padding-left: 20px;
		text-decoration: none;
		background-color:inherit;
		color: #646464;
		height: 1em;
		}
		
		/* Feld des Navigationseintrags beim Klick*/
		
		#nav  a:active {
		margin:10px 5;
		padding-left: 20px;
		border:0; 
		text-decoration: none;
		background-color:inherit;
		color: #646464;
		height: 1em;
		}
		
		#mail  a:hover {
		
	
		margin:10px 5;
		padding-left:0px;
		background-color:#AAAAAA;
		height: 1em;
		text-decoration: none;
		color: #646464;
		}
		
	
#window {
	width:	800px;
	height: 500px;
	margin:	0px auto 0px auto;
	padding:0px;
	color: inherit;
	background-color: white;
	border:0px solid black;
	}
	
	
		
		#logo {
		
		position: absolute;	
		margin-left: 0px;
		top:0px;
		width:300px;
		height: 200px;
		color: #646464;
		background:white;
		border:0px solid black;
		}
	
		/* Oben Zweites Feld von links, Navigationskasten */
		#navigation {
		
	    position: absolute;
		top:0;
		margin-left:300px;
		padding-left: 0px;
		width:500px;
		height:200px;
		float:right;
		color: white;
		background:#AAAAAA;
		border:0px solid black;
		}
		
		
		#links_inhalt {
		
		position: absolute;
		margin-left: 0px;
		top:200px;
		width:300px;
		height: 300px;
		color: white;
		background:#AAAAAA;
		border:0px solid black;
		}
		
		
		#mail{
		
		position: absolute;
		margin-left: 0px;
		top:260px;
		width:300px;
		height: 40px;
		padding-left: 70px;
		color: white;
		background:#AAAAAA;
		border:0px solid black;
		}
		
		*html #mail { /*wird nur von IE 6 interpretiert*/
		
		padding-left: 70px;
	
		}
		

		#rechts_inhalt {
	
		position: absolute;
		top:200px;
	   	margin-left: 300px;
	   	width:500px;
		height: 300px;
		/*overflow: visible;*/
		background-color:white;
		color:#323232;
		border:0px solid black;
		}
		
		
		#txt_rechts {
		
		margin: 0px;
		padding:40px 40px 0px 40px;
		font-family:Helvetica , Verdana, San-serif;
		font-size:inherit;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		color: #646464;
		
		}
		
		*html #txt_rechts{ /*wird nur von IE 6 interpretiert*/
		
		padding-left: 30px;
	
		}



		
		#galerie {	/*Bildergalerie*/	
		
			width:740px;
			height:270px;
			border:0px;
			padding-left:60px;
			padding-top:60px;/*alter Wert 25 für Darstellung mit Text*/
			}
			#galerie ul { /*Breite der Thumpnails Vorschau*/
			list-style:none; 
			padding:0; 
			margin:0; 
			width:190px; 
			position:relative; 
			float:left;
			}
			#galerie ul li {/*Größe der Thumps*/
			display:inline; 
			width:48px; 
			height:36px; 
			float:left; 
			margin:0 0 8px 8px;
			}
			#galerie ul li a {
			display:block; 
			width:48px; 
			height:36px; 
			text-decoration:none; 
			border:1px solid #000;
			}
			#galerie ul li a img {
			display:block; 
			width:48px; 
			height:36px; 
			border:0;
			}
			#galerie ul li a:hover {
			white-space:normal; 
			border-color:#336600;
			background-color:grey;
			}
			#galerie ul li a:hover img {/*Bildgröße festlegen*/
			position:absolute; 
			left:300px; top: -30px; /*alter Wert "0"*/
			width:380px; 
			height:245px; 
			border:0px solid #CCCCCC;/*Rahmen um die Vorausschau rechts */
			}
			#galerie ul li a span {display:none}
			#galerie ul li a:hover span {/* Text unter den Thumps*/
			display:block; /*alter Wert zur Sichbarmachung des Textes "block"*100*/
			position:absolute; 
			left:5px; 
			top:180px; 
			width:335px; 
			height:auto;
			font-size:12px;color:white;
			}