@font-face
{
	font-family: BSEheader;
	src: url('../fonts/REVUEN.TTF'),
    	 url('../fonts/REVUEN.eot'); /* IE9+ */
}

@font-face
{
	font-family: BSEbody;
	src: url('../fonts/LSANS.TTF'),
    	 url('../fonts/LSANS.eot'); /* IE9+ */
}

@font-face
{
	font-family: BSEbodyBold;
	src: url('../fonts/LSANSD.TTF'),
    	 url('../fonts/LSANSD.eot'); /* IE9+ */
	font-weight: bold;
}

body {
	font-family: BSEbody, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: white;
	background: black;
}

h1, h2, h3, h4 {
	font-family: BSEheader, "Revue BT", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.25em;
	font-weight: normal;
}

h1, h2, h3, h4, p, dl {
	margin: 0px 10px;
	padding: 0px;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 40px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 24px;
}

#footer p {
	line-height: 22px;
}

a {
	color: white;
	text-decoration: none;
}

a:hover,
a:hover p {
	text-decoration: underline;
}

a:visited {
	color: white;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.uren {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 8.5px;
	line-height: 1em;
	margin: 0px;
}

#SizeTest {
	position: absolute;
	top: 0px;
	left: -1000px;
	visibility: hidden;
	white-space: nowrap;
}

.blocks {
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 8.5px;
	line-height: 1em;
	margin: 0px;
	color: black;
	background-color: white;
	text-align: left;
	padding: 3px;
	border: solid 1px black;
}

#slideImage {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	cursor: pointer; /* IE */
	cursor: zoom-in;
}

#slideImage.transparent {
	opacity: 0;
}

input {
	margin: 0px;
	padding: 0px;
}

table {
	width: 100%;
	table-layout: fixed;
}

td {
	padding: 0px;
}

.list {
}

table.list {
	table-layout: auto;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.list td:first-child {
	text-align: right;
}

.list td:last-child {
	text-align: left;
}

#inputJaar input {
	box-sizing: border-box;
	width: 100%;
}

#inputMaand input {
	box-sizing: border-box;
}

td {
	text-align: center;
	cursor: pointer;
}

.sitewrap {
	width: 900px;
	margin: 0px auto;
}

.blockcontainer {
	background-image: url(../images/BSE_blockback.png);
	float: left;
}

.block {
	float: left;
	margin: 5px;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 5px black;
	display: table;
}

.blocklink {
	cursor: pointer;
}

.blockcolorBlack.blocklink:hover,
.blockcolorB.blocklink:hover,
.blockcolorB.blockactive,
.blockcolorS.blocklink:hover,
.blockcolorS.blockactive,
.blockcolorE.blocklink:hover,
.blockcolorE.blockactive {
	background: white;
	border: 1px white solid;
	box-shadow: 0px 0px 10px 5px white;
	color: black;
}

.blockcolorBSE.blocklink:hover,
.blockcolorBSE.blockactive {
	background: -webkit-linear-gradient(lightgray, white, ivory); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(lightgray, white, ivory); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(lightgray, white, ivory); /* For Firefox 3.6 to 15 */
	background: linear-gradient(lightgray, white, ivory); /* Standard syntax */
	border-top: 1px lightgray solid;
	border-left: 1px white solid;
	border-right: 1px white solid;
	border-bottom: 1px ivory solid;
	box-shadow: 0px 0px 10px 5px white;
	color: black;
}

.blocklink:hover a {
	color: black;
	text-decoration: underline;
}

.blockactive p {
	color: black;
}

.link {
	cursor: pointer;
}

.blockcolorBlack {
	background: black;
	border: 1px black solid;
	box-shadow: 0px 0px 10px 5px black;
}

.blockcolorWhite {
	background: white;
	border: 1px white solid;
	box-shadow: 0px 0px 10px 5px white;
	color: black;
}

.blockcolorWhite a {
	color: black;
}

.blockcolorB {
	background: #806C64;
	border: 1px #806C64 solid;
	box-shadow: 0px 0px 10px 5px #806C64;
}

.blockcolorS {
	background: #D2AC67;
	border: 1px #D2AC67 solid;
	box-shadow: 0px 0px 10px 5px #D2AC67;
}

.blockcolorE {
	background: #A78B6B;
	border: 1px #A78B6B solid;
	box-shadow: 0px 0px 10px 5px #A78B6B;
}

