@charset "utf-8";
/* CSS Document */

/* ===============================
importing style sheet with exceptions in 
layout for home, news and event pages 
for all languages.
===============================*/
@import url("exceptions.css"); 




* { font-family: Arial; }

h2 {font-size: 15px; padding: 10px 0;margin: 0; text-transform: none;}

p {padding: 10px 0; font-size: 12px; line-height: 18px; margin: 0;}

a {text-decoration: none;}
a img {border: 0 solid #FFFFFF;}

label { 
	vertical-align: text-bottom;
	margin: 0 0 0 0px;
	display: block;
	}


/*=============================================*/

body {
	background-color: #fff; /* white */
	background-image: url(../img/template/bg_body.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}
#wrapper {
	background-image: url(../img/template/bg_wrapper.gif);
	background-repeat: repeat-y;
	min-width: 1058px;
	/*temp
	height: 600px;*/
	}
	#wrapper2 {
		background-image: url(../img/template/bg_wrapper2.gif);
		background-repeat: no-repeat;	
		padding: 0px 0 0 150px;
		min-width: 905px; /* 3 juni 2010, wijziging ivm schuivende witte achtergrond */
	
		/*height: 600px;*/
}

#footer {
	background-image: url(../img/template/bg_footer.jpg);
	background-repeat: repeat-x;
	padding: 0 0 0 140px;
	height: 200px;
	}
	#footer_c {
	width: 920px;
	background-image: url(../img/template/bg_footer_c.jpg);
	background-repeat: no-repeat;
	height: 160px;
	text-align: center;
	color: #999999;
	font-size: 12px;
	padding: 30px 0 0 0;
	}



/* =except moved to seperate css exceptions.css
	body.pageclass_nederlands #footer_c,
	body.pageclass_english #footer_c,
	body.pageclass_service #footer_c,
	body.pageclass_news #footer_c,
	body.pageclass_events #footer_c,
	body.pageclass_nieuws #footer_c,
	body.pageclass_agenda #footer_c {
 	background-image: url(../img/template/bg_footer_c_frontpage.jpg);
		}*/
		

#footer a{
	color: #999999;
}
#footer a:hover {
	color: #666666;
}
#header {
	height: 104px;
	width: 900px;
	/*background-color: #FF0000;*/
	position: relative;

	}
		
		#logo {
			float: left;
			position:relative;
			}

		#xtranet_login {
			left: 550px;
			position:absolute;
			margin: 53px 0 0 0px;
			float: right;
			height: 19px;
			width: 43px;
		}
			#xtranet_login a {
				display: block;
				color: #FFFFFF;
				font-size: 10px;
				font-weight: bold;
				padding: 3px 0 1px 0;
				}

		#languageselect { 
			left: 620px;
			position: absolute;
			float: right;
			margin: 53px 0 0 0px;
			height:19px;
			width: 126px;
			background-image: url(../img/template/bg_langselect_button.gif);
			background-repeat: no-repeat;
			z-index: 998;
			}
		
			#languageselect a {
				display: block;
				font-size: 10px;
				font-weight: bold;
				padding: 3px 0 0px 8px;
				color: #003366;
z-index: 999;
				}
			ul#languageoptions {
				visibility:hidden;
				padding: 0px 0 5px 0;
				/padding: 0 0 2px 0;
				margin: 0;
				list-style-type: none;
				background-image: url(../img/template/bg_languageselect_ul.gif);
				background-position: bottom;
				background-repeat: no-repeat;
				z-index: 998;

				}
				ul#languageoptions li {

					margin: 0;
					padding: 0;
					/*height: 1%;
					/line-height: 1%;*/
					}
				ul#languageoptions li a {
					background-image: url(../img/template/bg_langselect_li.gif);
					background-repeat: repeat-y;
					padding: 3px 0 2px 8px;
					}
				ul#languageoptions li a.nl {
					background-image: url(../img/template/bg_languageselect_li_1.gif);
					background-repeat: no-repeat;
					padding: 8px 0 2px 8px;
		
					}
	
		#searchbox {
			text-align:left;
			margin: 53px 0 0 15px;
			/margin: 53px 0 0 7px;
			width: 130px;
			/width: 139px;
			float: right;
			height: 19px;
			padding: 0 0 0 7px;
			/padding: 0 0 0 3px;
			background-color:#FFFFFF;
			background-image:url(../img/template/bg_searchbox.gif);
			background-repeat: no-repeat;
			}
		#searchbox input {
			float:left;
			height: 16px;
			width: 106px;
			/width: 106px;
			border: none;
			font-size: 10px;
			font-weight: bold;
			padding: 3px 0 0 0;
			margin: 0;
			color: #003366;
			background-color: #FFFFFF;
			}
		#searchbox a {
			display: block;
			float: right;
			height: 19px;
			width: 21px;
			text-indent: -150000px;
			/*background-color: #FF0000;*/
			background-image: url(../img/template/bg_search-button.gif);
			background-repeat: no-repeat;
			}
		#lettergrootte {
			left: 480px;
			position: absolute;
			margin: 53px 0 0 0px;
			float: right;
			height: 29px;
			width: 53px;			
		}
		#lettergrootte a {
				display: inline;
				
				color: #FFFFFF;
				font-size: 10px;
				font-weight: bold;
				padding: 3px 0 0px 0;
				margin: 0 0px 0 0;
				}
		#lettergrootte a:hover {
				text-decoration: underline;
				}
		#lettergrootte .normaal {
				font-size: 12px;
				}
		#lettergrootte .groter {
				font-size: 14px;
				}
		#lettergrootte .grootst {
				font-size: 16px;
				}



