/* CSS Document */
/* verschillende stylen resetten */
img, object{
	border: none;
}

h1{
	margin:0 0 20px 0;
	padding:0;
	/*color:#003c76;*/
	color:#1E394C;

	font-size:120%;
}
	
	h1 a, h2 a{
		text-decoration:none;
		/*color:#003c76;*/
		color:#1E394C;
	}
	
	h1 a:hover, h2 a:hover{
		text-decoration:underline;
	}
	.small{
		color:#646567;
		font-size:100%;
	}
.slideshow {
	float: left;
	width: 100%;
	height: 100%;
}
.slideshow img {
	float: left;
	width: 100%;
	height: auto;
}
#cycle {
	height: 335px;
	width: 494px;
}
h2{
	margin:0 0 5px 0;
	padding:0;
	/*color:#003c76;*/
	color:#1E394C;
	font-size:73%;
}

h3, h4, h5, h6{
	margin:0;
	padding:30px 0 5px 0;
	/*color:#003c76;*/
	color:#1E394C;
	font-size:73%;
}

p{
	padding:0;
	margin:0 0 15px 0;
	font-size:11px;
	line-height:170%;
	/*color:#003c76;*/
	color:#1E394C;
}

ul, ol{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	font-size:11px;
	font-weight:bold;

}

td ul{
	font-size:100%;
}

ul.print_optie{
	margin:0;
}

ul li{
	padding:0 0 0 15px;
	line-height:170%;
	background:url(../images/list.gif) 0 6px no-repeat;
}
ul li a{
	color:#646567;
	text-decoration:none;
}
ul li a:hover{
	text-decoration:underline;
}

ul li ul, ul li ol, ol li ul, ol li ol{
	font-size:100%;
}

table{
}

tr{
}

td{
	padding:0 15px 0 0;
	margin:0;
	font-size:73%;
	line-height:170%;
	color:#000000;
}

input, select, textarea{
	border:1px solid #003c76;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	width:175px;
}

input[type="submit"], input.submit{
	border:1px solid #003c76;
	background-color:#003c76;
	color:#FFFFFF;
	padding:1px 3px 1px 3px;
	width:auto;
	cursor:pointer;
}

input[type="radio"], input.radio, .noborder{
	border:none;
	width:auto;
}

a{
}

a:hover{
}

.clear{
	clear:both;
}

/* standaard layout stylen */
body{
	margin:0;
	padding:0;
	/*background:#00627F;*/
	/*background:url(../images/bg_body.gif) top center repeat-y #cfdfe5;*/
	background-image: url(../images/bg2.png);
	background-repeat: repeat;
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	position:absolute;
	top:0;
	left:50%;
	width:988px;
	margin:0 0 0 -495px;
	border-right:1px solid #FFFFFF;
	//min-height:100%;
	//height:100%;
	background-color: #1E394C;
}
html, 
body{
	min-height:100%;
	width:100%;
	height:100%;
} 

html>body,
html>body #container{
	height:auto;
}



/* HOME */
/*----------------------------------------------------------*/


.top_line {
	background-color: #1E394C;
	height: 40px;
	width: 989px;
	color: #fff;

}

#main {
	/*height: auto;
	margin-bottom: 25px;*/
}

#home_left{
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:470px;
	/*background:url(../images/manual.jpg) 75px bottom  no-repeat #FFFFFF;*/
	background:url(../images/energy-home-new.png) 0 bottom  no-repeat #FFFFFF;
	z-index:1;
}
	#home_left #logo{
		height:125px;
		/*background-color:#003c76; */
		margin:0 1px 0 0;
	}	
	#home_left #logo img{
		margin-top:30px;
		padding:15px 0 0 18px;
		height: auto;
		width: 350px;
	}
	#home_line{
		height:10px;
		/*background-color:#F0DD07;*/
		/*new		*/
		background-color:#FFD500;
		width:989px; 
		/*new end  */

		margin:0;
		padding:0;
	}
	#home_left #inhoud{
		padding:13px 50px 15px 75px;
	}
	#home_left #manual{
		margin:0 0 0 220px;
		padding:25px 0 0 0;
	}
		#home_left #manual h2{
			font-size:73%;
			/*color:#003c76;*/
			color:#1E394C;
			margin:0;
			padding:0;
		}
		#home_left #manual p{
			color:#717171;
			width:165px;
		}
		#home_left #manual ul{
			position:relative;
			margin:0;
			padding:0;
		}

	

