/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background-color:#A4A4A4;
	}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px none}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	}
	
a:focus {outline:none;}
a:hover {}
h1 {font-size:16px;margin:10px 0 5px 0;}
h2 {font-size:12px;color:#575757;font-weight:normal;margin:5px 0 5px 0;}
h3 {/*BLOCK TITELS*/
	display:block;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFFFFF;
	line-height:22px;
	padding:0 0 0 12px;
	}
h4 {}
h5 {}
h6 {}	

p {margin:10px 0 5px 0;}
	
ol {}

ul {
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*border:1px solid #666666;*/
	}
li {
	display:block;
	list-style:none;
	padding:0 0 0 10px;
	/*border-bottom:1px solid #666666;*/
	background:transparent url(../gfx/li.gif) -3px 0px no-repeat;
	}
li.alt {
	background:#DEDEDE url(../gfx/li-alt.gif) -3px 0px no-repeat;
	}
li a {
	color:#898989;
	line-height:15px;
	text-decoration:none;
	}
li a:hover {
	text-decoration:underline;
	}

li li {}

label {
	
	}
	
a.logo {
	float:left;
	position:relative;
	left:20px;
	padding:10px 0 20px 0;
}
img.visual {
	border:4px solid #FFFFFF;
}
/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:985px;
	text-align:left;
	background:#FFFFFF url(../gfx/slogan.gif) 515px 15px no-repeat;

	
	/*
		min-height:100%;
	_height:100%;

	*/
	}


/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	background:transparent no-repeat top left;
	height:270px;
	overflow:hidden;
	clear:both;
	position:relative;
	}
	
/*---------- submenu's ----------*/
.rental {left:249px!important;}
.sales {left:482px!important;}
.tech {left:715px!important;}
	
/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	position:relative;
	float:right;
	margin-right:30px;
	padding-top:75px;
	}

div.navigatie a {
	color:#003875;
	text-decoration:none;
	margin-left:10px;
	}
div.navigatie a:hover {
	text-decoration:none;
	color:#abb4d1;
}
div.navigatie a.selected {
	text-decoration:none;
	color:#abb4d1;
}

a.menuButton {
	display:block;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	color:#FFFFFF;
	line-height:22px;
	padding:0 0 0 12px;
	text-decoration:none;
	}
	
/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:959px;
	overflow:hidden;
	background-color:#E6E6E6;
	margin:0 auto;
clear:both;
	_margin-left:12px;
	/*margin-bottom:40px;	*/
	padding:0 0 12px 0;
	}

div.sidebar {
	float:right;
	width:160px;
	}
	
/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/

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


/* ============================================================	*/
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/

.formGenerator,
.errorsummary *,
.formSentMessage li {
	color:#004A8D;
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:bold;
	}
.errorsummary * {color:Red;}

.formGenerator td {
	vertical-align:top;
	padding:0 5px 0 0;
	line-height:22px;
	}

.formGenerator input,
.formGenerator label,
.formGenerator textarea,
.formGenerator select {
	display:block;
	clear:both;
	border:1px solid #d0d2cd;
	}

.formGenerator td label {font-weight:normal;}
.formGenerator td td input {}
.formGenerator td td {
	background-color:#d0d2cd;
	}

.formGenerator td td label {
	padding:2px;
	}
.RadioButtonList td {
	padding:3px 3px 0 3px;
	}
.RadioButtonList * {
	text-align:center;
	margin:0 auto;
	}
