/* Stylesheet "RJ Security" :: v1 (09-07-2009) */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2009 "RJ SECURITY" and may not be used by anyone but us. */ 

/*** Site Structure Styles ***/

/* General Styles */
	* {
		margin:0;
		padding:0;
	}
	
	.bnr {
	z-index:999;
	}

	fieldset { 
		border: none; 
		padding: 0; 
		margin: 0;
	}

	fieldset legend {
		display: none;
	}

	p.button {
		text-indent:      -4000px;
	}

	a:link, a:visited, a:active {
		color: #0154a4;
		outline: none;
	}

	a:hover {
		color: #0154a4;
		outline: none;
		text-decoration: underline;
	} 

	li {
		list-style:       none;
		margin:           0 0 0 1em;
	}

	img {
		border: none;
		/*behavior: url("pngbehavior.htc"); /*ie5 png transparancy fix */
	}
		 
	fieldset {
		border:         none;  
		padding:        0;
	}                 

	legend {
		display:        none;
	}

	p {
		clear: 						both;
		margin: 					0 0 16px 0;
		padding: 0;
	}
	h1, h2 {
		color:#DE1002;
	}

	h2{
		margin: 0 0 18px 0;
		padding: 0;
		font-size: 18px;
	}		
	
	h3 {
		color: #5eb0e5;
		font-size: 16px;
		line-height: 16px;
		margin: 0px 0 0 0;
	} 
	
	h3 a, h3 a:hover {
		text-decoration: none;
		line-height: 16px;
	}

	h1{
		margin: 0 0 18px 0;
		padding: 0;
		font-size: 18px;
	}

	div.clearb{
		clear: both;
	}

	span.spacer{
		margin: 0;
		padding: 0 5px;
		display: inline;
	}



/**/

