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

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}

* a img {
	border: none;
	}
hr {
	background-color: #D3D8AC;
	height: 3px;
	color: #D3D8AC;
	width:500px;
	border:0;
}
html, body, form, #tablewrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	background-color:#a8ac83;
}
/* commented backslash hack \*/
html, body, form, #tablewrapper {height: 100%;}
/* end hack */
html,body, form, #tablewrapper  {margin:0;padding:0;}
#tablewrapper {
	background-color:#FFFFFF;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 900px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	height: 100%;
	min-height: 100%;

}

body {
	padding: 0;
	margin: 0;
}

/* MAINCONTAINER */
#maincontainer {
	width: 900px;
	padding: 0;
	margin: 0 auto;
	background-color: #CCCCCC;
}
/* NAVCOLUMN */
#col1{
background:url(../img/leftback.gif) repeat-y;
}
#back2main {
	margin-left:4px;
	display:none;
	float:left;
}

#navcolumn{
	width:150px;
	display:block;

}
		/* LEFT MENU */
		#navigatie {
	background-color: #FFFFFF;
	width: 150px;
	float: left;
	padding: 5px 0;
	margin-top: 104px;
			}
		#navigatie ul {
			list-style-type: none;
			margin: 0;
			padding: 20px 0;
			}
		#navigatie li {
	/*line-height: 15px;*/
	line-height: auto;
			}
		#navigatie a {
	display: block;
	line-height: 27px;
	color: #92213b;
	text-decoration: none;
	font-weight: bold;

	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: right;
	/*text-transform: lowercase;*/
			}		
		#navigatie ul li a {
			padding: 0 0 0 10px;
			}
		#navigatie ul li ul {
		padding: 0px;
		margin: 0px;
		
		}
		#navigatie ul li ul li a { /* niveau 1 */
			padding: 0 0 0 0;
			background-color: #ebece7;
			color: #92213b;
			font-weight: bold;	
			font-size: 16px;			
			}
		#navigatie ul li ul li ul li a { /* niveau 2 */
			padding: 0 0 0 0;
			background-color: #dadcd3;
			background-image: url(../img/sidenavniv2.gif);
			background-repeat: no-repeat;
			font-size: 16px;			
			} 	
		#navigatie ul li ul li ul li ul li a { /* niveau 3 */
			background-color: #cbcdc3;
			background-image: url(../img/sidenavniv3.gif);
			background-repeat: no-repeat;
			font-size: 16px;			
			} 	
		#navigatie a:hover {
	color: #C4C2B0;
			}
			
		#navigatie a.aOpen {
			background-color: #99c9ed;
			}			
			
		#navigatie a.aSelected {
	color: #7A8DA8;
			}
			
	.login {
	padding: 7px;
	color: #FFFFFF;
	background-image: url(../img/loginback.gif);
	background-repeat: repeat-y;
	}
	.login a {
	color: #262c34;
	text-decoration: none;
}
	.login a:hover {
	text-decoration: underline;
}
	    a.a_login {
	background-image: url(../img/login.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	width: 50px;
	text-indent: -15000px;
	text-align:left;
	padding-right: 20px;
        }
	    a.a_login:hover {
	    background-position: 0px -20px;
        }
        
   	    a.a_logout {
	    background-image: url(../img/login.gif);
	    background-repeat: no-repeat;
		display: block;
	    height: 20px;
	    width: 50px;
	    text-indent: -15000px;
	    text-align:left;
		background-position: 0px -40px;
        }
	    /*a.a_logout:hover {
	    background-position: 0px -40px;
        }*/     
        
	.login td {font-size: 11px;}
	.spanLoginFailed {font-size: 11px;}
	
	.login table  {
	background-color: #7a8da8;
} 
#tdRelatedView
		/* EINDE LEFT MENU */
/* CONTENTCOLUMN */
#col2{
	background-image: url(../img/krul.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#contentcolumn{
	width:580px;
	position:relative;
}
		/* TITLEBAR */
		#titlebarbig {
	height: 40px;
	clear: both;
	margin-right: 30px;
			}
		#titlebarbig h2 {
	font-size: 22px;
	padding: 0;
	color: #E6E6E6;
	margin: 0;
	line-height: 40px;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
		}	
		/* EINDE TITLEBAR */
			/* BREADCRUMB */
			#kruimelnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a8b15a;
	padding: 0px;
	margin: 41px 0px 0px 10px;
	font-weight: bold;
			}
			#kruimelnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #a8b15a;
	text-decoration: none;
	/*text-transform: lowercase;*/
			}
			#kruimelnav a:hover {
	color: #999999;
	text-decoration: none;
			}
			#kruimelnav a.current {color: #999999;
				text-decoration: underline;}
			/* EINDE BREADCRUMB */			

	/* MAINCONTENT */
	#maincontent {
	height: auto;
	margin: 0;
	background-repeat: no-repeat;
	position:absolute;
	top:120px;
	left:10px;
	padding: 0px 10px 10px;
	width:500px;

	}	
	#maincontent p{
	padding:0;
	margin:0px;
	}		
	#maincontent h2, #maincontent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #014C74;	
	margin: 0px 0px 0px 0px;	
	}	
	#maincontent .attributes, #maincontent .attributes strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #014C74;
	line-height:025px;
	}	
	#maincontent .articleImage{
	float:left;
	margin: 10px 10px 0 0;
	}
	.moreinfo{
	border:0;

	filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;		
	}
	.moreinfo:hover{
	filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;		
	}	
	#loopplaceholder{
	position:relative;
	}
	#loop{
	position:absolute;
	width:25px;
	height:25px;
	background-image: url(../img/animation_enlarge.gif);
	left:157px;
	top:184px;
	/left:148px;
	/top:148px;
	cursor:hand;
	}
