div div img{margin:2px;}
.font {font-family:sans-serif;}
body {background-color:rgba(0,0,0,0);overflow:hidden;transition:0.8s linear;}

	.brood{font-size:10pt;line-height:11pt;color:black;word-break:normal;text-align:left;}
	.sub-title{position:relative;width:70%;margin:0 auto;left:30px;height:60px;top:60px;text-align:left;color:black;font-size:10pt;}
	a:link{color:black;text-decoration: none;}
	a:visited{color:black;text-decoration: none;}
	a:active{color:black;text-decoration: none;}
	a:hover{color:rgba(0,0,0,0.1);text-decoration: none;}
	.small-font{position:absolute;top:93px;left:10px;font-size:7pt;color:black;}

#header-container-container{position:fixed;width:100%;height:140px;left:0px;right:0px;top:0px;}
#header-container{position:relative;width:70%;height:100%;top:0px;left:-3px;margin:0px auto;}
#content-container{position:absolute;overflow:auto;width:100%;height:auto;left:0px;right:0px;top:120px;bottom:0px;overflow-x:hidden;}

/* START HEADER */
.button-title{text-align:center;font-size:12pt;color:black;background-color:rgba(0,0,0,0.1);}
.button-titel-shadow{position:absolute;background-color:black;width:100%;left:0;height:10px;bottom:-10px;}
#kop-titel{position:absolute;width:200px;height:auto;top:0;left:0;margin-top:10px;padding:15px;}
#buttons-container{position:relative;width:auto;right:0px;top:0px;height:auto;text-align:right;}
.buttons{position:absolute;right:0px;width:400px;padding-right:3px;height:auto;text-decoration:none;line-height:15pt;}
#lijn {position:absolute;width:100%;height:10px;left:0;top:110px;background-color:black;}
/* EINDE HEADER */


/* START FOTOALBUMS */
.content-fotos {position:relative;width:70%;top:40px;left:0;margin:20px auto;}
.img-titel{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;padding:8px 0px 5px 0px;background-color:rgba(255,255,255,1);border:3px solid black;text-align:center;font-weight:bold;font-size:12pt;text-transform:uppercase;cursor:pointer;}
.img-container{display:none;width:100%;height:auto;margin-left:auto;margin-right:auto;border:3px solid black;background-color:rgba(0,0,0,0);}
.status-icon {position:absolute;text-align:center;vertical-align:middle;right:10px;top:15px;}
.status-icon .bar {position:absolute;top:0;right:0;width:12px;height:3px;background-color:black;border:0px solid black;}
.status-icon .vertical {transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg);transition:.5s linear;}
.opened .status-icon .vertical {transform:rotateZ(0deg);-webkit-transform:rotateZ(0deg);}
.datum{text-align:center;font-weight:bold;font-size:8pt;padding-top:8px;padding-bottom:5px;}
#img-content {width:auto;height:100%;text-align:left;margin:5px;padding-right:5px;}
.img-bottom {position:relative;width:100%;height:10px;background-color:black;left:0;top:0;border:3px solid black;}
/* EINDE FOTOALBUMS */

/* START ARCHIEF  */
.archive-img-titel{position:relative;width:100%;height:auto;margin-left:auto;margin-right:auto;padding:8px 0px 5px 0px;background-image:url(css/grid-.png);background-color:rgba(0,0,0,0.1);border:3px solid black;text-align:center;font-weight:bold;font-size:12pt;text-transform:uppercase;cursor:pointer;}
.archive-img-container{display:none;width:100%;height:auto;margin-left:auto;margin-right:auto;border:3px solid black;background-color:rgba(0,0,0,0);}
.archive-img-bottom{position:relative;width:100%;height:10px;left:0;top:0;background-color:black;border:3px solid black;}
/* EINDE ARCHIEF  */


/* START GEAR */
#e-container{position:relative;width:100%;height:560px;top:60px;left:2px;margin:0 auto;margin-top:0px;margin-bottom:50px;padding:0;}
#e-content{position:relative;width:70%;height:auto;left:-3px;top:0;margin:auto;padding-left:2px;text-align:justify;text-align-last:justify;}
#e-content:after{content: "";display: inline-block;width: 100%;}
.e-buttons-container{position:relative;width:22.5%;height:auto;top:0px;left:0px;right:0px;margin:0px auto;padding:0;display:inline-block;}
.e-buttons-titel{position:relative;width:100%;height:50px;top:0px;left:0;padding:10px 0px;background-color:rgba(255,255,255,0.7);font-size:10pt;text-align:center;text-transform:uppercase;border:3px solid black;}
.e-materiaal{position:absolute;width:100%;height:400px;left:0px;padding:10px 0px;border:3px solid black;background-color:rgba(255,255,255,1);overflow-x:hidden;overflow-y:scroll;}
.e-img {width:100%;margin-bottom:2px;}
.e-text{width:90%;font-size:9pt;font-weight:bold;margin:0 auto;line-height:11pt;text-align:center;}
.e-text-small{font-size:6pt;}
.e-text-procon{position:relative;width:auto;text-align:left;top:5px;display:block;}
.e-text-arguments{position:relative;width:auto;top:-10px;left:15px;text-align:left;font-weight:normal;display:block;}
.e-buttons-shadow{position:relative;width:100%;height:10px;top:-10px;background-color:black;border:3px solid black;}
/* EINDE GEAR */


