/* 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: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    background-color: #FAF5E1;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-position: left;
    background-repeat: repeat-y;
    letter-spacing: 0em;
}

* { 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: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, Helvetica, sans-serif; margin: 0px; text-align: left; line-height: 16px; }

/* most imporant color settings */
h1,h2,h3,h4,h5,h6 {color: #000000; }
p {color: #000000;  }
li {    color: #000000; }
a{
    font-size: 11px;
}
a:link {color: #CC0000; text-decoration: none;}
a:visited {color: #CC0000; text-decoration: none;}
a:hover {color: #CC0000;text-decoration: underline;}
a:active {color: #000000;text-decoration: none;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; 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%; color: #000000;}
.colorgray {color:#625E48;}
span { font-size: 100%;}

li { font-size: 100%;}
ul {  margin-bottom: 10px; margin-left: 15px;}

h2 {
    color: #625E48;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 22px;
    background-image: url(../images/stippel_lang.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-bottom:10px;
    margin-bottom:15px;
    width:100%;
    vertical-align: top;
    text-align: left;
}

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {
    width: 100%;
     height: 100%;
     background-color: #FAF5E1;
/*  width: 1000px; */
}

/* HEADER */
#header  {  background-image: url(../images/toplayer_bg.jpg); background-repeat: repeat-x;height:140px;width:100%;}
#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: 190px;position:absolute;left:15px;top:173px; vertical-align: top; }
#header .navigation ul { list-style-type: none; margin: 0px; }
#header .navigation li { line-height: 16px;font-size: 11px;  float: left;}

/* 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 {display:block; color:#CC0000; width: 160px; padding-top: 0px; padding-bottom: 0px; background-color: transparent; text-align: left; text-decoration: none; }
#header .navigation li.a:hover,
#header .navigation li.passive a:hover { background-color: transparent; color:#CC0000; text-decoration: underline; }

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

/* 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 { text-decoration:underline;}

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

/* MAIN BODY */
.main {  width: 100%;height:100%;text-align:left; background-image: url(../images/mainback.jpg); background-repeat: repeat-y; background-position: left; background-color: #FAF5E1;}
.main .left {width:450px;padding-right:20px; padding-left:246px;vertical-align:top;height:100%;padding-top:10px;float:left;}
.main .right {
    width:200px; vertical-align:top; height: 100%;margin-left:719px;padding-top:10px;text-align:left;
}

.breaker {    clear: both; height:0px; line-height:0px; overflow:hidden; }
.foorter {    width: 781px;}
.footer p { font-size: 8pt;}

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

.kop1{
    color: #625E48;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 22px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../images/stippel_lang.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom:10px;
    width:450px;
}

#namelayer {
    position:absolute;
    left:197px;
    top:53px;
    width:238px;
    height:57px;
    z-index:7;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
}
#datumlayer {
    position:absolute;
    left:734px;
    top:79px;
    width:187px;
    height:21px;
    z-index:8;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    text-align: right;
}