*{
	margin: 		0px;
	padding: 		0px;
}

body{
	color: 			#333;
	line-height: 	1.6;
	font-family: 	arial;
	font-size: 		12px;
	background:		#e8e8e8 url('images/red/wrapper_l.gif') repeat-x;
}

p{
	margin-top:		0px;
	text-align:		justify;
	padding: 		0;
}

p.error {color: #FF0000;}

a{
	color: 			#FF0000;
	text-decoration:none;
}

img{
	border: 		0;
}

img.persvb {float: left; width: 25%;}

#left{
	float: 			left;
	width:			50%;
}

a.offerte {color: #FF0000; padding: 0 10px 0 0; background: url('images/red/icon_arrow_red_right.png') right center no-repeat;}
a.bekijkproduct {float: right; color: #FF0000; padding: 0 10px 0 0; background: url('images/red/icon_arrow_red_right.png') right center no-repeat;}

label {float: left; width: 225px;}

input {width: 175px; margin: 0 0 5px 0; padding: 3px 5px 3px 5px; border: 1px #CCC solid;}
textarea {padding: 5px; border: 1px #CCC solid;}
input:focus {outline: none; border: 1px #999 solid;}
textarea:focus {outline: none; border: 1px #999 solid;}
input.submit {width: auto; margin: 10px 0 0 0; padding: 5px; background: #EEE;}

/* ---------------------------------------- */
/* -------- Layout + basic elements ------- */
/* ---------------------------------------- */

div#wrapper{
	position: 		relative;
	margin: 		0 auto;
	width: 			700px;
	background:		transparent;
	align:			center;
	margin-left:	auto;
	margin-right:	auto;	
}

div#container{
	position: 		relative;
	width: 			100%;
	height: 		100%;
	align:			center;
	margin-left:	auto;
	margin-right:	auto;
}

div#border{
	position: 		relative;
	width: 			699px;
	margin-bottom:	1px;
	background:		#FFF;
	border-left:	1px solid #EEE;
	border-right:	1px solid #EEE;
	border-bottom:	1px solid #EEE;
	-moz-border-radius-bottomright: 1em;
	border-bottom-right-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-left-radius: 1em;
	background-image: url('images/bg_border_fade.png');
	background-repeat:  repeat-x;
	background-position: bottom center;
	padding-bottom:	16px;
}

/* ---------------------------------------- */
/* --------------- Topmenu ---------------- */
/* ---------------------------------------- */

div#top_menu{
	position: 		relative;
	margin-top: 	0px;
	float: 			right;
	font-size: 		8pt;
}

div#top_menu ul li{
	position: 		relative;
	margin-left: 	10px;
	padding-left: 	10px;
	float: 			left;
	list-style: 	none;
}

div#top_menu ul li a{
	color: 			#000;
	font-weight:	bold;
	text-decoration:none;
}
/* ---------------------------------------- */
/* ---------------- Header ---------------- */
/* ---------------------------------------- */

div#header_left{
	float: 			left;
	margin: 		-35px 0 0 0;
	height: 		25px;
	width: 			461px;
}

div#header_right{
	float: 			right;
	height: 		25px;
	width: 			250px;
}

div#header a {text-decoration: none;}
div#header a:hover {text-decoration: none;}

img.logo {float: left; width: 35px; margin: 0; padding: 0;}
div#header h1 {float: left; margin: -6px 0 0 0; padding: 0 10px 0 10px; font-size: 32px; letter-spacing: 1px; font-family: 'Arial Black'; 
text-decoration: none; color: #000; text-shadow: -0.5px -1px 1px #ccc;}
div#header h1 span {color: #FF0000; text-shadow: -0.5px -1px 1px #ccc;}

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

div#menu{
	position: 		relative;
	z-index:		1;
	width: 			698px;
	height: 		39px;
	margin: 		0px;
	padding:		0px;
	background: 	url('./images/red/menu_bg.gif') repeat-x;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 		1px #EEE solid;
}

/* ---------------------------------------- */
/* -------------- Column left --------------*/
/* ---------------------------------------- */

div#column_left{
	position: 		relative;
	float: 			left;
	width: 			209px;
}
/* ---------------------------------------- */
/* --------------- Content ---------------- */
/* ---------------------------------------- */


