@charset "utf-8";

* {
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

body {
	background-color: #eee;
	background-image: url('img/bg.png');
	color: #333;
	font-size: 87.5%; /* Base font size: 14px */
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	line-height: 1.429;
	padding: 0;
	margin: 0 auto;
	width: 70%;
	min-height: 100%;
}

/* PC-versie: Hieronder staan de standaard tekststijlen en hooverstijlen voor teksten */

a, a:visited {
	color: #0095d9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #fc0;
}
a:active {
	/*background-color: #fc0;*/
	color: #000;
	text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
}
h1 {
	font-size: 26px;
	margin-top: 1em;
}
h2 {
	font-size: 22px;
	margin-top: 0.6em;
}
h3, h4, h5, h6 {
	font-size: 18px;
	margin-top: 1em;
}
p {
	font-size: 16px;
	margin-top: 1em;
}
p + p {
	margin-top: 0.8em;
}

.active {
	background-color: #fc0;
	color: #000;
	text-decoration: none;
}

.pcenter {
	text-align: center;
}
.rode_tekst {
	color: #F00;
	text-align: center;
}

table { 
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		align: center;
		border-width: 1px; 
		border-style: solid;
		border-color: #fff;
}

table td { 
		 border-width: 1px; 
		 border-style: solid;
		 border-color: #fff;
		 text-align: center;
}

/* Hieronder staat de css voor de styling van de scrollbar voor Chrome en Safari, hierboven die van IE */
#divmain *::-webkit-scrollbar {
	-webkit-appearance: none;
	width:15px;
	background-color:#fff;
}
#divmain *::-webkit-scrollbar:hover {
	background-color:#fff;
}
#divmain *::-webkit-scrollbar-track {
}
#divmain *::-webkit-scrollbar-thumb {
	background-color:#fc0;
}
#divmain *::-webkit-scrollbar-thumb:hover {
	background-color:#fc0;
}

#container-top {
	margin-top: 5px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-radius: 30px 30px 0 0;
}

#container-top #statmenu img {
	width: 40px;
	height: 40px;
}

#divtop-outline-border {
	border-radius: 30px 30px 0 0;
	-moz-border-radius: 30px 30px 0 0;
	-webkit-border-radius: 30px 30px 0 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #fc0;
	border-right-color: #fc0;
	border-left-color: #fc0;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
}

#divtop {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	border-radius: 28px 28px 0 0;
	border-top-width: 10px;
	border-right-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #0095d9;
	border-right-color: #0095d9;
	border-left-color: #0095d9;
	text-align:center;
}

#tablet-left-logo {
	display: none;	
}


#divlogo {
	float: none;
	width: 20%;
	margin-left: auto;
	margin-top: 3px;
	margin-right: auto;
	clear: both;
	text-align:center;
}


#divlogo img{
	width: 100%;
}

#tablet-right-logo {
	display:none;
}

#tablet-left-buttons {
	display: none;
}
#tablet-right-buttons {
	display: none;
}

#statmenu {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
	width: 25%;
	}
	
#divstat1 {
	height: auto;
	width: 24.25%;
	float: left;
	display: block;
}


#divstat2 {
	height: auto;
	width: 24.25%;
	float: left;
	margin-left: 1%;
	display: block;	
}


#divstat3 {
	height: auto;
	width: 24.25%;
	margin-left: 1%;
	float: left;
	display: block;	
}


#divstat4 {
	height:auto;
	width: 24.25%;
	float: left;
	margin-left: 1%;
	clear: right;
	display: block;	
}

#container-menus-outline-border {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fc0;
	border-left-color: #fc0;
	padding-right: 3px;
	padding-left: 3px;
	background: #fff;
}

#container-menus {
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	clear: both;
	background-color: #0095d9;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0095d9;
	border-left-color: #0095d9;
}

#divmenu-dropdown {
	width: 90%;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}


/* PC-versie: Hieronder staan stijlen voor het Dropdown Menu */

/* Hieronder definieer je wat basic settings van de div navMenu */
/* Margin: Dit doe je om al de default margins weg te halen in het hele menu, vanuit andere stylesheets */
/* Padding: Dit doe je om al de default paddings weg te halen in het hele menu, vanuit andere stylesheets */
#navMenu {
	padding: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
}

#navMenu ul {
	line-height:40px;
	margin: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	width: 100%;
}

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	width: 14.2%;
	padding: 0 10px;
	box-sizing: border-box;
}

#navMenu > ul:hover > li {
	background: #008dce;
}

