@charset "utf-8";
/* CSS Document */
/*********************************/
/*** Template html setup stuff ***/
/*********************************/


#header {
	width:1000px;
	height:115px;
	background-image:url(../images/site_01.png);
	z-index:1;
}
#bl_gr_left {
	width:148px;
	height:54px;
	background-image:url(../images/site_02.png);
	z-index:2;
}

.content {
	width:703px;
	margin-top:35px;
	margin-left:148px;
	/*border: solid 1px #999999;*/
	background-image:url(../images/site_17.gif);
	z-index:5;
}

.button_menue { 
margin-left:148px;
margin-top:-54px;
width:703px;
	/*position:absolute;*/	
	height:54px;
	background-image:url(../images/buttons.png);
	background-repeat:no-repeat;
	z-index:10;
}
.button1 {
margin-left:148px;
margin-top:-54px;
	width:132px;
	height:54px;
	background-image:url(../images/site_03.png);
	z-index:10;
}
.button_schr{ margin-top:13px; text-align:center; font-size:12px;}

.button2 {
margin-left:132px;
margin-top:-54px;
	width:139px;
	height:54px;
	background-image:url(../images/site_04.png);
	z-index:11;
}
.button3 {
margin-left:440px;
margin-top:-54px;
	width:153px;
	height:54px;
	background-image:url(../images/site_05.png);
	z-index:12;
}
.button4 {
margin-left:584px;
margin-top:-54px;
	width:144px;
	height:54px;
	background-image:url(../images/site_06.png);
	z-index:13;
}
.button5 {
margin-left:719px;
margin-top:-54px;
	width:135px;
	height:54px;
	background-image:url(../images/site_07.png);
	z-index:14;
}
#srv_right {
	/*position:absolute;
	overflow:hidden;*/
	margin-left:703px;
	margin-top:-50px;
	width:149px;
	height:54px;
	background-image:url(../images/site_08.png);
	z-index:15;
}
#srv_dru_right {
	/*position:absolute;*/
	margin-left:851px;
	top:169px;
	width:149px;
	height:285px;
	background-image:url(../images/site_11.png);
	z-index:16;
}
.ks_u_li_lef {
margin-top:-29px;
	/*position:absolute;*/
	margin-left:148px;
/*	top:454px;*/
	width:352px;
	height:29px;
	background-image:url(../images/site_13.png);
	z-index:17;
}
.ks_u_li_re {
	/*position:absolute;*/
	margin-top:-29px;
	margin-left:499px;
/*	top:454px;*/
	width:351px;
	height:29px;
	background-image:url(../images/site_14.png);
	z-index:18;
}
#ks_right {
	margin-top:-30px;
	/*position:absolute;*/
	margin-left:851px;
/*	top:455px;*/
	width:149px;
	height:29px;
	background-image:url(../images/site_15.png);
	z-index:19;
}
.gr_left {
margin-top:-314px;
	width:148px;
	height:285px;
	background-image:url(../images/site_09.png);
	z-index:3;
}

#ks_left {
margin-left:-55px;
margin-left:0px;
	width:148px;
	height:29px;
	background-image:url(../images/site_12.png);
	z-index:4;
}



.picinbox { 	width:703px; height:285px; max-width: 703px;max-height:285px; margin-top:-285px;	margin-left:148px; }
.picinbox img { width:703px; height:285px; max-width: 703px; max-height:285px; background-color: #eee; 
	z-index: 3; 
	overflow:hidden; 
	opacity:0.5;
}