/* pagina specifiek */
	/* wrapper-left afbeelding hangt af van de pagina */
	body#home #wrapper_left, #wrapper_left{	background: url(../images/bg_sfeerblok-blauw.png) repeat-x 0 0px; }
	body#beveiligingsdiensten #wrapper_left{ background: url(../images/bg_sfeerblok-blauw.png) repeat-x 0 0px; }
	body#beveiligingstechniek #wrapper_left{ background: url(../images/bg_sfeerblok-blauw.png) repeat-x 0 0px; }
	body#veiligheidsproducten #wrapper_left{ background: url(../images/bg_sfeerblok-blauw.png) repeat-x 0 0px; }
	body#bedrijfsrecherche #wrapper_left{ background: url(../images/bg_sfeerblok-blauw.png) repeat-x 0 0px; }
	body#opleidingen #wrapper_left{ background: url(../images/bg_sfeerblok-blauw.png) repeat-x 0 0px; }

	/* headings kleur hangt af van de pagina */
	body#home h1, body#home h2, body#home h3, body#home h4, body#home h5, body#home h6{ color: #1e4090;}
	body#beveiligingsdiensten h1, body#beveiligingsdiensten h2, body#beveiligingsdiensten h3, body#beveiligingsdiensten h4, body#beveiligingsdiensten h5, body#beveiligingsdiensten h6{ color: #1e4090;}
	body#beveiligingstechniek h1, body#beveiligingstechniek h2, body#beveiligingstechniek h3, body#beveiligingstechniek h4, body#beveiligingstechniek h5, body#beveiligingstechniek h6{ color: #1e4090;}
	body#veiligheidsproducten h1, body#veiligheidsproducten h2, body#veiligheidsproducten h3, body#veiligheidsproducten h4, body#veiligheidsproducten h5, body#veiligheidsproducten h6{ color: #1e4090;}
	body#bedrijfsrecherche h1, body#bedrijfsrecherche h2, body#bedrijfsrecherche h3, body#bedrijfsrecherche h4, body#bedrijfsrecherche h5, body#bedrijfsrecherche h6{ color: #1e4090;}
	body#opleidingen h1, body#opleidingen h2, body#opleidingen h3, body#opleidingen h4, body#opleidingen h5, body#opleidingen h6{ color: #1e4090;}

	body#home #webshop_inloggen { background: url(../images/bg_webshop.png) no-repeat top left; } 
	body#beveiligingsdiensten #webshop_inloggen { background: url(../images/bg_webshop.png) no-repeat top left; } 
	body#beveiligingstechniek #webshop_inloggen { background: url(../images/bg_webshop.png) no-repeat top left; } 
	body#veiligheidsproducten #webshop_inloggen{ background: url(../images/bg_webshop.png) no-repeat top left; } 
	body#bedrijfsrecherche #webshop_inloggen { background: url(../images/bg_webshop.png) no-repeat top left; } 
	body#opleidingen #webshop_inloggen { background: url(../images/bg_webshop.png) no-repeat top left; } 

	body#home #nieuwsbrief { background: url(../images/bg_nieuwsbrief.png) no-repeat top left; } 
	body#beveiligingsdiensten #nieuwsbrief { background: url(../images/bg_nieuwsbrief.png) no-repeat top left; } 
	body#beveiligingstechniek #nieuwsbrief { background: url(../images/bg_nieuwsbrief.png) no-repeat top left; } 
	body#veiligheidsproducten #nieuwsbrief{ background: url(../images/bg_nieuwsbrief.png) no-repeat top left; } 
	body#bedrijfsrecherche #nieuwsbrief { background: url(../images/bg_nieuwsbrief.png) no-repeat top left; } 
	body#opleidingen #nieuwsbrief { background: url(../images/bg_nieuwsbrief.png) no-repeat top left; } 

	body#home #intro { background: url(../images/bg_intro_home.png) no-repeat top left; } 
	body#webshop #intro{ background: url(../images/webshop_introductiebeeld.jpg) no-repeat top left; } 
	body#beveiligingsdiensten #intro { background: url(../images/bg_intro_beveiligingsdiensten.jpg) no-repeat top left; } 
	body#beveiligingstechniek #intro { background: url(../images/bg_intro_beveiligingstechniek.jpg) no-repeat top left; } 
	body#veiligheidsproducten #intro{ background: url(../images/bg_intro_veiligingsproducten.jpg) no-repeat top left; } 
	body#bedrijfsrecherche #intro { background: url(../images/bg_intro_bedrijfsrecherche.jpg) no-repeat top left; } 
	body#opleidingen #intro { background: url(../images/bg_intro_opleiding.jpg) no-repeat top left; } 

	body#home input#form_search_submit , body#webshop input#form_search_submit{ background: url(../images/button-submit-blauw.png) no-repeat top left; } 
	body#beveiligingsdiensten input#form_search_submit { background: url(../images/button-submit-blauw.png) no-repeat top left; } 
	body#beveiligingstechniek input#form_search_submit { background: url(../images/button-submit-blauw.png) no-repeat top left; } 
	body#veiligheidsproducten input#form_search_submit{ background: url(../images/button-submit-blauw.png) no-repeat top left; } 
	body#bedrijfsrecherche input#form_search_submit { background: url(../images/button-submit-blauw.png) no-repeat top left; } 
	body#opleidingen input#form_search_submit { background: url(../images/button-submit-blauw.png) no-repeat top left; } 

	body#home input#form_newsletter_submit , body#webshop input#form_newsletter_submit{ background: url(../images/button_nieuwsbrief.png) no-repeat top left; } 
	body#beveiligingsdiensten input#form_newsletter_submit { background: url(../images/button_nieuwsbrief.png) no-repeat top left; } 
	body#beveiligingstechniek input#form_newsletter_submit { background: url(../images/button_nieuwsbrief.png) no-repeat top left; } 
	body#veiligheidsproducten input#form_newsletter_submit{ background: url(../images/button_nieuwsbrief.png) no-repeat top left; } 
	body#bedrijfsrecherche input#form_newsletter_submit { background: url(../images/button_nieuwsbrief.png) no-repeat top left; } 
	body#opleidingen input#form_newsletter_submit { background: url(../images/button_nieuwsbrief.png) no-repeat top left; } 

	body#home input#form_login_submit , body#webshop input#form_login_submit{ background: url(../images/button_inloggen-blauw.png) no-repeat top left; } 
	body#beveiligingsdiensten input#form_login_submit { background: url(../images/button_inloggen-blauw.png) no-repeat top left; } 
	body#beveiligingstechniek input#form_login_submit { background: url(../images/button_inloggen-blauw.png) no-repeat top left; } 
	body#veiligheidsproducten input#form_login_submit{ background: url(../images/button_inloggen-blauw.png) no-repeat top left; } 
	body#bedrijfsrecherche input#form_login_submit { background: url(../images/button_inloggen-blauw.png) no-repeat top left; } 
	body#opleidingen input#form_login_submit { background: url(../images/button_inloggen-blauw.png) no-repeat top left; } 

	/* submenu's van primary_nav hoverkleur -- .hover voor ie<7 (icm js/hoverfix.js)*/
	ul#primary_nav ul#ul_home li:hover, ul#primary_nav ul#ul_home li.hover{ background: url(../images/menu_blauwbalk.png) no-repeat top left; }
	ul#primary_nav ul#ul_beveiligingsdiensten li:hover, ul#primary_nav ul#ul_beveiligingsdiensten li.hover{ background: url(../images/menu_roodbalk.png) no-repeat top left; }
	ul#primary_nav ul#ul_beveiligingstechniek li:hover, ul#primary_nav ul#ul_beveiligingstechniek li.hover{ background: url(../images/menu_paarsbalk.png) no-repeat top left; }
	ul#primary_nav ul#ul_veiligheidsproducten li:hover, ul#primary_nav ul#ul_veiligheidsproducten li.hover{ background: url(../images/menu_oranjebalk.png) no-repeat top left; }
	ul#primary_nav ul#ul_bedrijfsrecherche li:hover, ul#primary_nav ul#ul_bedrijfsrecherche li.hover{ background: url(../images/menu_geelbalk.png) no-repeat top left;}
	ul#primary_nav ul#ul_opleidingen li:hover, ul#primary_nav ul#ul_opleidingen li.hover{ background: url(../images/menu_groenbalk.png) no-repeat top left;}

/**/

