/*************************************

 Copyright I-Folks - 2007
 ecowerf.be
 
 CONTENT
 -------
 01. PAGE STRUCTURE
 02. 
 
*************************************/




/*---------------------------------------------------------- @ PAGE STRUCTURE -------*/

body { background-color: white; font: 12px/15px Arial, Helvetica, sans-serif;
       /* scrollbar colors */
	   scrollbar-3dlight-color: #496e01;
	   scrollbar-arrow-color: white;
	   scrollbar-base-color: #9ac744;
	   scrollbar-darkshadow-color: #496e01;
	   scrollbar-face-color: #9ac744;
	   scrollbar-highlight-color: #9ac744;
	   scrollbar-shadow-color: #9ac744;
	   scrollbar-track-color: white;
}

ul { list-style-image: url(images/blokje.gif); list-style-position: outside; margin: 0 10px; padding: 0; }

img, img a { border: 0; }
img.border, img.border a { border: 1px solid black; }

h1 { color: #496e01; font-size: 16px; margin-bottom: 10px; }
h1 .titellichtgroen { color: #9ac744; font-size: 16px; }
h2 { color: #35A2BD; font-size: 12px; margin: 0; }
h3 {
	text-align: left;
	font-size: 12px;
	color: #000000;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
}

input { font-size: 12px; vertical-align: middle; }

dt { font-weight:bold; }

hr { border: thin; color: #000000; height: 1px; text-align: center; width: 300px; }

/* IETS */

#achtergrond {
	background: #fff;
	width: 779px;
	/*width: 800px;/*MENNO*/
	text-align: left;
	position: absolute;
	left: 50%;
	margin-left: -400px;
}

#sfeerbeeld {
	background-image: url(images/hoofdbalkboven.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 156px;
	width: 779px;
	float: left;
}

.zoekknop {
	border: 0;
	vertical-align: middle;
}

div.logo {
	background-image: url(images/logo.jpg);	
	background-repeat: no-repeat;
	width: 169px;
	height: 67px;
	margin-left: 62px;
	margin-top: 46px;
}

#linkerblok {
	background-image: url(images/linkerbalk.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 146px;
	width: 136px;/*MENNO*/
	height: 553px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

#tekstvlak {
	background-image: url(images/tekstvlak.jpg);
	background-repeat: no-repeat;
	/*width: 462px;*/
	width: 442px;/*MENNO*/
	height: 0;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 5px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
}

#tekst {
	width: 432;
}

div.interntekstvlaklinks {
	background-color: #fff;
	background-repeat: no-repeat;
	width: 210px;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.interntekstvlakrechts {
	background-color: #fff;
	background-repeat: no-repeat;
	width: 211px;
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.vlakboven {
	background-image: url(images/vlakboven.gif);	
	background-repeat: no-repeat;
	width: 211px;/*groeneblok*/
	height: 6px;
	overflow: hidden;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

div.vlakfoto {
	background-image: url(images/vlakfoto.jpg);	
	background-repeat: no-repeat;
	width: 211px;
	height: 71px;
	margin: 0;
}

div.vlakmidden {
	background-color: #EBF6E6;
	width: 211px;
	width: 196px;/*MENNO*/
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	margin: 0;
	border-bottom: 1px solid #EBF6E6;
}

div.vlakonder {
	background-image: url(images/vlakonder.gif);	
	background-repeat: no-repeat;
	width: 211px;
	height: 6px;
}

div#rechterblok {
	background-image: url(images/rechterbalk.jpg);
	background-repeat:no-repeat;
	float: right;
	width: 171px;
	height: 553px;
	margin: 0;
}

div.subboven {
	background-image: url(images/subboven.gif);	
	background-repeat: no-repeat;
	width: 157px;
	height: 14px;
	margin: 0;
	margin-top: 5px;
}

div.submidden {
	background-color: #EBF6E6;
	width: 157px;
	width: 142px;/*MENNO*/
	padding-left: 10px;
	padding-top: 0;
	padding-right: 5px;
	margin: 0;
	border-bottom: 1px solid #ebf6e6; /*Opera & FFX hack*/
}

div.subonder {
	background-image: url(images/subonder.gif);	
	background-repeat: no-repeat;
	width: 157px;
	height: 14px;
	margin: 0;
}

/* TOPNAVIGATIE */

#topnavigatie {
	background-image: url(images/topnavigatie.jpg);
	background-repeat: no-repeat;
	margin-right: 0;
	margin-left: 277px;
	width: 473px;
	height: 57px;
}

#topnavigatie {	
	font-weight: bold;
	padding-left: 17px;
	padding-top: 17px;
	word-spacing: 2px;
	padding-bottom: 15px;
}

#topnavigatie a {
	color: #000;
	text-decoration: none;
}


/* LINKERNAVIGATIE */

ul#navigatie {
	color: #496E01;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 15px 0 0 15px;
	font-weight : bold;
}
ul#navigatie li{
	background-image: url(images/listnav.gif);
	background-position: right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #9ac745;
	padding: 7px 0;
	position: relative;
}
ul#navigatie li a {
	text-transform: uppercase;
	display: block;
	width: 110px;
	background-color: #EBF6E6;
}
ul#navigatie li a:link {
	color: #496E01;
	text-decoration:none;
}
ul#navigatie li a:visited {
	color: #496E01;	
	text-decoration:none;
}
ul#navigatie li a:hover {
	color: #496E01;	
	text-decoration:none;
}
ul#navigatie li a:active {
	color: #496E01;
	text-decoration:none;
}
ul#navigatie li div.subnavigatie {
	position: absolute;
	left: 130px;
	top: -5px;
	width: 157px;
	z-index: 5;
	display: none;
}
ul#navigatie li div.subnavigatie div.subboven {
	background-image: url(images/subboven.gif);	
	background-repeat: no-repeat;
	height: 14px;
	margin: 0px;
}
ul#navigatie li div.subnavigatie ul {
	list-style-image: none;
	list-style-type: none;	
	padding: 0px;
	margin: 0px;
	background-color: #ebf6e6;
}
ul#navigatie li div.subnavigatie div.subonder {
	background-image: url(images/subonder.gif);	
	background-repeat: no-repeat;
	height: 14px;
	margin: 0px;
}
ul#navigatie li div.subnavigatie ul li {
	border-bottom: 1px solid #35a2bd;
	padding: 0px;
	margin: 0px 9px 0px 9px;
	background-image: url(images/subnav.gif);
	background-position: right;
	background-repeat: no-repeat;
}
ul#navigatie li div.subnavigatie ul li a {
	text-transform: none;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	padding: 3px 20px 3px 0px;
}
ul#navigatie li div.subnavigatie ul a:link {
	color: #35a2bd;
	text-decoration: none;
}
ul#navigatie li div.subnavigatie ul a:visited { color: #35a2bd; text-decoration: none; }
ul#navigatie li div.subnavigatie ul a:hover { color: #86C7D7; text-decoration: none; }
ul#navigatie li div.subnavigatie ul a:active { color: #35a2bd; text-decoration: none; }
ul#navigatie li div.subnavigatie div.subnavigatie { left: 152px; top: -14px; }
ul#navigatie li.selected div.subnavigatie { display: block; }
ul#navigatie li.selected div.subnavigatie div.subnavigatie { display: none; }
ul#navigatie li.selected div.subnavigatie ul li.selected div.subnavigatie { display: block; }
ul#navigatie li.selected div.subnavigatie ul li.selected div.subnavigatie div.subnavigatie { display: none; }
ul#navigatie li.selected div.subnavigatie ul li.selected div.subnavigatie ul li.selected div.subnavigatie { display: block; }