.blockcolorBSE {
	background: -webkit-linear-gradient(#806C64, #D2AC67, #A78B6B); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#806C64, #D2AC67, #A78B6B); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#806C64, #D2AC67, #A78B6B); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#806C64, #D2AC67, #A78B6B); /* Standard syntax */
	border-top: 1px #806C64 solid;
	border-left: 1px #A78B6B solid;
	border-right: 1px #806C64 solid;
	border-bottom: 1px #A78B6B solid;
	box-shadow: 0px 0px 10px 5px #806C64;
}

.blocklink:hover,
.blocklink:hover a,
.blockactive,
.blockcolorBlack,
.blockcolorB,
.blockcolorS,
.blockcolorE,
.blockcolorBSE,
.blockcolorBSE.blocklink:hover,
.blockcolorBSE.blockactive {
    -webkit-transition-property:
    	background,
    	border,
    	box-shadow,
    	color,
    	text-decoration;
    -webkit-transition-duration: 0.5s; /* Safari 3.1 to 6.0 */

	transition-property:
    	background,
    	border,
    	box-shadow,
    	color,
    	text-decoration;
    transition-duration: 0.5s;
}

.textcolorB {
	color: #806C64;
}

.textcolorS {
	color: #D2AC67;
}

.textcolorE {
	color: #A78B6B;
}

.blockcolorB .textcolorB,
.blockcolorS .textcolorS,
.blockcolorE .textcolorE {
	color: #555;
}

.blockcontent {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.clearfloat br {
	clear: both;
	font-size: 0px;
}

/*.backshadow {
	box-shadow: 0px 8px 8px -8px black;
}*/

.backshadow {
	box-shadow: 0px 4px 8px -4px black;
}

.backshadowBlack {
	padding: 5px;
	box-shadow: 0px 0px 10px 0px rgb(64,64,64);
	background-color: rgba(64,64,64,0.75);
}

#zoomImage {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	visibility: hidden;
	box-shadow: 0px 0px 10px 0px rgb(64,64,64);
	cursor: pointer; /* IE */
	cursor: zoom-out;
	background-color: rgba(64,64,64,0.75);
}

.zoom {
	cursor: pointer; /* IE */
	cursor: zoom-in;
}

#search {
	max-height: 300px;
	overflow-y: auto;
	background-image: none;
	background-color: black;
}

#search span {
	background-color: rgba(255,255,0,0.5);
	border-style: none;
}

#zoek {
	-webkit-appearance: none;
	font-family: BSEheader, "Revue BT", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	color: white;
	border-style: none;
	background-color: rgba(255,255,0,0.5);
	padding: 5px 10px;
	box-sizing: border-box;
	width: 99%;
}

#zoek:focus {
	-webkit-appearance: none;
	color: white;
	border-style: none;
	background-color: rgba(255,255,0,0.5);
}

.alignleft {
	text-align: left;
}

.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatover {
	position: absolute;
	z-index: 10;
}

img.floatleft,
img.floatright {
	margin: 5px;
}

#monitor,
.update {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 20;
	font-size: 10px;
	max-width: 140px;
	max-height: 95%;
	overflow: auto;
	background-color: rgba(0,0,0,0.5);
	padding: 10px;
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari */
	transform: rotate(0deg); /* Standard syntax */

}

.size100 {
	width: 100%;
	height: 100%;
}

/********** CONTAINER size **********/

.blockcontainer.s1 {
	width: 150px;
}

.blockcontainer.s2 {
	width: 300px;
}

.blockcontainer.s3 {
	width: 450px;
}

.blockcontainer.s4 {
	width: 600px;
}

.blockcontainer.s5 {
	width: 750px;
}

.blockcontainer.s6 {
	width: 900px;
}

/********** BLOCK size **********/

.blockcontent.s11, .blockcontent.s12, .blockcontent.s13, .blockcontent.s14, .blockcontent.s15, .blockcontent.s16 {
	width: 138px;
	max-width: 138px;
}

.blockcontent.s21, .blockcontent.s22, .blockcontent.s23, .blockcontent.s24, .blockcontent.s25, .blockcontent.s26 {
	width: 288px;
	max-width: 288px;
}

.blockcontent.s31, .blockcontent.s32, .blockcontent.s33, .blockcontent.s34, .blockcontent.s35, .blockcontent.s36 {
	width: 438px;
	max-width: 438px;
}

.blockcontent.s41, .blockcontent.s42, .blockcontent.s43, .blockcontent.s44, .blockcontent.s45, .blockcontent.s46 {
	width: 588px;
	max-width: 588px;
}

.blockcontent.s51, .blockcontent.s52, .blockcontent.s53, .blockcontent.s54, .blockcontent.s55, .blockcontent.s56 {
	width: 738px;
	max-width: 738px;
}

