@charset "UTF-8";

/*
-----------------------------------------
Template name: werkenmetasbestcementbuizen.nl             
Release date : 14-09-2009                
Author       : Ermais Teklu              
Author URI   : http://www.webparking.nl/ 
-----------------------------------------
*/


/* 
   Reset CSS
------------------------------------------------------------------- 
*/

*{
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	text-decoration: none;
	list-style: none;
}

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


html{
	background-image: url(../assets/background.jpg);
	background-repeat: repeat-x;
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clear{
	clear: both;
}

a{
	font-family: Verdana ,Arial, Helvetica, sans-serif;
	color: #000000;
}

a:hover{
	color: #000000;
}

a:active{
	color: #000000;
}

/*h1{
	color: #005597; /*481517 - bruin, 005597 - blauw, d4000f - rood*/
/*	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}*/

h1{
	color: #005597; /*481517 - bruin, 005597 - blauw, d4000f - rood*/
	font-size: 18px;
	font-weight: bold;
	/*margin-top: 15px;*/
	margin-bottom: 15px;
}

h2{
	color: #005597; /*481517 - bruin, 005597 - blauw, d4000f - rood*/
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

h3{
	color: #005597;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

h4{
	color: #005597;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}

h5{
	color: #005597;
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
}

h6{
	color: #005597;
	font-size: 10px;
	font-weight: bold;
	margin-top: 15px;
}

input, select, textarea{
	border: 1px solid #000000;
}

.inputError{
	border: solid 1px red;
}

.checkError{
	outline: 1px solid red;
}

	/* 
		system messages and warning 
	--------------------------------------------------------------------
	*/
	.feedback { font-size: 11px;  padding: 1%; margin-bottom: 15px; margin-top: 15px; }
	.feedback ul { margin-bottom: 5px; display: block;  }
	.feedback li { list-style: none; margin-bottom: 3px; margin-left: 25px !important; display: block; }
	.feedback li img { margin-left: -25px; margin-bottom: -2px; padding-right: 9px; }
	
	.fbError { border: 1px solid #f41b1b; color: #f41b1b; /*background: #FFE5E5;*/ }
	.fbError h5{ font-size: 12px;   margin-bottom:15px; margin-top: 0px; color: #f41b1b; }
	
	.fbConfirm { border: 1px solid #42b81e; color: #42b81e; /*background: url(../assets/feedback_fbConfirm_ul_bg.jpg) bottom repeat-x;*/ }
	.fbConfirm h5{ font-size: 12px;  margin-bottom:15px; margin-top: 0px;  color: #42b81e; }
	
	.fbWarning { border: 1px solid #fd6500; color: #fd6500; /*background: url(../assets/feedback_fbWarning_ul_bg.jpg) bottom repeat-x;*/ }
	.fbWarning h5{ font-size: 12px;   margin-bottom:15px; margin-top: 0px;  color: #fd6500; }
	
	.fbNote { border: 1px solid #0088ba; color: #0088ba; /*background: url(../assets/feedback_fbNote_ul_bg.jpg) bottom repeat-x; */}
	.fbNote h5{ font-size: 12px;  margin-bottom:15px; margin-top: 0px;  color: #0088ba; }
	
	/* 
		field validation and comments 
	---------------------------------------------------------------------
	*/
	.required { border: 1px solid #f41b1b !important; /*background: #FFE5E5;*/ }
	.requiredNote { color: #f41b1b; padding: 0px 0px 0px 5px; font-size: 11px; font-style: Verdana; }

/* 
   Layout
------------------------------------------------------------------- 
*/

.container{
	width: 942px;
	margin-left: auto;
	margin-right: auto;
	} 

	/*
		Header
	---------------------------------------------------------------------
	*/
	
	.header_menu_container{
		width: 942px;
		height: 102px;
	}

		.header{
			width: 942px;
			height: 39px;
			background-image: url(../assets/header_bg.jpg);
			background-repeat: no-repeat;
			float: left;
		}
		.header .headLink{
			color: #ffffff;
		}
		.header h2{
			color: #ffffff;	
			margin-left: 21px;
			margin-right: 21px;
			margin-top: 5px;
			margin-bottom: 0px;
			padding-left: 10px;
			font-weight: bold;
		}
		.header p{	
			color: #ffffff;
			margin-left: 21px;
			padding-left: 10px;
		}
	/*
		Menu
	---------------------------------------------------------------
	*/
	
	.menu{
		background:url('../assets/menu_bg.jpg');
		background-repeat: no-repeat;
		width: 942px;
		height: 26px;
		padding-top: 8px;
	}
	
	.menu ul{
		padding-left: 22px;
		clear: both;
	}		
	
		.menu li{
			float: left;
			height: 26px;
			display: block;
			font-size: 15px;
			text-align:center;
		}
			
			.menu a{
				background:url('../assets/menu.jpg');
				background-repeat: no-repeat top;
				background-position: top;
				display: block;
				float: left;
				height: 23px;
				width: 135px;
				padding-top: 3px;
				font-weight:600;
			}
		
			.menu a:hover{
				background:url('../assets/menu.jpg');
				background-repeat: no-repeat;
				background-position: bottom;
				display: block;
				float: left;
				height: 23px;
				width: 135px;
				color: #d4000f;
				font-weight:600;
			}
			
			.menu a.active{
				background:url('../assets/menu.jpg');
				background-repeat: no-repeat;
				background-position: bottom;
				display: block;
				float: left;
				height: 23px;
				width: 135px;
				color: #d4000f;
				font-weight:600;
			}
			
	.menu_bottom_shadow1{
		width: 942px;
		height: 29px;
		background-image: url(../assets/menu_bottom_shadow1.jpg);
	}
	
	.menu_bottom_shadow2{
		width: 942px;
		height: 29px;
		background-image: url(../assets/menu_bottom_shadow2.jpg);
	}	
	
	/*
		CMS Menu 
	---------------------------------------------------------------------
	*/
	
	.menu_cms{
		background:url('../assets/menu_bg.jpg');
		background-repeat: no-repeat;
		width: 942px;
		height: 26px;
		padding-top: 8px;
	}
	
	.menu_cms ul{
		padding-left: 22px;
		clear: both;
	}		
	
		.menu_cms li{
			float: left;
			height: 26px;
			display: block;
			font-size: 15px;
			text-align:center;
		}
			
			.menu_cms a{
				background:url('../assets/menu_cms.jpg');
				background-repeat: no-repeat; 
				background-position: top;
				display: block;
				float: left;
				height: 23px;
				width: 135px;
				padding-top: 3px;
			}
		
			.menu_cms a:hover{
				background:url('../assets/menu_cms.jpg');
				background-repeat: no-repeat;
				background-position: bottom;
				display: block;
				float: left;
				height: 23px;
				width: 135px;
				color: #d4000f;
			}
			
			.menu_cms a.active{
				background:url('../assets/menu_cms.jpg');
				background-repeat: no-repeat;
				background-position: bottom;
				display: block;
				float: left;
				height: 23px;
				width: 135px;
				color: #d4000f;
			}
			
	.menu_cms_bottom_shadow1{
		width: 898px;
		height: 29px;
		background-image: url(../assets/menu_bottom_shadow1.jpg);
		padding-left: 23px;
		padding-right: 26px;
	}
	
		.menu_bar{
			width: 896px;
			height: 29px;
			background-image: url(../assets/menu_bar.jpg);
			background-repeat: repeat-x;
		}
		
			.menu_bar_right{
				float: right;
				padding-top: 6px;
				padding-right: 10px;
			}
			
				.menu_bar_right li{ 
					float: left;
				}
				
					.menu_bar_right li a:hover{
						color: #d4000f;
					}
					
					.menu_bar_right li a.active{
						color: #d4000f;
					}
			
			.menu_bar_left{
				float: left;
				padding-top: 6px;
				padding-left: 10px;
			}
			
				.menu_bar_left li{
					float: left;
				}
				
					.menu_bar_left li a:hover{
						color: #d4000f;
					}
					
					.menu_bar_left li a.active{
						color: #d4000f;
					}

	.menu_cms_bottom_shadow2{
		width: 942px;
		height: 29px;
		background-image: url(../assets/menu_bottom_shadow2.jpg);
	}
	
	
	
		
	
	/*   Search_box
	---------------------------------------------------------------------
	*/
	
	.search_box{
		float: right;
		width: 200px;
		height: 27px;
		margin-top: -8px;
		margin-right: 21px;
	}
	
		.search_box input{
			border: none;
		}
		
		.text_field{
			float: left;
			width: 150px;
			height: 27px;
			background-image: url(../assets/search_field_bg.jpg);
			background-repeat: no-repeat;
			padding-top: 5px;
			padding-left: 10px;
		}
		
		.search_button{
			float: left;
			width: 32px;
			height: 27px;
		}
	
		
	/*	 Navigation
	---------------------------------------------------------------------
	*/
	
	.navcon_container1{
		float:left;
		width: 900px;
		background-image: url(../assets/navcon1.jpg);
		background-repeat: repeat-y;
		margin-left: 21px;		
	}
	
	.navcon_container2{
		float:left;
		width: 900px;
		background-image: url(../assets/navcon2.jpg);
		background-repeat: repeat-y;
		margin-left: 21px;		
	}
	
		.navigation{
			float: left;
			height: auto;
			width: 268px; /* 281px */
			margin-left: 2px;
			margin-right: 3px;
			font-size: 13px;
			font-weight: bold;
		}
		
			.navigation .head_nav li{
				background-image: url(../assets/sub_menu.jpg);
				background-repeat: repeat-x;
				background-position: bottom left;	
			}
			
			.navigation .head_nav  li a{
				display:block;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				padding-right: 5px;
			}
			
			.navigation .head_nav  li a.active{
				display:block;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left: 5px;
				padding-right: 5px;
				color: #d4000f; 
			}
		
		.navigation .sub_ul{
			background-image: none;
			font-weight: 300;
			margin-left: 15px;
		}
		
		.navigation .sub_ul li{
			background-image: none;
		}
		
		
	/*   Content
	---------------------------------------------------------------------
	*/
	
	.content_container1
	{
		padding-left: 10px;
		padding-right: 10px;
		width: 880px;
		padding-bottom: 20px;
	}
		.content_container1 h2
		{
			margin-top: 0px;
			font-weight: 200;
		}
		
	.content_container2
	{
		float: left;
		padding-left: 10px;
		width: 575px;
		padding-bottom: 20px;
	}
		.content_container2 h2
		{
			margin-top: 0px;
			font-weight: 200;
			float:left;
		}
		
		/* REGISTRATION FORMS */ 
		.content_container2 a.regis_form_link{
			font-weight: bold;
			text-decoration:none;
		}
		.content_container2 a.regis_form_link:hover{
			text-decoration:underline;
		}
		
		.content_container2 label{
			float: left;
			width: 170px;
		}
		
		.content_container2 input, textarea{
			width: 180px;
			margin-bottom: 5px;
		}
		
		.content_container2 textarea{
			width: 250px;
			height: 150px;
		}
		
		.content_container2 h5{
			margin-bottom: 5px;
		}
		
		.content_container2 .boxes{
			width: 1em;
			border: none;
		}
		.content_container2 .longText{
			width: 270px;
		}
		
		.content_container2 .submitbutton{
			margin-top: 5px;
			margin-right: 10px;
		}
		
		.content_container2 br{
			clear: left;
		}
		
		.formContainer{
			clear:both;
			width:100%;
			padding:5px 5px 5px 0px;
		}
		.formLabelS{
			float:left;
			padding: 5px;
			width: 125px;
		}
		.formContentS{
			float:left;
			padding: 5px;
			width:425px;
			border-bottom: 1px #000 solid;
		}
		.formLabelM{
			float:left;
			padding: 5px;
			width: 165px;
		}
		.formContentM{
			float:left;
			padding: 5px;
			width:385px;
			border-bottom: 1px #000 solid;
		}
		.formLabelL{
			float:left;
			padding: 5px;
			width: 270px;
		}
		.formContentL{
			float:left;
			padding: 5px;
			width:280px;
			border-bottom: 1px #000 solid;
		}
		.formLabelH{
			float:left;
			padding: 5px;
			margin-right: 5px;
			width: 270px;
		}
		.formContentH{
			float:left;
			padding: 40px 5px 5px 5px;
			margin-right: 5px;
			width:270px;
			border-bottom: 1px #000 solid;
		}
		
		/* END REGISTRATION FORMS*/ 
		
		.content_container2 .float{
			float:left;
		}
		
		.printer_ico
		{
			float: right;
			margin-top: -5px;
		}
		.printer_link{
			float:right;
			margin-top: 20px;
		}
		.printer_link a.link
		{
			margin:10px 0px;
			padding: 5px;
			border:2px #000 solid;
		}
		.printer_link a.link:hover
		{
			border:2px #000 solid;
			background: #000;
			color:#fff;
		}
		.content p
		{
			line-height:18px;
		}
		.content a
		{
			color:black;
			font-weight:bold;
		}
		.content a:hover
		{
			text-decoration: underline;
			font-weight:bold;
		}
		
		.content li
		{
			margin-left:15px;
			list-style: disc;
		}
		
		.content ul li ul li
		{
			list-style: circle;
		}
		.content li.nolist
		{
			list-style: none;
			margin-left:0px;
		}
		
			.table thead td
			{
				border-bottom:1px solid #000000;
				color:#F1581C;
				font-size:12px;
				font-weight:bold;
				padding:4px 0;
			}
			
				.table tbody td 
				{
					padding:3px 0;
				}

				.table tbody tr td 
				{
					font-size:11px;
					background-color:#FFFFFF;
					border-bottom:1px solid #D9D9D9;
				}
				
				.line a
				{
					text-decoration:underline;
				}

	/*	 Footer
	---------------------------------------------------------------------
	*/
	
	.footer{
		width: 900px;
		margin-left: 21px;
		background-image: url(../assets/footer.jpg);
		background-repeat: no-repeat;
		margin-bottom: 20px;
	}
		.info_footer{
			padding-top: 5px;
			padding-bottom: 10px;
			text-align: center;
		}