/* ALGEMEEN  =============================== */

html {

	width: 100%;
	height: 100%;
	
	margin: 0;
	padding: 0;

}

body {

	width: 100%;
	height: 100%;
	
	margin: 0;
	padding: 0;

	background-color: #2c488c;
	
	text-align: center;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;

}

/* WEBSITETOP  =============================== */


div#websitetop {

	width: 984px;
	height: 37px;
	
	background-color: #ffffff;
	background-image: url(../img/bg_websitetop.gif);
	background-repeat: repeat-y;
	
	margin-left: auto;
	margin-right: auto;

}

/* CONTAINERS  =============================== */

div#websitecontainer {

	width: 984px;
	height: auto;
	
	background-color: #ffffff;
	background-image: url(../img/bg_websitecontainer.gif);
	background-repeat: repeat-y;
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
	color: #2c488c;
	
	position: relative;

	display: table;
	
}

div#contentcontainer {

	width: 957px;
	height: 100%;
	
	background-color: #ffffff;
	
	margin-left: 13px;	

	color: #2c488c;
	
	
}

/* HEADER  =============================== */

div#header {

	width: 957px;
	height: 123px;
	
	background-image: url(../img/bg_header.gif);
	background-repeat: no-repeat;	

}


div#header div#logo {

	width: 373px;
	height: 154px;
	
	position: absolute;
	
	margin-top: -33px;
	margin-left: 290px;

}

/* HOR MENU  =============================== */

div#hor-menu {

	width: 957px;
	height: 24px;
	
	background-image: url(../img/bg_hor-menu.gif);
	background-repeat: no-repeat;
	
	line-height: 23px;
	
	text-align: center;

}
	
	div#hor-menu ul {
	
		margin: 0;
		padding: 0;
		
		list-style-type: none;

	}
	
		div#hor-menu ul li {
		
			margin: 0;
			padding: 0;
			
			width: auto;
			
			list-style-type: none;
			
			display: inline;
			
		}

			div#hor-menu ul li a,
			div#hor-menu ul li a:active,
			div#hor-menu ul li a:visited {
			
				text-decoration: none;
				color: #012b88;
				font-size: 13px;
				font-weight: bold;
				
				display: inline-block;
				
				padding-left: 4px;
				padding-right: 4px;		
	
			}
			
				div#hor-menu ul li a:hover {
					
					background-image: url(../img/bg_hor-menu-li-hover.png);
					background-repeat: no-repeat;
					background-position: center;		

				}			
	
	div#hor-menu a {

		text-decoration: none;
		color: #012b88;
		font-size: 13px;
		font-weight: bold;
		
		display: inline-block;
		
		padding-left: 4px;
		padding-right: 4px;	

	}

		div#hor-menu a:hover {

			background-image: url(../img/bg_hor-menu-li-hover.png);
			background-repeat: no-repeat;
			background-position: center;		

		}	
			
/* CONTENT  =============================== */

div#content {

	width: 957px;
	height: auto;
	
	float: left;
	
	margin-top: 7px;
	margin-bottom: 10px;

	/* background-image: url(../img/bg_middle-content.jpg);
	background-position: center bottom;
	background-repeat: no-repeat; */

	color: #2c488c;

}

div#content-nobg {

	width: 957px;
	height: auto;
	
	float: left;
	
	margin-top: 7px;
	margin-bottom: 10px;

	background-color: #ffffff;

}

	div#content div.blocktitle {
	
		clear: both;
	
	}
	
/* LEFT SIDEBAR  =============================== */

div#left-sidebar {

	height: auto;
	width: 187px;
	
	background-image: url(../img/bg_left-sidebar.gif);
	
	float: left;
	
	margin-left: 2px;
	
}

	div#left-sidebar div.left-sidebar-content {
	
		height: 800px;
		width: 187px;
		
		float: left;
		
		background-image: url(../img/bg_left-sidebar-content.gif);
		background-repeat: no-repeat;

		
	}
	
	
	div#left-sidebar div.left-sidebar-foot {
	
		height: 27px;
		width: 187px;
		
		float: left;
		
		background-color: #ffffff;
		background-image: url(../img/bg_left-sidebar-foot.gif);
		background-repeat: no-repeat;
		
	}	

/* LEFT SIDEBAR MENU  =============================== */

	div#left-sidebar #menu {
	
		padding-left: 3px;
		
		width: 170px;
		
		margin-left: 7px;	

	}

