/* CSS Document */
body{
	padding:0px; 
	margin:0px; 
	background:#ffffff; 
	color:#6f6f6f; 
	font:10px/14px Tahoma, sans-serif;
	
}

div, p, ul, h2, h3, h4, img{
	padding:0px; 
	margin:0px;
}

img{
	border: none;
}

ul{	
	list-style-type:none;
}

a:link{
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#0099cc;
	text-decoration:none;
	text-decoration:none;
}

a:hover, a:visited{
	color:#4aafdc;
	text-decoration:none;
}


#mainbody {
    height: 100px;
    left: 50%;
    line-height: 100px;
    margin-left: -300px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 600px;
}

/*  TOP HEADER  */

#topheader{	
	height:120px; 
	width:770px; 
	background:url(../images/topline.jpg) 0 0 no-repeat; 
	margin:0 0 0 5px; 
	position:relative; 
	padding:0px;
} 

#topheader img{
	height:68px; 
	width:250px; 
	position:absolute; 
	top:30px; 
	left:23px;
	border: none;
}

#topheader ul {
	height:33px; 
	position:absolute; 
	top:47px; 
	left:404px; 
	background:url(../images/lines_m.jpg) 0 0 no-repeat;
}
	
#topheader ul li{float:left}

#topheader ul li.home{	
	width:62px; height:17px; margin-right:22px
}

#topheader ul li.home a{
	width:62px; height:17px; display:block; background:url(../images/btn_home.jpg) 0 0 no-repeat; text-indent:-20000px;
}

#topheader ul li.home a:hover{
	width:62px; height:17px; background:url(../images/btn_home_over.jpg) 0 0 no-repeat;
}

#topheader ul li.portraet{
	width:79px; height:17px; margin-right:22px
}

#topheader ul li.portraet a{
	width:79px; height:17px; display:block; background:url(../images/btn_portraet.jpg) 0 0 no-repeat; text-indent:-20000px;
}

#topheader ul li.portraet a:hover{
	width:79px; 
	height:17px; 
	background:url(../images/btn_portraet_over.jpg) 0 0 no-repeat;
}


#topheader ul li.projekte{
	width:81px; 
	height:17px; 
	margin-right:19px
}

#topheader ul li.projekte a{
	width:81px; 
	height:17px; 
	display:block; 
	background:url(../images/btn_projekte.jpg) 0 0 no-repeat; 
	text-indent:-20000px;
}

#topheader ul li.projekte a:hover{
	width:81px; 
	height:17px; 
	background:url(../images/btn_projekte_over.jpg) 0 0 no-repeat;
}

#topheader ul li.kontakt{
	width:79px; height:17px;
}

#topheader ul li.kontakt a{
	width:79px; 
	height:17px; 
	display:block; 
	background:url(../images/btn_kontakt.jpg) 0 0 no-repeat; 
	text-indent:-20000px;
}

#topheader ul li.kontakt a:hover{
	width:79px; 
	height:17px; 
	background:url(../images/btn_kontakt_over.jpg) 0 0 no-repeat;
}

/* TOP BACK */

#topback{
	height:150px; 
	width:770px; 
	background:url(../images/main_back.jpg) 0 0 no-repeat; 
	margin:0;
	border-right: 5px solid #0099cc; 
	position:relative; 
	padding:0px;
}


/*  BODY PAN */

#bodypan{
	width:770px; 
	margin:0 0 0 0; 
	position:relative; 
	padding:0px;
}

.column{
	width:219px; 
	margin:18px 0 0 19px; 
	position:relative; 
	padding:0px; 
	float:left
}


.column h2{
	width:219px; 
	height:27px; 
	border-bottom:#eee 1px solid;
}


.column ul{
	width:215px; 
	margin:0 0 0 4px;
}

.column ul li.arrow{
	background:url(../images/arrow2.jpg) 0 6px no-repeat; 
	height:16px; 
	padding:0 0 0 16px; 
	font:11px/14px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#0099cc; 
	margin-top:14px;
	font-weight:bold;
	}
	
.column ul li{
	background:none; 
	padding:0 0 0 16px;
}

.column ul li span {
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	color:#87cfe7;
}

.column span{
	float: left;
	margin-top: 10px;
	color:#4aafdc;
	width:250px;
}


.column p{
	float: left;
	width:220px;
}



#middlepan{
	width:212px; 
	margin:18px 0 0 31px; 
	position:relative; 
	padding:0px; 
	float:left
}


#middlepan h3{
	width:212px; 
	height:76px; 
	background:url(../images/img1.jpg) 0 0 no-repeat; 
	text-indent:-20000px; 
	margin:0 0 12px 0;
}




#rightpan #img01{	
	background:url(../images/img2.jpg) 0 0 no-repeat; 
	min-height:76px; 
	padding:0 0 0 89px; 
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin-top:12px
}

#rightpan #img02{
	background:url(../images/img3.jpg) 0 0 no-repeat; 
	min-height:76px; 
	padding:0 0 0 89px;
	font:10px/14px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:normal; 
	margin-top:12px
}
	

/*  FOOTER */

#footer{
	width:765px; 
	margin:15px 0 0 0; 
	position:relative; 
	padding:5px; 
	background:#f3f3f3;
	float:left;
}

#footer p{
	margin:0px 0 0 10px; 
	font:10px/18px Tahoma, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	width: 500px;
	float:left;
}
#footer a{
	color:#6f6f6f; 
	text-decoration:none;
}

#footer a:hover, a:visited{

}


#footer #validators{
	float: right;
	position:relative;
}

/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}