/* Prowriter CMS Stylesheet */
/* Version: 1.0 | 14/02/2004 */
/* BASIC FRONTEND VERSION */
/* TEMPLATE STYLE 1 (logo - top | nav | body)*/

/* - - - - 1. MAIN SETTINGS FOR THE WEBSITE- - - - */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #FB882A;
    margin-top: 0px;
/*  background-image: url(../images/bg_site.jpg); */
}

* { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, 'Sans Serif'; line-height: 170%; }

/* default font and font size */
p, h1, h2, h3, h4, h5, h6, h7, td, tr, th, li, span, div, table
{ font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; font-size: 10pt; line-height: 170%; }

/* most imporant color settings */
p {color: #000000;  }
li {	color: #000000; }

a:link { color: #000000;  text-decoration: underline; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; font-weight: bold; }
h2, .subtitle { font-size: 130%;  font-weight: bold;}
h3, .sectiontitle { font-size: 130%; font-weight: bold;  }
h4, .introduction { font-size: 130%; font-weight: bold; }
h5, .description { font-size: 100%; font-weight: bold; }
h6, .summary { font-size: 90%; font-weight: bold; }
h7 { font-size: 100%; }
p { font-size: 100%; }
span { font-size: 100%;}
li { font-size: 100%;}
ul {  margin-bottom: 10px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin:auto;
    width: 800px;
/*  width: 1000px; */	 
}

/* HEADER */
#header  { width: 800px; }
#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

/* NAVIGATION: SUBPAGE MENU */
#header .navigation { width: 100%; border-top: Solid 1px white; height: 29px; }
#header .navigation ul { list-style-type: none; margin: 0px; }
#header .navigation li { font-size: 8pt; line-height:1.4; float: left;  border-right: Solid 1px white; }

/* passive */
#header .navigation li a,
#header .navigation li a:link,
#header .navigation li a:visited
#header .navigation li.passive a,
#header .navigation li.passive a:link,
#header .navigation li.passive a:visited { color: white; display: block; width: 104px;height:19px; padding-top: 5px; padding-bottom: 5px;  text-align: center; text-decoration: none; }
#header .navigation li.a:hover,

/* hier colore plaatsen zie beneden*/
#header .navigation li.passive a:hover { background-color:#C8E376; }

/* active en parent */
#header .navigation li.active a,
#header .navigation li.parent a,
#header .navigation li.active a:link,
#header .navigation li.parent a:link,
#header .navigation li.active a:visited,
#header .navigation li.parent a:visited {}
#header .navigation li.active a:hover { }

/* child passive */
#header .navigation li.passive-child a,
#header .navigation li.passive-child a:link,
#header .navigation li.passive-child a:visited { }
#header .navigation li.passive-child a:hover { }

/* child active */
#header .navigation li.active-child a,
#header .navigation li.active-child a:link,
#header .navigation li.active-child a:visited { }
#header .navigation li.active-child a:hover { }

/* MAIN BODY */
.breaker {    clear: both; height:0px; line-height:0px; overflow:hidden; }

/* tabelopmaak */
.tabelopmaak { width:800px;float:left;text-align: center; border-top:1px solid white; }

.tabelopmaak .left {width:420px;vertical-align: top;color:white;}
.tabelopmaak .right {width:340px;vertical-align: top; padding:20px; }

/*block element */
.block { padding:20px;vertical-align:top;border-top:1px solid white;}
/* de kleuren van de website /*

/*navigatie achterground en contactgegevens blok*/
.colora {background-color:#4B6035;}
.colora_border {border:1px #333333 solid;}

/* nieuwsitemsblok en footer  */
.colorb {background-color:#D7E9A0;}
.colorbcolor{ color:#6B0000; }

/*faq en headers */
.colorc  {background-color:#A6C150;}
.colorc h1,h2,h3,h4,h5,h6 {color:#4B6035;}
/*navigaties active*/
.colore {background-color: #BBD46F;}


/* header en rechterkolom */
.colord {background-color: #FFFFFF;}
.white_border { border:1px solid #FFFFFF;}



/*tekstkleur*/
.colorf {
	color: #6C814C;
	font-weight: bold;
}
/* end */ 

/*zwarte border */
.black_border { border:1px solid #000000;}
/* end */ 

#subparent { opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0px;top:29px;
}




/*footer */
.footer {text-align:center;width: 780px;float:left;border-top:1px solid white;height:25px;padding-left:20px;padding-top:5px;color:#475D2F;}
.footer p { font-size: 8pt; text-align:center;color:#475D2F;}

/* FIX FOR TRANSPARANT PNG IE6 */
img {
   behavior: url("pngbehavior.htc");
}
.bestel_div {width:400px;position:relative;margin-bottom:10px;}
.i {vertical-align:top;padding:5px;}
.bestel_onderdeel {width:380px;position:relative;border-bottom:1px solid #4B6035;padding:10px;padding-left:30px;background-color:#D7EF8D;margin:auto;}
.bestel_kop {background-color:#A6C150;}
.bestel_veld {color:#4B6035;font-family:arial;font-weight:bold;border:1px solid #4B6035;background-color:#fff;padding:2px;}
.button {background-color:#fff;width:150px;padding:5px;color:#4B6035;border:1px solid #4B6035; }
.onderdeel {border-top: 1px solid #4b6035; padding-right: 10px; padding-top:5px;padding-bottom:5px;font-weight: bold; font-size: 8pt; width: 50px; text-align: center}
.onderdeel_rechts {border-top: 1px solid #4b6035; vertical-align: top; width: 280px;padding-top:5px;padding-bottom:5px;}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #713B0F;
padding: 5px;
background-color: #FB882A;
color: #713B0F;
font-weight: bold;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}