body{margin-top:0px;}

div#container {}
	/**
	* HEADER
	**/
	div#header {}
		div#logo {}
		
		div#topmenu {}
	
	div#mainmenu {}
	
	
	
	/**
	* BODY
	**/
	div#body {
		#height: 100%;
	}
		div#breadcrumbs {}
		
		div#submenu {}
		
		div#content {}
	
	
	
	/**
	* FOOTER
	**/
	div#footer {}
		div#copyright {}
		
		div#footermenu {}

/* For IE7 */
/*div#rotgradient {
	#position: absolute;
	#top: 330px;
	#left: 870px;
	
	#width: 231px;
	#height: 10px;
	
	#background: transparent url(../images/home_block_right.gif) scroll repeat-x 10px 0px;
	
	#z-index: 1000;
}*/

/* For IE5/IE6 */
/** html div#rotgradient {
	left: 869px;
}*/


div.images {}

div.images-left {
	margin: 0px 5px 5px 0px;
	float: left;
}

div.images-right {
	margin: 0px 0px 5px 5px;
	float: right;
}



div.container {
	margin: 0px auto;
	width: 965px;
	/*background: url('../images/container_gradient.png') bottom repeat-x;*/
	
}

div.container div {
/* 	border: 1px solid red; */
}


div.container div.content ul {
	list-style: circle inside none;
	/*padding-left:20px;*/
}
div.container div.content h1 {
	padding-bottom:10px;
}
	/**
	* HEADER
	**/
	div.container div.header {
		background: url('../images/bg-top.jpg');
/* 		padding: 16px 0px 0px 16px; */
		border-top: 1px solid #f9ce2a;
		
		height: 101px;
	}
/* 	div.container div.header:after { content: ""; display: block; height: 0; clear: both; } */

	div.container div.header .logo {
		position: absolute;
		top: 16px;
		left: 10px;
		
		height: 30px;
		
		width: 121px;
		width: 369px;
	}
		
		div.container div.header div.topmenu {
			position: absolute;
			top: 16px;
			right: 10px;
			
			background: url(../images/topmenu-gradient.jpg) repeat-y;
			
			width: 302px;
			height: 28px;
		}
		
		div.container div.header div.topmenu:after { content: ""; display: block; height: 0; clear: both; }
		
			div.container div.header div.topmenu ul {
				margin-top:7px;
				padding: 0px;
				float: left;
				width: 110px;
			}
				div.container div.header div.topmenu ul li {
					margin: 0px 5px 0px 10px;
					display: inline;
				}
					div.container div.header div.topmenu ul li a {
						color: #fff;
						text-decoration: none;
					}
					
					div.container div.header div.topmenu ul li a:hover {
						text-decoration: underline;
					}
			
			div.container div.header div.topmenu select {
				margin: 4px 4px 0px 0px;
				float: right;
				width: 150px;
			}
	
	div#contentcontainer {
		width: 965px;
		margin: 0px 0px 0px 0px;
	}
	
	/**
	* MAINMENU
	**/
	div.mainmenu {
		padding: 4px 0px 4px 0px;
		background:#fcfbfc;
		width:100%;
		border:0px solid #000;
	}
	
	div.mainmenu:after { content: ""; display: block; height: 0; clear: both; }
		div.mainmenu ul {}
			div.mainmenu ul li {
				margin: 0px 5px;
				display: inline;
			}
				div.mainmenu ul li a {
					text-decoration: none;
				}
				
				div.mainmenu ul li a:hover {
					text-decoration: underline;
				}
	
	div.mainmenu div.filecontent {
		float: left;
		padding: 2px;
	}

	div.mainmenu div.filecontent select, div.mainmenu div.filecontent input  {
		float: left;
		margin-right: 4px;
	}
	
	div.mainmenu select, div.mainmenu input {
		margin-top: 1px;
	}
	

	div.mainmenu div.search {
		float: right;
		margin-right: 2px;
		#margin-right: 1px;
	}

	div.mainmenu div.search span {
		float: left;
		margin-left: 4px;
	}


	/**
	* BODY
	**/
	div.container div.body {
		#height: 100%;
		clear: both;
		margin-top: 4px;
	}
		div.container div.body div.homecontent {
			#height: 100%;
		}
		div.container div.body div.homecontent:after { content: ""; display: block; height: 0; clear: both; }
	
	#homenav{width:965px;height:35px;}
		
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
		border: 1px solid #eee;
	}
	
	div.container div.body:after { content: ""; display: block; height: 0; clear: both; }
		div.container div.breadcrumbs {
			float: left;
			width: 600px;
		}
		
		div.container div.body div.submenu {
			float: left;
			width: 230px;
		}
		
		div.container div.body div.submenu ul.header,
		div.container div.body div.submenu ul.submenu {
			border-top: 1px solid #eaeaea;
			border-bottom: 1px solid #ededed;
			padding:0px;
		}
		
		div.container div.body div.submenu img {
			margin: 0px;
		}
		
		div.container div.body div.submenu .submenu-header {
			height: 48px;
			overflow:hidden;
			margin: 0px;
		}
		
		div.container div.body div.submenu ul.submenu {
			background: #e4e4e4 url(../images/menu_gradient.jpg) repeat-x bottom;
			padding: 14px 14px 14px 28px; 
			margin: 0px;
			list-style-image: url(../images/plus.gif);
		}
		
		div.container div.body div.submenu ul.submenu ul {
			padding: 8px;
			list-style-image: none;
		}
		
		div.container div.body div.submenu ul.submenu ul li {
			font-weight: bold;
		}
		
		div.container div.body div.submenu ul.submenu ul ul {
			padding: 8px;
		}

		div.container div.body div.submenu ul.submenu ul ul li {
			font-weight: normal;
		}
		
		div.container div.body div.content {
			float: right;
			width: 708px;
		}
			div.container div.body div.content h1 {
				font-size: 18px;
			}
			div.container div.body div.content h2 {
				font-size: 16px;
			}
	
	
			
			
			
			#mailform .csc-mailform label {
				width:150px;
				display:block;
				float:left;
			}
			#mailform .csc-mailform-field { clear:both;} 
			#mailform .csc-mailform-field input {
				width:150px;
			}
			#mailform .csc-mailform-submit {
				margin-top:20px;
				margin-left:150px;
			}
			
			.jobofferLink {font-weight:bold} 