#main {
	background-image:url(../img/template/bg_main.gif);
	background-repeat: repeat-y;
	width: 892px;
	padding: 0px 4px 0 4px;
	/height: 800px; 
	min-height: 480px;
	height: auto;
	z-index: 1;
}
	html>#main {
		height: auto;
		min-height: 480px;
		}


/* =except moved to seperate css exceptions.css
	body.pageclass_nederlands #main,
	body.pageclass_english #main,
	body.pageclass_service #main,
	body.pageclass_news #main,
	body.pageclass_events #main,
	body.pageclass_nieuws #main,
	body.pageclass_agenda #main {
 	background-image: none;
		}*/	


/*--- Front
================================================================*/

#left_c {
	margin: 0 0 0 0;
	width: 196px;
	/width: 193px;
	float: left;
	min-height: 500px;
	background-color: #FFFFFF;
	visibility: hidden;
	display: none;
	}
	
/* =except moved to seperate css exceptions.css
body.pageclass_welcome #left_c,
body.pageclass_nederlands #left_c, 
body.pageclass_english #left_c,
body.pageclass_service #left_c,
body.pageclass_news #left_c,
body.pageclass_events #left_c,
body.pageclass_nieuws #left_c,
body.pageclass_agenda #left_c {
	visibility:visible;
	display: block;
	}*/
	
#left_c h2 {
	padding: 8px 0 8px 8px;
	font-size: 14px;
	margin: 0;
	background-repeat: no-repeat;
	}
	
#left_c h2 a {
	float: right;
	margin: 0 5px 0 0;
}
	
#left_c .c_nieuws h2 {
	color: #FFFFFF;
	background-image: url(../img/template/nieuws_header.gif);
	}
#left_c .c_agenda h2 {
	color: #003366;
	background-image:url(../img/template/agenda_header.gif);
	}

#left_c div {

	background-repeat: repeat-x;
	}

#nieuws_headers {width: 192px;}

.c_nieuws div {
	background-image: url(../img/template/bg_nieuwheaders.jpg);
	height: auto!important;
	/height: 187px;
	min-height: 187px;
	padding: 0 0 4px 0;
}
.c_nieuws div div {
	background-image: none;
	min-height: 0;
	height: auto;
	padding: 0;
	}


.c_agenda div {
	background-image: url(../img/template/bg_agendaheaders.jpg);
	height: auto!important;
	/height: 250px;
	min-height: 250px;
}

.c_agenda div div {
	background-image: none;
	min-height: 0;
	height: auto;
	padding: 0;
	}

#left_c div ul {
	padding: 0 8px 0 8px;
	margin: 0;
	list-style-type: none;
}
#left_c div ul li {
 	margin: 8px 0 0 0;
		padding: 0;
 	font-size: 10px;
	color: #666666;
		}

#left_c div ul li a {
 	font-size: 12px;
		color: #003366;
		font-weight: bold;
		line-height: 14px;
		/*display: block;*/
		}

#left_c div ul li a:hover {
	color:#999999;
	}


/*--- Front end 
================================================================*/



	#mainheader {

		width: 696px;
		position:relative;
		overflow:hidden;
		}

/* =except moved to seperate css exceptions.css	
		body.pageclass_nederlands #mainheader img.mh_left,
		body.pageclass_english #mainheader img.mh_left,
		body.pageclass_nieuws #mainheader img.mh_left,
		body.pageclass_agenda #mainheader img.mh_left,
		body.pageclass_news #mainheader img.mh_left,
		body.pageclass_events #mainheader img.mh_left
		 {
			display: none;
			}*/

	#mh_right{
		position:absolute;
		top: 0px;
		right: 0px;
		width:10px;
		height:142px;
		z-index:999999;
	}
	#mh_left{
		position:absolute;
		left:0px;
		top:0px;
		width:10px;
		height:142px;		
		z-index:999999;		
	}
	.mh_left{
		z-index:100;
	}
	.mh_right{
		z-index:100;
	}

	#nav {
		background-color:#FFFFFF;
		height: 28px;
		/*
		background-color: #FFCC00;*/
	}
	