/* Main Layout Styles */
			
	body {
		color:					#575a5d;
		font-family:			Arial,Verdana,sans-serif;
		font-size:				12px;
		line-height:			18px;
	}
	
	#wrapper_left{
		width: 49%; 
		height: 270px; 
		position: absolute; 
		top: 110px; 
		left: 0px; 
		z-index: 1;
	}

	#wrapper_right{
		width: 50%; 
		height: 270px; 
		background: url(../images/bg_doorlopendebalk_grey.png) repeat-x 0 0px; 
		position: absolute; 
		top: 110px; 
		left: 49%; 
		z-index: 2;
	}
	body { 
		background: url(../images/bg_doorlopendebalk_grey.png) repeat-x 110px 110px; 
		}
	
	  
	#container, #footer { 
		width: 995px; 
	} 
			   
	#container, #footer {
		margin: 0 auto;
		position: relative;    
		padding: 0px;
		z-index: 100;
	}

	#container_footer{
		border-top: 1px solid #cccccc;
	}  
	
	#header {
		height:	110px;
		padding: 0px;
		margin: 0;
		z-index: 800;
		position: relative;
	} 
	
	#main {
		z-index: -999;
		width: 750px;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#content {
		float: left;
		width: 415px;
		position: relative;
		padding: 24px 0px 15px 40px;
		background-color: #ffffff;
	}
	/*old
	#content_wide{
		float: left;
		width: 650px;
		position: relative;
		margin: 15px 0px 15px 40px;
	}*/

	#content_wide{
		float: left;
		width: 699px;
		position: relative;
		overflow: visible;
		margin: 0;
		padding: 15px 0px 15px 40px;
		background-color: #ffffff;
	}

	div#sidebar_left{
		width: 240px;
		margin: 0px;
		padding: 0;
		float: left;
		z-index: 999;
		background-color: #ffffff;
	}

	div#sidebar_right{
		position: relative;
		float: right;
		margin: 15px 0px 0 0;
		width: 250px;
		padding: 0px;
		font-size: 11px;
	}

	div#sidebar_right a{
		color: #4B4B4B;
	}

	#footer {
		margin: 15px auto 0 auto;
		position: relative;               
		font-size: 12px;
		overflow: hidden;
		padding: 0px ;
	}             
	
	#footer a {
		color: #999;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #575a5d;
	}
	
	#companyinfo{
		display: block;
		clear: both;
		margin: 15px 0;
		padding: 0 18px;
	}

	#companyinfo ul li{
		color: #3F6CB0;
		display: inline;
		/*padding: 0 10px;*/
		margin: 0;
		padding: 0;
		font-size: 11px;
	}

	#companyinfo a{
		color: #939393;
		text-decoration: none;
	}

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

	#footer ul li.heading{
		display: block;
		font-weight: bold;
	}

	#footer #columns {
		clear: both;     
		margin:	0;
		width: 100%;
		padding-left: 8px;   
	}            
			
	#footer div.column {
		width: 140px;  
		display: block;  
		color: #858585;
		float: left;     
		font-size: 11px;
		
	}
	
	#box-right{
		background:	url(../images/bg_doorlopendebalk_grey.png) repeat-x 0 110px;
		width: 100%;
		float: right;
	}


	#logo{
		width: 240px;
		height: 100px;
		display: block;
		float: left;
		position: relative;
	}
	
	#logo img{

		position: absolute;
		top: 20px;
		left: 20px;
	}

	#header_right{
		width: 740px;
		padding: 0px;
		margin: 0px;
		float: right;
		position: relative;
	}

	div#search{
		position: absolute;
		top: 35px;
		left: 503px;
		display: block;
	}
	
	div#secondary{
		position: absolute;
		top: 15px;
		left: 10px;
		width: 730px;
	}
	
	ul#secondary_nav {
		float: right;
		font-weight: bold;
		margin-right: 15px;
	}
	
	ul#secondary_nav li{
		display: inline;
	}
	
	ul#secondary_nav li a{
		text-decoration: none;
		color: #A9A9A9;
		font-size: 10px;
	}
	
	ul#secondary_nav li a:hover{
		text-decoration: underline;
	}
	
	#header ul#breadcrumb{
		position: absolute;
		top: 90px;
		left: 25px;
		clear: both;
	}

	#header ul#breadcrumb li {
		color:            #7f7f7f;
		font-size:        11px;  
		margin:           0 5px 0 0;
		text-transform:   none;
		display: inline;
	}               

	#header ul#breadcrumb li a {
		background:		  url(../images/bg_li_breadcrumb.png) no-repeat center left;      
		color:            #7f7f7f;   
		font-weight:      normal;  
		padding:          0 0 0 10px;
		text-transform:   none;
		text-decoration: none;
	}
	
	#header ul#breadcrumb li a.first {   
		background: none;
		padding: 0;
		margin: 0;
	}
	
	#header ul#breadcrumb li a:hover, #header ul#breadcrumb li a.current {
		text-decoration:  underline;
	}

	#header ul#breadcrumb li a.first_current {
		background: none;
		padding: 0;
		margin: 0;	
		text-decoration:  underline;	
	}

	#header ul#breadcrumb li a.no-link, #header ul#breadcrumb li a.no-link:hover {
		text-decoration: none;
	}               

	input#form_search_q{
		position: absolute;
		top:15px;
		left: 15px;
		background:	url(../images/input_search.png) no-repeat top left;
		width: 184px;
		height: 23px;
		margin: 0px;
		padding: 3px 10px 3px 5px;
		border: none;
		color: #000000;
	}

	input#form_search_submit{
		position: absolute;
		top: 15px;
		left: 199px;
		background:	url(../images/button_search.png) no-repeat top left;
		width: 25px;
		height: 23px;
		margin: 0px;
		padding: 0px;
		border: none;
		cursor: pointer;
	}

	#actieblok { 
		position: relative;
		background: url(../images/bg_actieblok_beveiligingsscan.png) no-repeat top left;
		width: 250px;
		height: 135px;
		margin-bottom: 15px;
		
		font-size: 11px;
		color: #ffffff;
	}
	div#actieblok p {
		position: absolute;
		top: 65px;
		left: 15px;
		width: 170px;
	}
	div#actieblok #actieblok_link {
		position: absolute;
		top:0px;
		left:0px;
		height:60px;
		width:240px;		
	}
	div#actieblok #actieblok_link a {
		display: block;
		height:60px;
		width:240px;		
	}
	div#nieuwsbrief{
		position: relative;
		background: url(../images/bg_nieuwsbrief.png) no-repeat top left;
		width: 250px;
		height: 112px;
		overflow: visible;
		margin-bottom: 15px;
		
	}

	div#nieuwsbrief p {
		position: absolute;
		top: 40px;
		left: 15px;
		width: 170px;
	}

	div#rj_magazine{
		background: url(../images/bg_rjmagazine.png) no-repeat top left;
		width: 240px;
		height: 87px;
		margin-bottom: 15px;
		position: relative;	
	}

	div#rj_magazine a {
		position: absolute;
		top: 40px;
		left: 15px;
		width: 135px;
	}

	img#rj_magazine_img{
		position: absolute;
		left: 140px;
		top: 4px;
	}

	a#rj_magazine_link{
		position: absolute;
		left: 15px;
		top: 30px;
	}

	#primary_nav {
		padding: 0px;
		margin: 0px;
		display: block;
	}

	ul#primary_nav{
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		list-style: none;
		height: 270px;
	}

	/* posities van de li's:: speciaal voor IE<7*/
	li#nav_home { position: absolute; top: 110px;}
	li#nav_beveiligingsdiensten { position: absolute; top: 155px;}
	li#nav_beveiligingstechniek { position: absolute; top: 200px;}
	li#nav_veiligheidsproducten { position: absolute; top: 245px;}
	li#nav_bedrijfsrecherche { position: absolute; top: 290px;}
	li#nav_opleidingen { position: absolute; top: 335px;}
	/**/

	#primary_nav li{
		width: 240px;
		height: 45px;
		clear: both;
		overflow:hidden;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		display: block;
		z-index: 999;
	}

	#primary_nav li:hover, #primary_nav li.hover{
		overflow: visible;
	}

	#primary_nav a{
		padding: 0;
		margin: 0;
		height: 45px;
		clear: both;
		color: #6A6A6A;
		cursor: pointer;
		z-index: 999;
	}

	#primary_nav img{
		margin: 0px;
		padding: 0px;
		height: 45px;
		z-index: 999;
	}

	ul#primary_nav ul{
		width: 0px;overflow:hidden;
		margin: 0px;
		padding: 0px;
		background: url(../images/menu_greyexpanded.png) no-repeat bottom left;
		background-color: transparent;
		_background: url(../images/menu_greyexpanded-ie6.png) no-repeat bottom left; /* IE transparancy fix */
		/* IE6 pngfix */
   		/*_background: url();
   		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu_greyexpanded.png', sizingMethod='crop');/**/
		padding-bottom: 19px;
		_padding-bottom: 0px;
		position: absolute;
		left: 240px;
		top: 0px;
		z-index: -999;
		text-transform: uppercase;
	}

	ul#primary_nav li.hover ul, ul#primary_nav li:hover ul, ul#primary_nav li a:hover ul{
		width: 234px;
		_width: 213px;
	}

	#primary_nav li.hover ul{
		background-color: #000000;
	}

	ul#primary_nav ul li{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		font-weight: bold;
		width: 213px;
		height: 23px;
		display: block;
		z-index: 999;
		cursor: pointer;
	}

	ul#primary_nav ul li:hover{
		background: url(../images/menu_redbalk_02.png) no-repeat top left;
		z-index: 999;
	}

	ul#primary_nav ul li a{
		color: #6A6A6A;
		text-decoration: none;
		margin: 0px;
		padding: 0px;
		padding-left: 22px;
		font-size: 11px;
		line-height: 23px;
		font-weight: bold;
		width: 210px;
		height: 23px;
		z-index: 999;
		display: block;
	}

	#sub_primary_nav li a:hover, #sub_primary_nav li:hover a, ul#primary_nav ul li a:hover, ul#primary_nav ul li:hover a{
		color: #ffffff;
	}

	div#flag_webshop{
		width: 84px;
		height: 91px;
		position: absolute;
		left: 265px;
		top: 96px;
		z-index: 900;
		background: url(../images/flag-webshop.png) no-repeat top left;
		/* IE6 pngfix */
   		_background: url();
   		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/flag-webshop.png', sizingMethod='crop');
	}