#home_right{
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:470px;
	/*height:100%;*/
	z-index:2;
	/*background:url(../images/bg_bottom.jpg) bottom right no-repeat #003c76;*/
}
	#home_right #top{
		height:50px;
		border-bottom:1px solid #FFFFFF;
		position: relative;
		width: 988px;
		left: -494px;
		float: left;

	}
	#home_right #flash{
		/*background:url(../images/home.jpg) top right no-repeat;*/
		/*background-color:#00627F;*/
		background-color:none;
		height:405px;
		padding-top:69px;
		margin-top: 66px;
	}


#spacing{
	height:435px;
	position:relative;
}
	
#content{
	 /*position:relative;*/
	 margin:0px 0px 0px 0px;
	 /*z-index:300;*/
	 background-color:#1E394C;
}
	
	#content #exhibitions, #seminars{
		width:260px; 
		min-height:375px;
		background-color:#ffffff;
		border:1px solid #FFFFFF;
		float:left;
		margin:30px 20px 0px 75px; 

/*		position:relative;
		z-index:5;
*/		}
	
	#seminars{
		margin: 30px 20px 0 0;
	}
	
	#content #news{
		width:260px; 
		float:left;
		/*	margin-left:60%; */
		min-height:375px;
		background-color:#ffffff;
		border:1px solid #FFFFFF;
		margin-top:30px;
/*		position:relative;
		z-index:5;
*/		
		}
	#content #news p{
			margin:0 0 15px 0;
		}
	#content #news p a{
		color:#646567;
		text-decoration:none;
	}
	#content #news p a:hover{
		text-decoration:underline;
	}
	#content #news ul li{
		 	float:left; 
			padding:0 10px 0 10px;
		 }	
	#content #news ul{
		margin:0;
	}	
	#content #news h3{
		margin:15px 0 0 0;
	}
	
	#content #news .content_space{
		padding:0 15px 0 15px;
	}
		
	#exhibitions h2, #seminars h2, #news h2{
		/*background-color:#003c76;*/
		background-color:#1E394C;
		margin:0;
		padding:5px 0 5px 15px;
		color:#FFFFFF;
		font-size:73%;
		}
	#exhibitions h3, #seminars h3, #news h3{
		color:#0072ba;
		font-size:11px;
		margin:0;
		padding:0;
		line-height:170%;
	}
	#news h3 a{
		color:#0072ba;
		text-decoration:none;
	}
	#news h3 a:hover{
		text-decoration:underline;
	}
	
	#exhibitions ul, #seminars ul, #news ul{
		position:relative;
	}
	#exhibitions p, #seminars p, #news p{
		margin:0;
		color:#646464;
	}
	.more_items{
		border-top:1px solid #CCCCCC;
		padding:5px 15px 5px 15px;
	}
	.more_items ul{
		margin:0;
		position:relative;
	}
		.more_items ul li{
			background:url(../images/list_read_more.gif) 0 6px no-repeat;
			color:#0072ba;
		} 
		.more_items ul li a{
			color:#0072ba;
		}
		
	.content_space{
		padding:15px 20px 0 15px;
	}
	

#address{
	position:absolute;
	bottom:0;
	margin:0 0 0px 75px;
}

#address a{
	color:#FFFFFF;
}
#address a:hover{
	text-decoration:none;
}

#address p{
	color:#FFFFFF;
	padding:15px 0 0 0;
	margin:0;
	font-size:11px;
}
#address-2{
	bottom:0;
	margin:0 0 20px 75px;
}

#address-2 a{
	color:#FFFFFF;
}
#address-2 a:hover{
	text-decoration:none;
}

#address-2 p{
	color:#FFFFFF;
	padding:15px 0 0 0;
	margin:0;
	font-size:11px;
}

#footer {
	color:#FFFFFF;
	font-size:65%;
	padding:11px 0 0 0;
}
	#footer a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	
	
	
/*----------------------------------------------------------*/
/* vervolg */
#vervolg, #vervolg #container{
	background:#FFFFFF;
}

body#vervolg{
	margin:0;
	padding:0;
	/*background:url(../images/bg_body_vervolg.gif) top center repeat-y #cfdfe5;*/
	background-image: url(../images/bg2.png);
	background-repeat: repeat;
}

#main {
	/*height: auto;*/
	background-color: #ffffff;
	padding-bottom: 137px;
}

#vervolg #vervolg_left{
		position:absolute;
		left:0;
		top:0;
		height:105px;
		width:30%;
		z-index: 10;
				
		}	
		#vervolg_left #logo{
			margin:0 1px 0 0;
			/*background-color:#003c76;*/
			height:130px;
		}
		#vervolg_left #logo img{
			margin-top:30px;
			padding:18px 0 0 18px;
			height: auto;
			width: 350px;
		}

