html {
	background-color:#999966;
	
		}
background-position: center;		
		

body {

	font-family:Century Gothic, Eras Light ITC, Helvetica, Arial;
	font-color:#666666;
	width:900px;
	position:relative;
	text-align:center;
	}


#wrapper  { 
	    background-color:#c2c2a4;
	    width:900px;
	    max-width:100%; 
		border:0;
		padding: 20px;
		position:relative;
		float:left;
			
		}
			
#header {
	    width:900px;
	    float:left;
	    position:relative;
	    background-color:#ffffff;
	   }	
		
		
		
#hauptinhalt
		{
		background-color:#ffffff;
		width:900px;
		height: 700px;
	    max-width:100%;
	    float:left;
	    font-family:Century Gothic, Eras Light ITC, Helvetica, Arial;
	    font-color:#666666;

	    
	}

p{
		background-color:#ffffff;
		width:900px;
	    max-width:100%;
	    float:left;
	    padding: 0px 0 0 0px;
	}
		
		
#footer {
	     background-color:#c2c2a4;
	    width:900px;
	    float:right;
	    color: #808080;
        font-family: Century Gothic, Eras Light ITC,Helvetica, Arial,sans-serif; 
        font-size:8pt;
        padding: 0 0 0 0;

		}				
		
		
#navi {
	width: 13em;
	padding: 10em 0 2em 0;
	
	font-family: 'Century Gothic', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	top: 100px;
	left: 300px;
	}
	
	#navi ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#navi li {
		border-bottom: 1px solid #660000;
		margin: 0;
		}
		
		
		
		#navi li a {
		display: block;
		padding: 8px 5px 5px 0.5em;
		
		color: #999966;
		text-decoration: none;
		width: 100%;
		}

	 #navi li a {
		width: auto;
		}

	#navi li a:hover {
		
		background-color: #910e4f;
		color: #fff;
		}


	    
a:link {
	color: #666666;
	}	
a:visited {
	color: #666666;
	}	
	
#navi li a.active {
	background: #808080;
	}
	
	
			
			

h1, text, p {
	       color: #333333;
           font-family: Century Gothic, Eras Light ITC,Helvetica, Arial,sans-serif; 
           font-weight: lighter; 
		   background-color:#ffffff;
	       float:left;
	       padding: 0 0 0 10px; 
	}
    
          
h1 {
	font-size: 22pt;
			
    }

h2 {
	color:#666666;
    font-size: 18px;
      font-weight: lighter; 
	font-family: Century Gothic, Eras Light ITC,Helvetica, Arial,sans-serif; 
    padding: 0px 0 2px 18px; 
	}

h4 {
	color:#660000;
    font-size: 13px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	}	


h3 {
	color:#333333;
    font-size: 12px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	}		
	
h4 {
	color:##660000;
    font-size: 13px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	}	
	
	
#text {
	font-size: 14px;
	position: absolute;
	top: 136px;
	left: 240px;
	color: #a07c67;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	padding: 0 25px 0 0; 
}

#textunten {
	font-size: 14px;
	color: #a07c67;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	padding: 0 25px 0 0; 
}



#teaserfoto {	
	
	background: transparent url('images/fluss3.jpg') top left no-repeat;
	width: 69px;
	height: 800px;
	position: absolute;
	top: 0px;
	left: 320px;
	z-index: 999;
}


#teaserfoto2 {	
	
	background: transparent url('images/Kontakt.jpg') top left no-repeat;
	width: 250px;
	height: 283px;
	position: absolute;
	top: 175px;
	left: 266px;
	z-index: 999;
}


#teaserfoto3 {	
	
	background: transparent url('images/impressum.jpg') top left no-repeat;
	width: 250px;
	height: 283px;
	position: absolute;
	top: 175px;
	left: 266px;
	z-index: 999;
}

#teaserfoto4 {	
	
	background: transparent url('images/wir.jpg') top left no-repeat;
	width: 250px;
	height: 283px;
	position: absolute;
	top: 175px;
	left: 266px;
	z-index: 999;
}

#teaserfoto5 {	
	
	background: transparent url('images/leistung.jpg') top left no-repeat;
	width: 250px;
	height: 320px;
	position: absolute;
	top: 175px;
	left: 266px;
	z-index: 999;
}


#teaserfoto6 {	
	
	background: transparent url('images/referenz.jpg') top left no-repeat;
	width: 250px;
	height: 320px;
	position: absolute;
	top: 175px;
	left: 266px;
	z-index: 999;
}



#bildtext {	
	
	background: transparent top left no-repeat;
	position: absolute;
	top: 340px;
	left: 240px;
	z-index: 999;
	width: 242px;
	color: #a07c67;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	 font-weight: lighter; 
}

#bildtext2 {	
	
	background: transparent top left no-repeat;
	position: absolute;
	top: 580px;
	left: 240px;
	width: 242px;
	z-index: 999;
	color: #a07c67;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	 font-weight: lighter; 
}



#aufzaehlen {
	font-size: 16pt;
	font-variant: small-caps;
	padding: 70px 30px 10px 0;
	font-family: Helvetica, Arial,sans-serif; 
    font-weight: lighter; 
    letter-spacing: 0.08em;  
	color: #333333;
	width:620px;
	float:right;
	
}
	
#aufzaehlenklein {
	font-size: 11pt;
	padding: 40px 10px 0 10px;
	font-family: Helvetica, Arial,sans-serif; 
    font-weight: lighter; 
	color: #333333;
	width:620px;
	float:right;
	}
	
	
#textrechts {
	font-size: 10pt;
	color: #333333;
	position: absolute;
	top: 170px;
	left: 420px;
    font-family: Century Gothic, Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-weight: lighter; 
    background-color:#ffffff;
	float:right;
	padding: 300px 0 0 20px; 
	margin: 0 0 0 0;
	width:340px;
	
}

#textlinks {
	font-size: 11pt;
	color: #333333;
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-weight: lighter; 
   	float:left;
	width:260px;
	padding: 30px 6px 30px 6px; 
	
}



	

table {
	caption-side: top;
	width: 100%;
	text-align: left;
	padding: 10px 0  10px 20px;
	font-size: 11pt;
	border: 0;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; 
	color:#666666;
	background-color:#f4d7bc;
	}
	


#galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 150px;
height: 150px;
display: block;
padding: 0px;
border: 2px solid #ffcc99;
} 

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 250px;
height: 250px;
display: block;
position: absolute;
top: -50px;
left: -50px;
z-index: 1;
background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}

.hidepics {
  width:0px;
  height:0px;
  visibility:hidden;
}