/* LEFT SIDEBAR WEBSHOPMENU  =============================== */

	div#left-sidebar #webshopmenu {
	    margin-top: 5px;
		padding-left: 3px;
		
		width: 170px;
		
		margin-left: 1px;		

	}

	div#left-sidebar ul.menu5-level1 {
	
		margin: 0;
		padding: 0;
		
		list-style-type: none;
		
	}
	
		div#left-sidebar ul.menu5-level1 li.menu5-level1-normal,
		div#left-sidebar ul.menu5-level1 li.menu5-level1-with-subpage {
		
			background-image: url(../img/bg_menu-li.gif);
			background-repeat: no-repeat;
			background-position: top;

			width: 170px;
			height: auto;
			min-height: 17px;

			line-height:17px;

		}


		div#left-sidebar ul.menu5-level1 li.subwrap {
		
			width: 170px;
			height: auto;
			
			display: none;
			
		}
		
		div#left-sidebar ul.menu5-level1 li.menu5-level1-active,
		div#left-sidebar ul.menu5-level1 li.menu5-level1-current-active {
		
			background-image: url(../img/catalogus-top.gif);
			background-repeat: no-repeat;
			background-position: top;

			width: 170px;
			height: auto;
			min-height: 17px;

			line-height:17px;

		}

			div#left-sidebar ul.menu5-level1 li.menu5-level1-normal a,
			div#left-sidebar ul.menu5-level1 li.menu5-level1-active a,
			div#left-sidebar ul.menu5-level1 li.menu5-level1-current-active a,
			div#left-sidebar ul.menu5-level1 li.menu5-level1-with-subpage a {
			
				color: #ffffff;
				text-decoration: none;
				font-weight: bold;

				padding-left: 10px;

				display: block;
	
			}

	div#left-sidebar li.subwrap ul.menu5-level2 {
	
		margin: 0;
		padding: 0;

		list-style-type: none;
	
		margin-bottom: 4px;
		
	}

		div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-normal,
		div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-active,
		div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-current-active,
		div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-with-subpage {

			width: 164px;
		
			margin: 2px 0 0 6px;
			
		}

			div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-normal a,
			div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-with-subpage a {
			
				color: #3a7ea5;
		
			}

			div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-active a,
			div#left-sidebar ul.menu5-level1 li.subwrap ul.menu5-level2 li.menu5-level2-current-active a {

				color: #000000;		
				background-image: url(../img/bg_menu-li-current.gif);

				background-position: bottom left;
				background-repeat: repeat-x;
		
				display: inline;

				padding-bottom: 2px;

			}

/* CATALOGUS KNOP  =============================== */

div#webshopcatalogus{

	margin-top: 20px;

}

div#webshopcatalogus2 {


	
	width: 170px;
	height: 17px;
	
	margin-left: 9px;
	
	background-image: url(../img/catalogus-top.gif);
	background-repeat: no-repeat;
	
	line-height: 17px;
	
	text-align: center;

}

	div#webshopcatalogus2 a {
		
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		
		display: block;
	}
	
/* LEFT SIDEBAR COUNTRY =============================== */
			
	div#left-sidebar div.country {
	
		padding-left: 3px;
		
		width: 160px;

		margin-left: 12px;
		
		text-align: center;
		font-weight: bold;
		color: #ffffff;

		text-align: left;

		display: table;
		
		font-size: 6px;

	}

	div#left-sidebar div.country  p {
	
		font-size: 11px;
	
	}
		
	
		div#left-sidebar div.country div.nor,
		div#left-sidebar div.country div.inact {

			margin: 0;

			width: auto;

			display: table;

			float: left;


		}

		div#left-sidebar div.country div.cur {
		
			margin: 0;

			width: auto;

			display: table;

			float: left;


		}

			div#left-sidebar div.country div.cur img {
			
				padding: 3px;

			}

			div#left-sidebar div.country div.nor img,
			div#left-sidebar div.country div.inact img {

				padding: 3px;
				
			}



	div#left-sidebar div.country2 {
	
		padding-left: 3px;
		
		padding-top: 5px;

		
	}


	div#left-sidebar div.flash {
padding-top: 20px;
padding-left: 3px;

}

	
/* MIDDLE CONTENT  =============================== */

div#middle-content {

	height: 100%;
	width: 571px;
	
	float: left;
	
	margin-left: 3px;

	/* background-image: url(../img/bg_middle-content.jpg);*/
	background-position: bottom;
	background-repeat: no-repeat;
		
}

div#middle-content-nobg {

	height: auto;
	width: 571px;
	
	float: left;
	
	margin-left: 3px;

}

	div.block-content div#content-spacing {
	
		padding: 10px;
		
		text-align: justify;
		
	}

/* RIGHT SIDEBAR  =============================== */

