html {width:90%; height:100%; overflow: none;
	font:15px 'verdana'; 
}

/*@font-face {
    font-family: 'martelregular';
    src: url('martel-webfont.eot');
    src: url('martel-webfont.eot?#iefix') format('embedded-opentype'),
         url('martel-webfont.woff') format('woff'),
         url('martel-webfont.ttf') format('truetype'),
         url('martel-webfont.svg#martelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mississaugaregular';
    src: url('mississauga-webfont.eot');
    src: url('mississauga-webfont.eot?#iefix') format('embedded-opentype'),
         url('mississauga-webfont.woff2') format('woff2'),
         url('mississauga-webfont.woff') format('woff'),
         url('mississauga-webfont.ttf') format('truetype'),
         url('mississauga-webfont.svg#mississaugaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*a {
	font-weight: bold;
	color: #5f608d;
	background: transparent;
	font-size: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover, a.hoofdmenu:hover { color: #d56d00; background: transparent; }

a.hoofdmenu {
	font-family: 'martelregular', sans-serif;
	color: #764b76;
	text-decoration: none;
	font-size: 175%;
	font-weight: normal;
	}

a.hoofdmenuactief {
	font-family: 'martelregular', sans-serif;
	text-decoration: none;
	font-size: 175%;
	color: #d56d00;
	font-weight: normal;
}

a.knop {
	width: 90%;
	background-color: white;
	border-radius: 5px;
	margin-bottom: 20px;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
}

p a, a.inzin {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	text-decoration: underline;
	background-color: transparent;
	display: inline;
	}

p a:hover, a.inzin:hover { color: #d56d00;}

a.knopwit { background-color: white; 
border-radius: 5px; 
display: inline-block;
padding: 5px; text-decoration: none 
}

.blauw { color: #525284; }*/

body {
	background-color: white;
	width:90%;
	margin-left: 10%;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 0;
	color: #525284;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 180%;
}

#rijboven { text-align:left; width: 100%; }

#rijboven a, #rijonder a { color: #a7aac2; font-size: 85%; text-decoration: none;  }

#rijboven a:hover, #rijonder a:hover { color: #5f608d }

#rijonder { margin-bottom: 100px; 
	font-family: Arial, Helvetica, sans-serif; }

div.blokgroen {
	display: block;
	overflow: auto;
	clear: both;
	padding: 5%;
	width: 90%;
	margin: 30px 0;
	background-color: #f4f8fb;
	border-radius: 30px;
	line-height: 160%;
	border: solid 1px #d5e2ea;
}

div.blokgroen h1 { margin-top: 0;  }

div.blokgroen p.fototekst { color: white }

div.blokgroen img { width: 22% }

#blokhoofdmenu { margin-left: 3%; margin-top: 20px; min-height: 200px; width: 97%;  }

#menuknop1 { width: 8% }
#menuknop2 { width: 10% }
#menuknop3 { width: 13% }
#menuknop4 { width: 15% }
#menuknop5 { width: 11% }
#menuknop6 { width: 17% }

div.blokgroentekst { float: right; width: 70%; margin-left: 20px }

div.inhoud {
	max-width: 1140px;
	background-color: #e1eaf1;
	border: 1px solid #d5e2ea;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	background: url(layout.jpg) no-repeat top center scroll;
	background-size: 100%;
}

div.blokmenu {
	margin-right: 3%;
	margin-left: 3%;
	margin-top: 100px; 
	margin-bottom: 100px 
	}

div.inhoudframe {
	background-color: #fcfdff;
	margin: 0;
	padding: 0px;
	background-image: url(achtergrond.gif);
	background-repeat: repeat;
}

div.menuknop, div.menuknopwit, 
div.menuknopartikelen {
	float: left;
	margin-bottom: 30px;
	margin-right: 0px;
	width: 100%;
	text-align: left;
	line-height: 150%;
	font-size: 90%;
	color: #333353;
	padding: 10px;
	border-radius: 10px;	
}

div.menuknop a, 
div.menuknopwit a, 
div.menuknopartikelen a {
	font-size: 15px;
	text-decoration: none
}

a div.menuknopartikelen { font-weight: normal;}

div.menuknop ul, 
div.menuknopwit ul, 
div.menuknopartikelen ul, 
div.menuknop ol, 
div.menuknopwit ol { margin-left: 30px }

div.menuknopartikelen ol, div.menuknopartikelen ul { margin-left: 0px }

