/* -------------------------------------------------------------- reset.css -------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
table,td,th{vertical-align:middle}
a img{border:none}

/* -------------------------------------------------------------- typography.css -------------------------------------------------------------- */
body{ font-size:75%;  color:#222;  background:#4D1C0F;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#474a51}
h1{font-size:1.9em; line-height:1; margin-bottom:0.5em}
h2{font-size:1.5em; margin-bottom:0.5em}
h3{font-size:1.25em; line-height:1; margin-bottom:0.5em}
h4{font-size:1.1em; line-height:1.25; margin-bottom:1.25em; height:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img{ margin:0}
p{margin:0 0 1.5em}
p img{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}
.clear{clear:both; line-height:0}
a:focus, 
a:hover{color:#000}
a{color:#009; text-decoration:underline}
strong{font-weight:bold}
sup, sub{line-height:0}
abbr, 
acronym{border-bottom:1px dotted #666}
del{color:#666}
pre, code{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}
li ul, 
li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}
table{margin-bottom:1.4em; width:100%}
th{font-weight:bold; background:#C3D9FF; border-bottom:1px solid #8399BF}
th, td{padding:4px 10px 4px 5px}
tr.even td{background:#E5ECF9}
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.highlight{background:#ff0}

/* -------------------------------------------------------------- forms.css -------------------------------------------------------------- */
label{clear:both; font-weight:normal}
fieldset{padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend{font-weight:bold; font-size:1.2em}
input, textarea, select{ background:#fff;  border:1px solid #bbb;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:100%;  margin:0;  width:200px}
input:focus, textarea:focus, select:focus{ border:1px solid #666}
input.textbox, 
input.title{width:300px; padding:2px}
input.title{font-size:1.5em}
textarea{width:390px; height:250px; padding:5px}
label.checkbox input, 
label.radio input{ border:none;  background:transparent;  width:auto}
.error, 
.notice, 
.success{padding:.8em; margin-bottom:1em; border:2px solid #ddd}
.error{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4}
.notice{background:#FFF6BF; color:#514721; border-color:#FFD324}
.success{background:#E6EFC2; color:#264409; border-color:#C6D880}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}
label{display:block; padding:5px}
label span.label{display:block; float:left; padding:2px 5px 2px 2px; text-align:right; width:150px}
label.checkbox span.label{display:inline; float:none; padding:0 3px; text-align:left; width:auto}
input.button{background:#B2141D url('/media/images/buttonback.gif') repeat-x; border:1px solid #8A0F18; clear:both; color:#fff; cursor:pointer; font:normal 1em/22px "Helvetica Neue",Helvetica,Arial,sans-serif; height:22px; margin-left:160px; padding:0 5px; width:auto}

/* -------------------------------------------------------------- layout.css -------------------------------------------------------------- */
div#container{margin:0 auto; width:950px}
div#head{background:#2E0508 url('/media/images/head_back.gif') repeat-x; height:60px}
div#head img{float:left; margin-left:20px}
div#tools{float:right; margin-right: 20px; width: 117px; }
div#tools p{font-size:95%; line-height: 12px; margin:0; text-align: right; }
div#tools a{color:#fff; padding-left:8px; text-decoration:none}
div#tools a:hover{text-decoration:underline}
a#tools_redfrog { background: transparent url('/media/images/redfrog.gif') no-repeat; display: block; height: 12px; margin: 6px 0 0 0; width: 117px; }
a#tools_redfrog span { display: none }
div#inline_sitemap{background:#2E0508; display:none; float:left; height:140px; padding:0 25px; width:900px}
div#inline_sitemap div.column{float:left; width:300px}
div#inline_sitemap ul{list-style:none; margin:0}
div#inline_sitemap ul li{margin-bottom:1em}
div#inline_sitemap ul a{color:#fff; display:inline; font-size:1.2em; font-weight:bold; text-decoration:none}
div#inline_sitemap ul ul{margin-left:10px}
div#inline_sitemap ul ul li{margin:0}
div#inline_sitemap ul ul a{color:#DFDBDA; font-size:1em; font-weight:normal}
div#inline_sitemap ul ul a:hover{color:#fff; text-decoration:underline}
div#sitenav{background:#2E0508; clear:both; height:34px; position:relative}
div#content{background:#fff; clear:both}
div#featuring{height:220px}
div#tekst{padding:25px}
div#tekst p{line-height:1.6em}
div#footer{clear:both}
div#quicklinks{background:#2E0508 url('/media/images/quick_back.gif') repeat-x; height:95px}
div#quicklinks div.block{float:left; font-size:90%; padding:5px 20px; width:197px}
div.block h3{color:#fff; font-size:120%; font-weight:bold; line-height:16px}
div.block ul{list-style:none; margin:0}
div.block ul li{background:transparent url('/media/images/quick_bullet.gif') no-repeat 0 4px; padding-left:12px}
div.block a{color:#eee; text-decoration:none}
div.block a:hover{text-decoration:underline}
div.block p{color:#eee}
div#one h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px 0px; padding-left:20px}
div#two h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -32px; padding-left:20px}
div#three h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -16px; padding-left:20px}
div#four h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -48px; padding-left:20px}
div#copyright{margin-top:15px; text-align:center}
div#copyright p{color:#ddd; font-size:90%; margin:0 0 0.2em 0}
div#copyright a{color:#eee; text-decoration:underline}
div#copyright a:hover{color:#fff}
body#home div#featuring{background:#fff url('/media/images/feature_1.gif') no-repeat; position:relative}
body#home div#featuring h1, body#home div#featuring h2, body#home div#featuring span{display:none}
body#home div#featuring a{background:transparent url('/media/images/button_meer.gif') no-repeat; display:block; float:left; height:28px; margin:170px 0 0 23px; width:98px}
body#home div#featuring div.feature{font-size:0.9em; left:695px; position:absolute; width:200px}
body#home div#featuring div.feature strong{}
body#home div#featuring div.feature p{margin:0}
body#home div#featuring div#f1{top:28px}
body#home div#featuring div#f2{top:88px}
body#home div#featuring div#f3{top:148px}
body#home div#column_one{float:left; padding-right:25px; width:285px}
body#home div#column_one h1{background:#fff url('/media/images/logo_heading.gif') no-repeat; height:36px; width:229px}
body#home div#column_one h1 span{display:none}
body#home div#column_two{float:left; padding-right:25px; width:305px}
body#home div#column_three{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:205px; position:relative; width:260px}
body#home div#column_three h3{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; margin:0; padding:15px; text-align:center}
body#home div#column_three ul{font-size:1.1em; list-style:none; margin:0; padding:0 25px}
body#home div#column_three ul li{padding:7px 0 7px 28px}
body#home div#column_three ul li#feature_php{background:transparent url('/media/images/icon_php.gif') no-repeat left center}
body#home div#column_three ul li#feature_spam{background:transparent url('/media/images/icon_spamfilter.gif') no-repeat left center}
body#home div#column_three ul li#feature_plesk{background:transparent url('/media/images/icon_plesk.gif') no-repeat left center}
body#home div#column_three ul li#feature_uptime{background:transparent url('/media/images/icon_uptime.gif') no-repeat left center}
body#froghosting div#featuring{background:#fff url('/media/images/feature_froghosting.gif') no-repeat; height:90px}
body#froghosting div#featuring h1, body#froghosting div#featuring h2{display:none}
body#froghosting div#column_one{float:left; padding-right:25px; width:615px}
body#froghosting div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:205px; position:relative; width:260px}
body#froghosting div#column_two ul{background:transparent url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; list-style:none; margin:0; padding:15px}
body#froghosting div#column_two ul li{background:transparent url('/media/images/icon_arrow.gif') no-repeat left center; padding:2px 20px}
body#pakketten div#featuring{background:#fff url('/media/images/feature_pakketten.gif') no-repeat; height:90px}
body#pakketten div#featuring h1, body#pakketten div#featuring h2{display:none}
body#pakketten div#column_one{float:left; padding-right:25px; width:615px}
body#pakketten div#column_one table{margin:0 auto; width:440px}
body#pakketten div#column_one table tr.bestellen td{padding-top:35px}
body#pakketten div#column_one table th{background:transparent; border-bottom:2px solid #ECE9E8; padding-top:35px; text-align:center}
body#pakketten div#column_one table th.label{border:none}
body#pakketten div#column_one table td{text-align:center; padding:4px 10px 4px 10px}
body#pakketten div#column_one table td.label{padding-right:15px; text-align:right}
body#pakketten div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:185px; position:relative; width:260px}
body#pakketten div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#domeinregistratie div#featuring{background:#fff url('/media/images/feature_domeinregistratie.gif') no-repeat; height:90px}
body#domeinregistratie div#featuring h1, body#domeinregistratie div#featuring h2{display:none}
body#domeinregistratie div#column_one{float:left; padding-right:25px; width:615px}
body#domeinregistratie div#column_one table{border-left:1px solid #ECE9E8; border-top:1px solid #ECE9E8}
body#domeinregistratie div#column_one tr td{border-bottom:1px solid #ECE9E8; border-right:1px solid #ECE9E8; font-size:0.9em; text-transform:lowercase}
body#domeinregistratie div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:265px; position:relative; width:260px}
body#domeinregistratie div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#domeinregistratie div#column_two h3{padding:0 15px; text-align:center}
body#domeinregistratie div#column_two dl{padding:0 63px}
body#domeinregistratie div#column_two dl dt{float:left; width:50px}
body#domeinregistratie div#column_two dl dd{}
body#aanvragen div#featuring{background:#fff url('/media/images/feature_aanvragen.gif') no-repeat; height:90px}
body#aanvragen div#featuring h1, body#aanvragen div#featuring h2{display:none}
body#aanvragen div#column_one{float:left; padding-right:25px; width:615px}
body#aanvragen div#column_one h3{border-bottom:1px solid #DFDBDA; margin:15px 0 10px 0; padding-bottom:4px}
body#aanvragen div#column_one input.button{margin-top:15px}
body#aanvragen div#column_one strong{color:#8a1f11}
body#aanvragen div#column_one label.checkbox strong{clear:both; display:block; padding-left:19px}
body#aanvragen div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:125px; position:relative; width:260px}
body#aanvragen div#column_two p{background:transparent url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#contact div#featuring{background:#fff url('/media/images/feature_contact.gif') no-repeat; height:90px}
body#contact div#featuring h1, body#contact div#featuring h2{display:none}
body#contact div#column_one{float:left; padding-right:25px; width:615px}
body#contact div#column_one h3{border-bottom:1px solid #DFDBDA; margin:15px 0 10px 0; padding-bottom:4px}
body#contact div#column_one input.button{margin-top:15px}
body#contact div#column_one strong{color:#8a1f11}
body#contact div#column_one label.textarea strong{margin-left:160px}
body#contact div#column_one label.checkbox strong{clear:both; display:block; padding-left:19px}
body#contact div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:175px; position:relative; width:260px}
body#contact div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#contact div#column_two dl{font-size:0.95em; margin:0; padding:0 15px}
body#contact div#column_two dl dt{background:transparent url('/media/images/phone.png') no-repeat 0px 6px; clear:both; float:left; margin:0; padding:3px 0 3px 18px; width:65px}
body#contact div#column_two dt#fax{background:transparent url('/media/images/fax.png') no-repeat 0px 6px}
body#contact div#column_two dt#email{background:transparent url('/media/images/email.png') no-repeat 0px 6px}
body#contact div#column_two dd{padding:3px 0}
body#handleidingen div#featuring{background:#fff url('/media/images/feature_handleidingen.gif') no-repeat; height:90px}
body#handleidingen div#featuring h1, body#handleidingen div#featuring h2{display:none}
body#handleidingen div#column_one{float:left; padding-right:25px; width:615px}
body#handleidingen div#column_one div.handleiding{background-color:#fff; border-top:1px solid #DFDBDA; border-bottom:1px solid #DFDBDA; margin:0 0 15px 0; padding:15px 2px; width:310px}
body#handleidingen div#column_one div.handleiding h3{margin:0}
body#handleidingen div#column_one div.handleiding p{margin:0}
body#handleidingen div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:175px; position:relative; width:260px}
body#handleidingen div#column_two p{background:transparent url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#over_ons div#featuring{background:#fff url('/media/images/feature_overons.gif') no-repeat; height:90px}
body#over_ons div#featuring h1, body#over_ons div#featuring h2{display:none}
body#over_ons div#column_one{float:left; padding-right:25px; width:615px}
body#over_ons div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:175px; position:relative; width:260px}
body#over_ons div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#over_ons div#column_two dl{font-size:0.95em; margin:0; padding:0 15px}
body#over_ons div#column_two dl dt{background:transparent url('/media/images/phone.png') no-repeat 0px 6px; clear:both; float:left; margin:0; padding:3px 0 3px 18px; width:65px}
body#over_ons div#column_two dt#fax{background:transparent url('/media/images/fax.png') no-repeat 0px 6px}
body#over_ons div#column_two dt#email{background:transparent url('/media/images/email.png') no-repeat 0px 6px}
body#over_ons div#column_two dd{padding:3px 0}
body#sitemap div#column_one{float:left; width:33%}
body#sitemap div#column_two{float:left; width:33%}
body#sitemap div#column_three{float:left; width:33%}
body#sitemap div#content ul{list-style:none; margin:0}
body#sitemap div#content ul li{margin-bottom:1em}
body#sitemap div#content ul a{color:#E51E27; display:block; font-size:1.2em; font-weight:bold; text-decoration:none}
body#sitemap div#content ul ul{margin-left:10px}
body#sitemap div#content ul ul li{margin:0}
body#sitemap div#content ul ul a{color:#222; font-size:1em; font-weight:normal}
body#sitemap div#content ul ul a:hover{color:#000; text-decoration:underline}
body#disclaimer div#featuring, body#privacy div#featuring, body#anti_spam div#featuring, body#sitemap div#featuring, body#voorwaarden div#featuring{height:90px}
body#disclaimer div#featuring h1, body#disclaimer div#featuring h2, 
body#privacy div#featuring h1, body#privacy div#featuring h2, 
body#anti_spam div#featuring h1, body#anti_spam div#featuring h2, 
body#sitemap div#featuring h1, body#sitemap div#featuring h2, 
body#voorwaarden div#featuring h1, body#voorwaarden div#featuring h2{display:none}
body#disclaimer div#column_one, body#privacy div#column_one, body#anti_spam div#column_one, body#voorwaarden div#column_one{float:left; padding-right:25px; width:615px}
body#disclaimer div#column_two, body#privacy div#column_two, body#anti_spam div#column_two, body#voorwaarden div#column_two{float:left; width:260px}
body#disclaimer div#featuring{background:#fff url('/media/images/feature_disclaimer.gif') no-repeat}
body#privacy div#featuring{background:#fff url('/media/images/feature_privacy.gif') no-repeat}
body#anti_spam div#featuring{background:#fff url('/media/images/feature_antispam.gif') no-repeat}
body#sitemap div#featuring{background:#fff url('/media/images/feature_sitemap.gif') no-repeat}
body#voorwaarden div#featuring{background:#fff url('/media/images/feature_voorwaarden.gif') no-repeat}

/* -------------------------------------------------------------- menu.css -------------------------------------------------------------- */
div#sitenav ul, div#sitenav ul ul{font-size:95%; list-style:none; margin:0; padding:0}
div#sitenav ul{left:10px; position:absolute; z-index:100}
div#sitenav ul li{float:left; line-height:1.35em; position:relative; z-index:101}
div#sitenav ul >li li{float:none}
div#sitenav ul a{background-color:#2E0508; color:#fff; display:block; line-height:34px; padding:0 10px; text-decoration:none}
div#sitenav ul a:hover{color:#E51B24}
div#sitenav ul li ul{background-color:#2E0508; position:absolute; left:-999em; width:120px; z-index:102}
div#sitenav ul li:hover ul ul, div#sitenav ul li.sfhover ul ul{display:none; left:-999em}
div#sitenav ul li ul li a{line-height:24px}
div#sitenav ul li:hover ul, div#sitenav ul li li:hover ul, div#sitenav ul li.sfhover ul, div#sitenav ul li li.sfhover ul{top:0; left:-1px; margin-left:100%}
div#sitenav ul li:active ul, div#sitenav ul li:hover ul, div#sitenav ul li.sfhover ul{top:100%; margin-left:0; z-index:102}
div#sitenav{width:100%}