@charset "utf-8";


body {
	
}

.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 {
font:1em Arial, Helvetica, sans-serif;
color:#444;
}
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;
	margin-right: 0px;
}


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

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


#navi_top ul li {
	float: left;
	margin-left: 162px;
}
#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: #a6a6a6;
}
#navi_top ul li a:hover {
	color: #60c5c3;
}


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




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

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

#wrapper .hg {
	position: relative;
	width: 100%;
	height: 101%;
	z-index:20px;
}


	
	
.dubro {
	position: relative;
	top: 206px;
	z-index:200;
}	
	
.skyline {
	position: relative;
	left: 436px;
	top: 140px;
	z-index: 150;
	padding-bottom: -500px;
}

#footer {
	width: 785px;
	position: relative;
	z-index: 100;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -500px;
}

#linie {
	background-repeat: repeat-x;
	width: 101%;
	height: 622px;
	position: relative;
	z-index0 50;
	top: -060px;
	box-shadow: 0px 3px 5px #a6a6a6;
	background-image: url(../images/wrapper_hg_05_07_13.png);
}


textformatierung für Seite Skills!!!!!!!

#text_about{
	width: 700px;
	float:left;
	margin-left:auto;
	padding:0;
	
}


#content{
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	width: 100%;
	height: 475px;
	margin-top: 50px;
	color: #666;
	position: relative;
	z-index: 400;
}

#content p{
	margin:0;
	padding:0;
	
}
	
p strong {
	color: #60c5c3;
}