body { background : #ACB5B4 url("../images/bg_body.png") repeat top left; margin : 0; padding : 0; font-family : verdana, helvetica, arial; font-size : 8pt; color : #000033; }
/* links */
a:link { color: #000033; text-decoration: underline; }
a:visited { color: #000033; text-decoration: underline; }
a:active { color: #000033; text-decoration: underline; }
a:hover { color: #D81E05; text-decoration: underline; }
/* basisfonts */
h1 { color: #D81E05; font-family: helvetica, arial; font-size: 11pt; font-weight: Bold; }
h2 { color: #D81E05; font-family: helvetica, arial; font-size: 11pt; font-weight: Bold; }
h3 { color: #D81E05; font-family: helvetica, arial; font-size: 9pt; font-weight: Bold; }
h3 a:link { color: #D81E05; text-decoration: underline; }
h3 a:visited { color: #D81E05; text-decoration: underline; }
h3 a:active { color: #D81E05; text-decoration: underline; }
h3 a:hover { color: #D81E05; text-decoration: underline; }
h4 { color: #FFFFFF; font-family: helvetica, arial; font-size: 9pt; font-weight: Bold; margin: 0; padding: 0; }
h5 { color: #000033; font-family: helvetica, arial; font-size: 9pt; font-weight: Bold; }
h6 { color: #000033; font-family: helvetica, arial; font-size: 9pt; font-weight: Bold; }
td { color: #000033; font-family: verdana, helvetica, arial; font-size: 8pt; }
p { color: #000033; font-family: verdana, helvetica, arial; font-size: 8pt; }
ul, ol, li { color: #000033; font-family: verdana, helvetica, arial; font-size: 8pt; }
/* STANDAARD CLASSES (alleen tekst) */
.nav { color: #6C6C6C; font-family: verdana, helvetica, arial; font-size: 8pt; }
.nav a:link { color: #6C6C6C; text-decoration: none; }
.nav a:visited { color: #6C6C6C; text-decoration: none; }
.nav a:active { color: #6C6C6C; text-decoration: none; }
.nav a:hover { color: #D81E05; text-decoration: underline; }
.zichtb { color: #009900; font-family: verdana, helvetica, arial; font-size: 8pt; }
.zichtb a:link { color: #009900; text-decoration: underline; }
.zichtb a:visited { color: #009900; text-decoration: underline; }
.zichtb a:active { color: #009900; text-decoration: underline; }
.zichtb a:hover { color: #D81E05; text-decoration: underline; }
.verbor { color: #6C6C6C; font-family: verdana, helvetica, arial; font-size: 8pt; }
.verbor a:link { color: #6C6C6C; text-decoration: underline; }
.verbor a:visited { color: #6C6C6C; text-decoration: underline; }
.verbor a:active { color: #6C6C6C; text-decoration: underline; }
.verbor a:hover { color: #D81E05; text-decoration: underline; }
.verwij { color: #FF0000; font-family: verdana, helvetica, arial; font-size: 8pt; }
.verwij a:link { color: #FF0000; text-decoration: underline; }
.verwij a:visited { color: #FF0000; text-decoration: underline; }
.verwij a:active { color: #FF0000; text-decoration: underline; }
.verwij a:hover { color: #FF0000; text-decoration: underline; }
/* forms */
INPUT { color: #000033; font-family: helvetica, arial; font-size: 8pt; }
TEXTAREA { color: #000033; font-family: helvetica, arial; font-size: 8pt; }
.radiobutt { border: 0px; color: #000033; }
.okbutt { margin: 3px 0px 3px 0px; border: 1px solid #6C6C6C; background-color: #FFFDEC; color: #000033; font-family: verdana, helvetica, arial; font-size: 10px; font-weight: Bold; }
/* plaatjes */
.thumb { border: 1px solid #6C6C6C; margin: 0 0 3px 0; padding: 0; }
.introfoto { border: 1px solid #6C6C6C; margin: 0; padding: 0; }
/* hr */
.hr hr { display: none; }
.hr { margin: 1px 0px 1px 0px; border-bottom: 1px solid #E7E7E7; height: 1px; }
#printlogo { display : none; }
/* POSITIONERING */
/* maak een maincontainer, en zet daarin de bg met dropshadows */
#maincontainer { width : 789px; margin : 0 auto; /* gecentreerd */ padding : 0; background : #FFFFFF url("../images/bg_main.png") repeat-y top left; }
/* forceer header en content in een kolom van x pixels breed */
#maincontainer2 { width : 769px; margin : 0 auto; /* gecentreerd */ padding : 0; }
/* HEADER */
#header { width : 769px; height : 100px; margin : 0; padding : 0; background : #FFFFFF url("../images/bg_header.png") no-repeat top left; }
#logo { margin : 0; padding : 7px 0 0 20px; }
#banner1 { position : absolute; top : 7px; margin : 0 0 0 295px; padding : 0; }
/* horizontale navigatiebalk */
/* navbalk valt onder de header */
/* navbalk2 komt nog in de footer? */
#navbalk, #navbalk2 { position : absolute; top : 82px; width : 610px; margin : 0 0 0 8px; padding : 0; z-index : 30; }
#navbalk ul, #navbalk2 ul { margin : 0; padding : 0; list-style-type : none; }
/* fixed width li */
#navbalk li, #navbalk2 li { display : inline; /* horizontaal */ float : left; text-align : left; width : 18%; /* MAX. 24% */ margin : 0; padding : 0 0 0 3px; color : #FFFFFF; font-family : verdana, helvetica, arial; font-size : 8pt; font-weight : bold; }
#navbalk li a, #navbalk2 li a { color : #FFFFFF; text-decoration : none; }
#navbalk li a:hover, #navbalk2 li a:hover { color : #F4DD1A; text-decoration : none; }
/* EINDE HEADER */


/* CONTENT */
/* 3-koloms: linkerbalk met menulinks, broodtekst, rechterbalk */
div#contentcontainer { width : 769px; margin : 0 auto; /* gecentreerd */ }
/* LINKERBALK = obsolete */


/* RECHTERKANT */
#rechterbalk { float : right; width : 234px; margin : 0; padding : 0; background-color : #F2F8E3;  /* bg zit ook in de bg_main.png */ }
#zoekbox { background-color: #F2F8E3; } /* obsolete; inav heeft eigen css */
#zoekbox form { margin: 0; padding: 0; }
#newsbox .kop { padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7; }
#newsbox .td1 { padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7; }
#newsbox .td2 { padding: 2px 0 2px 8px; background-color: #F2F8E3; border-bottom: 1px solid #E7E7E7; }
#taalbox .kop { padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7; }
#taalbox .td1 { padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7; }
#taalbox img { padding: 0 10px 0 0; }
#smedia .kop { padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7; }
#smedia .td1 { padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7; }
#smedia img { padding: 0 10px 0 0; }
#loginbox .kop { padding: 2px 0 2px 8px; background-color: #144F25; border-bottom: 1px solid #E7E7E7; }
#loginbox .td1 { padding: 2px 0 2px 8px; background-color: #FBFFFC; border-bottom: 1px solid #E7E7E7; }
#loginbox .td2 { padding: 2px 0 2px 8px; background-color: #F2F8E3; border-bottom: 1px solid #E7E7E7; }
/* EINDE RECHTERKANT */


/* MIDDENKOLOM (broodtekst) */
/* in de HTML ná linker- en rechterbalk plaatsen; */
/* die floaten eromheen */
/* geef apart de width aan ipv margin-right te vergroten, */
/* om ongewenste padding links te voorkomen */

/* op de homepage includen we een extra div met daarin een plaatje of flash movie */
#introplaat { margin : 1px 0 0 2px; padding : 0; width : 530px; /* plaatje met border 1px: 528*216 */ height : 218px; background-color : #F2F8E3; float: left; }
#broodtekst { margin : 0 5px; padding : 5px 0 20px 0; width : 525px; line-height : 17px;/* background-color      : #ffe4e1; */ }
#broodtekst h1 { padding : 3px 0 0 0; /* druk h1 tegen de bovenkant */ margin : 0; }
#broodtekst h2 { padding : 8px 0 0 0; /* flink wat marge tussen /p en h2 */ margin : 0; }
#broodtekst p { margin: 0; padding: 4px 0; text-align: justify; }
#broodtekst ul { padding : 0 0 0 17px; margin : 0; }
#broodtekst li { display : list-item; /* speciaal voor FF */ list-style-type : square; text-align : left; }
/* thumbnail lists */
td.lijn { margin : 10px 0 10px 0; border-bottom : 1px solid #E7E7E7; }
/* CLEAR */
#cleardiv { clear : both; }
/* EINDE CONTENT */


/* FOOTER */
#footer { clear : both; position : relative; width : 769px; height : 40px; margin : auto; padding : 0; background : #FFFFFF url("../images/bg_footer.png") no-repeat top left; z-index : 200; }
.adres { text-align : left; padding-top : 15px; padding-left : 20px; font-family : verdana, helvetica, arial; font-size : 8pt; font-weight : normal; color : #6C6C6C; line-height : 15px; }
.adres a, .adres a:link, .adres a:active, .adres a:visited { color : #6C6C6C; }
.adres a:hover { color : #D81E05; }
/* extra dropshadow langs bottom, gehele breedte */
#footer2 { clear : both; position : relative; margin : auto; padding : 0; width : 789px; height : 20px; background : url("../images/bg_footer2.png") no-repeat top left; }
.pluginCountButton pluginCountNum { display: hidden !important; }
.pluginCountButtonNub { display: hidden !important; }
/*Responsive CSS Start*/
.left_side { float: left; }

@media (max-width: 790px) {
#broodtekst .linkspage h2 {
  padding: 15px 0px 5px 0px;
  clear: both;
}
#banner2 img{max-width:100%;}
#broodtekst ul{clear:both;}
#smedia td br{display:none;}
#smedia td iframe{float:none;vertical-align:middle;display:inline-block;}
#broodtekst h1{clear:both;}
#broodtekst p { float: left; margin: 0; padding: 4px 0; text-align: justify; width: 96%;font-size:11px;}
#maincontainer { margin: 0 auto; width: 100%; }
#header { width: 100%;height:auto; }
#logo { text-align: center; padding: 0; }
#maincontainer2 { width: 100%;overflow-x:hidden; }
#banner1 { margin: 0; padding: 0; top: 7px; position: static; text-align: center; }
#rechterbalk { width: 100%; text-align: center; }
#broodtekst { line-height: 17px; margin: 0; padding: 0 5px; width: 97%; float: left; }
#maincontainer { background: #fff none repeat scroll 0 0; }
#introplaat { width: 100%; margin: 0; text-align: center; }
#footer { background: #fff none repeat scroll 0 0; width: 100%; }
div#contentcontainer { margin: 0 auto; width: 100%; background: #f2f8e3; }
#footer2 { width: 100%; }
/*body { background: #fff;}*/
.introfoto { max-width: 99%; }
.left_side { float: left; width: 100%; }
#header a img { max-width: 100%; }
#header { background: #F2F8E3; }
#broodtekst iframe { width: 100%;overflow:auto; }
#broodtekst > table { width: 98%; }
#broodtekst iframe { /*height: 174px !important;*/ width: 100%; }
/*#broodtekst form table tbody tr td { float: left; width: 100%; }*/
#broodtekst form { float: left; width: 100%; }
#broodtekst form table tbody tr td input[type="text"], #broodtekst form table tbody tr td textarea { width: 95% !important; }
#broodtekst table { width: 100%; }
}
@media only screen and (max-width:639px){
#smedia{text-align:left;}
#smedia td br{display:block;}
#smedia td iframe{float:none;vertical-align:middle;display:inline-block;}
}
@media only screen and (max-width:481px){
#broodtekst form table tbody tr td input[type="text"], #broodtekst form table tbody tr td textarea{width:90% !important;}
.contactpage td {
  float: left;
  width: 100%;
}
#broodtekst td > div {
    max-width: 100%;
}
#broodtekst td {
   position:relative;
}
#broodtekst td > div > img{
    max-width: 100%;
	height:auto;
}
}
@media only screen and (max-width:360px){

#broodtekst td > a > img {
max-width: 70px;
height: auto;
}
#broodtekst td > div {
    max-width: 100%;
}
#broodtekst td {
   position:relative;
}
#broodtekst td > div > img {
    max-width: 100%;
	height:auto;
}
#broodtekst form table tbody tr td input[type="text"], #broodtekst form table tbody tr td textarea{width:87%!important;}
}