div#right-sidebar {

	height: auto;
	width: 187px;
	
	background-image: url(../img/bg_right-sidebar.gif);
	
	float: right;
	
	margin-right: 2px;
	
}

	div#right-sidebar a {
	
		font-weight: bold;
		text-decoration: none;

	}

	div#right-sidebar div.blocktitle {
	
		background-image: url(../img/bg_sidebar_right_blocktitle.gif);
		background-repeat: no-repeat;
		background-position: center;
	
		width: 171px;
		height: 28px;
	
		margin-left: 3px;

		text-align: center;
	
		line-height: 28px;
	
		clear: both;
	
	}

	div#right-sidebar p.bodytext {
	
		margin: 0;
		padding: 0;
	
	}

	div#right-sidebar table {
	
		margin: 0;
		padding: 0;

		font-size: 100%;
	
	}
	
		div#right-sidebar div.blocktitle h1 {
	
		
			font-size: 12px;
			font-weight: bold;
			color: #012b88;

			margin: 0;
			padding: 0;

		}

	div#right-sidebar div.right-sidebar-content {
	
		height: 800px;
		width: 187px;
		
		float: right;
		
		background-image: url(../img/bg_right-sidebar-content.gif);
		background-repeat: no-repeat;

		
	}
	
	div#right-sidebar div.right-sidebar-foot {
	
		height: 22px;
		width: 187px;
		
		float: right;
		
		background-image: url(../img/bg_right-sidebar-foot.gif);
		background-repeat: no-repeat;

	}

	div#right-sidebar div.right-sidebar-spacing {
	
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 6px;
		
	}

	div#right-sidebar div.offerte {
	
		margin-top: 12px;

	}


/* RIGHT SIDEBAR OFFERTE BESTELLING REGIS LOGIN LIEVCHAT  =============================== */


	div#right-sidebar div.offerte,
	div#right-sidebar div.bestelling,
	
 	div#right-sidebar div.registration,
	div#right-sidebar div.login {

		padding-left: 10px;

	}

	div#right-sidebar div.livechat{

	  padding-left: 15px;
	  padding-top: 15px;
	  
	 }

/* RIGHT SIDEBAR SEARCH  =============================== */

	div#right-sidebar div.search,
	div#right-sidebar div.search-webshop {

		width: 135px;
		height: auto;

		margin-left: 20px;
		margin-bottom: 10px;
		margin-top: 10px;

		float: left;

		text-align: center;

		display: inline;
		
	}

	div#right-sidebar div.search form,
	div#right-sidebar div.search-webshop form {

		margin: 0;
		padding: 0;

	}

	div#right-sidebar div.search div.search-left,
	div#right-sidebar div.search-webshop div.search-left {

		float: left;

	}

		div#right-sidebar div.search div.search-left input.cleardefault,
		div#right-sidebar div.search-webshop div.search-left input.cleardefault {
	
			width: 100px;
			min-height: 14px;
			height: auto;

			margin: 0;

			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 2px;
			padding-right: 2px;


			border: 1px solid #000000;
			background-color: #ffffff;

			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #000000;

		}
		
		/* IE 6 HACK -------------------------- */

		* html div#right-sidebar div.search div.search-left input.cleardefault,
		* html div#right-sidebar div.search-webshop div.search-left input.cleardefault {
	
			width: 100px;
			height: 18px;

			margin: 0;

			padding: 2px;

			border: 1px solid #000000;
			background-color: #ffffff;

			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #000000;

		}

	div#right-sidebar div.search div.search-right,
	div#right-sidebar div.search-webshop div.search-right {

		float: right;
		
		margin-left: 2px;

	}	

		div#right-sidebar div.search div.search-right input.search-submit,
		div#right-sidebar div.search-webshop div.search-right input.search-submit {
	
			background-image: url(../img/bg_input-search-submit.jpg);

			width: 20px;
			height: 20px;

			margin: 0;
			cursor: pointer; 
			
			border: 0;

		}	
		

/* WEBSITEFOOT  =============================== */

div#websitefoot {

	width: 984px;
	height: 31px;
	
	background-color: #ffffff;
	background-image: url(../img/bg_websitefoot.gif);
	background-repeat: repeat-y;

	margin-left: auto;
	margin-right: auto;
	
	color: #112766;

	clear: both;

}

	div#websitefoot div.footitemcontainer {

		width: auto;
		height: auto;
	
		margin-left: auto;
		margin-right: auto;

		display: table;

	}

		div#websitefoot div.copyright {
		
			float: left;
			padding-left: 25px;
		
		}
		
		div#websitefoot div.footer-links {

		}

		
		
			div#websitefoot div.footer-links div.links {
	
				display: inline;
			
			}		
		
	div#websitefoot ul {
	
		margin: 0;
		padding: 0;
		
		display: inline;

	}

		div#websitefoot ul li {
			
			display: inline;
			
			margin-left: 5px;
		
		}
		
		div#websitefoot ul li a {
			
			color: #112766;
			text-decoration: none;
		
		}	


		
		
		
