/*******************************
  body, html, logo etc
*******************************/
* {
  font-family: Arial, Helvetica, sans-serif;
}

form {
  margin: 0;
	padding: 0;
}
body {
  background-image: url(../Images/body.png);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}
#top {
  background-image: url(../Images/top2.png);
  background-repeat: no-repeat;
  background-color: #FFF;
  width: 980px;
  height: 197px;
}
#recool {
  position: absolute;
  margin-top: 23px;
  margin-left: 42px;
}
#recool a:link img, #recool a:visited img{
  border: none;
}

/*******************************
  pagina indeling elementen
*******************************/
#main {
  width: 980px;
  margin: 0px auto;
  background-color: #FFF;
}
#topMenuHolder {
	position: absolute;
	top: 101px;
	overflow: hidden;
}
#subMenuHolder {
	position: absolute;
	top: 147px;
	margin-left: 40px;
	overflow: hidden;
}
#bg {
	background-image: url(../Images/bg.png);
	background-position: 737px top;
	background-repeat: repeat-y;
	overflow: hidden;
}

#center {
	overflow: hidden;
}
#center_left {
	margin-left: 31px;
	width: 719px;
	float: left;
}
#center_right {
	float: left;
}
#center_right img {
  border: none;
}
#center_right_logos {
  margin-top: 10px;
}

#header {
	padding-bottom: 15px;
	background-image: url(../Images/header.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#text {
	padding-top: 15px;
  overflow: hidden;
}

#logo_nvkl {
	width: 45px;
	height: 32px;
	float: left;
}
#logo_vca {
  width: 58px;
	height: 29px;
	float: left;
	margin-left: 7px;
}
#logo_stek {
  width: 44px;
	height: 31px;
	float: left;
	margin-left: 7px;
}
#logo_duurzaam 
{
	width: 36px;
	height: 30px;
	float: left;
	margin-left: 7px;
}
#bottom {
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
  padding-left: 10px;
}
#footer {
  background-image: url(../Images/footer.png);
  width: 960px;
	height: 25px;
  font-size: 11px;
	color: #8D919E;
	padding-top: 10px;
}

/*******************************
  Menu's
*******************************/
/*topmenu*/
.topMenu {
  background-image: url(../Images/topMenu4.png);
  background-repeat: no-repeat;
  float: left;
}
.topMenu_close {
  background-image: url(../Images/topMenu_close4.png);
  width: 2px;
	height: 37px;
	float: left;
}
.topMenu_start {
  width: 30px;
	height: 37px;
	background-image: url(../Images/topMenu_start4.png);
	float: left;
}
.topMenu a:link, .topMenu a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
	padding-top: 12px;
	height: 28px;
	padding-left: 17px;
	padding-right: 17px;  
}
.topMenu a:hover {
	color: #B7B9C1;
}
.topMenu_selected {
	background-image: url(../Images/topMenu_selected4.png);
	background-repeat: no-repeat;
	float: left;
}
.topMenu_selected_close {
	background-image: url(../Images/topMenu_selected_close4.png);
	width: 2px;
	height: 37px;
	float: left;
}
.topMenu_selected a:link, .topMenu_selected a:visited {
	font-size: 14px;
	color: #004878;
	display: block;
	text-align: center;
	text-decoration: none;
	padding-top: 12px;
	font-weight: bold;
	height: 28px;
	padding-left: 17px;
	padding-right: 17px;
}
/*submenu*/
.subMenu {
	float: left;
}
.subMenu_selected {
	float: left;
}
.subMenu a:link, .subMenu a:visited {
	background-image: url(../Images/subMenu2.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	font-size: 13px;
	color: #575859;
	text-decoration: none;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 9px;
	float: left;
	height: 23px;
}
.subMenu a:hover {
	color: #B7B9C1;
}
.subMenu_selected a:link, .subMenu_selected a:visited {
	background-image: url(../Images/subMenu_selected2.png);
	background-repeat: repeat-x;
	background-position: right 0px;
	font-size: 13px;
	font-weight: bold;
	color: #575859;
	text-decoration: none;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 9px;
	float: left;
	height: 23px;
}

/*footer*/
.footerMenu 
{
	margin-left: 140px;
}
.footerMenu a:link, .footerMenu a:visited {
	font-size: 11px;
	color: #8D919E;
	text-decoration: none;
}
.footerMenu a:hover {
	text-decoration: underline;
	color: #666;
}
.footerLanguage {
	position: absolute;
	margin-left: 820px;
	margin-top: -13px;
}
.footerLanguage a:link, .footerLanguage a:visited {
  font-size: 11px;
	color: #8D919E;
	text-decoration: none;
}
.footerLanguage a:hover {
  text-decoration: underline;
  color: #666;
}

/*******************************
  Search gedeelte
*******************************/
#searchHolder {
  position: absolute;
	margin-top: 111px;
	margin-left: 612px;
	height: 30px;
}
#searchText {
  font-size: 12px;
	font-weight: bold;
	color: #697085;
  float: left;
	padding-right: 15px;
	padding-top: 2px;
}
#searchInput {
  float: left;
	background-image: url(../Images/searchInput.png);
	background-repeat: no-repeat;
	width: 101px;
  height: 22px;
}
#searchInput input {
	padding-top: 1px;
	background-color: transparent;
	border: none;
	font-size: 11px;
	width: 101px;
}
#searchButton {
	padding-left: 1px;
  float: left;
	padding-right: 10px;
}
#searchButton input {
	background-image: url(../Images/searchButton.png);
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	width: 22px;
	height: 19px;
}
.searchLink {
  float: left;
}
.searchLink a:link, .searchLink a:visited {
	color: #697085;
  text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding-top: 2px;
}
.searchLink a:hover {
	color:#676679;
  text-decoration: underline;
}
.searchSeperator {
	color: #002E61;
  font-weight: bold;
	font-size: 13px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}

