html {
	background-color:#99ccff;
	
		}
background-position: center;		
		

body {

	 font-family: Verdana, Helvetica, Arial,sans-serif;
	font-color:#000000;
	width:900px;
	position:relative;
	text-align:center;
	}


#wrapper  { 
	    background-color:#ccffff;
	    width:900px;
	    max-width:100%; 
		border:0;
		
		position:relative;
		float:left;
			
		}
			
#header {
	    width:900px;
	    float:left;
	    position:relative;
	    background-color:#ccffff;
	   }	
		
		
		
#hauptinhalt
		{
		background-color:#ccffff;
		width:900px;
	    max-width:100%;
	    float:left;
	     font-family: Verdana, Helvetica, Arial,sans-serif;
	    font-color:#336699;

	    
	}

p{
		background-color:#ffffff;
		width:900px;
	    max-width:100%;
	    float:left;
	    padding: 0px 0 0 0px;
	}
		
		
#footer {
	    background-color:#ccfffff;
	    width:100%;;
	    float:left;
	    color: #333333;
        font-family: Verdana, Helvetica, Arial,sans-serif;
        font-size:8pt;
		}
			
					
		
		
#navi {
	float:right;
	left repeat-x;
	width:100 %;
	padding: 6px 26px 4px 26px;
    font-family: Verdana, Helvetica, Arial,sans-serif;
	background-color: #99ccff;
	color: #333333;
	font-size:11pt;
	border-left: 2px solid #ccffff;
		border-right: 2px solid #ccffff;
	}
	
	#navi ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		margin: 4px 4px 4px 2px;
		
		}
		
	#navi li {
		float:left;
	    list-style-type: none;
		margin: 2px 8px 2px 8px;
		}
		
		
		
		#navi li a {
		
		padding: 7px 7px 7px 7px;
		border-left: 2px solid #ccffff;
		border-right: 2px solid #ccffff;
		background-color: #3399cc;
		color: #333333;
		text-decoration: none;
		width: 100%;
		}

	 #navi li a {
		width: auto;
		}

	#navi li a:hover {
		
		background-color: #6699cc;
		color: #fff;
		}


	    
a:link {
	color: #0066cc;
	}	
a:visited {
	color: #0066cc;
	}	
	
#navi li a.active {
	background: #3399cc;
	}
	
	
			
			

h1{
	      
           font-family: Verdana, Helvetica, Arial,sans-serif; 
           font-weight: lighter; 
	       font-size: 18pt;
	       color:#ff9900;
			}

h2 {
	color:#ff9900;
    font-size: 12pt;
	font-family: Verdana, Helvetica, Arial,sans-serif; 
	}
	
h3 {
	color:#99ccff;
    font-size: 12pt;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	}		

h4 {
	color:#000000;
    font-size: 10pt;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	}	
	
h5 {
	color:#ff9900;
    font-size: 9pt;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	}
	
h6 {
	color:#000000;
    font-size: 7pt;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	}		
	
	
	



#textunten {
	font-size: 14px;
	color: #a07c67;
	 font-family: Verdana, Helvetica, Arial,sans-serif; 
	padding: 0 25px 0 0; 
}



#teaserfoto {	
	
	background: transparent url('images/index.jpg') top left no-repeat;
	width: 600px;
	height: 700px;
	position: absolute;
	top: 240px;
	left: 60px;
	z-index: 999;
}


#teaserfoto2 {	
	
	background: transparent url('images/krevet.jpg') top left no-repeat;
	width: 242px;
	height: 425px;
	position: absolute;
	top: 250px;
	left: 40px;
	z-index: 999;
}

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





#teaserfoto4 {	
	
	background: transparent url('images/meer2.jpg') top left no-repeat;
	width: 242px;
	height: 225px;
	position: absolute;
	top: 506px;
	left: 40px;
	z-index: 999;
}


#teaserfoto5 {	
	
	background: transparent url('images/lux1.jpg') top left no-repeat;
	width: 260px;
	height: 300px;
	position: absolute;
	top: 310px;
	left: 40px;
	z-index: 999;
}

#teaserfoto6 {	
	
	background: transparent url('images/lux2.jpg') top left no-repeat;
	width: 260px;
	height: 300px;
	position: absolute;
	top: 610px;
	left: 580px;
	z-index: 999;
}

#teaserfoto7 {	
	
	background: transparent url('images/luxbasic.jpg') top left no-repeat;
	width: 340px;
	height: 300px;
	position: absolute;
	top: 620px;
	left: 40px;
	z-index: 999;
}