/* =except moved to seperate css exceptions.css
	body.pageclass_welcome .fadeimg,
	body.pageclass_nederlands .fadeimg, 
	body.pageclass_english .fadeimg,
	body.pageclass_service .fadeimg,
	body.pageclass_news .fadeimg,
	body.pageclass_events .fadeimg,
	body.pageclass_nieuws .fadeimg,
	body.pageclass_agenda .fadeimg	
	{	
	position:relative;
	right:196px;
	*right:193px;
	}*/
		
	#nav .nav_home {
		float: left;
		}

/* =except moved to seperate css exceptions.css
body.pageclass_nederlands #nav .nav_home,
body.pageclass_english #nav .nav_home,
body.pageclass_service #nav .nav_home,
body.pageclass_news #nav .nav_home,
body.pageclass_events .nav_home,
body.pageclass_nieuws .nav_home,
body.pageclass_agenda .nav_home {
			display: none;		
			}*/

			#nav .nav_home a {
					display:block;
					padding: 6px 10px 7px 10px;
					font-size: 12px;
					font-weight: bold;
					color: #666;
				}

		#nav ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
				float: right;
			}
		#nav ul li {
				float: left; 
				padding: 0;
				margin: 0;
				height: 28px;
				/*
				background-color: #FF6600;*/
				}
			#nav ul li a {
					display:block;
					text-align: center;
				 width: 140px;
					padding: 6px 0 7px 0;
					font-size: 12px;
					font-weight: bold;
					color: #FFFFFF;
					text-decoration: none;
					background-image: url(../img/template/bg_a.gif);
					}
				#nav ul li.index0 a {
					background-image: url(../img/template/bg_a_left.gif);
				}
				#nav ul li.index4 a {
					background-image: url(../img/template/bg_a_right.gif);
					width: 136px;
				}

				#nav ul li a:hover, #nav ul li.selected a {
					background-position: 0 -28px;		
					color: #003366;
					} 
			

				

			#c1 {
					width: 192px;
					background-image: url(../img/template/bg_c1.jpg);
					background-repeat: no-repeat;
					background-color: #e9edf1;

					min-height: 315px;
					height: auto!important;
					height: 315;
					float: left;
					}


/* =except moved to seperate css exceptions.css
				body.pageclass_nederlands #c1,
				body.pageclass_english #c1,
				body.pageclass_service #c1,
				body.pageclass_news #c1,
				body.pageclass_events #c1,
				body.pageclass_agenda #c1,
				body.pageclass_nieuws #c1
				  {
					visibility: hidden;
					display: none;
				}*/
				
				#c1 ul {
						padding: 0px 10px 10px 10px;
						margin: 0;
						list-style-type: none;
						}
				 #subnav li {margin: 20px 0 0 0;}
					#subnav li a {
							font-size: 12px;
							font-weight: bold;
							color: #003366;
							}
					#subnav li a:hover { 
							color: #999999;
							}
					#subnav li ul li {
							margin: 0;}
					#subnav li ul li a {
							display: block;	
							font-size: 11px;
							font-weight: bold;
							color: #999999;
							margin: 5px 0 5px 4px;
							padding: 0 0 0 9px;
							}
					#subnav li ul li  a.aOpen {
							color: #003366;
							}
					#subnav li ul li a.selected, #subnav li ul li a.aSelected {
							color: #003366;
							background-image: url(../img/template/bullit01.gif);
							background-repeat: no-repeat;
							background-position: 0 center;
							}
					#subnav li ul li a:hover {
							color: #003366;
							}


			#c2c3 {
					/*background-color:#99FF00;*/
					
					margin: 0 0 0 196px;
					}
				#c2 {
					/*background-color: #0066FF;*/
						margin: 0 140px 0 0;

						padding: 10px;
						color: #003366;
						}
				#c3 { 
						/*background-color: #660033;*/
						width: 136px;
						float: right;
						font-size: 12px;
						color: #003366;
						font-weight: bold;
						}
					#c3 .socialmediabuttons {padding: 8px 10px 0 0; text-align: right;}
					#c3 .socialmediabuttons a {padding: 0;}
					#c3 .socialmediabuttons a img {padding: 0px; border: none;}
					#c3 a {
							color: #003366;
							font-style: normal;
							}
						#c3 a:hover {
							color: #990033;
							}
					#c3 div.quicklinks {
						padding: 16px 5px 10px 5px;
						margin: 20px 0 0 0;
						background-image: url(../img/bg_quicklinks.jpg);
						background-repeat: no-repeat;
						min-height: 220px;
						}
						#c3 div.quicklinks a {
							color: #003366;
							font-style: italic;
							}
						#c3 div.quicklinks a:hover {
							color: #990033;
							}

			.breadcrumb {
				font-size: 9px;
				}
			.breadcrumb a {
				color: #006699;
				}

			#pageoptions {
				width: 63px;
				height: 30px;
				float: right;
				}
			#pageoptions .printpage {
				float: left;
				width: 30px;
				}



			#c2_content {font-size: 12px; line-height: 18px; color:#003366;}
			  #c2_content	p {padding: 10px 0;  margin: 0;}
				#c2_content h1 {
						font-size: 14px;
						padding: 10px 0;
						margin: 0;
						}
				#c2_content h2 {
						font-size: 12px;
						}
				#c2_content h3 {
						font-size: 12px;
						font-weight: normal;
						}
				#c2_content ul {
						list-style-image: url(../img/content_bullet.gif);
						margin: 0;
						padding: 0 0 0 20px;
						}
				#c2_content a {
						color: #990033;

						}
				#c2_content a:hover {
						color: #003366;
						}

