body {
	margin:0px;
	background-color:#666;
}
#container {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-485px;
	width:969px;
}
#logo {
	position:absolute;
	top:27px;
	left:50%;
	margin-left:-491px;
	width:982px;
}
#logo img {
	border:0px;
}


#menu {
	float:right;
	clear:right;
	display:inline;
	width:600px;
}
#menu ul li {
	float:right;
	display:inline;
	list-style-type:none;
}
#menu ul li a {
	display:block;
	height:18px;
	width:80px;
	text-decoration:none;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	background:url(images/bg_tabblad.gif) repeat-x;
	margin-left:2px;
	text-align:center;
	padding:2px 0px 0px 0px;
	border:1px solid #c4cac4;
	border-top:0px;
}
#menu ul li a:hover {
	text-decoration:underline;
}


#search {
	position:absolute;
	top:77px;
	left:719px;
	width:248px;
	height:48px;
	background:url(images/bg_tabblad.gif) repeat-x;
	background-color:#bfc6bb;
	border:1px solid #c4cac4;
	border-bottom:0px;
}
#search input {
	width:178px;
	margin:0px 2px 0px 10px;
	background-color:#fff;
	border:1px solid #999;
	font-size:1.0em;
	color:#666;
}
#search label {
	height:19px;
}
#search label a {
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin:0px 0px 0px 10px;
	text-decoration:none;
}
#search .btn {
	margin:0px;
	font-size:1.0em;
	color:#666;
}
#search form {
	margin:0px;
	padding:0px;
}
#search p {
	font:0.7em Arial, Helvetica, sans-serif;
	padding:0px;
	margin:6px 0px 0px 0px;
}
#content #results p {
	padding:0px;
	margin:0px 0px 10px 0px;
}
#content #results hr {
	border:0px;
	border-top:1px solid #999;
	height:1px;
	background-color:#e0f5e0;
	width:400px;
}
#content #results span {
	color:#488000;
}
#content #results a {
	color:#0000cc;
}

#tabs {
	position:absolute;
	top:95px;
	left:0px;
	z-index:20;
}
#tabs ul,#menu ul {
	margin:0px;
	padding:0px;
	height:30px;
}
#tabs ul li {
	float:left;
	display:inline;
	list-style-type:none;
}
#tabs ul li a {
	display:block;
	width:190px;
	height:18px;
	text-decoration:none;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	margin:10px 2px 0px 0px;
	border:1px solid #c4cac4;
	background:url(images/bg_tabblad.gif) repeat-x;
	border-bottom:1px solid #81997f;
	padding:2px 0px 0px 0px;
	text-align:center;
}
#tabs ul li a:hover {
	margin-top:7px;
	height:21px;
	text-decoration:underline;
}
#tabs ul li #selected {
	margin-top:7px;
	height:21px;
	color:#555;
	border:1px solid #81997f;
	border-bottom:1px solid #a3e0a3;	
	background:url(images/bg_active_tabblad.gif) repeat-x;
	font-weight:bold;
}
#tabs ul li #selected:hover {
	background-color:#ccc;
}


#controleer {
	margin-top:126px;
	width:969px;
	background-color:#a3e0a3;
	height:40px;
	border-top:1px solid #81997f;
}
#controleer form {
	margin:12px 0px 0px 70px;
}
#controleer form input {
	width:180px;
	font-weight:bold;
	padding-left:3px;
	background-color:#c9f6c9;
	border:1px solid #999;
	font:1.0em Arial, Helvetica, sans-serif;
	color:#666;
}	
#controleer form .btn {
	font-size:1.0em;
}
#controleer p {
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:0.7em;
}
#controleer label a {
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin:0px 30px 0px 0px;
	text-decoration:none;
}