#boilers{width:965px;border:0px solid #000;}
#boilerblock{width:111px;float:left;margin-right:11px;}
#boilerblock.last{width:111px;float:left;margin-right:0px;}	
#yellowblocks{float:left;width:187px;height:242px;background:url('../images/largebox.jpg') no-repeat;margin-right:7px;text-align:left;}
#yellowblocks.last{margin-right:0px;}
#yellowblocks h1{font-size:12px;font-weight:bold;margin:0px 0px 0px 0px;padding:1px 2px 0px 2px;text-align:center;}
#yellowblocks p{width:175px;margin:5px 0px 0px 10px;padding:0px 0px 0px 0px;}
#yellowblocks ul{width:165px;margin:10px 0px 0px 20px;padding:0px 0px 0px 0px;}
#yellowblocks ul li{margin-left:0px;}
#advertfoot{width:965px;height:160px;}

	/**
	* FOOTER
	**/
	div.container div.footer {
		color: #ed3ca4;
		
		padding-top: 0px;
		padding-bottom: 5px;
		#margin-top: -4px;
		#margin-bottom: 12px;
		
		clear: both !important;
	}

div.container div.footer:after { content: ""; display: block; height: 0; clear: both; }
		div.container div.footer div.copyright {
			float: left;
			width: 150px;
		}
		
		div.container div.footer div.footermenu {
			width: 550px;
			float: left;
			text-align: left;
		}
		
		div.container div.footer div.footermenu span.pipe {
			border-left: 1px solid #ed3ca4;
		}
			div.container div.footer div.footermenu ul {margin-left: 0px;padding-left:0px;}
				div.container div.footer div.footermenu ul li {
					margin: 0px 5px;
					display: inline;
				}
					div.container div.footer div.footermenu ul li a {
						color: #ed3ca4;
						text-decoration: none;
					}
					
					div.container div.footer div.footermenu ul li a:hover {
						text-decoration: underline;
					}
					

/**
* HOME
***********************************************************************************************/

#promo {
/* 	width: 100%; */
	clear: both;
