/* --------------------- */ 
/* ------ GENERAL ------ */
/* --------------------- */ 

html, body {
	color: #18486f;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	height: 100%;
}

#wrapper { margin: 0 auto; width: 960px; }

a {
	color: #D1E500;
}
a:hover {
	color: #18486F;
}
#right-content a:hover {
	color: #fff;
}

/* ------------------ */ 
/* ----- HEADER ----- */
/* ------------------ */ 

#header {
	font-size: 12px;
	height: 410px;
	padding: 0 0 0 10px;
	position: relative;
	width: 950px;
}

	#header img { margin: 0 0 0 -10px; }

#logo {
	left: 42px;
	position:absolute;
	top: 0;
	width:75px;
}

	#logo img { border: 0; }

#quote {
	background: #d1e500;
	padding: 40px;
	position:absolute;
	right:30px;
	top: 80px;
	width:170px;
}

	#quote h4 {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
	}

/* -------------------------- */ 
/* ----- HEADER CONTENT ----- */
/* -------------------------- */ 

#header-content {
	font-size: 12px;
	height: 295px;
	padding: 0 0 0 10px;
	position: relative;
	width: 950px;
}

#header-content img { margin: 0 0 0 -10px; }


/* ---------------- */ 
/* ----- MENU ----- */
/* ---------------- */ 
#menu-holder { bottom:0px; position: absolute; }

#menu li {
	background: 	#fff;
	color: 			#adbd00;
	float: 			left;
	font-size: 		15px;
	height: 		30px;
	margin: 		6px 0 0 10px;
	padding: 		20px 20px 0 20px;
	text-align: 	center;
	min-width:		105px;
}

	#menu li a { color: #adbd00; text-decoration: none; }
	#menu li a:hover { color: #8ba3b7; text-decoration: none; }

/* --- ACTIVE CLASS --- */
#menu .active {
	/* --- TRANSPARANTIE --- */
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
	/* --- TRANSPARANTIE --- */
	  
	color: #18486F;
	font-size: 15px;
	height: 30px;
	margin: 1px 0 0 10px;
	padding: 25px 20px 0 20px;
}
 
#menu .active a { color: #18486f; display: block; text-decoration: none; }
#menu .active a:hover { color: #18486f; text-decoration: none; }

#menu .rollOver {
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1.0;
}

#menu .rollOut {
	-khtml-opacity: 0.9;
	-moz-opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.9;
}


/* ------ SUBMENU ------ */
#submenu-holder {
	background: #f5f5f3;
	clear: both;
	display: block;
	height: 180px;
	margin: 0 0 0 -10px;
	padding: 0 0 0 0;
	position: relative;
	width: 650px;
}

#submenu01, #submenu02, #submenu03 { position: absolute; padding: 20px 0 0 20px; height: 140px; line-height: 24px; }
 
#submenu01 { left: 18px; }
#submenu02 { left: 162px; }
#submenu03 { left: 340px; }

 
#submenu-holder ul li h5 a {
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	background: url(../media/img/arrow_up.gif) 0 6px no-repeat;
	display: block;
	font-weight: bold;
	padding: 0 0 0 9px;
	text-decoration: none;
}

#submenu-holder ul li.active h5 a,
#submenu-holder ul li h5 a:hover {
	background: url(../media/img/arrow_over.gif) 0 6px no-repeat;
	color: #adbd00;
}

#submenu-holder .rollOver li h5 a {
	color: #18486f;
}

#submenu-holder .rollOut li h5 a {
	color: #8ba3b7;
}


 
/* --- ACTIVE CLASS --- */
/*#submenu-holder li.active a, #submenu-holder li.active a:hover { 
	color: #adbd00; 
	text-decoration: none; 
}*/

/* ------------------- */ 
/* ----- CONTENT ----- */
/* ------------------- */ 
#content-wrapper {
	background: #18486f;
	float:left;
	position: relative;
	left:650px;
	width: 310px;
}

#content {
	float:left;
	font-size: 13px;
	line-height: 21px;
	position: relative;
	left: -650px;
	width: 960px;
}

.firstalinea { font-weight: bold; }
.hiddenspan { display: none; }

/* -------------------- */ 
/* --- LEFT CONTENT --- */
/* -------------------- */
 
