/*------------------------------------------------------------------------
RESET
------------------------------------------------------------------------*/

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, strong, 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;
}
/* remember to define focus styles! */
:focus {
	outline:0;
}
body {
	line-height:1;
	color:black;
	background:white;
}
ol, ul {
	list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}

/* end of CSS reset */



/*------------------------------------------------------------------------
LAYOUT
------------------------------------------------------------------------*/

/*general---------------------------------------------------------------*/

body {
	text-align:center;
	font-family:Georgia, "Times new roman", Times, serif;
	color:#424243;
	font-size:13px;
	line-height:1.4em;
}

div#frame {
	position:relative;
	width:964px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
}

/* clearing bugfix */

div#wrapper:after, div#contentheader:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

div#wrapper {display:inline-block;}

/* Hides from IE-mac \*/
* html div#wrapper {height:1%;}
div#wrapper {display:block;}
/* End hide from IE-mac */

/* end of clearing bugfix */

div#wrapper {
	margin:0px 0px 25px 0px;
}

/*header----------------------------------------------------------------*/

div#contentheader {
	background:url(/images/header.jpg) no-repeat left top;
	height:322px;
	width:964px;
	margin:0px 0px 15px 0px;
}

h1 {
	display:none;
}

div#logopl {
	position:absolute;
	top:50px;
	left:18px;
	height:116px;
	width:262px;
	
}

a.logo {
 	border:0px;
}

img#logoimg {
	border:0px;
}
div#intro {
	width:285px;
	position:absolute;
	top:190px;
	left:17px;
}

div#intro h2, div#domainchecker h2 {
	color:#fff;
}

/*domainchecker*/

div#domainchecker, div#intro {
	color:#1c4469;
}

div#domainchecker {
	width:300px;
	position:absolute;
	top:185px;
	right:10px;
}

div#domainchecker span {
	display:block;
	font-size:11px;
	margin:0px 0px 10px 0px;
}

div#domainchecker input.text {
	padding:2px 3px 2px 3px;
	width:90px;
}

div#domainchecker input.button {
	width:85px;
	height:22px;
	margin:0px 0px -2px 2px;
}

/*contact*/

div#contact {
	width:310px;
	position:absolute;
	top:42px;
	right:10px;
	font-size:12px;
}

div#contact dt, div#contact dd {
	display:inline;
}

div#contact dl dt {
	color:#aaa;
}

div#contact dl dd.number {
	letter-spacing:-1px;
}

div#contact h2 {
	margin:0px 0px 3px 0px;
}	

/*contentleft-----------------------------------------------------------*/

div#contentleft {
	width:170px;
	padding:0px;
	float:left;
}

/*menu*/

div#menu li a {
	text-decoration:none;
	color:#393939;
	display:block;
	height:24px;
	width:145px;
	background:url(/images/menu_bg.jpg) repeat-x left top;
	padding:5px 0px 0px 10px;
}

div#menu li.active a, div#menu li a:hover {
	background:url(/images/menu_active_bg.jpg) repeat-x left top;
	color:#fff;
}

/*contentcenter---------------------------------------------------------*/

div#contentcenter {
	width:794px;
	padding:0px;
	float:left;
}

body.home div#contentcenter, body.domeinnaam div#contentcenter {
	width:484px;
}

/*home*/

/*hosting options*/

div#hosting_options {
	margin:0px 0px 20px 0px;
}

div#hosting_options div.hosting_option {
	float:left;
	width:214px;
	padding:7px;
	margin:0px 14px 14px 0px;
	background:url(/images/pakket_bg.jpg) no-repeat #D7E1EA;
}

body.hosting div#hosting_options div.hosting_option {
	margin:0px 55px 35px 0px;
}

body.hosting div#hosting_options div.hostingxxl,
body.hosting div#hosting_options div.allin {
	margin:0px 0px 35px 0px;
}