/* webshop */
	div#webshop_menu {
		position: relative;
	 	background: url(../images/bg_webshop.png) no-repeat top left; 
	 	width: 240px;
	 	height: 135px;     
	 	/*padding: 40px 0px 15px 0px;*/
	 	margin-top: 15px; 
		margin-bottom: 15px;
	 	font-size: 11px;
	 	color: #ffffff;
	}  
   div#webshop_menu_link {
   		position:absolute;
   		top:0px;
   		left:0px;
   		width:220px;
   		height:30px;
   }   
   div#webshop_menu_link a {
    	width:220px;
   		height:30px; 
   		display: block; 
   }   
	#webshop #webshop_menu {
	 	margin-top: 0px; 
	}     

	span#ingelogd_als{
	 	display: block;
	 	position: absolute;
	 	top: 35px;
	 	left: 18px;
	}    



	#webshop_inloggen {
		position: relative;
		background:	url(../images/bg_webshop.png) no-repeat top left; 
		width: 240px;
		height: 180px;
		padding-bottom: 15px;     
		margin-top: 15px;
		font-size: 11px;
		color: #565656; /*#ffffff;*/
	}     

	#webshop_inloggen img#uw_winkelwagen{
		position: absolute;
		top: 133px;
		left: 16px;
	}			
	#webshop_inloggen a, div#webshop_menu a{
		color: #E5E5E5;
	}

	#webshop_product_detail h1,h2,h3 {
		color: #0154a4;
		text-transform: uppercase;
	}

	#webshop_product_detail h2{
		font-size: 22px;
		padding-bottom: 5px;
		line-height: 25px;
	}

	#webshop_product_detail h3{
		font-size: 12px;
		line-height: 18px;
		padding-top: 5px;
	}

	input#form_login_username{
		position: absolute;
		top:35px;
		left: 18px;
		background:	url(../images/input_gebruikersnaam.png) no-repeat top left;
		width: 179px;
		height: 23px;
		margin: 0px;
		padding: 3px 5px;
		border: none;
		color: #aaaaaa;
	}

	input#form_login_password{
		position: absolute;
		top:62px;
		left: 18px;
		background:	url(../images/input_wachtwoord.png) no-repeat top left;
		width: 154px;
		height: 23px;
		margin: 0px;
		padding: 3px 5px;
		border: none;
		color: #aaaaaa; /*old #4C4C4C;*/
	}

	input#form_login_submit{
		position: absolute;
		top: 62px;
		left: 170px;
		background:	url(../images/button_wachtwoord.png) no-repeat top left;
		width: 25px;
		height: 23px;
		margin: 0px;
		padding: 0px;
		border: none;
		cursor: pointer;	/* IE 6 and 7 */
	}

	span#user_options{
		display: block;
		position: absolute;
		top: 84px;
		left: 18px;
	}

	div#webshop_inloggen span#winkelwagen_inhoud, div#webshop_menu span#winkelwagen_inhoud{
	/*	display: block; */
		display: none;
		position: absolute;
		top: 152px;
		left: 18px;
	}

	div#webshop_submenu{
		width: 240px;
		overflow: hidden; /*ie6 fix*/
		/*height: 285px;*/
		margin: 15px 0 0 0;
		padding: 0 0 15px 0;
		background-color: #a9a9a9;
	*	background-color: #a0a0a0; /* IE interpreteert de PNG anders dan de rest */
		background-image: url(../images/bg_webshopmenu.png);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#webshop_category ul{
		list-style-type: none;
	}
	
	div#webshop_submenu ul#webshop_options li{
		margin: 3px 0px 3px 15px;
		background: url(../images/choosebox_deselected.png) no-repeat 0px 0px;
	}

	div#webshop_submenu ul#webshop_options li.active{
		margin: 3px 0px 3px 15px;
		background: url(../images/choosebox_selected.png) no-repeat 0px 0px;
	}	

	span.webshop_category_title {
		display: block;
		font-weight: bold;
		color: #0154a4;
		width: 205px;
		margin-top: 20px;
		margin-left: 18px;
	}

	/* old
	div#webshop_submenu ul li{
		list-style-image: url(../images/submenu_pijl-grijs.png);
		list-style-position: inside;
		margin: 0px;
		padding: 3px 0px 3px 15px;
		font-size: 11px;
		font-weight: bold;
		width: 190px;
	} /**/

	div#webshop_submenu ul li{
		background: url(../images/submenu_pijl-grijs.png) no-repeat 0px 5px;
		list-style-type: none;
		margin: 3px 0px 3px 15px;
		padding-left: 12px;
		font-size: 11px;
		font-weight: bold;
		width: 190px;
	}
	
	div#webshop_submenu ul li ul li{
		margin: 3px 0 3px 0px;
	}
	/*
	div#webshop_submenu ul li.active{
		list-style-image: url(../images/submenu_pijl-naarbeneden.gif);
	}

	div#webshop_submenu ul li:hover {
		list-style-image: url(../images/submenu_pijl-zwart.png);
	}

	div#webshop_submenu ul li ul li.active{
		list-style-image: url(../images/submenu_pijl-zwart.png);
	}*/
	
	div#webshop_submenu ul li.active{
		background: url(../images/submenu_pijl-naarbeneden.png) no-repeat 0px 5px;
	}

	div#webshop_submenu ul li:hover {
		background: url(../images/submenu_pijl-zwart.png) no-repeat 0px 5px;
	}

	div#webshop_submenu ul li ul li.active{
		background: url(../images/submenu_pijl-zwart.png) no-repeat 0px 5px;
	}

	div#webshop_submenu li a{
		color: #6A6A6A;
		text-decoration: none;
		height: 19px;
		line-height: 19px;
	}
