@charset "utf-8";
/* CSS Document */


* {
	margin:0
	}

img, div, ul,li , a, a:hover {
  behavior: url(iepngfix.htc);
	border:none;
}

a {
	color:#0065b2;
	text-decoration:none;
}

a:hover {
	color:#C00;
	text-decoration:none;
}

a:visited {
	color:#0065b2;
	text-decoration:none;
	}
	

body {
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	border:0;
	margin:0;
	padding:0;
	font-size:12px;
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
	text-align: center; /* Zentrierung im Internet Explorer */
	}




#wraper {
	text-align: left; /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	width: 840px;
	padding: 0;
	position:relative;
}

/**
* @section Head
*/

#myhead {
	left: 0px;
	width:830px;
	z-index:5;
	text-align: left;
	top: 0;
	position:relative;
	
}

#logo {
	left:-5px;
	position:relative;
	width:300px;
	height:158px;
}

/*
* @section Head
*/

ul {
	position:relative;
	left: 297px;
	top:-158px;
	list-style-type: none;
	padding: 0px; /* Innenabstand: oben/unten 4px, li/re 0 */
  border:none;
  margin: 0; /* Keinen Außenabstand */ 
	width:530px;
	height: 55px;
	
}



li {
	display: block; 
  float: left;
	margin:0;
	text-align:center;
	vertical-align:top;
	
	
}

	
#navi_01 a
{
width:70px; 
height:41px; 
display:block;
background-image:url(img/navi_start_out.png); 
background-repeat:no-repeat;

}


#navi_01 a:hover
{
width:70px;
height:41px;
display:block;
background-image:url(img/navi_start_over.png);
background-repeat:no-repeat;
}  
	
#navi_02 a
{
width:168px; 
height:51px; 
display:block;
background-image:url(img/navi_regenbogen_out.png); 
background-repeat:no-repeat;
}


#navi_02 a:hover
{
width:168px;
height:51px;
display:block;
background-image:url(img/navi_regenbogen_over.png);
background-repeat:no-repeat;
}  
	
	
#navi_03 a
{
width:114px; 
height:55px; 
display:block;
background-image:url(img/navi_apartments_out.png); 
background-repeat:no-repeat;
}


#navi_03 a:hover
{
width:114px;
height:55px;
display:block;
background-image:url(img/navi_apartments_over.png);
background-repeat:no-repeat;
}  
	
	
#navi_04 a
{
width:91px; 
height:51px; 
display:block;
background-image:url(img/navi_umgebung_out.png); 
background-repeat:no-repeat;
}


#navi_04 a:hover
{
width:91px;
height:51px;
display:block;
background-image:url(img/navi_umgebung_over.png);
background-repeat:no-repeat;
}  
	
	
#navi_05 a
{
width:81px; 
height:51px; 
display:block;
background-image:url(img/navi_kontakt_out.png); 
background-repeat:no-repeat;
}


#navi_05 a:hover
{
width:81px;
height:51px;
display:block;
background-image:url(img/navi_kontakt_over.png);
background-repeat:no-repeat;
}  


/**
* @section Hintergrund
*/
#hintergrund {
	position: relative;
	margin: auto;
	padding: 0;
	z-index: 1;
	
}

#hintergrund #bgadd {
	width: 347px;
	height: 222px;
	left: -260px;
	top: 50px;
	background: transparent url("img/bgadd_left.png") no-repeat;
	position: absolute;
	padding: 0;
	border: 0;
	z-index: 2;
	
}



#hintergrund #bgadd_right {
	width: 347px;
	height: 222px;
	right: -260px;
	top: 50px;
	position: absolute;
	background: transparent url("img/bgadd_right.png") no-repeat;
	padding: 0;
	border: 0;
	z-index: 2;
	
}


/**
* @section Content Home
*/


#content {
	margin-left:0px;
	width:830px;
	z-index:5;
	position:relative;
	top:-30px;
}

#hometeaser img {
	width:820px;
	height:310px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	}

#contentbox1 {
	width:240px;
	height:175px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

#contentbox2 {
	width:260px;
	height:205px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-215px;
	margin-left: 280px;
}

#contentbox3 {
	width:260px;
	height:205px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-215px;
	margin-left: 560px;
}


/**
* @section Content Regenbogenhaus
*/


#contenthaus {
	margin-left:0px;
	width:830px;
	z-index:5;
	position:relative;
	top:-30px;
}

#hausteaser img {
	width:820px;
	height:160px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	}

.copybox {
	width:800px;
	height: 45px;
	padding: 10px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	background-color:#FFF;
	margin-top: 10px;
}

#hausbox1 {
	width:400px;
	height: 190px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	
}

#hausbox2 {
	width:400px;
	height: 190px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left:420px;

}

#hausbox3 {
	width:400px;
	height: 190px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	
}

#hausbox4 {
	width:400px;
	height: 190px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left:420px;

}

#hausbox5 {
	width:400px;
	height: 190px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	
}

#hausbox6 {
	width:400px;
	height: 190px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left:420px;

}

/**
* @section Content Apartments
*/


#contentapartments {
	margin-left:0px;
	width:830px;
	z-index:5;
	position:relative;
	left:0;
	top:-30px;
}

#lillyteaser img {
	width:820px;
	height:160px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	}
	
#juleteaser img {
	width:820px;
	height:160px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	}

#apartmentbild1 {
	width:260px;
	height:190px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	margin-left: 0px;
}

#apartmentbild2 {
	width:260px;
	height:190px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left: 280px;
}

#apartmentbild3 {
	width:260px;
	height:190px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left: 560px;
}

#apartmentbild4 {
	width:260px;
	height:190px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
	margin-left: 0px;
}

#apartmentbild5 {
	width:260px;
	height:190px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left: 280px;
}

#apartmentbild6 {
	width:260px;
	height:190px;
	background-color:#ffffff;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:-200px;
	margin-left: 560px;
}

/**
* @section Umgebung
*/

#umgebungskarte {
	width:820px;
	height:450px;
	border:5px;
	border-color:#fafaee;
	border-style:solid;
	margin-top:10px;
}


/**
* @section Kontakt
*/


#kontaktcopy {
	text-align:left;
	width:800px;
	border:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:5px;
	padding-right: 10px;
	border-color:#fafaee;
	border-style:solid;
	background-color:#FFF;
	margin-top:10px;
}

#content th {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	width:400px;
	}


/**
* @section Impressum
*/

#impressumcontent {
	text-align:left;
	width:800px;
	
	border:5px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:5px;
	padding-right: 10px;
	border-color:#fafaee;
	border-style:solid;
	
	background-color:#FFF;
}

h1 {
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	color:#000;
}

h2 {
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	color:#333;
}


/**
* @section Footer
*/


#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	margin-top: -10px;
	
}

#copyright{
	padding-bottom:3px;
	padding-right:3px;
	padding-top:3px;
	padding-left: 10px;
	width: 710px;
	height:16px;
	background-color:#fafaee;
	

}

#impressum{
	padding-bottom:3px;
	padding-right:20px;
	padding-top:3px;
	padding-left: 20px;
	width: 55px;
	margin-left: 735px;
	margin-top: -22px;
	text-align:right;
	height:16px;
	background-color:#fafaee;
}

#footer a {
	color:#333;
	text-decoration:none;
}

#footer a:hover {
	color:#0065b2;
}