/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Tahoma; font-size: 12px; color: #666; }
input, select, textarea { font-family: Tahoma; font-size: 12px; color: #666; }
body { background: #d4d5d7; }
img { border: 0px; display: block; }
a {outline: none; color:#2a4145;}
a:hover { text-decoration: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }
/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 890px; height: 72px; background: url('/images/headerBg.gif') repeat-y -15px 0px; }
	#headerCntr h1 { position: absolute; top: 20px; left: 35px; }
	#headerCntr h1 a { display: block; width: 388px; height: 47px; text-indent: -9999px; background: url('/images/logo.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 35px; right: 16px; width: 350px; }
		#menuCntr ul { overflow: hidden; width: 350px; list-style: none; }
		#menuCntr li { padding-right: 20px; float: right; display: inline; }
		#menuCntr li a { text-decoration: none; color: #343433; }
		#menuCntr li a:hover { text-decoration: underline; }
		#menuCntr li.selected a { font-weight: bold; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 890px; background: url('/images/contentBg.gif') repeat-y; }
	#contentCntr div.cTop { overflow: hidden; width: 890px; background: url('/images/contentTop.gif') no-repeat top; }
	#contentCntr h1 { margin: 0px 34px 30px 34px; padding: 23px 20px 0px 20px; width: 782px; height: 36px; font: 18px 'Aller', Arial; color: #333; background: url('/images/titleBg.gif') no-repeat; }
	#contentCntr h1 span { font: 14px 'Aller', Arial; color: #8b8b8b; }
	
		/* ### SLIDER BOX ### */
		/* .sliderBox { margin: 1px 35px 35px 35px; padding-bottom: 59px; position: relative; width: 819px; background: url('/images/sliderBg.gif') no-repeat bottom; }*/
		.sliderBox { margin: 25px 35px 25px 35px; position: relative; width: 819px; height:321px; border: 3px solid #009ddc;}
		.sliderBox ul { overflow: hidden; width: 819px; height: 321px; list-style: none; }
		.sliderBox li { float: left; display: inline; overflow: hidden; width: 819px; height: 321px; }
		.sliderBox #prevBtn a { padding-left: 30px; position: absolute; bottom: 16px; left: 20px; display: block; height: 30px; line-height: 30px; font-size: 11px; text-decoration: none; color: #848484; background: url('/images/prev.gif') no-repeat left; }
		.sliderBox #nextBtn a { padding-right: 30px; position: absolute; bottom: 16px; right: 20px; display: block; height: 30px; line-height: 30px; font-size: 11px; text-decoration: none; color: #848484; background: url('/images/next.gif') no-repeat right; }
		.sliderBox #prevBtn a:hover, .sliderBox #nextBtn a:hover { color: #333; }
		
		/* ### INFO BOX ### */
		.infoBox { padding: 0px 35px 30px 55px; overflow: hidden; width: 780px; }
		.infoBox div.info { margin-right: 30px; float: left; display: inline; width: 240px; }
		.infoBox div.check { margin-right: 0px; }
		.infoBox h3 { padding: 0px 0px 10px 30px; font: 18px 'Aller', Arial; color: #333; background: no-repeat left top; }
		.infoBox div.scherm h3 { background-image: url('/images/scherm.gif'); }
		.infoBox div.kleur h3 { background-image: url('/images/kleur.gif'); }
		.infoBox div.check h3 { background-image: url('/images/check.gif'); }
		.infoBox p { padding-bottom: 10px; line-height: 18px; }
		.infoBox a { color: #2a4145; }
		.infoBox a:hover { text-decoration: none; }
		
		/* ### SSLIDER BOX ### */
		.ssliderBox { margin: 0px 35px 30px 55px; position: relative; overflow: hidden; width: 780px; background: url('/images/dot.gif') repeat-x bottom; }
		.ssliderBox #prevBtn a { position: absolute; top: 50px; left: 0px; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('/images/prev2.gif') no-repeat; }
		.ssliderBox #nextBtn a { position: absolute; top: 50px; right: 0px; display: block; width: 20px; height: 20px; text-indent: -9999px; background: url('/images/next2.gif') no-repeat; }
		.ssliderBox ul { overflow: hidden; width: 701px; }
		.ssliderBox li { padding-right: 19px; float: left; display: inline; }
		.ssliderBox li.last { padding-right: 0px; }
		.ssliderBox li img { padding: 5px; border: 1px solid #dad9d9; background: #f2f2f2; }
		.ssliderBox li a.selected img {border: 1px solid #009ddc;}
		.ssliderBox div#slider { margin-left: 40px; }
		.ssliderBox div#slider ul li a { display: block; height: 148px; width: 221px;}
		.ssliderBox div#slider ul li a.selected { background:transparent url(/images/arrow.gif) no-repeat scroll center bottom; }
		
		/* ### PORT BOX ### */
		.portBox { padding: 0px 35px 30px 55px; overflow: hidden; width: 780px; }
		.portBox div.pic { float: left; width: 500px; padding: 5px; border: 1px solid #dad9d9; background: #f2f2f2; }
		.portBox div.text { float: right;  width: 256px; }
		.portBox h3 { padding-bottom: 10px; font: 18px 'Aller', Arial; color: #333; }
		.portBox p { padding-bottom: 10px; line-height: 18px; }
		.portBox a { color: #2a4145; }
		.portBox a:hover { text-decoration: none; }
		
		/* ### SERVICE BOX ### */
		.serviceBox { padding: 0px 35px 20px 55px; overflow: hidden; width: 780px; }
		.serviceBox div.text { float: left; width: 520px; }
		.serviceBox div.test { float: right;  width: 220px; }
		.serviceBox p { padding-bottom: 10px; line-height: 18px; }
		.serviceBox h2 { padding-bottom: 10px; font: 18px 'Aller', Arial; color: #333; }
		.serviceBox h3 { padding: 15px 0px 10px 0px; font: 14px 'Aller', Arial; color: #2a4145; }
		.serviceBox div.test ul { list-style: none; }
		.serviceBox div.test li { margin-bottom: 5px; padding-bottom: 5px;  }
		.serviceBox div.test li strong { display: block; font-style: normal; font-size: 11px; }
		
		/* ### CONTACT BOX ### */
		.contactBox { padding: 0px 35px 30px 55px; overflow: hidden; width: 780px; }
		.contactBox div.form { float: left; width: 320px; }
		.contactBox div.adres { float: right;  width: 380px; }
		.contactBox h3 { padding-bottom: 10px; font: 18px 'Aller', Arial; color: #333; }
		.contactBox address { padding-top: 10px; line-height: 18px; font-style: normal; }
		.contactBox p { padding-bottom: 20px; line-height: 18px; }
		.contactBox fieldset { overflow: hidden; width: 320px; border: 0px; }
		.contactBox label {display: inline-block; float: left; height: 26px; line-height: 26px; margin-bottom: 10px; width: 125px; margin-top:2px; }
		.contactBox textarea { margin-bottom: 15px; padding: 4px 5px 4px 5px; width: 308px; height: 120px; border: 1px solid #9b9b9b; background: #f9f9f9; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 44px 35px 40px 35px; overflow: hidden; width: 820px; background: url('/images/footerBg.gif') no-repeat; }
	#footerCntr p { float: left; width: 300px; font-size: 11px; }
	#footerCntr p.right { float: right; text-align: right; }
	#footerCntr a { text-decoration: none; color: #666; }
	#footerCntr a:hover { color: #333; }
	
	

hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

input, textarea, select { margin: 0; padding: 5px; width:180px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; width:70px; }
input.submit:hover { background:#444; }
input#verify {width:50px;}
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
span.required{ font-size: 13px; color: #009ddc; }

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('/images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('/images/success.gif') left no-repeat; padding-left:22px; }


ul.bullet-list {
	list-style: none;
	margin: 0;
	margin: 10px 0 20px 0;
}
ul.bullet-list li {
	padding: 2px 0px 2px 18px;
	background: url('/images/bullet.gif') no-repeat left;

}
p.front {margin-top:10px;}