/* Projectie Productions Stylesheet */
/* Promailer version */

/* -- WEBSITE DEFAULT SETTINGS -- */

/* the mother of all things */
body {
    background-color: white;
    background-image: none;
    font-family: Arial, Verdana, Helvetica, 'Sans Serif';
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
}

/* defaults */
* { margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, 'Sans Serif';  }

p {font-size: 10pt; margin: 0px; line-height: 1.5;}
table { font-size: 10pt; line-height: 1.5;}
div { font-size: 10pt;}
h1 { font-size: 16pt; line-height: 1.5; color: #507601;}
h2 {font-size: 14pt; line-height: 1.5; color: #507601;}
h4 { font-size: 10pt; line-height: 1.5; color: black; margin-bottom: 6px; }
h3 { font-size: 10pt; line-height: 1.5; color: #507601;}
li {line-height: 1.5; }

a:link { color: #1D3F3F;  text-decoration: underline; }
a:visited { color: #1D3F3F; }
a:hover { color: #A0C457; }
a:active { color: #1D3F3F;}

/* REAL DESIGN STUFF */

/* page (aka sections) specific sttings */
.page { width: 100%; background-color: white;}

/* titelbalk en logo */
#header { background-color: #B1D469; height: 61px; width: 100%;    border-bottom: solid 1px #787976; vertical-align:bottom; clear: both; background-image: url(../images/bg_nav.gif); }
#header h1 { float: left; width: 200px; height: 55px;  background-image: url(../images/logo_promailer.gif);  background-repeat: no-repeat;  display:none; }
#header h1 span {    display: none; }

/* primaire navigatie (keuze tussen de modules)  */
#header .navigation { position: absolute; width: 1019px; top: 0px; left: 0px; height: 26px; height: 56px; vertical-align: text-bottom; border-left: Solid 1px #787976;}
#header .navigation ul { list-style-type: none; }
#header .navigation li { font-size: 8pt; line-height:1.4; float: left; }
#header .navigation li.passive a, .navigation li.parent a, .navigation li.active a { color: #648819; background-image: url(../images/bg_nav_1a.gif); display: block; width: 92px; padding-top: 5px; padding-bottom: 5px; height: 17px;text-align: center;  border-right: Solid 1px #787976; border-bottom: Solid 1px #787976;}
#header .navigation li.passive a:link , .navigation li.parent a:link, .navigation li.active a:link { color: #648819; text-decoration: none; }
#header .navigation li.passive a:visited, .navigation li.parent a:visited, .navigation li.active a:visited { color: #648819; text-decoration: none; }
#header .navigation li.passive a:hover { background-image: url(../images/bg_nav_1b.gif); color:white; background-color: #96B1CF; color:white; }
#header .navigation li.active a {    background-image: url(../images/bg_nav_1b.gif); color:white; background-color: #96B1CF; color:white; }
#header .navigation li.parent a {    background-image: url(../images/bg_nav_1b.gif); color:white; background-color: #96B1CF; color:white; }

#header .navigation li.passive-child a, .navigation li.active-child a {
    border-top: solid 1px #787976;
    background-image: url(../images/bg_nav_2a.gif);
    background-color: #D9EAB6;
    display: block;
    width: 92px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 17px;
    text-align: center;
    border-right: Solid 1px #787976;
    border-bottom: Solid 1px #787976;
}
#header .navigation li.passive-child a:link { color: #648819; background-color: #D9EAB6; text-decoration: none;     background-image: url(../images/bg_nav_2a.gif);}
#header .navigation li.passive-child a:visited { color: #648819; background-color: #D9EAB6; text-decoration: none; background-image: url(../images/bg_nav_2a.gif);}
#header .navigation li.passive-child a:hover { background-image: url(../images/bg_nav_2b.gif); color:white; background-color: #96B1CF; color:white; }
#header .navigation li.active-child a, li.active-child a:link, li.active-child a:visited  { border-top: solid 1px #787976;    background-image: url(../images/bg_nav_2b.gif); color:white; background-color: #96B1CF; text-decoration: none; }

#header a.myopacity img{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
#header a.myopacity:hover img{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

/* ruimte onder de titelbalk, main content & pagina navigatie */
.main { width: 1012px; }
.informatieblok { float: right; width: 186px; padding-top: 25px;}
.informatieblok .blok{ margin-top: 20px; padding: 20px; background-color: #D7E9AE; border: Solid 1px #97BD49; margin-top:0px; }
.main .content { padding:20px; padding-right: 0px; float: left;  width: 536px; padding-left: 175px;  }

/* standaard instellingen voor plaatsing van een content box */
.contentbox { background-color: #EBEEF0; border: Solid 1px black; }

/* list weergave */
.list table {padding: 0px; border-top: Solid 1px black; width: 100%;}
.list th { background-color: #FFFFFF; padding: 4px; text-align: left;border-bottom: solid 1px black; }
.list td { padding: 4px; vertical-align: top; border-bottom: Dashed 1px black;}
.list .beheer {    width: 150px; text-align: right;}
.list .status {    width: 20px; }
.list a.myopacity img, .webmanager a.myopacity img{border: 1px solid white;padding: 2px;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.list a.myopacity:hover img, .webmanager a.myopacity:hover img{border: 1px dotted #000;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.webmanager {    border-top: Solid 1px black; width: 636px; padding-top: 5px;}

.statistieken { }
.statistieken h3 {font-size: 10pt; color: black; margin-top: 5px; padding: 2px; padding-left: 10px;  border-bottom: Solid 1px black;  border-top: Solid 1px black;  width: 624px; background-color: #62A62B; }
.statistieken .section { width: 632px; padding: 0px;}
.statistieken td {    padding-top: 2px; padding-bottom: 2px;}
.statistieken table {    width: 100%; padding-top: 10px; padding-bottom: 5px;}

/* menu weergave */
.menu h3 { font-size: 10pt; color: black; margin-top: 5px; padding: 2px; padding-left: 10px;  border-bottom: Solid 1px black;  border-top: Solid 1px black;  width: 624px; }
.menu {    padding-bottom: 10px; margin-bottom: 5px;width:624px;}
/*.menu .edit {float: left;  width: 100px;  margin: 10px; text-align: center; font-weight: bold; line-height: 1.5} */
/*.menu .list {float: left;  width: 100px;  margin: 10px; text-align: center; font-weight: bold; line-height: 1.5} */

.menu .edit {float: left;  width: 80px; height:90px; padding:8px; padding-top:12px; margin-right: 10px;text-align: center; border:1px solid black; font-weight: bold; line-height: 1.5;cursor:pointer;}
.menu .list {float: left;  width: 80px; height:90px; padding:8px; padding-top:12px; margin-right: 10px; text-align: center; border:1px solid black; font-weight: bold; line-height: 1.5;cursor:pointer;}
.menu a:link { color: #1D3F3F;  text-decoration: none; padding-top: 5px;}
.menu a:visited { color: #1D3F3F;text-decoration: none; padding-top: 5px;}
.menu a:hover { color: #A0C457;text-decoration: none; padding-top: 5px;}
.menu a:active { color: #1D3F3F;text-decoration: none; padding-top: 5px;}

/*div color change  */
div.menu2 {
background: #aaa;
color: #000;
}
div.menu2h {
background: #f0f;
color: #000;
}
div.menu2:hover {
background: #000;
color: #fff;
}
/*/


/* bewerken weergave  */
.edit .message {  width: 636px;  }
.edit .message h3 { display: none;}
.edit .message .contentbox {    border: Solid 1px black; background-color: #FFB515; float: right; width: 363px; }
.edit .message ul { list-style-type: square;  list-style-position: inside;  padding: 10px;  list-style-image: url(../images/button_list.gif);   }
#edit .section {    border: Solid 1px black; background-color: #EBEEF0; width: 100%; padding: 20px; padding-top:5px; margin-top: 10px; margin-bottom: 10px;width:594px;}
#edit h4 {
    padding-top: 15px;
}
/* opmaak van de lokatiebalk */
.location-bar { font-size: 10pt; text-align: right; width: 920px; }

/* alle weergave instellingen modules */
.module { width: 636px; }
.webmanager .module { width: auto; }
.webmanager-reduction p {font-size: 80%; }
.module h2, .module h3 { font-size: 12pt; color: black; margin-top: 5px; padding: 2px; padding-left: 10px;  border-bottom: Solid 1px black;  border-top: Solid 1px black;  width: 624px;  }
.module h3 { font-size: 10pt; }
.module h4 { color: black; font-weight: normal; }
.module h4 span { font-size: 8pt; }


/*primaire deel administratie inloggen en alg */
.informatieblok .navigation .inloggen p {    background-image: url(../images/main_inloggen.gif); height: 40px; padding-top: 18px; padding-left: 55px; background-color: white;  background-repeat: no-repeat; font-size: 12pt; }
.informatieblok .navigation .administratie p {    background-image: url(../images/main_administratie.gif); height: 40px; padding-top: 18px; padding-left: 55px; background-color: white;  background-repeat: no-repeat; font-size: 12pt; }
.navigation .inloggen .description {    background-color:  #B1D469; padding: 5px; font-size: 8pt; border-bottom: Dashed 1px black; border-right: Dashed 1px black;}
.navigation .inloggen  a:link {    background-color: #D8EAB2;  }
.navigation .inloggen  a:visited{ background-color: #D8EAB2; }
.navigation .inloggen a:hover { background-color: #EDFAD3; }

.navigation .administratie .description {    background-color:  #B1D469; padding: 5px; font-size: 8pt; border-bottom: Dashed 1px black; border-right: Dashed 1px black;}
.navigation .administratie  a:link {    background-color: #D8EAB2;  }
.navigation .administratie a:visited{ background-color: #D8EAB2; }
.navigation .administratie a:hover { background-color: #EDFAD3; }

/* opmaak van de footer */
#footer {background-color: #B1D469; height: 20px; width: 100%;    border-bottom: solid 1px #787976; border-top: solid 1px #787976; }

/* zoeken en sorteren, standaard opmaak */
.search {vertical-align: top; float: left; width: 363px;}
.search h4 { font-size: 10pt; font-weight: bold; padding-bottom: 8px; margin: 0px;}
.search .section {  padding: 4px; }
.search select { width: 160px; font-size: 10pt; border: Solid 1px black;}
.search .textfield {    width: 160px; border: Solid 1px black;}
.search .form-button { }
.search .date-year {font-size: 8pt; width: 60px; margin: 0px; margin-bottom: 3px;}
.search .date-day {font-size: 8pt; width: 40px; margin: 0px; margin-bottom: 3px;}
.search .date-month {font-size: 8pt; width: 40px; margin: 0px; margin-bottom: 3px;}

.sort {vertical-align: top; float: right;  width: 180px; text-align: right; }
.sort h4 { font-size: 10pt; font-weight: bold; padding-bottom: 8px; margin: 0px;}
.sort .section { padding: 4px; text-align: right;}
.sort select { font-size: 8pt; width: 100px; margin: 4px; }
.sort .formkopje {font-size: 8pt;}

/* help */
#help li {list-style: decimal; padding-left: 10px;}
#help ul {    list-style-type: decimal;    list-style-position: outside;    border: none;    margin-left: 40px;}
#help h2 {    margin-bottom: 10px;}
#help h3 {    margin-bottom: 10px;}

/* TRICKS */
/* to brake a floated section - note: spacer for backwords compat. */
.breaker { clear: both; }
.spacer{ clear: both; }


/* GENERAL FORM SETTIGNS */
.form {    border: Solid 1px black; font-size: 10pt; padding: 2px;}
.wide {    width: 450px;}
.medium {    width: 150px;}
.button { border: Solid 1px black; padding: 1px; }
.small { width: 100px; }
.color-news {background-color: #6699FF; }
.color-users {background-color: #FFB314; }
.color-vacatures {background-color:  #07D245; }
#vacatures button {background-color:  #07D245; }
.color-webmanager {background-color:  #DA9BF9; }
.color-gallery {background-color:  #EED56C; }


/* weergave van errors */
.error { width: 636px; height: 150px;   }
.error h4 { text-decoration: blink;  font-size: 12pt; font-weight: bold; float: left; width: 180px; height: 70px; background-image: url(../images/icons/button_error.gif); background-repeat: no-repeat; }
.error .contentbox {    border: Solid 1px black; background-color: #FEA3FF;  float: right; width: 363px; padding: 10px 10px 10px 10px; }
.error ul { list-style-type: square;  list-style-position: inside;  padding: 10px;  list-style-image: url(../images/button_list.gif);   }

/* weergave van berichten */
.message {  width: 636px;  }
.message h4 { display: none;}
.message .contentbox {    border: Solid 1px black; background-color: #FFB515; float: right; width: 363px; }
.message ul { list-style-type: square;  list-style-position: inside;  padding: 10px;  list-style-image: url(../images/button_list.gif);   }
.message p { padding: 10px; font-size: 8pt; }

/* opmaak van de login */
.login {  width: 636px;  }
.login h3 { font-size: 12pt; font-weight: bold; float: left; width: 180px; height: 70px; background-image: url(../images/icons/button_login.gif); background-repeat: no-repeat; }
.login h4 { float: right; width: 45px; height: 40px; background-image: url(../images/button_h4_hulp.gif); background-repeat: no-repeat;}
.login .contentbox {    margin-left: 6px; border: Solid 1px black; background-color: #EBEEF0;  float: left; width: 254px; padding: 10px; }
.login p { font-weight: bold; padding-bottom: 2px;   }
.login input {border: Solid 1px #7F9DB9; width: 60%; padding: 2px; margin-bottom: 9px;}


/* vacaturemodule */
#modules-admin {width: 800px;}
.navigation .vacatures  p { background-image: url(../images/main_vacatures.gif); height: 40px; padding-top: 18px; padding-left: 55px; background-color: white;  background-repeat: no-repeat; font-size: 12pt; }
.navigation .vacatures .description {    background-color: #BDC977; padding: 5px; font-size: 8pt; border-bottom: Dashed 1px black; border-right: Dashed 1px black;}
#modules-admin h2 { background-color: #BDC977; font-size: 12pt; color: black; margin-top: 5px; padding: 2px; padding-left: 10px;  border: Solid 1px black;  width: 800px;  }
#modules-admin h3 { background-color: #BDC977; font-size: 10pt; color: black; margin-top: 5px; padding: 2px; padding-left: 10px;  border: Solid 1px black;  width: 800px;  }
#modules-admin h4 {  font-size: 10pt; line-height: 1.5; color: #507601 }
.vacaturessection {position:relative; width:800px; border: Solid 1px black;background-color: #ddd; padding: 8px; margin-bottom: 10px; margin-top: 0px;padding-bottom:10px;height:100%; min-height: 500px;}
.vacaturessection_twee {position:relative; width:760px; border: Solid 1px black;background-color: #ddd; padding: 8px; margin-bottom: 10px; margin-top: 0px;padding-bottom:10px; min-height: 500px;}
.navigation .vacatures  a:link {    background-color: #07D245; }
.navigation .vacatures  a:visited{ background-color: #07D245; }
.navigation .vacatures a:hover { background-color: #69F494; }
.vacstyle{
    background-color: #BDC977;border:1px solid black;width:800px;color:black;margin-top:5px; padding:2px;padding-left:10px;font-size:12pt;
}
.helpbox {float:right;border:1px solid black;background-color:white;width:210px;position:absolute;top:0px;right:10px;top:59px;padding:10px; text-align: left;}
.helptekst{float:right;border:0px solid black;width:210px;position:absolute;top:0px;right:30px;top:40px;padding:0px;}

.layout { display: none; }



#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 10px;
background-color: #cb4c0e;
visibility: hidden;
color:white;
font-weight: bold;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=black,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* Template_used code */
.template_used {
    font-size: 8pt;
    opacity:0.5; filter:alpha(opacity=50);
    text-shadow: #fff;
    display: block;
}
.template_used_hide_seek a,
.template_used_hide_seek a:link,
.template_used_hide_seek a:visited {color:#f9533f;font-weight:normal;text-decoration:underline;background-image:none;}
.template_used_hide_seek a:hover { color:#fff;font-weight:normal;text-decoration:underline;background-image:none;}