/* webshop */




	/* nieuwsbrief */
	input#form_newsletter_email{
		position: absolute;
		top:40px;
		left: 13px;
		background-color: transparent;
		background:	url(../images/input_nieuwsbrief.png) no-repeat top left;
		width: 143px;
		height: 23px;
		margin: 0px;
		padding: 3px 5px 0 5px;
		border: none;
		color: #AAAAAA; /*#4C4C4C; cacaca*/
	}

	input#form_newsletter_submit{
		position: absolute;
		top: 40px;
		left: 156px;
		background:	url(../images/button_nieuwsbrief.png) no-repeat top left;
		width: 24px;
		height: 23px;
		margin: 0px;
		padding: 0px;
		border: none;
		cursor: pointer;
	}

	div#nieuwsbrief span#uitschrijven{
		display: block;
		position: absolute;
		top: 65px;
		left: 15px;
	}
	/* nieuwsbrief */
	input.button{
		margin-left: 0px;
		padding: 0px;
		height: 23px;
		width: 25px;
	}

	div#intro{
		width: 755px;
		height: 270px;
		color: #ffffff;
		position: relative;
		background: url(../images/bg_sfeerbeeldbalk2.png) no-repeat top left;
		z-index: 4;
		margin: 0;
		padding: 0;
	}

	div#intro h1{
		color: #ffffff;
		position: absolute;
		top: 25px;
		left: 40px;
		line-height: 27px;
		font-size: 24px;
		font-family: "Trebuchet MS Bold", Arial;
	}

	div#intro p{
		position: absolute;
		top: 88px;
		left: 40px;
		width: 260px;
		line-height: 1.3em;
	}

	/* webshop */
	div#webshop_title{
		height: 90px;
		width: 739px;
		background: url(../images/bg_sfeerbeeldbalk.png) no-repeat top left;
		color: #ffffff;
		position: relative;
	}


	div#webshop_title h1{
		color: #ffffff;
		position: absolute;
		top: 25px;
		left: 40px;
		line-height: 27px;
	}

	div#webshop_product_detail{
		width: 699px;
	}

	div.webshop_product_image{
		width: 160px;
		float: left;
		
	}

	div.webshop_product_description{
		width: 368px;
		float: left;
		margin-left: 10px;
	}

	div.webshop_product_description p{
		width: 368px;	
	}

	div#webshop_product_favorites_accessoires, div#webshop_winkelwagen_knoppen{
		clear: both;
		padding-top: 20px;
	}

	div.webshop_orderform{
		float: right;
		position: relative;
		margin-top: -15px;
		background: url(../images/bg_productprijs_geenaanbieding.png) no-repeat top left;
		width: 140px;
		height: 256px;
		_background: url();
   		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_productprijs_geenaanbieding.png', sizingMethod='crop');
	}

	div.webshop_orderform.discount{
		background-image: url(../images/bg_productprijs.png);
		_background: url();
   		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_productprijs.png', sizingMethod='crop');
	}

	.webshop_orderform span.price{
		position: absolute;
		left: 30px;
		top: 33px;
		font-size: 18px;
	}
	.webshop_orderform span.price.original.overriden{
		top: 15px;
		text-decoration: line-through;
	}

	.webshop_orderform span.stuks{
		position: absolute;
		left: 30px;
		top: 56px;
		color: #858585;
		font-size: 11px;
	}

	.webshop_orderform #label_order_amount{
		position: absolute;
		left: 30px;
		top: 80px;
	}

	.webshop_orderform input#form_order_amount{
		position: absolute;
		left: 71px;
		top: 78px;
		width: 25px;
	}

	.webshop_orderform input#form_order_submit{
		position: absolute;
		top: 108px;
		left: 30px;
		width: 85px;
		height: 22px;
		margin: 0px;
		padding: 0px;
		background:	url(../images/button_bestellen.png) no-repeat top left;
		border: none;
		cursor: pointer;
	}


	#webshop_also_ordered{
		
	}
	ul#webshop_also_ordered_items{
		border-top: 1px solid #cccccc;
		
	}
	ul#webshop_related_items{
		border-top: 1px solid #cccccc;
	
	}

	ul#webshop_also_ordered_items li, ul#webshop_related_items li, ul.webshop_category_items li, ul.webshop_discount_items li{
		float: left;
		width: 349px;
		height: 150px;
		position: relative;
		padding: 0;
		margin: 0px;
	}

	div.webshop_item_image{
		position: absolute;
		left: 0px;
		top: 12px;
		width: 106px;
		height: 92px;
	}

	span.webshop_item_name{
		position: absolute;
		left: 118px;
		top: 5px;
		width: 221px;
		height: 30px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #0154a4;
	}

	span.webshop_item_name a{
		text-decoration: none;
	}

	span.webshop_item_name a:hover{
		text-decoration: underline;
	}

	span.webshop_item_price{
		position: absolute;
		left: 118px;
		top: 60px;
		font-size: 18px;
		color: #000000;
	}

	span.webshop_item_price.discount{
		left: 218px;
		color: #F60002;
	}

	span.webshop_item_price.original.overriden{
		top: 60px;
		text-decoration: line-through;
	}

	span.webshop_item_order{
		position: absolute;
		left: 118px;
		top: 85px;
	}


	div#webshop_branches{
		width: 466px;
		float: left;
	}

	div#webshop_branches ul{
		width: 466px;
		border-top: 1px solid #cccccc;
	}

	div#webshop_documentation{
		width: 233px;
		float: right;
	}

	div#webshop_documentation ul{
		width: 233px;
		border-top: 1px solid #cccccc;
	}
	/*************************/

	div#box-left{
		position: absolute;
		z-index: 1;
		width: 50%;
		height: 400px;
		background:	url(../images/bg_doorlopendebalk_grey.png) repeat-x 0 110px;
	}

	div#winkelwagen{
		position: absolute;
		top: 87px;
		left: 517px;
		width: 225px;
		background-color: #f3f3f3;
		text-transform:uppercase;
		font-size:10px;
		font-weight: bold;
	}

	ul#winkelwagen_menu{
		margin: 0;
		padding: 0;
		position: relative;
		height: 23px;
	}

	li#winkelwagen_top{
		height: 23px;
		margin: 0;
		padding: 0;
		line-height: 23px;
		position: relative;
	}
	
	div#winkelwagen_header{
		padding-left:15px;
	}

	#top_winkelwagen_icon{
		position: absolute;
		left: 11px;
		top: 5px;
	}

	span.winkelwagen_omschrijving{
		position: absolute;
		top: 0;
		left: 40px;
		line-height: 23px;
		height: 23px;
	}

	span#top_amount{
		font-weight: bold;
	}

	ul#winkelwagen_menu ul#winkelwagen_content{
		padding: 0;
		margin: 0;
		display: none;
		position: absolute;
		left: 0px;
		top: 23px;
	*	top: 0px;	/* IE reageert anders dan de anderen */	
		width: 225px;
	}

	ul#winkelwagen_menu li:hover ul#winkelwagen_content, ul#winkelwagen_menu li.hover ul#winkelwagen_content{
		display: block;
	}

	li.winkelwagen_item {
		height: 23px;
		display: block;
		background-color: #ffffff;
		border-left: 1px solid #f3f3f3;
		border-right: 1px solid #f3f3f3;
		border-bottom: 1px solid #f3f3f3;
		line-height: 23px;
		padding: 0;
		margin: 0;
		padding-left: 15px;
		position: relative;
		font-weight: bold;
	}



	span.item_prijs{
		position: absolute;
		left: 170px;
		top: 0;
		display: block;
		width: 45px;
		text-align: right;
		font-weight: normal;
	}

	li#winkelwagen_samenvatting {
		height: 23px;
		line-height: 23px;
		margin: 0;
		padding-left: 15px;
		position: relative;
		background-color: #f3f3f3;
	}

	span#samenvatting_aantal {
		font-weight: bold;
	}
	
	span#samenvatting_prijs {
		position: absolute;
		left: 190px;
		top: 0;
		display: block;
		width: 45px;
		text-align: right;
		font-weight: bold;
	}

	li#winkelwagen_acties{
		padding-left: 15px;
		height: 23px;
		background-color: #1d3e8f;
		color: #ffffff;
		line-height: 23px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}

	li#winkelwagen_acties a{
		color: #ffffff;
		text-decoration: none;
	}
	
	table#webshop_winkelwagen_overzicht { width: 650px; margin: 0; padding: 0; border-collapse: collapse;}
	table#webshop_winkelwagen_overzicht td{ margin: 0; padding: 5px; vertical-align: top;}
	table#webshop_winkelwagen_overzicht th { color: #000000; padding: 5px;}
	table#webshop_winkelwagen_overzicht tr.even {background: #ededec;}
	
	.webshop_winkelwagen_overzicht_product{ width: 200px; text-align: left;}
	.webshop_winkelwagen_overzicht_aantal{ width: 55px; text-align: right;}
	.webshop_winkelwagen_overzicht_prijs{ width: 105px; text-align: right;}
	.webshop_winkelwagen_overzicht_totaal{ width: 105px; text-align: right; font-weight: bold;}
	.webshop_winkelwagen_overzicht_verwijderen{ width: 70px; text-align: center;}
	
	.webshop_winkelwagen_overzicht_product a { text-decoration: none; }
	.webshop_winkelwagen_overzicht_product a:hover { text-decoration: underline; }
	
	.webshop_winkelwagen_overzicht_product div.product_thumb { width: 55px; height: 47px; float: left; margin-right: 5px;}
	.webshop_winkelwagen_overzicht_product span.product_title { font-weight: bold; clear: both;}
	.webshop_winkelwagen_overzicht_product span.product_unit {}
	
	.webshop_winkelwagen_overzicht_product_omschrijving { float: left; width:135px; }

	tr#totals_producten td{ border-top: 1px solid #935a5d; color: #000000;}
	tr#totals_verzendkosten { }
	tr#totals_totaal td{ border-top: 1px solid #000000; color: #000000;}
	td.totals_titel { text-align: right; font-weight: bold;}
	td.totals_totaal { text-align: right; font-weight: bold;}
	
	span.euro{
		float: left;
		display: block;
		margin-left: 10px;
	}
	
	/*************************/	
	.contactform td {
		padding-bottom:5px;
		}
     .contactform td, .contactInfo td { 
        padding-bottom:8px; 
        }
		
		.contactform .td_title {
		padding-right:20px;
		vertical-align:top;
		width:115px;
		}
		.contactform .td_divider {
		padding-right:20px;
		vertical-align:top;
		}
		.contactform input {
		width:250px;
		border:1px solid #4b4b4b;		
		}
		.contactform select {
		width:250px;
		border:1px solid #4b4b4b;		
		}			
		INPUT.contact {
		width:250px;
		border:1px solid #4b4b4b;
		}
		#Straat {
		width:195px;
		border:1px solid #4b4b4b;
		}
		#cGP_deliveryAddressStreet, #cGP_street {
		width:195px;
		border:1px solid #4b4b4b;
		}		
		#Huisnummer, #cGP_deliveryAddressNumber, #cGP_number {
		width:50px;
		border:1px solid #4b4b4b;
		}
		#GeslachtMan, #GeslachtVrouw, #bestaandeKlant, #cGP_geslachtMan, #cGP_geslachtVrouw, #cGP_deliveryAddress_Check {
		width:20px;
		border:1px solid white;
		}
		#Postcode, #cGP_deliveryAddressZip, #cGP_zip {
		width:50px;
		border:1px solid #4b4b4b;
		}
		#Plaats {
		width:195px;
		border:1px solid #4b4b4b;
		}
		#cGP_deliveryAddressCity, #cGP_city {
		width:95px;
		border:1px solid #4b4b4b;
		}
		#Bericht {
		width:250px;
		border:1px solid #4b4b4b;
		}

	.contactform .btn-versturen {
		background:url('../images/btn-verzenden.png') #fff;
	width:95px;
	height:24px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
	}
	
	.btn-registreren {
	background:url('../images/btn-registreren.png') #fff;
	width:107px;
	height:24px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
	}	

