@charset "utf-8";
/* schaalbare lettergrootte van parent: */
html {
	font-size: 100%
}
/* schaalbare lettergrootte van child 83,33% = 10pt met een regelhoogte van 120% van de lettergrootte = 1.2 em (em gebruik je bij relatieve lettergrootte). Let op de juiste volgorde van eigenschap font !!! : */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 83.33%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-decoration: none;
	background-attachment: fixed;
	background-color: #00004A;
	background-image: none;
	background-repeat: no-repeat;
	color: #000;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -500px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50%
}
/* box voor de site: */
div#site {
	width: 1000px;
	background-color: #fff;
	background-image: none;
	border-color: #006;
	border-style: ridge;
	border-width: thin;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px
}
/* pagina-indeling met tabellen binnen de box: */
table#titel {
	background-color: #003;
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	vertical-align: top;
	text-align: left;
	height: 115px;
	width: 1000px;
}
table#hoofdmenu {
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	width: 1000px
}
table#stramien {
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	width: 1000px;
	height: 800px
}
td#linkerkolom {
	background-color: #003;
	color: white;
	vertical-align: top;
	width: 180px;
	border-style: ridge;
	border-width: thin;
	border-left: none;
	border-bottom: none;
	border-color: #006;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-top: 17px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 15px;
}
td#koptekst {
	background-color: #003;
	color: white;
	vertical-align: top;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 800px
}
table.tekst {
	background-color: #003;
	color: white;
	vertical-align: top;
	width: 793px;
}
td.tekstueel {
	border-style: ridge;
	border-width: thin;
	border-color: #006;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px
}
td.tekstueelvrij {
	border: none;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px
}
table#kenmerken {
	background-color: #003;
	vertical-align: top;
	border-collapse: collapse;
	width: 550px
}
table#opsomming {
	background-color: #003;
	vertical-align: top;
	border-collapse: collapse;
	width: 275px
}
td.data {
	background-color: #003;
	color: #f9f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	vertical-align: top;
	border-collapse: collapse;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-style: none;
	border-left-width: 0
}
td.variabelen {
	background-color: #003;
	color: #69f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	vertical-align: top;
	border-collapse: collapse;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-style: none;
	border-left-width: 0
}
/* class voor de intro van een model: */
div.comment {
	background-color: #003;
	background-image: none;
	color: #f9f;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.6em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	padding-bottom: 15px;
	padding-left: 5px;
	border-bottom-style: none;
	border-bottom-width: 0 
}
/* class voor de fotocontainer: */
td.fotocontainer {
	background-color: #003;
	vertical-align: top;
	width: 200px;
	height: 300px;
}
td.bladeren {
	background-color: #003;
	border-collapse: collapse;
	border: none;
	border-style: none;
	border-width: 0;
	width: 800px
}
table.foto {
	background-color: #003;
	width: 180px;
	height: 280px;
	border-style: ridge;
	border-width: thin;
	border-color: #006
}
table.model {
	background-color: #003;
	width: 162px;
	height: 232px;
	border: none;
}
table.modelgegevens {
	background-color: #003;
	width: 162px;
	height: 20px;
	border: none;
	color: #f9f
}
table#footer {
	background-color: #00004A;
	border-collapse: collapse;
	border-style: none;
	border-width: 0;
	width: 1000px
}
/* selectors voor uitklapbaar menu: */
div#menubalk {
	background-color: #483d8b;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold
}
div#menubalk a {
	background: inherit;
	border-bottom: solid 1px #000;
	color: #fff;
	cursor: default; 
	display: block;
	padding: 2px 6px;
	text-decoration: none
}
div#menubalk a:hover {
	background-color: #7b68ee;
	color: #fff;
	display: block;
	text-decoration: none
}
div#menubalk ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
div#menubalk li {
	background-color: #483d8b;
	border-right: solid 1px #000;
	color: #fff;
	float: left;
	width: 10em
}
div#menubalk ul li ul {
	display: none;
	position: absolute
}
div#menubalk ul li ul li {
	float: none;
	border-left: solid 1px #000
}
div#menubalk ul li:hover ul {
	display: block
}
/* selector voor het omlijnen van element images: */
img {
	border-color: #000;
	border-style: solid;
	border-width: 1px
}
img.title {
	border: none
}
/* selector voor element emphasis "bold" in plaats van het gebruikelijke "cursief" dat minder duidelijk is op beeldschermen: */
em {
	font-style: normal;
	font-weight: bold
/* selector voor de andere elementen waar tags zonder correctie voor minder leesbare cursieve stijlen zorgen: */
}
cite, dfn, var {
	font-style: normal;
	font-weight: bolder
}
/* selector voor element address corrigeren in kleine letters i.p.v. cursief, bijvoorbeeld voor copyright notices: */
address {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-align: center;
	color: #fff
}
notice {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-align: right
}
td.footertext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-align: center;
	color: #fff
}
/* selector voor apart kop element met overline en underline: */
h1 {
	background: #fff;
	color: #f00;
	font-family: Impact, sans-serif;
	font-weight: normal;
	text-decoration: underline overline;
	text-transform: uppercase;
	line-height: 2em
}
h1 span { color: #000
}
/* selector voor kop elementen in uppercase: */
h2, h3, h4, h5, h6 {
	text-transform: uppercase
}
/* selector voor kleinkapitalen voor afkortingen: */
abbr {
	text-transform: lowercase;
	font-variant: small-caps;
	border-bottom: thin dotted
}
/* selector + class voor afkortingen met kleine letters en zonder onderstippeling: */
abbr.klein {
	border-bottom-width: 0;
	font-variant: normal;
	text-transform: lowercase
}
/* correctie voor de witruimte na de elementen ul en ol + iets meer ruimte tussen de items in een lijst */
ol, ul {
	margin-top:0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0
}
li {
	padding-top: 0.3em;
	padding-bottom: inherit
}
/* selector voor de meest geschikte opsommingstekens voor geordende en ongeordende lijst voor elementen ol en ul (met oranje bullets en zwarte tekst) */
ol {
	list-style-type: lower-alpha
}
ul {
	background: inherit;
	color: #fc0;
	list-style-type: disc
}
ul li span {
	background: inherit;
	color: #000
}
/* selector voor genummerde lijst met grote oranje nummers zonder punt en zwarte tekst */
p.nummer {
	background: inherit;
	color: #fc0;
	font-size: 200%;
	font-weight: bold;
	line-height: 1em;
	margin-top:0;
	margin-bottom:0;
	margin-left: 0.5ex;
	padding-top: 0;
	padding-bottom:0
}
p.genummerd {
	line-height: 1.3em;
	margin-top:0;
	margin-bottom: -1em;
	padding-left: 3em;
	position: relative;
	top: -2em
}
/* selector voor element ul zonder opsommingstekens en inspringing */
ul.lijst {
	background: inherit;
	color: #000;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0
}
/* pseudo-classes voor hyperlinks dynamische website: */
a:link, a:visited {
	background: inherit;
	color: #f9f;
	text-decoration: underline
}
a:hover, a:active {
	background: inherit;
	color: #ccc;
	text-decoration: none
}
/* pseudo-classes voor hyperlinks naar verklarende woordenlijst: */
a.trefwoord:link, a.trefwoord:visited, a.trefwoord:hover {
	background-color: #fff;
	background-image: none;
	border-bottom-color: #008000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	color: #008000;
	cursor: help;
	text-decoration: none
}
/* selectors met pseudo-classes voor hyperlinks in de navigatiebalk die soms anders zijn dan in de tekst: */
div.subnav {
	background-color: #003;
	background-image: none;
	color: #f9f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	font-style: normal;
	line-height: 3.5em;
	text-align: left;
}
div.subnav a {
	background: inherit;
	color: #f9f;
	text-decoration: none
}
div.subnav a:hover {
	color: #ccc;
	text-decoration: underline
}
div.blader {
	background-color: #003;
	background-image: none;
	color: #f9f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.1em;
	text-align: right;
	vertical-align: top
}
div.blader a {
	background: inherit;
	color: #f9f;
	text-decoration: none
}
div.blader a:hover {
	color: #ccc;
	text-decoration: underline
}
/* class voor de aanduiding van een webpagina: */
div.kop {
	background-color: #003;
	background-image: none;
	color: #69f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 200%;
	line-height: 0.8em;
	font-weight: bold;
	font-style: normal;
	font-variant:small-caps;
	text-align: left
}
/* class voor het vergroten van de hotspot rond een link: */
span.hotspot {
	display: block;
	height: 100%;
	width: 100%
}
/* class voor een mouseover: */
#zoom a {	
	text-decoration: none;
	border: none;
	display: block;
	height: 20px;
	width: 20px;
	padding-top: 0px;	
	padding-left: 0px; 
	background: url('zoom.jpg') no-repeat
}
#zoom a:hover {
	text-decoration: none;
	border: none;
	height: 20px;
	width: 20px;
	padding-top: 0px;
	padding-left: 0px;
	background: url('zoom01.jpg') no-repeat
}
/* class voor uitprinten met JavaScript via een link: */
.print {
	background: inherit;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 81.25%;
	font-style: normal;
	font-weight: bold;
	color: #83221e;
	cursor: pointer;
	text-decoration: underline
}
/* class voor links uitlijnen: */
.l {
	text-align: left
}
/* class voor centreren: */
.c {
	text-align: center
}
/* class voor afbeelding NEW met schaalbaar lettertype 0.75em = 75% = 12px: */
.n {
	background-color: #ff0;
	color: #000;
	font-style: normal;
	font-size: 0.75em;
	font-family: Verdana, Geneva, sans-serif
}
/* class voor afbeelding RSS met schaalbaar lettertype 0.75em = 75% = 12px en handig gebruik van randen: */
.rss {
	background-color: #f60;
	background-image: none;
	border-style: solid;
	border-width: 1px;
	border-top-color: #ffc8a4;
	border-right-color: #7d3302;
	border-bottom-color: #3f1a01;
	border-left-color: #ff9a57;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	padding: 1px 6px 1px 6px;
	text-decoration: none;
	text-transform: uppercase
}
/* class voor het maken van tooltips met systeemkleuren: */
.tooltip {
	background-color: InfoBackground;
	color: InfoText;
	border-color: WindowFrame;
	border-width: 1px;
	border-style: solid;
	font: message-box;
	padding: 1ex
}
.formbox {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	background-color: #ffb7ff;
}
.formbutton {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #69F;
}
.formtitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #69f;
	
}