/* 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: Arial,Verdana,  Helvetica, sans-serif;
    font-size: 8pt;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #d5d5d5;
    margin-top: 0px;
/*  background-image: url(../images/bg_site.jpg); */
}

* { margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, 'Sans Serif'; line-height: 170%; }
table {
	vertical-align: top;border-collapse:collapse;
}

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

/* most imporant color settings */


/* - - - -  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: 150%; 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: 997px;
	 margin-top:20px;
	 margin-bottom:20px;
	 position:relative;
/*  width: 1000px; */	 
}

/* HEADER */
#header  { width: 997px;height:125px;position:relative; }
#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}
#header .balk {
	width:997px;height:25px;position:absolute;bottom:0px;
}


/* NAVIGATION: SUBPAGE MENU */
.navigation { width: 100px;margin-left:33px;margin-top:36px; }
.navigation ul { list-style-type: none; margin: 0px; }
.navigation li { font-size: 8pt; line-height:1.4; float: left; list-style-type:none; }
.navigation .blokje {
	width:8px;height:8px;float:left;line-height:15px;margin-top:5px;margin-right:7px;
}

/* passive */
.navigation li a,
.navigation li a:link,
.navigation li a:visited
.navigation li.passive a,
.navigation li.passive a:link,
.navigation li.passive a:visited { font-weight:bold;letter-spacing:1pt;  display: block; width: 160px;height:15px; padding-top: 5px; padding-bottom: 5px;  text-align: left; text-decoration: none; }
.navigation li.a:hover,

/* hier colore plaatsen zie beneden*/
.navigation li.passive a:hover { }

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

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

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

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

/* tabelopmaak */
.tabelopmaak { width:997px;float:left;text-align: center; }

.tabelopmaak .left {width:197px; vertical-align: top;padding-bottom:36px;}
.tabelopmaak .right {vertical-align: top; padding:0px; width:798px;padding-top:20px;}

/*block element */
.block {padding:20px; padding-left:10px; padding-right:20px; padding-top: 0px; padding-bottom:20px; vertical-align:top;}
/* de kleuren van de website /*/

/* Header /*/
.kleur_een 			{background-color:#4697c4;}
.kleur_een_kleur 	{color:#4697c4;}

/* 2e balk in header, borders, footer /*/
.kleur_twee			{background-color:#186e9e;}
.kleur_twee_kleur	{color:#186e9e;}

/* linkerbalk (left) /*/
.kleur_drie			{background-color:#bbd9e9;}
.kleur_drie_kleur	{color:#bbd9e9;}

/* Tekstkleur navigatie en balk links en rechts /*/
.kleur_vier			{background-color:#373737;}
.kleur_vier_kleur	{background-color:#373737;}

/* rechterbalk (right) /*/
.kleur_vijf			{background-color:#ffffff;}
.kleur_vijf_kleur	{color:#ffffff;}

/* Om en om kleur tekstitems /*/
.kleur_zes			{background-color:#dfedf5}
.kleur_zes_kleur	{color:#dfedf5}

/* Achtergrondkleur site /*/
.kleur_zeven		{background-color:#59c3ff}
.kleur_zeven_kleur{color:#59c3ff}


/*footer */
.footer {text-align:center;width: 997px;float:left;min-height:78px;color:white;padding-bottom:7px;}
.footer p { font-size: 8pt; text-align:center;color:white;}

.footerbalk {width:927px;background-color:transparent;margin-left:28px;padding-top:12px;padding-bottom:15px;}