hr.navigatie {
	border: thin;
	width: 120px;
	text-align: left;
	color: #72BD4F;
	height : 1px;
	margin-left: 0px;
}

.rechterblok ul {
	list-style-image: url(images/pijl.gif);
	list-style-position: outside;
	margin: 0;
	padding: 0;
	margin: 5px 0 5px 15px;
}

a { color: #496e01; }


div.groeneblok {
	background-color: #9ac745;
	width: 157px;
	width: 147px; /*MENNO*/
	padding: 10px 0 10px 10px;
	margin-top: 5px;
	font-weight: bold;
	color: #FFFFFF;
}

div.groeneblok a {
	font-weight: bold;
	color: #FFFFFF;
}

a.leesmeer { color: #35a2bd; font-weight: bold; }
a.leesmeer:visited, a.leesmeer:hover, a.leesmeer:active { color: #22758A; }

.tekstvlak table { border-collapse: collapse; }
.tekstvlak table td { border: 1px solid #496E01; padding:5px; }

.tekstvlak td.witteborder {
	border-left:#fff solid 1px;
	border-right:#fff solid 1px;
	text-align:right;
}

.tekstvlak td.sorteerwijzertitel { background: #9ac745; font-weight: bold; }

div.alfabet { word-spacing:5px; }
div.alfabet a { color: #496E01; text-decoration:none; }

div.border { border: 1px solid black; padding: 5px; }

div.center { text-align: center; }

.imagemargin { margin: 5px; }

table.form { background: #EEEEEE; border: 3px solid #9ac745; }
table.form td { border: 0; padding: 2px 2px 2px 5px; }

/* SORTEERWIJZER */
table.tabelranden { background: #9ac744; }
table.tabelranden td { background: white; padding: 2px; vertical-align: top; }
table.tabelranden td.tabelrandenaz { background: white; padding: 2px; vertical-align: middle; text-align:center; }
table.tabelranden td.tabelrandentitel { background: white; padding: 2px; vertical-align: top; }

table.tabelranden th { background: white; padding: 2px; vertical-align: top; }

table.tabelranden td.tabelrandentitel { background: #9ac744; font-weight: bold; font-size: 14px; }
.sub { vertical-align: sub; }

/* GLASBOLLEN */

.gbhoofding
{	color: #A59C9E;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase; 
}

.gbhoofding2
{	color: #639C63;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase; 
}

.gbtb1
{ 	background: #669966 url(images/greenBG.jpg) no-repeat;
	color: white; 
	padding: 18px 4px 4px; 
	font-size: 11px;	
}

.gbtb2
{	background: #993333;
	color: white;
	padding: 4px 4px 4px;
	font-size: 11px;
}

.gbtb2a
{	background: #993333 url(images/redBG.jpg) no-repeat;
	color: white;
	padding: 18px 4px 4px;
	font-size: 11px;	
}

.attention
{	color: #993333;
	margin-top: 45px;
	font-size: 11px;	
}

.attentionbelangrijk
{	color: #993333;
	margin-top: 45px;
	background: #993333;
	color: white;
	font-size: 11px;	
}