/* template*/

html {
	height: 100%;

}

body {
	margin: 0;
	padding: 0;
	line-height: 135%;
	color: #ccc;
font-family: Arial;
	font-size: 12px;
    background-image: url(bg.jpg);
    background-repeat: repeat-x;
	background-color: #1e0000;
    background-position:0 0;

overflow:hidden;
	height:100%
}

/* Font family information */







h1{
	
	padding-left: 100px;
	padding-top: 15px;
    padding-bottom: 10px;
	margin: 0;
	font-weight: normal;
}


h2{
	padding-left: 19px;
	padding-top: 15px;
    padding-bottom: 10px;
	margin: 0;
	font-weight: normal;
}


h5{
	
	padding-left: 35px;
	padding-top: 15px;
    padding-bottom: 10px;
	margin: 0;
	font-weight: normal;
}


h6{
	
	padding-left:45px;
	padding-top: 15px;
    padding-bottom: 10px;
	margin: 0;
	font-weight: normal;
   
}


a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#logo {
  top:40px;
  left:328px;
  width: 327px;
	height: 96px;
	margin-left: 0px;
	position: absolute;
	z-index:2;
   
}



#logo1 {
  top:105px;
  left:430px;
  width: 150px;
	height: 45px;
	margin-left: 0px;
	position: absolute;
	z-index:2;
    
}






#wrapper {
width:980px;
margin:0 auto;
padding-top:3px;
height: 165px;

}

#header {
width:980px;
margin:0 auto;
height: 165px;
 background: url(header_rot.jpg) 0 0 no-repeat;
position: absolute;
}


#panorama {
    position: relative;
    top:0px;
    left:0px;
    width: 980px;
	height: 96px;

    z-index:1;
}



#panorama1 {
    position: relative;
    top:0px;
    left:0px;
    width: 980px;
	height: 96px;
    background:url(ob_header_2.jpg) 0 0 no-repeat;
    z-index:1;
}


/*Menu */


#navi {
width:980px;
margin:0;
padding:0;
height: 69px;


}




  #nav {

    width: 980px;
    height: 48px;
   

   }
    
  #nav ul {

    display: block;
    margin: 0px;
    padding: 0px;
  }
  
  #nav ul li {
  width: 108px;
  margin-top:3px;
  display:block;
  float: left;
  }




  #navigation {

    width: 980px;
    height: 50px;
   

   }
    
  #navigation ul {

    display: block;
    margin: 0px;
    padding: 0px;
  }
  
  #navigation ul li {
  width: 108px;
  margin-top:2px;

    display:block;
    float: left;
  }



  #navigation ul li#home a {
  background:transparent url(nav_home.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#home a:hover {    
  background-position: 0 -50px;
   }



  #navigation  li#home a#current {
  	background-position: 0 -50px;
  
  }








 #navigation ul li#impressionen a {
  background:transparent url(nav_impressionen.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }


 #navigation ul li#impressionen a:hover {    
  background-position: 0 -50px;
   }



  #navigation  li#impressionen a#current {
  	background-position: 0 -50px;
  
  }




  #navigation ul li#die-villen a {
  background:transparent url(nav_villen.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }


 #navigation ul li#die-villen a:hover {    
  background-position: 0 -50px;
   }



  #navigation  li#die-villen a#current {
  	background-position: 0 -50px;
  
  }







  #navigation ul li#blind1 a {
  background:transparent url(nav_blind.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#blind1 a:hover {    
  background-position: 0 -50px;
   }



  #navigation ul li#blind2 a {
  background:transparent url(nav_blind.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#blind2 a:hover {    
  background-position: 0 -50px;
   }


  #navigation ul li#blind3 a {
  background:transparent url(nav_blind.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#blind3 a:hover {    
  background-position: 0 -50px;
   }




  #navigation ul li#details a {
  background:transparent url(nav_details.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#details a:hover {    
  background-position: 0 -50px;
   }



  #navigation  li#details a#current {
  	background-position: 0 -50px;
  
  }





  #navigation ul li#unternehmen a {
  background:transparent url(nav_unternehmen.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#unternehmen a:hover {    
  background-position: 0 -50px;
   }



  #navigation  li#unternehmen a#current {
  	background-position: 0 -50px;
  
  }




  #navigation ul li#kontakt a {
  background:transparent url(nav_kontakt.jpg) no-repeat 0 0;
  display:block;
  height:50px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#kontakt a:hover {    
  background-position: 0 -50px;
   }



  #navigation  li#kontakt a#current {
  	background-position: 0 -50px;
  
  }






a, area {
outline: none;
}


.clr {
	clear:both;
}



a,
h3 {
	color: #D4A70B;
}




#background_site {
height:391px;
margin: 0px;
padding:0; 
width:100%;

}






#content-wrap { 
margin:0 auto; 
padding-left:0px; 
height:391px;
width: 974px;
background: url(startbild2.jpg) 0 0 no-repeat;
border-left:3px solid #9f3b07;
border-right:3px solid #9f3b07;

}


