td																	{font-family:Arial, sans-serif; font-size:11px; }
body																{overflow:hidden;	background-color:#e8e8e8;	margin:0;	padding:0;}
.divthumbs													{border:1px solid #999999; box-sizing:border-box;}
.divthumbs:hover										{-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);	transform:scale(1.1);	-webkit-box-shadow:0 0 7px #666;	-moz-box-shadow:0 0 7px #666;	-ms-box-shadow:0 0 7px #666;	-o-box-shadow:0 0 7px #666;	box-shadow:0 0 7px #666;}
.current														{-webkit-transform:scale(1.1);	-moz-transform:scale(1.1);	-o-transform:scale(1.1);	-ms-transform:scale(1.1);	transform:scale(1.1); -webkit-box-shadow:0 0 10px #666;	-moz-box-shadow:0 0 10px #666;	-ms-box-shadow:0 0 10px #666;	-o-box-shadow:0 0 10px #666;	box-shadow:0 0 10px #666;}

.magazine-viewport .container				{position:absolute;	top:50px;	left:50%; margin-left:95px;	}
.magazine-viewport .magazine					{width:1000px;	height:708px;	left:-500px;	top:0px;}
.magazine-viewport .page							{width:500px;	height:708px;	background-color:white;	background-repeat:no-repeat;	background-size:100% 100%;}
.magazine-viewport .page img					{-webkit-touch-callout: none;	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	margin:0;}
.magazine-viewport .zoomer .region		{display:none;}
.magazine-viewport .zoom-in					{cursor:zoom-out;}
.magazine .region										{position:absolute;	overflow:hidden;	background:#0066FF;	opacity:0;	cursor:pointer;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	filter: alpha(opacity=0);}
.magazine .region:hover							{opacity:0.2;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";	filter: alpha(opacity=20);}
.magazine .region.zoom								{opacity:0.01;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";	filter: alpha(opacity=1);}
.magazine .region.zoom:hover					{opacity:0.2;	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";	filter: alpha(opacity=20);}
.magazine .page											{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);	box-shadow:0 0 20px rgba(0,0,0,0.2);}
.magazine .even .gradient						{position:absolute;	top:0;	left:0;	width:100%;	height:100%;	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);}
.magazine .odd .gradient							{position:absolute;	top:0;	left:0;	width:100%;	height:100%; background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);}

.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient		{display:none;}
.magazine-viewport .loader										{background-image:url(../images/algemeen/loader.gif);	width:22px;	height:22px;	position:absolute;	top:280px;	left:219px;}
.magazine-viewport .shadow										{-webkit-transition: -webkit-box-shadow 0.5s;	-moz-transition: -moz-box-shadow 0.5s;	-o-transition: -webkit-box-shadow 0.5s;	-ms-transition: -ms-box-shadow 0.5s;	-webkit-box-shadow:0 0 20px #ccc;	-moz-box-shadow:0 0 20px #ccc;	-o-box-shadow:0 0 20px #ccc;	-ms-box-shadow:0 0 20px #ccc;	box-shadow:0 0 20px #ccc;}
.magazine-viewport .next-button,
.magazine-viewport .previous-button					{width:22px;	height:600px;	position:absolute;	top:0;}
.magazine-viewport .next-button							{right:-22px;	-webkit-border-radius:0 15px 15px 0;	-moz-border-radius:0 15px 15px 0;	-ms-border-radius:0 15px 15px 0;	-o-border-radius:0 15px 15px 0;	border-radius:0 15px 15px 0;}
.magazine-viewport .previous-button					{left:-22px;	-webkit-border-radius:15px 0 0 15px;	-moz-border-radius:15px 0 0 15px;	-ms-border-radius:15px 0 0 15px;	-o-border-radius:15px 0 0 15px;	border-radius:15px 0 0 15px;}
.magazine-viewport .previous-button-hover,
.magazine-viewport .next-button-hover				{background-color:rgba(0,0,0, 0.2);}
.magazine-viewport .previous-button-hover,
.magazine-viewport .previous-button-down			{background-image:url(../images/algemeen/arrows.png);	background-position:-4px 284px;	background-repeat:no-repeat;}
.magazine-viewport .previous-button-down,
.magazine-viewport .next-button-down					{background-color:rgba(0,0,0, 0.4);}
.magazine-viewport .next-button-hover,
.magazine-viewport .next-button-down					{background-image:url(../images/algemeen/arrows.png);	background-position:-38px 284px;	background-repeat:no-repeat;}
.magazine-viewport .zoom-in .next-button,
.magazine-viewport .zoom-in .previous-button	{display:none;}

.animated														{-webkit-transition:margin-left 0.5s;	-moz-transition:margin-left 0.5s;	-ms-transition:margin-left 0.5s;	-o-transition:margin-left 0.5s;	transition:margin-left 0.5s;}
.hasPlaceholder											{color:#999999; font-style:italic;}

.thumbnails													{position:absolute;	left:0;	width:200px;	height:100%;	z-index:1;}
.thumbnails > div										{width:200px;	height:100%;	margin:auto auto;}
.thumbnails ul												{margin:0;	padding:0;	text-align:center;	-webkit-transform:scale3d(1, 1, 1);	-moz-transform:scale3d(1, 1, 1);	-o-transform:scale3d(1, 1, 1);	-ms-transform:scale3d(1, 1, 1);	transform:scale3d(1, 1, 1);	-webkit-transition:-webkit-transform ease-in-out 100ms;	-moz-transition:-moz-transform ease-in-out 100ms;	-ms-transition:-ms-transform ease-in-out 100ms;	-o-transition:-o-transform ease-in-out 100ms;	transition:transform ease-in-out 100ms;}
.thumbanils-touch ul									{-webkit-transform:none;	-moz-transform:none;	-o-transform:none;	-ms-transform:none;	transform:none;}
.thumbnails-hover ul									{-webkit-transform:scale(1);	-moz-transform:scale(1);	-o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1);}
.thumbnails li												{list-style:none;	display:inline-block;	margin:0 5px;	-webkit-box-shadow:0 0 10px #ccc;	-moz-box-shadow:0 0 10px #ccc;	-ms-box-shadow:0 0 10px #ccc;	-o-box-shadow:0 0 10px #ccc;	box-shadow:0 0 10px  #ccc;	-webkit-transition:-webkit-transform 60ms;	-moz-transition:-webkit-transform 60ms;	-o-transition:-webkit-transform 60ms;	-ms-transition:-webkit-transform 60ms;	transition:-webkit-transform 60ms;}
.thumbnails li.pijl									{list-style:none;	display:inline-block;	margin:0 5px;	-webkit-box-shadow:0 0 1px #ccc;	-moz-box-shadow:0 0 1px #ccc;	-ms-box-shadow:0 0 1px #ccc;	-o-box-shadow:0 0 1px #ccc;	box-shadow:0 0 1px  #ccc;	-webkit-transition:-webkit-transform 60ms;	-moz-transition:-webkit-transform 60ms;	-o-transition:-webkit-transform 60ms;	-ms-transition:-webkit-transform 60ms;	transition:-webkit-transform 60ms;}
.thumbnails li span										{height:20px;	font:11px arial;	line-height:20px;	color:#666;	display:block;	cursor:default;}
.thumbnails .current									{-webkit-box-shadow:0 0 10px red;	-moz-box-shadow:0 0 10px red;	-ms-box-shadow:0 0 10px red;	-o-box-shadow:0 0 10px red;	box-shadow:0 0 10px red;}
.thumbnails .thumb-hover							{-webkit-transform:scale(1.3);	-moz-transform:scale(1.3);	-o-transform:scale(1.3);	-ms-transform:scale(1.3);	transform:scale(1.3);	-webkit-box-shadow:0 0 10px #666;	-moz-box-shadow:0 0 10px #666;	-ms-box-shadow:0 0 10px #666;	-o-box-shadow:0 0 10px #666;	box-shadow:0 0 10px #666;}
.thumbanils-touch .thumb-hover				{-webkit-transform:none;	-moz-transform:none;	-o-transform:none;	-ms-transform:none;	transform:none;}
.thumbnails .thumb-hover span				{font:bold 11px arial;	line-height:20px;}
.thumbnails img											{float:left;}

.exit-message												{position: absolute;	top:10px;	left:0;	width:100%;	height:40px;	z-index:10000;}
.exit-message > div									{width:140px;	height:30px;	margin:auto;	background:rgba(0,0,0,0.5);	text-align:center;	font:12px arial;	line-height:30px;	color:white;	-webkit-border-radius:10px;	-moz-border-radius:10px;	-ms-border-radius:10px;	-o-border-radius:10px;	border-radius:10px;}

.zoom-icon													{position:absolute;	z-index:1000;	width:22px;	height:22px;	top:10px;	right:10px;	background-image:url(../images/algemeen/zoom-icons.png);	background-size:88px 22px;}
.zoom-icon-in												{background-position:0 0;	cursor: pointer;}
.zoom-icon-in.zoom-icon-in-hover		{background-position:-22px 0; cursor: pointer;}
.zoom-icon-out											{background-position:-44px 0;}
.zoom-icon-out.zoom-icon-out-hover	{background-position:-66px 0; cursor: pointer;}
.menu-icon													{width:22px; height:22px; background-image:url(../images/algemeen/menu-icons.png); background-size:22px 44px; background-position:0 0; cursor:pointer; background-repeat:no-repeat;}
.menu-icon:hover										{background-position:0 -22px;}
.menu-icon.disabled									{background-position:0 -22px; cursor:default;}
.thumbs-icon												{width:22px; height:22px; background-image:url(../images/algemeen/thumbs-icons.png); background-size:22px 44px; background-position:0 0; cursor:pointer; background-repeat:no-repeat;}
.thumbs-icon:hover									{background-position:0 -22px;}
.zoek-icon													{width:22px; height:22px; background-image:url(../images/algemeen/zoek-icons.png); background-size:22px 44px; background-position:0 0; cursor:pointer; background-repeat:no-repeat;}
.zoek-icon:hover										{background-position:0 -22px;}
.close-icon													{width:11px; height:11px; background-image:url(../images/algemeen/close-icons.png); background-size:11px 22px; background-position:0 0; cursor:pointer; background-repeat:no-repeat;}
.close-icon:hover										{background-position:0 -11px;}
.arrow-icon													{width:22px; height:22px; background-image:url(../images/algemeen/arrows-icons.png); background-size:88px 44px; background-position:0 0; cursor:pointer; background-repeat:no-repeat;}
.arrow-icon-first										{background-position:0px 0px;	cursor:pointer;}
.arrow-icon-first:hover							{background-position:0px -22px;}
.arrow-icon-prev										{background-position:-22px 0px;	cursor: pointer;}
.arrow-icon-prev:hover							{background-position:-22px -22px;}
.arrow-icon-next										{background-position:-44px 0px;	cursor: pointer;}
.arrow-icon-next:hover							{background-position:-44px -22px;}
.arrow-icon-last										{background-position:-66px 0px;	cursor: pointer;}
.arrow-icon-last:hover							{background-position:-66px -22px;}

.bottom															{position:absolute; left:0; bottom:0; width:100%;}