/*######################################################################
	#						  											   #
	#						 SCREEN STYLESHEET						   	   # 
	#					  Ontwikkeld door Tangraweb					   	   #
	# 						  www.tangraweb.nl            			   	   #
	# 						    September 2008                			   #
	#							 										   #
	######################################################################*/
	
	/*#######################################################
  	#														#
  	#				   ALGEMENE INSTELLINGEN				#
  	#														#
   	#######################################################*/
	
	* { -moz-box-sizing: border-box; }
	
	BODY  
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;

		color: #006699;
		
		overflow-x: hidden;
		overflow-y: auto;
				
		background: #006699;
	}	
	
	TABLE 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		
		width: 100%;
	
		vertical-align: top;
		border: none;
	}
	
	FORM
	{
		margin: 0px;
		padding: 0px;
	}
		
	h1
	{
		position: relative;
		float: left; 
		
		width: 99%;
		height: 25px;
		
		font-size: 18px;	
		font-weight:bold;
		
		margin: 0px 0px 19px 0px;
	}
	
	.korter { width: 40%; }
	
	
	h2
	{
		position: relative;
		float: left; 
		
		width: 100%;
		
		font-size: 14px;	
		font-weight:bold;
		
		margin: 0px 0px 19px 0px;
	}
	
	h3
	{
		position: relative;
		float: left; 
		
		width: 97%;
		padding-top: 15px;
		
		font-size: 12px;	
		font-weight:bold;
		
		margin: 0px 0px 19px 0px;
		
		border-top: solid 1px #E5E5E5;
	}
		
	a 
	{
		color: #FF6600;
		
		font-size: inherit;
		font-variant: normal;
	
		text-decoration: none;
	}

	a:hover
	{				
		font-size:inherit;
		font-variant: normal;
	
		text-decoration: underline;
	}
	
	.taalbutton
	{
		position: relative;
		float: left;
		
		margin-right: 12px;
	}
	
	.single { width: 100%; text-align: right; margin: 0px 0px 16px 0px; padding-right: 12px; }
	
	.navbull 
	{
		color: #FFFFFF;
		font-size: 14px;
	}
	
	.small-link { font-size: 11px; font-weight:bold; line-height:20px; }
	
	.scroller
	{
		color: #FFFFFF;
		font-size: 14px;
		
		width: 80%;
		height: 100%;
	}
	
	.adres
	{
		position: relative;
		float: left;
		
		height: auto;
		display: block;
		
		margin-bottom: 9px;
	}
	
	/*#######################################################
  	#														#
  	#				   NIEUWS INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	a.nieuws-titel 
	{ 
		position: relative;
		float: left;
		
		width: 100%;
		
		min-height:25px;
		height:auto !important;
		height:25px;
		
		padding: 4px 0px;
		
		border-top: dotted 1px #CCCCCC;
		
		color: #006699;
		font-size: 13px;
	}
	
	a.nieuws-titel:hover
	{ 
		background: #F7F7F7;
		text-decoration: none;
	}
	
	.nieuws-item 
	{ 
		position: relative; 
		/*
		min-height:150px;
		height:auto !important;
		height:150px;*/
		
		height: auto;
		width: 100%; 
		
		color: #000000; 
		padding: 20px 0px 20px 7px; 
		
		visibility: hidden; 
		display: none;
		
		/*filter:alpha(opacity=0);*/
	}
	
	.nieuws-datum { color: #999999; float:right; }
	
	/*#######################################################
  	#														#
  	#				   LAYER INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	#container
	{
		position: absolute;
		left: 50%;
		top: 0px;
	
		width: 900px;
		
		min-height:768px;
		height:auto !important;
		height:768px;
					
		padding: 0px;
		margin: 0px -450px;
		
		background-image: url(../images/bg_container.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: #FFFFFF;
	}
	
	#container-intro
	{
		position: absolute;
		left: 50%;
		top: 0px;
	
		width: 900px;
		height: 768px;
				
		padding: 0px;
		margin: 0px -450px;
		
		background-image: url(../images/bg_container_intro.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: #FFFFFF;
	}
	
	/* feesten */
	
	#container-sinterklaas
	{
		position: absolute;
		left: 50%;
		top: 0px;
	
		width: 900px;
		height: 768px;
				
		padding: 0px;
		margin: 0px -450px;
		
		background-image: url(../images/bg.feest.sinterklaas.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: #FFFFFF;
	}
	
	#container-kerst
	{
		position: absolute;
		left: 50%;
		top: 0px;
	
		width: 900px;
		height: 768px;
				
		padding: 0px;
		margin: 0px -450px;
		
		background-image: url(../images/bg.feest.kerst.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: #FFFFFF;
	}
	
	#container-pasen
	{
		position: absolute;
		left: 50%;
		top: 0px;
	
		width: 900px;
		height: 768px;
				
		padding: 0px;
		margin: 0px -450px;
		
		background-image: url(../images/bg.feest.pasen.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-color: #FFFFFF;
	}
	
	#navigatie
	{
		position: relative;
		float: left;
		
		width: 742px;
		height: 158px;
		
		padding: 137px 0px 0px 145px;
		
		background-image: url(../images/bg_navigatie.jpg);
		background-repeat: no-repeat;
	}
	
	#logo
	{
		position: relative;
		float: left;
		
		width: 158px;
		height: 158px;
	}
	
	#links
	{
		position: relative;
		float: left;
		
		width: 142px;
		height: auto;
		min-height: 61px;
		
		padding: 35px 0px 0px 99px;
		
		
		background-image: url(../images/bg_links.jpg);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#content
	{
		position: relative;
		float: left;
		
		width: 600px;
		height: auto;
		
		padding: 40px 0px;
	}
	
	.duiten { width: 758px; }
	
	#content #catlogo
	{
		position: absolute;
		top: 30px;
		right: 10px;
		
		width: 98px;
		height: 80px;
	}
	
	#rechts
	{
		position: relative;
		float: left;
		
		width: 158px;
		height: auto;
		
		padding: 35px 0px 0px 17px;
	}
	
	.margin-intro { margin-top: 21px; }
	
	#taalkeuze
	{
		position:relative;
		float: left;
		
		width: 600px;
		height: 55px;
		
		margin-bottom: 20px;
				
		cursor: hand;
	}
	
	#taalkeuze .titel { font-size: 24px; color: #006699; text-decoration: none; }
	#taalkeuze .onderschrift { font-size: 17px; color: #006699; text-decoration: none; }
	#taalkeuze .taalbutton { position: relative; float: left; width: 53px; height: 52px; }
	
	#session
	{
		position: absolute;
		left: 50%;
		top: 2000px;
	
		width: 900px;
		
		min-height:300px;
		height:auto !important;
		height:300px;
					
		padding: 20px;
		margin: 0px -450px;
		
		border: solid double 4px #FFFFFF;
		background-color: #EEEEEE;
	}
	
	#formulierbuttons
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 25px;
		
		margin-top: 20px;
		margin-bottom: 20px;
				
		background-image:url(/site/images/webshop/btn_webshop_achtergrond.jpg);
		background-repeat: repeat-x;
	}
	
	#formulierbuttons .links
	{
		position: relative;
		float: left;
		
		width: 140px;
		height: 25px;
		
		margin-right: 270px;
		
		color: #2D476A;
		cursor: hand;
		font-size: 11px;
		font-weight: bold;
		
		border: none;
		background-image:url(/site/images/webshop/btn_webshop_links.jpg);
		background-repeat: no-repeat;
	}
	
	#formulierbuttons .rechts
	{
		position: relative;
		float: left;
		
		width: 140px;
		height: 25px;
		
		color: #2D476A;
		cursor: hand;
		font-size: 11px;
		font-weight: bold;
		
		border: none;
		background-image:url(/site/images/webshop/btn_webshop_rechts.jpg);
		background-repeat: no-repeat;
	}
	
	#recent_bekeken,
	#meest_besteld
	{
		position: relative;
		float: left;
		
		width: 535px;
		height: 140px;
		
		margin: 0px 0px 20px 0px;
		padding: 8px 4px;
		
		border: dotted 1px #D0D0D0;
		background: #F9F9F9;
	}
	
	#meest_besteld .titel,
	#recent_bekeken .titel
	{
		position: relative;
		float: left;
		
		width: 95%;
		
		margin: 0px 0px 10px 4px;
				
		font-size: 12px;
		font-weight: bold;
		color: #666666;	
	}
					
	/*#######################################################
  	#														#
  	#				NAVIGATIE INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	#navigatie a.nav
	{				
		width: auto;
				
		font-size: 14px;
		color: #FFFFFF;
		
		text-decoration:none;
	}
	
	#navigatie a.nav:hover, 
	#navigatie a.actief
	{
		width: auto;
				
		font-size: 14px;
		color: #FFFF00;
		
		text-decoration:none;
	}
	
	#navigatie a.smallernav ,
	#navigatie a.smallernav:hover
	{ font-size: 12px; }
	
	/*#######################################################
  	#														#
  	#				FORMULIER INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	#formulierblok
	{
		position: relative;
		/*height: auto;
		width: auto;*/
			
		min-height: 215px;
		height: auto !important;
		height: 215px;
		
		min-width: 600px;
		width: auto !important;
		width: 600px;
	}
	
	#formulierblok #formulier
	{
		position: relative;
		float: left;
		
		width: 330px;
		height: auto;
		
		margin-right: 8px;
	}
	
	#formulierblok #formulier_links
	{
		position: relative;
		float: left;
		
		width: 290px;
		height: auto;
		
		margin: 0px 20px 20px 0px;
		padding: 5px;
		
		background-color: #F9F9F7;
	}
	
	#formulierblok #formulier_rechts
	{
		position: relative;
		float: left;
		
		width: 290px;
		height: auto;
		
		padding: 5px;
		
		background-color: #F9F9F7;
	}
	
	#formulierblok #overige
	{
		position: relative;
		float: left;
		
		width: 262px;
		height: 100%;
	}
	
	#formulierblok #foto
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 231px;
		
		margin-bottom: 20px;
	}
	
	#formulierblok #route
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
	}
	
	
	.formtitel
	{
		width: 50%;
		height: 20px;
		font-size: 12px;
		padding: 2px 0px;
		vertical-align: top;
		
		font-weight: bold;
		color: #666666;
	}
	
	.formveld
	{
		width: 50%;
		height: 20px;
		font-size: 12px;
		padding: 2px 0px;
		vertical-align: top;
		
		color: #666666;
	}
	
	.formtitel_aaargh
	{
		width: auto;
		height: 20px;
		font-size: 12px;
		padding: 2px 0px;
		vertical-align: top;
		
		font-weight: bold;
		color: #666666;
	}
	
	.formveld_aaargh
	{
		width: 192px;
		height: 20px;
		font-size: 12px;
		padding: 2px 0px;
		vertical-align: top;
		
		color: #666666;
	}
	
	.formicoon
	{
		color: #FF3300;
	}
	
	.invoerveld
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 20px;
		width: 94%;
	}
	
	.afbeelding
	{
		color: #999999;
		width: 85%;
	}
	
	.keuzelijst
	{
		font-size: 12px;
		color: #5A5A5A;
		height: 20px;
		width: 94%;
	}
	
	.tekstveld
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 100px;
		width: 96%;
	}
	
	.button
	{
		border: solid 1px #99B5DC;
		width: 140px;
		/*width: auto;*/
		height: 23px;
		background-color:#EEEEEE;
		font-size: 11px;
		/*font-weight: bold;*/
		color: #2D476A;
		margin-right: 8px;
		cursor: hand;
	}
	
	.small { width: 40px; }
	
	.nav_button
	{
		border: solid 1px #99B5DC;
		width: 150px;
		height: 23px;
		background-color:#EEEEEE;
		font-size: 11px;
		font-weight: bold;
		color: #2D476A;
		margin-right: 8px;
	}
	
	.opvallend
	{
		border: solid 1px #FF4900;
		color: #FF4900;
	}
	
	.verplicht
	{
		color: #FF0000;
		font-size: 10px;
		font-weight: bold;
	}
	
	.formError
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
		
		padding: 20px;
		margin-bottom: 20px;
		
		color: #BF4083;		
		background: #F2D9E6;
		border: 1px solid #E9BED5;
		
		text-align: left;
		font-weight: bold;
	}
	
	.formError ul,
	.formError li
	{
		margin: 0px 5px;
	}
	
	.formAlert
	{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			display: block;
			color:#009900;
			width: 100%;
			margin-bottom: 10px;
			border: 1px solid #009900;
			background: #D6FED3;
			padding: 13px 11px;
	}
	
	.foutje
	{
		font-size: 11px;
	}
	
	/*#######################################################
  	#														#
  	#				COLLECTIE INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	#collectie
	{
		position: relative;
		float: left;
		
		width: 100px;
		min-height: 75px;
		height: auto !important;
		height: 75px;
		
		border-bottom: solid 1px #E5E5E5;
		
		font-size: 11px;
		text-align: center;
		color: #006699;
	}
	
	#collectie:hover { text-decoration: none; color: #FF6600; }
	
	#items
	{
		position: relative;
		float: left;
		width: 104px;
		
		min-height:79px;
		height:auto !important;
		height:79px;
		
		display: block;
		margin: 8px;
		padding: 2px;
		
		text-align: center;
		
		background-color: #FFFFFF;
		border: solid 2px #FFFFFF;
		
	}
	
	#nieuwsthumbs
	{
		position: relative;
		float: left;
		width: 104px;
		
		min-height:79px;
		height:auto !important;
		height:79px;
		
		display: block;
		margin: 8px 8px 0px 0px;
		padding: 2px;
		background-color: #FFFFFF;
		/*border: solid 1px #385988;*/
	}
	
	#items:hover { border: solid 2px #FF6600; background: #FFFFFF; }
	
	#bladeren
	{
		position: relative;
		float: left;
		width: 100%;
		height: 20px;
		display: block;
		margin: 20 0 0 0;
	}

	#bladervlak
	{
		position: relative;
		float: left;
		display: block;
		height: 26px;
	}
	
	#bladervlak.links { text-align: left; width: 10%; padding: 0px; background-image: url(/site/images/webshop/blader_achtergrond.jpg); background-repeat: repeat-x; }
	#bladervlak.midden { text-align: center; width: 79%; margin: 0px; background-image: url(/site/images/webshop/blader_achtergrond.jpg); background-repeat: repeat-x; }
	#bladervlak.rechts { text-align: left; width: 10%; padding: 0px; }
	
	#blader
	{
		position: relative;
		float: left;
		
		height: 25px;
		width: 25px;
		
		display: block;
		
		margin: 0px;
		padding: 2px 5px;
		
		color: #2D476A;
		
		text-align:center;
		text-decoration:none;
		
		font-size: 16px;
		font-weight: bold;
		
		border: none;
		background-image: url(/site/images/webshop/blader_normaal.jpg);
		background-repeat: no-repeat;
	}
	
	#bladervlak .actief { cursor: hand; }
	#bladervlak .nonactief { color: #999999; }
	
	#bladervlak .eind
	{
		background-image: url(/site/images/webshop/blader_eind.jpg);
		background-repeat: no-repeat;
	}
	
	#bladervlak .begin
	{
		background-image: url(/site/images/webshop/blader_begin.jpg);
		background-repeat: no-repeat;
	}
	
	#paginanr
	{
		position: relative;
		
		height: 25px;
		width: 25px;
				
		margin: 0px;
		padding: 4px 5px;
		
		color: #2D476A;
		
		text-align:center;
		text-decoration:none;
		vertical-align: middle; 
				
		font-size: 12px;
		font-weight: bold;
		cursor: hand;
		
		border: none;
		background-image: url(/site/images/webshop/blader_normaal.jpg);
		background-repeat: no-repeat;
	}
	
	#paginanr.visit
	{
		background-image: url(/site/images/webshop/blader_normaal_actief.jpg);
		background-repeat: no-repeat; 
	}
	
	/*#######################################################
  	#														#
  	#				FOTO POPUP INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	#transparant
	{
		position: absolute;
		top: 0px;
		left: 0px;
		
		width: 110%;
		height: 150%;
		
		z-index: 1;
		
		opacity: 0.60; 
		filter: alpha(opacity=60); 
		-moz-opacity: 0.60;
				
		background: #000000;
		
		display: none;
		visibility: hidden;
	}
	
	#fotovlak
	{
		position: absolute;
		left: 50%;
		top: 50%;
		
		width: auto;
		height: auto;
			
		z-index: 2;
		
		padding: 20px 30px;
		
		background: #FFFFFF;
		
		display: none;
		visibility: hidden;
	}
	
	#alertvlak
	{
		position: absolute;
		left: 50%;
		top: 50%;
		
		width: auto;
		height: auto;
			
		z-index: 2;
		
		padding: 20px 30px;
		
		background: #FFFFFF;
		
		display: none;
		visibility: hidden;
	}
	
	#alertvlak #link,
	#fotovlak #link
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 30px;
				
		text-align: right;
	}
	
	#fotovlak a { color: #006699; font-size: 11px; }
	
	#fotovlak #foto
	{
		position: relative;
		float: left;
		
		width: auto; 
		height: auto;
		
		margin-bottom: 15px;
		
		border: solid 1px #006699;
	}
	
	#fotovlak #omschrijving
	{
		position: relative;
		float: left;
		
		width: 70%;
		height: auto;
		
		font-weight: bold;
	}
	
	#alertvlak #omschrijving
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 100%;
		
		padding: 10px;
		
		border: solid 1px #CCCCCC;
		
		font-weight: bold;
	}
	
	#fotovlak #artnummer
	{
		position: relative;
		float: left;
		
		width: 30%;
		height: auto;
		
		font-size: 16px;
		font-weight: bold;
		
		text-align: right;
	}
	
	#artnummer .titel { font-size: 10px; }
	
	/*#######################################################
  	#														#
  	#				DUITENSHOP INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	legend
	{
		font-weight: bold;
		font-variant: small-caps;
		letter-spacing: 4px;
		
		color: #2D476A;
			
		padding: 5px;
	}

	#mijnpagina_blok
	{
		position: relative;
		width: 685px;
		height: auto;
	}
	
	#mijn_facturen
	{
		position: relative;
		float: left;
		
		width: 99%;
		height: auto;
		display: block;
		
		padding: 15px;
		
		border: solid 1px #99B5DC;
	}
	
	#statistieken
	{
		position: relative;
		float: left;
		
		width: auto;
		height: auto;
		display: block;
		
		padding: 15px;
		
		border: solid 1px #99B5DC;
	}
	
	#geschenken
	{
		position: relative;
		float: left;
		
		width: 99%;
		height: auto;
		display: block;
		
		padding: 15px;
		
		border: solid 1px #99B5DC;
	}
	
	#mijn_kados
	{
		position: relative;
		float: left;
		
		/*width: 307px;*/
		width: 678px;
		height: auto;
			
		padding: 15px;
		
		border: solid 1px #99B5DC;
	}
	
	#mijn_gegevens
	{
		position: relative;
		float: left;
		
		width: 307px;
		height: auto;
	
		margin-right: 19px;
		padding: 15px;
		
		border: solid 1px #99B5DC;
	}
	
	#mijn_welkom
	{
		position: relative;
		float: left;
		
		width: 678px;
	
		padding: 15px;
		
		border: solid 1px #009900;
		
		color: #009900;
	}
	
	.welkom_titel
	{
		color: #009900;
	}
	
	#mijn_saldo
	{
		position: relative;
		float: left;
		display: block;
		
		width: 351px;
		height: auto;
	
		padding: 15px;
		
		border: solid 1px #99B5DC;
		
		background-image: url(../images/money_bag.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	#saldo-links
	{
		position: relative;
		float: left;
		
		width: 50%;
		height: 140px;
	}
	
	#saldo-rechts
	{
		position: relative;
		float: left;
		
		width: 50%;
		height: 140px;
		
		padding: 85 0 0 20;
		text-align: center;
		font-weight: bold;
		font-size: 26px;
		color:#333333;
	}
	
	#duiten_activeren
	{
		position: relative;
		float: left;
		
		width: 70%;
	
		padding: 15px;
		
		border: solid 1px #99B5DC;
	}
	
	.kolomnaam
	{
		/*background: #A79EBA;*/
		background: #CCCCCC;
		color: #21467B;
		padding: 2px 6px;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	
	.even-rij { padding:2px 6px; background: #FFE6BB; }
	.oneven-rij { padding: 2px 6px; background: #FFECD2; }
	
	.mijngegevens_titel { width: 40%; font-weight: bold; border-bottom: dotted 1px #CCCCCC; }
	.mijngegevens_tekst { width: 60%; border-bottom: dotted 1px #CCCCCC; }
	
	.kleur-even { background: #EEF7F7; }
	.kleur-oneven { background: #FFFFFF; }
	
	.duiten_groen { color: #009900; }
	.duiten_rood { color: #990000; }
	.duiten_blauw { color:#003399; }
	
	.saldo_getal
	{
		position: absolute;
		width: 140px;
		text-align: center;
		padding-top: 75px;
		padding-left: 10px;
		
		font-weight: bold;
		font-size: 26px;
		color: #FFFC00;
	}
	
	#foto-thumb
	{
		position: relative;
		float: left;
		width: 110px;
		height: 130px;
		display: block;
		margin: 5px 7px;
		padding: 5px;
		background-color: #FFFFFF;
		border: solid 1px #CCCC99;
		
		background-image:url(../images/laden.gif);
		background-repeat: no-repeat; 
		background-position: 40 55;
	}
	
	.foto-saldo
	{
		position: relative;
		float: left;
		width: 102px;
		height: 15px;
		text-align: center;
		margin: 0;
		background-color: #E8E8D0;
		padding: 2px;
		font-size: 10px;
		font-weight: bold;
		color: #333333;
	}
	
	.foto-border
	{
		width: 100px;
		height: 100px;
		padding: 10px;
		
		background: #FFFFFF;
		border: solid 1px #CCCCCC;
	}
	
	.tekst-border
	{
		width: 100px;
		height: 100px;
		padding-top: 40px;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		color: #CCCC99;
		border: solid 1px #CCCCCC;
	}
	
	.nav_buttons
	{
		position: relative;
		float: left;
		width:auto;
		display:block;
		clear:both;
		margin-top:10px;
	}
	
	/*#######################################################
  	#														#
  	#				ADMIN									#
  	#														#
   	#######################################################*/
	
	#codevlak
	{
		position: relative;
		float: left;
		
		width: 46%;
		height: 170px;
		
		padding: 10px;
		
		border: solid 1px #EBEBEB;
	}
	
	.codevlakmarge { margin-right: 5%; }
	
	#goedmelding_code
	{
		position: relative;
		float: left;
		
		width: 97%;
		height: auto;
		
		margin-bottom: 5%;
		padding: 10px;
		
		border: solid 1px #A7E0BE;
		
		color: #A7E0BE;
	}
	
	.goedtitel_code
	{
		font-size: 14px;
		color: #A7E0BE;
	}
	
	#foutmelding_code
	{
		position: relative;
		float: left;
		
		width: 97%;
		height: auto;
		
		margin-bottom: 5%;
		padding: 10px;
		
		border: solid 1px #FFB7B7;
		
		color: #FFB7B7;
	}
	
	.fouttitel_code
	{
		font-size: 14px;
		color: #FFB7B7;
	}
	
	.code
	{	
		/*font-family:"Times New Roman", Times, serif;*/
		font-size: 20px;
		color: #999999;
	}
	
	.codetitel
	{
		font-size: 14px;
		color: #CCCCCC;
	}
	
	.cronjobvlak
	{
		width: 240px;
		height: 110px;
		
		border: none;
	}
	
	#formulier
	{
		position: relative;
		float: left;
		
		width: 440px;
		height: auto;
	}
			
	#formulier .omlijning
	{
		position: relative;
		float: left;
		
		margin-bottom: 20px;
		
		width: 100%;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		
		padding: 10px;
		
		border: solid 1px #EEEEEE;
		background: #FFFFFF;	
	}

	#formulier .geen-omlijning
	{
		position: relative;
		float: left;
		
		margin-bottom: 20px;
		
		width: 100%;
		height: auto;
		
		padding: 10px;
		
		border: none;
	}
	
	#formulier #foutmelding
	{
		position: relative;
		float: left;
		
		margin-bottom: 20px;
		
		width: 100%;
		height: auto;
		
		padding: 10px;
		
		font-size: 12px;
		color: #FF0000;
		background: #FFEAEA;
		border: dotted 1px #FF0000;	
	}
	
	#formulier #foutmelding .titel { font-weight: bold; }
	
	.bloktitel
	{
		font-variant: normal;
		color: #999999;
		font-size: 18px;
		padding: 5px 5px 10px 5px;
	}
		
	/*#######################################################
  	#														#
  	#				  WEBSHOP								#
  	#														#
   	#######################################################*/
	
	#melding 
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 50px;
		
		padding: 20px;
		margin-bottom: 20px;
		
		color: #659500;		
		background: #F4FFDF;
		border: 1px solid #659500;
		
		text-align: left;
		font-weight: bold;
	}
	
	#notgoodmelding 
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 50px;
		
		padding: 20px;
		margin-bottom: 20px;
		
		color: #FF0000;
		background: #FFEAEA;
		border: solid 1px #FF0000;
		
		text-align: left;
		font-weight: bold;
	}
	
	#extra
	{
		position: relative;
		float: left;
		
		width: 167px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		
		font-size: 11px;
		text-align: left;
		color: #006599;
		
		padding: 10px 7px 10px 7px;
		margin: 0px 12px 0px 12px;
		
		/*background-image: url(/site/images/webshop/header_extra.jpg);
		background-repeat: no-repeat;*/
		background: #F0F5FA;
		border-bottom: dotted 1px #666666
	}
	
	.extra-titel
	{
		position: relative;
		
		width: 100%;
		
		margin-bottom: 3px;
		
		font-size: 11px;
		font-weight: bold;
	}
	
	#extra a { font-size: 11px; }
	
	#extra .invoerveld,
	#extra .select
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 21px;
		width: 110px;
	}
	
	#extra .tekstveld
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 100px;
		width: 96%;
		margin-bottom: 5px;
		
		overflow-y: auto;
	}
	
	#extra .tekstveld-custom
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 100px;
		width: 60px;
		margin-bottom: 5px;
		
		/*overflow-y: auto;*/
	}
	
	#extra .button
	{
		border: solid 1px #99B5DC;
		width: 32px;
		height: 21px;
		background-color:#EEEEEE;
		font-size: 11px;
		color: #2D476A;
		margin-right: 8px;
		cursor: hand;
	}
	
	#extra #opslaan_button
	{		
		width: 138px;
		height: 25px;
		
		padding: 0px;
		margin: 4px 0px 0px -12px;
		
		color: #2D476A;
		cursor: hand;
		font-size: 11px;
		font-weight: bold;
				
		border: none;
		background-image:url(/site/images/webshop/button_bestelling_opslaan.jpg);
		background-repeat: no-repeat;
	}
		
	#debiteur_kiezen
	{
		position: relative;
		width: 80%;
		height: auto;
		
		padding: 20px;
		margin-bottom: 20px;
		
		border: solid 1px #CCCCCC;
	}
	
	#debiteur_kiezen .formtitel
	{
		width: 40%;
		height: auto;
		font-size: 13px;
		padding: 10px 0px;
		font-weight: bold;
		color: #666666;
	}
	
	#debiteur_kiezen .formveld
	{
		width: 60%;
		height: auto;
		
		color: #666666;
	}
	
	#debiteur_kiezen .invoerveld
	{
		font-size: 14px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 25px;
		width: 100%;
	}
	
	#debiteur_kiezen .keuzelijst
	{
		font-size: 14px;
		color: #5A5A5A;
		height: 30px;
		width: 100%;
	}
	
	#debiteur_kiezen .button
	{
		border: solid 1px #99B5DC;
		width: 140px;
		height: 25px;
		background-color:#EEEEEE;
		font-size: 14px;
		color: #2D476A;
		cursor: hand;
	}
	
	#stappen
	{
		position: relative;
		float: left;
		
		width: 140px;
		height: auto;
		
		padding: 0px;
		margin: 23px 10px 10px 0px;			
	}
	
	#stappen #stap
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 30px;
		
		margin-bottom: 3px;
		padding: 6px;
		
		font-size: 13px;
		font-weight: bold;
		
		color: #FFFFFF;
		text-decoration: none;
		background-color: #DFDFDF;
	}
	
	#stappen #stap-actief
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 30px;
		
		margin-bottom: 3px;
		padding: 6px;
		
		font-size: 13px;
		font-weight: bold;
		
		color: #006599;
		text-decoration: none;
		background-color: #E9F0F5;
	}
	
	.minicat
	{
		position: relative;
		float: left;
		width: 100%;
		height: 25px;

		text-decoration: none;
		color: #006699;
	}
	
	.minicat:hover
	{
		text-decoration: none;
		color: #006699;
		border: solid 1px #FFFFFF;
	}
	
	#artikelgroep
	{
		position: relative;
		float: left;
		
		margin: 0 6 6 0;
		
		width: 100px;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		
		border: solid 1px #E5E5E5;
		
		font-size: 11px;
		text-align: center;
		color: #006699;
		font-weight: bold;
	}
	
	#artikelgroep:hover
	{ 
		text-decoration: none; 
		color: #FF6600; 
		font-weight: bold;
	}
	
	.iframe
	{
		width: 100%;
		height: 70px;
		
		overflow-y: auto;
		
		scrollbar-base-color: #F0F5FA;
		scrollbar-arrow-color: #006699;
		scrollbar-3dlight-color: #F0F5FA;
		scrollbar-darkshadow-color: #F0F5FA;
		scrollbar-face-color: #F0F5FA;
		scrollbar-highlight-color: #F0F5FA;
		scrollbar-shadow-color: #F0F5FA;
		scrollbar-track-color: #F0F5FA;	
	}
	
	.iframe_geschenken
	{
		width: 100%;
		height: 150px;
		
		overflow-y: auto;
		
		scrollbar-base-color: #F0F5FA;
		scrollbar-arrow-color: #006699;
		scrollbar-3dlight-color: #F0F5FA;
		scrollbar-darkshadow-color: #F0F5FA;
		scrollbar-face-color: #F0F5FA;
		scrollbar-highlight-color: #F0F5FA;
		scrollbar-shadow-color: #F0F5FA;
		scrollbar-track-color: #F0F5FA;	
	}
	
	/* artikelen overzicht */
	
	#artikel
	{
		position: relative;
		float: left;
		
		width: 168px;
		height: 190px;
		max-height: 190px !important;
		
		padding: 9px;
		margin: 3px;
		
		cursor: hand;
		
		color: #666666;
		text-decoration: none;
				
		border: solid 1px #FFFFFF;
	}
	
	#artikel:hover
	{
		position: relative;
		float: left;
		
		width: 168px;
		height: 190px;
		max-height: 190px !important;
		
		padding: 9px;
		margin: 3px;
		
		cursor: hand;
		
		color: #029FF0;
		text-decoration: none;
		
		border: solid 1px #CCCCCC;
	}
	
	#artikel .foto
	{
		position: relative;
		float: left;
		
		width: 150px;
		height: 99px;
		
		margin-bottom: 10px;
		
		/*cursor: default;*/
	}
	
	#artikel .omschrijving
	{
		position: relative;
		float: left;
		
		margin-bottom: 2px;
		
		width: 150px;
		height: 10px;
		max-height: 10px !important;
		
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
	
	#artikel .artikelcode
	{
		position: relative;
		float: left;
		
		margin-bottom: 10px;
		
		width: 150px;
		height: 10px;
		max-height: 10px !important;
		
		color: #999999;
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
	
	#artikel .prijs
	{
		position: relative;
		float: left;
		
		margin: 0px;
		
		width: 150px;
		height: 19px;
		max-height: 19px !important;
		
		color: #333333;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
	}
	
	#artikel .vanaf
	{
		font-size: 9px;
	}
	
	.geldigheid
	{
		position:relative;
		float: left;
		
		width: 100%;
		height: auto;
		
		margin-top: 30px;
		
		font-size: 10px;
		text-align: center;
	}
	
	.omlijning 
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 50px;
		
		padding: 20px;
				
		background: #EEEEEE;
		border: 1px solid #006699;
		
		text-align: center;
		font-weight: bold;
	}
	
	#recent,
	#bekeken
	{
		position: relative;
		float: left;
		
		width: 123px;
		height: 84px;
		
		padding: 5px;
		margin: 3px;
		display: block;
		
		cursor: hand;
		text-decoration: none;
		text-align: center;
				
		border: solid 1px #cccccc;
		background-color: #FFFFFF;
	}
	
	#recent:hover
	{
		position: relative;
		float: left;
		
		text-decoration: none;
		
		border: solid 1px #CCCCCC;
	}
	
	#recent .foto
	{
		position: relative;
		float: left;
	}
	
	#artikelenheader
	{
		position: relative;
		float: left; 
		
		width: 98%;
		height: 30px;
		
		margin: 0px 0px 19px 0px;
	}
	
	#modus
	{
		position: relative;
		float: left;
		
		width: auto;
		height: 32px;
		
		padding: 3px;
		margin: 0px 8px 0px 0px;
			
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		border: solid 1px #FFFFFF;
		
		cursor: hand;
	}
	
	#artikelenheader a 		{ color: #006699; text-decoration: none; }
	#artikelenheader a:hover, #modus .modusactief	{ color:#CD0134; text-decoration: none; }
	
	#modus:hover { border: solid 1px #CD0134; }
	
	#modus #tekst
	{
		position: relative;
		float: left;
		
		width: auto;
		height: auto;
			
		margin: 0px 5px 0px 0px;
	}
		
	#modus #thumb, #modus #lijst
	{
		position: relative;
		float: left;
		
		width: 36px;
		height: 29px;
	}
	
	/* artikel details */
	
	#details
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
			
		color: #666666;
		text-decoration: none;
	}
	
	#details .foto
	{
		position: relative;
		float: left;
		
		width: 268px;
		height: 183px;
		
		padding: 9px;
		margin-right: 15px;
						
		border: solid 1px #CCCCCC;
		background-color: #FFFFFF;
		
		text-align: center;
	}
		
	#details .details
	{
		position: relative;
		float: left;
		
		width: 253px;
		height: 23px;
		
		padding: 0px;
		margin-bottom: 8px;
	}
	
	#details .prijzen
	{
		position: relative;
		float: left;
		
		width: 253px;
		height: 64px;
		
		padding: 0px;
		margin-bottom: 8px;
	}
	
	#details TABLE,
	{
		width: 80%;
		color: #006699;
	}
	
	#details .bestellen
	{
		position: relative;
		float: left;
		
		width: 225px;
		height: 65px;
		
		padding: 9px;
		margin: 0px;
		
		text-decoration: none;
		
		background: #F5F5F5;
		border: solid 1px #CCCCCC;
	}
	
	#details .voorraad
	{
		position: relative;
		float: left;
		
		height: auto;
		width:57px; 
		
		text-align:center;
	}
	
	#details .voorraadtext
	{
		position: relative;
		float: left;
		
		width: 57px;
		height: auto;
		
		margin-top: 6px;
		
		font-size: 9px;
	}
	
	#details .aantal
	{
		position: relative;
		float: left;
		
		width: 150px;
		height: auto;
		
		margin-bottom: 6px;
		
		text-align: right;
	}
	
	#details .in_winkelwagen
	{
		position: relative;
		float: left;
		
		width: 150px;
		height: 20px;
		
		text-align: right;
	}
	
	#details .keuzelijst
	{
		font-size: 13px;
		color: #5A5A5A;
		height: 20px;
		width: 140px;
	}
	
	#details .wbutton
	{		
		border: solid 1px #99B5DC;
		width: 140px;;
		height: 23px;
		background-color:#EEEEEE;
		font-size: 11px;
		color: #2D476A;
		cursor: hand;
		
		/*background-image: url(/site/images/webshop/bg_button_in_winkelwagen.jpg);
		background-repeat: no-repeat;*/
	}
	
	#stappen #winkelwagentje
	{
		position: relative;
		float: left;
		
		width: 146px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		
		margin-bottom: 3px;
		padding: 5px 0px 0px 0px;
		
		font-size: 13px;
		font-weight: bold;
		
		text-decoration: none;
		
		background-image: url(/site/images/webshop/header_winkelwagen.jpg);
		background-color: #C9DBED;
		background-repeat: no-repeat;
	}
	
	#stappen #duitensaldo
	{
		position: relative;
		float: left;
		
		width: 146px;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		
		margin-bottom: 3px;
		padding: 5px 0px 0px 0px;
		
		font-size: 13px;
		font-weight: bold;
		
		text-decoration: none;
		
		background-image: url(/site/images/duitenshop/header_duitensaldo.jpg);
		background-color: #C9DBED;
		background-repeat: no-repeat;
	}
		
	#winkelwagentje #item
	{
		position: relative;
		float: left;
		
		width: 138px;
		height: 26px;
		
		margin: 0px 4px 4px 4px;
		padding: 2px;
		
		font-size: 10px;
		color: #666666;
		background: #FFFFFF;
	}
	
	#winkelwagentje .lijntje
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 1px;
		
		margin: 8px 4px 0px 4px;
		padding: 0px;
		
		border: dotted 1px #FFFFFF;
	}
		
	#winkelwagentje .titel
	{
		position: relative;
		float: left;
		
		width: 98px;
		height: auto;
		
		margin: 0px 0px 0px 45px;
		padding: 2px;
		
		text-decoration: none;
		text-align:justify;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	#duitensaldo .titel
	{
		position: relative;
		float: left;
		
		width: 80px;
		height: auto;
		
		margin: 0px 0px 0px 50px;
		padding: 2px;
		
		text-decoration: none;
		text-align:justify;
		font-size: 14px;
		color: #FFFFFF;
	}
	
	#duitensaldo .saldo
	{
		position: relative;
		float: left;
		
		width: 80px;
		height: auto;
		
		margin: 0px 0px 0px 50px;
		padding: 2px;
		
		text-decoration: none;
		text-align:justify;
		font-size: 14px;
		color: #009900;
	}
	
	#winkelwagentje .aantal
	{
		position: relative;
		float: left;
		
		width: 24%;
		height: auto;
		
		margin: 2px 0px 10px 45px;
		padding: 2px;
		
		font-size: 10px;
		color: #666666;
	}
	
	#winkelwagentje .totaal
	{
		position: relative;
		float: left;
		
		width: 43%;
		height: auto;
		
		margin: 2px 0px 10px 0px;
		padding: 2px;
		
		text-align: right;
		font-size: 10px;
		color: #666666;
	}
	
	#item .item-foto
	{
		position: relative;
		float: left;
		
		width: 36px;
		height: 24px;
		
		margin-right: 4px;
		
		text-align: center;
		
		background: #FFFFFF;
	}
	
	#item .item-omschrijving
	{
		position: relative;
		float: left;
		
		width: 93px;
		height: auto;
		
		padding: 0px;
	}
	
	#item .item-aantal
	{
		position: relative;
		float: left;
		
		width: 46px;
		height: auto;
		
		text-align: left;
		color: #999999;
	}
	
	#item .item-prijs
	{
		position: relative;
		float: left;
		
		width: 47px;
		height: auto;
		
		color: #999999;
		text-align: right;
	}
	
	#winkelwagentje #footer
	{
		position: relative;
		float: left;
		
		width: 146px;
		height: 10px;
		
		margin: 24px 0px 0px 0px;
		padding: 0px;
		
		background-image: url(/site/images/webshop/footer_winkelwagen.jpg);
		background-repeat: no-repeat;
	}
	
	#webshopbuttons
	{
		position: relative;
		float: left;
		
		width: 100%;
		/*width: 536px;*/
		height: 25px;
		
		margin-top: 20px;
		margin-bottom: 20px;
				
		background-image:url(/site/images/webshop/btn_webshop_achtergrond.jpg);
		background-repeat: repeat-x;
	}
	
	#webshopbuttons .links
	{
		position: relative;
		float: left;
		
		width: 140px;
		height: 25px;
		
		margin-right: 256px;
		
		color: #2D476A;
		cursor: hand;
		font-size: 11px;
		font-weight: bold;
		
		border: none;
		background-image:url(/site/images/webshop/btn_webshop_links.jpg);
		background-repeat: no-repeat;
	}
	
	#webshopbuttons .rechts
	{
		position: relative;
		float: left;
		
		width: 140px;
		height: 25px;
		
		color: #2D476A;
		cursor: hand;
		font-size: 11px;
		font-weight: bold;
		
		border: none;
		background-image:url(/site/images/webshop/btn_webshop_rechts.jpg);
		background-repeat: no-repeat;
	}
	
	#mini_melding,
	#mini_melding:hover
	{
		position: absolute;
		top: 50%;
		left: 0px;
		
		width: 100%;
		height: 30px;
				
		margin: -15px auto -50% auto;		
		padding: 7px;
		
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		text-align: center;
		
		background: #EEEEEE;
		
		filter:alpha(opacity=70);
		-moz-opacity:.70;
		opacity:.70;
	}
	
	/* grossier overzicht */
	
	#grossier
	{
		position: relative;
		float: left;
		
		width: 168px;
		height: 170px;
		max-height: 170px !important;
		
		padding: 9px;
		margin: 3px;
		
		cursor: hand;
		
		color: #666666;
		text-decoration: none;
				
		border: solid 1px #FFFFFF;
	}
	
	#grossier:hover
	{
		position: relative;
		float: left;
		
		color: #029FF0;
		text-decoration: none;
		
		border: solid 1px #CCCCCC;
	}
	
	#grossier .foto
	{
		position: relative;
		float: left;
		
		width: 150px;
		height: 99px;
		
		margin-bottom: 10px;
	}
	
	#grossier .naam
	{
		position: relative;
		float: left;
		
		margin-bottom: 10px;
		
		width: 150px;
		height: 32px;
		max-height: 32px !important;
		
		text-align: center;
		font-weight: bold;
		font-size: 13px;
	}
	
	#grossier .plaats
	{
		position: relative;
		float: left;
		
		margin: 0px;
		
		width: 150px;
		height: 19px;
		max-height: 19px !important;
		
		color: #333333;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
	}
	
	#details-grossier
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
			
		color: #666666;
		text-decoration: none;
	}
	
	#details-grossier .foto
	{
		position: relative;
		float: left;
		
		width: 268px;
		height: auto;
		
		padding: 9px;
		margin-right: 15px;
						
		border: solid 1px #CCCCCC;
	}
	
	#details-grossier .blok1
	{
		position: relative;
		float: left;
		
		width: 253px;
		height: 32px;
		
		padding: 0px;
		margin-bottom: 8px;
	}
	
	#details-grossier .blok2
	{
		position: relative;
		float: left;
		
		width: 253px;
		height: 64px;
		
		padding: 0px;
		margin-bottom: 8px;
		color: 006699;
	}
	
	#details-grossier .blok3
	{
		position: relative;
		float: left;
		
		width: 225px;
		height: 65px;
		
		padding: 0px;
		margin: 0px;
	}
		
	/*#######################################################
  	#														#
  	#			  VERTEGENWOORDIGER ARTIKELEN				#
  	#														#
   	#######################################################*/
	
	#vertegenwoordiger
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
		
		padding: 5px;
		margin: 0px 0px 20px 0px;
			
		border: solid 1px #CCCCCC;
		background-color: #FFFFFF;
	}
	
	#vertegenwoordiger TABLE { font-size: 11px; color: #666666; }
	
	
	#vertegenwoordiger .header 
	{ 
		height: 25px;
		
		padding: 0px 3px;
		
		font-size: 11px; 
		font-weight: bold; 
		
		color: #FFFFFF;
		background: #77A2D0;
	}
	
	#vertegenwoordiger .rij
	{		
		height: 41px;
		
		padding: 5px;
		margin: 0px;
		
		background: #EEEEEE;
		border-bottom: solid 2px #FFFFFF; 
	}
	
	#vertegenwoordiger .in_ww { background: #CADBED; } 				
	#vertegenwoordiger .foto { margin-right: 5px; float: left; width: 42px; background: #FFFFFF; text-align:center;}
	#vertegenwoordiger .omschrijving { font-weight: bold; }
	#vertegenwoordiger .artikelnummer { color: #999999; }
	#vertegenwoordiger .lijn { border-top: solid 1px #FFFFFF; }
	#vertegenwoordiger .zoekrij { background-color: #E2E2E2; font-size:11px; font-weight: bold; }
	
	#vertegenwoordiger .keuzelijst
	{
		font-size: 12px;
		height: 25px;
		width: 75%;
		background: #FFFFFF;
	}
	
	#vertegenwoordiger .invoerveld
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 20px;
		width: 75%;
	}
	
	#vertegenwoordiger .button
	{
		border: solid 1px #99B5DC;
		width: auto;
		height: 23px;
		background-color:#EEEEEE;
		font-size: 11px;
		color: #2D476A;
		margin-right: 8px;
		cursor: hand;
	}
	
	/*#######################################################
  	#														#
  	#			  WINKELWAGEN OVERZICHT						#
  	#														#
   	#######################################################*/
	
	#winkelwagen
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
		
		padding: 5px;
		margin: 0px;
			
		border: solid 1px #CCCCCC;
		background-color: #FFFFFF;
	}
	
	#winkelwagen TABLE { font-size: 11px; color: #666666; }
	
	
	#winkelwagen .header 
	{ 
		height: 41px;
		
		padding: 0px 3px;
		
		font-size: 11px; 
		font-weight: bold; 
		
		color: #FFFFFF;
		background: #77A2D0;
	}
	
	#winkelwagen .rij
	{		
		height: 41px;
		
		padding: 5px;
		margin: 0px;
		
		background: #EEEEEE;
		border-bottom: solid 2px #FFFFFF; 
	}
	
	#winkelwagen .kosten
	{		
		height: 41px;
		
		padding: 5px;
		margin: 0px;
		
		font-weight: bold;
		
		background: #E5E5E5;
		border-bottom: solid 2px #FFFFFF; 
	}
	
	#winkelwagen .totaal
	{		
		height: 41px;
		
		padding: 5px;
		margin: 0px;
		 
		font-weight: bold;
		
		background: #DBE6F2;
		border-bottom: solid 2px #FFFFFF; 
	}
	
	#winkelwagen .foto { margin-right: 5px; float: left; width: 42px; background: #FFFFFF; text-align:center;}
	#winkelwagen .omschrijving { font-weight: bold; }
	#winkelwagen .artikelnummer { color: #999999; }
	#winkelwagen .lijn { border-top: solid 1px #FFFFFF; }
	#winkelwagen .lijn-dikker { border-top: solid 3px #FFFFFF; }
	#winkelwagen .lijn-header { border-bottom: solid 3px #FFFFFF; }
	
	#winkelwagen .keuzelijst
	{
		font-size: 12px;
		height: 25px;
		width: 90%;
		background: #FFFFFF;
	}
		
	/*#######################################################
  	#														#
  	#			  		KLANTGEGEVENS						#
  	#														#
   	#######################################################*/
	
	#klantgegevens
	{
		position: relative;
		float: left;

		width: 100%;
		height: auto;
		
		padding: 10px;
		margin-bottom: 4%;
		
		/*background-color: #FFFFFF;	
		border: solid 1px #CCCCCC;*/
		
		border: dotted 1px #999999;
		background-color: #F5F9FC;
	}
	
	#bedrijfsgegevens 	{ position: relative; float: left; width: 48%; margin: 0 4% 0 0; }
	#contactpersoon 	{ position: relative; float: left; width: 48%; margin: 0; }
	#leveradres			{ position: relative; float: left; width: 48%; margin: 0 4% 0 0; }
	#factuuradres		{ position: relative; float: left; width: 48%; margin: 0; }
	#betaalwijze		{ position: relative; float: left; width: 48%; margin: 0 4% 0 0; }
	#betaalgegevens		{ position: relative; float: left; width: 48%; margin: 0; }
	#opmerkingen		{ position: relative; float: left; width: 100%; margin: 0; }
	#kopie_debiteur		{ position: relative; float: left; width: 100%; margin: 0; }
	#akkoordverklaring	{ position: relative; float: left; width: 100%; margin: 0; }
	
	#duitenformulier 	{ position: relative; float: left; width: 48%; margin: 0 4% 0 0; }
	#duitenvoorbeeld 	{ position: relative; float: left; width: 48%; margin: 0; }
	
	#ww_oud 			{ position: relative; float: left; width: 48%; margin: 0 4% 0 0; }
	#ww_nieuw 			{ position: relative; float: left; width: 48%; margin: 0; }
		
	#klantgegevens .bloktitel
	{
		color: #006699;
		font-weight: bold;
		font-size: 14px;
		padding: 0px 0px 10px 0px;
	}
	
	#klantgegevens .formtitel
	{
		width: 45%;
		height: 20px;
		font-size: 11px;
		padding: 2px 0px;
		vertical-align: middle;
		
		font-weight: bold;
		color: #666666;
	}
	
	#klantgegevens .formveld
	{
		width: 55%;
		height: 20px;
		font-size: 12px;
		padding: 2px 0px;
		vertical-align: top;
		
		color: #666666;
	}
	
	#klantgegevens .invoerveld
	{
		font-size: 11px;
		/*font-weight: bold;*/
		color: #666666;
		border: solid 1px #D0DCE6;
		height: 22px;
		width: 94%;
	}
	
	#klantgegevens .tekstveld
	{
		font-size: 12px;
		color: #666666;
		border: solid 1px #D0DCE6;
		height: 100px;
		width: 100%;
	}
	
	/*#######################################################
  	#														#
  	#			  		MIJN JOHNTOY						#
  	#														#
   	#######################################################*/
	
	#mijn-johntoy
	{
		position: relative;
		float: left;
		
		width: 100%;
		min-height: 400px;
		height: auto !important;
		height: 400px;
	
		font-size: 12px;
		color: #006599;
	}
	
	#mijn-johntoy #mijn-blok
	{
		position: relative;
		float: left;
		
		width: 265px;
		height: 230px;
		
		margin-bottom: 20px;
		padding: 10px;
		
		border: dotted 1px #999999;
		
		background-color: #F5F9FC;
		/*background-image: url(/site/images/bg_mijnjohntoy_blok.jpg);
		background-repeat: repeat-x;*/
	}
	
	#mijn-johntoy .margin-right { margin-right: 20px; }
	
	#mijn-blok .titel
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 17px;
		
		margin-bottom: 10px;
		
		font-size: 14px;
		font-weight: bold;
		
		color: #006599;
	}
	
	#mijn-blok .content
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 135px;
		
		margin-bottom: 10px;
		
		line-height: 17px;
	}
	
	#mijn-blok .links
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 17px;
		
		line-height: 17px;
	}
	
	#mijn-johntoy a, .terug { color:#006699; font-size: 12px; text-decoration:underline; }
	#mijn-johntoy .bull, .bull { font-size: 13px; color: #006699; }
	
	#mijn-blok TABLE { font-size: 12; color: #006599; }
	
	#mijn-blok .td-kop { width: 50%; font-weight: bold; }
	#mijn-blok .td-tekst { width: 50%; }
	
	#mijn-johntoy-overzicht,
	#geschenken-overzicht,
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
		
		padding: 5px;
		margin: 0px;
			
		border: solid 1px #CCCCCC;
		background-color: #FFFFFF;
	}
	
	#mijn-johntoy-overzicht TABLE { font-size: 11px; color: #006599; }
	#geschenken-overzicht TABLE { font-size: 12px; color: #006599; }
	
	#mijn-johntoy-overzicht .header,
	#geschenken-overzicht .header
	{ 
		height: 30px;
		
		padding: 0px 3px;
		
		font-size: 11px; 
		font-weight: bold; 
		
		color: #FFFFFF;
		background: #9BB5D0;
	}
	
	#mijn-johntoy-overzicht .rij,
	#geschenken-overzicht .rij
	{		
		height: 30px;
		
		padding: 5px;
		margin: 0px;
		
		background: #EEEEEE;
		border-bottom: solid 2px #FFFFFF; 
	}
			
	#mijn-johntoy-overzicht .lijn, #geschenken-overzicht .lijn { border-top: solid 1px #FFFFFF; }
	
	#mijn-johntoy-overzicht .rij-totaal
	{		
		height: 30px;
		
		padding: 5px;
		margin: 0px;
		
		background: #EEEEEE;
		border-bottom: solid 2px #FFFFFF; 
	}
	
	#mijn-johntoy #details
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
			
		color: #666666;
		text-decoration: none;
	}
	
	#mijn-johntoy #details .foto
	{
		position: relative;
		float: left;
		
		width: 268px;
		height: 185px;
		
		padding: 9px;
		margin-right: 15px;
						
		border: solid 1px #CCCCCC;
		
		background-position: center;
		background-repeat: no-repeat;
		
	}
	
	#mijn-johntoy #details .details
	{
		position: relative;
		float: left;
		
		width: 253px;
		height: 32px;
		
		padding: 0px;
		margin-bottom: 8px;
	}
	/* alle geschenken overzicht */
	
	#mijn-johntoy #alle_geschenken
	{
		position: relative;
		float: left;
		
		width: 168px;
		height: 190px;
		max-height: 190px !important;
		
		padding: 9px;
		margin: 3px;
		
		cursor: hand;
		
		color: #666666;
		text-decoration: none;
				
		border: solid 1px #FFFFFF;
	}
	
	#mijn-johntoy #alle_geschenken:hover
	{
		position: relative;
		float: left;
		
		width: 168px;
		height: 190px;
		max-height: 190px !important;
		
		padding: 9px;
		margin: 3px;
		
		cursor: hand;
		
		color: #029FF0;
		text-decoration: none;
		
		border: solid 1px #CCCCCC;
	}
	
	#mijn-johntoy #alle_geschenken .foto
	{
		position: relative;
		float: left;
		
		width: 150px;
		height: 99px;
		
		margin-bottom: 10px;
	}
	
	#mijn-johntoy #alle_geschenken .omschrijving
	{
		position: relative;
		float: left;
		
		margin-bottom: 10px;
		
		width: 150px;
		height: 32px;
		max-height: 32px !important;
		
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 13px;
	}
	
	#mijn-johntoy #alle_geschenken .punten
	{
		position: relative;
		float: left;
		
		margin: 0px;
		
		width: 150px;
		height: 19px;
		max-height: 19px !important;
		
		color: #333333;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		font-size: 16px;
	}
	
	/*	ACTIEPAGINA		
	 	_____________________________________________________________________ */
		
		#background
		{
			position: absolute;
			top: 0px;
			left: 0px;
			
			width: 100%;
			height: 100%;
			
			z-index: 1;
			
			opacity: 0.60; 
			filter: alpha(opacity=60); 
			-moz-opacity: 0.60;
					
			background: #000000;
		}		
		
		#actiepagina
		{
			position: absolute;
			left: 50%;
			top: 50%;
			
			z-index: 1;
						
			width: 605px;
			height: 580px;
					
			margin: -280px auto auto -300px;
			
			font-size: 12px;
			text-align: left;
			color: #014687;
			
			background-color: #FDFDFD;
			border: double 5px #FFFFFF;
		}
	
		#actiepagina a, a:hover { color: #FF6600; }
				
		#actiepagina #ster
		{
			position: absolute;
			top: 0px;
			left: 0px;
			
			z-index: 2;
						
			width: 203px;
			height: 203px;
		}
		
		#actiepagina #sluiten
		{
			position: absolute;
			top: 10px;
			right: 10px;
			
			z-index: 2;
						
			width: 23px;
			height: 23px;
			
			cursor: hand;
		}
		
		#actiepagina #titel
		{
			position: absolute;
			top: 83px;
			left: 0px;
			
			z-index: 1;
						
			width: 595px;
			height: 35px;
			
			padding: 0px 0px 0px 300px;
			
			font-size: 20px;
			color: #FFFFFF;
			line-height: 35px;
			
			background-image: url(../images/actiepagina.titel.jpg);
			background-repeat: repeat-x;
		}
		
		#actiepagina #prijs
		{
			position: absolute;
			left: 40px;
			
			z-index: 3;
			
			height: auto;
		}
		
		.oud 	{ top: 243px; width: 160px; font-size: 16px; text-align: right; }
		.nieuw 	{ top: 265px; width: auto; font-size: 30px; text-align: left; }
		.btw 	{ top: 305px; width: 160px; font-size: 12px; text-align: right; color: #999999; }
		
		.rood 	{ color: #E6001F; }
		.doorstrepen { text-decoration: line-through; }
		
		#actiepagina #opsomming
		{
			position: absolute;
			top: 348px;
			left: 20px;
			z-index: 4;
			
			width: 205px;
			height: 124px;
			
			font-size: 12px;
		}
				
		#actiepagina #omschrijving
		{
			position: absolute;
			top: 143px;
			left: 286px;
			
			z-index: 5;
			
			width: 268px;
			height: auto;
		}
		
		#actiepagina #afbeelding
		{
			position: absolute;
			top: 183px;
			left: 286px;
			
			z-index: 5;
			
			width: 268px;
			height: 268px;
			
			margin: 20px 40px 40px 0px;
		}
		
		#actiepagina #confirm,
		#actiepagina #aantal
		{
			position: absolute;
			top: 510px;
			left: 40px;
			padding: 10px;
			z-index: 6;
			
			width: 500px;
			height: auto;
			
			font-size: 20px;
			text-align: center;
			
			color: #FFFFFF;
			background: #FF6600;
		}
		
		#actiepagina #confirm .confirmtext, 
		#actiepagina #aantal .aantaltext { margin-right: 20px;}
		
		#actiepagina #confirm .confirm,
		#actiepagina #aantal .ok
		{
			border: solid 1px #FFFFFF;
			width: 50px;
			height: 26px;
			background-color:#FF6600;
			font-size: 13px;
			font-weight: bold;
			color: #FFFFFF;
			cursor: hand;
		}
		
		#actiepagina #aantal .aantalkeuze
		{
			font-size: 16px;
			color: #FFFFFF;
			background: #FF6600;
			border: solid 1px #FFFFFF;
			height: 20px;
			width: 100px;
		}