/* 	margin-bottom: 8px; */
	height: 209px;
	text-align: left;
	overflow: hidden;	
}

.promobanner div.click_more  {
	margin: 160px 0px 0px 510px;
	
	position: absolute;
	width: 170px;
	height: 20px;
}
	.promobanner div.click_more a,
	.promobanner div.click_more a:hover {
		display: block;
		width: 170px;
		height: 20px;
		text-decoration: none;
	}

/* begin - Set click area on whole banner on promobanner_launch */
.promobanner_launch div.click_more {
	margin: 0px;
	
	width: 710px;
	height: 190px;
	width: auto;
	height: auto;
}
	.promobanner_launch div.click_more a,
	.promobanner_launch div.click_more a:hover {
		width: 710px;
		height: 190px;
	}
/* end - Set click area on whole banner on promobanner_launch */



.promobanner div.latest-news {
	position: relative;
	top: 0px;
	left: 0px;
	
	float: right;
	
	margin-top: 60px;
	margin-right: 5px;	
	
	width: 215px;
	
	text-align: left;
}
	.promobanner div.latest-news div.csc-header {
		position: absolute;
		top: -44px;
		left: -2px;
		
		width: 215px;
		height: 30px;
		
		text-indent: -500px;
		overflow: hidden;
		
/* 		background: transparent url(../images/home_header_latestnews.gif) scroll no-repeat top left; */
	}
	
	.promobanner div.latest-news div.news-latest-container {
	}

.promobanner div.news-latest-container .news-latest-image {
	width: 42px;
	float: left;	
}

.promobanner div.news-latest-container .news-latest-date {
	color: #ED3CA4;
}

.promobanner div.news-latest-container h3 {
	font-weight: bold;
}

.promobanner div.news-latest-container .news-latest-item {
	width: 150px;
	float: right;
	margin-bottom: 10px;
	#margin-bottom: 5px;
}

.promobanner div.news-latest-container div.news-latest-gotoarchive {
	#margin-top: 5px;
}


.block_left, .block_right {
	background: url(../images/home_block.gif) scroll repeat-x 0px -16px;
/* 	height: 160px;*/ 
	width: 230px;
	float: left;
	overflow: hidden;	
	margin-right: 8px;
/* 	border-top: 1px solid #efefef;*/ 
}

.tx-commerce-pi1 .block_left {
	background: url(../images/home_block.gif) scroll repeat-x 0px 0px;
	height: 240px;
	background-color: #d7d7d7;
}


.block_left a, .block_right a {
	display: block;
}

.block_left ul a, .block_right ul a {
	display: inline;
}

.block_left h1, .block_right h1 {
	font-size: 18px;
	font-family: 'Helvetica';
	padding: 14px;
}

.block_left ul, .block_right ul {
	padding: 14px 14px 10px 28px;	
	list-style-image: url(../images/plus.gif);
}


.homecontent .block_left,
.homecontent .block_right {
	height: 144px;
}

div.product_details .block_left ul,
div.product_details .block_right ul {
	 list-style-position: outside !important;
	 list-style-image: url(../images/plus.gif) !important;
}

.block_left ul li, .block_right ul li {
	margin-bottom: 4px;	
}

.block_right ul li a {
	color: #fff;
}

.block_right {
/* 	border-top: 1px solid #bdbdbd; */
	color: #fff;
	background: url(../images/home_block_right.gif) scroll repeat-x 0px -16px;
	margin-right: 0px;
	
	width: 230px;
}

.block_right ul {
	list-style-image: url(../images/plus_white.gif);
}



div.filelinks_left {
	float:left;
	clear:left;
}

div.filelinks_right {
	float:left;
	padding-left:20px;
}
div.smallheader h1 {
	font-size:11px !important;
}

.filelinks div {
	padding-left: 22px;
	padding-bottom: 3px;	
}

.filelinks div.pdf {
	background: url(../images/pdf_icon.gif) no-repeat scroll top left;	
}

.filelinks div.zip {
	background: url(../images/zip_icon.gif) no-repeat scroll top left;	
}


.filelinks div.exe {
	background: url(../images/download_icon.gif) no-repeat scroll top left;	
	height: 20px;
}

