/* STIJLDECLARATIES VOOR ONZE SITE */

.projection {		
			display: none; }
.screen {	display: block; }

body {		margin: 0;
			padding: 0;
			font-size: 80%;
			background-color: #fff;
			color: #784911;
			line-height: 1.4em;
			font-family: 'trebuchet ms', sans-serif;
			}
div#inhoud {border: solid 1px #ffe600;
			font-family: 'trebuchet ms', sans-serif;
			padding: 0;
			background-color: #fffacd;
			margin: 30px 4px 0px 4px;
			padding: 6px;
			}
div.left, div.right {	
			margin: 0;
			}
p {			margin: 4px 0 1em 0; 
			padding: 0;
			}
a {			color: #f70;
			text-decoration: none;
			}
a:hover {	text-decoration: underline; 
			}
h1 {		font-family: 'gill sans', serif;
			clear: both; 
			font-weight: normal;
			font-style: italic;
			font-size: 250%;
			margin: 10px 10px 20px 10px;
			line-height: 1em;
			color: #50300b;
			}
h1 span {	color: #dbcc9d; 
			}
h2 {		font-family: 'gill sans', serif;
			font-size: 120%;
			line-height: 20px;
			font-weight: bold;
			margin: 28px 0 4px 0px;
			background: #dbcc9d url(../siteimg/h2fade.png) bottom right no-repeat;
			border: #dbcc9d solid;
			border-width: 0;
			color: #50300b;
			text-indent: 0px;
			padding: 2px 0 0 0;
			}
h2:before { content: '\2022'' ';
			background: #dbcc9c url(../siteimg/h2.png) left no-repeat;
			width: 12px;
			color: #fffacd;
			padding-left: 4px;
			font-size: 20px;
			}
h2[id]:hover {
			content: ' #'attr(id); 
			font-weight: normal;
			/*color: #fffacd;*/
			}
div#footer {
			background: #fffacd url(../siteimg/footer.png) bottom left repeat-x;
			text-align: center;
			border: none;
			line-height: 24px;
			padding: 0;
			margin: 20px -6px -6px -6px;
			border-top: solid 1px #ffe600;
			font-size: 85%;
			clear: both;
			}
h3 {		font-family: 'gill sans', serif;
			font-size: 110%;
			margin: 4px 0 0 0;
			padding: 0;
			line-height: 1em;
			}
ul {		margin: 1em 0 1em 1.2em;
			padding: 0;
			}
ol {		margin: 1em 0 1em 1.5em;
			padding: 0;
			}
ul ul, ol ul, ul ol, ol ol {
			margin: 0 0 0 1.2em;
			}
.borderimg {float: left;
			margin: 8px 8px 8px 0;
			border: solid 1px #784911;
			}
img{		background-color: transparent;
			border: none;
			}
blockquote {	
			padding: 4px 4px 0 4px; 
			overflow: auto;
			border: solid 1px #dbcc9c;
			margin: 0 0 10px 0;
			height: 95px;
			}	
blockquote:first-letter {
			font-size: 150%;
			font-family: 'gill sans', serif;
			}
blockquote img {	
			float: left;
			margin: 0 8px 0 0;
			}
blockquote p {
			margin: 6px 0 1em 0;
			}
.source {	padding: 4px; 
			margin: 4px 0px 12px 0px;
			line-height: 1.3em;
			font-family: 'courier new', monospace;
			overflow: auto;
			font-size: 95%;
			max-height: 140px;
			background: #fffacd url(../siteimg/code.png);
			border-left: solid 1px #dbcc9c;
			}
div#nav {	background-color: #fffacd;
			border: solid 1px #ffe600;
			height: 24px;
			padding: 0 4px 0 0;
			position: fixed;
			width: 100%;
			margin: -30px 0 0 0;
			}
#nav ul {	margin: 0;
			padding: 0;
			list-style-type: none;
			}
#nav li {	float: right;
			display: block;
			margin: 0;
			padding: 0;
			}
#nav a, #nav a:visited {	
			line-height: 24px;
			display: block;
			margin: 0;
			padding: 0 2px;
			border: solid #fffacd;
			border-width: 0 1px;
			font-family: 'gill sans', sans-serif;
			color: #874911;
			font-weight: normal;
			font-size: 100%;
			}
#nav a:hover {
			background: transparent url(../siteimg/footer.png) left repeat-x;
			text-decoration: none;
			border-color: #784911;
			}
#nav li div {display: none;
			}
#nav li:hover div {
			display: block;
			position: absolute;
			width: 160px;
			border: solid #ffe600;
			border-width: 0 1px 1px 1px;
			background-color: #fffacd;
			padding: 4px;
			}
#nav div li {
			float: none;
			}
#nav div a, #nav div a:visited {
			font-size: 95%;
			font-family: 'trebuchet ms', serif;
			background-color: transparent;
			font-weight: normal;
			border: none;
			padding: 0;
			line-height: 1.4em;
			}
#nav div a:hover {
			text-decoration: underline;
			background-image: none;
			}
#emailadres1 {		
			content: "\073 \069 \070 \06b \065 \02e \072 \065 \069 \06e \061 \040 \077 \061 \06e \061 \064 \06f \06f \02e \06e \06c";
			}
#emailadres2 {	
			content: "\073 \02e \076 \069 \06a \076 \065 \072 \040 \077 \062 \06d \074 \02e \074 \075 \064 \065 \06c \066 \074 \02e \06e \06c";
			}
#emailadres3 {
			content: "\073 \069 \070 \06b \065 \040 \06f \070 \065 \072 \061 \06d \061 \069 \06c \02e \063 \06f \06d";
			}
table {		width: 100%; 
			border-collapse: collapse;
			border: none;
			padding: 0; 
			margin: 0;
			} 
.imglist div {		
			width: -o-skin; 
			height: -o-skin; 
			display: inline-block;
			}
.kadertabel {		
			height: 300px;
			overflow: auto; 
			border: solid 1px #dbcc9c;
			padding: 0;
			}
.kadertabel table {
			margin: 0; 
			width: 96%; //IE fix
			}
.kadertabel>table {
			width: 100%;
			}
td {		vertical-align: top; 
			padding: 0 4px;
			border: solid #dbcc9c;
			border-width: 0 1px 0 0;
			}	
tr th {		text-align: left;
			border-bottom: solid 1px #dbcc9c;
			padding: 0 4px;
			background-image: url(../siteimg/code.png);
			}
tr + tr>th {border-top: solid 1px #dbcc9c;
			}
td select {	width: 150px;
			}
.imwh {		width: 90px;
			text-align: center;
			padding: 0;
			vertical-align: middle;
			}
a.button {	padding: 0; 
			display: inline-block;
			width: -o-skin;
			height: -o-skin;
			}
.switch {	cursor: pointer;
			}
.engl {		display: none; } /* Dutch is the default language; English text is turned off. */
*[lang='en'] { display: none; }
#taal {		background-color: transparent;
			border: solid 1px #ffe600;
			width: auto;
			position: fixed;
			bottom: 10%;
			right: 4px;
			text-align: center;
			padding: 2px;
			}	
#taal br {	content: ' ';
			}

