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

/* html ------------------------------------------------------------- */

body {
	background:url(../Userfiles/Image/back.jpg);
	margin:0;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;	
}

h1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000;
}

h2 {
	font-size:1.6em;
	font-weight:bold;
	color:#ccc;
}

h3  {
	font-size:1.2em;
	font-weight:normal;
	color:#fff;
}

a {
	color:#000000;
	text-decoration:none;
	font-size:1.2em;
}


.textlink {
text-decoration:underline;
font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
color: #000;
}

/*p {
	font-size:1.2em;
	line-height: 1.4em;
}*/
p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
}

ul  {
	font-size:1.2em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*
span {
	font-size:1.2em;
}
*/
img {
	border:none;
}


/* divs ------------------------------------------------------------- */


#container {
	width:984px;
	left:50%;
	margin:20px 0 0 -492px;
	position:absolute;
}

#schaduwBoven {
	background:url(../Userfiles/Image/schaduwHeader.jpg);
	overflow:hidden;
	height:104px;
	position:relative;
}

#schaduwMidden {
	background: url(../Userfiles/Image/schaduwBody.jpg) repeat-y;
	overflow:hidden;
}

#schaduwOnder {
	background:url(../Userfiles/Image/schaduwFooter.jpg) no-repeat;
	/*height:56px;*/
	height:81px;
}

#header {
	background:url(../Userfiles/Image/header.jpg) no-repeat;
	height:94px;
	margin:10px 0 0 11px;
}

#bheader {
	background:url(../Userfiles/Image/header.jpg) no-repeat;
	height:94px;
	margin:0px 0 0 0px;
	width:200px;
     float:left;
	 position:relative;
	 z-index: 1010;
}


#bheader a{
	background:url(../Userfiles/Image/header.jpg) no-repeat;
	height:94px;
	margin:0px 0 0 0px;
    display:block;
}





#taalKeuze {
	display:block;
/*	margin:48px 0 0 102px;    */
	top: 36px;
	_top: 38px;
    left: 2px;
    _left: 5px;
	position: relative;
}

#homeicon {
	display:block;
/*	margin:48px 0 0 102px;    */
	top: 65px;
    left: 213px;
	position: absolute;
	width: 14px;
	height: 15px;
	background: url(/UserFiles/Image/homeicon.jpg) no-repeat;
	z-index:1010;
}

#homeicon a {
	display: block;
	width:14px;
	height: 15px;
}

#contacticon {
	display:block;
/*	margin:48px 0 0 102px;    */
	top: 69px;
    left: 238px;
	position: absolute;
	width: 16px;
	height: 11px;
	background: url(/UserFiles/Image/contacticon.jpg) no-repeat;
	z-index:1010;
}

#contacticon a {
	display: block;
	width:16px;
	height: 11px;
}


#topMenu {
	width:800px;
	height:88px;
	margin:1px 0 0 11px;
	float:left;
	border-bottom:1px solid #fff;
	overflow:hidden;
}

	#topMenu table, tr, td {
		border:none; 
		margin:0;
		padding:0;
		vertical-align:bottom;
	}
	
	
	#topMenu a {
		float:left;
		background:url(../Userfiles/Image/menuButton.gif) repeat-x;
		width:92px;
		height:88px;
		padding:40px 0 0 7px;
		margin:0 1px 0 0;	
	}
	
	#topMenu a:hover {
		background:url(../Userfiles/Image/menuButtonHover.gif) repeat-x;
		color:#fff;	
	}
	
#zoek {
	background:url(../Userfiles/Image/zoekBack.gif) repeat-x;
	height:88px;
	width:158px; 
	margin:1px 15px 0 0;
  	float:right;  
}

	#zoek table {
		margin: 5px;
	}

	#zoek span {
		margin: 5px;
		font-weight: bold;
		font-family: verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#fff;	
	}
