﻿:focus 
{ 
	-moz-outline-style: none; 
}

body
{
	margin-top: 0px;
	font-family:arial;
	font-size: 10pt;
}

h1
{
	color: #0072B8;
	font-family: arial;
	font-size: 12pt;
}

h2
{
	color: #FFFFFF;
	font-family: arial;
	font-size: 10pt;
	margin-top: 0px;
	margin-left: 0px;
}

h3
{
	color: #0072B8;
	font-family: arial;
	font-size: 10pt;
	margin-bottom: 0px;
}

table.beheer { }
table.beheer td { vertical-align: top; padding-bottom: 4px; }

img
{
	border: 0px;
}

a:link, a:visited
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

#siteWrapper
{
	width: 900px;
	padding-left: 0px;
	margin-top: 0px;
	margin: auto;
	background-color: #FFFFFF;
}

#topRow
{
	position: relative;
	width: 900px;
}

#topLeft
{
	display: block;
	position: relative;
	float: left;
	width: 500px;
	height: 115px;
}

#logo
{
	position: absolute;
	left: 60px;
}

#logo2
{
	position: absolute;
	top: 37px;
	left: 202px;
}

#topRight
{
	position:relative;
	float: left;
	width: 400px;
	height: 115px;
}

#infoBar
{
	position:absolute;
	top: 0px;
	right: 0px;
	width: 378px;
	height: 47px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 8pt;
	background-image: url(/img/infoBarBG.jpg);
	background-repeat: no-repeat;
	background-position: 0px -15px;
}

#infoBar a
{
	color: #3A66DD;
	text-decoration:none;
}

.topSearch
{
	position:absolute;
	left: 209px;
	top: 37px;
	width: 159px;
	height: 71px;
	padding-top: 5px;
	padding-left: 8px;
	background-image: url(/img/searchBG.jpg);
	background-repeat: no-repeat;
}

#topSearch a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.topSearchHeader
{
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}

