/* 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:11px;
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #f8f7f1;
    margin-top: 0px;
	 background-image: url(../images/background.jpg);
	 background-repeat: repeat-x;
	 background-position: top;
}

* { 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:11px; line-height: 170%; }

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

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

/* - - - -  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;border-bottom:1px solid #BCBCBC;margin-bottom:10px;  }
h4, .introduction { font-size: 125%; font-weight: bold;margin-top:10px; }
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%; list-style-type: none;}
ul {  margin-bottom: 10px; margin-left: 0px;}

#projecten  li {
	/* height: 22px;*/ 
}
#projecten  li a:link {	color:#000000;text-decoration:none;}
#projecten  li a:hover {	color:#000000;text-decoration:none;font-weight:bold;font-size:11px;}
#projecten  li a:active {	color:#000000;text-decoration:none;}
#projecten  li a:visited {	color:#000000;text-decoration:none;}

#projecten  li a:link span {	color:#c76600;text-decoration:none;}
#projecten  li a:hover span{	color:#000000;text-decoration:none;font-weight:bold;font-size:11px;}
#projecten  li a:active span{	color:#c76600;text-decoration:none;}
#projecten  li a:visited span {	color:#c76600;text-decoration:none;}


/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    margin:auto;
    width: 900px;
	 border:1px solid #bcbcbc;
/*  width: 1000px; */	 
}

/* HEADER */
#header  { width: 900px; }
#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 white; height: 27px; }
#header .navigation ul { list-style-type: none; margin: 0px; }
#header .navigation li { font-size: 13px; line-height:1.4; float: left; font-weight: bold;  border-right: Solid 0px 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;float:left; padding-left:10px;padding-right:10px;height:20px; padding-top: 2px; 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:#fa9e37;color:black; }

/* 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 {background-color:#fa9e37;color:black; }
#header .navigation li.active a:hover {background-color:#fa9e37;color:black; }

/* 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:900px;text-align: center; border-top:0px solid white; }

.tabelopmaak .left {width:407px;padding:22px; vertical-align: top; color:black; background-color:#ede6e0;}
.tabelopmaak .leftbreed { padding:22px; vertical-align: top; color:black; position: relative;}
.breed {
background-image: url(../images/bg.jpg);  background-repeat: repeat-y;
}
.tabelopmaak .left ul li {
list-style-type: disc;margin-left:15px;
}

.tabelopmaak .middle {width:181px;padding:22px; vertical-align: top;color:black;background-color:#f9bd5f;}
.tabelopmaak .right {width:180px;padding:22px;vertical-align: top;color:black;background-color:#ede6e0; }

/*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 /*

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

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

/*faq en headers */
.colorc  {background-color:#ede6e0; color:black;}
.colorc h1,h2,h3,h4,h5,h6 {color:#c76600;}
/*navigaties active*/
.colore {background-color: #000; color:white;}


/* 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: 880px;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");
}
/* subnavigatie */


.subnavigation { width: 900px; border-top: Solid 0px white; height: 25px; }
.subnavigation ul { list-style-type: none; margin: 0px; }
.subnavigation li { font-size: 13px; line-height:1.4; float: left; font-weight: bold;  border-right: Solid 0px white; }

/* passive */
.subnavigation li a,
.subnavigation li a:link,
.subnavigation li a:visited
.subnavigation li.passive a,
.subnavigation li.passive a:link,
.subnavigation li.passive a:visited { color: white; display: block;float:left; padding-left:5px;padding-right:0px;height:20px; padding-top: 2px; padding-bottom: 3px;  text-align: center; text-decoration: none;  }
.subnavigation li.a:hover,

/* hier colore plaatsen zie beneden*/
.subnavigation li.passive a:hover { background-color:#fa9e37;color:black; }

/* active en parent */
.subnavigation li.active a,
.subnavigation li.parent a,
.subnavigation li.active a:link,
.subnavigation li.parent a:link,
.subnavigation li.active a:visited,
.subnavigation li.parent a:visited {background-color:#fa9e37;color:black; }
.subnavigation li.active a:hover {background-color:#fa9e37;color:black; }

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

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

.ja { display: block }
.nee { display: none; }