@charset "utf-8";
/* CSS Document */
font, td, span{font-size:11px;}

.zend_form { width:420px; float:left; }
.zend_form div { width:200px; float:left;margin-top:1px; padding-right:5px;height:20px; text-align:right}
.zend_form .element1 {float:right; width:200px; }
.zend_form .generated_desc { width:200px; height:100px }
.zend_form .element1 dd { width:210px; padding-left:200px; }
.zend_form #submit {border:0px; background-color:#8c969d; color:#FFFFFF; font-weight:bold; text-align:center; margin-right:10px; margin-top:4px;}
.zend_form dd { margin:0px; padding:0px; }
.zend_form textarea { height: 55px;
	width:195px }
.zend_form .element3 {  float:right; width:200px; margin-left:12px; margin-top:5px; text-align:left;}
.zend_form .element4 {  float:right; width:200px; height:100px; }
.zend_form dt { font-size:1px; margin:0px; padding:0px }
.zend_form .text{width:200px;}

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#8c969d; font-size:11px; line-height:1.5}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea, select {
	border: 1px solid #d7d7d8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	
}

input.radio {
	border: 0px;
	background: transparent;
}

* > input.radio {
	margin: 0px 0px -1px 0px;
}



.check {
	border: 0px solid #818181;
	background: transparent;	
	width:12px;
}

textarea {
	height: 55px;
	width:195px
}


a{color:#8c969d;}

td, div, input, textarea, select{ font-family:Arial, Helvetica, sans-serif; color:#8c969d; font-size:11px;}

h1{margin:0px; padding:0px; padding-bottom:5px; color:#bc0031; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
h2{margin:0px; padding:0px; padding-bottom:5px; color:#c8dbeb; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
h3{margin:0px; padding:0px; color:#8c969d; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold}
h4{margin:0px; padding:0px; color:#bc0031; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold}

#main{
	position:relative;
	margin:0px auto; 
	width:996px; 
	height:100%;
	background:url(/images/bg.gif) repeat-y;
	}


#menu_vert{
	position:absolute;
	width:31px;
	height:400px;
	text-align:right;
	top:21px;
	left:0px;
	z-index:999
}

#menu_vert img{border:0px;}

#top{
	position:relative;
	width:996px;
	height:23px;
}

#path{
	position:absolute;
	left:46px;
	top:3px;
	height:28px;
	width:610px;
	text-align:left;
	color:#adb9c6;	
}

	#path a{color:#adb9c6; text-decoration:none}
		#path a:hover{color:#bc0031;}
		
	#path .current{color:#bc0031;}

#menu-top{
	position:absolute;
	/*right:230px;*/
	top:3px;
	right:28px;
	height:28px;
	width:470px;
	text-align:right;
	color:#adb9c6;
}

	#menu-top a{color:#adb9c6; text-decoration:none}
		#menu-top a:hover{color:#bc0031;}
		
	#menu-top .current{color:#bc0031;}

.langs{text-transform: uppercase;}

#search{top:5px; display:inline; position:absolute; right:18px; }
#search input.text{width:120px; border:1px solid #c8dbeb; text-align:left; }
#search input.button{border:1px solid #c8dbeb; background-color:#c8dbeb; color:#FFFFFF; font-weight:bold; width:55px; text-align:center; margin:0px;}

#header{
	position:relative;
	width:947px;
	height:172px;
	margin-left:41px	
}

#menu{
	position:absolute;
	width:937px;
	height:33px;
	left:41px;
	top:201px;
	background-color:#c8dbeb;
	color:#ffffff;
	z-index:999
}

	#menu a{
		padding-left:23px; 
		padding-right:23px; 
		height:28px; 
		line-height:24px;
		color:#FFFFFF; 
		text-decoration:none; 
		font-family:Arial, Helvetica, sans-serif; 
		font-size:15px; 
		font-weight:bold;
		margin:0px;
		padding-top:5px;
		
		}
	
		#menu a.hover{background-color:#8c969d}
		#menu a.current{background-color:#8c969d}
		
	/*#menu ul li ul li a{font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;height:20px; }
	#menu ul li:hover ul li{height:20px;background-color:#b9c3cd}
	#nav ul ul li:hover a{background-color:#e7e5e6; }
	#menu ul li ul li:hover ul li a{font-size:11px; background-color:#b9c3cd; font-family:Arial, Helvetica, sans-serif; font-weight:bold;height:20px; line-height:20px; border:1px solid red}
	*/
	
	
	#nav ul { margin-left:-1px; }
	#nav ul a {height:auto; line-height:normal; padding-bottom:5px;}
	#nav ul li:hover a:hover{background-color: #adb9c7;}
	#nav ul li:hover a{background-color: #9caabb;}
	#nav ul ul li:hover a{}
	#nav ul ul li:hover a:hover{background-color:#707a80;}		
	#nav ul li a {font-size: 12px; font-weight:normal; text-decoration:none; background:#fff; }

