@charset "utf-8";


body {
/*background-color: #F09; */

}

.class {
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Moderne Browser */
opacity: 0.5;
/* IE 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
}


html,body,div,h2,img {margin:0;padding:0;border:none;}
 
html {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}
h1 {    text-align:center;}
#container {
margin:100px auto;
width:909px;
}
#container div {
margin-right:3px;
float:left;
width:296px;
height:130px;
border:1px solid #999;
position:relative;
z-index:500;
overflow:hidden;
}
#container img {
position:absolute;
z-index:500;
}




#header {
	height: 80px;
	width: 101%;
	border-bottom-width: 3,5px;
	border-bottom-style: solid;
	border-bottom-color: #a6a6a6;
	margin-bottom: -50px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	float: left;
	margin-top:-25px;
}


.portfolio {
	margin-top:30px;
	margin-left: 208px;
}

/* !!!!!!!! NAVIGATIONSSTYLE !!!!!!!!  */
#navi_top {
	height: 25px;
	width: 999px;
	margin-top: 40px;
	margin-left: -100px;
	padding-left: 0px;
	
}
#navi_top ul {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}


#navi_top ul li {
	float: left;
	margin-left: 120px;
}
#navi_top ul li a {
	font-family: Verdana;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}


#navi_top ul li a.standpunkt {
	color: #60c5c3;
}
#navi_top ul li a:hover {
	color: #a6a6a6;
}


#navi_top ul .home {
	margin-left: 100px;
	
}


/* !!!!!!!! ENDE NAVIGATIONSSTYLE !!!!!!!!  */

/* !!!!!!!! ANFANG WRAPPER !!!!!!!!  */

#wrapper {
	width: 909px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:-439px;
	height: 600px;
	list-style-type: none;
}

#wrapper .hg {
	position: relative;
	width: 100%;
	height: 101%;
	z-index:20px;
}
#ichbin  {
	
	position: absolute;
	top: 240px;
	z-index:200;
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	z-index: 5000;
	color: #666;
	float:left;
}

/*.mein_bild {
	position:absolute;
	top: 282px;
	left:-20px;
	z-index:2000;
	float:left;
}	*/




#right {
	position:relative;
	width:310px;
	z-index: 1000;
	left: 570px;
	top: 50px;
	margin-right:50px;
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	color: #60c5c3;
	
}

.ueberschrift_projekte  {
	font-family:Verdana;
	font-size:16px;
	line-height:26px;
	color: #60c5c3;
	margin-bottom: 20px;
	border-bottom: inset #666 1.5px;
}

.verantwortung {
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height:20px;
	margin-bottom:15px;
	color:#666;
			
	}
	
	




.skyline {
	position: relative;
	left:-550px;
	top:29.5px;
	
}


#linie {
	
	position: absolute;
	width: 101%;
	height: 640px;
	z-index: 50;
	top:200px;
	background-image: url(../images/wrapper_hg_test.png);
}

.impressum {
	position: relative;
	z-index: 600;
	top: 20px;
	left:0px;
	list-style-type: none;
	color:#FFF;	
	
}


#hallo{
	position:relative;
	margin-left:-570px;
	margin-top:45px;
	z-index:100;
	color:#60c5c3;
	font-size:14px;
	}
	
#mail{
	
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color:#60c5c3;
	
}