body {background-color: #30383b;margin: 0px;padding: 0px; background-image:url(../images/bg.gif); background-repeat:repeat; background-position: center center;}
.blok {height: 118px;width: 118px;font-size: 1px;}
.blok img {font-size: 1px;}
.blok a {font-size: 1px;}
.logo {background-color: #2e373c;width: 354px;height: 118px;background-image:url(../images/logo_intro.jpg);background-position: center center;background-repeat:no-repeat;}
.logo a {display: block; height: 118px; width: 354px;}
.logo_small {background-image: url(../images/logoSmall.jpg);background-color: #393d45;background-repeat:no-repeat;background-position:right center;height: 118px;width: 354px;}
.logo_small a {display: block;width: 354px;height: 118px;}
.image_large {width: 354px;height: 236px;font-size: 1px;}

/*
#divScrollTextCont {position:relative; left:0px; top; width:300px; height:180px; clip:rect(0px 300px 180px 0px); overflow:hidden; visibility:hidden;}
#divText           {position:relative; left:0px; top:0px;}

#divText p { margin-top: 0px; padding-top: 0px; }
*/
#divScrollTextCont {width:300px; height:180px; clip:rect(0px 300px 180px 0px); overflow:hidden; visibility:hidden;}
#divText           {left:0px; top:0px;}

#divText p { margin-top: 0px; padding-top: 0px; }


#statement1b, #statement2b, #statement3b, #statement4b, #statement5b, #statement6b, #statement7b, #statement8b, #statement9b, #statement10b {
width: 118px;
line-height: 18px;
font-size: 11px;
text-align: center;
color: #fff;
}
#blockContent1_10 {
font-size: 1px;
}
.navigation {
float: right;
width: 80px;
margin-right: 25px;
}
.navigation a {
color: #fff;
text-decoration:none;
}
.navigation a:hover {
color: #fff;
text-decoration:underline;
}
#marsman2 {
width: 354px;
height: 236px;
background-color: #F7931E;
}
#marsman {
width: 590px;
height: 354px;
z-index: 10000;
color: #fff;
line-height: 60px;
background-color: #30383B;
}
.marsmanTitle {
font-family:Arial, Helvetica, sans-serif;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: bold;
}
.marsmanContent {
padding-left: 20px;
padding-right: 20px;
}
.marsmanContent td {
font-family:Arial, Helvetica, sans-serif;
line-height: 14px;
font-size: 10px;
}
.marsmanBottom {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
padding-top: 5px;
line-height: 10px;
}
#porfolioCatVideo {
width: 354px;
height: 236px;
font-size: 0px;
background-color: #45484E;
}
div#submenuWrapper {
overflow: visible;
display: block;
z-index: 5;
}

.categoryName {
font-size: 18px;
padding-left: 25px;
color: #fff;
vertical-align: top;
padding-top: 10px;
}
.categoryName a {
color: #fff;
text-decoration:none;
}
.categoryName a:hover {
color: #fff;
text-decoration: underline;
}
.altOrder td {
line-height: 12px;
font-size: 11px;
}
.altOrder a {
color: #fff;
text-decoration: none;
}
.altOrder a:hover {
color: #F7931E
}

#newsArchiveLink a {
color: #fff;
text-decoration: none;
}
#newsArchiveLink a:hover {
color: #F7931E
}

#resultaat, #bureau {
height: 118px;
width: 118px;
z-index: 100;
position:relative;
}