div.menuknopwit { background-color: #F4F8FB; border: 1px solid #afc7d9; }

div.paginaframe div.menuknopwit { background-color: #e6e5e1; border: 1px solid #bdbdb1; }

div.menuknopartikelen { background-color: white;
min-height: 280px; 
font-size: 90%;
 box-shadow: 5px 5px 5px #AAAAAA;
}

div.menuknopwit ul { margin-top: 20px; }

div.menuknop ul { margin-top: 10px; }

div.menuknop li, div.menuknopwit li  {
	margin-left: -10px;
	list-style-image: url(../linkintern.gif);
	line-height: 150%;
	margin-bottom: 12px;
}
	
div.menuknop ul li.actie, div.menuknopwit ul li.actie { list-style-image:url(../listitem-actie.png) }
div.menuknop ul li.artikel, div.menuknopwit ul li.artikel { list-style-image:url(../listitem-artikel.png) }
div.menuknop ul li.video, div.menuknopwit ul li.video { list-style-image:url(../listitem-video.png)}
div.menuknop ul li.web, div.menuknopwit ul li.web { list-style-image:url(../listitem-web.png)}
div.menuknop ul li.pdf, div.menuknopwit ul li.pdf { list-style-image:url(../listitem-pdf.png) }

div.menuknop img { margin-bottom: 20px; }

.pagina div.menuknopwit { padding: 20px }

.pagina div.menuknopwit img { width: 100%; margin-bottom: 20px; }

div.paginaframe {
	clear: both;
	display: block;
	background-image: url(../achtergrond.gif);
	background-repeat: repeat;
	background-color: #fffffff;
	width:90%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4%;
	line-height: 220%;
}

fieldset {
	margin: 40px auto 40px auto;
	border-width: 2px;
	font-size: 90%;
	color: #9b9b8b;
	line-height: 150%;
	border:2px solid #9b9b8b;
	padding: 20px;
}

fieldset td {
	color: #9b9b8b;
}


/*h1 {
	color: #333353;
	background: transparent;
	font-size: 135%;
	font-style: normal;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
	font-family: 'IM FELL English PRO', Verdana, Geneva, Arial, Helvetica, serif;
}

h2 {
	font-family: mississaugaregular, Verdana, Geneva, Arial, Helvetica, serif;
	background: transparent;
	font-size: 230%;
	margin-bottom: 15px;
	margin-top: 55px;
	color: #7676a7;
	clear: both;
}

h3 {
	color: #9b9b8b;
	background: transparent;
	font-size: 90%;
	margin-bottom: 0px;
	margin-top: 5px;
}

h4 {
	background: transparent;
	font-size: 135%;
	margin-bottom: 0px;
	margin-top: 55px;
	text-align: center;
	line-height: 190%;
}

h5 {
	color: #333353;
	background: transparent;
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 30px;
}

h6 { text-align: center; font-size: 120%; color: inherit }*/

img /*{ border-width: 0; }*/
	{
border-radius:3em;
			border:3px solid darkred;
			border-radius:1em;
			margin:10px;
	}
	
img.linksnaasttekst { float: left; margin-right: 25px; margin-bottom: 25px; }

select, input, textarea {
	font-family:Verdana, Geneva, sans-serif;
	background-color: white;
	padding-left: 4px; 
	padding-right: 4px;
	color: #888aac;
	margin-top: 5px; 
	margin-bottom: 5px; 
	font-size: 120%;
	border: 1px solid #d5e2ea;
	border-radius: 6px;
}

textarea, input {
   box-sizing: border-box;
}
/* voor Apple*/
input {
		-webkit-appearance: none;
}

input.knop {
	font-size: 110%;
	margin-top: 7px;
	border: 1px outset ActiveCaption;
	background-color: #ffc75e;
	cursor: pointer;
	color: #5f608d;
	cursor: pointer;
	font-weight: bold;
	padding: 4px;
	}

input.reset {
	border: 1px outset #CCCCCC;
	background-color: #f4f4f4;
	cursor: pointer;
	color: #777777;
	cursor: pointer;
	}

input:focus,
textarea:focus { 
	color: #333353;
	border: solid 1px ActiveCaption;
	box-shadow: 0px 0px 10px #BBBBBB;
	}

legend {
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 2px;
}

li, ul, ol {
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 0px;
}

p, ol, ul {
	font-family: Georgia,"Bitstream Charter", serif;
	font-size: 120%;
	line-height: 200%;
	}

p {
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: justify;
	line-height: 180%;
}

p, li, ul, ol, td, div {
	color: #333353;
	background: transparent;
	}

ol, ul { margin-right: 5%; margin-left: 0% }

p.eind { margin-top: 10px; margin-bottom: 80px; }

p.kop { margin-top: 60px; margin-bottom: 20px; }

p.kopeind { margin-top: 60px; margin-bottom: 80px; }

p.midden { margin-top: 10px; margin-bottom: 10px; }

pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 110%;
	line-height: 220%;
	margin-left: 30px;
	color: #525284;
}

span.nadruk { font-weight: bold; color: #d2691e }

span.speciaalteken {
	color: #AAAAAA;
	font-family: 'Times New Roman';
	font-size: 100%;
}

span.tooltip { border-bottom: 1px dashed #8685B1 }

td h1 { margin-top: 0; }

td.uitvoer {
	font-size: 90%;
}

.kleiner {
	font-size: 85%;
	margin-top: 15px;
	color: #8685B1;
	line-height: 150%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p.mededeling {
	background-color: #E6EDF3;
	font-size: 90%;
	padding: 5px 2%;
	margin: 0;
	line-height: 120%;
	color: #8DA1C1;
}

#dhtmltooltip {
	padding: 12px;
	background-color: #feffc5;
	border: 2px solid #feff93;
	font-size: 80%;
	line-height: 140%;
	color: #777777;
	visibility: hidden;
}

.zoomportret {  transition: all 0.5s ease; }
.zoomportret:hover { transform: scale(2, 2); }

td.sterrenbeeld 	{ font-family: Arial; font-size: 11px; font-weight: bold; color: #555555;  }
td.jaarblokken 	{ font-family: Arial; font-size: 12px; line-height: 120% }


/* Artikelen */

div.paginaframe caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	letter-spacing: 3pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.tekstvak {
	font-size: 14px;
	border: 5px outset #DFD2C6;
	padding: 12px;
	background-color: #DFD2C6;
	opacity: 0.5;
}

div.paginaframe h1 {
	font-size: 32px;
	color: #9b9b8b;
	text-align: left;
	margin: 40px 0 80px 0;
}

div.paginaframe h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	margin-top: 60px;
	color: #6293ec;
}

div.paginaframe h3 {
	font-size: 26px;
	margin-top: 60px;
	margin-bottom: 10px;
	}

div.paginaframe h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 30px;
	margin-bottom: 13px;
	text-align: center;
	font-size: 15pt;
}

div.paginaframe h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 13px;
	text-align: left;
	font-size: 13pt;
}


div.paginaframe p  {
	font-size: 125%;
	line-height: 220%;
	color: #525246;
	}

div.paginaframe p.kleiner {
	font-size: 90%;
	line-height: 170%;
}

div.centreren {
	margin-top: 40px;
	margin-bottom: 35px;
	width:100%;
	text-align:center;
	line-height: 150%;
}

div.blokafbeelding {
	float: right;
	width: 50%;
	padding: 17px;
	border-radius: 8px;
	background-color: #DBDBD5;
	margin-left: 20px;
	font-size: 100%;
	color: #777766;
	line-height: 180%;
}

div.paginaframe .tabeltekst { width: 100%; margin: 30px 0 }

div.paginaframe .tabeltekst thead td { border-bottom: 2px #525284 solid; font-weight:bold }


.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222; }



p.bijschrift, div.paginaframe p.bijschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #777766;
	font-size:90%;
	line-height: 170%;
	margin-top: 20px;
	text-align: inherit;
}

