/* 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: #FDE9C9;
    margin-top: 0px;
    line-height: 170%;
}

* { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, 'Sans Serif'; line-height: 170%; }

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: 8pt;}

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 180%; font-weight: bold;}
h2, .subtitle { font-size: 160%;  font-weight: bold;}
h3, .sectiontitle { font-size: 140%; font-weight: bold; }
h4, .introduction { font-size: 120%; font-weight: bold; }
h5, .description { font-size: 100%; font-weight: bold;  }
h6, .summary { font-size: 90%; font-weight: bold;}
h7 { font-size: 100%; }
p {  line-height: 190%; margin: 0px; padding-bottom:10px; font-size: 8pt; text-align: justify; }
span { font-size: 100%; margin: 0px; padding: 0px; }
div { margin: 0px; padding: 0px; }
li {line-height: 190%; }
ul {    margin-bottom: 10px; margin-left: 15px;}

h2, h3, h4, h5 { color: #022984;}
h3, h4 { width: 100%; border-bottom: solid 1px #022984; margin-top: 10px; margin-bottom: 10px;}

a:link, a:visited, a:active { color: #022984;  text-decoration: underline; }
a:hover { color: #FFA00A; text-decoration: none; }

/* CONTAINER SETTINGS - Site Specific Text Settings*/

#page {    margin-left: 0%;    width: 780px;    border-right: solid 1px black;}
.nav {    height: 42px;    width: 770px; padding-left: 10px;    background-image: url(../images/bg_navigation.gif);    background-color: Blue;}
.nav p { line-height: 2.6; font-size: 10pt; color: #FFEACA; padding-left:10px; padding-bottom: 0px; margin-bottom: 0px;}
.nav a:link { color: #F9FAFD;  text-decoration: none; }
.nav a:visited { color: #F9FAFD; text-decoration: none;}
.nav a:hover { color: #FFA00A; text-decoration: none; }
.nav a:active { color: #F9FAFD;}

.left { width: 203px; z-index: 1; position: absolute; top: 200px; left:0px; }
.left a:hover { color: white; text-decoration: none; }
.left a:active { color: white;}
.left h3, .left h4 { width: 100%; color: white; border-bottom: solid 1px white;}


/* SUBPAGE MENU */
.sidenav { width: 143px; text-align: left; }
.sidenav ul { list-style-type: none; margin: 0px; padding:0px; }
.sidenav li { width: 100%; font-size: 100%; line-height:1.4; float: left; border-bottom: Solid 2px white; }

.sidenav li a,
.sidenav li a:link,
.sidenav li a:visited
.sidenav li.passive a,
.sidenav li.passive a:link,
.sidenav li.passive a:visited { background-color: #FFA00A; color: #022984; padding-left: 20px;  text-decoration: none; display: block; height: 30px; line-height:2.3; background-image: url(../images/arrow_left.gif); background-repeat: no-repeat; background-position: center left; }
.sidenav li a:hover,
.sidenav li.passive a:hover { color:white; }

.sidenav li.active a,
.sidenav li.parent a,
.sidenav li.active a:link,
.sidenav li.parent a:link,
.sidenav li.active a:visited
.sidenav li.parent a:visited { background-color: #FFA00A; text-decoration: none; font-weight: bold; background-image: url(../images/arrow_down.gif); background-repeat: no-repeat; background-position: center left; }
.sidenav li.active a:hover { }

.sidenav li.passive-child,
.sidenav li.passive-child a:link,
.sidenav li.passive-child a:visited { padding-left: 20px;  text-decoration: none; width: 116px; background-color: #F6C271;  }
.sidenav li.passive-child a:hover {  text-decoration: none; }

.sidenav li.active-child,
.sidenav li.active-child a:link,
.sidenav li.active-child a:visited { padding-left: 20px;  text-decoration: none; width: 116px; background-color: #F6C271; font-weight: bold; }
.sidenav li.active-child a:hover {  text-decoration: underline; }

#header  { }
#header .locked-navigation {
    height: 41px;
    width: 780px;
    background-image: url(../images/top.jpg);
    text-align: right;
    background-repeat: repeat-y;
}
#header .locked-navigation p { line-height: 3.4; color: #FFEACA; font-size: 8pt; text-align: right; padding-right: 10px; padding-bottom: 0px; margin-bottom: 0px;}
#header .logo { height: 117px; width: 202px; background-image: url(../images/logo.gif); float: left; cursor: hand; }
#header .sfeer {    height: 117px; width: 578px; background-image: url(../images/sfeer.jpg); float: right; }
#header .locked-navigation a:link, #header .locked-navigation a:visited, #header .locked-navigation a:link { color: #FFEACA; text-decoration: none; }
#header .locked-navigation a:hover { text-decoration: underline; }




#header h1 {display: none;}
#header h1 span {    display: none;}
#header h2 span {    display: none;}
#header p span {    display: none;}

.main { padding: 20px;  min-height: 800px; background-image: url(../images/bg_page.gif);}
.main .sidenav {    float: left; vertical-align:top; width: 155px;}
.main .content { float: right; vertical-align:top; width: 530px; padding-right:20px; padding-top:10px;}
.breaker, .spacer {    clear: both;}

#center .content {    padding: 20px; padding-top: 70px;}
#right .content {    padding: 10px; padding-top: 2px; padding-left: 30px;}

/* FORM OPTIONS - stacking build up*/
.button {    border: Solid 1px black;}
.form {    border: Solid 1px black;}
.small {    width: 100px; }
.date02{    width: 55px; }
.date04 {    width: 70px; }
.normal {    width: 250px; }
.wide {    width: 350px; }
.margin-bottom {
    margin-bottom: 10px;
}


.afbeelding-rechts { float: right; margin-bottom: 6px; margin-left: 18px; }


.color-a { background-color: #1D3F3F; color: white; }

/* FRONTEND ADMIN FUNCTIONS */
.admin-anchor {    position: relative;}
.admin-anchor .edit {
position: absolute; z-index: 100; top: -30px;
border: Dashed 1px black; background-color: #D5E9AB; padding: 5px; filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;
}

.admin-anchor .edittotal {
position: absolute; z-index: 100; top: -10px; text-align: right; width: 100%;
border: Dashed 1px black; background-color: #B1D469; padding: 5px; filter:alpha(opacity=60);-moz-opacity:0.6; opacity: 0.6;
}