/*	
	#zoek input {
		width:120px;
		margin:0 0 0 8px;
	}
*/	
#main {
	/*background:url(../Userfiles/Image/mainBack.gif) repeat-y;*/
	margin:0 0 0 11px;
	clear:both;
	overflow:hidden;
}

#mainMain {
	background:url(../Userfiles/Image/mainMainBack.gif) repeat-y;
	margin:0 0 0 11px;
	clear:both;
	overflow:hidden;
}

#leftMenu {
	/*background:url(../Userfiles/Image/lmSearchBack.gif);*/
	float:left;
	width:399px;
	margin:1px 0 0 0;
}

	#leftMenuFoto {
		background:url(../Userfiles/Image/people.jpg);
		width:399px;
		height:183px;
		
	}
	
	#leftMenuVerdelers {
		background:url(../Userfiles/Image/lmSearchBack.gif);
		height:49px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
		#leftMenuVerdelers h1 {
			background:url(../Userfiles/Image/lmSearchPijl.gif) 0 5px no-repeat;
			padding:0 0 0 20px;
			margin: 15px 0 0 17px;
			display:block;
			color:#ccc;
		}
				
	#leftMenuProductFinder {
		background:url(../Userfiles/Image/productFinder.jpg);
		height:131px;
		border-bottom:1px solid #fff;
		overflow:hidden;
	}
	
			
			#leftMenuProductFinder h2 {
				background:url(../Userfiles/Image/lmSearchPijl_grijs.gif) 0 3px no-repeat;
				padding:0 0 0 20px;
				display:block;
				margin:16px 0 30px 18px;
			}
			
			#leftMenuProductFinder span {
				color:#000;
				/*display:block;*/
				margin:30px 7px 0px 20px;
				font-size: 14px;
				margin-top: 50px;
				font-weight:bold;
			}
			
			#leftMenuProductFinder span a {
				color:#000;
				/*display:block;*/
				font-size: 14px;
				margin-top: 50px;
				font-weight: bold;
				text-decoration:underline;
			}
			
			
			#leftMenuProductFinder input {
				display:block;
				margin:5px 0 0 35px;
				width:240px;
			}
			
			#leftMenuProductFinder img {
				display:block;
				margin:12px 0 0 35px;
				margin:5px auto;
			}

#leftMenuMain {
	background:url(../Userfiles/Image/lmSearchBack.gif);
	float:left;
	width:199px;
	margin:1px 0 0 0;
}

		#leftMenuMain span {
			background:url(../Userfiles/Image/darkGrayBack.gif);
			color:#fff;
			display:block;
			padding:12px 0 0 12px;
			min-height:25px;
			border-bottom:1px solid #fff;
			margin:0 0 3px 0;
    	font-size:1.2em;
    	font-weight:bold;
		}
				
		.menuitem_links_tekst a {
			height:24px;
			display:block;
			padding:12px 0 10px 8px;
		}
					
		.menuitem_links_tekst a:hover {
			color:#fff;
			background:url(../Userfiles/Image/darkGrayBack.gif);
		}
		
		.menuitem_links_tekst a.menuitem_links_tekst_active {
			color:#fff;
			background:url(../Userfiles/Image/darkGrayBack.gif);
			border-top:1px solid #fff;
			border-bottom:1px solid #fff;
		}

		.menuitem2_links_tekst  {
			line-height:2em;
		}
		
		.menuitem2_links_tekst  a {
			background:url(../Userfiles/Image/listPijltje.gif) 0 5px no-repeat;
			margin:0 0 0 15px;
			padding:0 0 0 12px;
		}
		
		.menuitem2_links_tekst a:hover {
			color:#666666;
		}
		
		.menuitem2_links_tekst a.menuitem2_links_tekst_active {
			background:url(../Userfiles/Image/listPijltjeDown.gif) 0 5px no-repeat;
			color:#666666;
		}
		/*
		.menuitem3_links_tekst  {
			line-height:2em;
		}
		
		.menuitem3_links_tekst  a {
			background:url(../Userfiles/Image/listKruis.gif) 0 5px no-repeat;
			margin:0 0 0 30px;
			padding:0 0 0 12px;
		}
		
		.menuitem3_links_tekst a:hover {
			color:#666666;
		}
		
		.menuitem3_links_tekst a.menuitem3_links_tekst_active {
			background:url(../Userfiles/Image/listKruisDown.gif) 0 5px no-repeat;
			color:#666666;
		}
		
		.menuitem4_links_tekst  {
			line-height:2em;
		}
		
		.menuitem4_links_tekst  a {
			background:url(../Userfiles/Image/listKruis.gif) 0 5px no-repeat;
			margin:0 0 0 45px;
			padding:0 0 0 12px;
		}
		
		.menuitem4_links_tekst a:hover {
			color:#666666;
		}
		
		.menuitem4_links_tekst a.menuitem4_links_tekst_active {
			background:url(../Userfiles/Image/listKruisDown.gif) 0 5px no-repeat;
			color:#666666;
		}*/

		
		/*#thirdLevel {
			list-style-image:url(../Userfiles/Image/listKruis.gif);
			padding:0;
			display:none;
		}
		
				#thirdLevel li {
					border:none;;
					padding:0;
					background:none;
				}
				
				#thirdLevel li a {
					padding:2px 0 0 0;
				}
				
				#thirdLevel li.selected {
					list-style-image:url(../Userfiles/Image/listKruisDown.gif);
					
				}
				
				#thirdLevel li.selected a {
					color:#666666;
					background:none;
				}
							
		#secondLevel li a:hover, #thirdLevel li a:hover{
			background:none;
			color:#666666;
		}
		*/