.linkbox{
	float: left;
	color: #787878;
	font-weight: bold;
	padding: 15px;
	padding-left: 0px;
}


ul.linkbox{
	color: #787878;
	font-weight: bold;
	padding: 15px 15px 15px 30px;
	font-size: 12px;
}

.text_button {
   	border: none;
   	background-color: transparent;
   	padding: 0;
	margin: 0;
   	text-decoration: underline; /* if desired */
   	color: #0154a4;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.text_button:hover {
	cursor: pointer;
}

.linkbox li{
	padding: 5px;
	list-style-image: url(../images/arrow_trans_black.png);
}
.linkbox div{
	width: 400px;
	padding-left: 12px; /*padding: 10px 10px 10px 0px;*/
	background: url(../images/arrow_trans_black.png) no-repeat left top;
}

.linkbox a, .linkbox a:active, .linkbox a:visited{
	color: #787878;
	text-decoration: none;
}

.linkbox a:hover{
	text-decoration: underline;
	color: #787878;
}

#sitemap a {
	text-decoration: none;
	color: #787878;
}
#sitemap a:hover {
	text-decoration: underline;
	color: #787878;
}
#sitemap .page.level0
{
	margin-left: 0px;
	padding: 6px 0px 2px 0px;
}
#sitemap .page.level1
{
	padding: 0px !important;
	margin-left: 16px;
}
#sitemap .page.level2
{
	padding: 0px !important;
	margin-left: 32px;
}
#sitemap .page.special
{
	padding: 10px 0px 3px 0px;
}

