/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl

	
	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT Jaarsma & De Boer B.V.	;-) 	*/


/* ontwikkeld tbv de website www.decrealisten.nl - september 2005 - FdB */






body		{
			text-align:center;
			padding: 0;
			margin: 0;
			font: 11px arial; 
			color: #0c2677; 			
			background: #FFCC00 url(../images/back.jpg);
			background-repeat: repeat-x; 		
			
			scrollbar-arrow-color: #000000;
			scrollbar-base-color: white;
			scrollbar-shadow-color: #000000;
			scrollbar-highlight-color: #000000; 
			scrollbar-3dlight-color: white;
			scrollbar-darkshadow-color: white; 
			scrollbar-track-color: white;
			scrollbar-face-color: white;
			}
			
.container 		{
				width: 920px;
				background: #9FCB3A url(../images/achtergrond_schaduw.gif);
				margin: auto;	
				}
			
.linkerkolom 	{
				width: 200px;
				float: left;
				padding-left: 10px;
				}						
			
.menu			{
				width: 200px;
				background-color: #807F84;
				}

.blokje			{
				width: 18px;
				height: 20px;
				background-color: #B267AA; 
				border-bottom: 1px solid #ffffff;
				}
.blokje-2	{
	width: 18px;
	height: 20px;
	background-color: #FF6666;
	border-bottom: 1px solid #ffffff;
				}
.blokje-3{
	width: 18px;
	height: 20px;
	background-color: #00923F;
	border-bottom: 1px solid #ffffff;
				}
.blokje-4{
	width: 18px;
	height: 20px;
	background-color: #DD127B;
	border-bottom: 1px solid #ffffff;
				}
.blokje-5	{
	width: 18px;
	height: 20px;
	background-color: #EF9A49;
	border-bottom: 1px solid #ffffff;
				}
.blokje-6{
	width: 18px;
	height: 20px;
	background-color: #F8C301;
	border-bottom: 1px solid #ffffff;
				}
.blokje-7	{
	width: 18px;
	height: 20px;
	background-color: #0093DD;
	border-bottom: 1px solid #ffffff;
				}			


