@font-face {
  font-family: 'Rockwell Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('Rockwell Condensed'), url('../fonts/ROCC____.TTF') format('truetype');
}

@font-face {
  font-family: 'Rockwell Condensed';
  font-style: normal;
  font-weight: bold;
  src: local('Rockwell Condensed Bold'), url('../fonts/ROCCB___.TTF') format('truetype');
}

body{
	font-family: 'Rockwell Condensed', 'Arial Narrow','Futura-Condensed','Helvetica-Condensed','Futura Condensed','Helvetica Condensed','Helvetica', serif;
	font-weight:normal;
	margin:0px;
	background-color: #1F474D;
}

.tabel{

}

.info{
	width:400px;
	background-color:#FFFFFF;
	padding-bottom:20px;
	display:block;	

}

.logo{
	position:absolute;
	top:30px;
	left:48px;
}

.inhoud{
	display:block;
	position:absolute;
	top:0px;
	left:410px;
	right:0px;
	vertical-align:top;
	padding:15px 0px 20px 20px;
	background-color: #1F474D;
}

.tekstje{
	padding:295px 62px 15px 74px;
	font-size:17.5px;
	line-height: 1.5em;
	color:#1F474D;
	width:270px;
	
	font-family: 'Arial','Helvetica', serif;
	font-size:14px;
	line-height: 1.6em;
	
}