/* HYPERLINKS  =============================== */

body a {

	color: #000000;
	
	}

a {

	color: #2c488c;
}

/* KOPPEN  =============================== */

div#middle-content h1.csc-firstHeader,
div#middle-content-nobg h1.csc-firstHeader,
div#middle-content-nobg h2.blockheader {

	background-image: url(../img/bg_h1-contentheader.jpg);
	background-repeat: no-repeat;
	

	width: 550px;
	height: 20px;

	color: #d9d6d6;
	font-size: 14px;
	font-weight: bold;

	line-height: 20px;

	padding-left: 10px;

	margin: 0;

	margin-bottom: 15px;

}

div#middle-content-nobg  div.csc-header-n2 h1,
div#middle-content-nobg  div.csc-header-n3 h1,
div#middle-content-nobg  div.csc-header-n4 h1,
div#middle-content-nobg  div.csc-header-n5 h1,
div#middle-content-nobg  div.csc-header-n6 h1,
div#middle-content-nobg  div.csc-header-n7 h1,
div#middle-content-nobg  div.csc-header-n8 h1,
div#middle-content-nobg  div.csc-header-n9 h1,
div#middle-content-nobg  div.csc-header-n10 h1,
div#middle-content-nobg  div.csc-header-n11 h1,
div#middle-content-nobg  div.csc-header-n12 h1,
div#middle-content-nobg  div.csc-header-n13 h1 {

	background-image: url(../img/bg_h2-article.gif);
	background-repeat: no-repeat;
	
	margin: 0;
	margin-bottom: 15px;

	padding-left: 10px;

	color: #cdcdd1;

	font-weight: bold;
	font-size: 14px;

	width: 534px;
	height: 20px;

	line-height: 20px;

	clear: both;

}


/* FORMULIER/TABELLEN  =============================== */


input {

	border: 1px solid #344f91;
	background-color: #cdcccc;

	padding: 2px;
	margin: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

select {

	border: 1px solid #344f91;
	background-color: #cdcccc;

	padding: 2px;
	margin: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

textarea {

	border: 1px solid #344f91;
	background-color: #cdcccc;

	padding: 2px;
	margin: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}


table {

	color: #2c488c;
	font-size: 100%;

}

div.billing_address input,
div.billing_address textarea {


}

div.billing_address label {

	font-weight: bold;

}

td.csc-form-fieldcell input,
td.csc-form-fieldcell textarea {

	width: 400px;

}


td.csc-form-fieldcell select {

	width: 407px;

}

td.csc-form-fieldcell input.button-big-size {

	width: 199px;

	float: right;

}

/* BUTTONS  =============================== */

input.submit {

	width: auto;

	background-color: #233a74;

	color: #ffffff;

	padding: 2px;
	margin: 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}

form {margin: 0px 0px 0px 0px; }

input.button-product-add,
div.button-product-add {

	background-color: #ffffff;
	background-image: url(../img/bg_button-add.gif);

	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;

	margin: 0;
	padding: 0;
	
	color: #cccccc;

	width: 199px;
	height: 17px;

	font-weight: bold;

	border: none;

	text-align: center;

	margin-bottom: 3px;
	cursor: pointer;

}

	input:hover.button-product-add,
	div:hover.button-product-add,
	div.button-product-add:hover {
	
		cursor: pointer;
	
	}


input.button-back {

	background-color: #ffffff;
	background-image: url(../img/bg-button-back.gif);

	margin: 0;
	padding: 0;
	
	width: 59px;
	height: 17px;

	border: none;

	text-align: center;
	text-decoration: none;
	color: #cccccc;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;	
	font-weight: bold;

	display: block;

}

	input:hover.button-back {
	
		cursor: pointer;
	
	}


input.product-amount {

	margin: 0;

}

input.button-middle-size,
div.button-middle-size {

	width: 129px;
	height: 17px;

	background-image: url(../img/bg-button-middle.gif);
	background-color: #ffffff;

	margin: 0;
	padding: 0;

	border: none;

	text-align: center;
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;	
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;	

	display: block;

}

	input:hover.button-middle-size,
	div:hover.button-middle-size {
	
		cursor: pointer;
	
	}

input.button-middle-size-search {

	width: 129px;
	height: 17px;

	background-image: url(../img/bg-button-middle.gif);
	background-color: #ffffff;

	margin: 0;
	padding: 0;
	
	border: none;

	text-align: center;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;	
	text-decoration: none;
	color: #cccccc;
	font-weight: bold;	

}

	input:hover.button-middle-size-search {
	
		cursor: pointer;
	
	}


input.button-big-size,
div.button-big-size a {

	background-color: #ffffff;
	background-image: url(../img/bg_button-add.gif);

	margin: 0;
	padding: 0;
	
	color: #cccccc;

	width: 199px;
	height: 17px;

	border: none;

	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px;
	
	display: block;

}

	input:hover.button-big-size,
	div:hover.button-big-size {
	
		cursor: pointer;
	
	}

/* HR  =============================== */

p.indent {

	width: 99%;

}

hr {

	width: 99%;

	float: left;

	clear: both;

}

/* OVERIGE  =============================== */

div#clear {

	clear: both;

}

.csc-mailform-field{
width: 50px;
}



.tx-indexedsearch-searchbox select{
width: 220px;
}




			

	




	
	
	
	
	
	






/* ADD ON-S FORM.HTML APRIL 2009  =============================== */

div.header-plus-backbttn-container { height: 20px; padding: 0; margin: 0; }

div#middle-content-nobg h1.contentheader-n2 {
background-image: url(../img/bg_h1-contentheader-n2.jpg);
background-repeat: no-repeat; display:inline;
float: left;
width: 450px;
height: 20px;
color: #d9d6d6;
font-size: 14px;
font-weight: bold;
line-height: 20px;
padding-left: 10px;
}