/* START ABOUT ME  */
#about-me-container{position:relative;width:500px;height:auto;top:-10px;bottom:10px;left:0px;right:0;margin:0px auto;}
#about-me-content{position:relative;width:100%;height:auto;left:0;top:60px;}
.brood p{top:0px;font-size:9pt;line-height:13pt;}
/* EINDE ABOUT ME  */


/* START COLOFON  */
#colofon-container{position:relative;width:80%;height:10px;top:30px;left:0;right:0;bottom:0;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center;}
#colofon-content{position:relative;width:100%;font-size:7pt;color:black;}
/* EINDE COLOFON  */


@media all and (orientation: portrait) {
	body {background-color:rgba(0,0,0,1);transition:0.8s linear;}
	.brood{color:white;}
	.sub-title{width:100%;color:white;height:30px;top:0px;}
	a:link{color:white;}
	a:active{color:white;}
	a:visited{color:white;}
	a:hover{color:rgba(255,255,255,0.15);text-decoration:none;}
	.small-font{color:white;}
	

	.button-title{color:black;background-color:rgba(255,255,255,1);}
	.button-titel-shadow{background-color:rgba(255,255,255,0.25);}
	#lijn {background-color:white;}

	#header-container{width:90%;left:0px;}
	#buttons-container{padding-right:5px;font-size:14pt;line-height:20pt;}
	#content-container{padding-top:10px;}

	.content-fotos{width:90%;height:auto;top:10px;}
	.img-bottom{background-color:white;border:3px solid white;}
	.img-titel{color:white;border:3px solid white;background-color:rgba(0,0,0,1);}
	.img-container{background-color:rgba(255,255,255,0.15);border:3px solid white;color:white;}
	.archive-img-titel{background-color:rgba(255,255,255,0);border:3px solid rgba(255,255,255,0.15);color:white;}
	.archive-img-container{border:3px solid rgba(255,255,255,0.15);background-color:rgba(255,255,255,0);}
	.archive-img-bottom{background-color:rgba(255,255,255,0.15);border:3px solid rgba(255,255,255,0);}
	.status-icon .bar {background-color:white;}
	
	#e-container{width:100%;top:20px;height:900px;padding-bottom:60px;}
	#e-content{width:90%;padding-right:2px;}
	.e-buttons-container{color:white;width:47%;height:480px;}
	.e-buttons-titel{background-color:rgba(255,255,255,0);border:3px solid rgba(255,255,255,0.25)}
	.e-buttons-shadow{background-color:rgba(60,60,60,1);border:3px solid rgba(60,60,60,1);}
	.e-materiaal{height:335px;background-color:black;border:3px solid rgba(255,255,255,0.25)}
	.e-text{font-size:11pt;padding-right:5px;line-height:32px;}
	.e-text-arguments{line-height:14pt;padding-right:11px;}
	.e-text-small{font-size:8pt;border:0px dotted red; letter-spacing:0.3pt;}

	#about-me-container{width:90%;}
	#about-me-content{top:30px;}
	.brood p{font-size:15pt;line-height:19pt;}
	
	#colofon-container{width:90%;height:50px;margin-bottom:10px;}
	#colofon-content{color:white;font-size:10pt;}
}


/* START shadowbox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:sans-serif;font-weight:normal;color:white;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(shadowbox-3.0.3/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title{position:relative;bottom:0;margin:0;padding:0;overflow:hidden;}
#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:40px;line-height:20px;text-align: center;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:25px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(shadowbox-3.0.3/close.png);}
#sb-nav-next{background-image:url(shadowbox-3.0.3/next.png);}
#sb-nav-previous{background-image:url(shadowbox-3.0.3/previous.png);}
#sb-nav-play{background-image:url(shadowbox-3.0.3/play.png);}
#sb-nav-pause{background-image:url(shadowbox-3.0.3/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}