#navMenu li.has-children > a {
	cursor: default;
}

#navMenu > ul > li {
	background: #0095d9;
	border-left: 1px solid #fff;
}
#navMenu > ul > li:last-child {
	border-right: 1px solid #fff;
}

#navMenu ul.submenu li {
	width: 100%;
	background: #0095d9;
	color: #000;
}

#navMenu ul.submenu li:last-child {
	border-radius: 0 0 5px 5px;
}

#navMenu ul.submenu li a {
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

#navMenu li.active {
	background-color: #fc0 !important;
}
#navMenu li.active > a {
	color: #000;
}

#navMenu ul li a {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif, cursive;
	font-size:17px;
	text-decoration: none;
	height:40px;
	display: block;
	color:#fff;
	}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	display: none;
	top: 41px;
	left: 0;
}
#navMenu ul li:last-child ul {
	left: auto;
	right: 0;
}

/* Hieronder stel je de hover effecten in ***************************************************************************************/

/* Hieronder stel je de hovereffecten in als je op een listitem hovered in de 1e unordered list */
/* visibility: Als je dus op een 1e listitem hovered moet de 2e level unordered list visible worden. */
#navMenu ul li:hover {
	background: #0095d9;
}
#navMenu ul li:hover ul {
	visibility:visible;
	display: block;
	z-index: 100;
}
/* Hieronder stel je de hover-effecten in van de listitems. Zonder verdere detaillering geldt dit voor alle listitems, dus ook die in de nested unordered list */ 
#navMenu > ul > li:not(.has-children):hover {
	background: #fc0;
}
#navMenu > ul > li:not(.has-children):hover a {
	color: #000;
}
#navMenu > ul > li	.has-children:hover {
	background: #0095d9;
}
#navMenu > ul > li.has-children:hover::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #0095d9;
	content: "";
}
#navMenu > ul > li.active.has-children:hover::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fc0;
	content: "";
}

/* Hieronder bepaal je de hover-effecten van de listitems in de 2e unordered list, dus de hovereffecten op de items in het dropdownmenu. En hiermee kun je dus afwijken van hetgeen bij #navmenu li:hover is ingesteld, wat dan in principe alleen de hover-effecten van de koptitels gaat bepalen */
/* background: de achtergrondkleur bij hover op de items in het dropdownmenu */
/* color: de kleur bij hover op de items in het dropdownmenu */
#navMenu ul li:hover ul li:hover {
	background: #fc0;
}
#navMenu ul li:hover ul li a:hover {
	color: #000;
}

/* Hiermee zorg je ervoor dat het hele menu echt in de div wrapper zit. Anders zit ie er net onder om je eerder de float op left hebt gezet. Tevens margin en padding van de wrapper op 0 gezet. */
.clearFloat {
	clear:both;
	margin:0;
	padding:0;
}


#container-main {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 100%;
	border-radius: 0 0 30px 30px;
}

#divmain-outline-border {
	border-right: 2px solid #fc0;
	border-left: 2px solid #fc0;
	border-bottom: 2px solid #fc0;
	padding: 0 3px 3px 3px;
	border-radius: 0 0 30px 30px;
	margin-bottom: 5px;
}

#divmain {
	align: center;
	margin-left: auto;
	margin-right: auto;
	border-left: 10px solid #0095d9;
	border-right: 10px solid #0095d9;
	border-bottom: 10px solid #0095d9;
	border-radius: 0 0 28px 28px;
}

#div-left-all {
	float: left;
	height: auto;
	width: 17.2222%;
	text-align: center;
}


#div-left-1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}

#div-left-1 img {
	width: 95%;
	border: none;
	}

#div-left-2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}


#div-left-2 img {
	width: 95%;
	border: none;
	}

#div-left-3 {
	
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}

#div-left-3 img {
	width: 95%;
	border: none;
	}

#div-content {
	height: auto;
	float: left;
	clear: none;
	overflow: auto;
	padding-top: 10px;
	padding-right: 3.8888%;
	padding-bottom: 15px;
	padding-left: 3.8888%;
	width: 57.7777%;
	margin-right: auto;
	margin-left: auto;
}

#div-right-all {
	float: right;
	height: auto;
	width: 17.2222%;
	text-align: center;
}


#div-right-1 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}

#div-right-1 img {
	width: 95%;
	border: none;
	}

#div-right-2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}


#div-right-2 img {
	width: 95%;
	border: none;
	}

#div-right-3 {
	
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
}

#div-right-3 img {
	width: 95%;
	border: none;
}
	