div#middle-content-nobg .contentheader-backbutton { 
background-image: url(../img/bg-button-back.gif);
background-repeat: no-repeat;
background-position: 0 2px;
display: block; float: right;
height: 19px; 
width: 59px;
line-height: 20px;
cursor: pointer;
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;
margin: 0;padding: 0;
color: #cccccc;
font-weight: bold;
border: none;
text-align: center;
text-decoration: none;
}

span.button-middle-size {
width: 129px;
height: 17px;
background-image: url(../img/bg-button-middle.gif);
background-color: #ffffff;
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;
margin: 0;
padding: 0;
color: #cccccc;
font-weight: bold;
border: none;
text-align: center;
text-decoration: none;
display: block;
}

.content-bttm-bar-grey {
background-image: url(../img/content_bottombar_grey.jpg);
background-repeat: no-repeat;
background-position: 0 60px; clear: both;
height: 80px; width: 534px; margin: 0 auto;
}


/* ADD ON-S PRODUCT.HTML APRIL 2009  =============================== */

div#middle-content-nobg table#product-photo  {margin: 0 0 20px 0; padding: 0; width: 549px;  border-collapse: collapse;}
div#middle-content-nobg table#product-photo td {text-align: center; width: 83px; height: 83px; font-size:11px; vertical-align: top;}


.content-bar-grey {
background-image: url(../img/content_bottombar_grey.jpg);
background-repeat: no-repeat;
height: 20px; width: 534px;
color: #d9d6d6;
font-size: 14px;
font-weight: bold;
line-height: 20px;
padding-left: 10px;
}
.product-data-container {
padding-left: 10px;
}
.product-data-container form{margin:0;padding: 0;height: 80px;}
.product-data-container p{padding-right: 30px;}
.product-data-container .amount {float: left; width: 300px;text-align:right; padding-right:15px;}
.product-data-container .button-holder {vertical-align: top; float: left; width: 200px; height: auto;text-align:right;}
.product-data-container .button-holder form {padding: 0px; margin: 0; height: auto;}



.product-sheets-container {width: 515px; height: 50px; clear:left;}
.sheets-links {width: 425px; height: 28px; padding: 0 0 0 3px;border:#405997 solid 1px;background:#cdcccc;float: right;}
.sheets-links .spacer {line-height:0%; font-size:1px; height: 4px; display:block;}
.product-sheets-container img { border: none;}

.sheets-links a {
font-size: 120%;background-repeat: no-repeat;white-space:nowrap;
height: 19px; text-decoration: none; color:#2C488C; float: left; display:block;
padding: 0 0 0 20px; background-position: 0 0; line-height:150%;
}

.sheets-links a.factsheet{background-image: url(../img/icon_factsheet.jpg);width: 72px;}
.sheets-links a.productsheet{background-image: url(../img/icon_productsheet.jpg);width: 93px;}
.sheets-links a.technicaldrawing{background-image: url(../img/icon_technicaldrawing.jpg);width: 120px;}
.sheets-links a.manuals{background-image: url(../img/icon_manual.jpg);width: 59px; }

.clear-both { clear: both; }