@charset "utf-8";

@import url('../fonts/fonts.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	font-family:'Tahoma';
	margin:0px;
	background:url(../images/left_bg.png) left top repeat-x;
}
#outer{
width:100%;
float:left;
background:url(../images/bg_container_top.png) center top no-repeat;
padding-top:13px;
margin-top:9px;
}
#main_bg{
float:left;
width:100%;
background:url(../images/container_middle.png) center top repeat-y;
}

#container{
width:995px;
margin:0 auto;
}
#header{float:left; width:100%;}
#header #logo{float:left; width:200px;}
#header #logo a{ float:left; background:url(../images/hostla_logo.png) left top no-repeat; width:174px; height:47px; text-indent:-100000px;}

#header #navigation{float:left; position:relative; top:-9px;font-family: 'DINPro-BoldRegular';}
#header #navigation ul li{float:left; display:inline; padding-left:18px;}
#header #navigation ul li a{float:left; text-decoration:none; color:#560362; padding-top:19px; padding-left:15px; padding-right:15px;}
#header #navigation ul li a:hover{color:#02B1DE; border-top:solid 4px #02B1DE; padding-top:15px; padding-left:15px; padding-right:15px}
#header #navigation ul li.current a{color:#02B1DE; border-top:solid 4px #02B1DE; padding-top:15px; padding-left:15px; padding-right:15px}

#header_middle{float:left; width:100%}
#header_middle #header_middle_left{float:left; width:776px;}
#header_middle #header_middle_right{float:left; width:206px; background:url(../images/dm_bg.png) left top no-repeat; height:217px; padding-left:13px; padding-top:05px;}

#header_middle #header_middle_right h1{font-family: 'CoconRegular'; color:#FFFFFF; font-size:24px; padding-bottom:10px; font-weight:lighter}
#header_middle #header_middle_right p{font-family:'Tahoma'; font-size:10px; color:#FFFFFF; padding-bottom:10px;}
#header_middle #header_middle_right p.bottom_dm{padding-top:10px;}
#header_middle #header_middle_right input[type="text"]{float:left; background:url(../images/text_input.png) left top no-repeat; width:178px; height:23px; border:none; font-family:'Tahoma'; color:#560362; padding:3px 10px 4px 10px; margin:0px;vertical-align:top}
#header_middle #header_middle_right ul li{display:inline; list-style-type:none;font-family:'Tahoma'; font-size:10px; color:#FFFFFF; float:left; height:40px; padding-top:20px;}
#header_middle #header_middle_right ul li.first{width:92px; padding-top:25px; height:35px;}
#header_middle #header_middle_right ul li select{border:solid 1px #ABADB3; color:#560362;}

#content_dk{float:left; width:100%;}
#content_dk #content_dk_left{ float:left; width:776px;}
#content_dk #content_dk_right{float:left; width:0px;}
#content_dk #content_dk_right #content_dk_bottom{border-left:solid 1px #E6E6E6; float:left;width:218px;}
#content_dk #content_dk_right #content_dk_bottom h1{float:left; background:url(../images/h1_bg.png) left top repeat-x; height:32px; line-height:32px; width:208px; padding-left:10px; color:#5C5C5C; font-family: 'CoconRegular'; font-size:20px; font-weight:lighter}

#content_dk #content_dk_right #content_dk_bottom h2{ float:left; font-family:'Tahoma'; font-weight:bold; background:url(../images/h2_bg.png) left top repeat-x; height:32px; line-height:32px; width:208px; color:#5C5C5C; padding-left:10px; font-size:14px;border-top:solid 1px #E6E6E6}

#content_dk #content_dk_right #content_dk_bottom p{float:left; padding:10px; font-size:10px; line-height:15px;}
#content_dk #content_dk_right #content_dk_bottom .linker{width:218px; text-align:right; padding-bottom:20px;}
#content_dk #content_dk_right #content_dk_bottom .linker a{color:#02B1DE; text-decoration:none; font-size:10px; padding-right:13px; background:url(../images/arrow_link.png) right 5px no-repeat; margin-right:13px;}
#content_dk #content_dk_right #purple{float:left; background:#560362; padding-bottom:110px; position:relative; width:219px;}
#content_dk #content_dk_right #purple h1{ float:left; background:url(../images/right_purple_line.png) left top repeat-x; width:209px; height:32px; line-height:32px; padding-left:10px; font-size:20px; color:#FFFFFF; font-family: 'CoconRegular';}
#content_dk #content_dk_right #purple p{float:left; color:#FFF; line-height:15px; padding:10px; font-size:10px; font-family:'Tahoma'; width:180px;}
#content_dk #content_dk_right #purple span.support_icon{float:left; background:url(../images/icon_1.png) left top; width:53px; height:49px; position:absolute; display:block; text-indent:-1000000px; left:164px; top:3px;}
#content_dk #content_dk_right #purple span.storingen_icon{float:left; background:url(../images/icon_2.png) left top; width:51px; height:44px; position:absolute; display:block; text-indent:-1000000px; left:164px; top:135px;}


