/*****************************************
	OPMAAK VAN DE PAGINA'S
*****************************************/

body
{
	background: #EDEADD url('bg_gb.jpg') /* #6ac490 */;
	font: 10px Verdana;
	color: #9900CC;
}

body.printen
{
	background: #FFFFFF;
	margin: 0px auto;
	font: 10px Verdana;
	color: #FF0000;
}

span
{
	line-height: 20px;
}

img
{
	border: 0px;
}

/*****************************************
	Headers, Lists, Spans, Paragraphs & Anchors
*****************************************/

h1.content_top_left
{
	width: 290px;
	height: 20px;
	background: #F5F8FB;
	float: left;
	color: #F16101;
	font-size: 14px;
	font-weight: bold;
}

span.content_top_right
{
	width: 125px;
	height: 20px;
	line-height: 25px;
	_line-height: 20px;
	background: #F5F8FB url('content_bg_top.jpg') right no-repeat;
	float: right;
	color: #444444;
	text-align: right;
}

h2
{
	font-size: 11px;
	color: #444444;
	margin-bottom: 10px;
}

h3
{
	font-size: 10px;
	color: #444444;
	margin-bottom: 10px;
}

p
{
	font-size: 10px;
	color: #444444;
	margin-bottom: 10px;
	clear: left;
}


a
{
	color: #4D708A;
}

ul
{
	margin: 0px -5px 5px;
	padding-left: 20px;
}

li
{
	padding: 2px 0px;
	color: #333333;
}



/*****************************************
	     OPMAAK WEBWINKEL
*****************************************/

ul.nav_shop
{
	margin-bottom: 5px;
	padding-left: 0px;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	list-style: none;
}

ul.nav_shop li.active
{
	padding: 4px 4px;
	color: #666666;
	font: 10px Verdana;
	border-bottom: 1px solid #CCCCCC;
	background: #F7F8F9 url('nav_act_shop_bg.gif');
	height: 12px;
}

ul.nav_shop li.inactive
{
	padding: 4px 4px;
	color: #999999;
	font: 10px Verdana;
	border-bottom: 1px solid #CCCCCC;
	background: #F9F9FB;
}



/*****************************************
	     OPMAAK TABELLEN
*****************************************/

table
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 425px;
	background: #FFFFFF;
	float: left;
	clear:both;
}

th
{
	background: #EAEDF2;
	color: #333333;
	font-weight:normal;
	padding: 3px;
	text-align: left;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

td
{
	background: #FFFFFF;
	color: #333333;
	padding: 3px;
	border-top: dotted 1px #CCCCCC;
}



/*****************************************
	OPMAAK FORMULIEREN
*****************************************/

input, select, textarea
{
	font: 12px arial;
	border: 0px;
	padding: 2px 4px;
	background: #FFFFFF;
	height: 16px;
}

input 
{
	width: 412px;
	_width: 411px;
}

select 
{
	width: 424px;
	_width: 423px;
	padding: 0px
}

input.verzenden
{
	height: 22px;
	width: 424px;
	_width: 423px;
	background: #F8F9FA;
	padding: 2px;
}	

table.formulieren td
{
	border: 1px solid #CCCCCC;
	padding: 0px;
	height: 16px;
}

table.formulieren td.tekst
{
	border: 1px solid #CCCCCC;
	padding: 2px 4px;
	height: 20px;
}



/*********************************************
	     CONTACTFORMULIER
*********************************************/

table.frm_contact_kop th
{
	height: 20px;
	width: 425px;
	background: #EAEDF2;
	font: bold 12px Arial;
	border: 1px solid #CCCCCC; 
	color: #666666;
	text-align: center;
}

table.frm_contact
{
	width: 425px;
	margin: 0px;
}

table.frm_contact th
{
	font: 11px Arial;
	text-align: left;
	padding-top: 3px;
	padding-left: 4px;
	color: #333333;
}

table.frm_contact td
{
	padding: 0px;
	color: #333333;
	background: #FFFFFF;
	border-right: 1px solid #CCCCCC;
}

table.frm_contact input
{
	height: 15px;
	border: 0px;
	margin: 0px;
	background: #FFFFFF;
	padding: 2px;
}

table.frm_contact select
{
	height: 19px;
	border: 0px;	
	background: #FFFFFF;
}

table.frm_contact textarea
{
	height: 75px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 2px;
	border: 0px;
}

table.frm_contact input.verzenden
{
	height: 22px;
	width: 424px;
	_width: 423px;
	border: 0px solid #CCCCCC;
	background: #F8F9FA;
	padding: 2px;
}

.frm_verplicht
{
	background-color: #FFE0E0;
	border: 1px solid #FF8080;
}



/***************************************** 
	SHOP
*****************************************/ 
table.show_prod
{
	margin: 0px 0px 2px;
	width: 426px;
	_width: 425px;
}

table.show_prod th
{
	height: 20px;
	font-weight: bold;
	color: #627C91;
}

table.show_prod img
{
	margin:2px 2px 1px;
}

table.show_prod th.prod_pict
{
	background: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	width:100px;
	margin:0px;
	padding:0px;	
}

table.show td.prod_omsc
{
	vertical-align: top;
}



/***************************************** 
	SIFR
*****************************************/ 

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	letter-spacing: 0;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much 
narrower... your own settings may vary... any weird sizing issues you may run into 
are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1{
	visibility: hidden;
	letter-spacing: -2px;
	font-size: 10px;
	width: 275px;
	float: left;
}