/* 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: #FCEB8F;
    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: 130%; 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%; }
td, p { font-size: 90%; color: #606060; }
span { font-size: 100%;}
li { font-size: 100%;color: #606060;}
ul {  margin-bottom: 10px; margin-left: 15px;color: #606060;}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {margin:auto;width: 800px; }

/* HEADER */
.headerimage {
    height:222px;background-image: url(../images/header.jpg);
}
#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 {padding-left:30px; width: 770px; border-top: Solid 0px white; height: 30px;padding-top:10px;background-color:#F2AA00;}
#header .navigation ul { list-style-type: none; margin: 0px; }
#header .navigation li { font-size: 12px; line-height:1.4; float: left;  border-right:NONE;font-weight:bold; }
/* passive */
#header .navigation li a,
#header .navigation li a:link,
#header .navigation li a:visited
#header .navigation li.passive a,
#header .navigation li.passivne a:link,
#header .navigation li.passive a:visited {color: white;width: 104px;height:19px; padding-top: 5px; padding-bottom: 5px;padding-left:5px;padding-right:5px; text-align: center; text-decoration: none; }
#header .navigation li.a:hover,
/* hier colore plaatsen zie background-color:#AC4734; beneden voor animoso is er aleen een text_underline*/
#header .navigation li.passive a:hover { text-decoration:none; }
/* 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:0px solid white; }
.tabelopmaak .left {width:220px;vertical-align: top;color:white;}
.tabelopmaak .right {width:560px;vertical-align: top; padding:20px;padding-left:0px;padding-top:15px; }
/*block element */
.block { padding:20px;margin:20px;vertical-align:top;border-top:0px solid white;}
/* de kleuren van de website /*
/*navigatie achterground en footerblok*/
.colora {background-color:none;}
.coloracolor {color:#fff;}

.colora_border {border:1px #333333 solid;}
h1,h2,h3,h4,h5,h6 {color:#4C80A5; vertical-align:top;padding:0px;margin:0px;}
h4 {font-weight: normal;}
/* opmaak kopje news   */
.colorb { background-color:#F3AB01; }
.colorbcolor{ color:White;background-color:#F3AB01;}

/*faq en headers nieuwsitemblok en subnav block contactgegevens*/
.colorc  {background-color:#4C80A5;color:#85B289;}
/*.colorc h1,h2,h3,h4,h5,h6 {color:gray;}*/
/*navigaties active*/
.colore {text-decoration:none;}
/* header + linker en rechterkolom */
.colord {background-color: #fff;}
.white_border { border:1px solid #FFFFFF;}
/*tekstkleur*/
.colorf { color: #FFFFFF;}
#colorf { color: #FFFFFF;}
#colorf p { color: #FFFFFF;}
/* end */
.subnav {padding-top:0px;padding-bottom:0px;}
.subnav ul { padding:0px;}
.subnav li {    list-style: none;font-size: 11px; line-height:2;font-weight:bold;}
.subnav a { color:white;text-decoration:none;}
/* hier colora plaatsen */
.subnav a:hover { color:#F3AD00;}
.subnav a:link {
    color:white;
}
.subnav .coloracolor {
    color:#F3AD00;
}
/*.subnav a:active { color:#F3AD00;}
.subnav a:visited { color:white;}
/*.subnav li.active a:hover { color:red}
.subnav li.active a,{color:green;} */

/*active */
.subnav li.active a,
.subnav  li.parent a,
.subnav  li.active a:link,
.subnav  li.parent a:link,
.subnav  li.active a:visited,
.subnav  li.parent a:visited { color:#F2AA00; }
.subnav  li.active a:hover {color:#F2AA00; }
/* passive */
.subnav li a,
.subnav li a:link,
.subnav li a:visited
.subnav li.passive a,
.subnav li.passive a:link,
.subnav li.passive a:visited, { color:white;}
.subnav  li.a:hover,
.subnav  li.passive a:hover { text-decoration:none;color: #F2AA00}


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

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

.mijn-gegevens h2 { color: black; background-color: white; }
.mijn-gegevens h3{ color: white; font-size: 11pt; margin-bottom: 10px; margin-top: 16px; background-color: #F3AB01; padding: 2px;}
.mijn-gegevens h4{ font-size: 10pt; }
.mijn-gegevens .form { border: solid 1px gray; font-size: 10pt; padding: 3px;}
.mijn-gegevens .wide {    width: 450px;}
.mijn-gegevens .medium {    width: 150px;}
.mijn-gegevens .button { border: Solid 1px black; padding: 1px; }
.mijn-gegevens .small { width: 100px; }

.colorbutton {background-color: #4C80A5;}

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

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

.step {
	display: block;
	float: left;
	background: transparent url(../images/step.gif) no-repeat center center;
	width: 177px;
	height: 49px;
	padding-top: 26px;
	text-align: center;
	margin-left: -30px;
}

.step_active {
	background-image: url(../images/step_active.gif);
	margin-left: 0;
}

.detail_title {
	width: 150px;
	float: left;
}