#content {
	width:969px;
	background-color:#e0f5e0;
	background-image:url(images/content_schaduw_licht.gif);
	background-repeat:repeat-x;
	overflow:hidden;
	padding:16px 0px 0px 0px;
}
#content #page-content {
	float:left;
	display:inline;
}
#content h1 {
	font:1.1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin-top:0px;
}
#content h1 #h1-span {
	color:#7fbe7f;
}
#content p {
	font:0.7em/15px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:400px;
}
#content p a {
	color:#666;
}
#content p a:hover {
	color:#000;
}
#content form p {
	width:400px;
	margin:0px;
	padding:0px;
}
#content label {
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#content p img {
	border:1px solid #666;
}
#content #page-content ul {
	font:0.7em/15px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:400px;
	list-style:inside;
	padding-left:0px;
	padding-bottom:12px;
}
#content #hoofdpunten-voorwaarden {
	border-bottom:1px solid #99cc99;
	width:400px;
}
#content .checkbox {
	border:0px;
	background-color:#e0f5e0;
}
#content select,#content input,#content textarea {
	background-color:#fff;
	border:1px solid #99cc99;
	font:1.0em Arial, Helvetica, sans-serif;
	color:#666;
}
#content table select,#content table input,#content table textarea {
	background-color:#fff;
}
#content table form p {
	width:auto;
	margin:0px;
	padding:0px;
}
#content .btn, #controleer .btn, #search .btn {
	background:url(images/bg_tabblad.gif) repeat-x;
	cursor:pointer;
	font-weight:bold;
	width:auto;
}
#content table p .btn {
	font-size:1.4em;
}
#content ul {
	margin:0px;
}
#content ul li {
	list-style-type:disc;
}
#content ul li a {
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #999;
	color:#000;	
}
#content ul li a:hover {
	border-bottom:1px solid #000;
}	
#content ul ul {
	margin:0px 0px 0px 20px;
}
#content ul ul li {
	list-style-type:circle;
}
#content ul ul li a {
	font-size:1.4em;
	font-weight:normal;
}


#content #submenu {
	float:left;
	display:inline;
	margin:4px 30px 0px 0px;
	width:165px;
}
#content #submenu ul {
	margin:0px 0px 16px 0px;
	padding:0px;
}
#content #submenu ul li {
	list-style-type:none;
	margin:0px 0px 4px 0px;
}
#content #submenu ul li a {
	display:block;
	background:url(images/bg_submenu.gif) repeat-x;
	border:1px solid #999;
	border-left:0px;
	width:150px;
	height:18px;
	padding:2px 0px 0px 10px;
	font:0.7em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	text-decoration:none;
}
#content #submenu ul li a:hover {
	text-decoration:underline;
	border-right:6px solid #999;
	width:145px;
}
#content #submenu ul #sub-selected {
	border-right:6px solid #999;
	width:145px;
}
#content #submenu img {
	margin:0px;
	border:1px solid #999;
	border-left:0px;
}


#content table {
	border-bottom:1px solid #999;
}
#content table thead td {
	text-align:center;
	height:17px;
	border-bottom:1px solid #999;
	vertical-align:bottom;
}
#content table thead td span {
	background-color:#fff;
	border:1px solid #999;
	border-bottom:0px;
	font:0.7em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	height:16px;
	display:block;
	margin:0px 1px 0px 1px;
}
#content table tbody {
	border-top:1px solid #999;
}
#content table tbody th, #content table tbody td {
	font:0.7em Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
}
#content table tbody th,#content table tbody .sub-th {
	background-color:#b4efb4;
	border-bottom:2px solid #e0f5e0;
	font-weight:bold;
	padding:0px 15px 0px 15px;
	height:20px;
}
#content table tbody .sub-th {
	font-weight:normal;
}
#content table tbody td {
	background-color:#c9f6c9;
	border-bottom:2px solid #e0f5e0;
	border-right:2px solid #e0f5e0;
	padding:0px 25px 0px 25px;
}
#content table tbody td form {
	margin:0px;
}
#content table tbody .nbb td, #content table tbody .nbb th {
	border-bottom:0px;
	height:18px;
}
#content table tbody .nbr {
	border-right:0px;
}
#content table tbody .bt th, #content table tbody .bt td {
	border-top:1px solid #999;
}
#content table tbody .np {
	padding:0px;
}
#content table tbody td span {
	color:#669966;
}
#content table .emty-td {
	background-color:#e0f5e0;
	border:0px;
	border-bottom:1px solid #999;
}

