/* ### FONTS ### */
@font-face { font-family: Corbel; src: url('fonts/Corbel.ttf'); }

/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Corbel, Arial; font-size: 14px; color: #344267; }
input, select, textarea { font-family: Corbel, Arial; font-size: 14px; color: #344267; }
body { background: #d6e1e8 url('../images/bg.gif') repeat-x; }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 944px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 944px; height: 188px; overflow: hidden; }
	#headerCntr h1 { padding: 42px 0px 0px 10px; height: 61px; }
	#headerCntr h1 a { display: block; width: 253px; height: 31px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 42px; height: 61px; float: right; }
		#menuCntr ul { list-style: none; }
		#menuCntr ul li { padding-left: 3px; float: left; font-size: 20px; font-weight: bold; }
		#menuCntr ul li a { padding-left: 6px; display: block; float: left; cursor: pointer; height: 37px; color: #344267; text-decoration: none; background: url('../images/hover-left.gif') left -300px no-repeat; }
		#menuCntr ul li a span { padding: 0px 10px 0px 4px; display: block; float: left; height: 37px; line-height: 28px; background: url('../images/hover-right.gif') right -300px no-repeat; }
		#menuCntr ul li a:hover { background-position: left top; }
		#menuCntr ul li a:hover span { background-position: right top; }
		#menuCntr ul li a.active { color: #FFFFFF; background: url('../images/active-left.gif') top left no-repeat; }
		#menuCntr ul li a.active span { background: url('../images/active-right.gif') top right no-repeat; }
		#menuCntr ul li a.active span span { padding: 0px; background: url('../images/active-arrow.gif') bottom no-repeat; }
		
		/* ### UW BOX ### */
		.uwBox { padding: 10px 10px 0px 10px; width: 924px; height: 85px; }
		.uwBox h2 { font-size: 21px; color: #FFFFFF; }
		.uwBox form fieldset { padding-top: 5px; width: 924px; border: 0px; overflow: hidden; }
		.uwBox form fieldset label { padding-right: 5px; float: left; display: block; font-size: 18px; color: #fff; line-height: 30px; }
		.uwBox form fieldset input.field { padding: 4px 0px 0px 5px; margin-right: 5px; float: left; font-size: 18px; width: 730px; height: 27px; font-style: italic; color: #99a0b3; border: 0px; background: url('../images/searchField.gif') no-repeat; }
		.uwBox form fieldset input.button { padding-bottom: 4px; float: right; height: 33px; width: 132px; border: 0px; color: #FFFFFF; cursor: pointer; font-size: 18px; font-weight: bold; background: url('../images/stap-button.gif') no-repeat left top; }
		.uwBox form fieldset input.button:hover { background-position: left bottom; }
		
	/* ### PACKAGE CONTAINER ### */
	#packageCntr { padding: 15px 0px 25px 0px; overflow: hidden; width: 944px; }
	#packageCntr .right { margin: 0px; }
		
		/* ### PACKAGE BOX ### */
		.packageBox { margin-right: 17px; width: 222px; float: left; background: url('../images/package-mid.gif') repeat-y; }
		.packageBox .top { width: 222px; background: url('../images/package-top.gif') top left no-repeat; }
		.packageBox .bottom { padding: 13px 25px 20px 8px; width: 189px; position: relative; background: url('../images/package-bottom.gif') bottom left no-repeat; }
		.packageBox h2 { font-size: 20px; }
		.packageBox span.tagline { padding-right: 20px; display: block; height: 48px; font-size: 12px; }
		.packageBox ul { list-style: none; }
		.packageBox ul li { padding: 0 0 7px 8px; width: 180px; line-height: 15px; background: url('../images/list-dot.gif') 0 5px no-repeat; }
		.packageBox .price { position: absolute; right: -5px; top: -4px; text-align: center; height: 63px; width: 63px; background: url('../images/package-price.png') no-repeat; }
		.packageBox span.currency { font-size: 32px; color: #FFFFFF; font-weight: bold; }
		.packageBox span.jaar { display: block; font-size: 11px; color: #FFFFFF; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 40px; width: 944px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 720px; }
		
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 702px; background: url('../images/nieuws-mid.gif') repeat-y; }
			.nieuwsBox .top { width: 702px; background: url('../images/nieuws-top.gif') top left no-repeat; }
			.nieuwsBox .bottom { padding: 12px 10px 30px 10px; width: 682px; line-height: 15px; background: url('../images/nieuws-bottom.gif') bottom left no-repeat; }
			.nieuwsBox h2 { font-size: 20px; }
			.nieuwsBox a.heading { padding-top: 18px; display: block; color: #3189c6; font-size: 16px; font-weight: bold; }
			.nieuwsBox span { display: block; font-size: 12px; }
			.nieuwsBox a.meer { display: block; color: #3189c6; }
			.nieuwsBox a:hover { color: #085c97; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 224px; }
			
			/* ### ACTIE BOX ### */
			.actieBox { width: 222px; cursor: pointer; background: url('../images/actie-mid.gif') repeat-y; }
			.actieBox .top { width: 222px; background: url('../images/actie-top.gif') top left no-repeat; }
			.actieBox .bottom { padding: 10px; width: 202px; position: relative; background: url('../images/actie-bottom.gif') bottom left no-repeat; }
			.actieBox:hover { background: url('../images/ahover-mid.gif') repeat-y; }
			.actieBox .top:hover { width: 222px; background: url('../images/ahover-top.gif') top left no-repeat; }
			.actieBox .bottom:hover { padding: 10px; width: 202px; position: relative; background: url('../images/ahover-bottom.gif') bottom left no-repeat; }
			.actieBox .actie { position: absolute; top: -6px; right: -6px; height: 80px; width: 78px; background: url('../images/actie.png') no-repeat; }
			.actieBox h2 { padding-right: 40px; line-height: 24px; font-size: 22px; color: #fff; }
			.actieBox p { padding-top: 30px; color: #f9bd9a; font-size: 10px; }
	
	/* ### CENTER CONTAINER ### */
	#centerCntr { margin-top: 17px; width: 942px; background: url('../images/center-mid.gif') repeat-y; }
	#centerCntr #top { width: 942px; background: url('../images/center-top.gif') top left no-repeat; }
	#centerCntr #bottom { padding: 10px 10px 30px 10px; overflow: hidden; width: 922px; background: url('../images/center-bottom.gif') bottom left no-repeat; }
	#centerCntr #left { padding: 15px 20px 0px 0px; width: 684px; float: left; }
	#centerCntr #right { padding-top: 15px; width: 218px; float: right; }
		
		/* ### LINK BOX ### */
		.linkBox { width: 922px; height: 48px; background: url('../images/menu-strip.gif') bottom repeat-x; }
		.linkBox ul { list-style: none; overflow: hidden; }
		.linkBox ul li { padding: 0 15px; float: left; height: 48px; line-height: 48px; font-size: 20px; font-weight: bold; color: #c2c6d1; }
		.linkBox li span.number { margin: 10px 5px 0 0; display: block; width: 28px; height: 28px; line-height: 21px; text-align: center; float: left; color: #FFFFFF; background: url('../images/number-unact.gif') right no-repeat; }
		.linkBox a { color: #344267; text-decoration: none; }
		.linkBox li a span.number { margin: 10px 5px 0 0; display: block; width: 28px; height: 28px; line-height: 21px; text-align: center; float: left; color: #FFFFFF; background: url('../images/number-act.gif') right no-repeat; }
		.linkBox ul li.active { padding: 0 0 0 7px; color: #344267; float: left; background: url('../images/menu-left.gif') top left no-repeat; }
		.linkBox ul li.active span.act { padding: 0px 15px 0px 8px; float: left; display: block; background: url('../images/menu-right.gif') top right no-repeat; }
		.linkBox ul li.active span.actnumber { margin: 10px 5px 0 0; display: block; width: 28px; height: 28px; line-height: 21px; text-align: center; float: left; color: #FFFFFF; background: url('../images/number-act.gif') right no-repeat; }
		
		/* ### COMPARE BOX ### */
		.compareBox { padding-top: 15px; width: 922px; overflow: hidden; }
		.compareBox h2 { padding-bottom: 15px; font-size: 20px; color: #344267; }
		.compareBox h2 a { color: #3189c6; }
		.compareBox table { margin-bottom: 30px; }
		.compareBox table tr td { border-right: #cbd6dc solid 1px; line-height: 27px; text-align: center; vertical-align: middle; background: #f5f7f8; }
		.compareBox table tr.next td { background: none; }
		.compareBox table tr td.blank { background: url('../images/compare-blank.gif') right no-repeat; }
		.compareBox table tr td.heading { font-size: 16px; height: 38px; color: #FFFFFF; font-weight: bold; border: none; background: url('../images/compare-heading.gif') repeat-x; }
		.compareBox table tr td.first { padding-left: 10px; width: 180px; text-align: left; }
		.compareBox table tr td.last { border: 0px; }
		
		/* ### KIES BOX ### */
		.kiesBox { width: 680px; }
		.kiesBox h2 { padding-bottom: 15px; font-size: 20px; }
		.kiesBox form fieldset { border: 0px; }
		.kiesBox form fieldset select.pakket { width: 186px; }
		.kiesBox form fieldset select.plan { width: 220px; }
		.kiesBox form fieldset input.naar { padding-bottom: 4px; width: 213px; height: 33px; float: right; color: #FFFFFF; font-weight: bold; font-size: 18px; border: 0px; cursor: pointer; background: url('../images/naar-button.gif') no-repeat left top; }
		.kiesBox form fieldset input.naar:hover { background-position: left bottom; }
		.kiesBox table { margin-bottom: 30px; }
		.kiesBox table tr td { padding: 0 11px; border-right: #cbd6dc solid 1px; line-height: 27px; vertical-align: middle; background: #f5f7f8; }
		.kiesBox table tr.next td { background: none; }
		.kiesBox table tr td.blank { background: url('../images/compare-blank.gif') right no-repeat; }
		.kiesBox table tr.heading td { font-size: 12px; height: 23px; line-height: 20px; color: #FFFFFF; font-weight: bold; border: none; background: url('../images/kies-strip.gif') repeat-x; }
		.kiesBox table tr td.last { border: 0px; }
		.kiesBox table tr td span.basch { width: 79px; height: 18px; display: block; text-align: center; line-height: 18px; color: #FFFFFF; background: url('../images/backh.gif') no-repeat; }
		.kiesBox table tr td a.basket { height: 18px; width: 23px; display: block; text-indent: -9999px; background: url('../images/basket.png') no-repeat; } 
		.kiesBox table tr td.first { width: 195px; }
		.kiesBox table tr td.domainname { width: 235px; }
		.kiesBox table tr td.second { width: 135px; }
		.kiesBox p { padding: 0px 0px 10px 0px; line-height: 15px; }
		.kiesBox table tr td a.delete { width: 18px; height: 18px; line-height: 18px; display: block; text-indent: -9999px; background: url('../images/delete.gif') no-repeat; }
		.kiesBox table tr.pad td { line-height: 8px; border-bottom: #cbd6dc solid 1px; background: #FFFFFF; }
		
		/* ### INLOG BOX ### */
		.inlogBox { padding-top: 4px; width: 680px; }
		.inlogBox p { padding-bottom: 15px; }
		.inlogBox .top {  width: 680px; background: #a6c4d9 url('../images/inlog-top.gif') top left no-repeat; }
		.inlogBox .bottom { padding: 10px 0px 5px 10px; width: 670px; background: url('../images/inlog-bottom.gif') bottom left no-repeat; }
		.inlogBox h2 { font-size: 20px; }
		.inlogBox span { padding-bottom: 10px; display: block; }
		.inlogBox form fieldset { border: 0px; }
		.inlogBox form fieldset p { float: left; width: 220px; }
		.inlogBox form fieldset label { padding-bottom: 5px; font-weight: bold; display: block; }
		.inlogBox form fieldset input.field { padding: 4px 0px 0px 5px; width: 183px; height: 20px; border: 0px; background: url('../images/inlog.gif') 100% no-repeat; }
		.inlogBox form fieldset input.button { margin-top: 18px; padding-bottom: 5px; width: 89px; height: 33px; color: #FFFFFF; cursor: pointer; font-weight: bold; font-size: 18px; border: 0px; background: url('../images/inlog-button.gif') no-repeat left top; }
		.inlogBox form fieldset input.button:hover { background-position: left bottom; }
		
		/* ### PAYMENT BOX ### */
		.paymentBox { width: 680px; }
		.paymentBox h2 { padding-left: 10px; font-size: 20px; }
		.paymentBox p { padding: 0 0 5px 10px; }
		.paymentBox form fieldset { border: 0px; overflow: hidden; }
		.paymentBox ul { padding: 7px 0; list-style: none; }
		.paymentBox ul li { padding: 3px 0px; height: 25px; width: 680px; background: #f5f7f8; }
		.paymentBox ul li.next { background: none; }
		.paymentBox ul li.text { padding: 20px 0 0 10px; background: none; }
		.paymentBox form fieldset label { padding-left: 10px; float: left; line-height: 24px; display: block; width: 180px; }
		.paymentBox form fieldset input.field { padding: 4px 0px 0px 5px; float: left; width: 249px; height: 20px; border: 0px; background: url('../images/pay-1.gif') 100% no-repeat; }
		.paymentBox form fieldset input.field-1 { padding: 4px 0px 0px 5px; float: left; width: 56px; height: 20px; border: 0px; background: url('../images/pay-2.gif') 100% no-repeat; }
		.paymentBox form fieldset input.field-2 { padding: 4px 0px 0px 5px; margin-left: 6px; float: left; width: 183px; height: 20px; border: 0px; background: url('../images/pay-3.gif') 100% no-repeat; }
		.paymentBox form fieldset p { padding-top: 15px; }
		.paymentBox form fieldset input.payment { margin-right: 20px; padding: 0px 0px 4px 10px; width: 232px; height: 33px; float: right; border: 0px; cursor: pointer; font-size:18px; font-weight: bold; color: #FFFFFF; background: url('../images/payment-button.gif') no-repeat left top; }
		.paymentBox form fieldset input.payment:hover { background-position: left bottom; }
		
		/* ### HELP BOX ### */
		.helpBox { padding: 0px 0 0 10px; width: 670px; }
		.helpBox h2 { font-size: 20px; }
		.helpBox p { padding: 10px 0; }
		.helpBox ul { padding-left: 10px; list-style: none; }
		.helpBox ul li { padding-left: 15px; line-height: 24px; background: url('../images/help-arrow.gif') 0 9px no-repeat; }
		.helpBox ul li a { color: #3189c6; }
		.helpBox ul li a:hover { color: #085c97; }
		
		/* ### PAKKETTEN BOX ### */
		.pakkettenBox { width: 214px; }
		.pakkettenBox h2 { padding-bottom: 5px; font-size: 20px; }
		.pakkettenBox ul { padding-top: 10px; list-style: none; }
		.pakkettenBox ul li { padding-bottom: 10px; position: relative; }
		.pakkettenBox ul li a { display: block; color: #FFFFFF; width: 212px; text-decoration: none; background: url('../images/pakket-mid.gif') repeat-y; }
		.pakkettenBox ul li a span.top { display: block; width: 212px; background: url('../images/pakket-top.gif') top left no-repeat; }
		.pakkettenBox ul li a span.bottom { padding: 10px 55px 15px 8px; cursor: pointer; width: 149px; display: block; background: url('../images/pakket-bottom.gif') bottom left no-repeat; }
		.pakkettenBox ul li a:hover { color: #FFFFFF; background: url('../images/phover-mid.gif') repeat-y; }
		.pakkettenBox ul li a:hover span.top { background: url('../images/phover-top.gif') top left no-repeat; }
		.pakkettenBox ul li a:hover span.bottom { background: url('../images/phover-bottom.gif') bottom left no-repeat; }
		.pakkettenBox ul li a:hover { background: url('../images/phover-mid.gif') repeat-y; }
		.pakkettenBox ul li a span.price { position: absolute; right: -6px; top: -7px; display: block; font-size: 11px; color: #344267; text-align: center; width: 66px; height: 64px; background: url('../images/price-tag.png') no-repeat; }
		.pakkettenBox ul li a span.heading { display: block; font-size: 20px; font-weight: bold; }
		.pakkettenBox ul li a span.text { font-size: 12px; }
		.pakkettenBox ul li a span.price span { font-size: 32px; font-weight: bold; display: block; }
		.pakkettenBox p { padding: 15px 10px 0 0; }
		.pakkettenBox a { color: #3189c6; }
		.pakkettenBox a span { font-size: 12px; display: block; }
		.pakkettenBox a:hover { color: #085c97; }

	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 12px 20px 30px 0px; overflow: hidden; width: 924px; text-align: right; }
	#footerCntr ul { padding-left: 10px; float: right; list-style: none; }
	#footerCntr ul li { padding-left: 14px; float: left; background: url('../images/footer-dot.gif') 0 7px no-repeat; }
	#footerCntr ul li a { color: #3189c6; }
	#footerCntr ul li a:hover { color: #085c97; }