/* html */
html
{
	height: 100%;
	width: 100%;
	
}
body
{
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #9e8872 url(../gfx/bg.jpg) repeat-x 0 0;

}
body, table, th, td, p, input, textarea, select
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color:#262f39;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0 0 24px 0;
}

a
{
	color:#262f39;
}
a:hover
{
	
}
h1
{
	font-family:"arial narrow", Arial, Helvetica;
	font-size:24px;
	font-weight:normal;
}
h2 
{
	font-family:"arial narrow", Arial, Helvetica;
	font-size:16px;
	font-weight:strong;
	margin: 0 0 0 0;
}
img
{
	border: none;
}

/* layout */
.bg
{
	margin: 0 auto 0 auto;
	width: 996px;
	height: 100%;
	background: transparent url(../gfx/bodybg.jpg) top center no-repeat;
}
.container
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 966px;
	min-height: 100%;
	height: 100%;
	text-align: left;
	background: #ffffff url(../gfx/bgcontent.jpg) repeat-x 0 380px;
}
/* mozilla  \*/
html > body .container
{
	height: auto;
}
/* mozilla  */


/* header */
div.header
{
	height: 101px;
	background: #212b34 url(../gfx/bghdr.jpg) repeat-x 0 0;
	color: #ffffff;
}
img.logo
{
	padding: 10px 0 0 21px;
	float: left;
}
img.vandijk
{
	padding: 29px 0 0 28px;
	float: left;
}
div.adres
{
	font-size:12px;
	text-align: right;
	padding: 20px 20px 0 0;
	float: right;
}
/* visual */
div.visual
{
	height: 269px;
}
div.visual #altimg
{
	width:966px;
}
div.getflash 
{
	position:absolute;
	left:20px;
	top:120px;
	background-color:#d8d8d8;
	border: solid 1px #ffffff;
	padding:8px;
	width:280px;
	float:left;
	font-size:12px;
}
div.getflash IMG 
{
	display:inline;
	margin-top:8px;

}
/* nav */

div.navigatie
{
	position:relative;
	padding: 8px 0 0 210px; /*260*/
	height: 52px;
	background: #212b33 url(../gfx/bg-menu.gif) repeat-x top left;
}
div.navigatie ul {
	padding:0;
	margin:0;
	list-style:none;
}
	div.navigatie ul ul {
		display:none;
		margin-top:52px;
		padding:0;
		position:absolute;
		left:0;	
	}
div.navigatie li 
{
	padding:0;
	margin:0;
	float:left;
	cursor:pointer;

}
div.navigatie li li 
{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:auto;
	line-height:normal;
	float:none;
	position:absolute;
}
	div.navigatie li li a {
		
		line-height:normal;
		font-weight:normal;
		color:#202a31;
		width:auto;
		float:left;
		font-size:12pt;
		text-indent:0px;
		text-transform:none;
		padding:14px 20px 14px 20px;
		display:block;
		text-decoration:none;
		}
		div.navigatie li li a:hover {
			text-decoration:underline;
			}

div.navigatie li:hover ul 
{
	
}

div.navigatie ul li.selected ul,	
div.navigatie li:hover ul {
	display:block;
}
div.navigatie a
{
	display:block;
	float:left;
	position: relative;
	padding:0 4px 0 4px;
	cursor:pointer;
}
div.navigatie a.selected 
{
	text-decoration:underline;
}
div.navigatie span 
{
	display:block;
	padding:0;
	margin:0;
	height:52px;
	overflow:hidden;
	text-indent:-200px;
}
div.navigatie UL LI:hover a.diensten span,
div.navigatie UL LI:hover a.referenties span,
div.navigatie UL LI:hover a.overons span,
div.navigatie UL LI:hover a.contact span,
div.navigatie a.diensten:hover span,
div.navigatie a.referenties:hover span,
div.navigatie a.overons:hover span,
div.navigatie a.contact:hover span,
div.navigatie UL LI.selected a span
{
	background-position: left top;
}

div.navigatie a.diensten span
{
	width: 260px;
	background: #212b33 url(../gfx/btn_diensten.jpg) left bottom;
}
div.navigatie a.referenties span
{
	width: 152px;
	background: #212b33 url(../gfx/btn_referenties.jpg) left bottom;
}
div.navigatie a.overons span
{
	width: 130px;
	background: #212b33 url(../gfx/btn_avandijk.jpg) left bottom;
}
div.navigatie a.contact span
{
	width: 124px;
	background: #212b33 url(../gfx/btn_contact.jpg) left bottom;
}
div.subnavigatie
{
	height: 63px;
	background-color: #e8eeee;
	background: #e8eeee url(../gfx/shade_submenu.png) repeat-x  0 47px;
}