#content table tbody .sub-th .tooltip {
	background-color:#fff;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	padding:0px 2px 0px 2px;
	width:5px;
	text-decoration:none;
	border:1px solid #999;
}
#content table .tooltip:hover {
	border:1px solid #000;
	color:#000;
}
#overDiv {
	position:absolute;
	z-index:1000;
	visibility:hidden;
	background-color:#FFFF99;
	border:1px solid #999;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
	padding:5px;
}


#footer {
	float:left;
	display:inline;
	width:969px;
	background:url(images/bg_footer_met-schaduw2.gif) repeat-x;
	height:47px;
}
#footer p {
	width:347px;
	text-align:center;
	font:0.7em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	padding:0px;
	margin:28px 0px 0px 0px;
}
#copyright {
	float:left;
	display:inline;
	width:969px;
	margin:0px 0px 20px 0px;
}
#copyright p {
	float:right;
	display:inline;
	font:0.6em Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	font-weight:bold;
	margin:5px 0px 0px 0px;
}
#copyright p a {
	color:#ccc;
	font-weight:bold;
}

/* Later weghalen */
#foutmelden {
	float:left;
	border:1px solid #000;
	width:250px;
	height:135px;
	background-color:#fff;
}
#foutmelden p {
	font:0.7em/15px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px 5px;
}
#foutmelden textarea, #foutmelden input {
	font:1em/15px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
#foutmelden textarea {
	height:60px;
	width:235px;
}
#showload {
	visibility:hidden;
	overflow:hidden;
	height:0px;
	clear:both;
}


#tmp .row {
	clear:left;
	width:755px;
	height:22px;
	overflow:hidden;
}

#tmp .row .radio {
	float:left;
	display:inline;
	background-image:none;
	width:20px;
	padding:0px;
}
#tmp .row .radio input {
	margin:0px;
}
#tmp .row input {
	background:none;
	background-color:#e0f5e0;
}

#tmp .row div {
	width:290px;
	height:20px;
	float:left;
	display:inline;
	padding:0px 0px 0px 10px;
	margin:0px 2px 2px 0px;
	vertical-align:bottom;
	background:url(images/bg_domeinnaam_stap2.gif) repeat-x;
}
#tmp .row div span {
	font:0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}
#tmp .row .domeinnaam-TRUE {
	background:url(images/bg_domeinnaam_vrij.gif) repeat-x;
}
#tmp .row .domeinnaam-EXLUDED {
	background:url(images/bg_domeinnaam_grijs.gif) repeat-x;
}
#tmp .row .domeinnaam-FALSE {
	background:url(images/bg_domeinnaam_bezet.gif) repeat-x;
}








/* ### Bestellen */

#bestellen #domeincheck {
	border-bottom:1px solid #99cc99;
	width:724px;
	height:65px;
	margin-bottom:15px;
}
#bestellen #domeincheck input {
	float:left;
	width:295px;
	height:15px;
	margin-right:2px;
}
#bestellen #domeincheck .btn {
	float:left;
	display:inline;
	width:120px;
	height:19px;
}
#bestellen #domeincheck .checkbox {
	width:auto;
	clear:left;
	margin:5px 5px 0px 299px;
}
#bestellen #domeincheck label {
	float:left;
	margin-top:5px;
}
#bestellen #showload {
	visibility:hidden;
	overflow:hidden;
	height:0px;
	clear:both;
}
#content #bestellen p, #content #bestellen form {
	width:auto;
}
#bestellen .row {
	clear:left;
	width:755px;
	height:22px;
	overflow:hidden;
}
#bestellen .row div {
	width:290px;
	height:20px;
	float:left;
	display:inline;
	padding:0px 0px 0px 10px;
	margin:0px 2px 2px 0px;
	vertical-align:bottom;
	background:url(images/bg_domeinnaam_stap2.gif) repeat-x;
}
#bestellen .row div span {
	font:0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}
