/* 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: 10pt; /* set default font size here and at the p, h1, etc section */
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: white;
    margin-top: 0px;
    /* background-image: url(../images/bg_site.jpg); /* example for image */
}

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

/* 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: 150%; }

/* most imporant color settings */
h1,h2,h3,h4,h5,h6 { }
p {  }
li { }

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

/* - - - -  2. GENERAL TEXT SETTINGS - - - - */
h1, .maintitle { font-size: 140%; }
h2, .subtitle { font-size: 130%;  font-weight: bold;}
h3, .sectiontitle { font-size: 120%; font-weight: bold;  }
h4, .introduction { font-size: 100%; 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: 0;
    padding-top: 0px;
    width: 100%;
}

/* HEADER */
#header  { position: absolute; width: 290px; left: 30px; top: 29px; }
#page-title { position: absolute; left: 330px; top: 50px; }
#page-title h1 { font-style: italic; color: #FB1C1C; font-weight: normal; }
#page-title h2 span { display: none;}
#page-title p span { display: none;}


/* NAVIGATION: SUBPAGE MENU */
.left .navigation { margin-top: 80px; border-top: 1px solid #FB1C1C; border-bottom: 1px solid #FB1C1C; }
.left .navigation ul { list-style-type: none; margin: 0px; }
.left .navigation li { font-size: 100%; line-height:1.4; }

.left .navigation li a,
.left .navigation li a:link,
.left .navigation li a:visited
.left .navigation li.passive a,
.left .navigation li.passive a:link,
.left .navigation li.passive a:visited { color: black; display: block; width: 145px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background-color: #FCC159; text-align: left; text-decoration: none; }
.left .navigation li a:hover,
.left .navigation li.passive a:hover { background-color: #E74A02; color:white; }

.left .navigation li.active a,
.left .navigation li.parent a,
.left .navigation li.active a:link,
.left .navigation li.parent a:link,
.left .navigation li.active a:visited
.left .navigation li.parent a:visited { color:black; font-weight: bold; }
.left .navigation li.active a:hover { background-color: #E74A02; color:white; }

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

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

/* LOCATION BAR */
.location-bar { padding: 8px; padding-right: 20px; text-align: right; }


/* MAIN BODY */
.main {  margin-top: 23px; margin-bottom: 30px; padding-left: 30px; padding-right: 170px; padding-top: 20px; background-color: white; }
.left { vertical-align:top; width: 150px; }
.center { vertical-align: top; width: 800px; }
.right { vertical-align:top; width: 100%; }
.left, .center, .right { border-bottom: 1px solid #FB1C1C; }
.left, .center { border-right: 1px solid #FB1C1C; }
.breaker { clear: both; line-height: 0px; height:0px; overflow: hidden;}

/* hack om back button niet te tonen op hoofdpagina */
#noshow1 { border: 3px solid red; display: none; }

/* zorgt ervoor dat de paragraven binnen het blok art-description 8pt zijn, is niet direct te controleren omdat die paragraven met TinyMCE gemaakt worden */
#art-description, #art-description p { font-size: 80%; }
.bijschrift p, .bijschrift h5 { font-size: 80%; }


.intro {
    color: gray;
    font-weight: bold;
}

/* FORM OPTIONS - stacking build up - backwards comat section */
.button { border: 1px solid black; background-color: #FCC159; }
.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;}

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