body.hosting div#hosting_options div.hosting_option ul li{
	list-style-type:disc;
	list-style-position:inside;
	font-size:12px;
}

body.hosting div#hosting_options div.hosting_option ul li.price {
	list-style-type:none;
	list-style-position:outside;
}

body.home div#hosting_options div.even {
	margin-right:0;
}

body.hosting div#hosting_options div.hosting_option li.last_description {
	padding-bottom:15px;
}

body.hosting div#hosting_options div.allin li.last_description,
body.hosting div#hosting_options div.allinplus li.last_description {
	padding-bottom:69px;
}

div#hosting_options div.hosting_option h3 {
	font-weight:normal;
	margin:0px 0px 15px 0px;
}

div#hosting_options div.hosting_option h3 span {
	color:#fff;
}

div#hosting_options div.hosting_option li.description {
	margin:0px 0px 15px 0px;
}

div#hosting_options div.hosting_option li.price {
	padding:0px 0px 15px 0px;
	display:block;
	height:20px;
}

body.hosting div#hosting_options div.hosting_option li.price {
	padding:10px 0px 15px 0px;
}

div#hosting_options div.hosting_option li.price span {
	color:#0086ff;
	font-size:26px;
	padding:0px 10px 0px 0px;
}

div#hosting_options div.hosting_option li.more, div#hosting_options div.hosting_option li.order {
	display:inline;
}

div#hosting_options div.hosting_option a {
	display:block;
	background:url(/images/button_bg.jpg) repeat-x left top;
	border:1px solid #1c4469;
	padding:5px 0px 5px 0px;
	color:#fff;
	text-decoration:none;
	width:102px;
	text-align:center;
	float:left;
}

div#hosting_options div.hosting_option a:hover {
	background:url(/images/menu_bg.jpg) repeat-x left top;
	color:#222;
}

div#hosting_options div.hosting_option li.order a {
	margin:0px 0px 0px 6px;
}

div#hosting_options a.more {
	display:block;
	clear:both;
}

div#hosting_more {
	width:500px;
	float:left;
}

/*hosting*/

body.hosting div#contentcenter table {
	font-size:11px;
}

body.hosting div#contentcenter table th {
	font-size:12px;
}

body.hosting div#contentcenter table td,body.hosting div#contentcenter table td {
	width:60px;
	text-align:center;
}

body.hosting div#contentcenter table th.hosting {
	text-align:center;
}

body.hosting div#contentcenter table td span.yes, body.hosting div#contentcenter table td span.no{
	background:url(/images/icons/icon_tick.gif) no-repeat center center;
	display:block;
}

body.hosting div#contentcenter table td span.no {
	background:url(/images/icons/icon_cross.gif) no-repeat center center;
}

body.hosting div#contentcenter table td span.yes span, body.hosting div#contentcenter table td span.no span, body.eigen-server div#contentcenter table td span.yes span {
	visibility:hidden;
}

body div#contentcenter a.order {
	background:url(/images/icons/icon_cart_add.gif) no-repeat left center;
	padding-left:18px;
}

/*Hosting extra options-----------------------------------------------------*/
body.extraopties div#contentcenter table th {
	font-size:12px;
}


body.extraopties div#contentcenter table tr th {
	text-align:left;
}


body.extraopties div#contentcenter table tr td {
	text-align:left;
}
span.uitbreidinginfo {
	font-size:10px;
}

td.extraprice {
	width:120px;
}


/*domeinnaam*/

div#contentcenter div#domaincheck form label {
	width:40px;
	line-height:2.3em;
}

div#contentcenter div#domaincheck form input.text {
	width:265px;
	padding:2px 3px 2px 3px;
}

div#contentcenter div#domaincheck form select {
	margin:0px 3px 0px 0px;
}

div#contentcenter div#domaincheck form input.button {
	padding:2px 5px 2px 5px;
}