#content-wrap2 { 
margin:0 auto; 
padding-left:0px;  
height:390px;
width: 980px;

}





.col1{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:309px;
height:390px;
background:#320001;
}

.col_left{
float:left;
width:663px;
height:390px;

border-left:3px solid #9f3b07;
margin:0;
padding:0;
}

.col_left1{
float:left;
width:663px;
height:390px;
background:#fff;
border-left:3px solid #9f3b07;

}


.col_mitte{
float:left;
width:303px;
height:384px;
border:3px solid #9f3b07;
}


.col_unternehmen_left{
float:left;
width:303px;
height:390px;

}


.col_unternehmen_text{
float:left;
margin-left:0px;
padding-right:15px;
padding-top:20px;
color:#333;
font-size:12px;
line-height:21px;
width:290px;
text-align:left;
height:370px;
overflow:auto;

}



.col_details_text{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:384px;
background:#320001;
overflow:auto;
}

.col_details_text_sueno{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:384px;
background:#320001;
overflow:auto;
}


.col_details_text_sueno p{
float:left;
margin-left:0px;
padding:20px;
height:384px;

}





.col_details_text_villen{

margin-left:0px;
padding-left:20px;
padding-top:50px;
padding-bottom:0px;
margin-bottom:0px;
font-size:13px;
line-height:25px;
text-align:left;
width:260px;
overflow:hidden;
}




.col_mitte_bild{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:190px;
background:#000;
filter:alpha(opacity=80); /* Für IE */
-moz-opacity:0.8; /* Für Gecko-Browser */
opacity:0.8; /* Für Opera 9+ */
}

.col_mitte_text{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:384px;
background:#000;
filter:alpha(opacity=80); /* Für IE */
-moz-opacity:0.8; /* Für Gecko-Browser */
opacity:0.8; /* Für Opera 9+ */
overflow:auto;
}


.col_right{
float:left;
left:345px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
position:relative;
width:330px;
height:390px;
background:#320001;
}









.col1_bild{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:190px;

border:3px solid #9f3b07;
}




.col2{
float:left;
margin-left:25px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;

width:309px;
height:390px;
background:#320001;
}

.col2_bild{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:190px;
border:3px solid #9f3b07;
}



.col3{
float:left;
margin-left:25px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;

width:309px;
height:390px;
background:#320001;
}

.col3_bild{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:190px;

border:3px solid #9f3b07;
}



.col4{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;

width:650px;
height:390px;
background:#320001;
}

.col4_bild{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:644px;
height:390px;
background:#ffd99b;
border-left:3px solid #9f3b07;
}


.col5{
float:left;
margin-left:20px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
overflow:auto;
width:309px;
height:390px;

}


.col5_bild{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:293px;
height:190px;
background:#ffd99b;
border:3px solid #350000;
}



.col6{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
overflow:auto;
width:980px;
height:390px;
background:#320001;
}


.col1_header{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:980px;
height:235px;
}



.col1_home{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:152px;
background:#000;
filter:alpha(opacity=80); /* Für IE */
-moz-opacity:0.8; /* Für Gecko-Browser */
opacity:0.8; /* Für Opera 9+ */
border-top:3px solid #9f3b07;
border-right:3px solid #9f3b07;

}




.col2_home{
float:left;
margin-left:26px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:152px;
border-top:3px solid #9f3b07;
border-right:3px solid #9f3b07;
border-left:3px solid #9f3b07;
background:#000;
filter:alpha(opacity=80); /* Für IE */
-moz-opacity:0.8; /* Für Gecko-Browser */
opacity:0.8; /* Für Opera 9+ */
border-top:3px solid #9f3b07;
border-right:3px solid #9f3b07;
border-left:3px solid #9f3b07;



}




.col3_home{
float:left;
margin-left:27px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
width:303px;
height:152px;
background:#000;
filter:alpha(opacity=80); /* Für IE */
-moz-opacity:0.8; /* Für Gecko-Browser */
opacity:0.8; /* Für Opera 9+ */
border-top:3px solid #9f3b07;

border-left:3px solid #9f3b07;
}




















#content{

margin-left: 0px;
padding:0; 
width:1000px;
min-height:600px;

}






.text{
float:left;
margin-left:0px;
padding:20px;
color:#333;
font-size:12px;
line-height:21px;
width:239px;
text-align:left;
}


.text_col1{
float:left;
margin-left:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
padding-left:18px;
color:#ccc;
font-size:12px;
line-height:21px;
width:250px;
text-align:justify;
}





#footer {
	background: url(footer.gif) 0 0 no-repeat;
	height: 493px;
  text-align:center;
  margin:0 auto;
  width:980px;
}





.footer_text{

margin-left:30px;
padding-top:80px;
color:#a14d28;
font-size:11px;
line-height:21px;
width:938px;
text-align:center;
}



.footer_text a{

color:#fccb7b;

}