table.alignToTop td
{
	vertical-align: top;
}
#vacatures td
{
	padding: 3px 0px;
	color: #787878;
}
#vacatures td a.arrow
{
	padding-left: 10px;
	background: url(../images/arrow_trans_black.png) no-repeat left center;
}
#vacatures td a
{
	color: #787878;
	text-decoration: none;
}
#vacatures td a:hover
{
	text-decoration: underline;
	color: #787878;
}
#vacatures td.padding
{
	padding: 3px 10px;
}

#cGP_form .td_title
{
	width: 140px;
}

#favorieten div
{
	overflow: auto;
	background: url(../images/arrow_trans_black.png) no-repeat left 14px;
}
#favorieten a.link
{
	display: block;
	float: left;
	width: 300px;
	padding-right: 15px;
}
#favorieten a
{
	float: left;
}
#webshopPopup_body {
	background: white;	
}
#webshopPopup
{
	background: white;
	width: 230px;
	height: 160px;
	border: 1px solid #1d3e8f;
	z-index: 999;
}
.webshopPopupTitle
{
color:#0154A4;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#closePopupButton
{
	padding: 3px;
	position: absolute;
	right: 2px;
	top: 2px;
}
#btn-bevestigen {
	background:url(../images/button_bevestigen.gif) no-repeat;
	width: 89px;
	height: 22px;
	border: 0px;
}

