/*
#test {
	left: 130px;
	width: 41px;
	height: 41px;
	background-color: red;
	position: absolute;
	top: 900px;

}
*/

/* --------------- Allgemeines --------------- */

body {
	line-height: 18px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #31342d;
}

a {
	text-decoration: none;
	color: #31342d;	
}


#wrapper {
	width: 918px;
	margin: auto;

}

h4 {


	border-left-color: #86c543;


	padding-left: 5px;


	border-left-style: solid;


	border-left-width: 6px;


}


h3 {


	font-weight: bold;


}

::-moz-selection { 
	background-color: #86c543; 
	color: white; 
	}
	
::selection { 
	background-color: #86c543; 
	color: white; 
	}


/* --------------- Header --------------- */

#header {
	width: 918px;
	float: left;
	height: 279px;

}

ul#navigation { 
	float: right;
	top: 0px;
	left: 890px;

}

ul#navigation li {
	text-transform: uppercase;
	list-style: none;
	text-align: right;
	font-size: 22px;
	top: 60px;
	position: relative;
	padding-top: 8px;

}

ul#navigation li a {
	color: #86c543;
	text-decoration: none;
}
 
ul#navigation li a:hover {
	color: #31342d;

}


 
#active a { !important; 
}  

#name {
	line-height: 33px;
	text-transform: uppercase;
	font-size: 34px;
	color: #86c543;
	width: 300px;
	position: absolute;
	top: 183px;
}

#bezeichnung {
	text-align: right;
	line-height: 33px;
	text-transform: uppercase;
	font-size: 22px;
	color: #31342d;
	width: 300px;
	position: absolute;
	top: 222px;
	margin-left: 618px;
}

.linie {
	width: 900px;
	height: 1px;
	background-color: #31342d;
	position: absolute;
	top: 254px;
		
}

.plus1 {
	font-size: 120px;
	color: #86c543;	
	position: absolute;
	top: 152px;
	margin-left: -60px;
}

.plus2 {
	font-size: 60px;
	color: #86c543;	
	position: absolute;
	top: 240px;
	margin-left: 906px;
}



/* --------------- Content allgemein --------------- */


#container {
	width: 918px;
	float: left;
	margin-top: 25px;

}

#headlineleft {
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 22px;
	color: #86c543;
	float: left;

}

#headlineleft2 {
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 22px;
	color: #86c543;
	float: left;

}

#headlineleft3 {
	text-transform: uppercase;
	margin-bottom: 38px;
	font-size: 22px;
	color: #86c543;
	float: left;
	

}


#headlineright {
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #86c543;
	float: right;
	position: relative;

}

#headlineright:hover {
	color: #31342d;
}


#content {
	width: 918px;
	float: left;	
	margin-top: 38px;
}


/* --------------- Content Galerie --------------- */



.gallery {
	float: left;
	margin-left: -34px;

}

/* --------------- Content Galerie Architekt --------------- */ 

.full_overlay-architekt {
	float: left;
	margin-left: 34px;	
	margin-bottom: 34px;
	width: 204px;
	height: 204px;
	background-color: #31342d;

}


.full_overlay-architekt .inhalt {

	position: absolute;
	line-height: 16px;

	                   
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	width: 160px;
	padding: 5px;
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-color: #86c543;
	background: rgba(134,197,66,0.8);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 

}	
	
	
.inhalt h2, .inhalt p {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}
	
	
.full_overlay-architekt:hover .inhalt {
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* --------------- Content Galerie Schreiner --------------- */ 

.full_overlay-schreiner {
	float: left;
	margin-left: 34px;	
	margin-bottom: 34px;
	width: 204px;
	height: 204px;
	background-color: #31342d;
}


.full_overlay-schreiner .inhalt {

	position: absolute;
	line-height: 16px;

	                   
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	width: 160px;
	padding: 5px;
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-color: #86c543;
	background: rgba(134,197,66,0.8);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	-moz-border-radius: 5px; 
	-webkit-border-radius:5px; 
}	
	
	
.inhalt h2, .inhalt p {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}
	
	
.full_overlay-schreiner:hover .inhalt {
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* --------------- Content Galerie Studium --------------- */ 

.full_overlay-studium {
	float: left;
	margin-left: 34px;	
	margin-bottom: 34px;
	width: 204px;
	height: 204px;
	background-color: #31342d;

	
}


.full_overlay-studium .inhalt {

	position: absolute;
	line-height: 16px;

	                   
	margin-top: 18px;
	margin-right: 18px;
	margin-left: 18px;
	width: 160px;
	padding: 5px;
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-color: #86c543;
	background: rgba(134,197,66,0.8);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
-moz-border-radius: 5px; 
-webkit-border-radius:5px; 	
}	
	
	
.inhalt h2, .inhalt p {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}
	
	
.full_overlay-studium:hover .inhalt {
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/* --------------- Content Referenzen --------------- */

.auswahlprojekte {
	
	text-transform: uppercase;
	
	margin-top: 28px;
	position: relative;
	bottom: 0px;

}

#auswahlalles {
	color: #31342d;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	display: none;	
}	

#auswahlalles:hover {
	color: #86c543;
}


#auswahlallesaktiv{
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: #31342d;	


}

