/***********************************************/
/* ALGEMEEN (center page, margins, width)      */
/***********************************************/ 
* {
	margin: 0px;
	padding: 0px;
}
body{
	background-color: #cccccc;
	text-align:center;
	font-family: Arial,sans-serif;			
	line-height: 1.166;	
	font-size: 90%;
}
#outer {
	position:relative;
	width: 990px;
	margin: 0 auto;
	text-align:left;	
	background-color:#FFFFFF;

}


/***********************************************/
/* ALGEMEEN 2 (links, headings, lists)         */
/***********************************************/ 

p {
	font-size:0.9em;
	padding: 10px 10px 10px 10px;
	text-align:justify;
}

a{
	color: #009036;
	text-decoration: none;
	font-weight:bold;
}

a:link{
	color: #009036;
	text-decoration: none;
}

a:visited{
	color: #009036;
	text-decoration: none;
}

a:hover{
	color: #009036;
	text-decoration: underline;
}

.bron {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
	font-size:10px;
	color:#009036;
}


h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #333333;
 margin: 0px;
 padding: 10px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #009036;
 margin: 10px 5px 0px 0px;
 padding: 10px;
}

h3{
	clear: both;
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #333333;
 margin: 0px;
 padding: 10px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

ol{
 font-size:0.9em;
	margin-left:20px; 
}
ul{
 font-size:0.9em;
	margin-left:20px; 
}

li{
	margin-left:25px;
	line-height:1.5em;
}

.index{
	list-style-image:url(/images/bullet.gif);
	line-height:1.5em;
}

table {
	margin: 10px 10px 10px 10px;
}

th {
padding:3px 3px 3px 3px;
	font-size:9px;
	font-weight:bold;
	color: #eeeeee;
	background-color: #009036;
}

td {
	font-size: 10px;
}

plaatje_links {
	float: left;
	margin: 10px 10px 10px 10px;
}

.top10 {
background-color:#FFFF00;
font-weight:bold;
}
/***********************************************/
/* DIV's (kop, main, linkerkolom, content)     */
/***********************************************/ 

#kop{
	position:relative;
	padding: 0 0 0 10px;
	height:76px;
	background:	#FFFFFF no-repeat url(images/kop.gif)
}

#main{
	position:relative;
	width: 990px;
	background-image:url(images/achter.gif);	
	
}
#linkerkolom{
	float: left;
	width: 200px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#content{
	float: right;

	padding: 10px 10px 10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	width: 750px;
}




/************* #navigatiebalk **************/

#a-label{
	position:absolute;
 	top: 33px; left: 695px;
 	height:82px;
 	width: 61px;
 	background-image:url(images/A-label.gif);
	background-repeat:no-repeat;
	z-index:200;
}

#zoekveld{
	position:absolute;
 	top: 20px; left: 800px;
 	height:40px;
 	width: 150px;
	z-index:100;
	text-align: right;
}

.aplus {
	position: relative;
	float: left;
 	top: -30px; left: 75px;
 	height:42px;
 	width: 33px;
 	background-image:url(images/aplus.gif);
	background-repeat:no-repeat;
	z-index:200;
}

.agewoon {
	position: relative;
	float: left;
 	top: -30px; left: 75px;
 	height:42px;
 	width: 33px;
 	background-image:url(images/agewoon.gif);
	background-repeat:no-repeat;
	z-index:200;
}

#navigatiebalk {
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	background-color:#009134;
	height:20px;
	color: #FFFFFF;	
	vertical-align: middle;
}

#navigatiebalk a {
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;
	color: #FFFFFF;
	text-decoration:none;
}

#navigatiebalk a:hover {
	background-color:#FFFFFF;
	color:#009134;	
}

/************* #breadcrumb **************/

#breadcrumb {
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	background-color:#FFFFFF;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	color: #000000;
}

#breadcrumb a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #009036;
	text-decoration:none;
}

#breadcrumb a:hover {
	background-color:#FFFFFF;
	color:#000000;	
}


/******* LINKERKOLOM *******/

/**#navBar link styles ***********/

#linkerkolom ul a:link, #linkerkolom ul a:visited {display: block;}
#linkerkolom ul {list-style: none; margin: 0px 0px 0px -20px; padding: 0; font-size:12px;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#linkerkolom li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #linkerkolom li {border-bottom: none;}


/* ----------- linkerkolom: menu_niveau1 ---------------- */
.menu_niveau1 {
	position: relative;
	float: left;
	width: 200px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: .8em;
}
.menu_niveau1 h3{
	padding: 10px 0px 2px 10px;
}
.menu_niveau1 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
.menu_niveau1 a:hover{
	background-color: #dddddd;
}

/* ----------- linkerkolom: menu_niveau2 ---------------- */

.menu_niveau2 {
	position: relative;
	float: left;
	width: 200px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: .8em;
}
.menu_niveau2 h3{
	padding: 10px 0px 2px 10px;
}
.menu_niveau2 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 0px 10px 2px 10px;
}
.menu_niveau2 a:hover{
	background-color: #dddddd;
}

/* ----------- linkerkolom: menu_niveau3 ---------------- */

.menu_niveau3 {
	position: relative;
	float: left;
	width: 200px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: .8em;
}
.menu_niveau3 h3{
	padding: 10px 0px 2px 10px;
}
.menu_niveau3 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}
.menu_niveau3 a:hover{
	background-color: #dddddd;
}
/* ----------- linkerkolom: advertentiebalk ---------------- */
.linkeradv {
	position: relative;
	margin-top: 25px;
	float: left;
	width: 200px;
	height: 100%;
	font-size: .8em;
	text-align:center;
}

#ads_links {
	position: relative;
	margin-top: 5px;
float: left;
	width: 200px;
	height: 100%;	
	text-align:center;
	margin-bottom: 10px;
}

#ads_rechts {
	width:160px;
  	float:right;
	text-align:right;
}

#ads_onder {
	clear:both;
	position: relative;
	text-align:center;
		padding-top:20px;
	margin-top: 20px;
	margin-bottom: 10px;
	width:580px;
}


/******* CONTENT (RECHTS) *******/





#content_tekst{
	width: 580px;
  	float:left;
	
}
#content_adv {
width:160px;
  	float:right;
	text-align:right;
}

#plaatjes_reeks {
	float: left;
	padding: 10px 10px 0px 0px;
}

.plaatje_links {
	float: left;
	margin: 0px 0px 10px 0px;
}

.plaatje_rechts {
	float: right;
	margin: 0px 0px 0px 10px;
}
#inhoudsopgave {
	float: left;
	padding: 10px 10px 0px 0px;	
}

/******* WINKEL *******/
.product_table {
float:left;
cellpadding:0px;
cellspacing:0px;
width:250;
margin-left: 0px 0px 0px 0px;
}

.product_omschrijving {
width:150px;
font-size:10px;
background-color:#eeeeee;
}

.product_table p{
text-align:left;
}

/************* FOOTER **************/

.footer {
	
	clear: both;
	position: relative;
	border: 1px solid #009134;
	background-color: #009134;
	height: 30px;
}
.siteinfo{
	float:left;
	font-size: 0.7em;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.siteinfo a {
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}
.copyright {
	font-size: 0.7em;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	float:right;
}