/* CSS Document */
body{
	margin: 0px 0px 0px 0px;
	background-color:#D5D5D5;
}
img{
	border:#FFFFFF solid 0px;
	behavior: url("pngbehavior.htc");
}
#bg{
	position: absolute;
	top:50%;
	width:100%;
	height:447px;
	margin-top: -223px; 
}
#bg_linie{
	position:relative;
	top:10px;
	width:100%;
	height:135px;
}
#bg_content{
	position:relative;
	top:10px;
	width:100%;
	height:135px;
}
#ln{
	position: absolute;
	width:67px;
	height:20px;
	left: 139px;
	top: 50px;

}
#main{
	position: absolute;
	top:50%;
	left: 50%;
	width:855px;
	height:600px;
	margin-top: -300px; 
	margin-left: -427px;
}
#bg_content{
	position:absolute;
	top:72px;
	left: 124px;
	width:610px; 
	height:477px;
}

#logo{
	position: absolute;
	left: 0px;
	top: 87px;
	width: 124px;
	height: 135px;
}
#header{
	position: absolute;
	left: 139px;
	top: 87px;
	width: 580px;
	height: 135px;
}

/*Menü*/
#menu{
	position: absolute;
	left:0px;
	top:252px;
	width:129px;
}
#menu a {
        background-repeat:no-repeat;
        background-position:left center;
        height:24px;
        width:129px;
        text-indent: -999em;
        text-decoration: none;
        display:block;
}
#buro:link, #buro:visited {background-image:url(../img/navi/buero.jpg);}
#buro:hover, #buro_clicked {background-image:url(../img/navi/buero_active.jpg);}
#leis:link, #leis:visited {background-image:url(../img/navi/leistungen.jpg);}
#leis:hover, #leis_clicked {background-image:url(../img/navi/leistungen_active.jpg);}
#host:link, #host:visited {background-image:url(../img/navi/hosting.jpg);}
#host:hover, #host_clicked {background-image:url(../img/navi/hosting_active.jpg);}
#refe:link, #refe:visited {background-image:url(../img/navi/referenzen.jpg);}
#refe:hover, #refe_clicked {background-image:url(../img/navi/referenzen_active.jpg);}
#kont:link, #kont:visited {background-image:url(../img/navi/kontakt.jpg);}
#kont:hover, #kont_clicked {background-image:url(../img/navi/kontakt_active.jpg);}
#impr:link, #impr:visited {background-image:url(../img/navi/impressum.jpg);}
#impr:hover, #impr_clicked {background-image:url(../img/navi/impressum_active.jpg);}

#office:link, #office:visited {background-image:url(../img/navi/office.jpg);}
#office:hover, #office_clicked {background-image:url(../img/navi/office_active.jpg);}
#per:link, #per:visited {background-image:url(../img/navi/services.jpg);}
#per:hover, #per_clicked {background-image:url(../img/navi/services_active.jpg);}
#refeen:link, #refeen:visited {background-image:url(../img/navi/referencen.jpg);}
#refeen:hover, #refeen_clicked {background-image:url(../img/navi/referencen_active.jpg);}
#cont:link, #cont:visited {background-image:url(../img/navi/contact.jpg);}
#cont:hover, #cont_clicked {background-image:url(../img/navi/contact_active.jpg);}
#imprint:link, #imprint:visited {background-image:url(../img/navi/imprint.jpg);}
#imprint:hover, #imprint_clicked {background-image:url(../img/navi/imprint_active.jpg);}

/*Content*/
#content{
	position: absolute;
	left:149px;
	top:255px;
	width:560px;
	height:279px;
}
#content_left{
	position:relative;
	width:270px;
	height:279px;
	float: left;
}
#content_right{
	position:relative;
	width:270px;
	height:279px;
	float:right;
}
#clearfloat{
	visibility:hidden;
	clear:both;
}

/*Referenzen*/
div.ref_block{
	position:relative;
	width:165px;
	height:200px;
	float: left;
	padding-left:16px;
}
p.ref_text{
	margin: 0px 0px 0px 6px;
}
#footer{
	position: absolute;
	left:139px;
	top:549px;
	width:480px;
	height:11px;
}

/*Popup*/
#popup_header{
	width:300px;
	height:119px;
}
.popdiv_top{
	background-image:url(../img/hosting/div_top.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:7px;
}
.popdiv_middel{
	padding-left:10px;
	background-image:url(../img/hosting/div_middel.jpg);
	background-repeat:repeat-y;
	width:290px;
}
.popdiv_bottom{
	background-image:url(../img/hosting/div_bottom.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:7px;
}