div#content{
	position: 		relative;
	margin: 		15px 0px 15px 15px;
	padding:		10px 15px 10px 15px;
	background: 	url('./images/bg_content.png') repeat-x; 
	background-position: 1px 0px;
	float: 			left;
	width: 			425px;
	border:			1px solid #EEE;
	background: 	#FFF;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#product {float: left; width: 100%; height: auto; margin: 0 0 20px 0;}
#product img.productimg {float: left; width: 120px; height: auto;}
#product img.productimgg {float: left; width: 110px; padding: 0 10px 0 0; height: auto;}
#product h2 {float: left; margin: 5px 0 0 0;}
#product p {float: left; margin: 5px 0 0 0; width: 305px;}

div#infobox{
	position: 		relative;
	margin-bottom: 	5px;
	padding:		10px;
	border: 		1px solid #EEE;
}

div#content ul,
div#content ol{
	margin-left: 	20px;
}

div#content h1{
	font-size: 		17px;
	color:			#333;
	margin-bottom:	0px;
}

div#content h2{
	font-size: 		17px;
	color:			#333;
	margin-bottom:	0px;
}

div#product-pagina-afbeelding{
	float: 			right;
	padding: 		0 0 0 10px;
}

div#bekijken{
	float: 			right;
	padding: 		0 0 5px 0;
}

div.assortiment{
	text-align: 	right;
	padding: 		0 18px 5px 0;
}

div.assortiment a{
	color:			#000;
}

/* ---------------------------------------- */
/* ----------- Application Tags ----------- */
/* ---------------------------------------- */

#tag_links{
	width:			500px;
	margin-left:	auto;
	margin-right:	auto;
	text-align:		center;
	padding:		20px;
}

div#tags_label{
	position:		absolute;
	float:			left;
	padding-left:	50px;
	bottom:			24px;
}


/* ---------------------------------------- */
/* ----------------- Boxen ---------------- */
/* ---------------------------------------- */

div.box{
	position: 		relative;
	margin-top: 	-4px;
	margin-bottom: 	19px;
}

div.boxbig{
	position: 		relative;
	margin-top: 	-4px;
	margin-bottom: 	19px;
	height: 		200px;
}

div.box_top{
	position: 		relative;
	height:	 		25px;
}

div.box_top_dark{
	position: 		relative;
	height:	 		25px;
	width:			209px;
	height:			33px;
	background: 	#000; /*url('./images/red/infoBoxHeading_table.gif'); */
	border-top-right-radius: 10px;
}

div.box_top_dark h2{
	position: 		relative;
	top: 			10px;
	margin-left: 	15px;
	color: 			#FFF;
	font-size: 		12px;
}

div.box_top_grey{
	position: 		relative;
	height:	 		25px;
	width:			209px;
	height:			33px;
	background: 	url('./images/red/infoBoxHeading2_table.gif');
	border-top-right-radius: 10px;
}

div.box_top_grey h2{
	position: 		relative;
	top: 			10px;
	margin-left: 	15px;
	color: 			#FFF;
	font-size: 		12px;
}
div.box_top h1{
	position: 		relative;
	top: 			2px;
	margin-left: 	20px;
	color: 			#1f4356;
	font-size: 		10pt;
	text-transform: uppercase;
}

div.box_tab{
	position: 		absolute;
	margin: 		-26px 0px 1px 0px;
	padding-right: 	18px;
	height: 		25px;
	background: 	#73b7da;
}

div.box_content,
div.box_content_deal{
	position: 		relative;
	padding: 		0px;
	background: 	#fff;
	border-right:	1px solid #d5d5d5;
	border-bottom:	1px solid #d5d5d5;
	background-image: url('images/bg_bottom_fade.png');
	background-repeat:  repeat-x;
	background-position: bottom center;
}

div.box_content img {max-width: 208px;}

div.box_content{
	background: url('./images/bg_content.png') repeat-x; background-position: 0px 0px;
}

div.box_content_deal{
	text-align:center;
}
div.discount{
	text-align:right;
	font-weight:bold;
}
div.box_content ul{
	margin-left: 	10px;
}

div.box_content ul li,
div.box_content_deal ul li{
	height: 		20px;
	padding-left: 	15px;
	list-style: 	none;
	background-image: url('images/red/icon_arrow_red_right.png');
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 	15px;
}

div.box_content_deal ul li{
	font-size: 12px;
	padding-left: 	12px;
	padding-top: 	4px;
	text-align:left;
}

div.box_content ul.padding {margin-left: 0px;}
div.box_content ul.padding li {padding-top: 4px;}