#searchForm
{
	margin: 40px auto 30px auto;
	position: relative;
	width: 220px;
}
#searchErrorMessage
{
	margin: 0px 0px 16px 0px;
}
#searchResultMessage
{
	margin: 0px 0px 16px 0px;
}
#searchResultsProduct, #searchResultsPage
{
	float: left;
}
#searchResultsProduct .plain, #searchResultsPage .plain
{
	list-style-image: none;
	margin: 0px;
}

#message_payment
{
	margin: 50px 120px 100px 0px;
}

#message_filter
{
	margin-bottom: 26px;
}

#winkelwagen_message_login_or_register
{
	margin: 16px 0px 0px 0px;
}

#message_no_discounts, #message_no_products
{
	width: auto;
}

.betaalmethode {
	position: relative;
	float: left;
	width: 120px;
	height:100px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

.betaalmethode #submit_ideal {
	background:url('../images/icoon_ideal.png') #fff;
	width:100px;
	height:60px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}
.betaalmethode #submit_paypal {
	background:url('../images/icoon_paypal.png') #fff;
	width:100px;
	height:60px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}
.betaalmethode #submit_rekening {
	background:url('../images/icoon_rekening.png') #fff;
	width:100px;
	height:60px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}
.betaalmethode #submit_overboeking {
	background:url('../images/icoon_overboeking.jpg') #fff;
	width:100px;
	height:60px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}
.betaalmethode #submit_rembours {
	background:url('../images/icoon_tnt.png') #fff;
	width:100px;
	height:60px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}


/** News **/
div.newsitem {
	border-top: 1px solid #cccccc;
}

div.newsitem_image {
	width: 70px; padding: 10px; float: left;
}

div.newsitem_text {
	width: 305px; padding: 10px; float: left;
	margin: 0px;
}
div.newsitem_text h3{

	text-transform: none;
}

div.newsitem_text p {
	margin-top: -5px;
}

div#sidebar_left h3 {
		font-family: 'Futura';
		font-weight: normal;
		font-size: 12px;
}



div.linkbox {
	padding-left: 0px;
}


#productfotos{
width: 160px;
padding: 0px;
margin: 0px;
table-layout: fixed;
}

#productfotos td{
margin: 0px;
padding: 0px;
}



#hoofdfoto {
text-align: center; 
vertical-align: middle; 
height: 193px; 
width: 160px;
}



.productthumb {
text-align: center; 
vertical-align: middle;
width: 80px; 
height: 65px;
}

/* Veel gestelde vragen */
ul.faqitems {
	padding:0px;
	margin: 0px;
}
ul.faqitems li {
	padding: 0 0 10px 0;
	margin: 0px;
}
ul.faqitems a {
	text-decoration: none;
}
ul.faqitems a:hover {
	text-decoration: underline;
}
.faqitems_p {
	border-bottom: 1px solid #787878;
}

/* Digital Herald */
#FormButton_Subscribe {
	background:url('../images/btn-aanmelden.png') #fff;
	width:95px;
	height:24px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}
#FormButton_Unsubscribe {
	background:url('../images/btn-afmelden.png') #fff;
	width:95px;
	height:24px;
	margin:0 0 0 0;
	border:0px solid #fff;
	cursor: pointer;
}

#webshop #intro H1{
	width:200px;
}
ul.webshop_discount_items li {
	height: 150px;
}

.textError {
	color: red;
}


/* linkspagina */

.links h2 {
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.links h4 {
	padding-top: 15px;
	padding-bottom: 0px;
}

.links ul.linkbox li {
	padding-bottom: 0px;
	padding-top: 3px;
}
div#sidebar_right #actieblok a, #actieblok a:visited, #actieblok a:hover {
		color: #ffffff;	
	}
	#actieblok a {
		text-decoration: none;
	}
	
	.text_button {
		font-size: 12px;
	}