#content-main{
	position:relative;
	width:947px;
	height:330px;
	margin-left:41px;
	margin-top:51px;	
}

	

#col1{
	position:absolute;
	top:0px;
	left:5px;
	width:185px;
	height:330px;
}

#newsletter { width:170px; margin-top:10px; margin-bottom:10px; margin-right:10px; line-height:normal}
#uw-branche select{width:170px;}
#newsletter{margin-top:10px;}
#newsletter input{width:170px; margin-bottom:3px;}
#newsletter input.button{width:75px; float:right; }

#showchatbot input.button{ width: 30px;}

#trinicom{
	position:relative;
	color:#bc0031;
	margin-top:33px;
	line-height:18px;
	height:150px;
	overflow:hidden;
	} 
	
	#trinicom a{
		color:#bc0031;
		text-decoration:none;
		height:auto;
		line-height:normal;
		margin:0px;
		padding:0px;	
		line-height:16px;	
		} 
	#trinicom a:hover{color:#8c969d}	
	
#col2{
	position:absolute;
	top:0px;
	left:198px;
	width:224px;
	height:274px;	
	top: 86px;
	background-color:#8c969d;
	color:#FFFFFF	
}

	#col2 .text{
		width:190px; 
		color:#FFFFFF;
		}
		
		#col2 .text a{			
			color:#FFFFFF;
			}

#txt_widget{
	position:relative;
	width:234px;
	height:330px;	
	background-color:#8c969d;
	color:#FFFFFF;
	padding-top:1px;
}

	#txt_widget .text{
		width:200px; 
		margin:10px 16px 16px 16px;
		color:#FFFFFF;
		}
		
		#txt_widget .text a{			
			color:#FFFFFF;
			}
a.widget_title,
a.widget_title:visited,
span.widget_title,
span.widget_title:visited{
	text-decoration:none;
	color:#BC0031;
	font-size:20px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	margin:0px;
	padding:0 0 5px;
}			
#col3{
	position:absolute;
	top:0px;
	left:430px;
	width:250px;
	height:330px;	
}

#col_sub{
	position:absolute;
	top:100px;
	left:435px;
	width:250px;
	height:330px;	
}

#our-customers{
	position:relative;
	margin-top:10px;
	margin-left:0px;
	width:220px;
	height:112px;
	overflow:hidden;	
}

#links{
	position:relative;
	width:220px;
	line-height:18px;
	margin-left:0px;
	margin-top:20px;
	overflow:hidden;
		
}
	#links a{
		color:#bc0031;
		text-decoration:none;
		height:auto;
		line-height:13px;
		margin:0px;
		padding:0px;	
		line-height:18px;	
		} 
		#links a:hover{color:#8c969d}

#klantquote{
	position:relative;
	width:180px;
	margin-top:3px;
	line-height:18px;
	height:100px;
	line-height:normal;
}

#col4{
	position:absolute;
	top:0px;
	left:688px;
	width:251px;
	height:330px;	
}

#nieuws{
	position:relative;
	width:250px;
	margin-top:5px;
	margin-bottom:5px;
	height:120px;	
	border:1px solid #e1e7ea
}
	#nieuws a{
		color:#8c969d;
		text-decoration:none;
		height:auto;
		line-height:13px;
		margin:0px;
		padding:0px;	
		line-height:18px;	
		} 
		#nieuws a:hover{color:#adb9c6}

	#nieuws h1{border-bottom:1px solid #e1e7ea; padding-left:10px;color:#bc0031; padding:4px; margin-bottom:0px;}
	
	a.newsbox_title, a.newsbox_title:hover{padding:0px; padding-left:10px; color:#bc0031; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
	
	/*#nieuws a{margin-left:10px;}*/

#eservice{
	position:relative;
	width:249px;
	margin-top:16px;
	height:86px;
	background-color:#adb9c6;
	overflow:hidden;
}