.hoofdnavigatie				{ border-left: 1px solid #ffffff;margin-left: 18px; width: 181px; display: block;padding-top: 2px; padding-bottom: 3px;padding-left: 3px; font-size: 12px;background-color: #999999; color: #ffffff; }
.hoofdnavigatie:link  		{ color: #ffffff; text-decoration: none; }
.hoofdnavigatie:visited  	{ color: #ffffff; text-decoration: none; }
.hoofdnavigatie:active  	{ color: #ffffff; text-decoration: none; }
.hoofdnavigatie:hover 		{ text-decoration: none; color: #000000;} 
			
.subnavigatie				{ border-bottom: 1px solid #ffffff; display: block; padding-top: 2px; padding-bottom: 3px;padding-left: 22px; font-size: 12px;background-color: #F1F2F1; color: #999999; }
.subnavigatie:link  		{ color: #999999; text-decoration: none; }
.subnavigatie:visited  		{ color: #999999; text-decoration: none; }
.subnavigatie:active  		{ color: #999999; text-decoration: none; }
.subnavigatie:hover 		{ text-decoration: none; align: right; margin-left: 0px;  color: #000000;} 

.adres			{
				background-color: #807F84;
				text-align: left;
				vertical-align: bottom;
				padding-bottom: 4px;
				padding-top: 50px;
				padding-left: 20px;
				font-size: 11px;
				color: #ffffff; 
				}
			
.emaillink			{ color: #ffffff; }
.emaillink:link  	{ color: #ffffff; text-decoration: none;}
.emaillink:visited  { color: #ffffff; text-decoration: none;}
.emaillink:active  	{ color: #ffffff; text-decoration: none;}
.emaillink:hover 	{ color: #ffffff; text-decoration: underline;} 
			
.contentkolom 	{
				width: 584px; 
				background-color: #ffffff; 	
				float: left;
				}
				

.headerSweets			{
				width: 584px; 
				height: 100px;	
				float: left;
				background: #ffffff url(../images/visualtop_sweets.jpg);
				}
.headerAdvertising			{
				width: 584px; 
				height: 100px;	
				float: left;
				background: #ffffff url(../images/visualtop_advertising.jpg);
				}
				
.headerLighters			{
				width: 584px; 
				height: 100px;	
				float: left;
				background: #ffffff url(../images/visualtop_lighters.jpg);
				}				
.headerGames			{
				width: 584px; 
				height: 100px;	
				float: left;
				background: #ffffff url(../images/visualtop_games.jpg);
				}
.headerTextiles			{
				width: 584px; 
				height: 100px;	
				float: left;
				background: #ffffff url(../images/visualtop_textiles.jpg);
				}	
.headerPens			{
				width: 584px; 
				height: 100px;	
				float: left;
				background: #ffffff url(../images/visualtop_pens.jpg);
				}				
				
.paginatitel	{
				padding-left: 12px;
				padding-top: 40px;
				font-size: 18px;
				color: #003399;
				font-weight: bold;
				}
				
.vlaggenbalk	{
				width: 584px; 
				height: 19px;	
				float: left;
				background-color: #f1f2f1;
				text-align: right;
				}

.vlaggen		{
				padding-top: 2px;
				}
				
.vlaggen img	{
				margin-right: 6px;
				}
				
.content		{
				padding-left: 12px;
				padding-right: 12px;
				font-size: 12px;
				color: #807f84;
				line-height: 175%;}
				
.titel			{
				padding-bottom: 12px;
				padding-top: 16px;
				font-size: 22px;
				color:#B267AA;
				font-weight: bold;
				}
				

.produkt1 {width: 135px; float: left; padding-right: 3px;}
.produkt1 img {border: 1px solid #807f85;width: 135px; height: 135px; cursor : hand;}

.produkt2 {width: 135px; float: left; padding-right: 3px;}
.produkt2 img {border: 1px solid #807f85;}

.produkt3 {width: 135px; float: left; padding-right: 3px;}
.produkt3 img {border: 1px solid #807f85;}

.produkt4 {width: 135px; float: left; padding-right: 3px;}
.produkt4 img {border: 1px solid #807f85;}

.afsluiter		{height: 25px; width: 500px;}
								
.zwartekolom 	{
				width: 16px;
				background-color: #000000;	float: left;
				}
				
.rechterkolom 	{
				width: 10px;
			 	padding-right: 10px;	
				float: left;
				}
				
.artikelzoeken-form			{
				text-align: left;
				vertical-align: bottom;
				padding-bottom: 4px;
				padding-top: 50px;
				padding-left: 20px;
				font-size: 11px;
				color: #ffffff; 
				}


.artikelzoeken {
	width: 142px;
	height: 22px;
	background-color: #999999;
	border: white 1px solid;
	border-right: 0px;
	color: white;
	font-size: 10px;
	font-weight: normal;
	float: left;
} 

.button-zoeken {
	color: white;
	font-size: 10pt;
	font-weight: normal;
	float: left;
} 

.editorlink			{ color: #807f84;}
.editorlink:link  	{ color: #807f84;}
.editorlink:visited { color: #807f84;}
.editorlink:active  { color: #807f84;}
.editorlink:hover 	{ color: #807f84;} 

.verplicht{
	font-size : 18pt;
	color: #A1E728;
}

.submit{
	background-color: #A1E728;
	color: #807F84;
	font-weight : bold;
	font: 12px arial;
}.blokje-1 {
	width: 18px;
	height: 20px;
	background-color: #00CC66;
	border-bottom: 1px solid #ffffff;
}
.blokje-8 {
	width: 18px;
	height: 20px;
	background-color: #B8DC7C;
	border-bottom: 1px solid #ffffff;
}
.blokje-10 {
	width: 18px;
	height: 20px;
	background-color: #FF0033;
	border-bottom: 1px solid #ffffff;
}
.blokje-11 {
	width: 18px;
	height: 20px;
	background-color: #0000CC;
	border-bottom: 1px solid #ffffff;
}
.blokje-12 {
	width: 18px;
	height: 20px;
	background-color: #660000;
	border-bottom: 1px solid #ffffff;
}
.blokje-13 {
	width: 18px;
	height: 20px;
	background-color: #003300;
	border-bottom: 1px solid #ffffff;
}
.blokje-14 {
	width: 18px;
	height: 20px;
	background-color: #3300FF;
	border-bottom: 1px solid #ffffff;
}
.blokje-15 {
	width: 18px;
	height: 20px;
	background-color: #234567;
	border-bottom: 1px solid #ffffff;
}
.blokje-16 {
	width: 18px;
	height: 20px;
	background-color: #FF99FF;
	border-bottom: 1px solid #ffffff;
}
.blokje-17 {
	width: 18px;
	height: 20px;
	background-color: #993300;
	border-bottom: 1px solid #ffffff;
}
.blokje-9 {
	width: 18px;
	height: 20px;
	background-color: #CCCCFF;
	border-bottom: 1px solid #ffffff;
}