#div-bottombalk {
	height: 3px;
	width: 90%;
	background-color: #fc0;
	margin: 3em auto;
	border-radius: 50%;
}

#div-bottombalk-smal {
	height: 5px;
	width: 580px;
	background-color: #fc0;
	margin-top: 10px;
	margin-right: auto;
	margin-left: -30px;
}

#div-bottombalk-foto {
	height: 13px;
	width: 760px;
	background-color: #fc0;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 0px;
}

#divpaginanr {
	float: right;
	height: 20px;
	width: 400px;
	margin-right: 107px;
	margin-top: 10px;
	text-align: right;
	clear: none;
}

#divcontent-foto {
	width: 35%;
	float: left;
	margin-right: auto;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	}
	
#divcontent-foto img{
	width: 100%;
	}
	
#divcontent-foto2 {
	width: 35%;
	float: left;
	margin-right: auto;
	margin-left: 10%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	}
	
#divcontent-foto2 img{
	width: 100%;
	}	
	
#divcontent-video {
	width: 80%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}
	
#divcontent-video iframe {
	width: 100%;
	min-height:450px;
	}
	
#divcontent-video img {
	width: 100%;
	}

.buttons {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 2em 0 .6em 0;
	text-align: center;
}
.buttons.mobile-only {
	display: none;
}
.buttons i.fa.fa--left {
	padding-right: 4px;
}
.buttons i.fa.fa--right {
	padding-left: 5px;
}
.buttons a, .buttons a:focus, .buttons .button {
	outline: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.buttons .button {
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.3) 0 -0.1em 1px inset;
	width: 50%;
	width: calc(50% - 80px);
	box-sizing: border-box;
	clear:none;
	background-color: #ffa500;
	font-size: 16px;
	padding: 6px 12px 8px 12px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	display: inline-block;
}
.buttons a:hover .button {
	background-color: #f29800;
}
.buttons a:active .button {
	padding: 7px 12px 7px 12px;
	box-shadow: rgba(0,0,0,0.2) 0 0.1em 1px inset;
}
.button-left {
	float: left;
	margin: 0 10px 0 70px;
}
.button-right {
	float: left;
	margin: 0 70px 0 10px;
}
.button-green {
	background-color: #10ad08 !important;
}
.button-blue {
	background-color: #325a97 !important;
}
	
#foto-albums {
	float: left;
	width: 25%;
}

#foto-albums table {
	width: 100%; 
	align: left;
}

#foto-albums table td {
	width: 50%;
}

#foto-albums img {
	border:none;
	width: 100%;
}


#foto-tabel {
	float: left;
	width: 18%;
	margin-left: 3%;
}

#foto-tabel table {
	width: 100%; 
	align: left;
}

#foto-tabel table img {
	width: 100%;
}

#foto-tabel table td {
	padding: 5px;
}

#foto-groot {
	float: right;
	width: 50%;
	text-align: center;
	margin-left: 2%;
	
}

#foto-groot img {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

#foto-jacky {
	width: 30%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#foto-jacky img{
	width: 100%;
	
}


