/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #000; height:100%}
input, select, textarea { font-family: Arial; font-size: 11px; color: #000; }
body { background: #fff url('../images/top-bg.gif') repeat-x;}
img { border: 0px; }

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

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; background: url('../images/content.gif') bottom repeat-x; position:absolute }

/* ### LAYOUT ### */
#layout { width: 100%; min-height: 100%; background-position: center 80px; background-repeat: no-repeat;}

#layout #bannerTop { position:absolute; top:80px; width:1390px; height:418px; left:50%; margin-left:-695px; background:url('../images/backschaduw.gif') no-repeat; _width:1392px;}

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 950px; height: 80px; }
	#headerCntr h1 { padding-top: 11px; height: 44px; }
	#headerCntr h1 a { display: block; width: 144px; height: 34px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 950px; height: 25px; }
		#menuCntr ul { padding-left: 2px; list-style: none; overflow: hidden; width: 950px; background: url('../images/menu-sep.gif') top left no-repeat; }
		#menuCntr li { padding-right: 2px; float: left; font-size: 10px; display: inline; background: url('../images/menu-sep.gif') top right no-repeat; }
		#menuCntr li a { padding-left: 6px; height: 25px; color: #000; line-height: 25px; cursor: pointer; text-decoration: none; display: block; float: left; }
		#menuCntr li a span { padding: 0 15px 0 10px; display: block; float: left; height: 25px; }
		#menuCntr li a:hover { background: url('../images/hover-left.gif') top left no-repeat; }
		#menuCntr li a:hover span { background: url('../images/hover-right.gif') top right no-repeat; }
		#menuCntr li a.active { background: url('../images/hover-left.gif') top left no-repeat; }
		#menuCntr li a.active span { background: url('../images/hover-right.gif') top right no-repeat; }
		
		#breadcrumb { margin-top:10px; margin-left:7px;} 
		#breadcrumb ul { list-style:none; }
		#breadcrumb ul li { display:inline; float:left; }
		#breadcrumb ul li.dash { padding-right:2px; }
		#breadcrumb ul li a { padding-right:4px; color: #ff5500; text-decoration: none; display:block; }
		#breadcrumb ul li a.first { padding-left: 15px; background: url('../images/black-arrow.gif') left no-repeat; }
		#breadcrumb ul li a:hover { text-decoration:underline }
		
		.dropdown { background-color: #FFF; padding:10px; position:absolute; z-index:100; width:940px; overflow:hidden; border-bottom:1px solid #ff5500; display:none; }
		.dropdown ul { list-style: none;}
		.dropdown ul li { padding-left:2px; margin-bottom:2px; _height:0px; _padding-bottom:0px;}
		.dropdown ul li a { padding-left: 15px; color: #ff5500; text-decoration: none; background: url('../images/black-arrow.gif') left no-repeat; display:block; }
		.dropdown ul li a:hover { text-decoration: underline; }
		
		/* ### ZOEK BOX ### */
		.zoekBox { float: right; height: 55px; }
		.zoekBox form fieldset { padding-top: 20px; width: 290px; border: 0px; overflow: hidden; }
		.zoekBox form fieldset input.field { padding: 3px 0px 0px 5px; margin-right: 5px; float: left; border: 0px; width: 202px; height: 15px; background: url('../images/zoek-field.gif') 100% no-repeat; }
		.zoekBox form fieldset input.button { width: 72px; height: 21px; border: 0px; cursor: pointer; background: url('../images/zoeken.gif') no-repeat; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { padding-top: 44px; width: 950px; height: 374px; font-family: Verdana, Arial; font-size: 11px;  position: relative; }
	#bannerCntr img.contact { position: absolute; top: -80px; right: -40px; z-index:2;}
	#bannerCntr .left { padding: 35px 13px 0px 18px; margin-top: 55px; width: 222px; height: 235px; float: left; background: url('../images/banner-left.png') no-repeat; overflow:hidden; }
	#bannerCntr .mid { padding: 18px 0px 0px 25px; margin-left: 95px; line-height: 24px; width: 228px; height: 315px; float: left; position: relative; background: url('../images/banner-mid.png') no-repeat; overflow:hidden;}
	#bannerCntr .right { padding: 26px 0px 0px 22px; margin-top: 75px; width: 227px; line-height: 24px; height: 213px; float: right; background: url('../images/banner-right.png') no-repeat; overflow:hidden;}
	#bannerCntr h2 { font-size: 16px; color: #292929; }
	#bannerCntr span { color: #ff5500; }
	#bannerCntr p { padding: 10px 0px 15px 0px; font-weight: bold; line-height: 24px; color: #292929;}
	#bannerCntr span { color: #ff5500; }
	#bannerCntr h3 { color: #292929; font-size: 12px; }
	#bannerCntr p.middle { padding: 5px 0 0 0; }
	#bannerCntr ul { list-style: none; }
	#bannerCntr ul li { font-size: 12px; color: #292929; font-weight: bold; }
	span.nu { display: block; height: 87px; width: 86px; position: absolute; z-index:1; left: 550px; top: 85px; text-indent: -9999px; background: url('../images/price.png') no-repeat; }
	
		/* ### HOSTING BOX ### */
		.hostingBox { padding: 13px; margin-top: 70px; float: left; width: 227px; height: 173px; position: relative; background: url('../images/hosting-bg.png') top left no-repeat; overflow:hidden; }
		.hostingBox p { color: #292929; line-height: 24px; font-size: 14px; text-transform: uppercase; }
		.hostingBox span { color: #ff5500; }
		
		/* ### HOSTING BOX ### */
		#winBoxlink { display: block; width: 84px; height: 86px; text-indent: -9999px; top: 90px; position: absolute; z-index:1; left: 550px; background: url('../images/twv-img.png') top left no-repeat; }
		.winBox { padding: 13px; margin: 70px 93px 0px 93px; float: left; width: 227px; height: 173px; position: relative; background: url('../images/hosting-bg.png') top left no-repeat; overflow:hidden;  }
		.winBox span { color: #ff5500; }
		.winBox h4 { padding: 15px 0px 15px 0px; color: #181818; font-size: 30px; font-weight: normal; }
		.winBox h4 span { color: #ff5500; font-size: 14px; font-weight: bold; }
		.winBox p { font-size: 12px; }	
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 15px 0 30px 0; overflow: hidden; width: 950px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 490px; }
		
			/* ### TEXT BOX ### */
			.textBox { padding-right: 23px; margin-bottom: 20px; width: 467px; background: url('../images/dot.gif') 4px 0 repeat-y; }
			.textBox .bottom { padding-bottom: 10px; width: 467px; overflow: hidden; background: url('../images/text-bottom.gif') 4px bottom no-repeat; }
			.textBox h2 { padding-left: 19px; height: 22px; line-height: 13px; color: #ff5500; font-size: 10px; background: url('../images/h2-left.gif') top left no-repeat; }
			.textBox h2 span { padding-left: 5px; display: block; height: 22px; background: url('../images/h2-right.gif') top right no-repeat; }
			.textBox h3 { padding-left: 19px; height: 22px; line-height: 13px; color: #ff5500; font-size: 10px; background: url('../images/h2-left.gif') top left no-repeat; }
			.textBox h3 span { padding-left: 5px; display: block; height: 22px; background: url('../images/h2-right.gif') top right no-repeat; }
			.textBox p { padding: 7px 0px 8px 25px; }
			.textBox a { padding-left: 15px; margin-left: 25px; color: #ff5500; text-decoration: none; background: url('../images/black-arrow.gif') left no-repeat }
			.textBox .bottom p a { margin-left:0px }
			.textBox table { margin-left:25px; }
			.textBox table a { margin-left:0px; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 460px; }
			
			/* ### RECENT BOX ### */
			.recentBox { width: 460px; background: url('../images/dot.gif') 4px 0 repeat-y; }
			.recentBox .bottom { padding-bottom: 10px; width: 460px; overflow: hidden; background: url('../images/text-bottom.gif') 4px bottom no-repeat; }
			.recentBox h2 { padding-left: 19px; height: 22px; line-height: 13px; color: #ff5500; font-size: 10px; background: url('../images/h2-left.gif') top left no-repeat; }
			.recentBox h2 span { padding-left: 5px; display: block; height: 22px; background: url('../images/h2-right.gif') top right no-repeat; }
			.recentBox p { padding: 7px 0px 8px 25px; }
			.recentBox ul { padding: 5px 0 0 25px; list-style: none; }
			.recentBox ul li { padding-left: 20px; line-height: 20px; color: #000; background: url('../images/black-arrow.gif') 0 7px no-repeat; }
			.recentBox ul li a { padding: 0px; color: #ff5500; text-decoration: none; background: none; }
			.recentBox a:hover { text-decoration: underline; }
			.recentBox a { padding-left: 15px; color: #ff5500; text-decoration: none; background: url('../images/black-arrow.gif') left no-repeat; }
			.recentBox .bottom p a { margin-left:0px }
			.recentBox img { padding-left: 25px; }
			.recentBox p img { padding-left:0px;}
	
	/* ### IMAGES CONTAINER ### */
	#imagesCntr { margin-bottom: 60px; overflow: hidden; width: 950px; background: url('../images/dot.gif') 4px 0 repeat-y; }
	#imagesCntr .bottom { padding-bottom: 10px; width: 950px; overflow: hidden; background: url('../images/text-bottom.gif') 4px bottom no-repeat; }
	#imagesCntr h2 { padding-left: 19px; height: 22px; line-height: 13px; color: #ff5500; font-size: 10px; background: url('../images/h2-left1.gif') top left no-repeat; }
	#imagesCntr h2 span { padding-left: 5px; display: block; height: 22px; background: url('../images/h2-right.gif') top right no-repeat; }
	#imagesCntr h2 span span { color: #000; display: inline; background: none; }
	#imagesCntr ul { list-style: none; overflow: hidden; }
	#imagesCntr ul li { padding: 15px 0px 0px 19px; float:left; }
	#imagesCntr p { padding: 7px 0 8px 25px; }
	#imagesCntr	ul { padding: 5px 0 0 15px; list-style: none; }
	#imagesCntr ul li { padding-left: 20px; line-height: 20px; color: #000; background: url('../images/black-arrow.gif') 0 7px no-repeat; }
	#imagesCntr ul li.noArrow { background:none ; }
	#imagesCntr ul li a { padding: 0px; color: #ff5500; text-decoration: none; background: none; }
	#imagesCntr a:hover { text-decoration: underline; }
	#imagesCntr a { padding-left: 15px; color: #ff5500; text-decoration: none; background: url('../images/black-arrow.gif') left no-repeat; }
	#imagesCntr.bottom p a { margin-left:0px }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; height: 30px; background: #d3d3dc url('../images/footer.gif') repeat-x; position:absolute; bottom:0px; left:0px; right:0px;}
		
		/* ### FOOTER BOX ### */
		.footerBox { margin: 0 auto; width: 950px; height: 30px; line-height: 30px; }
		.footerBox ul { list-style: none; overflow: hidden; }
		.footerBox ul li { padding: 0 15px; float: left; color: #5a606c; font-size: 10px; background: url('../images/footer-sep.gif') right no-repeat; }
		.footerBox li a { color: #5a606c; text-decoration: none; }
		.footerBox li a:hover { text-decoration: underline; }
		.footerBox li a span { color: #ff5500; }

	#contactform { margin-left:20px}
	#contactform .form_elm { float:left; padding-top:10px; }
	#contactform .form_elm label { float:left; width:100px; }
	#contactform .form_elm input { float:left; width: 230px; border: 1px solid black;}
	
	#contactform input.verstuurknop { width: 71px; height: 27px; background: transparent url(../images/verstuurknop.jpg) no-repeat; font-family: Arial; font-size: 10px;  color:black; outline: none; border: none;  cursor : pointer; }
	#contactform input.verstuurknop:hover { background: transparent url(../images/verstuurknop2.jpg) no-repeat; color: #fd5500; }
	#contactform textarea { border: 1px solid black; width: 230px; font-family: Arial; font-size: 10px; color: black;}
	
	a.imgLink { background:none; padding-left:0px;}
	a.imgLink img {padding-left:0px;}
	.noArrow { background:none ; }
	
	ul.sitemap { padding-left:0px; padding-top:10px; list-style:none; }
	ul.sitemap li.padding { padding-left:10px; }