/*
***


$company 	Lucas IT B.V.

$copyright 	(c) 2007 Lucas IT B.V.

***
*/

html, body, fieldset
{
	margin: 0;
	border: 0;
	padding: 0;
	
	font: 100%/120% Arial;
	background: #000 url(../images/misc_bg_body3.gif) 0 0 repeat-y;
	
	height: 100%;
}
div#wrap
{
	width: 1000px;
	max-width: 1000px;
	height: 100%;
	background: url(../images/misc_bg_wrap.jpg) 800px 0 no-repeat;
}
div#site 
{
	width: 800px;
	position: relative; 
	min-height: 250px; /* For Modern Browsers */
	min-height: 250px !important;
	height: auto !important; /* For Modern Browsers */ 
	height: 100%; /* For IE */
}
div#header
{
	width: 800px;
	height: 120px;
	max-height: 120px;
}
div#logoHeader
{
	width: 360px;
	height: 98px;
	padding: 22px 0 0 0;
	float: left;
}
div#logo
{
	width: 345px;
	height: 80px;
	cursor: pointer;
	float: right;
}
div#inlogHeader
{
	width: 440px;
	height: 109px;
	float: right;
	padding: 11px 0 0 0;
}
div#inlogBalk
{
	width: 182px;
	height: 29px;
	float: right;
	padding: 0 0 0 258px;
}
div#inlogBalk a
{
	width: 163px;
	height: 29px;
	
	background: url(../images/misc_button_inloggen.gif) 0 0 no-repeat;

	white-space: nowrap;
	display: block;
}
div#inlogBalk a:hover
{
	background: url(../images/misc_button_inloggen.gif) 0 -29px no-repeat;
}

div#registreerBalk
{
	width: 100px;
	height: 20px;
	float: right;

	color: #d11870;
}
div#registreerBalk a
{
	width: 74px;
	height: 16px;
	white-space: nowrap;
	color: #fff;
	letter-spacing: 1px;
}
div#registreerBalk a:hover
{
	font-weight: bold;
	letter-spacing: 0px;
}

div#menuBalk
{
	width: 800px;
	height: 76px;
}
div#content
{
	width: 800px;
	height: 300px;
	min-height: 300px;
}

div#mainColumn
{
	width: 615px;
	height: 350px;
	min-height: 350px;
	background: #1d1d1d;
	float: left;
	margin: 3px 0 0 0;
}

div#pages {
	width: 469px;
	color: #e5e5e5;
	float: left;
	margin: 0 0 0 130px;
	padding: 0;
}
/*paginanummering in blokjes*/
div#pages a {
	color: #e5e5e5;
	font: normal 10px/17px "Arial";
	margin: 0 2px 0 2px;
	float: left;
	display: block;
}
div#pages a:hover {
	color: #f59109;
	text-decoration: none;
}

div#pages a.nummering {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	font: normal 10px/19px "Arial";
	color: #12aab0;
	border: 1px solid #676767;
}	
div#pages a:hover.nummering {
	border: 1px solid #f59109;
	color: #f59109;
}
div#pages a.nummering_select {
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	font: bold 10px/15px "Arial";
	color: #fff;	
	border: 2px solid #12aab0;
	text-align: center;
}
div#pages a:hover.nummering_select {
	border: 2px solid #f59109;
	color: #f59109;
}
div#pages a.nummering-ends {
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	font: normal 10px/19px "Arial";
	color: #474747;
	text-align: center;
	border: 1px solid #474747;
	margin: 0 3px 0 3px;
}
div#pages a:hover.nummering-ends {
	border: 1px solid #f59109;
	color: #f59109;
}
div.aantalPages {
	position: relative;
	top: -42px;
	left: 4px;
	color: #fff;
}
div.aantalPages form {
	font: normal 10px/10px "Arial";
}


div#productInfo {
	width: 609px;
	height: 110px;
	background: #2d2d2d;
	margin: 0 0 3px 3px;
}