/* Albums CSS-code */
.fotos-frame {
	position: relative;
	width: 100%;
	width: calc(100% - 10px);
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0 5px;
}
.albums-mini-list {
	position: relative;
	width: 18%;
	width: calc(18% - 15px);
	height: 100%;
	overflow: scroll;
	overflow-x: hidden;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 0 10px 0 5px;
	vertical-align: top;
	float: left;
	-webkit-animation-name: blink;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: blink;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: blink;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: blink;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: blink;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.albums-mini-list .album {
	position: relative;
	width: 100%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}
.albums-mini-list .album.gekozen {
	border: 2px solid #ffcc00;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.albums-mini-list .album img {
	width: 100%;
	height: auto;
}
.fotos-list {
	position: relative;
	width: 28%;
	width: calc(28% - 30px);
	height: 100%;
	overflow: scroll;
	overflow-x: hidden;
	display: inline-block;
	margin: 15px 3.5% 0 3.5%;
	padding: 0 10px 0 15px;
	vertical-align: top;
	float: left;
	-webkit-animation-name: blink;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: blink;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: blink;
	-ms-animation-duration: 4s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: blink;
	-o-animation-duration: 4s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: blink;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.fotos-list .foto {
	position: relative;
	width: 33.33333%;
	float: left;
	padding: 3px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}
.fotos-list .foto[data-back] {
	display: none;
}
.fotos-list .foto img {
	width: 100%;
	height: auto;
	cursor: pointer;
}
.foto-view {
	position: relative;
	width: 47%;
	width: calc(47% - 25px);
	height: 100%;
	overflow: auto;
	display: inline-block;
	margin: 15px 0 0 0;
	padding: 0 5px 0 20px;
	vertical-align: top;
	float: left;
}
.foto-view img {
	margin-top: 5px;
	width: 100%;
	width: calc(100% - 5px);
	height: auto;
}

.fotos-frame-content-mobile {
	position: relative;
	width: 100%;
	width: calc(100% - 10px);
	display: inline-block;
	margin: 1em 0 20px 0;
	padding: 0 5px;
	display: none;
}
.fotos-frame-content-mobile .foto {
	position: relative;
	width: 33.33333%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}
.fotos-frame-content-mobile .foto img {
	width: 100%;
	height: auto;
}
.albums-list {
	position: relative;
	width: 100%;
	width: calc(100% - 10px);
	display: inline-block;
	margin: 20px 0;
	padding: 0 5px;
}
.albums-list .album {
	position: relative;
	width: 33.3333%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
}
.albums-list .album img {
	width: 100%;
	height: auto;
}

.share {
	position: fixed;
	top: 50%;
	right: 20px;
	margin-top: -122px;
	display: none;
	background-color: #e1e1e1;
}
.share .close {
	display:none !important;
	position: absolute;
	top: 50%;
	left: -10px;
	width: 10px;
	height: 30px;
	margin-top: -15px;
	background: #999;
	color: #fff;
	font-size: 11px;
	line-height: 30px;
	text-align: center;
	border-radius: 12px 0 0 12px;
	cursor: pointer;
}
.share .close:hover {
	background: #aaa;
}

#mobileiconmenu, #mobileiconcontact {
	display: none;
}

@-webkit-keyframes blink {
	0%{ box-shadow: 0 8px 8px -8px #ffcc00; }
	50%{ box-shadow: none; }
	100%{ box-shadow: 0 8px 8px -8px #ffcc00; }
}
@-moz-keyframes blink {
	0%{ box-shadow: 0 8px 8px -8px #ffcc00; }
	50%{ box-shadow: none; }
	100%{ box-shadow: 0 8px 8px -8px #ffcc00; }
}
@-ms-keyframes blink {
	0%{ box-shadow: 0 8px 8px -8px #ffcc00; }
	50%{ box-shadow: none; }
	100%{ box-shadow: 0 8px 8px -8px #ffcc00; }
}
@-o-keyframes blink {
	0%{ box-shadow: 0 8px 8px -8px #ffcc00; }
	50%{ box-shadow: none; }
	100%{ box-shadow: 0 8px 8px -8px #ffcc00; }
}
@keyframes blink {
	0%{ box-shadow: 0 8px 8px -8px #ffcc00; }
	50%{ box-shadow: none; }
	100%{ box-shadow: 0 8px 8px -8px #ffcc00; }
}

/* Verschillende breedtes */
@media only screen and (max-width: 1139px)
{
	body {
		width: 100%;
	}
}
@media only screen and (min-width : 1140px)
{
	body {
		width: 1140px;
	}
	.albums-list .album {
		width: 25%;
	}
}

/*
 * PhotoSwipe - http://www.photoswipe.com/
 * Copyright (c) 2011 by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for SwipeGallery
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

body.ps-active
{
	-webkit-text-size-adjust: none;
	overflow: hidden;
}
body.ps-active *
{
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}
body.ps-active *:focus
{
	outline: 0;
}


/* Document overlay */
div.ps-document-overlay
{
	background: #000;
}


/* Viewport */
div.ps-viewport
{
	background: #000;
	cursor: pointer;
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}


/* Slider */
div.ps-slider-item-loading
{
	background: url('photoswipe/photoswipe-loader.gif') no-repeat center center;
}


/* Caption */
div.ps-caption
{
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}

div.ps-caption-bottom
{
	border-top: 1px solid #42403f;
	border-bottom: none;
}

div.ps-caption-content
{
	padding: 13px;
}


/* Toolbar */
div.ps-toolbar
{
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}

div.ps-toolbar-top
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url('photoswipe/photoswipe-icons.png');
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-webkit-background-size: 176px 88px;
		background-image: url('photoswipe/photoswipe-icons@2x.png');
	}
}

@media only screen and (max-width: 940px) {
	.buttons .button {
		width: 90%;
		margin: 0 0 20px 5%;
	}
	.buttons a:last-child .button {
		margin-bottom: 0;
	}
}