/* ------------- Menu list ---------------*/

		.menuitem3_links_tekst li {
			line-height:2em;
			font-size: 10px;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		.menuitem3_links_tekst  a {
			list-style-type:disc;
		}
		
		.menuitem3_links_tekst a:hover {
			color:#666666;
		}
		
		.menuitem3_links_tekst a.menuitem3_links_tekst_active {
			color:#666666;
		}
		
		.menuitem4_links_tekst  {
			line-height:11px;
			/*list-style-type:disc;*/
			list-style-image:url(/UserFiles/Image/bulletcirkel_klein.jpg);
			/*_margin-left: 5px;*/
			font-family:Arial, Helvetica, sans-serif;
		}
		
		.menuitem4_links_tekst  a {
			/*background:url(../Userfiles/Image/listKruis.gif) 0 5px no-repeat;
			margin:0 0 0 45px;
			padding:0 0 0 12px;*/
			font-size:10px;
		}
		
		.menuitem4_links_tekst a:hover {
			color:#666666;
		}
		
		.menuitem4_links_tekst a.menuitem4_links_tekst_active {
			background:url(../Userfiles/Image/listKruisDown.gif) 0 5px no-repeat;
			color:#666666;
		}

/* ------------- Menu list einde----------*/



#rightMenu {
	width:158px;
	margin:0 15px 0 0;
	float:right;
}

#rightMenu_home {
	width:158px;
	margin:0 15px 0 0;
	float:right;
}

	#huis {
		background:url(../Userfiles/Images/layout/banner_nl_1.jpg) no-repeat;
		height:103px;
		overflow:hidden;
	}
	#huis_fr {
		background:url(../Userfiles/Images/layout/banner_fr_1.jpg) no-repeat;
		height:103px;
		overflow:hidden;
	}
	
		#huis a, #huis_fr a {
			display:block;
			/*margin:40px 0 0 12px;*/
			height: 103px;
			width: 158px;
		}
	
	#renovatie {
	    margin-top:10px;  
		background:url(../Userfiles/Images/layout/banner_nl_2.jpg) no-repeat;
		height:105px;
		border-top:1px solid #fff;
		overflow:hidden;
	}
	
		#renovatie a {
			display:block;
			/*margin:20px 0 0 12px;*/
			height: 153px;
			width: 158px;			
		}
		
	#renovatie_fr {
		background:url(../Userfiles/Images/layout/banner_fr_2.jpg) no-repeat;;
		height:105px;
		border-top:1px solid #fff;
		overflow:hidden;
		margin-top:10px; 
	}
	
		#renovatie_fr a {
			display:block;
			/*margin:20px 0 0 12px;*/
			height: 153px;
			width: 158px;			
		}	