#teaserfoto8 {	
	
	background: transparent url('images/erst1.jpg') top left no-repeat;
	width: 260px;
	height: 300px;
	position: absolute;
	top: 380px;
	left: 40px;
	z-index: 999;
}
#teaserfoto9 {	
	
	background: transparent url('images/erst4.jpg') top left no-repeat;
	width: 260px;
	height: 300px;
	position: absolute;
	top: 560px;
	left: 40px;
	z-index: 999;
}

#teaserfoto10 {	
	
	background: transparent url('images/erst2.jpg') top left no-repeat;
	width: 260px;
	height: 300px;
	position: absolute;
	top: 740px;
	left: 40px;
	z-index: 999;
}


#teaserfoto11 {	
	
	background: transparent url('images/erst3.jpg') top left no-repeat;
	width: 260px;
	height: 300px;
	position: absolute;
	top: 900px;
	left: 40px;
	z-index: 999;
}


#bildtext {	
	
	background: transparent top left no-repeat;
	position: absolute;
	top: 540px;
	left: 22px;
	padding: 0 0 0 20px;
	z-index: 999;
	width: 300px;
	color: #cccccc;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	font-size: 12px;
	 font-weight: lighter; 
}




#aufzaehlen {
	font-size: 18pt;
	font-variant: small-caps;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
    font-weight: lighter; 
    letter-spacing: 0.08em;  
	color: #333333;
	float:right;
	position: absolute;
	top: 280px;
	left: 580px;
	z-index: 999;
	
}
	
#aufzaehlenklein {
	font-size: 10pt;
	padding: 40px 10px 0 10px;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	    font-weight: lighter; 
	color: #333333;
	width:620px;
	float:right;
	}
	
	
#textrechts {
	font-size: 10pt;
	color: #333333;
	position: absolute;
	top: 240px;
	left: 300px;
     font-family: Verdana, Helvetica, Arial,sans-serif; 
    font-weight: lighter; 
	float:left;
	width:540px;
	hight:400px;
	}
	
	
	#textrechts2 {
	font-size: 10pt;
	color: #333333;
	position: absolute;
	top: 240px;
	left: 380px;
     font-family: Verdana, Helvetica, Arial,sans-serif; 
    font-weight: lighter; 
	float:left;
	width:500px;
	hight:600px;
	z-index: 999;
	padding: 0px 0px 40px 0px;
	}
	
	
	#textrechts3 {
	font-size: 10pt;
	color: #333333;
	position: absolute;
	top: 620px;
	left: 380px;
     font-family: Verdana, Helvetica, Arial,sans-serif; 
    font-weight: lighter; 
	float:left;
	width:500px;
	hight:400px;
	z-index: 999;
	}

#text2 {
	font-size: 10pt;
	color: #333333;
	margin: 10px 30px  10px 30px; 
	font-family: Verdana, Helvetica, Arial,sans-serif; 
   	float:left;
	}





#textlinks {
	font-size: 10pt;
	color: #333333;
    font-family: Verdana, Helvetica, Arial,sans-serif;
     font-weight: lighter; 
	padding: 0 20px 0px 0; 
	width:500px;
	position: absolute;
	top: 610px;
	left: 40px;
	
}

#textlinks2 {
	font-size: 10pt;
	color: #333333;
    font-family: Verdana, Helvetica, Arial,sans-serif;
     font-weight: lighter; 
	padding: 0 20px 0 0; 
	width:800px;
	position: absolute;
	top: 900px;
	left: 40px;
	
}

#textlinks3 {
	font-size: 10pt;
	color: #333333;
    font-family: Verdana, Helvetica, Arial,sans-serif;
     font-weight: lighter; 
	padding: 0 20px 0 0; 
	width:800px;
	position: absolute;
	top: 1040px;
	left: 40px;
	
}


	

table {
	caption-side: top;
	width: 90%;
	text-align: right;
	padding: 10px 0  10px 20px;
	font-size: 10pt;
	border: 0;
	 font-family: Verdana, Helvetica, Arial,sans-serif;
	color:#000000;
	
	}


#galerie li
{
list-style-type: none;

display: block;
margin: 0 10px 10px 20px;
text-align: left;
font-weight: bold;
position: relative;
}

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

#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;
}



#text {
	width: 80%;
	text-align: left;
	padding: 10px 0  10px 0px;
}


#galerie2 li
{
font-size: 9pt;
font-weight: lighter;
color: #ffffff;
font-family: Century Gothic, Eras Light ITC,Helvetica, Arial,sans-serif;
list-style-type: none;
float: left;
display: block;
margin: 0 5px 10px 5px;
text-align: left;
font-weight: bold;
position: relative;
}

#galerie2 img
{
width: 150px;
height: 150px;
padding: 0px;
border: 3px solid #333333;
} 

#galerie2 a .gross
{
display: none;
}

#galerie2 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;
}