.menu {height: 118px;width: 118px;background-color: #f7931e;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.menu a {padding-left: 25px;color: #fff;text-decoration:none;display: block;line-height: 18px;}
.menu a:hover {color: #000;}
.menu a.active {color: #333;}

.submenu1 {width: 118px; height: 103px; vertical-align:top; padding-top: 15px;}
.submenu1 a {padding-left: 10px; display: block; line-height: 18px;color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.submenu1 a:hover {color: #da963d;}

.submenu2 {width: 118px; height: 103px; vertical-align:top; padding-top: 15px;}
.submenu2 a {padding-left: 9px; display: block; line-height: 18px;color: #fff;font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;}
.submenu2 a:hover {color: #da963d;}
.submenu2 .active {color: #da963d}



#powered {
float: right;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
line-height: 20px;
}
#powered a {
color: #fff;
text-decoration:none;
}
#powered a:hover {
text-decoration: underline;
}
#skipIntro {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
line-height: 20px;
float: left;
}
#skipIntro a {
color: #fff;
text-decoration:none;
font-weight: bold;
}
#skipIntro a:hover {
text-decoration: none;
color: #F7931E;
}
#companyDetails {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
line-height: 20px;
float: left;
}
#companyDetails a {
color: #fff;
text-decoration:none;
}
#companyDetails a:hover {
text-decoration: none;
color: #F7931E;
}
textarea,input {font-family: Arial, Helvetica, sans-serif;font-size: 10px;border: 0px;margin-bottom: 3px;width: 90px;background-color: #52535A;color: #fff;
}
td {font-family:Arial, Helvetica, sans-serif;font-size: 10px; color: #fff}

/* ---------- NIEUWS MODULE ---------- */
.menu_nieuws {
width: 98px;
height: 226px;
background-color: #363d42;
padding-left: 10px;
padding-right: 10px;
vertical-align:top;
padding-top: 10px;
}
.menu_nieuws a {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #fff;
text-decoration:none;
display: block;
margin-bottom: 10px;
}
.menu_nieuws a:hover {
color: #f7931e;
}
/* ---------- FRONTPAGE NIEUWS MODULE ---------- */
.nieuwsBlock {
width: 98px;
height: 108px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
vertical-align:top;
background-color: #f7931e;
}
.front_newsTitle {
padding-bottom: 10px;
font-size: 11px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
}
.front_newsTxt {
font-size: 10px;
color: #fff;
line-height: 12px;
font-family:Arial, Helvetica, sans-serif;
}
.front_newsTxt a {
color: #fff;
text-decoration:none;
}
.front_newsTxt a:hover {

}

/* ---------- PORTFOLIO LAAG 1 ---------- */
.portfolioContent {
width: 354px;
height: 236px;
background-color: #3d4348;
vertical-align:top;
}
.portfolioTitle {
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
}
.portfolioTitle2 {
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 15px;
line-height: 12px;
}
.portfolioPlace {
padding-top: 5px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
}
.portfolioTime {
padding-top: 5px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12px;
}
.portfolioTime {
padding-top: 5px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
padding-right: 15px;
line-height: 12px;
}
.categoryInfo {
font-size: 11px;
}
.categoryInfo2 {
font-size: 11px;
padding-top: 15px;
}
.portfolioTxt {
clear: both;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:left;
line-height: 14px;
}
.portfolioTxt a {
color: #fff;
text-decoration:none;
}
.portfolioTxt a:hover {
color: #F7931E
}
.newsTxt {
clear: both;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
line-height: 14px;
text-align:left;

}
.newsTxt a {
color: #fff;
text-decoration:underline;
}
.newsTxt a:hover {
text-decoration: none;
}
.portfolioDownload {
padding-left: 15px;
float: left;
}
.portfolioBack {
float: right;
color: #f7931e;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:right;
padding-right: 15px;
margin-top: 6px;
}
.portfolioBack a {
color: #f7931e;
text-decoration:none;
}
.portfolioBack a:hover {
text-decoration: none;
color: #fff;
}
.portfolioLandScape {
vertical-align:top;
background-image:url(../images/landscape.jpg);
background-repeat:no-repeat;
}
.arrow {
padding-top: 40px;
padding-left: 40px;
}
.highlightit img {
opacity: .15;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15);
	-moz-opacity: 0.15;
	filter:alpha(opacity=15);
	opacity: 0.15;
}
.highlightit:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	opacity: 1.0;
}
.highlighted img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	opacity: 1.0;
}
.not_highlighted img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15);
	-moz-opacity: 0.15;
	filter:alpha(opacity=15);
	opacity: 0.15;
}
.nieuwsMenu {height: 118px;width: 118px;background-color: #f7931e;font-family: Arial, Helvetica, sans-serif;font-size: 11px; }
.nieuwsMenu a {padding-left: 15px;color: #fff;text-decoration:none;display: block;line-height: 12px; padding-bottom: 7px;}
.nieuwsMenu a:hover {color: #000;}
.nieuwsContent {
width: 236px;
height: 236px;
background-color: #3d4348;
vertical-align:top;
}
.nieuwsTitle {
margin: 0px;
padding: 0px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
}
.nieuwsTxt {
	padding-top: 15px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
.nieuwsTxt a{
	color: #fff;
	text-decoration:underline;
}
.nieuwsTxt a:hover{
	color: #fff;
	text-decoration:none;
}



#myScroll {
border: 0px;
outline: 0px;
/* Typical fixed height and fixed width example */
width: 304px;
height: 186px;

_width: 354px;
_height: 236px;

overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0px;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
}


#myScroll2 {
border: 0px;
outline: 0px;
/* Typical fixed height and fixed width example */
width: 304px;
height: 304px;

_width: 354px;
_height: 354px;

overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0px;
padding-left: 25px;
padding-right: 25px;
padding-top: 25px;
padding-bottom: 25px;
}


.nieuwsBack {
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:right;
padding-right: 15px;
}
.nieuwsBack a {
color: #fff;
text-decoration:none;
}
.nieuwsBack a:hover {
text-decoration: none;
color: #f7931e;
}






.blok2b  {height: 118px; width: 118px;}
.blok2b a {color: #fff;text-decoration:none;width: 118px;height: 118px;font-family: Arial, Helvetica, sans-serif;font-size: 11px}
.blok2b  a:hover {color: #fff;}
.blok2b img {height: 118px;width: 118px;display: block;}
.blok2b a:visited {color: #666666}
.archief  {height: 118px; width: 118px;}
.archief a {display: block;color: #fff;text-decoration:none;width: 118px;height: 118px;line-height: 118px;font-family: Arial, Helvetica, sans-serif;font-size: 12px}
.archief  a:hover {background-color: #52535A; color: #fff;}


/* 
 * ========================================
 * redirect page
 * ========================================
 */

.redirectBox {
height: 146px;
width: 400px;
}
.redirectBoxTop {
text-indent: 16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: white;
background-image:url(../images/homebutton-top3.gif);
background-repeat:no-repeat;
height: 24px;
line-height: 24px;
}
.redirectBoxBottom {
padding-left: 16px;
padding-right: 16px;
padding-top: 7px;
color: #ee908e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
background-image:url(../images/homebutton-bottom3.gif);
background-repeat:no-repeat;
height: 115px;
}
.redirectBoxBottom a {
color: white;
text-decoration: none;
}
.redirectBoxBottom a:hover {
color: white;
text-decoration: underline;
}


/* 
 * ========================================
 * content slide
 * ========================================
 */

.dhtmlgoodies_question {
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content {

}
 

/* 
 * ========================================
 * debug
 * ========================================
 */

div.parseTime {
	border-top: #A7A7A7 1px solid;
	border-bottom: #A7A7A7 1px solid;
	border-left: #A7A7A7 1px solid;
	border-right: #A7A7A7 1px solid;
	margin-top: 10px;
	padding: 6px;
	width: 200px;
	background-color: #f8f8f8;
	color: #000000;
}



#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 
	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
	*/
	/* CSS HACK */
	width: 596px;	/* IE 5.x */
	width/* */:/**/590px;	/* Other browsers */
	width: /**/590px;
	
	/* CSS HACK */
	height: 360px;	/* IE 5.x */
	height/* */:/**/354px;	/* Other browsers */
	height: /**/354px;
	position:relative;	/* Never change this value */	
}
.imageInGallery{
	width: 354px;
	height: 236px;
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
#imageSlideshowHolder img{
	width: 590px;
	height: 354px;
}
/* CSS for my first scrolling box */
#scrollingContainer{
	width:354px;	/* 170 pixels in width */
	height:170px;	/* Height of box */
	float:left;	/* I want the text to wrap around the box */
	font-size:14px;	/* Smaller font size than the rest of the page */
	padding-left: 20px;
	overflow:hidden;	/* Hide overflow content */
	line-height: 22px;
	font-style:italic;
}



.logo_draaijer-partner {
	height: 118px;
	width: 236px;
	background-image:url(../images/draaijer-partner.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.logo_draaijer-partner a {
	height: 118px;
	width: 236px;
	display: block;
	text-decoration:none;
}
.invitationTitle {
font-size: 18px;
padding-left: 25px;
color: #ff9900;
vertical-align: top;
padding-top: 35px;
}
.invitationSubTitle {
font-size: 14px;
font-style:italic;
padding-left: 25px;
color: #fff;
vertical-align: top;
padding-top: 10px;
}
.formIntroTxt {
	font-size: 12px;
	line-height: 16px;
}
.formIntroTxt td {
	line-height: 16px;
	height: 24px;
	font-size: 12px;
}
.formIntroTxt input[type="checkbox"], .formIntroTxt input[type="radio"] {
	margin: 0px;
	padding: 0px;
	width: 15px;
	height: 15px;
}
.formIntroTxt input, .formIntroTxt textarea {
	width: 200px;
	background-color: #666;
}