/**********************************************************
******************** HOOFD-OPMAAK *************************
**********************************************************/

html, body {
	height: 100%;
}

body {
	background: #E3E8ED;
	padding: 0;
	margin: 0;
	text-align: center;
}

body {
	font-family: Verdana, sans-serif;
	font-size: .7em;
	color: #000000;
	line-height: 1.5em;
}

img {
	border: none;
}

p {
	margin: 0 0 10px 0;
}

a {
	color: #274563;
	text-decoration: underline;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FFA500;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 15px 0 2px 0;
}
div#warning
{
	font-size:11px;
	color:red;
}
div#succes
{
	font-size:11px;
	color:green;
}

div#content h1 {
	font-size: 190%;
	display: block;
	border-bottom: 2px solid #000000;
}

div#content h2 {
	font-size: 150%;
	font-style: italic;
}

div#content h3 {
	font-size: 130%;
}

hr {
	border: 1px solid #c0c0c0;
	clear: both;
}

/**********************************************************
******************** HOOFD-DIVJES *************************
**********************************************************/

div#wrapper {
	background: url("img/bg_body.png") repeat-y center;
}

div#container {
	width: 746px;
	margin: 0 auto 0 auto;
	text-align: left;
}

div#menu {
	background: url("img/bg_menu.png") no-repeat left top;
	height: 42px;
	overflow: hidden;
}

div#header {
	background: url("img/header.jpg") no-repeat left top;
	height: 75px;
}

div#left {
	width: 153px;
	w\idth: 133px; /* ie5 bug oplossen */
	padding: 10px;
	margin: 0 0 0 6px;
	float: left;
	display: inline; /* double-margin bug oplossen */
	text-align: center;
}

div#content {
	background: url("img/header_content.jpg") no-repeat right top;
	margin: 0 0 0 4px;
	padding: 0 10px 10px 10px;
	width: 583px;
	w\idth: 563px;
	float: left;
}

div#footer {
	background: url("img/bg_footer.png") no-repeat left top;
	height: 17px;
	padding: 28px 10px 5px 0;
	font: 10px Verdana;
	text-align: right;
	color: #375675;
}

div#domeincheck {
	text-align: right;
	margin: 35px 0 25px 0;
}

/**********************************************************
************************ MENU *****************************
**********************************************************/

div#menu ul {
	list-style: none;
	margin: 0 0 0 207px;
	padding: 0;
}

div#menu ul li {
	float: left;
	height: 40px;
	padding: 0;
	margin: 0;
}

div#menu ul li a {
	background-repeat: no-repeat;
	background-position: left top;
	padding: 22px 0 5px 4px;
	display: block;
	text-decoration: none;
	font: 10px Verdana;
	color: #274563;
}

div#menu #menu0		a {width: 53px; background-image: url("img/bg_menu_home.png");}
div#menu #menu1		a {width: 54px; background-image: url("img/bg_menu_support.png");}
div#menu #menu2		a {width: 75px; background-image: url("img/bg_menu_contact.png");}
div#menu #menu3		a {width: 83px; background-image: url("img/bg_menu_shared.png"); font-weight:bold;}
div#menu #menu4		a {width: 83px; background-image: url("img/bg_menu_dedicated.png"); font-weight:bold;}
div#menu #menu5		a {width: 83px; background-image: url("img/bg_menu_colocated.png"); font-weight:bold;}
div#menu #menu6		a {width: 80px; background-image: url("img/bg_menu_resellers.png"); font-weight:bold;}

div#menu #menu0		a:hover {background-image: url("img/bg_menu_home_over.png");}
div#menu #menu1		a:hover {background-image: url("img/bg_menu_support_over.png");}
div#menu #menu2		a:hover {background-image: url("img/bg_menu_contact_over.png");}
div#menu #menu3		a:hover {background-image: url("img/bg_menu_shared_over.png");}
div#menu #menu4		a:hover {background-image: url("img/bg_menu_dedicated_over.png");}
div#menu #menu5		a:hover {background-image: url("img/bg_menu_colocated_over.png");}
div#menu #menu6		a:hover {background-image: url("img/bg_menu_resellers_over.png");}


/**********************************************************
******************* OVERIGE STIJLEN ***********************
**********************************************************/

div#header h1 {
	display: none;
}

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

p.kosten {
	color: #FF0000;
	font-weight: bold;
	font-size: 120%;
}

table th {
	width: 180px;
}
table.incassoresult {
	font-size:11px;
}

ul.bestelmogelijkheden {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.bestelmogelijkheden li {
	background: #F6F6F6;
	margin: 3px;
	padding: 0 0 0 20px;
}


/********** domeinchecker **********/

div#domeincheck input, div#domeincheck select {
	border: 1px solid #000000;
	font-size: 90%;
}

p#domeincheck_even_geduld {
	display: none;
	font-size: 150%;
	background: #CC0000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	width: 50%;
}

/********** contactformulier **********/

form.contact td {
	vertical-align: top;
}

form.contact input, form.contact textarea {
	border: 1px solid #000000;
}