.blockcontent.s61, .blockcontent.s62, .blockcontent.s63, .blockcontent.s64, .blockcontent.s65, .blockcontent.s66 {
	width: 888px;
	max-width: 888px;
}

/********/

.blockcontent.s11, .blockcontent.s21, .blockcontent.s31, .blockcontent.s41, .blockcontent.s51, .blockcontent.s61 {
	height: 88px;
	max-height: 88px;
}

.blockcontent.s12, .blockcontent.s22, .blockcontent.s32, .blockcontent.s42, .blockcontent.s52, .blockcontent.s62 {
	height: 188px;
	max-height: 188px;
}

.blockcontent.s13, .blockcontent.s23, .blockcontent.s33, .blockcontent.s43, .blockcontent.s53, .blockcontent.s63 {
	height: 288px;
	max-height: 288px;
}

.blockcontent.s14, .blockcontent.s24, .blockcontent.s34, .blockcontent.s44, .blockcontent.s54, .blockcontent.s64  {
	height: 388px;
	max-height: 388px;
}

.blockcontent.s15, .blockcontent.s25, .blockcontent.s35, .blockcontent.s45, .blockcontent.s55, .blockcontent.s65 {
	height: 488px;
	max-height: 488px;
}

.blockcontent.s16, .blockcontent.s26, .blockcontent.s36, .blockcontent.s46, .blockcontent.s56, .blockcontent.s66 {
	height: 588px;
	max-height: 588px;
}

/********** IMG size **********/

.img {
}

.notitle {
}

.img.s11, .img.s12, .img.s13, .img.s14, .img.s15, .img.s16 {
	max-width: 128px;
}

.img.s21, .img.s22, .img.s23, .img.s24, .img.s25, .img.s26 {
	max-width: 278px;
}

.img.s31, .img.s32, .img.s33, .img.s34, .img.s35, .img.s36 {
	max-width: 428px;
}

.img.s41, .img.s42, .img.s43, .img.s44, .img.s45, .img.s46 {
	max-width: 578px;
}

.img.s51, .img.s52, .img.s53, .img.s54, .img.s55, .img.s56 {
	max-width: 728px;
}

.img.s61, .img.s62, .img.s63, .img.s64, .img.s65, .img.s66 {
	max-width: 878px;
}

/**********/

.img.s11, .img.s21, .img.s31, .img.s41, .img.s51, .img.s61 {
	max-height: 53px;
}

.img.s12, .img.s22, .img.s32, .img.s42, .img.s52, .img.s62 {
	max-height: 153px;
}

.img.s13, .img.s23, .img.s33, .img.s43, .img.s53, .img.s63 {
	max-height: 253px;
}

.img.s14, .img.s24, .img.s34, .img.s44, .img.s54, .img.s64 {
	max-height: 353px;
}

.img.s15, .img.s25, .img.s35, .img.s45, .img.s55, .img.s65 {
	max-height: 453px;
}

.img.s16, .img.s26, .img.s36, .img.s46, .img.s56, .img.s66 {
	max-height: 553px;
}

.img.s11.notitle, .img.s21.notitle, .img.s31.notitle, .img.s41.notitle, .img.s51.notitle, .img.s61.notitle {
	max-height: 78px;
}

.img.s12.notitle, .img.s22.notitle, .img.s32.notitle, .img.s42.notitle, .img.s52.notitle, .img.s62.notitle {
	max-height: 178px;
}

.img.s13.notitle, .img.s23.notitle, .img.s33.notitle, .img.s43.notitle, .img.s53.notitle, .img.s63.notitle {
	max-height: 278px;
}

.img.s14.notitle, .img.s24.notitle, .img.s34.notitle, .img.s44.notitle, .img.s54.notitle, .img.s64.notitle {
	max-height: 378px;
}

.img.s15.notitle, .img.s25.notitle, .img.s35.notitle, .img.s45.notitle, .img.s55.notitle, .img.s65.notitle {
	max-height: 478px;
}

.img.s16.notitle, .img.s26.notitle, .img.s36.notitle, .img.s46.notitle, .img.s56.notitle, .img.s66.notitle {
	max-height: 578px;
}

/********** Resize **********/


@media screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	
	.sitewrap {
		width: 450px;
	}

	#search {
		max-height: 300px;
	}


/********** CONTAINER Resize **********/

	.blockcontainer.r3, .blockcontainer.s4, .blockcontainer.s5, .blockcontainer.s6 {
		width: 450px;
	}

	.blockcontainer.r1 {
		width: 150px;
	}

	.blockcontainer.r2 {
		width: 300px;
	}