#left-content {
	float:left;
	height: 100%;
	padding: 35px 30px 30px 40px;
	width:580px;
}

#left-content p { margin: 0 0 30px 0; }

#left-content p.justify { text-align:justify; }

#left-content h1 { font-size: 30px; margin: 0 0 15px -3px; }
#left-content h1 span { color: #8ba3b7; font-size: 22px; }
#left-content h2 { font-size: 18px; margin: 0 0 5px -3px; }
#left-content h2 span { color: #8ba3b7; font-size: 15px;  }
#left-content h3 { font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0 0 3px -1px; }

#left-content ul { margin: 0 0 30px 0; }
#left-content li { list-style-image: url(../media/img/arrow_right.gif); margin: 0 0 0 17px; }

#left-content a {color:#adbd00;}
#left-content a:hover {color:#18486f;}

#left-content .backtotop {background: url(../media/img/backtotop.gif) 0 10px no-repeat; clear:both; float:right; margin: 20px 0 0 0; padding: 0 0 0 15px;}
#left-content .left {float:left; margin: 5px 20px 40px 0;}
#left-content .right {float:right; margin: 0 0 10px 10px;}

/* --------------------- */ 
/* --- RIGHT CONTENT --- */
/* --------------------- */ 
#right-content {
	background: #18486f;
	float:left;
	height: 100%;
	width: 310px;
}
 
#subnav { background: #d1e500; color: #adbd00; height:30px; }
 
#subnav ul { float:right; margin: 0 25px 0 0; }
#subnav li { float:left; margin: 6px 5px 0 0; }
 
#subnav h3 { color: #18486f; font-size: 14px; }

#subnav li a { color: #18486f; text-decoration: none; }
#subnav li a:hover { color: #adbd00; text-decoration: none; }
 
/* --- SLIDESHOW --- */
#medewerkers {float:left;}

#medewerkers img {float:left; margin: 0 0 40px 0;}

#medewerkers h3 {color:#d1e500; font-size: 16px; margin: 0 0 5px 28px;}
#medewerkers h3 span {font-size: 14px;}

#medewerkers p {color:#fff; font-family: Arial, helvetica; font-size: 13px; margin: 0 0 0 30px; width: 250px;}

#medewerkers .line {height:1px; width: 249px; border:1px solid #0d2e4f; background: #0d2e4f; margin: 20px 0 20px 28px;}

#medewerkers ul { color: #fff; margin: 10px 0 30px 0; }
#medewerkers li { list-style-image: url(../media/img/arrow_right_bluebg.gif); margin: 0 0 0 48px; }

#medewerkers .employee {
	float: left;
	margin: 0 0 0 20px;
	width: 280px;
}

#medewerkers .employee img {
	border: none;
	float: left;
	margin-right: 15px;
}


#medewerkers .employee .name,
#medewerkers .employee .name a {
	color: #fff;
	display:block;
	font-weight: bold;
	line-height: 12px;
	margin-top: 7px;
	text-decoration: none;
}

#medewerkers .employee .function,
#medewerkers .employee .function a {
	color: #8ba3b7;
	display:block;	
	font-size: 12px;
	margin: 3px 0;
	text-decoration: none;
}

#medewerkers .employee .description {	
	display:block;
	font-size: 13px;
}

#medewerkers .employee .description a {
	background-image: url(../media/img/arrow_right_bluebg.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
	color: #fff;
	padding-right: 15px;
	text-decoration: none;
}

#medewerkers .employee .description a:hover {
	color: #adbd00;		
}



/* --- SLIDESHOW --- */
#slider { background: #02112b; }
 
#slider2 { background: #18486f; color: #fff; }
 
#slider ul, #slider li,
#slider2 ul, #slider2 li {
	list-style:none;
	margin:0;
	padding:0;
}
 
#slider li {
	height:154px;
	overflow:hidden;
	width:310px;
}
 
#slider2 li {
	color: #d1e500;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-weight: bold;
	height:180px;
	overflow:hidden;
	padding: 30px 0 0 0;
	text-align: center;
	width:310px;
}

#slider2 li span{
	color: #fff;
	display: block;
	font-family: Arial, helvetica;
	font-size: 12px;
	font-weight: normal;
	padding: 15px 50px 0 50px;
	text-align: center;
}





