@charset "utf-8";
/*@font-face {
	font-family: Optima;
	src: 	url(../optimaregular.ttf);
	font-weight:normal;
}*/
/* CSS Document */
/* =======================================
1. Kalibrierung und Restauration
======================================= */
* { padding: 0; margin: 0; }

/* =======================================
2. Allgemeine Styles
======================================= */
input, textarea{
	/*font-family:optima; /* no .ttf */
	font-size:15px;
}
a:link {
  color:inherit;
}

a:visited {
  color:inherit;
  }

a:focus {
  color:inherit;}

a:hover {
  color:inherit;}

a:active {
  color:inherit;}
  
a.linkstrich {
	color:FFF;
	text-decoration:none;
}

a.linkohnestrich {
	color:#000;
	text-decoration:none;
}	

a.linkohnestrich1 {
	font-size:15pt;
	color:#000;
	text-decoration:none;
}	
  
html,body{
	-webkit-font-smoothing: antialiased;
	color: #000;
	
}

body {
	padding:40px;
/*font-family:optima;*/
}

/* Abstand nach unten */
ul, ol{ margin-bottom: 0em; }
/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; 
}
h2{ 
	font-size:17pt;
	margin-top: 5px;
	margin-bottom:5px;
	font-weight:normal;
}

h3 {
	font-size:19.2pt;
	color:#573931;
	margin-top:10px;
	font-weight:normal;
}

/* =======================================
3. Styles für die Layoutbereiche
======================================= */	

#wrapper {
	position:relative;
	width:1000px;
	height:667px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
	

}

#wrapper {
	background: url(../images/homepage.jpeg) top no-repeat;
}

#content.details {
	color:#DBE4D1;
	position: absolute;
	background: url(../images/fotoseite%20details.jpeg) top no-repeat;
	z-index: 2;
	margin-top: 240px;
	margin-left:270px;
	height:2550px;
	width: 730px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;
}

#content.impressum {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#000;
	position: absolute;
	z-index: 3;
	margin-top: 30px;
	margin-left:620px;
	height:1320px;
	width: 365px;
}
	
#content.vermietung {
	color:#DBE4D1;
	position: absolute;
	background: url(../images/vermietung.jpg) top no-repeat;
	z-index: 2;
	margin-top: 240px;
	margin-left:270px;
	height:1214px;
	width: 730px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18px;	
}


#content.buero {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	position: absolute;
	background: url(../images/backgroundbuero.jpg) top no-repeat;
	z-index: 3;
	margin-top: 240px;
	margin-left:270px;
	height:440px;
	width: 670px;
	padding-top:453px;
	padding-right:20px;
	padding-left:40px;
}
.buero1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	position: absolute;
	z-index: 3;
	margin-top: -93px;
	margin-left:352px;
	width: 318px;
	padding-right:20px;
}

#content.projekte {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#000;
	position: absolute;
	z-index: 3;
	margin-top: 30px;
	margin-left:665px;
	height:1320px;
	width: 335px;
}
#content.bauten {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#000;
	position: absolute;
	z-index: 3;
	margin-top: 30px;
	margin-left:665px;
	height:1320px;
	width: 335px;
}

.sichtmw{
	background: url(../images/sichtmw.jpg) top no-repeat;
	position:absolute;
	z-index: 3;
	margin-top: 240px;
	margin-left:270px;
	height:2556px;
	width: 730px;	
}
.holzbw{
	background: url(../images/holzbw.jpg) top no-repeat;
	position:absolute;
	z-index: 3;
	margin-top: 240px;
	margin-left:270px;
	height:1706px;
	width: 730px;	
}
.massivbw{
	background: url(../images/massivbw.jpg) top no-repeat;
	position:absolute;
	z-index: 3;
	margin-top: 240px;
	margin-left:270px;
	height:4000px;
	width: 730px;	
}

ul.projekte1 {
	list-style-type:none;
	}
ul.projekte2 {
	list-style-type:none;
	margin-left:45px;
	color:#FFF;
}

ul.bauten1 {
	list-style-type:none;
	}
	
ul.bauten1 strong{
	list-style-type:none;
	color:#FFF;
	}
ul.bauten2 {
	list-style-type:none;
	margin-left:45px;
	color:#FFF;
}

#navi {
	position:absolute;
	margin-top:240px;
	width:200px;
	margin-left:60px;
	
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:18pt;
	font-weight:900;
}

#navi ul li strong a{
	color:#cb9d79;
}

#navi ul li a{
			list-style:none;
			text-decoration:none;
			color:#FFF;
			
}
#navi ul li {
	height:52px;
	display:block;
}

#navi ul {
	list-style:none;
}

#schriftzug {
	position: absolute;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 77pt;
	line-height: 77px;
	margin-left: 490px;
	margin-top: 422px;
	font-weight: 900;
	color: #959595;
	width: 490px;
	text-align: justify;
	word-spacing: 5px;	
}

#kopfbereich {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	width:605px;
	font-size: 16pt;
	text-align: left;
	color:#FFF;
	margin-top:30px;
	margin-left:60px;			
}

#kopfbereich address a{
	color: #FFF;
	text-decoration: none;
}

#kopfbereich address {
	/*font-size:46px;*/
	font-style:normal;
	
}