#content_dk #content_dk_left #content_top{float:left; background:url(../images/content_top_bg.jpg) left top no-repeat; width:752px; padding-top:50px; font-size:10px; margin-top:20px; margin-left:13px; color:#560362}
#content_dk #content_dk_left #content_top p{width:465px; line-height:20px; font-family:'Tahoma'; padding-left:15px;}
#content_dk #content_dk_left #content_top p.p2{padding-top:30px; padding-bottom:10px;}
#content_dk #content_dk_left #content_top p.p2 span{color:#02B1DE; font-weight:bold;}

.pkg_1{float:left; width:244px; margin-left:13px; margin-top:5px;}
.pkg_1.pk1{background:url(../images/pk1.png) left top no-repeat}
.pkg_1.pk2{background:url(../images/pk2.png) left top no-repeat; margin-left:10px;}
.pkg_1.pk3{background:url(../images/pk3.png) left top no-repeat; margin-left:10px;}

.pkg_1 h1{font-family: 'CoconRegular'; color:#560362; font-size:30px; line-height:48px; padding-left:10px; width:234px; float:left}
.pkg_1 h1 span{ font-size:10px;padding-right:10px; font-family:'Tahoma'; float:right}
.pkg_1 h1 span.lft{float:left; font-size:30px;font-family: 'CoconRegular';}
.pkg_1 h1 span a{text-decoration:none; color:#560362;}

.pkg_1 p{font-size:10px; font-family:'Tahoma'; color:#560362; padding-left:10px; line-height:20px;}
.pkg_1 input[type="image"]{float:left; margin-left:10px; margin-top:25px;}


#footer_container{width:999px; margin:0 auto;}
#footer_container #footer_bottom_corner{float:left; background:url(../images/footer_bottom.png) center bottom no-repeat; padding-bottom:9px; width:999px;}
#footer_container #footer_shadow{float:left; background:url(../images/container_middle.png) left top repeat-y; padding-left:3px; padding-right:2px;width:994px;}
#footer{float:left; background:#02B1DE url(../images/footer_bg.png); width:100%}
#footer .footer_pkg{float:left; width:188px; padding-left:10px; background:url(../images/footer_seperator.png) right 10px no-repeat; height:110px;}
#footer .footer_pkg.last{background:none;}
#footer .footer_pkg h1{font-family: 'DINPro-RegularRegular'; color:#FFF; font-size:26px;}
#footer .footer_pkg ul li{list-style-type:none; line-height:20px;}
#footer .footer_pkg ul li a{color:#FFF; text-decoration:none; font-size:11px; font-family:'Tahoma'; }

#footer_bottom{float:left; padding-left:3px; padding-right:2px;width:994px;font-family: 'DINPro-BoldRegular'; font-size:11px; padding-top:10px; padding-bottom:10px; }

#footer_bottom #footer_bottom_left{float:left; width:200px;}
#footer_bottom #footer_bottom_left h1{float:left; font-size:25px; color:#9F9F9F; background:url(../images/footer_world.png) left top no-repeat; padding-left:30px;}
#footer_bottom #footer_bottom_left h1 span{font-size:11px;}
#footer_bottom #footer_bottom_right{float:left; text-align:right; width:788px; color:#9F9F9F; padding-top:08px; }
#footer_bottom #footer_bottom_right a{text-decoration:none; color:#9F9F9F;}
#footer_bottom #footer_bottom_right span{color:#03BAE9}


/*         PAGE 2 Content CSS               */
/*
#content_dk #content_dk_left #content_dk_top{float:left; background:url(../images/hosting_top_content.png) left top no-repeat; width:752px; height:246px; margin-left:13px;margin-top:10px;} */

#content_dk #content_dk_left #content_dk_top{float:left; width:752px; margin-left:13px;margin-top:10px;margin-bottom:10px;border:1px solid #E6E6E6;-moz-border-radius:7px;-webkit-border-radius:7px;}

#content_dk #content_dk_left #content_dk_top h1{color:#560362; font-size:20px; font-weight:lighter; font-family: 'CoconRegular'; padding-bottom:10px; padding-left:10px; padding-top:5px;}
#content_dk #content_dk_left #content_dk_top p{ float:left;width:650px; font-size:11px; line-height:20px;color:#000000; padding-left:10px;}
.contact { float:left;font-size:11px; line-height:20px;color:#000000; padding-left:10px;}
#content_dk #content_dk_left #content_dk_hosting{float:left; width:752px; background:url(../images/hosting_bg.png) left top repeat-y; margin-left:13px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle{float:left; width:100%; background:url(../images/hosting_top_rpt.png) repeat-x}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft{float:left; background:url(../images/hosting_left_top.png) left top no-repeat; width:100%}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt{float:left; background:url(../images/hosting_right_top.png) right top no-repeat; width:752px}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_first{float:left; width:148px; padding-left:10px; padding-top:05px; border-right:solid 1px #E6E6E6}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_first ul li{list-style-type:none; line-height:25px; font-size:11px; font-weight:bold}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_first ul li.head{color:#560362;font-family: 'CoconRegular';font-size:30px; line-height:40px; font-weight:lighter}

#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all{float:left; width:85px; padding-left:10px; padding-top:05px; border-right:solid 1px #E6E6E6}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all ul li{list-style-type:none; line-height:25px; font-size:11px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all ul li.head{color:#560362;font-family: 'Arial';font-size:14px; line-height:40px; font-weight:bold}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.md{width:95px;padding-left:0px; padding-top:0px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.md ul li.head{color:#00CCED; padding-left:10px; background:none; padding-top:05px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.md ul li{background:#ECECEC; padding-left:05px;}

#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.md ul li.last{
padding-left:10px;
}

#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.mid{
width:102px;
}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.mid ul li.last{padding-left:10px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all.lst{border:none}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all ul li.last{ line-height:12px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_all ul li.lki{line-height:05px;}
#content_dk #content_dk_left #content_dk_hosting #content_dk_middle #content_dk_lft #content_dk_rlt .lt_first ul li.lki{line-height:11px;}

#content_dk #content_dk_left #content_dk_hosting_lt{float:left; background:url(../images/hosting_bottom_lt.png) left bottom no-repeat;}
#content_dk #content_dk_left #content_dk_hosting_rt{float:left; background:url(../images/hosting_bottom_rt.png) right bottom no-repeat;}
#content_dk #content_dk_left #content_dk_hosting_mk{float:left; border-bottom:solid 1px #E6E6E6}

.standaardpakket-links {float:left;width:370px;}
.standaardpakket-rechts {float:right;width:370px;}
.meer-webhosting {float:left;width:750px;}
.faq {width:650px;float:left;font-size:11px;}

#content_dk_left a:link, a:active, a:visited {
	color: #560362;
	text-decoration: none; }

a:hover {
	color: #9B09B0;
	font-weight: bold;
	text-decoration: none; }

.trtabel {
  font-size:11px;
  line-height:20px;
  color:#000000;
  float:left;
  margin-bottom:20px;
margin-top:20px;
margin-left:45px;
border:1px solid #eeeeee;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.tr1 {
    font-weight:bold;
    padding-left:20px;
    padding-top:5px;
    text-align:left;
}

.tr2 {
    font-weight:bold;
}

.trtabel-ssl {
  font-size:11px;
  line-height:20px;
  color:#000000;
  float:left;
  margin-bottom:20px;
margin-top:20px;
margin-left:15px;
border:1px solid #eeeeee;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}



.table-da {
 float:left;
}
.table-da-left {
 float:left;
 width:350px;
}
.table-da-right {
 float:right;
}

.orderbuttoncenter {
  float:left;
  text-align:center;
  width:750px;
  margin-top:-5px;
padding-bottom:10px;
}

.faq-hidden {
  width:600px;
  float:left;
  margin-left:10px;
}

.extentie {
  width:105px;
}

.contactform {
float:left; width:600px; font-size:11px; line-height:20px;color:#000000; padding-left:10px; vertical-align: middle;
}

.velden {
margin: 2px;
}

.bottom_dm a {
color:#FFFFFF;
}

#footer_bottom_left a {
  text-decoration:none;
}
