::-moz-selection { background: #f39; color: #fff; text-shadow: none; }
::selection { background: #f39; color: #fff; text-shadow: none; }
/*@fontface optimized by fontsquirrel.com*/
@font-face {
    font-family: 'bahamasregular';
    src: url('fonts/bahamasn-webfont.eot');
    src: url('fonts/bahamasn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahamasn-webfont.woff') format('woff'),
         url('fonts/bahamasn-webfont.ttf') format('truetype'),
         url('fonts/bahamasn-webfont.svg#bahamasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bahamasheavyregular';
    src: url('fonts/bahamahn-webfont.eot');
    src: url('fonts/bahamahn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahamahn-webfont.woff') format('woff'),
         url('fonts/bahamahn-webfont.ttf') format('truetype'),
         url('fonts/bahamahn-webfont.svg#bahamasheavyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bahamaslightregular';
    src: url('fonts/bahamaln-webfont.eot');
    src: url('fonts/bahamaln-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahamaln-webfont.woff') format('woff'),
         url('fonts/bahamaln-webfont.ttf') format('truetype'),
         url('fonts/bahamaln-webfont.svg#bahamaslightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bahamasbold';
    src: url('fonts/bahamasb-webfont.eot');
    src: url('fonts/bahamasb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bahamasb-webfont.woff') format('woff'),
         url('fonts/bahamasb-webfont.ttf') format('truetype'),
         url('fonts/bahamasb-webfont.svg#bahamasbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'bernhardfashion';
    src: url('fonts/BernhardFashion-webfont.eot');
    src: url('fonts/BernhardFashion-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BernhardFashion-webfont.woff') format('woff'),
         url('fonts/BernhardFashion-webfont.ttf') format('truetype'),
         url('fonts/BernhardFashion-webfont.svg#bernhardfashion') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body{ height:100%; margin: 0; padding: 0; }
/* I love fluid images: unstoppablerobotninja.com/entry/fluid-images/ */
img{ width:auto; border:none; max-width: 100%;}
body { background-color: #FFFFFF; font: 12px/1.632 Geneva, Arial, Helvetica, sans-serif; }
table { font-size: 1em; }
a:link { color: #FF3399; text-decoration: none; }
a:visited { color: #CC3399; text-decoration: none; }
a:hover,
a:hover { color: #993399; text-decoration: none; }
h2 { margin: 10px 0px 5px; font-size: 16px; font-weight: bold; color: #FF3399; }
h4 { margin: 0; padding: 0; font-size: 1.2em; }
/* Dynamically resize video: alistapart.com/articles/creating-intrinsic-ratios-for-video/ see also below under classes */
#index2 object,
#index2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
footer { color: #999; margin: 0 auto; text-align: center; width: 90%; word-spacing: 0.5em; }

/*------------I D S---------------*/

#archiefRechts { float: left; width: 20em; margin-top: 1.4em; }
#archiefRechts form { padding: 0; margin: 0.5em 0 5.5em; }
#archiefRechts select { color: #FF3399; font-size: 1.1em; background-color: #ECECEC; margin-right: 1em; }
#archiefLinks h3 { font-size: 2.2em; font-style: italic; font-weight: normal; margin: 1.5em 0 0; padding: 0; }
#archiefLinks h3.boven { margin: 0;}
#archiefRechts input { margin: 0px; padding: 0 3px; }
#archiefLinks { float: left; width: 25em; margin-right: 1.5em; font-size: 0.9em; margin-top: 1.4em; }
#back { float: left; margin-left: 0.5em; margin-top: 0.5em; border:solid 2px #ffffff; }
#betrokken { float: left; margin-top: 0.5em; margin-left: 0.5em; border: solid 2px #FF3399; text-align:center; }
#betrokkendatum {
	text-decoration: none;
	color:#fff;
	margin: 0.6em 0em 0em 1.7em;
	position: absolute;
	left: 582px;
	top: 50px;
	font-style: italic;
	background-color: #ff3399;
	opacity: .5;
	filter: alpha(opacity=50);
	font-weight: bold;
}
#bsrm { float: left; padding-top: 160px; margin: 0px; }
#contact { visibility: hidden; }
#contact a:link, #contact a:visited { color: #666;}
#contact a:hover, #contact a:focus { text-decoration: underline;}
#contact ul li { letter-spacing: 0.3em; list-style-type: none; margin-bottom:0.5em; text-transform: uppercase; }
#cp_box {
	background: #f39 url(images/illustraties/cp_icoon.gif) no-repeat scroll center left;
	color: white;
	display: block;
	padding: 0.5em 0 0.5em 4em;
	margin: 0 0 0.75%;
	font-size: 1.2em; 
	text-transform: uppercase;
	letter-spacing: 0.9em;
}
#cv { padding: 5px; width: 800px; text-align: justify; clear: both; }
#datum { text-align: right; clear: left; }
#driecolommen { display: table; width: 100%; }
#etalage { background: #ccc; display: table-cell; padding: 0.5em 1% 0; text-align: center; width: 30%;}
#flarden { float: left; margin-left: 235px; margin-top: 50px; width: 365px; padding: 5px; height: 78%; }
#geluk {
	background-color: #FFF;
	border: 5px solid #f39;
	color: #000;
	height: 360px;
	left: 40px;
	line-height: 17px;
	position: absolute;
	top: 40px;
	width: 520px;
}
#grijs {
	background: #ccc url('images/illustraties/verwarrenRakenVermaken.gif') no-repeat scroll center top;
	background-size: contain;
	border-left: 1.5em solid #fff;
	border-right: 1.5em solid #fff;
	display: table-cell;
	padding: 0.5em 0 0;
	width: 30%;
}
#hoofdmenu {
	float: right;
	font-size: 2.5em;
	font-family: 'bahamaslightregular', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 5em;
}
#hoofdmenu a:link, #hoofdmenu a:visited { color: #000;}
#hoofdmenu a:hover, #hoofdmenu a:focus { color: #F39;}
#hoofdmenu li { list-style-type: none;  text-transform: capitalize;}
#index2 #hoofdmenu { background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0 0 0.75%; padding: 0; width: auto; }
#index2 #hoofdmenu ul { float: right; margin: 0; }
#index2 #hoofdmenu li { display: inline; font-weight: normal; margin: 0 3em 0 0; list-style-type: none; padding: a }
#index2 #hoofdmenu li:last-child { margin-right: 1em;}
#index2 #hoofdmenu li a { font-weight: bold;}
#index2 #hoofdmenu li a:hover { color: #F39; }
#index { margin: 2.8em auto 0; width: 700px; text-align: left; padding: 0.2em; }
#inhoud { float: left; width: 700px; padding: 5px; }
#inhoud #balkie { height: auto; width: 470px; }
#inhoud h4 { margin: 0; padding: 0; font-size: 1.2em;}
#index2_kop { margin: 0 auto; padding: 5% 0; width: 42%; vertical-align:central; }
#index2_kop h1 { margin: 0;}
#index2_lijf { color: #444; margin: 0 auto; padding:0 0 0.5em; width: 90%;}
#index2_lijf h2 { text-align: center;}
#kop { margin: 0; padding: 0; left: 4px; top: 4px; height: 4.2em; }
#kruisje { float: right; }
#Nieuw {
	background-color: #FFF;
	border: 1px solid #000;
	left: 210px;
	padding: 0.4em;
	position: absolute;
	top: 126px;
	visibility: hidden;
	width: 407px;
}
#nieuws { background: #ccc; display: table-cell; padding: 0.5em 1% 0; width: 30%;}
#next { float: left; border:solid 2px #ffffff; margin-top: 0.5em; margin-left: 0.5em; }
#onderschrift { width: 664px; margin: 1em 0.5em 0 1em; text-align:left; float: left; }
#opdrachten { padding: 4px; height: 34em; width: 58em; border: 1px solid #FF3399; margin: 0px; }
#plaatje { padding: 5px; float: left; width: 450px; }
#popup10jaar {
	height: 32.7em;
	width: 50em;
	position: absolute;
	left: 50%;
	top: 12em;
	margin-left: -35em;
	background-color: #0055e6;
	padding: 0em;
	margin-right: 0em;
	text-align: center;
	border: 3px solid #0055e6;
	visibility: hidden;
}
#samen { display: table-row;}
#stills { position: absolute; width: 414px; left: 4px; top: 60px; overflow: hidden; }
#teller {
	text-align: center;
	width: 35.7em;
	background-color: #000099;
	padding: 0em;
	font-size: 1.4em;
	color: #FFFFFF;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	height: 4.2em;
	font-weight: bold;
}
#teller input {
	border: none;
	background-color: #000099;
	width: 10em;
	color: #FFFFFF;
	font-weight: bold;
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0;
	padding: 0;
}
#tekst { margin: 0; padding: 5px; }
#textopdrachten h4 { margin: 0; padding: 0; font-size: 1.5em; }
#textopdrachten { padding: 0; margin: 0; width: 58em; float: left; overflow: auto; height: 33.5em; }
#tv { border: 1px solid #000; text-align: center; color: #000; }
#wijjaren { height: 29em; width: 58em; background-color: #FFFFFF; border: 1px solid #FF3399; padding: 0.3em; }
#wissels { margin: 0; padding: 0; width: 600px; text-align: center; }
#wissels a:link { padding-right: 10px; padding-left: 10px; color: #FF3399; text-decoration: none; }
#wissels a:visited { color: #CC3399; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#wissels a:hover,
#wissels a:focus { color: #993399; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#wolffendeken {
	position: absolute;
	width: 68em;
	background-color: #FFFFFF;
	left: 5px;
	top: 189px;
	border: 1px solid #FF3399;
	visibility: hidden;
}
#wolffendeken h4 { margin: 0; padding: 0; font-size: 1.5em; }


/*------------------C L A S S E S--------------------*/
.center { text-align: center; padding: 0; margin: 0; }
.accent { color: #F39; }
.clear { clear: both; }
/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.disclaimer { background-color: #FFF; display: block; font-size: 0.9em; color: #CCC; }
.hangRechts { float: right; }
.italic { font-style: italic; }
.kleineAmp { font-size: 0.7em; margin: 0 0.2em;}
.minikop { font-size: 10px; }
.onderstreep { border-bottom: 1px solid #000; }
.streep { text-decoration: line-through; }
.txtwissel {
	float: left;
	width: 25em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0em 0.5em 0.5em;
}
.txtwissel2 {
	color: #666666;
	text-align: right;
	float: left;
	width: 22em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 0em 0.5em 0.5em;
}
.txtwissel3 { float: left; padding-left: 0.5em; text-align: right; }
.vettecijfers { font-size: 16px; font-weight: bold; }
/* Dynamically resize video: alistapart.com/articles/creating-intrinsic-ratios-for-video/ see also above under object */
.videoWrapper { position: relative; padding-bottom: 75%; height: 0; }
.vol { width: 100%; height: 50%;}
.zwartwit { background-color: #000; color: #FFF; }


/*------------S M A L L E R S C R E E N S---------------*/

@media screen and (max-width: 728px) {
	#index2_kop { margin-top: 1em; width: 90%;}
}