div.tx-bwcommercemanualsearch-pi1 select#tx_bwcommercemanualsearch_pi1_product {
	width: 310px;
}

div.tx-bwcommercemanualsearch-pi1 select#tx_bwcommercemanualsearch_pi1_manuals {
	width: 200px;
}


/**
* EPC Tool
***********************************************************************************************/

.tx-bwepctool-pi1 legend {
	font-weight: bold;	
	margin-bottom: 15px;
}

.tx-bwepctool-pi1 .input_text {
	padding: 2px;	
}

.tx-bwepctool-pi1 label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 15px;	
}

.tx-bwepctool-pi1 input, .tx-bwepctool-pi1 select {
	border: 1px solid #999;
}

.tx-bwepctool-pi1 input.error {
	border-color: red;	
}

.tx-bwepctool-pi1 input.valid {
	border-color: green;	
}

.tx-bwepctool-pi1 .buttons {
	font-weight: bold;
	margin-top: 15px;
	text-align: right;
}

.tx-bwepctool-pi1 .buttons input {
	border: none;
	background: none;
	font-weight: bold;
}

.tx-bwepctool-pi1 h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

.tx-bwepctool-pi1 table {
	width: 100%;
}

.tx-bwepctool-pi1 td,  .tx-bwepctool-pi1 h3 {
	padding: 2px;
	margin: 0px;
}

.tx-bwepctool-pi1 td h3 {
	padding: 0px;	
}

.tx-bwepctool-pi1 td.getal {
	text-align: right;
	font-weight: bold;
}

.tx-bwepctool-pi1 tr.eindresultaat td.getal {
	font-size: 22px;
}

.tx-bwepctool-pi1 tr.eindresultaat td.omschrijving {
	padding-right: 200px;
}

.tx-bwepctool-pi1 .omschrijving {
	padding-left: 10px;
}

.tx-bwepctool-pi1 th {
	text-align:right;
	border-bottom: 1px solid black;
}

.tx-bwepctool-pi1 .projectgegevens_form {
	float: left;	
}

.tx-bwepctool-pi1 div.projectgegevens {
	display: none;	
}

.tx-bwepctool-pi1 table.projectgegevens {
	float:left;
	width: 300px;
}

.tx-bwepctool-pi1 table.projectgegevens td.label {
	width: 150px;
}

.tx-bwepctool-pi1 .image {
	margin-left: 10px;
	margin-right: 10px;
	float: right;
}


	
 /******************************************************************************
 * SITEMAP
 *****************************************************************************/
 
.csc-sitemap ul {
	list-style: disc;
	font-weight: bold;
	padding-left: 20px;
}
 
.csc-sitemap ul ul {
	list-style: circle;
	font-weight: normal;
}

.csc-sitemap ul ul ul {
	list-style: square;
	font-weight: normal;
}


/* FAQ
*/
.tx-irfaq-pi1 p { padding-bottom:10px;padding-top:10px;}

 /******************************************************************************
 * RAYONKAART
 *****************************************************************************/