div#productFoto {
	width: 120px;
	height: 90px;
	float: left;
	padding: 10px;
	background: #fff;
	text-align: center;
}
div#productContent {
	width: 340px;
	height: 110px;
	float: left;
}
div#productTitel {
	width: auto;
	height: 23px;
	color: #f96f07;
	text-transform: uppercase;
	font: bold 12px Arial;
	padding: 7px 0 0 10px;
}
div#productMain {
	width: auto;
	height: 60px;
	font: 11px Arial;
	color: #e5e5e5;
	padding: 0 10px 5px 10px;
	line-height: 16px;
}
ul#productDetails {
	width: 129px;
	height: 107px;
	color: #fff;
	float: left;
	padding: 3px 0 0 0;
}
ul#productDetails li {
	margin: 6px 0 6px 0;
}
ul#productDetails li a {
	width: 119px;
	height: 26px;
	display: block;
	font: bold 11px/26px Arial;
	text-transform: uppercase;
	color: #fff;
	text-align: right;
	padding: 1px 5px 0 0;
}
ul#productDetails li a.bekijk_foto { background: url("../images/misc_button_plaatje.gif") 10px 0 no-repeat; }
ul#productDetails li a.bekijk_film { background: url("../images/misc_button_bekijkvideo.gif") 10px 0 no-repeat; }
ul#productDetails li a.zoek_dealer { background: url("../images/misc_button_zoekdealer.gif") 10px 0 no-repeat; }

ul#productDetails li a:hover.bekijk_foto { background: url("../images/misc_button_plaatje.gif") 0 -27px no-repeat; }
ul#productDetails li a:hover.bekijk_film { background: url("../images/misc_button_bekijkvideo.gif") 0 -27px no-repeat; }
ul#productDetails li a:hover.zoek_dealer { background: url("../images/misc_button_zoekdealer.gif") 0 -27px no-repeat; }

div#informatieVlak {
	width: 290px;
	height: 350px;
	padding: 20px 20px 5px 25px;
	color: #fff;
	line-height: 16px;
}
div#informatieVlak a {
	color: #eb4f18;
	font-weight: bold;
}
div#informatieVlak a:hover
{
	text-decoration: underline;
}
div#informatieVlak h1
{
	font: bold 20px Arial;
	padding: 0 0 6px 0;
}
div#controlBalk
{
	width: 335px;
	height: 30px;
	background: #2a2a2a;
}
div#control
{
	width: 110px;
	height: 30px;
	text-align: center;
	float: left;
}
div#control a
{
	width: 110px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 29px;
	display: block
}
div#control a:hover
{
	background: #4f4f4f;
}
div#overzicht
{
	width: 115px;
	height: 30px;
	color: #fff;
	text-align: center;
	float: left
}
div#overzicht a
{
	width: 115px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	display: block
}
div#overzicht a:hover
{
	background: #a4bf73;
}