div.box_content ul li.subcategorie{
	margin-left: 	12px;
	padding-left: 	12px;
}

div.box_content ul li a,
div.box_content_deal ul li a{
	color: 			#333333;
	text-decoration:none;
}
div.box_content ul li a:hover,
div.box_content_deal ul li a:hover{
	color: 			#FF0000;
	text-decoration:none;
}
/* ---------------------------------------- */
/* ---------------- Spacers --------------- */
/* ---------------------------------------- */

div.spacer_top{
	margin-top: 	15px;
}

/* ---------------------------------------- */
/* ------------- Clear floating ----------- */
/* ---------------------------------------- */

div.clear{
	clear: 			both;
}

/* ---------------------------------------- */
/* --------------- TOP LEVEL -------------- */
/* ---------------------------------------- */


ul.dropdown {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 700px;
	font-size: 12px;
	font-weight: bold;
}

ul.dropdown li {
	list-style: none;
	margin: -7px 0 0 0;
	padding: 0px;
 	float: left;
	height: 17px;
	border-right: 1px #999 solid;
}

ul.dropdown li.last {
	border-right: 0;
}

ul.dropdown a:link,
ul.dropdown a:visited,
ul.dropdown a:hover,
ul.dropdown a:active 	{ display: block; margin: 0; padding: 0px 22px; color: #000; text-decoration:none; }
ul.dropdown a:hover		{ color: #FF0000;}

ul.dropdown li img{
	margin-top:	-8px;
}
/* ---------------------------------------- */
/* --------------- LOW LEVEL -------------- */
/* ---------------------------------------- */
	
		ul.dropdown ul.subnav{
			visibility: hidden;
		 	position: absolute;
			margin-top: 13px;
			font-size:11px;
		 	z-index: 600;
			width: 270px;
			text-transform: none;
			border-left: 1px solid #c50000;
			border-right: 1px solid #c50000;
			border-bottom: 1px solid #c50000;
			background: #fff;
			-moz-box-shadow: 6px 6px 3px rgba(0,0,0,0.5);
			-webkit-box-shadow: 6px 6px 3px rgba(0,0,0,0.5);
			box-shadow: 6px 6px 3px rgba(0,0,0,0.5);
		}		

		ul.dropdown ul.subnav li {
			background: #f2f2f2 url(images/menu_listitem_blue.png) no-repeat 10px;
			margin-right:1px;
			margin-left:1px;
			margin-bottom:1px;
		}
		ul.dropdown ul.subnav li:hover {
			background: #c50000 url(images/menu_listitem_white.png) no-repeat 10px;
		}
		
		ul.dropdown ul.subnav a:link,
		ul.dropdown ul.subnav a:visited,
		ul.dropdown ul.subnav a:hover,
		ul.dropdown ul.subnav a:active { 
			padding: 7px 5px 4px 14px;
			width: 238px;
			color: #333333; 
			padding-left: 25px;
			height:25px;
		}
		ul.dropdown ul.subnav a:hover{
			color: #fff; 
		}	
		
		ul.dropdown li:hover > ul {
		 	visibility: visible;
		}
		
		
		
		
		
		
		/* ---------------------------------------- */
		/* --------- Attenuation Diagram ---------- */
		/* ---------------------------------------- */


		table.attenuation_diagram{
		            width:                           425px;
		}
		td.bold_border_b_left{
		            border-bottom:             1px solid #cccccc;
		            font-weight:      bold;
		            text-align:                     left;
		}
		td.bold_border_bl{
		            border-bottom:             1px solid #cccccc;
		            border-left:       1px solid #cccccc;
		            font-weight:      bold;
		            text-align:                     center;
		}
		td.bold_border_blr{
		            border-bottom:             1px solid #cccccc;
		            border-left:       1px solid #cccccc;
		            border-right:     1px solid #cccccc;      
		            font-weight:      bold;
		            text-align:                     center; 
		}
		td.border_b{
		            border-bottom:             1px solid #cccccc;
		            text-align:                     center; 
		}
		td.border_bl{
		            border-bottom:             1px solid #cccccc;
		            border-left:       1px solid #cccccc;
		            text-align:                     center; 
		}
		td.border_blr{
		            border-bottom:             1px solid #cccccc;
		            border-left:       1px solid #cccccc;
		            border-right:     1px solid #cccccc;      
		            text-align:                     center; 
		}