@charset "utf-8";
/* CSS reset alles op nul zetten of standaard waarde */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 94%;
font-family : Verdana, Arial, Helvetica, sans-serif;
vertical-align : baseline;
}
:focus {
outline : 0;
}
body {
line-height : 1.2;
background : black;
text-align : center;
font-size : 94%;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
list-style : none;
font-size : 94%;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
table {
border-collapse : separate;
border-spacing : 0;
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
form, input, textarea {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
/* padding : 5px 0 0 0; */
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '"';
}
blockquote, q {
quotes : '"' '"';
}


/* Buitenste div, ofwel de wrapper*/
#pakPapier {
background-color : #a8c545;
margin-left : auto;
margin-right : auto;
min-width : 900px;
padding : 0 10px 5px 10px;
text-align : left;
width : 800px;
height:auto;
/* height : 725px; */
}
/* Blok linksboven */
#divLogo {
background-color : #fff;
float : left;
height : 160px;
width : 300px;
}
/* Blokje in blok divLogo (linksboven) */
#divHome {
background-color : #a8c545;
color : #fff;
height : 15px;
width : 300px;
}
/* Blok midden boven, voor flash animatie */
#divFlash {
float : left;
height : 160px;
width : 400px;
}
/* Blok rechtsboven */
#divInfo {
background-color : #776045;
color : #fff;
float : right;
height : 245px;
width : 200px;
}
/* Blokje in rechtsboven */
#divDivers {
background-color : #a8c545;
height : 15px;
text-align:left;
}
/* Blokje in rechtsboven maar onder divDivers */
#divInfotxt {
height : 135px;
}
/* Blokje in rechtsboven maar onder divDivers en divInfotxt */
#divSpirit {
height : 95px;
}
/* Blok onder links en midden boven, onderkant gelijke hoogte met div Info*/
#divMenu {
/* background-color : #0092b2; */
float : left; 
height : 85px;
width : 700px;
background-image : url(../images/menubalk.gif);
}
/* Blok aan de rechterkant in divMenu voor email nieuwsbrief*/
#divBrief{
/* float:right; */
text-align:right;
padding: 0 5px 3px 0;
}
/* Blok aan de rechterkant in divMenu voor email nieuwsbrief*/
#txtMelding{
height:30px;
}
/* Blok content, onder divMenu en div loopt door naar de onderkant */
#divContent {
background-color : #ffffff;
height : 485px;
width : 900px;
clear : both;
}
/* Blok in divContent aan de linkerkant (bevat divCLeerst en divCLtweede en divReclame) */
#divClinks {
float : left;
height : auto;
width : 200px;
border-right-color : #999;
border-right-style : solid;
border-right-width : thin;
}
/* Blok dat bijna volledig linkerkolom in beslag neemt voor lijst met media */
#divCLlang {
height : 335px;
margin : 10px auto 0 auto;
width : 180px;
border : #776045;
border-style : solid;
border-width : thin;
}
/* Blokje in divClinks */
#divCLeerste {
color:#000;
height : 160px;
margin : 10px auto 0 auto;
width : 180px;
border : #776045;
border-style : solid;
border-width : thin;
}
/* Blokje in divClinks */
#divCLtweede {
color:#000;
height : 165px;
margin : 10px auto 0 auto;
width : 180px;
border : #a8c545;
border-style : solid;
border-width : thin;
}
/* Blok in divContent in het midden (bevat divCMcontent) */
#divCmidden {
float : left;
height : 470px;
width : 480px;
padding : 10px 5px 0 10px;
}
/* Blok in het midden dat alle content bevat en via javascript wordt geladen */
#divCMcontent {
background-color : #ffffff;
height : 470px;
width : 480px;
overflow : auto;
}
/* Extra blok in divCMcontent, specifieker zaken kunnen aansturen */
#divfrmReactie {
height : auto;
width : 480px;
}
/* Extra blok in divCMcontent, onder divReactie om specifieker zaken kunnen aansturen */
#divReacties {
height : 335px;
width : 480px;
overflow:auto;
}
/* Blok in divContent aan de rechterkant (bevat divCReerste en divCRtweede en divReclame) */
#divCrechts {
float : right;
height : auto;
width : 199px;
border-left-color : #999;
border-left-style : solid;
border-left-width : thin;
}
/* Blok dat bijna volledig rechterkolom in beslag neemt voor lijst met media */
#divCRlang {
height : 335px;
margin : 10px auto 10px auto;
width : 180px;
border : #0092b2;
border-style : solid;
border-width : thin;
}
/* Blokje in divCrechts */
#divCReerste {
color:#000;
height : 160px;
margin : 10px auto 10px auto;
width : 180px;
border : #0092b2;
border-style : solid;
border-width : thin;
}
/* Blokje in divCrechts */
#divCRtweede {
color:#000;
height : 165px;
margin : 10px auto 0 auto;
width : 180px;
border : #776045;
border-style : solid;
border-width : thin;
}
/* Reclameblok, onderste in divClinks of divCrechts */
#divReclame {
height : auto;
margin : 10px auto 5px auto;
width : 180px;
border-style : solid;
border-width : thin;
}
/* Bepalen lengte voor scrollbar bij lijst op homepagina */
.HomeList {
height : 145px;
overflow : auto;
}
/* Bepalen lengte voor scrollbar bij lijst media */
.MediaList {
height : 320px;
overflow : auto;
}
/* Opmaak links in hoofmenu aanpassen */
ul.hfdMenu a {
color : #776045;
display : block;
padding : 3px 6px;
text-decoration : none;
cursor : default;
}
/* Opmaak links in hoofmenu aanpassen */
ul.hfdMenu a.mItems {
color : #fff;
}
/* Opmaak links in hoofmenu aanpassen */
ul.hfdMenu a:hover {
text-decoration : underline;
}
/* Opmaak hoofdmenu */
ul.hfdMenu{
font-size : 15px;
font-weight : bold;
color : #dfd3b6;
margin : 5px 5px 3px 3px;
padding : 0;
}
/* Opmaak list hoofdmenu items */
ul.hfdMenu li {
color : #776045;
padding : 0px 0px 5px 20px;
float : left;
margin-right : 5px;
width:auto;
list-style-type : none;
background : url(../images/list_star.gif);
background-repeat : no-repeat;
}
/* Opmaak hoofdmenu tweede niveau */
ul.hfdMenu li ul {
padding : 5px 0 0 0;
margin-left : 0;
font-size : 11px;
line-height : 6px;
}
/* Opmaak hoofdmenu tweede niveau (sub items) */
ul.hfdMenu li ul li {
padding : 0 0 0 5px;
width:auto;
margin-left : 0;
color : #fff;
float : none;
background : url(../images/list_bullet.gif);
background-repeat : no-repeat;
}
/* Opmaak links aanpassen */
a.knopHome {
background : inherit;
color : inherit;
text-decoration : none;
}
/* Opmaak links aanpassen */
a.knopHome:link {
color : #fff;
}
/* Opmaak links aanpassen */
a.knopHome:visited {
color : #fff;
}
/* Opmaak links aanpassen */
a.knopHome:hover {
text-decoration : underline;
color : inherit;
}
/* Opmaak links aanpassen */
a.knopMaster {
background : inherit;
color : inherit;
text-decoration : none;
}
/* Opmaak links aanpassen */
a.knopMaster:link {
color : #000;
}
/* Opmaak links aanpassen */
a.knopMaster:visited {
color : #000;
}
/* Opmaak links aanpassen */
a.knopMaster:hover {
text-decoration : underline;
color : inherit;
}
/* Opmaak lijstjes in content tekst */
ul.ulList {
list-style : disc;
list-style-position : outside;
margin : 10px;
padding : 0 0 0 10px;
}
/* Opmaak lijstje in divInfo (rechtsboven website) */
ul.txtInfo {
margin : 10px 0 0 20px;
font-size : 150%;
line-height : 1.1em;
}
/* Opmaak Lijsten in divC(L of R) eerste/tweede/lang */
ul.txtListitems {
margin : 5px 0 0 5px;
}
/* Lijnhoogte aanpassen */
.lijnhoogte {
line-height : 0.3em;
}
/* Voettekst onderaan website*/
.txtVoet {
text-align : center;
font-size : 70%;
padding : 1px;
}
/* Balkje in divC(R of L)(eerste/tweede) */
.balkBruin {
background : #776045;
color : #fff;
font-weight : bold;
padding : 0 0 3px 5px;
}
/* Balkje in divC(R of L)(eerste/tweede) */
.balkBlauw {
background : #0092b2;
color : #fff;
font-weight : bold;
padding : 0 0 3px 5px;
}
/* Balkje in divC(R of L)(eerste/tweede) */
.balkGroen {
background : #a8c545;
color : #fff;
font-weight : bold;
padding : 0 0 3px 5px;
}
/* Opmaak fototje in divCL(eerste of tweede)  */
img.figLinks {
border-color : #000;
border-style : solid;
border : thin;
}
/* Opmaak fototje in divCR(eerste of tweede) */
img.figRechts {
border-color : #000;
border-style : solid;
margin : 10px;
}
/* Opmaak image in divReclame*/
img.figReclame {
border-color : #000;
border-style : solid;
border : thin;
padding : 0 15px 5px 0;
}
/* Opmaak koptekst in content*/
.txtKoptekst {
padding : 5px 0 10px 0;
color : #776045;
font-size : 140%;
font-weight : bold;
}
/* Opmaak auteur regel*/
.txtAuteur {
font-weight : bold;
padding : 0 0 5px 0;
}
/* Opmaak laatste regel van de content, het slot van de inhoud*/
.txtSlotregel {
padding : 10px 0 10px 0;
font-style : italic;
font-weight : bold;
}
/* Opmaak laatste regel, ondertekening van de inhoud, veelal naam */
.txtOnderschrift {
padding : 10px 0 10px 0;
font-size : 100%;
font-style : italic;
}
/* Opmaak tekst bij nieuwsbrief */
.kopNieuwsbrief {
font-weight:bold;
padding: 2px 0 0 0;
}
/* Plaatsen van foto*/
.figNormaal {
width:auto;
border : thin solid silver;
margin : 0.5em;
padding : 0.5em;
}
/* Plaatsen foto aan linkerzijde*/
.figLinks {
float : left;
width:auto;
border : thin solid silver;
margin : 0.5em;
padding : 0.5em;
}
/* Plaatsen van foto rechterzijde */
.figRechts {
float : right;
width:auto;
border : thin solid silver;
margin : 0.5em;
padding : 0.5em;
}
/* Onderschrift foto */
.figNormaal p {
text-align : center;
font-style : italic;
font-size : smaller;
text-indent : 0;
}
/* Onderschrift foto links */
.figLinks p {
text-align : center;
font-style : italic;
font-size : smaller;
text-indent : 0;
}
/* onderschrift foto rechts */
.figRechts p {
text-align : center;
font-style : italic;
font-size : smaller;
text-indent : 0;
}
/* Opmaak om een thumbnail overzicht te maken*/
.figListFoto {
float : left;
width:25%; 
border : thin solid silver;
margin : 0.5em;
padding : 0.5em;
}
/* automatisch image op 100% plaatsen, indirect schalen aan de maar van de div */
img.scaled {
width : 100%;
}
/* letters in het rood achter input*/
.frmCheck{
color:#F00;
font-size:9px;
}
/* Letter in het wit bij meldingen nieuwsbrief */
.txtRespons {
color:#FFF;
}