/* 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,html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: black;
    margin: auto;
	 background-image: url(../images/bodyback.gif);
	 background-repeat: repeat-y;
	 background-position: center;
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
    margin-top: 0px;
	 height:100%;
	 width:100%;
	 
/*  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: 110%; 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%;margin-left:15px;}
ul {  margin-bottom: 10px; margin-left: 15px;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin:auto;
    width: 945px;
     background-color: #738B01;
     background-image: url('../images/ring.gif');
     background-repeat:repeat-y;
     z-index: 200;
     padding-left:53px;
	  height:100%;
/*  width: 1000px; */
}
#page_two {
    margin:auto;
    width: 945px;
     background-color: #F9FFB3;
     z-index: 200;
     padding-left:53px;
	  height:100%;
/*  width: 1000px; */
}

/* HEADER */
#header  { width: 947px; background-color:#738B01;}
#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 0px #CBDD00; height: 29px;border-left: Solid 1px #CBDD00; }
#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:29px; padding-top: 10px; 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:#A91F0A; }

/* 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:947px;float:left;text-align: center; border-top:1px solid #CBDD00;}

.tabelopmaak .left {width:200px; vertical-align: top;color:white; text-align:left; padding-left:0px; padding-top:10px;}
.tabelopmaak .right {width:676px; vertical-align: top; padding-top:20px; padding-left:50px; padding-right:40px; }

/*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:#576A01;}
.colora_border {border:1px #333333 solid;}

/* nieuwsitemsblok en footer  */
.colorb {background-color:#9D0D0D;}
.colorbcolor{ color:#9D0D0D; }

/*faq en headers */
.colorc  {background-color:#728B00;}
.colorc h1,h2,h3,h4,h5,h6 {color:#728B00;}
/*navigaties active*/
.colore {background-color: #A91F0A;}


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



/*tekstkleur*/
.colorf { color: #FFFFFF;}
/* 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: 927px;float:left;border-top:1px solid #CBDD00;height:25px;padding-left:20px;padding-top:5px;color:white;}
.footer p { font-size: 8pt; text-align:center;color:white;}

/* FIX FOR TRANSPARANT PNG IE6 */
img {
   behavior: url("pngbehavior.htc");
}

.categories_menu {margin-left:0px;padding-right:0px;margin-top:10px;}
.categories_menu a { font-weight:bold;font-size:8pt;}
.categories_menu a:link {color:white;}
.categories_menu a:visited {color:white;    }
.categories_menu a:hover {color:#CBDD00;    }
.categories_menu a:active {color:#CBDD00;    }


.categories_list {margin-left:0px;padding-right:0px;margin-top:10px;margin-bottom:20px;}
.categories_list a {font-size:12pt;}
.categories_list a:link {color:black;}
.categories_list a:visited {color:black;    }
.categories_list a:hover {color:#CBDD00;    }
.categories_list a:active {color:#CBDD00;  }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 900px;
border: 1px solid black;
padding: 10px;
background-color:#CBDD00;
visibility: hidden;
color:black;
font-weight: normal;
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;
}

.highlight{
font-weight:bold;
background-color:yellow;
}