/********** BLOCK Resize **********/

	.blockcontent.s41, .blockcontent.s42, .blockcontent.s43, .blockcontent.s44, .blockcontent.s45, .blockcontent.s46,
	.blockcontent.s51, .blockcontent.s52, .blockcontent.s53, .blockcontent.s54, .blockcontent.s55, .blockcontent.s56,
	.blockcontent.s61, .blockcontent.s62, .blockcontent.s63, .blockcontent.s64, .blockcontent.s65, .blockcontent.s66 {
		width: 438px;
		max-width: 438px;
	}

	/**********/
	
	.blockcontent.r11, .blockcontent.r12, .blockcontent.r13, .blockcontent.r14, .blockcontent.r15, .blockcontent.r16 {
		width: 138px;
		max-width: 138px;
	}

	.blockcontent.r21, .blockcontent.r22, .blockcontent.r23, .blockcontent.r24, .blockcontent.r25, .blockcontent.r26 {
		width: 288px;
		max-width: 288px;
	}

	.blockcontent.r31, .blockcontent.r32, .blockcontent.r33, .blockcontent.r34, .blockcontent.r35, .blockcontent.r36 {
		width: 438px;
		max-width: 438px;
	}

	/**********/
	
	.blockcontent.r11, .blockcontent.r21, .blockcontent.r31 {
		height: 88px;
		max-height: 88px;
	}

	.blockcontent.r12, .blockcontent.r22, .blockcontent.r32 {
		height: 188px;
		max-height: 188px;
	}

	.blockcontent.r13, .blockcontent.r23, .blockcontent.r33 {
		height: 288px;
		max-height: 288px;
	}

	.blockcontent.r14, .blockcontent.r24, .blockcontent.r34 {
		height: 388px;
		max-height: 388px;
	}

	.blockcontent.r15, .blockcontent.r25, .blockcontent.r35 {
		height: 488px;
		max-height: 488px;
	}

	.blockcontent.r16, .blockcontent.r26, .blockcontent.r36 {
		height: 588px;
		max-height: 588px;
	}

/********** IMG Resize **********/

	.img.s41, .img.s42, .img.s43, .img.s44, .img.s45, .img.s46,
	.img.s51, .img.s52, .img.s53, .img.s54, .img.s55, .img.s56,
	.img.s61, .img.s62, .img.s63, .img.s64, .img.s65, .img.s66 {
		max-width: 428px;
	}

	/**********/
	
	.img.r11, .img.r12, .img.r13, .img.r14, .img.r15, .img.r16 {
		max-width: 128px;
	}

	.img.r21, .img.r22, .img.r23, .img.r24, .img.r25, .img.r26 {
		max-width: 278px;
	}

	.img.r31, .img.r32, .img.r33, .img.r34, .img.r35, .img.r36 {
		max-width: 428px;
	}

	/**********/
	
	.img.r11, .img.r21, .img.r31 {
		max-height: 53px;
	}

	.img.r12, .img.r22, .img.r32 {
		max-height: 153px;
	}

	.img.r13, .img.r23, .img.r33 {
		max-height: 253px;
	}

	.img.r14, .img.r24, .img.r34 {
		max-height: 353px;
	}

	.img.r15, .img.r25, .img.r35 {
		max-height: 453px;
	}

	.img.r16, .img.r26, .img.r36 {
		max-height: 553px;
	}

	.img.r11.notitle, .img.r21.notitle, .img.r31.notitle {
		max-height: 78px;
	}

	.img.r12.notitle, .img.r22.notitle, .img.r32.notitle {
		max-height: 178px;
	}

	.img.r13.notitle, .img.r23.notitle, .img.r33.notitle {
		max-height: 278px;
	}

	.img.r14.notitle, .img.r24.notitle, .img.r34.notitle {
		max-height: 378px;
	}

	.img.r15.notitle, .img.r25.notitle, .img.r35.notitle {
		max-height: 478px;
	}

	.img.r16.notitle, .img.r26.notitle, .img.r36.notitle {
		max-height: 578px;
	}

}

/********** FLIPBOOK **********/

.flipbook {
    margin-left: auto;
    margin-right: auto;
}

.page img {
	position: relative;
	z-index: -10;
	max-width: 100%;
	max-height: 100%;
}

.shadow {
	box-shadow: 0px 4px 8px -4px black;
}

.odd div {
	box-shadow: inset 50px 0px 50px -50px gray;
}

.even div {
	box-shadow: inset -50px 0px 50px -50px gray;
}

.flippage {
	margin-left: auto;
	margin-right: auto;
}