/*
***


$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_body5.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#subMenu
{
	width: 800px;
	height: 38px;
	max-height: 38px;
	background: #3f3f3f url(../images/misc_bg_pantone.gif) 0 30px no-repeat;
}
div#slogan
{
	width: 504px;
	height: 24px;
	color: #b6b6b6;
	float: left;
	
	padding: 6px 0 0 16px;
}
div#content
{
	width: 800px;
	height: 300px;
	min-height: 300px;
}
div#menuColumn
{
	list-style: none;
	width: 180px;
	min-width: 185px;
}
div#menuColumn li 
{
	width: 180px;
	min-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#textColumn
{
	width: 180px;
	height: 325px;
	min-height: 300px;
	background: #1d1d1d;
	float: left;
	color: #fff;
	line-height: 16px;
	min-width: 185px;
}
div#textColumn h1
{
	font: bold 20px Arial;
	padding: 0 0 6px 0;
}

div#middleColumn
{
	width: 385px;
	height: 350px;
	min-height: 300px;
	background: #2d2d2d;
	float: left;
	padding: 20px 20px 5px 25px;
	color: #fff;
}
div#middleColumn p
{
	line-height: 16px;
	margin: 0 0 10px 0;
}
div#middleColumn div
{
	margin: 0 0 0 76px;
}
div#middleColumn a
{
	color: #f59109;
	font: bold 11px Arial;
}
div#middleColumn a:hover
{
	text-decoration: underline;
}
div#middleColumn span
{
	width: 75px;
	float: left;
}
div#middleColumn label
{
	width: 75px;
	float: left;
}
div#middleColumn input, select
{
	margin: 0 0 3px 0 !important;
	margin: 0 0 1px 0;
	height: 18px;
	line-height: 16px;
	padding: 0 0 0 2px;
}
div#middleColumn input.zoek
{
	width: 250px;
	height: 18px;
	max-height: 20px;
	border: 1px solid #000;
	padding: 2px 0 0 2px !important;
	padding: 1px 0 0 2px;
}
div#middleColumn input.postcode
{
	width: 60px;
	height: 18px;
	max-height: 20px;
	border: 1px solid #000;
	padding: 2px 0 0 2px !important;
	padding: 1px 0 0 2px;
}
div#middleColumn input.straal
{
	width: 40px;
	height: 18px;
	max-height: 20px;
	border: 1px solid #000;
	padding: 2px 0 0 2px !important;
	padding: 1px 0 0 2px;
}
div#middleColumn select.zoek
{
	width: 250px;
	border: 1px solid #000;
}
div#middleColumn h1
{
	font: bold 20px Arial;
	padding: 0 0 6px 0;
}

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#nieuwsItems
{
	width: 185px;
	list-style: none;
}
#nieuwsItems li 
{
	width: 185px;
	height: 40px;
	float: left;
	background: url(../images/misc_bg_nieuws.gif) 0 0 repeat-x;
}
#nieuwsItems li a 
{
	width: 170px;
	height: 36px;
	padding: 5px 5px 0 10px;	
	
	font: bold 11px Arial;
	color: #fff;
	text-decoration: none;
	
	white-space: nowrap;
	float: left;
	display: block;
	margin-bottom: -1px;
}
#nieuwsItems li a:hover 
{
	color: #26aac1;
	background: url(../images/misc_bg_nieuws2.gif) 0 0 repeat-x;
}
* html #nieuwsItems a {
	width: 170px;
}
.datum
{
	color: #b3b3b3;
}

div#rightColumn
{
	width: 135px;
	height: 325px;
	min-height: 300px;
	background: #363636;
	float: left;
	padding: 20px 20px 5px 25px;
	color: #fff;
	list-style: none;
}
div#rightColumn h1
{
	font: bold 20px Arial;
	padding: 0 0 6px 0;
}
#rightColumn li 
{
	width: 135px;
	height: 40px;
}
#rightColumn li a 
{
	width: 125px;
	height: 21px;	
	
	font: bold 11px Arial;
	color: #b4b4b4;
	text-decoration: none;
	
	white-space: nowrap;
	float: left;
	display: block;
	margin-bottom: -1px;
}
#rightColumn li a:hover 
{
	color: #a4bf73;
}
* html #rightColumn a {
	width: 125px;
}


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;
	margin: 0 0 10px 0;
}
div#zoekVlak
{
	width: 150px;
	height: 50x;
	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;
}

.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;
}