html { overflow-y: scroll; }
body { margin:0 0 36px 0;padding:0px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#000000;background:#FFFFFF url(images/body_bg.png) repeat-x top; }
td {font-size:12px}
#site-wrapper {	position:relative;top:-10px;margin:0 auto;width:966px;background:url(images/site_bg.png) repeat-y bottom left; }
#site-wrapper-content-bg { margin:0 auto;width:940px;background:#FFFFFF url(images/content_bg.png) repeat-x bottom; }
#site-wrapper-col-bg { background:url(images/content_bg2.png) repeat-y center;}
#content-wrapper { position:relative; padding:30px 0; }

#header { position:relative;margin:0 auto;width:966px;height:104px;background:url(images/header_bg.png) no-repeat top left; z-index:10; }
#header a { position:relative; }
#logo-url { position:absolute;top:10px;left:30px; }
#logo-url a { display:block;width:150px;height:80px;text-decoration:none; }
#title-container { position:absolute;top:10px;right:20px;font-weight:bold;font-size:1.4em; }
#title-container .shadow { text-align:right;color:#000000; }
#title-container .title { position:absolute;top:-1px;left:-1px;color:#FFFFFF; }
#menu {	position:absolute;left:280px;bottom:4px;height:22px;background:url(images/header_menu-bg.png) repeat-x bottom left; }
#menu span { z-index:1000; }
#menu span { height:22px;float:left;background-repeat:no-repeat;background-position:bottom left; }
#menu a { position:relative; }
#menu a span { cursor:pointer; }
#menu #menu-fill { width:150px; }
#menu .menu-spacer { width:2px;background:url(images/header_menu-spacer.png); }
#menu #menu-left { width:7px;background:url(images/header_menu-left.png); }
#menu #menu-home { width:49px;background:url(images/header_menu-home.png); }
#menu #menu-diensten { width:72px;background:url(images/header_menu-diensten.png); }
#menu #menu-offerte { width:69px;background:url(images/header_menu-offerte.png); }
#menu #menu-tarieven { width:66px;background:url(images/header_menu-tarieven.png); }
#menu #menu-support { width:66px;background:url(images/header_menu-support.png); }
#menu #menu-over { width:72px;background: url(images/header_menu-over.png); }
#menu #menu-contact { width:58px;background:url(images/header_menu-contact.png); }
#menu #menu-right {	width:7px;background: url(images/header_menu-right.png) no-repeat bottom left; }

#navigation { position:relative;float:left;width:180px; }
#navigation .item { height:24px; }
#navigation .item a { display:block;text-decoration:none;padding-top:5px;font-size:1em;font-weight:bold; }
#navigation .item a:hover { text-decoration:underline; }
#navigation .item.main { background: url(images/nav_main_bg.png) no-repeat top left; }
#navigation .item.main a { color:#FFFFFF;padding-left:4px; }
#navigation .item.sub1 { background: url(images/nav_sub1_bg.png) no-repeat top left; }
#navigation .item.sub1 a { color:#003366;padding-left:8px; }
#navigation .item.sub2 { background: url(images/nav_sub2_bg.png) no-repeat top left; }
#navigation .item.sub2 a { color:#003e78;padding-left:14px; }

#content { position:relative;margin-left:190px;margin-right:10px;width:740px; }
#content #breadcrumbs { position:relative;float:right;font-weight:bold;margin-top:-20px }
#content .p { margin-bottom:20px;text-align:justify; }
#content h1 { color:#1c418c;margin:3px 0;font-size:1.5em;background:url(images/header_underline.png) repeat-x bottom left }
#content h2 { color:#1c418c;margin:3px 0;font-size:1.2em;background:url(images/header_underline.png) repeat-x bottom left }
#content h1.no-ul { background:none; }
#content h2.no-ul { background:none; }
#content h1 a { color:#1c418c; }
#content .box { padding:5px;border:1px solid #9eabbe;background-color:#FFFFFF;background-repeat:repeat-x;background-position:bottom; }
#content .box.g30 { background-image:url(images/grad-30.png) !important; }
#content .box.g100 { background-image:url(images/grad-100.png) !important; }
#content .centered { text-align:center; }
#content a { color:#336699 !important; }
#content a img { border:none !important; }
#content .bordered { border:1px solid black !important; }
#content .icon { position:relative;display:table-cell;display:inline-table;display:inline-block;margin:5px;padding:5px;width:140px;vertical-align:top; }
#content .icon:hover { padding:4px; background-color:#d6e4f7;border:1px solid #9eabbe; }
#content .icon a { display:block;font-weight:bold;color:#003366; }
#content .icon img { display:block;margin:3px auto;border:0; }


#footer { position:relative;margin:0 auto;width:966px;height:36px;top:-18px;background:url(images/footer_bg.png) no-repeat top left;z-index:10; }
#footer .text {	padding:4px 20px;text-align:right;font-size:0.8em;color:#001648; }
#footer .text a { color:#001648; }
#footer #logos { float:left;padding-left:20px;padding-top:4px; }
#footer .logo {	float:left;margin:4px;height:20px;background-repeat:no-repeat;background-position:left bottom; }
#footer .logo#sidn { width:38px;background-image:url(images/sidn_logo.png); }
#footer .logo#dnsbe { width:74px;background-image:url(images/dnsbe_logo.png); }
#footer .logo#eurid { width:66px;background-image:url(images/eurid_logo.png); }
#footer .logo#enom { width:70px;background-image:url(images/enom_logo.png); }

.sitemap.main { padding-left:0px;font-size:16px;font-weight:bold;margin-top:10px; }
.sitemap.sub1 { padding-left:20px;font-weight:bold;margin-top:5px; }
.sitemap.sub2 { padding-left:40px; }

.clear { clear:both; }

form { margin:0; }

input, select {
	vertical-align: middle;
}

select { padding:1px !important; }

input[type=text], select, textarea {
	border: 1px solid #1c418c;
	margin:0;
	padding:2px;
}

input.btn {
	border:1px solid #000000;
	background-color: #194998;
	color:#FFFFFF;
	font-weight: bold;
	height:22px;
	padding-bottom: 3px;
}

img.btn { border-width:0; }

.packages {	width:100%; }
.packages td { width:50%; }

.package div {
	position:relative;
}

.package {
	position:relative;
	border:1px solid #9eabbe;
	background: #FFFFFF url(images/grad-100.png) repeat-x bottom;
	padding:3px;
}

ul {
	list-style-type:none;
	list-style: url(images/list_arrow.gif);
	list-style-position: outside;
	/*margin: 0 3px;*/
}

dt {
	margin-left: 20px;
	font-weight: bold;
	margin-top: 5px;
}

.package h2 {
	margin:0 !important;
	font-size: 1.4em !important;
	color: #0F234C !important;
	background:none !important;
}

.package h3 {
	margin:0;
	font-size: 1.25em;
	color: #193B7F;
}

.package .prijs { position:absolute;left:0px;bottom:0px;padding:5px; }
.package .aanvraag-btn { position:absolute;right:0px;bottom:0px;padding:5px;border:none; }

table.datagrid { width:100%;border-collapse:collapse; }
table.datagrid td { padding:2px 3px; }
table.datagrid .odd { background-color:#d6eaff; }
table.datagrid .even { background-color:#FFFFFF; }

table.simplegrid .hover { background-color: #d6eaff; }
table.simplegrid th { color: #193B7F;padding:2px; }
table.simplegrid thead tr { background-color: transparent !important;background:url(images/header_underline.png) repeat-x bottom left; }
table.simplegrid tbody tr { background:url(images/header_underline.png) repeat-x top left; }
table.simplegrid tbody tr:first-child { background: none; }
table.simplegrid tbody tr:hover { background-color: #d6eaff; }
table.simplegrid td { padding:2px; }
table.simplegrid tr.subheader { background-color: #215b99 !important; }
table.simplegrid tr.subheader h2 { color:#FFFFFF !important; }
table.simplegrid tr.subheader th { color:#FFFFFF !important; }
table.simplegrid .nohover { background-color: transparent !important; }
table.simplegrid .noline { background:none !important; }
table.simplegrid img { margin:0;padding:0;vertical-align:middle; }

table.small td { font-size: 11px !important; }

.small { font-size: 11px !important; }
.bold { font-weight: bold; }
.center { text-align:center !important; }
.right { text-align:right; }
.sale { color: #FF0000; }
img.bordered { border: 1px solid black; }

div .errorbox {
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	color: #FF0000;
	padding: 3px;
}

div .noticebox {
	border: 1px solid #f7ad1d !important;
	background-color: #efefef;
	color: #000000 !important;
	padding: 3px;
}

.error {
	border: 1px solid red !important;
}

.error_text { color:#cd0a0a !important; }

.tld_info, .info_icon {
	cursor: pointer;
	vertical-align:middle;
}

#bestelForm .hover  { padding:5px; }
#bestelForm .hover:hover { padding:4px;background-color:#d6e4f7;border:1px solid #9eabbe; }
#bestelForm .dienst a { display:block;font-weight:bold;color:#003366;text-decoration:none;font-size:16px; }
#bestelForm .dienst img { margin:3px auto;border:0;vertical-align:middle;margin-right:20px; }