/* NAWCOLUMN */
#col3 {
	background-color: #d3d8ac;
	width:170px;
}
#nawcolum{
	width:170px;
	text-align:left;
}
	/* LOGO  */	
	#logo h1 {
	height: 155px;
	padding: 0;
	margin: 0;
	display: block;
	width: 170px;
	height: 155px; /* original 75 px : TIM*/
	text-indent: -15000px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
		}	
	/* EINDE LOGO  */	
		#nawgegevens{
		padding-right:5px;
		
		}
		#nawgegevens, #nawgegevens a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7f8267;
	text-align: right;
		}
		#searchbox

		{
	height:25px;
	margin-left: 10px;
	margin-top: 20px;
		}
		#searchbox input{
	border: 1px solid #999999;
		width: 100px;
		}
		#searchbox a
		{
	color:#000000;
	text-decoration: none;
	margin-left: 10px;
		}

		#searchbox a:hover {
	text-decoration: underline;		
		}

		#cones{
	background-image: url(../img/cones.gif);
	display: block;
	height: 87px;
	width: 150px;
	margin-left: 10px;
	margin-top:15px;
		}
		/* TOP MENU */
		#topnav {
		
		}
		#topnav img{
		border:0px;
		margin:0;
		padding:0;
		}
		#topnav a img{
		border:0;
		filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		-moz-opacity: 0.5;		
		}
		#topnav a:hover img{
		filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1;		
		}	
		/* EINDE TOP MENU */	
		
		
	/* HEADER */
	#header {
		padding: 0;
		margin: 0 0 10px 0;
		display:none;
		}
	/* EINDE HEADER */




		/* CONTENT WRAPPER */
		#contentwrapper {
			margin: 0 0 0 0;
			height: auto;
			/*background-image:url(../img/gradientmain.gif);
			background-repeat:repeat-x;
			background-position:top;*/
			background-color:#DDDDDD;
			}
					
		
		
			/* HIGHLIGHTS */
			
			.highlight1 { background-color: Yellow; }
			.highlight2 { background-color: Green; }
			.highlight3 { background-color: Blue; }
			.highlight4 { background-color: Red; }
			.highlight5 { background-color: Purple; }
				
			/* END HIGHLIGHTS */
		
			#bottomclearer {
				clear:both;
				}
		/* EINDE CONTENT WRAPPER */
		
	/* EINDE MAINCONTENT */	
	