#vervolg #content_left{
	 width:335px;
	 float:left;
	 position:relative;
	 z-index:5;
	 padding: 0 0 85px 0;
}		

#vervolg #no_submenu{
	height:138px;
}

#vervolg #submenu{
	width:240px;
	border:1px solid #DEDEDE;
	/*margin:100px 0 0 24px;*/
	margin:160px 0 0 24px;
	padding:0 0 15px 0;
	background-color:#FFFFFF;
	}
	#submenu h2{
		/*background-color:#003c76;*/
		background-color:#1E394C;
		margin:0;
		padding:5px 0 5px 15px;
		margin:0 0 15px 0;
		color:#FFFFFF;
		font-size:73%;
	}
	#submenu ul{
		margin:0 0 0 15px;
	}
	#submenu ul li ul {
		margin:0;
	}
	#submenu ul li a{
		font-weight:bold;
		color:#656567;
	}
	#submenu ul li.active ul li a{
		color:#656567;
	}
	#submenu ul li ul li a{
		font-weight:normal;
	}
	#submenu ul li.active a, #submenu ul li ul li.active a{
		/*color:#003c76;*/
		color:#1E394C;
	}
	#submenu ul li.active{
		/*color:#003c76;*/
		color:#1E394C;
		background:url(../images/active.gif) 0 6px no-repeat;
	}
	
#vervolg #manual{
	height:153px;	
	margin:43px 0 0 0;
}
	#vervolg #manual img{
		float:left;
		padding-top:0px;
	}
	#vervolg #manual p, #vervolg #manual ul, #vervolg #manual h3{
		margin:0 0 0 143px;
	}	
 	#vervolg #manual ul li a, #vervolg #manual h3{
	 color:#828282;
	}
	#vervolg #manual h3{
		font-size:73%;
		/*width:115px;*/
		margin-bottom:10px;
	}
	
	#vervolg #manual p{
	 	color:#828282;
		font-size:73%;
		width:110px;
		margin-bottom:10px;
	}
	#vervolg #manual ul li a{
		font-weight:bold;
	}

#vervolg #vervolg_right{
	position:absolute;
	right:0;
	top:0;
	width:50%;
	height:115px;
	/*background:url(../images/right_top_bg.jpg) right top repeat-y #005791;*/

	/*new*/
	/*background:#003c76;*/
	/*new end*/
}
	#vervolg_right #top{
		height:50px;
		border-bottom:1px solid #FFFFFF;

		position: relative;
		width: 988px;
		left: -494px;
		float: left;
	}
	#vervolg_right #sfeer{
		height:64px;
		background:none!important;
	}

#vervolg #content_right{
	padding:162px 0 30px 335px;
	}

	#vervolg #content_right p, #vervolg #content_right li{
		color:#000000;
	}
	
	#vervolg #content_right p a, #vervolg #content_right ul li a{
		text-decoration:underline;
		color:#646567;
	}	
	#vervolg #content_right p a:hover, #vervolg #content_right ul li a:hover{
		text-decoration:none;
	}
#product_info{
	position:absolute;
	right:15px;
	top:225px;
	width:215px;
	border:1px solid #DEDEDE;
	padding:0 0 15px 0;
	background-color:#FFFFFF;
	}
.inhoud{
	width:60%;
	max-width:550px;
	min-width:400px;	
}	
	.inhoud ul li ul {
		margin:0;
	}
	.inhoud img{
		padding:0 0 8px 0;
	}
	#vervolg  #product_info h3{
		/*background-color:#003c76;*/
		background-color:#1E394C;
		margin:0;
		padding:5px 0 5px 15px;
		margin:0 0 15px 0;
		color:#FFFFFF;
		font-size:73%;
	}	
	#vervolg  #product_info ul{
		padding:0 0 0 15px;
	}
	#vervolg  #product_info ul li, #product_info ul li a{
		color:#656567;
	}
	
	#producten_overzicht{
		background-color:#D9EAF4;
		border:1px solid #CCCCCC;
		padding:25px 10px 10px 25px;
		width:520px;
	}
	
	#producten_overzicht img{
		margin:0 15px 15px 0;
	}


#vervolg #address{
	position:absolute;
	bottom:0;
	margin:0;
	padding:0;
	height:125px;
	width:988px;
	/*background:url(../images/bg_adres_vervolg.jpg) right bottom no-repeat;*/
	background-color: #1E394C;
}	
	#vervolg #address p{			
		padding:13px 0 0 38px;
	}

#vervolg #footer{
	color:#FFFFFF;
	font-size:65%;
}