div.navigatie li.selected ul.subDiensten,
div.navigatie li:hover ul.subDiensten 
{	
	margin-left:215px; /*+10 */
	width:710px;
}
div.navigatie li.selected ul.subReferenties,
div.navigatie li:hover ul.subReferenties 
{
	margin-left:532px;
	width:440px;
}
div.navigatie li.selected ul.subOverons,
div.navigatie li:hover ul.subOverons 
{
	position:absolute;
	width:100%;
	left:0;
	/*margin-left:543px;*/
	margin-left:482px;
	width:540px;
}
div.navigatie li.selected ul.subContact,
div.navigatie li:hover ul.subContact 
{
	position:absolute;
	width:100%;
	left:0;
	margin-left:618px;
	width:440px;
}
/* footer */

div.footer
{
	color:#a0aaaa;
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 966px;
	height: 42px;
	clear: both;
	visibility: visible;
	background-color: #1c252c;
	font-size:12px;
}
div.footer a 
{
	color:#a0aaaa;
}
div.footer span 
{
	padding: 12px 10px 7px 10px;
	display:block;
	float:left;
}
div.footer .footerLinks
{
	text-align: right;
	padding: 12px 10px 7px 0px;
}

/* content */
div.contentBlock
{
	position:relative;
}
div.mainContent
{
	padding:32px;
	margin-left:320px;
	height: auto;
	line-height:22px;
}

div.mainContent.wide
{
	padding:32px;
	margin-left:20px;
	height: auto;
	line-height:22px;
}
div.rightFloat
{
	left:0;
	margin:30px 0 0 64px;
	width: 240px;
	position:absolute;
	padding:20px;

	
	}
	

div.rightBlock
{
	left:0;
	margin:30px 0 0 34px;
	width: 240px;
	position:absolute;
	padding:20px;
	background-color:#f4f6f6;
	color:#212b33;
	font-size:12px;
	line-height:18px;
	min-height:180px;
	
	}
	
div.rightContent 
{

	text-align:center;
}
div.rightBlock span.header 
{
	height:17px;
	display:block;
	text-indent:-900px;
	margin-bottom:20px;

}
div.rightBlock span.header.actueel
{
	background: #f4f6f6 url(../gfx/laatstenieuwskop.png) no-repeat top left;
}
div.rightBlock span.header.merken
{

	background: #f4f6f6 url(../gfx/onzemerken.png) no-repeat top left;
}
div.rightBlock IMG 
{
	padding:0px 15px 6px 15px;

}

div.imageblock 
{
	position:relative;
	float:right;
	width:150px;
	background-color:#ffffff;
	padding:16px;
	margin:0 0 12px 12px;
	border: solid 1px #808888;
	display:block;
}
div.imageblock hr 
{
	width:140px;
	border:none;
	border-bottom: solid 1px #808888;
}
div.imageblock span IMG 
{
	width:125px;
	height:32px;
	display:block;
}
div.imageblock span 
{
	text-align:center;
	padding-left:12px;
	font-size:10px;
	display:block;
}

/* form */
form
{
	margin: 0px;
}
.formGrid
{
}
.formGrid td
{
}
.formGrid .nameCell
{
}
.formGrid .inputCell
{
}
input, select
{
	vertical-align: middle;
}
input.typeText
{
	color: #F00;
	font-weight: normal;
	border-top: 1px solid #F00;
	border-right: 1px solid #F00;
	border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
}
.formGrid input.typeText
{
	padding-left: 5px;
}
label
{
	vertical-align: middle;
}
select.select
{
}
textarea.textarea
{
}
/* ============================================================	*/ 
/* ========	FORM				===============================	*/
/* ============================================================	*/

.response 
{
	margin-bottom:20px;
}
.response div.ok 
{
	display:none;
	padding:12px;	
	border:solid 1px #888888;
	background-color:#f8f8f8;	
}
.response div.error 
{
	display:none;
	padding:12px;
	border:solid 1px #ee0000;
	background-color:#f8f8f8;
}
.mainContent TD
{
	vertical-align:top;
	padding-bottom:2px;

}
.mainContent TD.label 
{
	width:140px;
}
.mainContent INPUT 
{
	width:210px;
}
.mainContent TEXTAREA 
{
	width:210px;
	height:100px;
}
.mainContent INPUT.btn 
{
	width:150px;
}
.verplicht
{
	color:#555555;
	font-size:10px;
	padding-top:20px;
}

.errors LI
{
	margin:0 0 0 20px;
}