p.citaat, div.paginaframe p.citaat {
	color: #4632A5;
	padding-left: 4%;
	padding-right: 4%;
}

div.paginaframe p.fotointekst{
	color: white;
	margin-top: -47px; 
	margin-left: 15px;
	text-align: left;
	color: white;
	font-size: 100%;
	margin-left: 10px;
	margin-bottom: 0px;
}

span.dierenriemteken {
	font-family: Almanac MT;
	font-size: 14pt;
	color: #489E44;
}

span.speciaalteken {
	color: #AAAAAA;
	font-family: 'Times New Roman';
	font-size: 14pt;
}

div.paginaframe table {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 100%;
}

td.fasesjaartallen { text-align: left; font-size: 10px; color: #555555; }

td.tabelkop1 {
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

td.tabelkop2 {
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
	line-height:130%;
	letter-spacing: 1px;
}

.menunummers a {
	width: 30px;
	height: 60px;
	margin-right: 1%;
	padding: 8px;
	text-decoration: none;
	font-size: 20px;
	margin-top: 30px;
	line-height: 400%;
	background-color: white;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #AAAAAA;
	white-space:nowrap;
}

.menunummers a:hover { background-color: #d56d00; color: white; }

.element1 { font-family: Arial, sans-serif; background-color:#636463; color: #CCCCCC; padding: 8px }
.element2 { font-family: Arial, sans-serif; background-color: #e5d56d; padding: 8px }
.element3 { font-family: Arial, sans-serif; background-color: #b3cf63; padding: 8px }
.element5 { font-family: Arial, sans-serif; background-color: #e9eab3; padding: 8px }
.element4 { font-family: Arial, sans-serif; background-color: #63a763; color: white; padding: 8px }
.element6 { font-family: Arial, sans-serif; background-color: #e9eae9; padding: 8px }
.element7 { font-family: Arial, sans-serif; background-color: #c8c9c8; padding: 8px }
.element8 { font-family: Arial, sans-serif; background-color: #e9ff6d; padding: 8px }
.element9 { font-family: Arial, sans-serif; background-color: #e99a63; padding: 8px }

/* Smaller screens */
@media only screen and (max-width: 1023px) {
#rijonder { width: 94%; padding-left: 3% }
#rijboven { width: 94%; padding-left: 3% }
#blokhoofdmenu { min-height: 120px }
a.hoofdmenu, a.hoofdmenuactief {font-size: 15px}
#menuknop1 { width: 8% }
#menuknop2 { width: 11% }
#menuknop3 { width: 14% }
#menuknop4 { width: 15% }
#menuknop5 { width: 12% }
#menuknop6 { width: 17% }

div.menuknop, div.menuknopwit,
div.menuknopartikelen { line-height: 150% }

div.blokmenu li { line-height: 170% }

a.hoofdmenuactief, a.hoofdmenu { font-size: 160% }
}

/* ============================= */
/* ! Layout for mobile version */
/* ============================= */


@media handheld, only screen and (max-width: 767px) {
body { font-size: 14px }
.row .threecol { float: left; width: 50%; }
.row .ninecol { clear: both; float: none; width: 95%;  }

h1 { font-size: 120%;}
h2 { font-size: 220%;}
h3 {font-size: 90%;}
h4 { font-size: 120%;}
h5 { font-size: 110%;}
h6 { font-size: 110%;}
#blokhoofdmenu { min-height: 70px; text-align: left; line-height: 240%; margin-bottom: 10px; }
#menuknop1 { width: 85% }
#menuknop2 { width: 85% }
#menuknop3 { width: 85% }
#menuknop4 { width: 85% }
#menuknop5 { width: 85% }
#menuknop6 { width: 85% }

#afkappen { clear:both }

div.blokmenu a { width: 100%; 
background-color: white; border-radius: 5px; 
display: inline-block; padding: 5px; text-decoration: none }

div.blokmenu a:hover { background-color: white; color:#d56d00; }

div.menuknop,
div.menuknopartikelen { margin-right: 20px; margin-top: 30px; width: 90%}

div.menuknopwit { background-color: inherit; border: none; width:90%; margin-right: 20px; margin-top: 30px }

div.menuknop ul li, 
div.menuknopwit ul li { margin-top: 25px; list-style-type:none; margin-left: -30px}

div.menuknop img { width: 50%; min-width: 200px}
div.menuknop img.icoontje { width: 10px; max-height: 10px; max-width:10px; min-height: 10px; min-width:10px; }

div.menuknop ul li, div.menuknopwit ul li { list-style-image:none; }
div.menuknop ul li.actie, div.menuknopwit ul li.actie { list-style-image:none; }
div.menuknop ul li.artikel, div.menuknopwit ul li.artikel { list-style-image:none; }
div.menuknop ul li.video, div.menuknopwit ul li.video { list-style-image:none; }
div.menuknop ul li.web, div.menuknopwit ul li.web { list-style-image:none;}
div.menuknop ul li.pdf, div.menuknopwit ul li.pdf { list-style-image:none; }

#pijlomhoog { width: 23px }

div.blokmenu div.artikel a.inzin,
div.colboeken a.inzin {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	text-decoration: underline;
	background-color: transparent;
	display: inline;
	width:auto
	}

div.blokmenu div.artikel a.inzin:hover,
div.colboeken a.inzin:hover { color: #d56d00;}

div.blokgroen a.inzin {
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	text-decoration: underline;
	background-color: transparent;
	display: inline;
	width:auto;
	font-weight: bold
	}

div.blokgroen a.inzin:hover { color: #d56d00;}

a.hoofdmenuactief, a.hoofdmenu { font-size: 160% }
p.kop { margin-top: 40px; margin-bottom: 15px; }
p.kopeind { margin-top: 40px; margin-bottom: 60px; }
p.midden { margin-top: 10px; margin-bottom: 10px; }
p.eind { margin-bottom: 30px; }
}

@media handheld, only screen and (max-width: 640px) {
body { font-size: 13px }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 0;}
div.blokmenu  { margin: 2% 2% 50px 2% }
div.menuknop { margin: 0 }
div.blokgroentekst { width: auto; margin-left: 0 }
div.blokgroen img { width: 30% }
.menuweblog li { line-height: 300% }
.row .threecol { float: left; width: 100% }

p.kop { margin-top: 20px; margin-bottom: 10px; }
p.kopeind { margin-top: 20px; margin-bottom: 30px; }
p.midden { margin-top: 6px; margin-bottom: 6px; }
p.eind { margin-bottom: 15px; }
div.blokafbeelding { width: 90%; float:none; margin-left:0}
}


@media handheld, only screen and (max-width: 450px) {
p, ol, ul { margin-right: 0px }
div.blokmenu a { width: 100%; }
.tekstniettonen { display: none }
}