/*******************************
  Content
*******************************/
#colFull { }
.colFullText {
  margin-left: 28px;
	width: 628px;
}
#colLeft {
  margin-left: 28px;
	width: 303px;
  float: left;
}
#colLeftBreed {
  margin-left: 28px;
	width: 363px;
  float: left;
}
#colRight {
  margin-left: 25px;
	width: 300px;
  float: left;
}
#colRightSmall {
  margin-left: 25px;
	width: 240px;
  float: left;
}
.colWide_1 {
  margin-left: 28px;
	width: 603px;
  float: left;
}

/*******************************
  Projecten
*******************************/
.projecten_opening {
  font-size: 11px;
	color: #3f424b;
	line-height: 16px;
  margin-left: 26px;
  margin-right: 26px;
	margin-top: 10px;
}
.projecten_list_holder {
  margin-left: 26px;
	margin-top: 26px;
  float: left;
	margin-right: 20px;
}
.projecten_list {
	border: 1px solid #D7D7D5;
	width: 167px;
}
.projecten_holder {
  clear: left;
	padding-top: 20px;
	margin-bottom: 20px;
}
.project {
	padding-top: 20px;
	background-image: url(../Images/project.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	min-height: 140px;
}
.project_image {
	width: 185px;
	float: left;
  padding-left: 26px;
}
.project_image img {
}
.image_shade_1 {
  background-image: url(../Images/image_shade_1.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.image_shade_1 img{
	border: 1px solid #D6D7D9;
  margin-bottom: 6px;
}
.project_description {
	padding-top: 10px;
	width: 480px;
	float: left;
}

/*******************************
  Projecten Details
*******************************/
.projectenDetails_holder {
	padding-top: 10px;
	padding-left: 26px;
}
.GalleryImage {
  width:156px;
  height: 107px;
  float:left;
	margin-right: 27px;
	margin-bottom: 27px;
  border: solid 1px #CCCCCC;
  background-position:center center;
  background-repeat:no-repeat;
}
.projectenDetails_back {
  position: absolute;
	margin-left: 550px;
}
.projectenDetails_description {
	width: 500px;
	margin-bottom: 20px;
}
.projectenDetails_image_holder {
	overflow: hidden;
}
.projectenDetails_help {
  position: absolute;
	margin-left: 550px;
	margin-top: -70px;
}

/*******************************
  Producten
*******************************/

#productHeader {
	margin-left: 20px;
	overflow: hidden;
}
#productHeaderLeft {
	margin-top: 3px;
	font-size: 26px;
	color: #00214D;
	float: left;
	width: 125px;
	overflow: hidden;
}
#productHeaderLeft a:link, #productHeaderLeft a:visited {
	color: #00214D;
	text-decoration: none;
}
#productHeaderLeft a:hover {
	text-decoration: underline;
}
#productHeaderMid {
	font-size: 24px;
	color: #98121A;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}