/* ------------------------- */ 
/* ----- CONTENT PAGES ----- */
/* ------------------------- */ 


#employees {
	margin-left: -10px;
	overflow: hidden;
}

#employees .employee {	
	float: left;	
	margin: 0 0 20px 0;
	width: 280px;
}

#employees .right {
	float: right;	
}

#employees .employee img {
	border: none;
	float: left;
	margin-right: 15px;
}


#employees .employee .name,
#employees .employee .name a {
	color: #18486f;
	display:block;
	font-weight: bold;
	line-height: 12px;
	margin-top: 7px;
	text-decoration: none;
}

#employees .employee .function,
#employees .employee .function a {
	color: #8ba3b7;
	display:block;	
	font-size: 12px;
	text-decoration: none;
}

#employees .employee .description {	
	display:block;
	font-size: 13px;
}

#employees .employee .description a {
	color: #18486f;
	text-decoration: none;
}

#employees .employee .description a .arrow {
	background-image: url(../media/img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: center left;
	height: 9px;
	margin-left: 5px;
	width: 15px;
	display: inline-block;
}

#employees .employee .description a:hover {
	color: #adbd00;		
}

#pagenav {
	display: block;
	text-align: center;
}

#pagenav a {
	color: #adbd00;
	font-size: 13px;
	text-decoration: none;
	margin: 0 3px 0 3px;
}

#pagenav a:hover {
	color: #18486f;	
}


#pagenav a.next {
	background-image: url(../media/img/arrow_right.gif);
	background-position: right 2px;
	background-repeat: no-repeat;	
	padding-right: 15px;
}

#pagenav a.next:hover {
	background-image: url(../media/img/arrow_right_blue.gif);
}

#pagenav a.prev {
	background-image: url(../media/img/arrow_left.gif);
	background-position: left 2px;
	background-repeat: no-repeat;	
	padding-left: 15px;
}

#pagenav a.prev:hover {
	background-image: url(../media/img/arrow_left_blue.gif);
}

#pagenav a.active {
	color: #18486f;
}





/* ------------------ */ 
/* ----- FOOTER ----- */
/* ------------------ */ 
#footer {
	background: #f5f5f3;
	clear:both;
	font-size: 14px;
	height: 180px;
	line-height: 21px;
	padding: 40px 0 0 40px;
	width: 920px;
}

#footer ul { float: left; }
 
#footer .spacing { margin:0 0 0 100px; }
 
#footer ul li { margin: 0 0 20px 0; }
 
#footer h3 {
	color: #18486f;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	width: 225px;
}

#footer h4 {
	color: #18486f;
	font-size: 16px;
	font-weight: bold;
	height: 26px;
	padding: 0px;
	margin: 0 0 8px 0;
	width: 150px;
}

#footer h4 a {	
	background: #18486f url(../media/img/arrow_right_bluebg_white.gif) 147px 10px no-repeat;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 21px;
	padding: 5px 0 0 8px;
	position: relative;
	width: 157px;
}

#footer h4 a:hover {	
	background-image: url(../media/img/arrow_right_bluebg.gif);
	color: #adbd00;
}
 
#footer .city {	color: #adbd00;	font-size: 13px; }
 
#footer a { color: #18486f;	text-decoration: none; }
#footer a:hover { color: #adbd00; text-decoration: none; }
 
#footer .underline { text-decoration: underline; }

/* -------------------- */ 
/* ----- META NAV ----- */
/* -------------------- */ 
#meta-nav { font-size: 12px; height: 30px; }

#meta-nav a { color: #18486f; text-decoration: none; }
#meta-nav a:hover { color: #adbd00; text-decoration: none; }

#meta-nav .left { float:left; padding: 15px 0 20px 40px; }
#meta-nav .right { float:right; padding: 15px 30px 20px 0;}


div#right-content div#medewerkers div.employee {
	float: none;
}



#choose_website {
	padding: 20px 20px 10px 20px;
}
#choose_website h2 {
	font-size: 24px;
	margin: 5px 0;
}
#choose_website a {
	text-decoration: none;
	color: #18486F;
}
#choose_website p {
	margin: 5px 0 15px 0;
}
#choose_website a:hover {
	color: #000;
}