#auswahlarchitektaktiv{
	font-weight: bold;
	padding-left: 10px;	
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: black;	
	display: none;


}

#auswahlschreineraktiv{
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: #31342d;	
	display: none;


}


#auswahlstudiumaktiv{
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: #31342d;	
	display: none;


}

#auswahlarchitekt {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: #31342d;	

}


#auswahlarchitekt:hover {
	color: #86c543;
}

#auswahlschreiner {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: black;	

}


#auswahlschreiner:hover {
	color: #86c543;
}


#auswahlstudium {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	float: left;
	color: #31342d;	

}

#auswahlstudium:hover {
	color: #86c543;
}


.referenzen {
	float: left;
	margin-left: -34px;
	margin-top: -28px;

}


/* --------------- Content Referenzen Detail --------------- */

#content2 {
	width: 918px;
	float: left;
	position: relative;	
	margin-top: 15px;
}

.detailheadline {
	font-weight: bold;
	margin-top: 32px;


}

.detailheadline0 {
	font-weight: bold;
	margin-top: 32px;
	height: 19px;

}


.projektgallery {
	height: 482px;
	float: left;
	width: 918px;
}


ul#projektdetails, ul#projektdetails li{
	margin:0;
	padding:0;
	list-style:none;
	}
ul#projektdetails{
	width:918px;
	height:328px;
	position:relative;
	background: url(img/hauptbild2.png) no-repeat;
	}			
ul#projektdetails li{
	float:left;
	display:inline;
	margin-top:339px;
	margin-right: 11px;
	width: 102px;
	height: 102px;
	}
	
	
ul#projektdetails li:last-child{
	margin-right: 0px;
	}	
	
									
ul#projektdetails a span{
	display:none;
	}
ul#projektdetails a:hover{
	background:none;
	z-index:100;
	}	
ul#projektdetails a:hover span{
	position:absolute;
	width:400px;
	height:300px;
	float:left;
	top:0;
	left:0;
	display:block;
	}


.detailtext {
	width: 441px;
	position: absolute;
	bottom: 0px;
	left: 477px;	

}


/* --------------- Content Profil --------------- */

.aufzahlung {
	border-left-width: 5px;
	border-left-color: #86c543;
	border-left-style: solid;
	padding-left: 5px;
	
}


.detailtext2 {
	width: 441px !important;
	height: auto;
	position: absolute;
	left: 477px;
	top: -343px;

}

.lebenslauf {

	padding-top: 41px;

	float: left;
	position: relative;
	width: 918px;
}

.tabelle {
	border: 0;
	width: 918px; 
	margin-bottom: 37px;	
	margin-top: 50px;
}

.tabelle td {
	padding-bottom: 5px;
	padding-top: 5px;	
}

.tabelle td b {

	font-weight: bold;

}

.tabelle td i {

	font-style: italic;

}

.tabelle tr {

	border-color: #cccccc;

	border-style: solid;

	border-bottom-width: 1px;

}


/* --------------- Content allgemein --------------- */

#kontakt {
	float: left;
	width: 918px;
	margin-bottom: 41px;

}

#kontaktbild {
	float: left;
	width: 441px;
	height: 328px;
	margin-right: 36px;
}

#mail {
	float: left;
	width: 440px;
}

#mail table {
	width: 440px;
}

.mailtext {
	width: 110px;
	position: relative;
	top: -11px;

}

.mailtext2 {
	width: 110px;
	position: relative;
	top: -185px;

}

.mailtext3 {
	position: relative;
	margin-bottom: 10px;

}


textarea { 

padding: 5px; 
color: #666; 
background: white; 
border: 1px solid #86c543; 
-moz-border-radius: 5px; 
-webkit-border-radius:5px; 
float: left;
width: 330px;
height: 190px;

}

input { 

padding: 5px; 
color: #666; 
background: white; 
border: 1px solid #86c543; 
-moz-border-radius: 5px; 
-webkit-border-radius:5px; 
float: left;
width: 65%;

}
   
input:focus, textarea:focus, select:focus { 
	border: 1px solid #999; 
	background: #ebffcf;  
	color:#333; 

	}
	
input.submit { 
	width: 110px; 
	border-style: none; 
	cursor: pointer; 
	background:#86c543; 
	color:#fff; 
	}
	
input.submit:hover { 
	background:#444; 
	}



/* --------------- Impressum --------------- */

#impressum {
	float: left;
	width: 918px;
	margin-bottom: 41px;

}

#impressum a {
	color: #86c543;

}

#impressum strong {

	font-weight: bold;
	margin-bottom: 15px;


}

#impressum p {
	margin-top: 15px;

}



/* --------------- Footer --------------- */

#footer {
	margin-top: 36px;
	width: 918px;
	height: 35px;
	float: left;

}


.liniefooter {
	width: 902px;
	height: 1px;
	position: relative;
	left: 16px;
	background-color: #31342d;
		
}

.plus3 {
	font-size: 60px;
	color: #86c543;	
	position: relative;
	top: -15px;
	margin-left: -35px;
}

#footer a {
	text-transform: uppercase;
	color: #31342d;
	float: right;
	position: relative;
	top: -9px;
	text-decoration: none;
	margin-left: 10px;

}

#footer a:hover {
	color: #86c543;

}