#bestellen .row .domeinnaam-TRUE {
	background:url(images/bg_domeinnaam_vrij.gif) repeat-x;
}
#bestellen .row .domeinnaam-EXLUDED {
	background:url(images/bg_domeinnaam_grijs.gif) repeat-x;
}
#bestellen .row .domeinnaam-FALSE {
	background:url(images/bg_domeinnaam_bezet.gif) repeat-x;
}
#bestellen .row .btn {
	float:left;
	display:inline;
	width:120px;
	padding-bottom:3px;
	padding-top:1px;
	height:20px;
} 
#bestellen .row select {
	float:left;
	display:inline;
	margin-left:2px;
	width:300px;
	height:18px;
	padding:1px 0px 0px 0px;
} 
#bestellen #winkelwagen {
	float:left;
	display:inline;
	width:724px;
	border:1px solid #99cc99;
	background-color:#c9f6c9;
	margin:13px 0px 0px 0px;
	padding:0px 0px 6px 0px;
}
#bestellen #winkelwagen #winkelwagen-header {
	height:30px;
}
#bestellen #winkelwagen #winkelwagen-header h2 {
	float:left;
	display:inline;
	width:292px;
	height:20px;
	background:url(images/bg_winkelwagen.gif) repeat-x;
	padding:2px 0px 0px 8px;
	font:0.9em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006600;
	margin:0px;
}
#bestellen #winkelwagen #winkelwagen-header img {
	float:left;
	display:inline;
}
#bestellen #winkelwagen #winkelwagen-header span {
	padding:7px 0px 0px 103px;
	font:0.7em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}
#bestellen #winkelwagen .row .domeinnaam-TRUE,
#bestellen #winkelwagen .row .domeinnaam-FALSE {
	width:282px;
	margin-left:8px;
}
#bestellen #winkelwagen .row select {
	width:292px;
}
#bestellen #winkelwagen .row .domeinnaam {
	width:280px;
	margin-left:8px;
}
#bestellen #winkelwagen .row .period {
	float:left;
	display:inline;
	width:406px;
	height:16px;
	background-color:#fff;
	border:1px solid #99cc99;
	font:0.7em Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px 0px 0px 8px;
}
#bestellen #winkelwagen #totaalbedrag {
	float:left;
	clear:both;
	height:60px;
	width:400px;
	margin:7px 0px 0px 310px;
}
#bestellen #winkelwagen #totaalbedrag table {
	margin:0px;
	padding:0px;
	border:0px;
}
#bestellen #winkelwagen #totaalbedrag table th, #winkelwagen #totaalbedrag table td {
	background-color:#c9f6c9;
	font:0.7em/1.6em Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	padding:0px;
	border:0px;
}
#bestellen #winkelwagen #totaalbedrag table td {
	text-align:right;
}
#bestellen #winkelwagen #totaalbedrag table th {
	width:300px;
	font-weight:normal;
}
#bestellen #winkelwagen #totaalbedrag table tfoot th, #winkelwagen #totaalbedrag table tfoot td {
	border-top:1px solid #999;
}
#bestellen #winkelwagen .row .domeinnaam {
	background:url(images/bg_domeinnaam_winkelwagen.gif) repeat-x;
}
#bestellen .row .domeinnaam {
	border:1px solid #99cc99;
	width:289px;
	height:18px;
	overflow:hidden;
	margin-right:2px;
}
#bestellen .row .select-option {
	margin:0px;
	width:422px;
}
#bestellen .row .domeinnaam span {
	font:0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}
#bestellen .webhosting-pakketten .row .select-option {
	width:404px;
}
#bestellen .webhosting-pakketten {
	float:left;
	display:inline;
	width:716px;
	border:1px solid #99cc99;
	background-color:#c9f6c9;
	margin:3px 0px 3px 0px;
	padding:5px 0px 6px 8px;
}
#bestellen .webhosting-pakketten .pakket-container {
	float:left;
	display:inline;
	background-color:#e0f5e0;
	width:155px;
	border:1px solid #99cc99;
	padding:8px 8px 12px 8px;
	margin:3px 5px 2px 0px;
}
#bestellen .webhosting-pakketten .pakket-container p {
	margin:0px;
	padding:0px;
	width:auto;
}
#bestellen #redirect input {
	width:300px;
}
#bestellen #terug_btn, #bestellen #verder_btn {
	float:left;
	display:inline;
	margin-top:10px;
	width:122px;
}
#bestellen #terug_btn {
	margin-left:182px;	
}
#bestellen #terug_btn .btn, #bestellen #verder_btn .btn {
	border:1px solid #666;
	width:120px;
}