#eservice h1{color:#FFFFFF; padding-left:10px;}
#eservice span.widget_title,
#eservice span.widget_title:visited,
#eservice a.widget_title,
#eservice a.widget_title:visited{color:#FFFFFF; padding-left:10px;}
#eservice textarea{border:0px; margin-left:10px; height:40px; width:230px; }

#showchatbot{
	position:relative;
	width:250px;
	height:105px;
	background-color:#adb9c6;
	z-index:1;
	float: left;
}
#showchatbot #chatbotimg{
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	display: inline;
}
#showchatbot #chatbotclose{
	padding-top: 10px;
	padding-right: 5px;
	float: left;
	display: inline;
}

#showchatbot #chatbotclose img{
	border: 0px;
}

#showchatbot #chatbottext{
	color: #ffffff;
	width:145px;
	padding-top: 8px;
	padding-left: 5px;
	float: left;
	display: inline;
}
#showchatbot #chatbottext a{
	color: #ffffff;
	font-weight: bold;
}

#mask{
	border: 2px;
	position:relative;
	width:250px;
	height:105px;
	background-color:#FFFFFF;
	z-index:2;
}


input.button{border:0px; background-color:#8c969d; color:#FFFFFF; font-weight:bold; width:75px; text-align:center; margin-right:10px; margin-top:4px;}

#icons{
	width:510px;
	height:80px;
	z-index:99
}

	#icons img{border:0px;}
	


#content{
	position:relative;
	width:947px;
	height:auto !important;
	margin-left:41px;
	margin-top:41px;	
	min-height:360px;
	height:360px;
}
	#content #widgets{
		float:left;
	}

#subpage{
	position:relative;
	
	top:0px;
	left:5px;
	width:410px;
	min-height:300px;
}

#subpage-big{
	left:15px;
	/*width:640px;*/
	min-height:300px;
	margin-left:15px;
}
	
#footer_line{
	position:relative;
	height:1px;
	width:926px;
	margin-left:40px;
	font-size:0px;
	line-height:0px;
	background-color:#8C969D;
	
}	
#footer{
	position:relative;
	width:996px;
	height:35px;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:hidden;
	background:url(/images/footer.gif) bottom no-repeat;
	z-index:999;
}

	#foot-left{
		position:absolute;
		top:8px;
		left:45px;
		width:385px;
		height:25px;
		z-index:99;
		font-size:10px;
		padding-top:5px;
	}
	
	#foot-left a{text-decoration:none; font-size:10px;}
		#foot-left a:hover{text-decoration:underline}
		
	#foot-right{
		position:absolute;
		top:8px;
		right:30px;
		width:560px;
		height:25px;
		z-index:99;
		text-align:right;
		font-size:10px;
		padding-top:5px;
	}
	#foot-right a{font-size:10px;}
	
	#rights{
		top:5px;
		width:956px;
		height:30px;
		z-index:99;
		text-align:right;
		font-size:10px;
		color:#b3b3b4
	}
	


#products{
	position:absolute;
	top:0px;
	left:5px;
	width:185px;
	height:330px;
}

.registration{}
.registration td{padding-top:3px; padding-right:10px; padding-bottom:3px;}
.registration input.textfield{width:200px;}
.registration input.short{width:70px;}
.registration input.button{width:100px;  margin-right:0px;  }
.registration td.log{border-bottom:1px dotted #d1d1d1}
input.button{border:0px; background-color:#8c969d; color:#FFFFFF; font-weight:bold; width:75px; text-align:center; margin-right:10px; margin-top:4px;}
.login{}
.login td{padding-top:3px; padding-right:3px; padding-bottom:3px;}
.login input.textfield{width:150px;}
.login input.short{width:70px;}
.login input.button{width:85px; margin-right:0px; float:right  }

.customer{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #d1d1d1; width:400px; position:relative; height:60px;}
.customer_pic{padding:0px; position:relative;margin-right:15px; width:180px;padding-bottom:5px;}
.customer_desc{padding:0px; position:relative;width:420px; padding-bottom:5px;}

/* client widget stuff */
.client { float:left; width:100%; }
	.client .logo { float:left; width:150px; }
	.client .details { float:left; margin-left:10px; width:150px; }
		.client .details h2 { margin-bottom:0px;padding:0; }
		
		
/* fpc */
#fpc #our-customers{
 position:relative;
 margin-top:0px;
 margin-left:10px;
 width:220px;
 height:100px; 
}

#fpc .widget { clear:none; }


#fpc  #links{
	position:relative;
	width:220px;
	margin-left:10px;
	margin-top:88px;
	overflow:hidden;
	height:140px;	
}
	#fpc #links a{
		color:#bc0031;
		text-decoration:none;
		height:auto;
		line-height:13px;
		margin:0px;
		padding:0px;	
		line-height:16px;	
		} 
		#fpc #links a:hover{color:#8c969d}