div#contentcenter div#checkerresult ul li.free, div#contentcenter div#checkerresult ul li.taken {
	padding:0px 0px 6px 22px;
	background:url(/images/icons/icon_tick.gif) no-repeat left center;
}

div#contentcenter div#checkerresult ul li.taken {
	background:url(/images/icons/icon_cross.gif) no-repeat left center;
}

/*server*/

div#server p.intro {
	margin:0px 0px 10px 0px;
}

div#server img {
	float:left;
	margin:0px 10px 0px 0px;
}

div#server h3 {
	font-weight:bold;
	line-height:1.4em;
}

div#server a.more {
	display:block;
	margin:10px 0px 0px 0px;
}

body.eigen-server div#contentcenter table td {
	
	width:100px;
}
body.eigen-server div#contentcenter table th.row {
	
	width:300px;
}

body.eigen-server div#contentcenter table td span.yes {
	background:url(/images/icons/icon_tick.gif) no-repeat left center;
	display:block;
}
body.eigen-server div#contentcenter ul li {
	list-style-type:disc;
	list-style-position:inside;
	font-size:12px;
}

p.servercontent {
	margin-top:0px;
}
/*bestellen*/

div#contentcenter form#order dd span.price {
	display:block;
	font-weight:bold;
}

div#contentcenter form#order label {
	font-weight:bold;
}

div#contentcenter form#order dd {
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #ccc;
}

div#contentcenter form#order label.registratie {
	height:45px;
}

/*documenten*/

body.documenten div#contentcenter dl dd {
	font-style:italic;
	margin:0px 0px 10px 37px;
}

body.documenten div#contentcenter dl dt a {
	padding:0px 0px 0px 22px;
}

body.documenten div#contentcenter dl dt a.doc {
	background:url(/images/icons/icon_doc.gif) no-repeat left center;
}

body.documenten div#contentcenter dl dt a.pdf {
	background:url(/images/icons/icon_pdf.gif) no-repeat left center;
}

/*prijslijst*/

body.prijslijst table {
	margin-top:-10px;
}

/*faq*/

div#contentcenter div.faq dl dt {
	padding:0px 0px 0px 22px;
}

div#contentcenter div.faq dl dd {
	padding:6px 0px 3px 22px;
	margin:0px 0px 13px 7px;
	border-left:1px solid #eee;
}

div#contentcenter div.faq dl dt {
	cursor:pointer;
	background:url(/images/icons/icon_bullet_plus.gif) no-repeat left center;
}

div#contentcenter div.faq dl dt.exploded {
	background-image:url(/images/icons/icon_bullet_minus.gif);
}

/*----------------------------------------------------------*/

div#contentright {
	width:310px;
	padding:200px 0px 0px 0px;
	float:left;
	background:url(/images/xml_vrouw.jpg) no-repeat left top;
}

body.domeinnaam div#contentright {
	background:none;
	padding:0;
}

/*reseller*/

div#reseller h2 {
	margin:0px 0px 14px 0px;
}

div#reseller img {
	float:left;
	margin:5px 10px 0px 0px;
}

div#reseller form input.dealer, div#reseller form input.password {
	width:167px;
	margin:0px 0px 5px 0px;
}

div#reseller form select {
	width:100px;
	display:block;
	clear:left;
}

div#reseller form input.button {
	width:70px;
	float:right;
	margin-top:-25px;
}

div#reseller span.recrute {
	display:block;
	margin:10px 0px 0px 0px;
}

/*domains*/

div#domains {
	clear:left;
	margin:16px 0px 0px 0px;
}

/*footer----------------------------------------------------------------*/

div#footer {
	background:#d6d6d6;
	padding:7px 20px 7px 20px;
}