/*nieuwsoverzicht*/

div.b-item {
	margin: 0 0 18px 0;
	}	

/*search styles*/

	div.normal, div.alternate {
	padding: 5px 0;
	border-top: 1px solid #CCCCCC;
	}
	.highlight1 {
		background-color: #FFFF99;
		}

/*contct formulier */

	div.contactform {}
	
	div.contactform table {}

	div.contactform table td {
		padding: 2px 0 4px 0;
		vertical-align: top;}

	td.lineright {
		border-right: #CCCCCC 1px solid;
		}

	div.contactform table td input[type="text"]  {
		border: 1px solid #CCCCCC;
		width: 200px;
		margin: 2px;
	}
	
	div.contactform table td select {
		border: 1px solid #CCCCCC;
		margin: 2px;
		}
	
	div.contactform table td input[type="text"].name {
		width: 134px;
		}
	select.countryselector {
		width: 204px;
		/width: 205px;
		}
	
	
	div.contactform table td textarea {
		border: 1px solid #CCCCCC;
		}
	div.contactform table td table td {
		padding: 0 5px 0 0;
		}

	div.contactform table td table td input, div.contactform table td input {
		width: auto;
		/*margin: 1px 8px 1px 2px!important;
		margin: 5px 8px 2px 2px; */
		margin: 0 4px 0 0;
		float: left;
		
		}
	div.contactform table td input.verstuur {
		margin: 10px 15px;
		border-bottom: 2px solid #666666;
		border-right: 2px solid #666666;
		border-top:  #CCCCCC 2px solid;
		border-left: #CCCCCC 2px solid;		
		width: 50%;
		}

		div.contactform table td div.ch_engineering {
			background-image: url(../img/formselector.gif);
			background-repeat: no-repeat;
			background-color: #993333;
			}
		div.contactform table td div.ch_engineering table td {
				padding: 0px;
				width: 100px;
				
				}

		table.contacttable td {
			width: 250px;
			}

		.formsubs td {
			height: 18px;}

		#ctl00_ctl15_ctl01_ctl00_ctl00_Ik_ben_werkzaam_in_de_volgende_branche td {
			height: 18px;
			line-height: 18px;
			padding: 0;
			}
		#ctl00_ctl15_ctl01_ctl00_ctl00_Ik_ben_werkzaam_in_de_volgende_branche td label{
			height: 18px;
			line-height: 18px;
			padding: 0;
			}
		#ctl00_ctl15_ctl01_ctl00_ctl00_Ik_ben_werkzaam_in_de_volgende_branche td input[type="radio"] {
			margin: 0 4px 0 0;
			padding: 0;
			}


.fontsizeselected
{
    text-decoration: underline;

}

/* Forms from Magnet */

.pnlFormRule {
	/*clear: left;*/
	min-height: 25px;
	padding: 3px 0;
	overflow: hidden;
}
	.pnlFieldLabel {
		float: left;
		/*clear: left;*/
		width: 150px;
	}
	.pnlField {
		margin: 0 0 0 160px;
	}

			.pnlviewomschrijving {
				clear:left;

			}
	
	.FormRadioListInline {
		display: inline;
	}
		.FormRadioListInline label {
			display: inline;
			width: auto;
			min-width: 20px;
			
		}
	
		.pnlField  input {
			float: left;
		}
		
		.FormRadioListInline input {
			float: none;
		}
		
		.pnlField label {
			height: 20px;
		}