#fpc #icons{
	 position:absolute;
	top:0px;
	left: 193px;
	width: 750px;
	height:80px;
	z-index:99
}
#fpc #col2 #txt_widget  {
	background-color:none;
	padding:0;
	width:auto;
	height:auto;	
}

#fpc #col2 .text h3 {
	color:#C8DBEB;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0 0 5px;	
}

#fpc #nieuws{
	position:relative;
	width:247px;
	margin-top:77px;
	margin-bottom:5px;
	height:140px;	
	border:1px solid #e1e7ea
}

.link, .file, .agenda, .article, .publication{margin-top:2px; margin-bottom:2px;}
.file{margin-bottom:20px;}

.agenda a{text-decoration:none}
.agenda a:hover{text-decoration:underline}

.projects a{text-decoration:underline;}

.formError{color:#bc0031; font-size:10px;}
.red{color:#bc0031}
.article, .article a{color:#bc0031}
.publication {margin-bottom:5px;}
.publication p{margin:0; display:inline;}
.under{text-decoration:underline}
.publication a{text-decoration: none}
.projects p{margin:0px;}
.projects a{text-decoration:underline;}
.new_item{padding-top:10px; margin-top:10px; margin-bottom:5px; border-top:1px dotted #d1d1d1; clear:both;}
.projects{padding-top:10px; margin-top:10px; margin-bottom:5px; border-top:1px dotted #d1d1d1;}
a.rss img{border:0px;vertical-align:middle;}

.widget { clear:both; }
#our-customers-logos img { display:none;}

ul.links { margin:0 0 0 15px; padding:0;  }
ul.greyLinks { margin:0 0 0 12px; padding:0;  }
ul.links li {list-style:url('/images/bulltet.gif');}
ul.greyLinks li {list-style:none;}
/* ul.greyLinks li {list-style:url('/images/bulltet_grey.gif');} */

span.formError { margin-left:10px; }

.userExist { margin-left:150px; }

.flashtour object { margin-left: 70px; }


#select-placeholder { background: #fff; position:absolute; z-index:10;left:0px;top:30px;cursor:pointer;}
.selecttext div { padding-left:10px; padding-top:3px; border-top:1px solid #eee;}
.selecttext div a { text-decoration:none;}

#select-placeholder a { display:block; }

#splash { background-color:#ADB9C6; height:86px; width:249px; position:absolute; top:100px; left:0; }
#splash .img { position:absolute; top:5px; left:5px;}
#splash .chatMe { position:absolute; right: 7px; bottom:15px; font-family:Arial, Helvetica, sans-serif;}
#splash .textOnBox { position:absolute; font-size:11px; color:#fff; right:0px; top:8px; width:185px;}
#splash .close {  position:absolute; right: 5px; top:5px; cursor:pointer;}
#splash .title {  position:absolute; left: 80px; top:5px; cursor:pointer;}
.unsubscribeBox { text-align:center; margin-top:40px; } 
#splash .chatMe a { text-decoration:none; padding:1px 3px; font-weight:bold; display:block; background:#fff; color:#ADB8C6}


#splashUp { position:absolute; z-index:2000; top:-340px; right:40px; width:230px; height:340px; background:url(../images/layer.jpg); }
#splashUp .ja { position:absolute; bottom:10px; left:20px; width:90px; height:30px; cursor:pointer;}
#splashUp .nee { position:absolute; bottom:10px; right:20px; width:90px; height:30px; cursor:pointer;}