html {height: 100%; margin-bottom: 1px; -ms-overflow-y: scroll;}

body {
	background: #003e62 url('../images/background.jpg') repeat-x;
	text-align: center;
	margin: 0; padding: 0;
	overflow: -moz-scrollbars-vertical;
	height: 100%;
}

body, #page, div {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #383838;
}

#page { // Horizontale position
	position: relative;
	width: 963px; height: 100%;
	top: 0px; left: 0px;
	margin-right: auto; 
	margin-left: auto;
	padding: 0px;
	background-color: #FFF;
}

#pageContainer {
	position: relative;
	top: 0px; left: 0px;
	width: 963px;
	text-align: left;
	background-color: #FFF;
}

.mainContent {table-layout: fixed; height: 100%;}
.mainContent .col1 {width: 177px; height: 100%; background: #FFF url('../images/background_col1.jpg') repeat-y; border-right: 1px solid #bbd7e4;}
.mainContent .col2 {background: #FFF url('../images/background_vervolg.jpg') no-repeat top left;}

#footer {width: 933px; padding: 10px 15px 30px 15px; background: #FFF url('../images/background_footer.jpg') repeat-x; border-top: 1px solid #bbd7e4;}

.printLogo {display: none;}

.maincontentContainer {margin: 15px 10px;}

/*-------- General styles -----------*/

H1 {font: normal 26px Arial, Helvetica, sans-serif; color: #464646; margin: 0px 0px 5px 0px;}
H2 {font: normal 18px Arial, Helvetica, sans-serif; color: #808080; margin:  0px 0px 3px 0px;}
H3 {font: bold 14px Arial, Helvetica, sans-serif; color: #464646; margin: 0px;}
H4 {font: bold 12px Arial, Helvetica, sans-serif; color: #464646; margin: 0px;}
H5 {font: bold 11px Arial, Helvetica, sans-serif; color: #006594; margin: 0px;}
H6 {font: italic bold 12px Arial, Helvetica, sans-serif; color: #006594; margin: 0px;}


H1.widget {margin-bottom: 25px;}

P {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}
/*HR {height: 1px; display:block;
 border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 0px; text-align: left;}*/
hr {
height:1px;
display:block;
margin: 2px 0px;
!margin:-5px 0px;
color:#bddae8;
background-color:#bddae8;
border:0px;
}
hr.rulerSpace {
height: 1px; display:block;
 border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 5px 0px 0px 0px;
}

a {text-decoration: none; color: #145190;}
.bold {font-weight: bold;}
a.arrow {background: url('../images/arrow_link.gif') no-repeat; font-weight: bold; background-position: 0px 3px; padding-left: 9px;}
a.arrowback {background: url('../images/arrow_linkback.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}
a.pdf {background: url('../images/icon_pdf.gif') no-repeat; background-position: 0px 0px; padding-left: 15px; display: block; height: 14px; margin-bottom: 2px;}
.white, .white H1, .white H2, .white H3, .white H4, .white H5 {color: #FFF;}
.white a {text-decoration: underline; color: #FFF;}
.hidden {display: none;}
.small {font: normal 10px Verdana, Helvetica, sans-serif;}

UL {list-style: square outside; margin-top: 5px; margin-left: 10px; padding:0px;}
OL {list-style: decimal inside; margin-top: 5px; margin-left: 0px; padding:0px;}
LI {margin-left: 5px; margin-bottom: 0px; padding: 1px 0px 3px 0px;}
TD {vertical-align: top;}

.whitespace {margin: 7px 7px 7px 7px;}
.article {margin-bottom: 15px;}
.BlueRuler {border-top: 2px solid #167cac; padding-bottom: 5px; margin-bottom: 15px;}
.whitespace_sidebar {margin-bottom: 15px;}
.BlueBg {background-color: #ecf7fb; }

.BlueRuler .whitespace H2 {margin:  0px 0px 8px 0px;}

.date {color: #666;}

/*------------------------------ STRAMIEN -------------------------------*/
.TableColSingle {table-layout: fixed; margin-bottom: 20px;} 
.TableColSingle .col1 {width: 755px; border-right: 0px solid #FFF; background: none;}

.TableColDouble {table-layout: fixed; margin-bottom: 20px;} 
.TableColDouble .col1 {width: 377px; border-right: 1px solid #FFF; background: none;}
.TableColDouble .col2 {width: 377px; background: none; }

.TableColDoubleWide {table-layout: fixed; margin-bottom: 20px;} 
.TableColDoubleWide .col1 {width: 502px; border-right: 1px solid #FFF; background: none;}
.TableColDoubleWide .col2 {width: 251px; background: none;}

.TableColTriple {table-layout: fixed; margin-bottom: 20px;}
.TableColTriple .col1, 
.TableColTriple .col2 {width: 251px; border-right: 1px solid #FFF; background: none;}
.TableColTriple .col3 {width: 251px; background: none;}


.BlueSidebarBlock {background: #167cac; overflow: auto; padding: 1px 0px; clear: both; margin-bottom: 10px;}


/*-------- TOP MENU -----------*/
#tabBar {color: #ebf5ff; background: #2f69a4 url('../images/background_tabbar.gif') repeat-x; padding: 0px; height: 42px;}
#tabBar ul, #tabBar li {list-style: none outside; margin: 0px; padding: 0px; float: left;}
#tabBar a {
	font-weight: bold; text-decoration: none; color: #3aa8dc; 
	border-right: 1px solid #b6d7e6; padding: 18px 15px 0px 15px; 
	display: block; height: 24px; float:left;
}
#tabBar a:hover {
	font-weight: bold; background: #FFF url('../images/background_tabbar_hover.gif') repeat-x; text-decoration: none; color: #3aa8dc; 
	border-right: 1px solid #b6d7e6; padding: 18px 15px 0px 15px; 
	display: block; height: 24px; float:left;
}
#tabBar a.niv1active {
	font-weight: bold; background: #FFF url('../images/background_tabbar_active.gif') repeat-x; text-decoration: none; color: #3aa8dc; 
	border-right: 1px solid #b6d7e6; padding: 18px 15px 0px 15px; 
	display: block; height: 24px; float:left;
}



.breadcrumb {position: relative; width: 933px; height: 20px; padding: 7px 15px 2px 15px; border-bottom: 1px solid #d6e7ef;}

/*-------------- PRINT AND MAIL BUTTONS -----------------------------*/
.pagetools {position: absolute; right: 0px; top: 122px; heisght: 18px; z-index: 1; }
.printpage {float: right; height: 18px; padding-right: 15px;}
.printpage a {display: block; padding: 0px 0px 3px 18px; background: #FFF url('../images/icon_print_n.gif') no-repeat 0px 1px;}
.printpage a:hover {display: block; padding: 0px 0px 3px 18px; background: #FFF url('../images/icon_print_h.gif') no-repeat 0px 1px; text-decoration: underline;}
.mailpage  {float: right; height: 18px; padding-right: 25px;}
.mailpage a {display: block; padding: 0px 0px 3px 18px; background: #FFF url('../images/icon_mail_n.gif') no-repeat 0px 1px;}
.mailpage a:hover {display: block; padding: 0px 0px 3px 18px; background: #FFF url('../images/icon_mail_h.gif') no-repeat 0px 1px; text-decoration: underline;}

/*-------------- LANGUAGE SWITH -----------------------------*/
.languageSelect {position: absolute; left: 745px; top: 0px; width: 200px; height: 28px; z-index: 1; white-space: nowrap; font-size: 1px; text-align:right;}
.languageSelect img {margin-right: 1px;}



/*-------- MAIN MENU -----------*/
#mainMenu {background-color: #2f69a4; width: 930px; overflow: auto; padding-bottom: 10px;}
.mainMenuLinks {font: normal 17px Georgia, 'Times New Roman', Times, serif; color: #ebf5ff; height: 144px; padding: 0px 8px; float: left; }
.mainMenuLinks ul, .mainMenuLinks li {list-style: square outside url('../images/bullet_mainmenu.gif'); margin: 0px; padding: 0px;}
.mainMenuLinks li {margin-left: 20px; margin-bottom: 3px;}
.mainMenuLinks a {color: #CDEAFF; text-decoration: none;}
.mainMenuLinks a:hover {color: #FFF; text-decoration: none;}
#mainMenuCol1 {width: 210px; border-right: 1px dashed #97B4D2; margin: 10px 0px;}
#mainMenuCol2 {width: 260px; border-right: 1px dashed #97B4D2; margin: 10px 0px;}
#mainMenuCol3 {width: 233px; border-right: 1px dashed #97B4D2; margin: 10px 0px;}
#mainMenuCol4 {width: 140px; margin: 10px 0px; padding-left: 12px;}
.mainMenuLinks a.white {font: normal 11px Verdana; color: #FFF;}

/*-------- LEFT MENU -----------*/
#leftMenu {margin-bottom: 10px; border-bottom: 2px solid #d4f1ff;}
#leftMenu ul {list-style: none; margin: 0px; padding: 0px;}
#leftMenu ul li {margin: 0px; padding: 0px; font: bold 13px Arial, Verdana, Helvetica, sans-serif; background: #FFF;}
#leftMenu ul li ul {list-style: none; margin: 0px; padding: 0px; }
#leftMenu ul li ul li {margin: 0px; padding: 0px; font: bold 11px Arial, Verdana, Helvetica, sans-serif; background: #ebf8ff;}
#leftMenu ul li ul li ul li {margin: 0px; padding: 0px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; background: #ebf8ff;}

#leftMenu a {display: block;text-decoration: none; width: 177px; margin: 0px;}
#leftMenu a.niv1 {color: #3aa8dc; padding: 5px 12px 5px 15px; border-top: 2px solid #d4f1ff; width: 150px;}
#leftMenu a.niv1active {color: #006092; padding: 5px 12px 5px 15px; border-top: 2px solid #d4f1ff; width: 150px;}
#leftMenu a.niv2 {color: #3aa8dc; padding: 4px 10px 5px 20px; border-top: 1px solid #d6e7ef; width: 150px;}
#leftMenu a.niv2active {color: #006092; padding: 4px 10px 5px 20px; border-top: 1px solid #d6e7ef;background: #FFF; width: 150px;}
#leftMenu a.niv3 {color: #3aa8dc; padding: 3px 10px 4px 22px; border-top: 1px dotted #c8e0ec; width: 145px;}
#leftMenu a.niv3active {color: #006092; padding: 3px 10px 4px 22px; border-top: 1px dotted #c8e0ec;background: #FFF; width: 145px;}

#leftMenu a.niv1:hover, #leftMenu a.niv1active:hover,
#leftMenu a.niv2:hover, #leftMenu a.niv2active:hover, 
#leftMenu a.niv3:hover, #leftMenu a.niv3active:hover  {background: #2891c2; color: #FFF}




/*------------ HOMEPAGE SLIDESHOW ---------------------*/
.imagestoryContainer {float:left;position:relative; width: 723px; height: 329px;}
.imagestoryBlackBox {position: absolute; left: 0px; bottom: 0px; width: 482px; height: 100px; z-index:10; background: #000;	filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
.imagestoryButtons {position: absolute; left: 15px; bottom: 20px; width: 45px; height: 42px; z-index:20;}
.imagestoryText {position: absolute; left: 70px; bottom: 0px; width: 395px; height: 65px; z-index:20; overflow: hidden; color: #FFF; }
.imagestoryText div { color: #FFF;line-height: 13px;}
.imagestoryTitle {position: absolute; left: 15px; top: 235px; width: 375px; height: 29px; z-index:20;}
.imagestoryTitle H2 {color: #FFF; font-size:22px;}
#imagestorySlidenumber {background: url('../images/background_slidenumber.gif') no-repeat; padding: 1px 5px 2px 9px; margin-top: 3px; font-weight: bold;}

/* -------------- ROTATOR ----------------*/
.rotatorContainer {position: relative; width: 723px; height: 329px; overflow:hidden; }


/* ------------ HOMEPAGE PRODUCTS MENU --------------------*/
.productsmenuContainer {position: relative;width: 240px; height: 329px; float: left; background: #FFF url('/images/bg_productsmenu.gif') no-repeat;}
.productsmenu {position: absolute; width: 240px; left: 0px; top: 53px; height: 276px; z-index: 10; background: #FFF url('../images/bg_productsitem.gif'); }
.productsmenuItem {position: relative; width: 240px; height: 46px; background: #FFF url('../images/bg_productsitem.gif') repeat-x;cursor:pointer;cursor:hand; Border: 0px; overflow: hidden;}
.productsmenuItem:hover {background: #FFF url('../images/bg_productsitem_hover.gif') repeat-x}
.productsmenuItem img {height: 45px; margin: 1px 0px;}
.productsmenuItemLink {position: absolute; font-weight: bold; left: 68px; bottom: 6px; width: 170px; z-index: 1; line-height: 12px;}




/*---------- FORMS --------------*/
.submitButton {width: 21px; height: 21px; background-image: url('../images/bt_submit_normal.gif'); border: 0px;}
.submitButtonHigh {width: 21px; height: 21px; background-image: url('../images/bt_submit_high.gif'); border: 0px;}
.emailBox {width: 108px; margin-top: 5px; margin-right: 3px; padding-left: 4px; float: left;}
input.button {
	cursor:pointer;cursor:hand; padding-bottom: 1px; height: 22px; 
	background-color: #FFF; border: 1px solid #38bee4; color: #145190; 
	font: normal 11px Verdana, Helvetica, Arial, Sans-serif; 
}
input.button:hover {
	cursor:pointer;cursor:hand; padding-bottom: 1px; height: 22px; 
	background-color: #38bee4; border: 1px solid #38bee4; color: #FFF; 
	font: normal 11px Verdana, Helvetica, Arial, Sans-serif;
}

select, option {font: normal 11px Verdana, Helvetica, Arial, Sans-serif;}
.normal {font-weight: bold;}
.xsformbuilder_select {width: 160px; font-weight: bold;}


/* --------------- HOMEPAGE CONTENT  ---------------*/
.homepageContentCol1 {width: 241px; float: left;}
.homepageContentCol2 {width: 241px; float: left;}
.homepageContentCol3 {width: 241px; float: left;}
.homepageContentCol4 {width: 240px; float: left;}
.homepageContentCol1 .whitespace,
.homepageContentCol2 .whitespace,
.homepageContentCol3 .whitespace,
.homepageContentCol4 .whitespace {margin: 20px 15px 25px 15px;}
.homepageContentCol1 H2 {margin: 0px 0px 20px 0px; padding-bottom: 10px; display:block;}
.homepageContentCol2 H2 {margin: 0px 0px 20px 0px; padding-bottom: 10px; display:block;}
.homepageContentCol3 H2 {margin: 0px 0px 20px 0px; padding-bottom: 0px; display:block;}
.homepageContentCol4 H2 {margin: 0px 0px 20px 0px; padding-bottom: 0px; display:block;}

.homepageContentCol1 .BlueRuler,
.homepageContentCol2 .BlueRuler,
.homepageContentCol3 .BlueRuler,
.homepageContentCol4 .BlueRuler {border: 0px;}

.homepageContentCol1 .introImage,
.homepageContentCol2 .introImage,
.homepageContentCol3 .introImage,
.homepageContentCol4 .introImage {display: none;}

.homepageContentCol4 .globalOperationsMapImage {width: 208px; border: 1px solid #bddae8; padding-top: 1px; margin-top: 10px;}
.homepagePlayer {margin-bottom: 3px;}

.homepageContentCol1 a.arrow,
.homepageContentCol2 a.arrow,
.homepageContentCol3 a.arrow,
.homepageContentCol4 a.arrow {
	display: block; background: url('../images/arrow_link.gif') no-repeat; 
	font-weight: bold; background-position: 0px 5px; 
	padding-left: 9px; width: 200px;
}


/* -------------------- PRODUCTEN ANKEILERS ------------------------*/
.productAnkeilerContainer {border-bottom: 1px solid #bddae8;}
.productAnkeiler {padding: 10px 0px 10px 10px; border-top: 1px solid #bddae8; overflow: auto;}
.productAnkeiler:hover {padding: 10px 0px 10px 10px; border-top: 1px solid #bddae8; overflow: auto; background: #f3fbfe; cursor:pointer;cursor:hand;}
.productAnkeilerImage {float: left; margin-right: 10px; margin-top: 3px; border: 1px solid #bddae8;}
.productAnkeiler UL {margin-bottom: 0px;}

/* -------------------- PRODUCTEN ------------------------*/
.boxFotoVideo {position: relative; width: 377px; margin-top: 10px;}
.tabs {clear: both;}
.tabs a.active {
	display: block; float: left; margin-right: 3px; 
	width: 140px; height: 22px; padding: 5px 0px 3px 7px; 
	font: normal 18px Arial, Helvetica, sans-serif; background-color: #167CAC; color: #FFF;
	border-width: 1px 1px 0px 1px; border-style: solid; border-color: #167CAC;
	}
.tabs a.inactive {
	display: block; float: left; margin-right: 3px; 
	width: 140px; height: 22px; padding: 5px 0px 3px 7px; 
	font: normal 18px Arial, Helvetica, sans-serif; background-color: #FFF; color: #167cac;
	border-width: 1px 1px 0px 1px; border-style: solid; border-color: #D6E7EF;
}
.productPhotoBlock {width: 377px; background-color: #167CAC; margin-bottom: 15px; clear:left; padding-top: 1px;}
.productPhoto {margin: 13px 13px 0px 13px; width: 352px; height: 287px;}
.productPhoto td {background: #167CAC url('../images/background_productpicture.gif') no-repeat; vertical-align: middle; text-align: center;}
.productPhotoDescription {width: 351px; padding: 6px 13px 10px 13px; }
.captionactive {color: #FFF;}
.captioninactive {display: none;}
.productPhotoThumbs {white-space: normal; width: 364px; background-color: #00547f; padding: 10px 0px 10px 13px; overflow: auto;}
.productPhotoThumbs img.active {border: 1px solid #FFF; margin-right: 3px; float: left;}
.productPhotoThumbs img.inactive {border: 1px solid #106895; margin-right: 3px; float: left;}
.productPhotoGalleryLink  {width: 351px; padding: 6px 13px 6px 13px; color: #FFF; background-color: #003b59;}
.productPhotoGalleryLink a {color: #FFF; font-weight: bold;}

.productVideoBlock {width: 377px; background-color: #167CAC; margin-bottom: 15px; clear: both; padding-top: 1px;padding-bottom: 1px; }
#videoplayer1 {margin: 13px 0px 13px 13px; width: 352px; height:287px;}

.productCompareTable td {border-top: 1px solid #a6e0f0;}
.productCompareTable td:first-child {background-color: #eefaff;}


/* ------------- PRODUCTS NEWS --------------------- */
.productRelatedNewsList {border-top: 1px solid #CCC;}
.TableColDouble .col1 .productRelatedNewsList h4 {font: normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}



/* -------------------- PRODUCT DOWNLOADS ------------------------*/
.downloadContainer {border-bottom: 1px solid #bae0f3;}
a.download {background: #FFF url('../images/icon_download_n.gif') no-repeat 2px 6px; border-top: 1px solid #bae0f3; display: block; padding: 5px 0px 5px 20px;}
a.download:hover {background: #eaf7fe url('../images/icon_download_h.gif') no-repeat 2px 6px; border-top: 1px solid #bae0f3; display: block; padding: 5px 0px 5px 20px;}

/* -------------------- NEWS ------------------------*/
.nieuwsJaarSelector {display: block; color: #167cac; background-color: #e2f0f7; border-top: 2px solid #e2f0f7; padding: 10px 10px 10px 10px; margin: 10px 0px 15px 0px;}
.newsDate {font-size: 10px;}
.singleNewsLink {padding: 3px 0px;border-bottom: 1px solid #DADADA;}

/*--------------------- EVENTS ------------------------*/
h1.eventYear {display: block; color: #167cac; font-size: 19px; border-top: 2px solid #167cac; padding: 8px 3px 3px 3px; margin: 20px 0px 15px 0px;}
.eventsItem {border-top: 1px solid #dadada; padding: 10px 0px 15px 0px;}
.eventDate {font-size: 11px; color: #666;}
.eventTitle {margin: 5px 0px 3px 0px; color: #666;}
.eventImage {}
.eventImageContainer {width: 135px; padding: 5px 5px; height: 70px;border: 1px solid #CCC; float: right; text-align: center; margin-left: 10px;}

/*--------------------- JOBS ------------------------*/
.jobsContainer {}
.jobItem {padding: 5px 0px;}
.jobItem h3 {margin: 0px;}
.jobFilterButtonSearch {
	cursor:pointer;cursor:hand; padding-bottom: 1px; height: 20px; 
	background-color: #FFF; border: 1px solid #38bee4; color: #145190; 
	font: bold 11px Verdana, Helvetica, Arial, Sans-serif; width: 120px; 
	margin-bottom: 5px;
}
.jobFilterButtonSearch:hover,.jobFilterButton:hover {border-color: #167cac; background-color: #167cac;color: #FFF;}

.jobFilterButton {
	cursor:pointer;cursor:hand; padding-bottom: 1px; height: 20px; 
	background-color: #FFF; border: 1px solid #38bee4; color: #145190; 
	font: normal 11px Verdana, Helvetica, Arial, Sans-serif; width: 120px;
	margin-bottom: 5px;
}

/* container met title van de baan, boven job application form */
.jobTitleContainer {
	background-color: #FFF; border: 1px solid #38bee4; color: #145190; 
}


/*--------------------- JOBS HIGHLIGHTS SIDEBAR------------------------*/
.jobHighLights {background: #FFF url('../images/background_job_highlights_top.gif') no-repeat top left; padding-top: 1px; padding-bottom: 10px;}
.jobHighLights .whitespace {margin:10px 10px 0px 10px;}
.jobHighLights .whitespace a.jobLinkSmall {font-weight: bold; font-size:12px; display: block; padding: 4px 0px;}
.jobHighLights .whitespace a.jobLinkSmall:hover {background: #f3fbfe;}


/*--------------------- JOBS BY DEPARTMENT SIDEBAR------------------------*/
.jobsByDepartmentContainer  {border-top: 2px solid #167cac; padding-bottom: 5px; margin-bottom: 15px;}
.jobsByDepartmentContainer h2 {margin-bottom: 10px;}
.jobsByDepartment {border-bottom: 1px solid #CCC;}
.jobsByDepartment .jobItem {padding: 5px 0px; border-top: 1px solid #CCC;}


/*--------------------- BANNERS ------------------------*/
.banner {border-top: 2px solid #167cac; padding-top: 10px; padding-bottom: 1px; margin-bottom: 10px; background: white;} /*border-top: 2px solid #167cac;*/


/*--------------------- REFERENCES ------------------------*/
.referenceCol1 {width: 55px; float: left;}
.referenceCol2 {width: 350px; float: left;}
.referenceCol2 .gray {color: #666;}
.referencesList {border-bottom: 1px solid #bae0f3; margin-bottom: 5px;}
.referenceListItem {border-top: 1px solid #bae0f3; padding: 5px 0px; overflow: auto;}
a.referenceDownload {background: #FFF url('../images/icon_download_n.gif') no-repeat 2px 4px; display: block; padding: 3px 0px 3px 20px;}
a.referenceDownload:hover {background: #FFF url('../images/icon_download_h.gif') no-repeat 2px 4px;}

/*--------------------- VIDEOPLAYER ------------------------*/
.videoPlayerContainer {width: 480px;}
.videoPlayer {margin: 10px 0px;}


/*--------------------- VIDEOINTRO ------------------------*/
.videoIntro {border-top: 1px solid #DADADA; padding: 10px 0px; width: 488px; overflow: auto; line-height: 14px;}
.videoIntroImage {float: left; margin-right: 10px;}
.videoIntro h3 {margin-bottom: 8px;}
.videoIntro h5 {margin-top: 8px;}

/*--------------------- VIDEOPLAYER SIDEBAR ------------------------*/
h2.videoHeader {margin-bottom: 10px;}
.videoSidePlayer {margin-bottom: 5px;}


/*--------------------- SOLLICITATIE / APPLICATION FORM ------------------------*/
.sollicatieForm {width: 480px;}
.sollcolheader {padding: 25px 0px 5px 0px; font-weight: bold; font-size:12px;border-bottom: 2px solid #167cac;}
.sollcol1 {width: 200px; padding: 10px 0px; border-bottom: 1px solid #EFEFEF;}
.sollcol2 {width: 280px; padding: 10px 0px; border-bottom: 1px solid #EFEFEF;}
.sollcol2 select {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 12px Arial, Helvetica, sans-serif;}


/*--------------------- 5 REASONS TO WORK AT HUISMAN ------------------------*/

.reasonsQuestion {margin: 7px 7px 7px 7px; padding: 8px 10px 5px 10px; width: 465px; background: #FFF url('../images/bg_5reasons_to_work.gif') no-repeat;}
.reasonsQuestionAnswer {padding: 10px 15px 20px 24px; }



/*---------------------- WORLDMAP -------------------*/

.locationInfo {position:absolute;top:-15px;left:12px;width:180px; z-index:15;background-color: #e5f2fb;display:none;font-size: 11px;padding: 2px 6px; border: 1px solid #3aa8dc;}
.locationLink:hover .locationInfo {display: block;}

.locationInfoLeft {position:absolute;top:-15px;right:16px;width:180px; z-index:15; background-color: #e5f2fb;display:none;font-size: 11px;padding: 2px 6px; border: 1px solid #3aa8dc; }
.locationLink:hover .locationInfoLeft {display: block;}

.locationMoreInfo {font: normal 10px Arial, Helvetica, sans-serif; color: #3AA8DC;}


/*---------------------- WORLDMAP SERVICE -------------------*/

.locationServiceInfo {position:absolute;top:-15px;left:12px;width:240px; z-index:15;background-color: #e5f2fb;display:none;font-size: 11px;padding: 2px 6px; border: 1px solid #3aa8dc;}
.locationServiceLink:hover .locationServiceInfo {display: block;}

.locationServiceInfoLeft {position:absolute;top:-15px;right:16px;width:240px; z-index:15; background-color: #e5f2fb;display:none;font-size: 11px;padding: 2px 6px; border: 1px solid #3aa8dc; }
.locationServiceLink:hover .locationServiceInfoLeft {display: block;}

.locationServiceMoreInfo {font: normal 10px Arial, Helvetica, sans-serif; color: #3AA8DC;}



/*---------------------- SIDEBAR ITEMS -------------------*/
.introImage {margin: 0px;}
.globalOperationsMapImage {width: 235px; border: 1px solid #bddae8;}
.TableColDoubleWide .col2 .introSideBarBlock H2 {margin-bottom: 0px;}
.TableColDoubleWide .col2 .introSideBarBlock {background: #FFF url('../images/background_sidebar_intro.gif') repeat-x bottom left;}


/*-------------- SEARCH -----------------------------*/
.search {position: absolute; left: 780px; top: 40px; width: 180px; height: 28px; z-index: 1;}
.searchBox {
	width: 130px; height: 15px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #666;
	background-color: #FFFFFF;
	border: 1px solid #B2B2B2; padding: 2px 0px 0px 2px; margin: 0px 3px 0px 6px;
	float: left;
}
.searchButton  {
	width: 20px;
	height: 19px;
	font-size: 12px; color: #FFF; font-weight: bold;
	background: #FFFFFF url('../images/bt_arrow_right_n.gif') no-repeat;
	border: 0px;
	float: left;
}
.searchButtonHigh {
	width: 20px;
	height: 19px;
	font-size: 12px; color: #F75001; font-weight: bold;
	background: #FFFFFF url('../images/bt_arrow_right_h.gif') no-repeat;
	border: 0px;
	cursor:pointer;cursor:hand;
	float: left;
}




/*---------- NAVBAR / PAGE NAVIGATION -------------*/
.navbar { height: 30px; padding-top: 10px;}
.navbarActivePageNumber { font-weight: bold; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
.navbarPageNumber {border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}
.navbarPreviousNextArrow {padding: 0px 5px; }
.navbarDots {display: inline; border-left: 1px solid #DADADA; padding: 0px 3px 0px 5px;}

/*---------- TAGS -------------*/
.tagsBox {border-top: 1px solid #DADADA; padding-top: 15px; margin-top: 15px;}
.tagIcon {float: left; margin-right: 10px; margin-top: 2px; }
.tagList {float: left; width: 300px; color: #CCC;}

.tagPop1 {font-size: 9px;}
.tagPop2 {font-size: 9px;}
.tagPop3 {font-size: 10px;}
.tagPop4 {font-size: 11px;}
.tagPop5 {font-size: 12px;}
.tagPop6 {font-size: 13px; line-height: 14px; font-weight: bold;}
.tagPop7 {font-size: 14px; line-height: 15px; font-weight: bold;}
.tagPop8 {font-size: 15px; line-height: 18px;}
.tagPop9 {font-size: 18px; line-height: 20px;}
.tagPop10 {font-size: 20px; line-height: 24px;}


/*-------------- Photo Gallery -----------------------------*/
input.editPhotoAlbum {border: 0px;background: #FFF url('../plugins/content_types/photoalbum/images/bt_edit_photoalbum.gif') no-repeat; width: 199px; height: 47px; clear: both; margin: 10px 0px;cursor:pointer;cursor:hand;}


.photoAlbumContainer {
	overflow: auto;
	padding: 0px 0px 20px 0px;
}

.photoAlbumThumb {
	float: left; width: 120px; height: 120px; 
	margin: 0px 3px 3px 0px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #F1F1F1;
}
.photoAlbumDescription {
	padding: 10px 0px;
}


/*------------------ Downloads --------------------*/
.downloadCategory {padding: 5px 0px 15px 0px; border-top: 1px solid #bae0f3;}
.downloadItem {padding: 3px 0px 5px 0px;}
a.downloadIcon {display: block;background: #FFF url('../images/bt_download.gif') no-repeat; padding: 0px 0px 2px 25px;}
.downloadDescription {padding: 0px 0px 2px 25px;}

/*------------------ History tool --------------------*/
.timelineContainer {position: relative; width: 740px; height: 333px; margin: 20px 0px; background: #e5eff4 url('../images/background_historytool.gif') repeat-x;}
.timelineRotatorContainer {position: relative; width: 740px; height: 333px; overflow:hidden;}

.timelineButtonPrevious {position:absolute; top: 232px; left: 0px; width: 45px; height: 101px; z-index:15;}
.timelineButtonNext {position:absolute; top: 232px; right: 0px; width: 45px; height: 101px; z-index:15;}

#timelineschuif {position: relative;}
#timelineschuif .rotatingContent {position: relative; padding-left: 0px; padding-top: 14px;}
.timelinePhoto {position:absolute; top: 14px; left: 45px; z-index:15;}
.timelineArrow {position:absolute; top: 222px; left: 80px; width: 20px; height: 10px; z-index:15;}
.timelineText {position:absolute; top: 245px; left: 80px; width: 240px; height: 70px; z-index:15; font: normal 11px Arial, Helvetica, sans-serif; color: #474747; }
.timelineText h2 {color: #006595; font-size: 22px; margin: 0px 0px 5px 0px;}

#timelineOverzicht {table-layout:fixed; width: 740px; border-bottom: 1px dotted #d4f1ff;}
#timelineOverzicht td {padding: 3px 0px 5px 0px; border-top: 1px solid #d4f1ff;}
#timelineOverzicht .timelineCol1 {width: 50px;}
#timelineOverzicht .timelineCol2 {width: 690px;}
#timelineOverzicht h3 {}




/*-------- Zoeken --------*/
.xsearchKeyword, .xsearchHighlightedKeyword {
	font-weight: bold; color: #bd0900;
}

.xsearchSearchboxContainer {
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	height:24px;
	background: #e5f2fb;
}

.xsearchPageTitle {
	 font: bold 14px Arial, Helvetica, sans-serif;
}

.xsearchResultsMessageContainer {
	margin-bottom: 10px;	
}

.xsearchResult {
	margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #bae0f3;
}

.xsearchNavbarContainer {
	margin-bottom: 0px;	
}
.xsearchModifiedDate {color: #999;}

	
/*-------- Formbuilder form -----------*/
.xsformbuilder_table td:first-child {width: 25%;}
.xsformbuilder_simple_textbox {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif;}
.xsformbuilder_large_textbox {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif;}
.xsformbuilder_small_textbox {width: 260px; border: 1px solid #a5acb2; padding:3px;margin:0px; font: normal 11px Arial, Helvetica, sans-serif; display:none; }
.xsformbuilder_calendarbox {background: #FFF url('../images/form_icon_calendar.gif') no-repeat top right; cursor:pointer;cursor:hand;}
.xsformbuilder_calendarbox:hover {background: #e8f5fb url('../images/form_icon_calendar.gif') no-repeat top right; cursor:pointer;cursor:hand;}




/*----------- WEBLOG ---------------*/
.reactieContainer {border-top: 1px solid #DDD;}
.divReactie {border-bottom: 1px solid #DDD; padding: 15px 15px 20px 15px; background: #f5f4f4;}
.divReactieAdmin {border-bottom: 1px solid #DDD; padding: 15px 15px 20px 15px; background: #f5f4f4;}
.reactieText {margin-bottom: 3px;}
.reactieFooter {color: #888;}


/*
.blogContainer {}
.blogItemIntro {position: relative; width: 283px; float: left; margin-right: 11px; margin-bottom: 33px;}
.blogItemIntro:hover {cursor:pointer;cursor:hand;}
.blogItemIntro:hover .blogItemIntroText {background: #e1e1e1 url('../images/bg_cross.gif') no-repeat 267px 51px;}
.blogItemIntro:hover a {color: #FFF;}

.blogItemIntroTitle {width: 283px; height: 20px; text-align: right; padding-top: 5px;}
.blogItemIntroText {background: #efefef url('../images/bg_cross.gif') no-repeat 267px 51px; width: 261px; height: 46px; padding: 11px;}
.blogItemIntroText P {display: inline;}
.blogAfbeelding {margin-bottom: 10px;}
.blogAfbeeldingLarge {margin-bottom: 10px;}


.divReactieAdmin {width: 530px; border-bottom: 1px solid #DDD; padding: 20px 15px 20px 45px; clear: all; background: #f5f4f4 url('../images/reactie_admin.gif') no-repeat 0px 8px;}
.videoBlok {width: 588px; padding: 20px 0px; background: #f5f4f4; text-align: center; margin-bottom: 10px;}
*/

/* REACTIES
.reactieText {margin-bottom: 3px;}
.reactieFooter {font: normal 10px Arial, Helvetica, sans-serif; color: #666666;}
 */
.blogForm {padding-top: 20px;}
.blogFormTextbox {font: normal 12px Georgia, Verdana, Arial, Helvetica, sans-serif; width: 300px;}
.blogFormTextarea {font: normal 12px Georgia, Verdana, Arial, Helvetica, sans-serif; width: 300px; height: 120px;}





/* POPUP */

.popupBody {background: #FFF url('../images/bg_header_popup.gif') repeat-x top center;}
div#pagePopupContainer {
	position: relative;
	top: 0px; left: 0px;
	width: 660px;
	text-align: left; border: 0px solid red;
	padding-bottom: 30px;
}
div#pagePopupContainer #header {margin-bottom: 15px;}
div#buttonPopupClose {position: absolute; right: 11px; top: 13px; width: 23px; height: 23px; z-index: 1;}



/* WEBSITE SURVEY */

.survey_box { 
	position: absolute; top: 160px; left: 200px; 
	width: 280px; z-index: 1000; background-color: #FFF; 
	border: 5px solid #C1C1C1; padding: 35px 40px 45px 40px; 
	color: #045f8c; font-size: 12px;
}

.survey_button_blue {
	display: block; padding: 5px 28px; 
	background-color: #3aa8dc; color: #FFF; 
	border: 1px solid #3aa8dc; float: left; 
	margin-right: 10px; font-weight: bold;
}
.survey_button_blue_hover {
	display: block; padding: 5px 28px; 
	background-color: #145190; color: #FFF; 
	border: 1px solid #145190; float: left; 
	margin-right: 10px; font-weight: bold;
}
.survey_button_white {
	display: block; padding: 5px 18px; width: 90px; background: #FFF; color: #1982b4; border: 1px solid #3aa8dc; float: left;
}
.survey_button_white_hover {
	display: block; padding: 5px 18px; width: 90px; background: #F1F1F1; color: #1982b4; border: 1px solid #3aa8dc; float: left;
}



/* ---------- ANIMATED VISUALS ----------------- */
.visual-slide-container {position: relative; height:219px;}
.visual-slide-left { float:left; width:509px; height:219px; }
.visual-slide-right { float:left; width:276px; height:219px; }


/* ------------ SERVICES CONTACTBLOCK SIDE ------------ */
.contactphotoframe { float:left; margin:0 5px 0 0; }
.contact-details { float:left; width:150px; }
ul.contact_card_icons { margin:12px 0 0 0; list-style-type: none;}
ul.contact_card_icons li { padding:1px 0 1px 20px; margin:0; background:url('../images/contact_card_icons.png') 0px 0px no-repeat; }
ul.contact_card_icons li.contact_phone { background-position:0px 1px; }
ul.contact_card_icons li.contact_fax { background-position:0px -31px; }
ul.contact_card_icons li.contact_email { background-position:0px -62px; }