div#menuColumn
{
	width: 185px;
	
	height: 350px;
	min-height: 300px;
	
	background: #2d2d2d;
	float: left;
}
div#newFireworksVlak
{
	width: 162px;
	height: 185px;
	background: url(../images/misc_bg_newFireworks.jpg) 0 0 no-repeat;
	padding: 23px 0 0 23px;
}
div#newFireworks
{
	width: 130px;
	height: 160px;
	cursor: pointer;
	padding: 10px 0 0 10px;
}
div#fotoVlak
{
	width: 120px;
	height: 90px;
	background: #000;
	text-align: center;
	color: #fff;
}
div#laatsteNieuws
{
	padding: 2px 0 0 0;
	width: 185px;
	height: 100%;
}
div#nieuwsKop
{
	width: 185px;
	height: 40px;
	background: url(../images/misc_header_laatsteNieuws.gif) 0 0 no-repeat;
}
div#menuColumn
{
	width: 185px;
	list-style: none;
}
div#zoekVuurwerk
{
	width: 175px;
	height: 50px;
	margin: 10px 0 10px 0;
	color: #b4b4b4;
	font: 11px Arial;
	padding: 5px 0 0 10px;
	background: #474747;
}
div#zoekVuurwerk a.zoekVuurwerk
{
	color: #fff;
}
div#zoekVuurwerk a:hover.zoekVuurwerk
{
	text-decoration: underline;
}
div#zoekVuurwerk label
{
	margin: 0 0 5px 0;
	width: 165px;
	height: 20px;
	cursor: pointer;
}
div#zoekVuurwerk input {
	padding: 2px 0 0 2px !important;
	padding: 0 0 0 2px;
	border: 1px solid #000;
	height: 16px !important;
	height: 18px;
	line-height: 16px;
	width: 140px;
	margin: 3px 0 0 0;
}
div#divide
{
	width: 185px;
	height: 10px;
	float: left;
}
div#menuColumn li 
{
	width: 185px;
	height: 28px;
	float: left;
	background: #474747;
	border-bottom: 1px solid #2d2d2d;
}
div#menuColumn li a 
{
	width: 170px;
	height: 21px;
	padding: 7px 5px 0 10px;	
	
	font: bold 11px Arial;
	color: #b4b4b4;
	text-decoration: none;
	text-transform: capitalize;
	letter-spacing: 1px;
	
	white-space: nowrap;
	float: left;
	display: block;
	margin-bottom: -1px;
}
div#menuColumn li a:hover 
{
	color: #fff;
}
* html #menuColumn a {
	width: 170px;
}

div#rightColumn
{
	width: 280px;
	
	height: 350px;
	min-height: 300px;
	
	background: #363636;
	float: left;
}
div#zoekDealerKaart
{
	width: 280px;
	height: 250px;
}
div#zoekDealer
{
	width: 255px;
	height: 58px;
	background: url(../images/misc_bg_search.gif) 0 0 no-repeat;
	padding: 10px 0 0 25px;
}
div#zoekVlak
{
	width: 150px;
	height: 50px;
	float: left;
}
div#postcodeVlak
{
	width: 150px;
	height: 25px;
	color: #fff;
	font: bold 12px Arial;
}
div#straalVlak
{
	width: 150px;
	height: 25px;
	color: #fff;
	font: bold 12px Arial;
}
div#zoekButton
{
	width: 65px;
	height: 50px;
	float: right;
}
div#zoekButton a
{
	width: 50px;
	height: 23px;
	white-space: nowrap;
	display: block;
	background: url(../images/misc_button_search.gif) 0 0 no-repeat;
}
div#zoekButton a:hover
{
	background: url(../images/misc_button_search.gif) 0 -23px no-repeat;
}

div#zoekDealer div input.postcode
{
	width: 33px;
	height: 15px;
	border: 1px solid #d04412;
	padding: 3px 3px 0 3px;
	color: #ad001d;
	font: bold 10px Verdana;
	letter-spacing: 1px;
}
div#zoekDealer div input.straal
{
	width: 24px;
	height: 15px;
	border: 1px solid #d04412;
	padding: 3px 3px 0 3px;
	color: #ad001d;
	font: bold 10px Verdana;
	letter-spacing: 1px;
}
div#zoekDealer label
{
	width: 75px;
	float: left;
	color: #fff;
	font: bold 12px Arial;
	text-align: right;
	padding: 3px 5px 0 0;
}

div#logoSectie
{
	width: 270px;
	padding: 0 0 0 10px;
}
div#logoSectie a
{
	color: #b6b6b6;
	font: 9px Verdana;
	padding: 0 0 0 5px;
}
div#logoSectie a:hover
{
	color: #fff;
}

div#zoekVuurwerk a
{
	color: white;
	font: bold 20px Arial;
}
div#zoekVuurwerk a:hover
{		
	color: #f8aa10;
}

.tmp_li_a
{
	height: 38px;
	padding: 0 5px 0 5px;	
	
	color: #a5a5a5;
	font: bold 11px Arial;
	
	text-transform: uppercase;
	text-decoration: none;
	line-height: 40px !important;
	line-height: 38px;
	
	white-space: nowrap;
	display: block;
	float: left;
	margin-bottom: -1px;
}