* { 
	padding: 0; 
    margin: 0;
	border: none;
	}
	
html, body {
 height: 100%;
 padding: 0; 
 margin: 0;
 font-family: "Tahoma", Helvetica, sans-serif;
 font-size: 12px;
 background: url(../../img/pattern.jpg) repeat top left #000;
}

h2.title {
position:relative;
font-size: 1.8em;
font-weight: bold;
color: white;
top:10px;
left: 20px;
display:inline;
}

a:link, a:visited  {
color: #aaa;
}

a:hover, a:active {
color: #fff;
}


p {
margin-bottom:15px;
}


#wrapper_head{
 position: absolute;
 top: 11%;
 left: 0%; 
 height: 452px;
 width: 100%;
 /* margin-top: -230px;  */
}

#header {
 position: relative;
 width: 100%;
 height: 45px;
 padding: 0px;
 left: 0%; 
 top: 50%;
 margin-top: -230px;  
 background: url(../../img/logo.png) no-repeat right bottom;
 border-bottom: 1px solid #B50062;
}

#gallery { 
 position:relative;
 top: 50%;
 left: 0%; 
 height: 415px;
 width: 100%;
 margin-top: 0%;  
 background-color: #000;
 z-index:100;
 }
 
#static { 
 position:relative;
 top: 50%;
 left: 0%; 
 height: 415px;
 width: 100%;
 margin-top: 0%;  
 background-color: #000;
 border-bottom: 1px solid #B50062;
 }

#menu {
 position:relative;
 top: 50%;
 width: 100%;
 height: 20px;
 margin-top: 3px; 
 left: 0px;
 /* background-color: #333; */
 /*opacity: 0.35;
 filter: alpha(opacity=90, finishopacity=90);
 -moz-opacity: 0.85;*/
}

#navigation {margin-left: 100px;}
#navigation ul {display: inline; margin: 0;}

#navigation ul li {
	float: left;
	list-style: none;
	padding: 0 5px 0 5px;
}

.distance1 {
	padding-left: 100px!important;
	/* padding-right: 30px!important; */
}

.distance2 {
	float: right;
	padding-right:100px;
}

#navigation li.current_page_item a {
	background: none;
	color: #EEE;
}


/* Referenzen */

#references-clients { 
	color:#fff;
	position:relative;
	float:left;
	width:765px;
	top:20px;
	left:109px;
	text-align:left;
}

#ref-clients-left,#ref-clients-middle,#ref-clients-right{
	display:none;
	float:left;
	width:240px;
	height:100%;
	padding: 5px 5px 5px 0;
}

#references-faces { 
	color:#fff;
	position:relative;
	float:left;
	width:765px;
	height:90px;
	top:30px;
	left:109px;
	text-align:left;
}

#ref-faces-left,#ref-faces-middle,#ref-faces-right{
	display:none;
	float:left;
	width:240px;
	height:100%;
	padding: 5px 5px 5px 0;
}


#references-clients a:link, #references-clients a:visited, #references-faces a:link, #references-faces a:visited{
	color: #AAA;
	text-decoration:none;
}

#references-clients a:hover, #references-clients a:active, #references-faces a:hover, #references-faces a:active{
	color: #B50062;
	text-decoration:none;
}

#references-clients ul li, #references-faces ul li {
 	list-style: none;
	padding:1px 0 2px 0;
	/* border-bottom:1px dotted #111; */
	width:240px;
}


/* Kontaktformular */

#contact { 
	color:#aaa;
 /* 	display:none; */
	position:relative;
	float:left;
	width:600px;
	height:90%;
	text-align:left;
}

#contact2 { 
	background:url(../../img/contact.jpg) no-repeat;
	position:absolute;
	float:right;
	width:677px;
	height:415px;
	right:0px;
	top:7px;
}

.headimage {
	margin-left: -5px;
	padding-bottom:5px;
}

#references .typ, #references2 .typ {
	margin: 10px 0 0 50px;
}

.examples { 
	color:#fff;
	position:absolute;
	float:right;
	width:267px;
	height:415px;
	right:54px;
	top:3px;
}

.examples li { 
 	list-style: none;
}

#portfolio {
margin:0;
padding:0;
}

#footer {
margin:0 auto;
font-size:0.8em;
color:#AAA;
position:absolute;
bottom: 3px;
text-align:center;
width:99%;
}