#productHeaderRight {
	float: left;
	font-size: 10px;
	width: 530px;
	margin-top: 3px;
	overflow: hidden;
}
#productHeaderRightDetail {
	padding-top: 6px;
	float: left;
	font-size: 20px;
	width: 530px;
	margin-top: 3px;
	overflow: hidden;
	color: #00214D;
}
#productDescription {
	margin-top: 20px;
	margin-left: 21px;
	margin-bottom: 30px;
	overflow: hidden;
	font-size: 11px;
	line-height: 20px;
	width: 670px;
	text-align: justify;
	color: #555;
}
#productHolder {
	margin-left: 10px;
	margin-top: 15px;
}
.product {
	background-image: url(../Images/product.png);
	width: 230px;
	height: 172px;
	overflow: hidden;
	float: left;
}
.productImage {
	width: 210px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 10px;
	margin-top: 10px;
}
.productTitle {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	width: 230px;
	text-align: center;
	margin-top: 5px;
}
.productTitleLink 
{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#productHolder a 
{
	text-decoration: none;
	cursor: pointer;
}

/*******************************
  Text/elementen opmaak
*******************************/
.hdr_1 {
  /* grote rode header, meestal top */
	color: #002E61;
	font-weight: bold;
	font-size: 16px;
  margin-bottom: 5px;
}
.hdr_3 {
  /* kleine rode header, meestal tussenkopjes */
	color: #002E61;
	font-weight: bold;
	font-size: 13px;
  margin-bottom: 5px;
}
.hdr_2 {
  color: #3F424B;
  font-weight: bold;
	font-size: 14px;
}
.fnt_1 {
  font-size: 11px;
  color: #3D424B;
	line-height: 16px;
  text-align: justify;
}
.fnt_1 a:link, .fnt_1 a:visited {
  color: #3D424B;
}
.fnt_2 {
  font-size: 11px;
  color: #002E61;
	line-height: 16px;
}
.sel_1 {
  width: 164px;
	height: 20px;
	border: 1px solid #DFDFDD;
}
.sel_2 {
  width: 228px;
	height: 20px;
	border: 1px solid #DFDFDD;
}
.fld_1 {
	border: 1px solid #DFDFDD;
  width: 224px;
}
.txt_1 {
	border: 1px solid #DFDFDD;
  width: 424px;
	height: 89px;
	overflow: auto;
}
.btnRoute {
  width: 228px;
	height: 24px;
	margin-top: 10px;
	margin-left: 199px;
}

/*******************************
  TEMP / TEST
*******************************/

#lineHider {
	position: absolute;
	overflow: hidden;
	width: 719px;
	height: 15px;
	margin-top: -15px;
	background-color: white;
}
#contact_holder {
	overflow: hidden;
	width: 720px;
  margin-top: 15px;
}
#form_holder {
	float: left;
	width: 457px;
	margin-left: 26px;
}
#route_holder {
	float: right;
	width: 175px;
	margin-right: 20px;
	border: 1px solid #B1B2B4;
	background-color: #FFF;
	padding: 10px;
}
#address_holder {
	margin-top: 15px;
	width: 175px;
	border: 1px solid #B1B2B4;
	background-color: #FFF;
	padding: 10px;
}
.tbl_form_1 {
  margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
}
.tbl_form_1 td {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
  border-width: 0px;
	border-style: none;
  font-size: 11px;
  color: #3D424B;
	line-height: 16px;
	height: 28px;
}
.tbl_1 {
  margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
}
.tbl_1 td {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
  border-width: 0px;
	border-style: none;
  font-size: 11px;
  color: #3D424B;
	line-height: 16px;
	vertical-align: top; 
}

.line_1 {
  width: 450px;
	height: 1px;
	background-color: #B1B2B4;
	font-size: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.clear {
  clear:both;
  font-size:0px;
  clear:both;
  overflow:hidden;
  height:0px;
}
.rtIn {
	background-image: none !important;
	background-color: tranparent !important;
}
.rtIn:hover {
	background-image: none !important;
	background-color: #C6C7CE !important;
	border-color: #AAA !important;
}

.SearchTable {
  margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-width: 0px;
	border-spacing: 0px;
	width: 650px;
}
.SearchItem {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
  border-width: 0px;
	border-style: none;
  font-size: 11px;
  color: #3D424B;
	line-height: 16px;
	height: 28px;
  padding-bottom: 15px;
}
.SearchItem b {
  color: #555;
}
.SearchItem a:link, .SearchItem a:visited {
  color: #C00;
}

.imgR {
  float: right;
	margin-bottom: 20px;
}
.imgR_1 {
  float: right;
	border: 1px solid #666;
	margin-bottom: 20px;
}