.tekstje > a:link, .tekstje > a:visited{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.tekstje > a:active, .tekstje > a:hover{
	color:black;
	text-decoration:underline;
}

.zwarteTitel{
	font-weight: bold;
	font-size:21px;
	padding:8px 18px 9px 39px;
	color:#000000;
}


.rss{
	margin:0px 9px 0px 0px;
}

.rss img{
	margin-bottom:-1px;
}

.minithumbs .rss{
	float:left;
	clear:both;
	margin:18px 0px 0px 23px;
}


.supertitel{
	color: #1B424A;
	font-size:350px;
	font-weight:bold;
	position:absolute;
	letter-spacing:-60px;
	line-height:0.7em;

}


.groteKader,.middelKader,.kleinKader {
	background-color:#DAFFA2;
	display: block;
	position:relative;
	font-size:0px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}


.minithumbs{
	margin:-10px 0px 0px 40px;
	height:350px;
}


.groteKader{
	width:210px;
	height:210px;
	border:9px solid #DAFFA2;
	margin:5px 20px 20px 75px;
	box-shadow: 5px 5px 0px #D9D9D9;
	-webkit-box-shadow: 5px 5px 0px #D9D9D9;
	-moz-box-shadow: 5px 5px 0px #D9D9D9;
	padding:0px;

}

.middelKader{
	width:150px;
	height:150px;
	border:6px solid #DAFFA2;
	margin:45px 0px 0px 60px;
	float:left;
	box-shadow: 6px 6px 0px #1A3C42;
	-webkit-box-shadow: 6px 6px 0px #1A3C42;
	-moz-box-shadow: 6px 6px 0px #1A3C42;
	padding:0px;
}

.kleinKader{
	width:70px;
	height:70px;
	border:3px solid #DAFFA2;
	margin:20px 0px 0px 24px;
	float:left;
	box-shadow: 2px 2px 0px #D9D9D9;
	-webkit-box-shadow: 2px 2px 0px #D9D9D9;
	-moz-box-shadow: 2px 2px 0px #D9D9D9;
	padding:0px;
} 

.donker{
	box-shadow: 4px 4px 0px #193B41;
	-webkit-box-shadow: 4px 4px 0px #193B41;
	-moz-box-shadow: 4px 4px 0px #193B41;
	margin-top:50px;
	border:5px solid #DAFFA2;
}

.volgende{
	/* float:right;*/
	position:absolute;
	top:15px;
	right:5%;
	z-index:3;	
}

.vorige{
	/* float:right;*/
	position:absolute;
	top:15px;
	left:5%;
	z-index:4;	
}


img{
	padding:0px;
	border-width: 0px;
}

.groteKader .afbeeldingtekst, .groteKader img{
	width:210px;
	height:210px;
}


.middelKader .afbeeldingtekst, .middelKader img{
	width:150px;
	height:150px;
}


.kleinKader .afbeeldingtekst, .kleinKader img{
	width:70px;
	height:70px;
}


.thumbcontent{
	position:relative;
	margin:0px;
	padding:0px;
	font-size:0px;
}

/*
.kleinKader .thumbContent{
	width:70px;
	height:210px;
}

.middelKader .thumbContent{
	width:150px;
	height:450px;
}

#groteKader .thumbContent{
	width:210px;
	height:630px;
}*/


.afbeeldingtekst{
	color:#1F474D;
	font-weight:bold;
}



a.kleinKader,a.groteKader,a.middelKader{
	text-decoration:none;
}


.afbeeldingtekst > img{
	opacity: 0.15;
	filter: alpha(opacity=15); 
	position:absolute;
}


.afbeeldingtekst > .tekst{
	position:absolute;
	text-align: center;
/*	text-shadow: 2px 2px 2px #D9D9D9; */
}

.groteKader > .thumbcontent > .afbeeldingtekst > .tekst{
	padding:5px;
	font-size:65px;
	width:200px;
}

.middelKader > .thumbcontent > .afbeeldingtekst > .tekst{
	padding:4px;
	font-size:45px;
	width:142px;
}

.kleinKader > .thumbcontent > .afbeeldingtekst > .tekst{
	padding:0px;
	font-size:22px;
	width:70px;
}

.middelKader .eenregel{
	margin-top:38px;
}

.kleinKader .eenregel{
	margin-top:20px;
}

a.actieveThumb{
	background-color:#1F474D;
	border-color:#1F474D;
}

.afbeeldingtekst .actieveThumb{
	color:#DAFFA2;
}

.werkje{
	width:420px;
	background-color: white;
	padding-bottom:20px;
	margin:50px auto;
	border:7px solid #DAFFA2;
	box-shadow: 8px 8px 8px #1A3C42;
	-webkit-box-shadow: 8px 8px 0px #1A3C42;
	-moz-box-shadow: 8px 8px 0px #1A3C42;
	position:relative;
	z-index:2;
}

.werktekst{
	color:#1F474D;
	font-size:17.5px;

	padding:0px 20px 5px 25px;
	
	font-family: 'Arial','Helvetica', serif;
	font-size:14px;
	line-height:1.6em;
}

.werktitel{
	font-size:60px;
	margin:25px 12px 30px 25px;
	color: #1F474D;
	line-height: 1em;
	font-weight: bold;
	text-shadow: 2px 2px 0px #D9D9D9;
}

.werkje img.thumb{
	border:5px solid #DAFFA2;
	box-shadow: 4px 4px 0px #D9D9D9;
	-webkit-box-shadow: 4px 4px 0px #D9D9D9;
	-moz-box-shadow: 4px 4px 0px #D9D9D9;
	float:right;
	margin:4px 0px 8px 12px;
}

.groteafbeelding{
	text-align: center;
	padding:10px;
}

.groteafbeelding img{
	border:5px solid #DAFFA2;
	box-shadow: 3px 3px 0px #D9D9D9;
	-webkit-box-shadow: 3px 3px 0px #D9D9D9;
	-moz-box-shadow: 3px 3px 0px #D9D9D9;
	width:440px;
}

.werktekst a:link, .werktekst a:visited{
	text-decoration: none;
	font-weight:bold;
	color:black;
}

.werktekst a:active, .werktekst a:hover{
	text-decoration: underline;
	color:black;
}


.url{
	font-size:24px;
	text-align:center;
/*	display:block; */
	padding:5px;

}

.url > a:link, .url > a:visited{
	text-decoration: none;
	color:black;
	display: inline;
}

.url > a:active, .url > a:hover{
	text-decoration: underline;
	color:black;
	display: inline;
}

.externecontent{
	padding:0px;
	margin:20px 10px;
}

#galerij{
	padding:0px;
	margin:20px 0px 20px 14px;
}

#galerij img{
	border:3px #DAFFA2 solid;
	box-shadow: 2px 2px 0px #CCCCCC;
	-webkit-box-shadow: 2px 2px 0px #CCCCCC;
	-moz-box-shadow: 2px 2px 0px #CCCCCC;
	width:64px;
	height:64px;
	margin:7px 11px;
}

.msie{
	padding-top:20px;
}