#vervolg #footer p{
	text-align:left;
	padding:0px 88px 0 38px;
	margin:0;
	color:#FFFFFF;
	font-size:100%;
}
#vervolg #footer p a{
	color:#FFFFFF;
	
}




	







/*------------------------------------------------------------*/




/*----------------------------------------------------------------*/
#menu{
	position:absolute;
	/*top:30px;*/
	top:67px;
	/*left:36%;*/
	left:36%;
	z-index:4;
}
ul#nav {
	margin:0;
	padding:0;
	font-size:70%;
	line-height:100%;
}
ul#nav li {
	position:relative;
	float:left;
	padding:0;	
	margin:0;
	list-style-type:none; 
	background:none;	
	/*background-color:#87888a;*/
	/*border-left:1px solid #FFFFFF;*/
	/*border-bottom:1px solid #FFFFFF;*/
	/*border-top:1px solid #FFFFFF;*/
}
ul#nav li a {
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
	padding:3px 15px 3px 15px;
	margin:0;
	display:block;
	/*color:#FFFFFF;*/
	color:#1E394C;
	text-decoration:none;
	font-size: 13px;
}
ul#nav li a:hover{
	/*background-color:#003c76;*/
	text-decoration: underline;
}
ul#nav li ul {
	position:absolute;
	display:none;
	top:20px; 
	left:11px; 
	width:13.5em; /* the width of submenu items, used again bellow (1)  */
	padding:0;
	margin:0;
	font-size:85%;
	background:#FFFFFF;
	border:1px solid #7D7C7C;
}
ul#nav li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	padding:0;
	background:#FFFFFF;
	/*border-bottom:1px solid #7D7C7C;*/
}
ul#nav li ul li a {
	display:block;
	margin:0;
	padding:7px 0 7px 20px;
	color:#1B2149;
	text-decoration:none;
	background:url(icon_subnav.gif) 8px 11px no-repeat #FFFFFF;
}
ul#nav li ul li a:hover{
	background:url(icon_subnav.gif) 8px 11px no-repeat #E6E8F3;
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:13.5em; /* (1) the width of submenu items */
	font-size:100%; /* font reset for submenu's after the first*/
}
/*switch submenu's for full css supporting browsers*/
ul#nav li:hover ul{display:block;}
ul#nav li:hover ul li ul{display:none;}
ul#nav li ul li:hover ul{display:block;}
ul#nav li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/	



#floatright{
	float:right;
	width:130px;
}

#floatright img{
	float:left;
}


.floatleftagents{
	width:180px;
	float:left;
	margin:0 15px 0 0;
}


.floatleftagents2{
	width:160px;
	float:left;
	margin:0 15px 0 0;
}


#map{
	overflow:hidden;
}

#message_ajax {
	background: none repeat scroll 0 0 #EEF4F7;
    position: relative;
    top: 0;
	z-index: 10;
    width: 100%;
}

#message_ajax p {
    border-bottom: 1px solid #C3C3C3;
    margin: 0;
    padding: 5px 10px;
	color: #000;
}

.facebook{
	display: inline;
    margin-top: 72px;
    position: absolute;
    top: 2px;
}

/*#content{
	background-color: #ccc;
	width: 989px;
}
*/

#content #news #home_anchors li{
	padding: 0 12px;
}

#lang{
	float: right;
	/*new*/
	background-color: #1E394C;
	height: 40px;
	width: 948px;
	color: #fff;
	text-align: right;
	/*padding-top: 10px;*/
	padding-right: 40px;

	/*new*/
}

#lang a{ 
	padding-top:5px;
	color:#fff;
	text-decoration: none;
	font-size: 13px;
}
#lang img{
	padding-right: 6px;
	padding-top: 5px;
	/*width: 18px;*/
}


#countrymap, #countrymap tr, #countrymap td, #countrymap img{
	padding:0;
	margin:0;
	line-height: 0;
	font-size: 0;
}

#map-info{
	margin-left: 2px;
	margin-top: -98px;
	position:absolute;
	width: 573px;
	z-index: 10;
	
}

#content_right #map-info p{
	color: #FFF;
	padding: 10px;
	padding-bottom: 0;
	background: #7fafbe;
	min-height: 84px;
}

#content_right #map-info p strong{
	color: #20748e;
}

#lang-info {
    background-color: #FFFFFF;
    padding: 0 0 15px;
    position: absolute;
    right: 15px;
    top: 225px;
    width: 215px;
}

.lang-info img{
	padding-left: 30px;
}

.inhoud #vacancies_tbl td{
	font-size: 11px;
    line-height: 170%;
    margin: 0 0 15px;	
	vertical-align:top;
	min-width:150px;
}