/*
	#huis {
		background:url(../Userfiles/Image/rmHuis.jpg) no-repeat;
		height:90px;
		overflow:hidden;
	}
	
		#huis a {
			display:block;
			margin:40px 0 0 12px;
		}
	
	#renovatie {
		background:url(../Userfiles/Image/rmHamer.jpg) no-repeat;
		height:90px;
		border-top:1px solid #fff;
		overflow:hidden;
	}
	
		#renovatie a {
			display:block;
			margin:20px 0 0 12px;
		}
*/		
		
	#pers {
		background:url(../Userfiles/Image/lmSearchBack.gif);
		height:43px;
		overflow:hidden;
	}
	
		#pers a {
			display:block;
			margin:8px 0 0 12px;
		}
		
		
	#isoterra {
		/*background:url(../Userfiles/Image/lmSearchBack.gif);*/
		height:104px;
		overflow:hidden;
		margin-top: 10px;
	}
		#isoterra a{
		/*background:url(../Userfiles/Image/lmSearchBack.gif);*/
		height:104px;
		}
	#isoterra img {
		/*background:url(../Userfiles/Image/lmSearchBack.gif);*/
		height:104px;
		overflow:hidden;
	}
	
	
#content {
	margin:0 0 0 420px;
	width:350px;
}

	#content span {
		color:#999999;
		font-size:1.3em;
		font-weight:bold;
		display:block;
		margin:20px 0 0 0;
	}
	
#contentMain {
	position:relative;
	margin:0 0 0 220px;
	width:550px;
}
#contentMain p a{
	text-decoration:underline;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #000;	
}

/*
	#contentMain span {
		color:#999999;
		font-size:1.3em;
		font-weight:bold;
		display:block;
		margin:20px 0 0 0;
	}
*/
	
#breadCrumb {
	font-size:1.2em;
	color:#999;
	font-weight:normal;
	padding:8px 0 0 0;
}

	#breadCrumb a {
		font-size:1em;
		color:#999;
		font-weight:normal;
		text-decoration:underline;
	}

#footer {
	background:url(../Userfiles/Image/footer.jpg) repeat-x;
	width:958px;
	/*height:35px;*/
	height:70px;	
	margin:0 0 21px 11px;
	/*text-align:center;*/
	/*text-align:left;*/
	line-height:18px;
	text-align:center;
	clear:both;
	overflow:hidden;
}
/*p {
	font-size:1.2em;
	line-height: 1.4em;
}*/
	#footer p {
	    font-size:1.2em;
		_font-size:10px;
	    line-height: 1.4em;
		display:block;
		padding:0;
		/*margin:15px 0 0 0;*/
		margin:15px 0 0 5px;
		_text-align:left;
	}
	
	#footer a {
		font-size:1em;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}

/* classes ------------------------------------------------------------- */

.article {
	background:url(../Userfiles/Image/articleBack.gif);
	padding:6px 12px 6px 12px;
}

	.article p {
		margin:6px 0 6px 0;
	}


.articleTitle {
	background:url(../Userfiles/Image/darkGrayBack.gif);
	height:34px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

	.articleTitle h3 {
		margin:10px 0 0 12px;
	}


.articleFooter {
	background:url(../Userfiles/Image/darkGrayBack.gif);
	height:10px;
	border-bottom:1px solid #fff;
}


.leesMeer {
	background:url(../Userfiles/Image/leesMeerPijl.gif) 0 3px no-repeat;
	padding:0 0 0 15px;
}

	.leesMeer a {
		font-size:0.9em;
	}
	
	.leesMeer a:hover {
		text-decoration:underline;
	}
.wordicon{
                height:17px;
                width:17px;
}
	
.clear {
	clear:both;
}


.dvbrochures{
margin:20px 15px 20px 15px; 
float:left;
height:270px;
}

.searchbox
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: black;
	background-color : white; 
}