.CheckBoxList td {
	border:0px solid #000000;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
.CheckBoxList input {
	clear:none;
	float:left;
	margin:8px 0 0 5px;
	#margin:5px 0 0 5px;
	}
.CheckBoxList label {
	margin:0 0 0 20px;
	clear:none;
	}


/* ============================================================	*/
/* ========	HOME PAGINA		  	===============================	*/
/* ============================================================	*/

.mainContent {
	position:relative;
	top:-5px;
	margin:0 0 0 11px;
	overflow:hidden;
	}
	
div.lGrijs-3col {
	background:transparent url(../gfx/lGrijs-3col.gif) 5px 37px no-repeat;
	}
.row {
	clear:both;
	overflow:hidden;
	padding:0 0 14px 0;
	}
.content {
	padding:12px;
	overflow:hidden;
	}
.top .block {
	height:225px;
	overflow:hidden;
	}
.bottom .block {
	height:170px;
	overflow:hidden;
	}
.block {
	position:relative;
	float:left;
	width:228px;
	background-color:#D2D2D2;
	margin-left:4px;
	_margin-left:2px;
	}

/*
.block {
	float:left;
	width:228px;
	overflow:hidden;
	margin-left:5px;
	_margin-left:0px;
	_left:5px;
	background-color:#D2D2D2;
	_position:relative;
	}
*/

.latestNews {
	background-color:transparent;
	}
	.latestNews .content p {
	    margin-top:5px;
	    }
	
	
.homeButton {
	display:block;
	background-color:#ABABAB;
	padding:80px 0 8px 15px;
	overflow:hidden;
	border-bottom:1px solid #C4C4C4;
	}
.homeButton:hover {background-color:#575757;}

.homeButton img{

height:57px;
	}



/*---------- kleuren thema's koppen ----------*/
.block h3.wit	{color:#898989; background-color:#FFFFFF;}
.block h3.rood	{color:#FFFFFF; background-color:#EE1C2D;}
.block h3.blauw	{color:#FFFFFF; background-color:#003875;}
.block h3.grijs	{color:#FFFFFF; background-color:#7B7B7B;}
/*---------- kleuren thema's blokken ----------*/
.row div.dGrijs {color:#FFFFFF; background-color:#898989;}
.row div.grijs 	{color:#898989; background-color:#C6C6C6;}
.row div.lGrijs {color:#898989; background-color:#D2D2D2;}
.row div.wit	{color:#898989; background-color:#FFFFFF;}


/* ============================================================	*/
/* ========	CONTENT/VERVOLG PAGINA ============================	*/
/* ============================================================	*/

.vervolg {
	margin-left:238px;
	}

.menu {
	_width:100%;
	overflow:hidden;
	padding-bottom:15px;
	}
	.menu a {
		background:#ABABAB url(../gfx/menu-arrows.gif) bottom right no-repeat
		}
	.menu a:hover {
		background:#575757 url(../gfx/menu-arrows.gif) top right no-repeat
		}
	.menu .block {
		margin:0 5px 0 0;
		}
		
.lGrijs-3col .block {_margin:0 0 0 0;}
.lGrijs-3col .vervolg .block {_margin:0 5px 0 0;}

.left {
	width:228px;
	float:left;
	overflow:hidden;
	position:relative;
	/*border:1px solid red;*/
}

.right {
	margin-left:233px;
	margin-right:16px;
	padding:0 12px 25px 12px;
}

.footer-3col-r {
	clear:both;
	background:url('../gfx/footer-3col-r.gif') no-repeat 5px 0px;
	height:22px;
	text-align:right;
	margin-right:16px;
	}
.footer-3col-g {
	clear:both;
	background:url('../gfx/footer-3col-g.gif') no-repeat 5px 0px;
	height:22px;
	text-align:right;
	margin-right:16px;
	}
.footer-3col-lg {
	clear:both;
	background:url('../gfx/footer-3col-lg.gif') no-repeat 5px 0px;
	height:22px;
	text-align:right;
	margin-right:16px;
	}
.footer-4col-lg {
	clear:both;
	background:url('../gfx/footer-4col-lg.gif') no-repeat 5px 0px;
	height:22px;
	text-align:right;
	margin-right:16px;
	}
.footer-2col-lg {
	clear:both;
	background:url('../gfx/footer-2col-lg.gif') no-repeat 5px 0px;
	height:22px;
	text-align:right;
	margin-right:16px;
	}
.footer-3col-b {
	clear:both;
	background:url('../gfx/footer-3col-b.gif') no-repeat 5px 0px;
	height:22px;
	text-align:right;
	margin-right:16px;
	}


/*---------- kleuren thema's koppen ----------*/
.left h3.wit, .right h3.wit		{color:#898989; background-color:#FFFFFF;}
.left h3.rood, .right h3.rood	{color:#FFFFFF; background-color:#EE1C2D;}
.left h3.blauw,	.right h3.blauw	{color:#FFFFFF; background-color:#003875;}
.left h3.grijs,	.right h3.grijs	{color:#FFFFFF; background-color:#7B7B7B;}
/*---------- kleuren thema's blokken ----------*/
div.dGrijs	{color:#FFFFFF; background-color:#898989}
div.grij	{color:#898989; background-color:#C6C6C6;}
div.lGrijs	{color:#898989; background-color:#D2D2D2;}
div.wit		{color:#898989; background-color:#FFFFFF;position:relative;}


div.lGrijs h1.red	{color:#EE1C2D;text-transform:uppercase}
div.lGrijs h1.blue	{color:#003875;text-transform:uppercase}
div.lGrijs h1.gray	{color:#7B7B7B;text-transform:uppercase}

div.wit h1.blue	{color:#003875;text-transform:uppercase;margin:0px 0 5px 0;padding-top:10px;}

.lGrijs-2col {
	background:transparent url(../gfx/lGrijs-2col.gif) top left repeat-y;
	}

.alignRight {
	text-align:right;
	}


img.comp-logo{
	margin:30px 0;
	}
/* ============================================================	*/
/* ========	DIRECTORS PAGINA	===============================	*/
/* ============================================================	*/


.directors img {
	border:4px solid #FFFFFF;
	float:left;
	position:relative;
	top:10px;
	left:10px;
	}
.directors a.more {
	position:absolute;
	width:69px;
	height:22px;
	right:0px;
	bottom:0px;
	background:url(../gfx/more.gif);	
}

	
.directors .block {
	margin:0 5px 5px 0px;
	_margin:0 2px 5px 2px;
	height:115px;
	background:#D2D2D2 url(../gfx/director-item-footer.gif) bottom left repeat-x;
	position:relative;
	width:345px;
	}
.directors .funtieblock {
	position:relative;
	float:left;
	width:130px;
	margin-left:10px;
	padding:10px 0 0 10px;
}
	
	

.wit-1col {
	background:transparent url(../gfx/wit-1col.gif) 5px 0 repeat-y;
	}
.footer-1col {
	clear:both;
	height:22px;
	text-align:right;
	margin-right:16px;
	background:transparent url(../gfx/footer-1col.gif) 5px 0px no-repeat;
	}

/* ============================================================	*/
/* ========	careers pagina	===============================	*/
/* ============================================================	*/

.careers{
	margin-left:5px;
	width:685px;
	text-align:left;
	font-size:12px;
	color:#575757;
}
.careers th{
height:30px;
text-align:left;
}
.careers td{
	line-height:20px;
	vertical-align:top;
	border-bottom:1px solid #bebebe;
}
.bekijk {
	display:inline;

	color: #7B7B7B;
	text-decoration: none;
	line-height:21px;

	}
.bekijk:hover, .bekijk-selected, .bekijk-selected:hover {color:#EE1C2D;}	

/* ============================================================	*/
/* ========	contact pagina	===============================	*/
/* ============================================================	*/

.contact{
	text-align:left;
	font-size:12px;
	color:#575757;
}
.contact td{
	line-height:16px;
	vertical-align:top;
}
.inputbox{
	height:14px;
	width:196px;
	border:1px solid #003875;
}

.submitbut{
	width:100px;
	border:1px solid #003875;
	background:#cccccc url('../gfx/button_send.gif');
}
.sendbut,
.sendbut2{
	display:block;
	float:left;
	width:89px;
	height:22px;
	border:0px;
	background:#cccccc url('../gfx/button_send.gif');
	padding-top:22px;
	overflow:hidden;
	cursor:pointer;
}.sendbut2{background:#999999 url('../gfx/button_send2.gif');}

.validation li {
    color:Red;
    background-image:url(../gfx/li-error.gif);
    }

.textbox{
	height:122px;
	width:196px;
	overflow:auto;
	border:1px solid #003875;
}


/* ============================================================	*/
/* ========	IE6 FIXES		  	===============================	*/
/* ============================================================	*/
.contentBlock {
	/*border:1px solid green;*/
	left:13px;
	}
.mainContent {
	/*border:1px solid red;*/
	}

/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:relative;
	float:left;
	/*bottom:0;
	left:0;	clear:both;*/
	width:985px;

	font-size:10px;
	height:40px;
	background:#ffffff;
	}
div#footer,
div#footer * {
	color:#898989;
	}
div#footer .textblock{
	position:relative;
	float:left;
	line-height:40px;
	padding-left:30px;
	}
div#footer .textblock a{
text-decoration:none;
	}
div#footer .textblock a:hover{
text-decoration:underline;
	}

/*

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 40 + "px"); /* IE7 fix 
	}
	
*/