/*------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1em;
}

h2 {
	font-size:18px;
	color:#1b4973;
	margin:0px 0px 10px 0px;	
}

h3 {
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

a, div#contentcenter div.faq dl dt {
	color:#0086ff;
}

a:hover {
	color:#424243;
	text-decoration:none;
}

p {
	margin:0px 0px 10px 0px;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

.error {
	color:#C00;
}

p.error {
	padding-left:22px;
	background:url(/images/icons/icon_exclamation.gif) no-repeat left center;
}

.success {
	color:#390;
}

sup {
	font-size:0.8em;
}



/*------------------------------------------------------------------------
LISTS, FORMS, TABLES & OTHER ELEMENTS
------------------------------------------------------------------------*/

/*lists-----------------------------------------------------------------*/

dl, ol, ul {
	margin:0px 0px 10px 0px;
}

/*forms-----------------------------------------------------------------*/

input, select {
	font-family:Georgia, "Times new roman", Times, serif;
	font-size:12px;
}

input.text, select {
	border:1px solid #1c4469;
	color:#666;
	background:url(/images/input_bg.jpg) repeat-x left top #f5f5f5;
}

input.text {
	padding:4px;
}

input.error {
	color:#f00;
}

input.button {
	background:url(/images/button_bg.jpg) repeat-x left center;
	border:0;
	color:#fff;
	padding:4px;
	text-align:center;
}

input.button:hover {
	cursor:pointer;
	background:url(/images/menu_bg.jpg) repeat-x left top #eee;
	color:#222;
}

/*reseller form*/

div#contentcenter form {
	width:470px;
}

div#contentcenter form fieldset { 	
	margin-bottom: 10px; 
}

div#contentcenter form legend {
	padding:0 2px;
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
}
	
div#contentcenter form label {
	display:inline-block;
	line-height:1.5em;
	vertical-align:top;
}

div#contentcenter form label span.info {
	font-weight:normal;
	font-size:0.8em;
	display:block;
	line-height:0.8em;
}
	
div#contentcenter form fieldset ol {
	margin:0;
	padding:0;
}
	
div#contentcenter form fieldset li {
	list-style:none;
	padding:5px;
	margin:0;
}

div#contentcenter form fieldset fieldset {
	border:none;
	margin:3px 0 0;
}
	
div#contentcenter form fieldset fieldset legend {
	padding:0 0 5px;
	font-weight:normal;
}
	
div#contentcenter form fieldset fieldset label {
	display:block;
	width:auto;
}

div#contentcenter form em {
	font-weight:bold;
	font-style:normal;
	color:#f00;
}

div#contentcenter form label { 
	display:block;
	width:170px;
	float:left;
	clear:left;
}

div#contentcenter form fieldset fieldset label { 
	margin-left:173px;
}

div#contentcenter form input.text, div#contentcenter form textarea.text {
	width:265px;
}

div#contentcenter form#fotoUpload input.text, div#contentcenter form#fotoUpload textarea.text {
	width:195px;
}

div#contentcenter form input.invalidInput, form li.error input, form textarea.invalidInput {
	border:1px solid #F00;
	padding:1px;
}

div#contentcenter form .nd {
	display:none;
}

div#contentcenter form#fotoUpload {
	width:395px;
}
	
div#contentcenter form legend { 
	padding-left: 0; 
}
	
div#contentcenter form fieldset {
	border:none;
	border-top:1px solid #bfd1e5;
	margin-bottom:25px;
}
	
div#contentcenter form fieldset fieldset { 
	background:none; 
}
	
div#contentcenter form fieldset li {
	padding:6px 10px 6px 7px;
	border-bottom:1px solid #ccc;
}

/*tables----------------------------------------------------------------*/

table {
	width:100%;
}

tr {
	height:30px;
}

th {
	padding:20px 0px 5px 0px;
}

td, th {
	vertical-align:middle;
}

tr.even {
	background:#f4f4f4;
}

th {
	font-weight:bold;
}

th.row {
	padding:0;
	font-weight:normal;
}

/*Algemene voorwaarden---------------------------------------------------*/
span.pakketname {
	width:60px;
	display:block;
	clear:none;
	float:left;
}