.searchbutton
{
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.error {
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
}

.detailtable td{
border: 1px solid #000000;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
vertical-align:top;
}

.dvbrochuresbox div{
font: bold normal 11px Verdana, Arial, Helvetica, sans-serif;
width:145px;
font-weight:bold;
}



.black10 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.black10b {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.black12 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.black12b {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.black14 {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.black14b {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000;}
.grey10 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.grey10b {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.grey12 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.grey12b {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.grey14 {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.grey14b {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.grey16b {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.yellow10 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33;}
.yellow10b {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33;}
.yellow12 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33;}
.yellow12b {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33;}

A.productmenu, A.productmenu:link, A.productmenu:active  {
  font-size: 1.2em;
  font-weight: normal;
  margin-left: 15px;
}

A.productmenu:hover {
  font-size: 1.2em;
  font-weight: normal;
  margin-left: 15px;
	color:#666666;
}

A.yellowlink12b, A.yellowlink12b:link, A.yellowlink12b:active
 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33; text-decoration: none;}
A.yellowlink12b:hover
 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FFCC33; text-decoration: underline;}

A.blacklink12, A.blacklink12:link, A.blacklink12:active, A.blacklink12:hover
 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: underline;}

A.blacklink12b, A.blacklink12b:link, A.blacklink12b:active, A.blacklink12b:hover
 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: underline;}

A.blacklink11u, A.blacklink11u:link, A.blacklink11u:active, A.blacklink11u:hover
 {font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: underline;}

A.blacklink10, A.blacklink10:link, A.blacklink10:active, A.blacklink10:hover
 {font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: underline;}

A.greylink12b, A.greylink12b:link, A.greylink12b:active
 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration: none;}
A.greylink12b:hover
 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: underline;}
  
A.greylink10b, A.greylink12b:link, A.greylink12b:active, A.greylink12b:hover
 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration: none;}


/*homepage linksonder */

.padding_linksonder {
	padding: 3px;
}

.titel_linksonder {
	color: #000;
	font-weight:bold;
	font-size: 13px;
}

.ondertitel_linksonder {
	color: #929292;
	font-weight:bold;
	font-size: 13px;	
}

.lijn_onder {
	border-bottom: 1px solid #949494;
}

.lijn_links {
	border-left: 1px solid #949494;
}

.alfa_links {
	height: 110px;
	overflow-y:scroll;
}

.linkertabel {
	margin: 0;
	paddding: 0;
}

.linkertabel td {
	margin: 0;
	vertical-align:middle;

}
/*Css  voor rekenmodule */

.product{
	border-bottom: 2px solid #ffc526;
	height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.boveninput{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    border: 0px;
	font-weight:bold;
	font-weight: bold;
}
.yellow{
	background-color:  #ffc526;
	height: 25px;
	line-height:25px;
	font-size: 11px;
	vertical-align:center;
}
.kop{
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   background-color:#929292;
   color: #FFFFFF;
   align: center;
   text-align: center;
   font-weight: bold;
}
.kopL{
   line-height:25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   background-color:#929292;
   color: #FFFFFF;
   align: center;
   text-align: left;
   font-weight: bold;
}
.kop2{
   line-height:25px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   background-color:#929292;
   color: #FFFFFF;
   align: center;
   text-align: left;
   font-weight: bold;
}
.kop2 input{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    border: 0px;
	font-weight:bold;
	background-color:#929292;
	color: #FFFFFF;
	font-weight: bold;
}
.product input{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    border: 0px;
	font-weight:bold;
}
.knop_bereken{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	background-color: #ffc526;
	color: #929292;
	border: 2px solid #929292;
	font-weight:bold;
}