/* EINDE MAINCONTAINER */

/* FOOTER */		
#footer {
	clear: both;
	width: 900px;
	padding: 0;
	margin: 0 auto;
	/margin: 10px auto;
	display:none;
	}
/* EINDE FOOTER */

/* SALESARTICLES */
#productinfo_rd {
float:left;
width:200px;
background-color:#33CC99;
}
/* EINDE SALESARTICLES */
#bottomclearer {clear: both;}

/* Registratie Formulier */
.RegistrationFormTextBox
{
    border:solid 1px black;
}

/* ######################## 24 november added by wowt ######################## */
/* login */
div.newlogin {
	position:absolute;
	width:240px;
	height:50px;
	top:12px;
	left:10px;
	}
	div.newlogin input {
		color:#8a8989;
		border:#cfcfcf solid 1px;
		padding:2px 0 2px 3px;
		}
	div.newlogin select {
		color:#8a8989;
		border:#cfcfcf solid 1px;
		padding:2px 0 2px 3px;
		width: 100px;
		}
	div.newlogin h2 {
		font-size:15px;
		color:#98045f;
		margin:0;
		padding:0;
		}
	div.newlogin td 
	{
	   	font-size:10px;
	    color:#98045f;
	}
a.logoutbutton {
	background:url(../img/newlogin.gif) right no-repeat #98045f;
	color:#fff;
	padding:3px 18px 3px 3px;
	text-decoration:none;
	font-size:14px;
}
/* zoekveld */
div.newsearch {
	position:absolute;
	width:170px;
	height:21px;
	left:375px;
	top:45px;
	}
	div.newsearch input {
		color:#8a8989;
		width:170px;
		background:url(../img/newsearch.gif) right no-repeat;
		border:#cfcfcf solid 1px;
		padding:2px 0 2px 3px;
		}
/* info over product */
div.newattributes {
	color:#014c74;
	font-weight:bold;
	border:#d3d8ac 10px solid;
	}
	div.newattributes ul {
		margin:10px 0 10px 20px;
		padding:0;
		}
		div.newattributes ul li,
		div.newattributes_client ul li {
			font-size:14px;
			}
	
/* extra info wanneer ingelogd */
div.newattributes_client {
	color:#014c74;
	font-weight:bold;
	border:#d3d8ac 10px solid;
	border-top-width:0;
}
	div.newattributes_client ul {	
		margin:0 0 10px 20px;
		padding:10px 0 0 0;
		}
	
/* logo opdelen in twee stukken */
div.newlogo_top {
	background:url(../img/logo.gif) no-repeat top;
	height:117px;
	}
div.newlogo_bottom {
	background:url(../img/logo.gif) no-repeat bottom;
	height:35px;
	}
	
/* winkelwagen  */
div.newshoppingcart {
	background:url(../img/bg_shoppingcart.gif) top no-repeat #fff;
	padding:7px;
	margin: 20px 0 25px 0;
	line-height:19px;
	font-size:11px;
	color:#2f4aa1
}
	div.newshoppingcart h2 {
		margin:3px 0 0 0;
		padding:0 0 0 30px;
		background:url(../img/newcart.gif) left no-repeat;
		color:#2f4aa1;
		font-size:14px;
		line-height:22px;
		}
	div.newshoppingcart a {
		color:#fff;
		background:#2f4aa1;
		text-decoration:none;
		font-size:11px;
		float:right;
		padding:0 3px;
		}

.CartMinimalAmountNotice
{
    font-weight:bold;
    color:Red;
}

.BelowMinimalAmount
{
    color:Red;
}

.AboveMinimalAmount
{
    color:Green;
}