/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #3b3b3b; }
body { background: url('../images/bodyBg.png') #671e9d no-repeat top; }
img { border: 0px; display: block; }

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

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

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

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 1004px; }
	.header1 { height: 282px; background: url('../images/headerBg.png') no-repeat; }
	.header2 { height: 208px; background: url('../images/header2Bg.png') no-repeat; }
	.header3 { height: 208px; background: url('../images/header3Bg.png') no-repeat; }
	.header4 { height: 208px; background: url('../images/header4Bg.png') no-repeat; }
	.header5 { height: 208px; background: url('../images/header5Bg.png') no-repeat; }
	.header6 { height: 245px; background: url('../images/header6Bg.png') no-repeat; }
	.header6 h2 { padding: 180px 20px 0px 20px; font-style: italic; font-weight: normal; font-size: 16px; color: #fff; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding: 11px 20px 0px 20px; width: 964px; height: 25px; }
		#menuCntr ul { overflow: hidden; width: 964px; list-style: none; }
		#menuCntr li { margin-right: 10px; float: left; display: inline; font-size: 11px; }
		#menuCntr li a { display: block; float: left; height: 16px; line-height: 16px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHL.gif') #e94123 no-repeat left; }
		#menuCntr li a span { padding: 0px 6px 0px 6px; display: block; float: left; height: 16px; cursor: pointer; }
		#menuCntr li a:hover span, #menuCntr li.selected a span { background: url('../images/menuHR.gif') no-repeat right; } 
		
		/* ### VRAAG BOX ### */
		.vraagBox { position: absolute; top: 60px; left: 10px; width: 640px; }
		.vraagBox h1 { width: 640px; height: 25px; text-indent: -9999px; background: url('../images/vraagH1.png') no-repeat top; }
		.vraagBox h2 { width: 640px; height: 45px; text-indent: -9999px; background: url('../images/vraagH2.png') no-repeat top; }
		.vraagBox p { padding-bottom: 30px; line-height: 18px; text-align: center; color: #fff; }
		.vraagBox a.button { position: absolute; top: 183px; right: 3px; display: block; width: 158px; height: 28px; text-indent: -9999px; background: url('../images/vraagdomein.gif') no-repeat; }
		
		/* ### INFO BOX ### */
		.infoBox { position: absolute; top: 60px; right: 0px; width: 320px; }
		.infoBox div.aanbieding { position: absolute; top: -63px; right: -3px; width: 155px; height: 156px; background: url('../images/aanbieding.png') no-repeat; }
		.infoBox h2 { width: 155px; height: 50px; text-indent: -9999px; background: url('../images/infoH2.png') no-repeat left top; }
		.infoBox ul { overflow: hidden; width: 320px; list-style: none; }
		.infoBox li { padding-bottom: 12px; float: left; display: inline; width: 80px; font-size: 18px; color: #fff; }
		.infoBox li.first { width: 240px; }
		.infoBox a.button { position: absolute; top: 183px; right: 11px; display: block; width: 106px; height: 27px; text-indent: -9999px; background: url('../images/meerinfo2.gif') no-repeat; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 1004px; }
	.bg { background: url('../images/contentBg.gif') repeat-y right; }
	.bg2 { background: url('../images/content2Bg.png') #fff repeat-x; }
	#contentCntr div.large { position: relative; width: 1004px; }
	#contentCntr div.large a.button { position: absolute; top: -2px; right: -12px; }
	#contentCntr div.large div.red a.button { background: url('../images/bestellenP2.gif') no-repeat; }
	#contentCntr div.large div.purple a.button { background: url('../images/bestellenP2.gif') no-repeat; }
	#contentCntr div.large div.blue a.button { background: url('../images/bestellenP2.gif') no-repeat; }
	#contentCntr div.large div.black a.button { background: url('../images/bestellenP2.gif') no-repeat; }
		
		/* ### CONTACT BOX ### */
		.contactBox { overflow: hidden; width: 1004px; }
		.contactBox h2 { margin-bottom: 10px; padding: 8px 20px 0px 20px; overflow: hidden; width: 1004px; height: 37px; font-style: italic; font-size: 16px; font-weight: normal; color: #fff; background: url('../images/topBg.png') no-repeat; }
		.contactBox address { padding: 0px 20px 30px 20px; line-height: 22px; font-style: normal; }
		.contactBox strong { font-style: italic; }
		.contactBox p { padding: 0px 20px 30px 20px; line-height: 22px; }
		.contactBox a { text-decoration: none; color: #000; }
		.contactBox a:hover { text-decoration: underline; }
		.contactBox ul { padding: 0px 20px 30px 20px; overflow: hidden; width: 500px; list-style: none; }
		.contactBox li { float: left; display: inline; line-height: 22px; }
		.contactBox ul.tel li { margin-right: 30px; }
		.contactBox ul.kvk li { width: 240px; }
		.contactBox ul.kvk li.first { width: 160px; font-weight: bold; font-style: italic; }
		
		/* ### TEXT BOX ### */
		.textBox { overflow: hidden; width: 1004px; }
		.textBox h2 { margin-bottom: 10px; padding: 0px 20px 0px 20px; float: left; height: 21px; line-height: 21px; font-size: 16px; font-weight: normal; font-style: italic; color: #fff; background: url('../images/textH2.gif') #000 no-repeat right; }
		.textBox p { padding: 0px 150px 30px 20px; line-height: 22px; }
		.textBox em { padding: 8px 20px 0px 0px; float: right; font-size: 16px; color: #fff; }
		.textBox em a { text-decoration: none; color: #fff; }
		.textBox em a:hover { text-decoration: underline; }
		.textBox div.top { margin-bottom: 10px; overflow: hidden; width: 1004px; height: 37px; background: url('../images/topBg.png') no-repeat; }
		.textBox div.bottom { overflow: hidden; width: 1004px; height: 37px; background: url('../images/topBg.png') no-repeat; }
		.textBox h1 { margin-bottom: 10px; padding: 0px 20px 0px 20px; float: left; height: 21px; line-height: 21px; font-size: 16px; font-weight: normal; font-style: italic; color: #fff; background: url('../images/textH3.png') #000 no-repeat right; }
		.textBox h3 { margin-bottom: 10px; padding: 0px 20px 0px 20px; float: left; height: 21px; line-height: 21px; font-size: 16px; font-weight: normal; font-style: italic; color: #fff; background: url('../images/textH3.png') #000 no-repeat right; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 774px; }
		
			/* ### TAB BOX ### */
			.tabBox { overflow: hidden; width: 100%; background: url('../images/tabBg.gif') repeat-x; }
			.tabBox h2 { padding: 10px; font-size: 12px; font-weight: bold; color: #ef4035; }
			.tabBox div.table { float: left; overflow: hidden; width: 258px; }
			.tabBox div.table ul { overflow: hidden; width: 296px; list-style: none; }
			.tabBox div.table li { float: left; display: inline; width: 130px; height: 24px; line-height: 24px; font-size: 11px; font-weight: bold; color: #ef4035; border-top: 1px solid #cbcbcb; }
			#leftCntr div.tabBox div.table li.first { padding-left: 10px; width: 156px; color: #282828; }
			.tabBox div.table li.dark { background: #d9d9d9; }
			.tabBox h3 { margin: 0px 0px 0px 20px; display: inline; float: left; font-size: 18px; font-weight: normal; color: #303030; }
			.tabBox a.button { margin: 10px 20px 10px 0px; display: block; float: right; width: 71px; height: 25px; text-indent: -9999px; background: url('../images/bestellen.gif') no-repeat; }
			.tabBox ul#menu { padding: 8px 0px 0px 10px; overflow: hidden; width: 709px; height: 34px; list-style: none; }
			.tabBox ul#menu li { float: left; display: inline; }
			.tabBox ul#menu li a { display: block; float: left; height: 34px; line-height: 34px; text-decoration: none; font-weight: bold; color: #fff; }
			.tabBox ul#menu li a span { padding: 0px 10px 0px 10px; display: block; float: left; height: 34px; cursor: pointer; }
			.tabBox ul#menu li a:hover, .tabBox ul#menu li.selected a { color: #ef4035; background: url('../images/tabHL.gif') #f4f4f4 no-repeat left; }
			.tabBox ul#menu li a:hover span, .tabBox ul#menu li.selected a span { background: url('../images/tabHR.gif') no-repeat right; }
			.tabBox ul#menu li.purple a:hover, .tabBox ul#menu li.selected.purple a { color: #bf1466; }
			.tabBox ul#menu li.blue a:hover, .tabBox ul#menu li.selected.blue a { color: #3457bd; }
			.tabBox ul#menu li.black a:hover, .tabBox ul#menu li.selected.black a { color: #000; }
			.tabBox p { padding: 10px 20px 10px 20px; line-height: 18px; height: 55px; background: url('../images/textBg.gif') no-repeat right bottom; }
			.tabBox div.tab { display: none; }
			.tabBox div.selected { display: block; }
			.tabBox div.purple h2, .tabBox div.purple div.table li { color: #bf1466; }
			.tabBox div.purple a.button { background: url('../images/bestellenP.gif') no-repeat; }
			.tabBox div.blue h2, .tabBox div.blue div.table li { color: #3457bd; }
			.tabBox div.blue a.button { background: url('../images/bestellenBL.gif') no-repeat; }
			.tabBox div.black h2, .tabBox div.black div.table li { color: #000; }
			.tabBox div.black a.button { background: url('../images/bestellenB.gif') no-repeat; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 230px; }
		
			/* ### SIDE BOX ### */
			.sideBox { padding: 10px; width: 210px; background: url('../images/loginBg.gif') #161616 repeat-x; }
			.sideBox h3 { padding-bottom: 30px; font-size: 16px; font-weight: normal; font-style: italic; color: #fff; }
			.sideBox ul { list-style: none; }
			.sideBox li { line-height: 22px; font-size: 13px; }
			.sideBox li a { text-decoration: none; color: #fff; }
			.sideBox li a:hover, .sideBox li.selected a { color: #ba289c; }
		
			/* ### DOMEIN BOX ### */
			.domeinBox { padding: 10px 8px 10px 8px; width: 214px; background: url('../images/domeinBg.gif') #fff repeat-x bottom; }
			.domeinBox h2 { padding-bottom: 10px; font-size: 16px; text-align: center; font-weight: bold; color: #bf1466; }
			.domeinBox fieldset { overflow: hidden; width: 214px; border: 0px; }
			.domeinBox a.button { margin: 0px 0px 0px 70px; display: block; width: 88px; height: 29px; text-indent: -9999px; border: 0px; background: url('../images/controleren.gif') no-repeat; }
			.domeinBox input.field { margin: 0px 4px 10px 4px; padding: 7px 5px 0px 5px; float: left; width: 151px; height: 19px; font-style: italic; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.domeinBox p { float: left; height: 26px; line-height: 26px; font-size: 11px; }
			
			/* ### LOGIN BOX ### */
			.loginBox { padding: 10px; width: 210px; background: url('../images/loginBg.gif') #161616 repeat-x; }
			.loginBox h2 { padding-bottom: 20px; font-size: 17px; font-weight: bold; text-align: right; color: #fff; }
			.loginBox fieldset { overflow: hidden; width: 210px; border: 0px; }
			.loginBox label, .loginBox p { padding-right: 3px; display: block; text-align: right; color: #fff; }
			.loginBox input.field { margin: 0px 0px 10px 42px; padding: 11px 10px 0px 10px; float: left; width: 148px; height: 24px; font-style: italic; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
			.loginBox a { color: #fff; }
			.loginBox a:hover { text-decoration: none; }
			.loginBox a.button { margin-top: 10px; display: block; float: right; width: 61px; height: 29px; text-indent: -9999px; border: 0px; background: url('../images/login.gif') no-repeat; }
	
	/* ### INFO CONTAINER ### */
	#infoCntr { padding: 20px 10px 0px 765px; overflow: hidden; width: 229px; height: 124px; background: url('../images/infoBg.png') no-repeat; }
	#infoCntr h2 { line-height: 17px; font-size: 12px; font-weight: bold; color: #fff; }
	#infoCntr p { padding-bottom: 12px; line-height: 17px; color: #fff; }
	#infoCntr a.button { display: block; float: right; width: 64px; height: 22px; text-indent: -9999px; background: url('../images/meerinfo.gif') no-repeat; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 1004px; height: 70px; background: url('../images/footerBg.png') no-repeat center 8px; }
	#footerCntr p { padding: 20px 0px 0px 225px; font-size: 10px; color: #fff; }