div.tx-bwrayonkaart-pi1 { #height: 100%; }
div.tx-bwrayonkaart-pi1:after { content: ""; display: block; height: 0; clear: both; }

 #tx-bwrayonkaart-tablecontainer {
    /*height: 1000px;*/
 }


 #tx-bwrayonkaart-tablecontainer {

 }

 #tx-bwrayonkaart-tablecontainer, table.contenttable-rayonkaart-accountmangers {
 	float: right;
 	width: 450px;
 }
 
 table.contenttable-rayonkaart, table.contenttable-rayonkaart-accountmangers {
 	border-collapse: collapse; 
 	display: none;
 }
 
 table.contenttable-rayonkaart tbody, table.contenttable thead {
 	width: 100%;
 }
 
 table#tx-bwrayonkaart-pi1-rayontable0, table.contenttable-visible {
 	display: table;
 	#display: block;
 	width: 450px;
 }
 
 table.contenttable-invisible {
 	display: none !important;
 }
 
 table.contenttable-rayonkaart th, 
 table.contenttable-rayonkaart td, 
 table.contenttable-rayonkaart-accountmangers th, 
 table.contenttable-rayonkaart-accountmangers td {
 	padding: 2px;
 	border: 1px solid #eee;
 }
 
 table.contenttable-rayonkaart th,
 table.contenttable-rayonkaart-accountmangers th {
 	font-weight: bold;
 	background-color: #000;
 	border: 1px solid #333;
 	color: #fff;
 	text-align: center;
 }
 
 .tx-bwrayonkaart-pi1 td.postcode{
  	text-align: center; 
 }
 
 .tx-bwrayonkaart-pi2 td.postcode_uk {
 	text-align: left;
 	width: 175px;
 }

 .tx-bwrayonkaart-pi1 .person,
 .tx-bwrayonkaart-pi2 .person {
 	vertical-align: top;
 }

 .tx-bwrayonkaart-pi1 .person .naam,
 .tx-bwrayonkaart-pi2 .person .naam {
 	display: block;
 	font-weight: bold;
 }
 .tx-bwrayonkaart-pi1 .person .label,
 .tx-bwrayonkaart-pi2 .person .label {
 	display: block;
 	font-style: italic;
 }
 
 .tx-bwrayonkaart-pi1 .person .telnr,
 .tx-bwrayonkaart-pi1 .person .email,
 .tx-bwrayonkaart-pi2 .person .telnr,
 .tx-bwrayonkaart-pi2 .person .email {
 	display: block;
 	margin-top: 12px;
 }
 .tx-bwrayonkaart-pi1 .person .email,
 .tx-bwrayonkaart-pi2 .person .email {
 	clear: both;
 }
 
 .tx-bwrayonkaart-pi1 .person .foto,
 .tx-bwrayonkaart-pi2 .person .foto {
 	float: right;
	display: inline;
 }

 .tx-bwrayonkaart-pi1 .person .foto img,
 .tx-bwrayonkaart-pi2 .person .foto img {
	border: 1px solid #666;
 }
 
 .tx-bwrayonkaart-pi1-kaart,
 .tx-bwrayonkaart-pi2-kaart {
 	float: left;
 }
 
 .tx-indexedsearch-title a {
 	font-weight: bold;
 }

/* RECOM */
#lang-link {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 60px;
}

#lang-link.nl {
	background-image: url( "../images/recom_lang_nl.png" );
}

#lang-link.en {
	background-image: url( "../images/recom_lang_en.png" );
}

#lang-link a {
	display: block;

	padding-top: 20px;
	padding-left: 100px;
	height: 30px;

	font-size: 12pt;
}


/* Safari 3 Fix */
#mainmenu {
	display: block;
	padding: 4px 0px 5px 0px;

	overflow: hidden;
}

#mainmenu label {
	padding: 0px;
	height: 16px;
}

img {
	margin: 0px;
}


/* Quick and dirty header links */
a#qnd_linktohomepage,
a#qnd_linktoconsumenten,
a#qnd_linktocorporate {
	position: absolute;
	display: block;
	overflow: hidden;
	
	text-indent: -500px;
	
	background-color: transparent;
	z-index: 10000;
}

a#qnd_linktohomepage {
	top: 0px;
	left: 0px;
	
	width: 125px;
	height: 33px;
}

a#qnd_linktoconsumenten {
	top: 7px;
	left: 232px;
	
	width: 75px;
	height: 15px;
}

a#qnd_linktocorporate {
	top: 8px;
	left: 144px;
	
	width: 75px;
	height: 18px;
}




div.images {}

div.images-left {
	margin: 0px 5px 5px 0px;
	float: left;
}

div.images-right {
	margin: 0px 0px 5px 5px;
	float: right;
}






div.container div.header {
	position: relative;
	top: 0px;
	left: 0px;
}
	div.container div.header {
		background: url('../images/bg-top.jpg');
/* 		padding: 16px 0px 0px 16px; */
		border-top: 1px solid #f9ce2a;
		
		height: 101px;
	}
	
div.container div.header div.logo {

}




/******************************************************************************
 * STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/
body {
	background: #ffffff;
}

body, td {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}

ol {
	list-style-type: decimal;
	margin-left: 20px;
}

ol li {
	margin-left: 20px;
	display: list-item;	
}

/******************************************************************************
 * GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/
.clear_both           { clear: both; line-height: 0px; }
.bodytext             { margin-bottom: 12px; margin-left:0px;margin-right:20px;}