.server_black{
float:right;
width:300px; 
height:83px; 
background-image:url('../images/produkte/webhosting.png');
background-repeat:no-repeat;
}
.bluebox { 
clear:both; 
font-size:12px; font-style:italic;
margin-left:10px;
}
.bluebox_title{ 
clear:both; 
text-align:center;
font-size:15px; 
margin-top:-2px;
color:#FFFFFF;
}
.box{width:290px;}
.box_o{height:32px; background-image:url(../images/box/boxheader.png);}
/*.box_m{height:280px;background-image:url(../images/box/boxmiddle.png);}*/
.box_m{height:200px; width:273px; margin-left:7px; border-left:solid 1px #000000; border-right:solid 1px #000000;}
.box_u{height:15px; background-image:url(../images/box/boxfooter.png);}
.footer { 
	width:1000px;
	height:86px;
	background-image:url(../images/footer.png); background-repeat: no-repeat;
	z-index:9;
}
.footer_txt{ margin-top:8px; color:#000000;}
.footer01{width:703px;margin:0px;text-align:left;}
.bookmark{text-decoration:none;}
.bookmark01{height:16px; width:16px; border:0px;}
.distanz{text-align:center; margin-top:25px; margin-left:25px;font-size: 9px;}
.no_border{border:0;}
/*W3C Conforme tabelle im footer*/
.fw3c{ margin-left:40px; margin-top:4px;}
.fw3c1{height:31px; width:88px; border:0px;}
/*tr wechsel*/
.seitwert{width:88px; height:31px; border:0px;}
.noscript{border:1px #990000 solid;background:#CCCCCC;padding:10px;margin-bottom:1px;}
.right{ float:right; }
.center{ text-align:center;}
.server_pic{ width:41px; height:64px;}
.details-server-packs-ws{ font-size:12px; color:#FFFFFF;}
.clear{clear:both; }
.zahlungsmoeglichkeiten{ width:131px; height:253px; margin-top:210px; background:url('../images/picinbox/zahlungsmoeglichkeiten.png'); background-repeat:no-repeat} 
.webspace_hg{ padding-left:10px; height:203px; width:703px; background:url('../images/box/webspace_hg.jpg') no-repeat;}
.server_hg{ padding-left:10px; height:203px; width:703px; background:url('../images/box/server_hg.png') no-repeat;}
.vserver_hg{ color:#FFFFFF; padding-left:10px; height:203px; width:703px; background:url('../images/box/virtual_server_hg.png') no-repeat;}
.rz{ padding-left:10px; height:203px; width:703px; background:url('../images/box/index_bh.jpg') no-repeat;}
.rz_network{height:128px; width:128px; background:url('../images/box/network_local.png') no-repeat;}
.rz_energie{height:128px; width:128px; background:url('../images/box/cache.png') no-repeat;}
.rz_backup{height:128px; width:128px; background:url('../images/box/backup_drive-harddisk.png') no-repeat;}
.rz_software{height:128px; width:128px; background:url('../images/box/samba.png') no-repeat;}
.margin-left{ margin-left:5px;}

/*Wartungsmodus*/
#hideshow {position: absolute;width: 100%;height: 100%;top: 0;left: 0; }

#fade { 
background : #000; 
position : fixed; 
width : 100%; 
height : 100%; 
opacity :0; 
left : 0; 
z-index : 10; 
}
.popup_block {background: #ddd;padding: 10px 20px;border: 10px solid #fff;float: left;width: 480px;position: fixed;top: 20%;left: 50%;margin: 0 0 0 -250px;z-index: 100;}
.popup_block .popup {float: left;width: 100%;background: #fff;margin: 10px 0;padding: 10px 0;border: 1px solid #bbb;}
.popup h3 {margin: 0 0 10px;padding: 5px 10px;border-bottom: 1px solid #bbb;font-size: 1.5em;font-weight: normal;}
.popup p {padding: 5px 10px;margin: 5px 0;}
.popup img.cntrl {position: absolute;right: -20px;top: -20px;}
.versteckt {visibility:hidden;}

/*AGB Buttons*/
div#all { width: 703px; }
div#inhalt-1, div#inhalt-2, div#inhalt-3,div#news-1,div#news-2{ float: left; width: 234px; }
div#inhalt-1 { width: 234px; }
div#inhalt-2 {  width: 234px; }
div#news-1 { width: 234px; }
div#news-2 { margin-left:30px;width: 430px; }
div#news-2 h3{background:none; color:#434343; border:none; padding:0 0 5px 20px; font:italic bold 25px/25px Verdana, Arial, Helvetica, sans-serif}
div#news-2 h3 span{color:#258eb6}
div#news-2 h3{margin:0 -15px 0 -15px; padding:0 0 10px 10px}

div#impressum-1, div#impressum-2{ float: left; width: 234px; }
div#impressum-1 { width: 24px; }
div#impressum-2 { margin-left:30px;width: 430px;  }
div#impressum-2 h3{background:none; color:#434343; border:none; padding:0 0 5px 20px; font:italic bold 25px/25px Verdana, Arial, Helvetica, sans-serif}
div#impressum-2 h3 span{color:#258eb6}
div#impressum-2 h3{margin:0 -15px 0 -15px; padding:0 0 10px 10px}
div#rz-1, div#rz-2{ float: left; width: 234px; }
div#rz-1 { width: 140px; }
div#rz-2 { margin-left:30px;width: 430px;  }
div#kb-1, div#kb-2{ float: left; width: 234px; }
div#kb-1 { width: 140px; }
div#kb-2 { margin-left:30px;width: 530px;  }
div#glossar-1, div#glossar-2{ float: left; width: 234px; }
div#glossar-1 { width: 140px; }
div#glossar-2 { margin-left:30px; width: 520px;  }
div#whois-1, div#whois-2{ float: left; width: 234px; }
div#whois-1 { width: 300px; }
div#whois-2 { margin-left:30px; width: 360px;  }
div#moni-1, div#moni-2{ float: left; width: 234px; }
div#moni-1 { width: 140px; }
div#moni-2 { margin-left:30px; width: 520px;  }
div.whost-1, div.whost-2{ float: left; width: 234px; }
div.whost-1 { width: 140px; }
div.whost-2 { margin-left:30px; width: 520px;  }
.bild_gr { width:64px; height:64px;}
div.ex-1, div.ex-2{ float: left; width: 234px; }
div.ex-1 { width: 140px; }
div.ex-2 { margin-left:30px; width: 520px;  }
.domain_list { font-size:11px; width: 703px; }
.domain_list, #domain-1, #domain-2, #domain-3, #domain-4 {float: left; font-size:11px; width: 703px; }
.domain_list, #pk_blue {background-color:#3A6DA2; padding:4px; color:#fff; font-weight:bold; background:url('../images/p_boxheadbg.gif') repeat-x top center; font-size:12px; }
.domain_list, #domain-1 div { border:1px solid #fff;width: 234px; height:26px; background-color:#dee6f1  !important; padding:5px 7px 5px 7px;  color:#3d5774; }
.domain_list, #domain-2 div { border:1px solid #fff;width: 436px; background-color:#F3F7FC !important; padding:5px 7px 5px 7px;  text-align:right;}
.domain_list, #domain-3 div { border:1px solid #fff;width: 234px; height:26px; background-color:#dee6f1 !important; padding:5px 7px 5px 7px;  color:#3d5774;}
.domain_list, #domain-4 div { border:1px solid #fff;width: 436px; background-color:#F3F7FC !important; padding:5px 7px 5px 7px;  text-align:right;}

div.Login-1, div.Login-2, div.Login-3,div.Login-4 { float: left; width: 234px; }
div.Login-1 { width: 110px; }
div.Login-2 { margin-left:30px; width: 120px;  }
div.Login-3 { margin-left:30px; width: 120px;  }
div.Login-4 { margin-left:30px; width: 120px;  }
div#footer { clear: left; }

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 5px;
	right: 15px;
	width: 100px;
	height: 32px;
	background: url('fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	/*-ms-interpolation-mode: bicubic;*/
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}


#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}



#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}


#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}