.topSearchText
{
	width: 110px;
	height: 13px;
	margin-top: 7px;
	padding-left: 15px;
	font-size: 8pt;
	color: #666666;
	background-image: url(/img/topSearchTextBG.jpg);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.topSearchButton
{
	position: absolute;
	top: 30px;
	width: 16px;
	height: 17px;
	background-color:#FFFFFF;
	background-image: url(/img/topSearchButton.jpg);
	border-style: none;
	cursor:pointer;
}

#topMenuContainer
{
	position: relative;
	width: 900px;
	height: 39px;
	background-image: url(/img/menuBarBG.jpg);
	background-repeat: no-repeat;
}

#topMenu
{
	position: absolute;
	height: 30px;
	top: 0px;
	left: 215px;
}

#topMenu ul
{
	margin: 0px;
	padding: 0px;
}

#topMenu ul li
{
	float: left;
	width: 77px;
	height: 44px;	
	background-image: url(/img/menuBG.jpg);
	background-repeat: repeat-x;
	list-style-type: none;
}

#topMenu ul li a
{
  display: inline-block;
	width: 77px;
	height: 44px;	
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;	
	text-align: center;
	vertical-align: middle;
	line-height: 44px;
}

#topMenu ul li a.selected
{
	text-decoration: none;
	color: #0072B8;
}

#topMenu ul li a:hover
{
	text-decoration: none;
	color: #0072B8;
}

#languages
{
	position: absolute;
	width: 130px;
	text-align: center;
	top: 8px;
	right: 42px;
}

#languages input
{
	vertical-align: bottom;
}

#contentRow
{
	width: 900px;
	padding: 0px 10px 10px 10px;
	background-image: url(/img/contentBG.jpg);
	background-repeat: repeat-y;
}

#bottomRow
{
	width: 900px;
	height: 50px;
	font-size: 8pt;
	text-align: center;
	line-height: 50px;
	vertical-align: bottom;
	background-image: url(/img/bottomBG.jpg);
	background-repeat: no-repeat;
}

.header
{
	display: block;
	width: 495px;
	height: 80px;
	padding-left: 10px;
	padding-top: 20px;
	font-family: Futura;
	font-size: 30px;
	font-weight: bold;
	color: White;
	background-image: url(/img/header.jpg);
	background-repeat: no-repeat;
}

#contentContainer
{
	padding: 0px 15px 15px 15px;
}

#homeContainer
{
	padding-top: 60px;	
	padding-left: 12px;
}

.homeDiv
{
	display: block;
	float: left;
	width: 281px;
	height: 164px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial Black;
	font-size: 16pt;
	font-weight: bold;
	background-repeat: no-repeat;
}

.homeDiv:hover
{
	text-decoration: none;
}

.homeDiv.left
{
	background-image: url(/img/homeBG1.jpg);
}

.homeDiv.middle
{
	background-image: url(/img/homeBG2.jpg);
}

.homeDiv.right
{
	background-image: url(/img/homeBG3.jpg);
}

.desch
{
	font-family: Arial;
	font-weight: normal;
}

#leftContent
{
	float: left;
	overflow: hidden;
	width: 160px;
	padding: 5px;
}

#middleContent
{
	float: left;
	width: 497px;
	margin-left: 2px;
	padding: 5px;
}

#middleContent h2
{
	margin-top: 16px;
	color: #0072B8;
	margin-left: 0px;
}

#middleContent h3
{
	color: Black;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#rightContent
{
	float: left;
	width: 160px;
	padding: 5px;
}

.crumblePath
{
	height: 10px;
	font-size: 8pt;
	display: block;
	margin-bottom: 10px;
	margin-left: 5px;
}

.crumblePath a
{
	color: #000000;	
}

#menuContainer
{
	width: 160px;
	height: 184px;
	background-image: url(/img/leftMenuBG.jpg);	
}

#menuContainer h2
{
	padding-top: 3px;
	padding-left: 4px;
	color: #0072B8;
	font-size: 12pt;
}

#menuContainer table
{
	width: 100%;
}

#menuContainer td
{
	border-bottom: 1px solid white;
}

#menuContainer td a
{
	color: #0072B8;
	font-size: 8pt;	
	font-weight: bold;
	line-height: 17px;
}

#videoClips
{
	width: 160px;
	height: 108px;
	margin-top: 12px;
	padding: 5px;
	color:#FFFFFF;
	font-size: 8pt;
	background-image: url(/img/videoclipsBG.jpg);	
	background-repeat: no-repeat;
}

#brochure
{
	width: 160px;
	height: 108px;
	margin-top: 8px;
	padding: 5px;
	color:#FFFFFF;
	font-size: 8pt;
	background-image: url(/img/videoclipsBG.jpg);	
	background-repeat: no-repeat;
}

#brochure table     { margin-top: 20px; }
#brochure table td  { padding-right: 8px; vertical-align: top; }

#brochure a
{
	color:#FFFFFF;
}

/***********************************************
Nieuws in rechter sidebar
***********************************************/
#newsContainer
{
	width: 160px;
	height: 220px;
	padding: 5px 5px 0px 5px;
	background-image: url(/img/newsBG.jpg);	
	background-repeat: no-repeat;
}

#newsContainer a, #newsContainer a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

#newsContainer #nieuwsTicker
{
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 8pt;
}

#newsContainer #nieuwsTicker .rrItem
{
	height: 250px;	
}

#newsContainer #nieuwsTicker .newsItemButton
{
	width: 100%;
	text-align: right;	
}

#newsContainer #nieuwsTicker .newsItemButton a
{
	font-weight: bold;
	color: #0072b8;
}

#newsContainer table.newsItemTable
{
	width: 150px;	
}

#newsContainer table.newsItemTable td
{
	border-bottom: 1px solid white;
}

#newsContainer td.newsItemText
{
	width: 130px;
	height: 35px;
}

#newsContainer td.newsItemButton
{
	padding-bottom: 5px;
	text-align: center;
	vertical-align: bottom;
}

#newsContainer td.newsItemText a
{
	color: #FFFFFF;
	font-size: 8pt;
}

/***********************************************
Nieuwsbrief in rechter sidebar
***********************************************/
#newsletterContainer
{
	width: 160px;
	height: 142px;
	margin-top: 2px;
	padding: 5px;
	color:#FFFFFF;
	font-size: 8pt;
	background-image: url(/img/newsletterBG.jpg);	
	background-repeat: no-repeat;
}

#newsletterContainer div
{
	margin-right: 10px;	
}

#fabriekenContainer
{ 
	margin: 0px; 
	padding: 0px; 
	width: 463px; 
}

#fabriekenContainer table
{ 
	margin: 10px  0px 5px 0px; 
	padding: 0px; 
	width: 100%; 
}

#fabriekenContainer img
{ 
	margin:  0px 10px 0px 0px; 
	padding: 0px; 
}

#fabriekenContainer p,td
{ 
	margin:  0px  0px 0px 0px; 
	vertical-align: bottom; 
}

.productenDiv1
{
	position: relative;
	float: left;
	width: 249px;
	height: 125px;
	margin-left: -3px;
	background-image: url(/img/producten1.jpg);
}

.productenDiv2
{
	position: relative;
	float: right;
	width: 249px;
	height: 125px;
	margin-right: -1px;
	background-image: url(/img/producten2.jpg);
}

.productenDiv3
{
	position: relative;
	float: left;
	width: 249px;
	height: 125px;
	margin-left: -3px;
	background-image: url(/img/producten3.jpg);
}

.productenDiv4
{
	position: relative;
	float: right;
	width: 249px;
	height: 125px;
	margin-right: -1px;
	background-image: url(/img/producten4.jpg);
}

.productenText
{
	display: block;
	width: 120px;
	margin: 0px 0px 0px 10px;
	vertical-align: top;
}

.productenHeader
{
	margin: 10px 0px 0px 10px;
}

.productenButton
{
	position: absolute;
	top: 80px;
	left: 10px;
}

.productenImage
{
	position: absolute;
	top: 20px;
	left: 100px;
}

.productDetails
{
	float: left;
}

.productImages
{
	float: right;
	width: 150px;
	text-align: center;
}

.productImages img
{
	margin-bottom: 10px;
}

table.productList
{
	width: 500px;
	border: 1px solid #e0e0e0;
	font-size: 8pt;
}

table.productList tr.kop
{
	background-color: #e0e0e0;
}

table.productList tr.kop td a
{
	color: black;
}

table.productList td
{
	border-bottom: 1px solid #e0e0e0;
	border-left: none;
	border-right: none;
	height: 34px;
}

#contactForm
{
	font-weight: bold;	
}

#contactForm th
{
	width: 100px;
	vertical-align: top;
	text-align: left;
}

#contactForm .remark
{
	width: 346px;
	background-image: url(/img/contactInputBG.jpg);	
}

#contactForm input
{
	border: 0px;
	background-image: url(/img/contactInputBG.jpg);
}

#contactForm input.wide
{
	width: 350px;
}

#contactForm input.street
{
	width: 140px;
}

#contactForm input.number
{
	width: 99px;
}

#contactForm input.name
{
	width: 250px;
}

.captcha p
{
	display: block;
	float: right;	
	width: 50%;	
}

.captchaLabel
{
	display: none;
}

.clear 
{
  overflow:hidden;
  clear:both;
  height:0px;
  width:0px;
}

.errorLabel
{
	color: Red;
	font-weight: bold;
}

.nieuwsitem_btn
{
	padding-right: 10px;
	padding-left:10px;
	padding-top: 4px;
	vertical-align:top;	
}

.nieuwsitem_tekst
{
	vertical-align:top;	
	padding-top: 2px;
}

.inputList
{
	border-collapse: collapse;
	margin-bottom: 10px;
}

.inputList td
{
	padding-left:0px;
}

.inputList td input
{
	margin-left:0px;
}

.dealerlist li
{
	margin-bottom: 8px;
}