/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 21, 2012 */
@charset "UTF-8";


#gfoto ul{
	margin-left:-30px; 
}

#gfoto ul .mini {
	list-style:none; 
	display:inline-table; 
	margin:10px;
	width: 120px;
	height: 120px;
	background-image: url("../img/VoorvertoningFoto.jpg");
	background-repeat: no-repeat;
}

#pic1 { background-position: -120px -120px; }
#pic2 { background-position: -120px 0px; }
#pic3 { background-position: -240px -240px; }
#pic4 { background-position: -240px -120px; }
#pic5 { background-position: -240px 0px; }
#pic6 { background-position: 0px -240px; }
#pic7 { background-position: 0px -120px; }
#pic8 { background-position: 0px 0px; }
#pic9 { background-position: -120px -240px; }
#pic10 { background-position: -120px -360px; }
#pic11 { background-position: -240px -360px; }
#pic12 { background-position: 0px -480px; }
#pic13 { background-position: -240px -480px; }
#pic14 { background-position: -120px -480px; }
#pic15 { background-position: 0px -360px; }

#pic1 .pic { margin-top: -232px; margin-left: -359px; }
#pic2 .pic { margin-top: -227px; margin-left: -367px; }
#pic3 .pic { margin-top: -228px; margin-left: -367px; }
#pic4 .pic { margin-top: -237px; margin-left: -352px; }
#pic5 .pic { margin-top: -327px; margin-left: -256px; }
#pic6 .pic { margin-top: -232px; margin-left: -360px; }
#pic7 .pic { margin-top: -320px; margin-left: -260px; }
#pic8 .pic { margin-top: -223px; margin-left: -375px; }
#pic9 .pic { margin-top: -235px; margin-left: -355px; }
#pic10 .pic { margin-top: -231px; margin-left: -362px; }
#pic11 .pic { margin-top: -234px; margin-left: -357px; }
#pic12 .pic { margin-top: -338px; margin-left: -247px; }
#pic13 .pic, #pic14 .pic, #pic15 .pic { margin-top: -236px; margin-left: -355px; }

#gfoto ul li .pic{
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	opacity:0;
	visibility:hidden; 
	position:fixed; 
	display: block;
	top: 50%;
	left: 50%;
	border:1px solid black;
	-webkit-box-shadow:#272229 2px 2px 10px;
	-moz-box-shadow:#272229 2px 2px 10px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);
	box-shadow:#272229 2px 2px 10px;
	z-index: 28;
}

#gfoto ul .mini:hover{
	cursor:pointer;
}

#gfoto ul li:hover .pic {
	opacity:1; 
	visibility:visible; 
	float:right;
}

/* =========================
   E I G E N   S T I J L E N
   ========================= */

html{ border:0 }

a {
	text-decoration: none;
	color: #aaa;
	font-style: italic;
}

.video.inaktief div {
	background-image: url('../img/videos.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 141px;
}

.video.inaktief iframe {
	display: none;
}

.video.aktief div {
	background-image: none;
}

.contentpaneopen .kadertje.video.aktief {
	width: 540px;
	height: 396px;
}

.video.aktief iframe {
	display: block;
}

#dpress iframe {
	width: 100%;
	height: 118px;
	overflow: hidden;
}

iframe {
	border: 0px;
}

#Magic, #When { background-position: 0 0; }
#KORunning, #Sugar { background-position: -250px 0; }
#Teaser, #Pressure { background-position: 0 -141px; }
#Noord, #JamminMF { background-position: -250px -141px; }
#Mijke, #AlbumPres { background-position: 0 -282px; }
#KeepOn { background-position: -250px -282px; }
#Intervw, #Intervw2 { background-position: 0 -423px; }
#CosGirl { background-position: -250px -423px; }
#SJTalent { background-position: 0 -564px; }
#DWDDNightlife { background-position: -500px -141px; }
#DWDDRunning { background-position: -250px -564px; }
#DWDDJammin { background-position: -500px 0; }
#Dollar { background-position: -500px -282px; }
#KeepJaap { background-position: -500px -423px; }
#DontYouWorry { background-position: -500px -564px; }
#DontTakeAway, #DontTakeAwayM { background-position: 0 -705px; }
#LL1 { background-position: -250px -705px; }
#LL2 { background-position: -500px -705px; }
#LL3 { background-position: 0 -846px; }
#LL4 { background-position: -250px -846px; }
#LL5 { background-position: -500px -846px; }
#LL6 { background-position: 0 -987px; }
#LL7, #Waiting { background-position: -250px -987px; }
#LL8, #TTPRessure { background-position: -500px -987px; }
#Nightshift, #NightShift { background-position: -750px 0; }
#Familie { background-position: -750px -141px; }
#Bond, #B007nd { background-position: -750px -282px; }
#JBuijsm, #Buijsman { background-position: -750px -423px; }
#NPO { background-position: -750px -564px; }
#George { background-position: -750px -705px; }
#JBuijsm, #Buijsman, #Bond, #B007nd, #Dollar, #KeepJaap, #DontYouWorry, #DWDDNightlife, 
#DWDDRunning, #DWDDJammin, #Intervw, #Intervw2, #SJTalent, #AlbumPres, #KeepOn, #CosGirl, 
#JamminMF, #KORunning, #Teaser, #Magic, #When, #Sugar, #Noord, #Pressure, #Mijke, 
#DontTakeAway, #Waiting, #LL1, #LL2, #LL3, #LL4, #LL5, #LL6, #LL7, #LL8, #TTPRessure, 
#Nightshift, #NightShift, #Familie, #NPO, #George {
	float: left;
	margin: 10px 5px;
}

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	letter-spacing: 1.4px;
	line-height: 27px;
	color: white;
	text-align: left;
	margin: 0;
	padding: 0;
/*	background-color: #777; */
	overflow: hidden;
}

.tab{
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 589px;
	overflow: hidden;
	padding: 10px;
	background-color: rgba(0,0,0,0.7);
}

#dabout{ z-index:20; }
#dgigs{ z-index:21; }
#dnews{ z-index:22; }
#dcontact{ z-index:23; }
#dvideo{ z-index:24; }
#dfoto{ z-index:25; }
#dmedia{ z-index:26; }
#dpress{ z-index:27; }

header {
	background-color: rgba(0,0,0,0.7);
	display: block;
	height: 75px;
	z-index: 16;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	border-top: 1px solid #555;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2.2px;
	font-size: 20px;
}

#fotocopyrights, #social ul.social {
	position: absolute;
	font-size: 12px;
	padding-left: 20px;
}

.social {
/*	z-index:102;
	right: 40px; */
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
    float: right;
    width: 645px;
}

.tabs {
	padding: 0;
	margin: 0;
}

#social {
 /*	position: absolute; */
	background-color: rgba(0,0,0,0.7);
	display: block;
	height: 54px;
	z-index: 108;
	margin: 0;
	padding: 0;
	width: 100%;
	bottom: 0;
	border-top: 1px solid #555;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
} 

.social li {
	width: 30px;
	height: 30px;
	margin: 0.771em 0 0 0;
}

#social ul.social {
	list-style-type: none;
	display: block;
    float: right;
    width: 645px;
}

.social li a {
 /*   float: left;
	padding: 0;*/
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background-image: url("../img/socialMedia.png");
	list-style-type: none;
    float: left;
	display: block;
	position: relative;
	text-align: center;
	margin: 14px 15px 0 0;
	padding: 0;
	text-decoration: none;
	color: #ccc;
	font-style: normal;
}

#Facebook a { background-position: 0 0; }
#Twitter a { background-position: 0 -60px; }
#Youtube a { background-position: 0 -30px; }
#soundcloud a { background-position: 0 -120px; }
#itunes a { background-position: 0 -150px; }
#spotify a { background-position: 0 -90px; }
#Facebook a:focus, #Facebook a:hover { background-position: -30px 0; }
#Twitter a:focus, #Twitter a:hover { background-position: -30px -60px; }
#Youtube a:focus, #Youtube a:hover { background-position: -30px -30px; }
#itunes a:focus, #itunes a:hover { background-position: -30px -150px; }
#spotify a:focus, #spotify a:hover { background-position: -30px -90px; }
#soundcloud a:focus, #soundcloud a:hover { background-position: -30px -120px; }

/* P L A Y E R */
.buttons-player {
	position: absolute;
	margin: 1em 0;
	right: 20px;
	z-index:99;
}

.button-player {
	background-color: transparent;
	background-image: url("../img/player-buttons.png");
	background-repeat: no-repeat;
	float: left;
	height: 22px;
	margin-left: 1.071em;
	padding: 0;
	text-indent: -9999em;
	width: 20px;
	border-width: 0;
}

#dcd .button-player {
	background-image: none;
	background-repeat: repeat; 
	height: 30px;
	text-indent: 0px;
	width: 273px;
	border-width: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 27px;
	color: #aaa;
	text-align: left;
	float: none;
	text-transform: uppercase;
	cursor: pointer;
}

#dcd .button-player:focus, #dcd .button-player:hover {
	color: white;
}

#dcd .button-player[disabled] {
	color: #555;
}

.button-player:after { content: none; }

.button-player-prev {
	background-position: 0 0;
	margin-left: 0;
}

.button-player-prev:focus, .button-player-prev:hover {	background-position: 0 -22px; }
.button-player-play { background-position: -20px 0; }
.button-player-play:focus, .button-player-play:hover { background-position: -20px -22px; }
.button-player-stop { background-position: -40px 0; }
.button-player-stop:focus, .button-player-stop:hover { background-position: -40px -22px; }
.button-player-next { background-position: -60px 0; }
.button-player-next:focus, .button-player-next:hover { background-position: -60px -22px; }
.button-player-pause { background-position: -80px 0; }
.button-player-pause:focus, .button-player-pause:hover { background-position: -80px -22px; }
/* .group:before, .group:after { content: ""; display: block; }
.group:after { clear: both; }
.ws-item-alt { float: right; }*/

/* R E S T */

header h1 {
	font-size: 62px;
    float: left;
	width: 205px;
	text-align: left;
	margin: 24px 0 0 10px;
	padding: 0;
	color: #aaa;
}

header ul {
	list-style-type: none;
	display: block;
    float: right;
    width: 665px;
}

header ul #dmedia{
	width: 337px;
	position: absolute;
	padding-left: 20px;
	z-index:101;
	right: 115px;
	bottom: 75px;
	background-color: #aaa;
}

header ul li #dmedia a{
	margin: 2px 15px 0 0;
}

header li a {
	list-style-type: none;
	display: block;
    float: right;
	position: relative;
	text-align: center;
	margin: 5px 15px 0 0;
	padding: 0;
	text-decoration: none;
	color: #ccc;
	font-style: normal;
}

header li a.tcontact { margin: -20px 0 0 0; }

header li a.tmedia, header li a.tvideo,  { display: none; }

header li a:hover, header .active a {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
}

header .active li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #fff;
}

header #tmedia ul {
	display: none;
}

body header ul #tmedia.active ul {
	display: block;
}

header li ul .active a, header li ul .inactive a:hover {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

/*  --------------------- */

#faceboxes {
	margin: 0 auto;
	position: static;
}

#faceboxes .scroll-pane {
	position: absolute;
	left: 40px;
	width: 561px;
	text-align: left;
	bottom: 110px;
}

body #faceboxes #dfoto {
	width: 746px;
}


#faceboxes .scroll-pane.zichtbaar { display: block; }

#faceboxes .popup{
  position:relative;
  border:3px solid rgba(255,255,255,0.4);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#faceboxes .content {
	display:table;
	padding: 10px;
	background-color: rgba(0,0,0,0.7);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	width: 535px;
	overflow: hidden;
}

#faceboxes #dfoto .content {
	width: 615px;
}

.contentpaneopen { 
/*	height: 150px; */
	overflow: auto;
}

#faceboxes .content > p:first-child{ margin-top:0; }
#faceboxes .content > p:last-child{ margin-bottom:0; }

#faceboxes .close{
	position:absolute;
	top:-11px;
	left:-11px;
	padding:2px;
  	background: url('../img/closelabel.png') no-repeat 0 0;
	width: 22px;
	height: 22px;
	border-width:0;
	padding: 0 0 0 4px;
}

#faceboxes .close:hover{   	background: url('../img/closelabel.png') no-repeat 0 -22px; }
#faceboxes .loading { text-align: center; }
#faceboxes .image { text-align: center; }

#faceboxes img {
  border: 0;
  margin: 0;
}

strong {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 19px;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide { z-index:-100; }

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

#stretched-image1, #stretched-image2, #stretched-image2a, #stretched-image2b, #stretched-image2c, #stretched-image3, #stretched-image4, #stretched-image5, #stretched-image6, #stretched-image7, #stretched-image8, #stretched-image9, #stretched-image10, #stretched-image11, #stretched-image12, #stretched-image13{
	margin: 0 auto;
	position:fixed;
	top:0;
	bottom:0;
	height:100%;
	-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;
	display: block; 
}

#stretched-image1, #stretched-image2, #stretched-image3, #stretched-image4, #stretched-image5, #stretched-image6, #stretched-image7, #stretched-image8, #stretched-image9, #stretched-image10{
	left:0;
	right:0;
}


#stretched-image1{
	background-position: 43% 38%;
	background-image: url(../img/thom-1.jpg);
}

#stretched-image2{
	background-position: 68% 44%;
	background-image: url(../img/thom-2.jpg);
	animation: BGslideshow2 24.66s infinite; -moz-animation: BGslideshow2 24.66s infinite; -webkit-animation: BGslideshow2 24.66s infinite; -o-animation: BGslideshow2 24.66s infinite;
}

#stretched-image3{
	background-position: 65% 37%;
	background-image: url(../img/thom4.jpg);
	animation: BGslideshow3 24.66s infinite; -moz-animation: BGslideshow3 24.66s infinite; -webkit-animation: BGslideshow3 24.66s infinite; -o-animation: BGslideshow3 24.66s infinite;
}


/*#stretched-image1{
	background-position: 77% 40%;
	background-image: url(../img/Thom-Hoorweg-01.jpg);
}

#stretched-image1{
	background-position: 50% 50%;
	background-image: url(../img/Radio6award.jpg);
	background-color: #fff;
	-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
	background-repeat: no-repeat;
}

#stretched-image2{
	background-position: 50% 38%;
	background-image: url(../img/Thom-Hoorweg-02.jpg);
	animation: BGslideshow2 82s infinite; -moz-animation: BGslideshow2 82s infinite; -webkit-animation: BGslideshow2 82s infinite; -o-animation: BGslideshow2 82s infinite;
}

#stretched-image3{
	background-position: 70% 42%;
	background-image: url(../img/Thom-Hoorweg-03.jpg);
	animation: BGslideshow3 82s infinite; -moz-animation: BGslideshow3 82s infinite; -webkit-animation: BGslideshow3 82s infinite; -o-animation: BGslideshow3 82s infinite;
}

#stretched-image4{
	background-position: 52% 47%;
	background-image: url(../img/Thom-Hoorweg-04.jpg);
	animation: BGslideshow4 82s infinite; -moz-animation: BGslideshow4 82s infinite; -webkit-animation: BGslideshow4 82s infinite; -o-animation: BGslideshow4 82s infinite;
}

#stretched-image5{
	background-position: 48% 15%;
	background-image: url(../img/Thom-Hoorweg-05.jpg);
	animation: BGslideshow5 82s infinite; -moz-animation: BGslideshow5 82s infinite; -webkit-animation: BGslideshow5 82s infinite; -o-animation: BGslideshow5 82s infinite;
}

#stretched-image6{
	background-position: 50% 48%;
	background-image: url(../img/Thom-Hoorweg-06.jpg);
	animation: BGslideshow6 82s infinite; -moz-animation: BGslideshow6 82s infinite; -webkit-animation: BGslideshow6 82s infinite; -o-animation: BGslideshow6 82s infinite;
}

#stretched-image7{
	background-position: 48% 34%;
	background-image: url(../img/Thom-Hoorweg-07.jpg);
	animation: BGslideshow7 82s infinite; -moz-animation: BGslideshow7 82s infinite; -webkit-animation: BGslideshow7 82s infinite; -o-animation: BGslideshow7 82s infinite;
}

#stretched-image8{
	background-position: 47% 17%;
	background-image: url(../img/Thom-Hoorweg-08.jpg);
	animation: BGslideshow8 82s infinite; -moz-animation: BGslideshow8 82s infinite; -webkit-animation: BGslideshow8 82s infinite; -o-animation: BGslideshow8 82s infinite;
}

#stretched-image9{
	background-position: 42% 35%;
	background-image: url(../img/Thom-Hoorweg-09.jpg);
	animation: BGslideshow9 82s infinite; -moz-animation: BGslideshow9 82s infinite; -webkit-animation: BGslideshow9 82s infinite; -o-animation: BGslideshow9 82s infinite;
}

#stretched-image10{
	background-position: 49% 39%;
	background-image: url(../img/Thom-Hoorweg-10.jpg);
	animation: BGslideshow10 82s infinite; -moz-animation: BGslideshow10 82s infinite; -webkit-animation: BGslideshow10 82s infinite; -o-animation: BGslideshow10 82s infinite;
}*/

#fotocopyrights div{
	position:fixed;
	top: 240px;
	display: block; 
	right: -141px;
	text-shadow: 0 3px 10px #000;
	-moz-text-shadow: 0 3px 10px #000;
	-webkit-text-shadow: 0 3px 10px #000;
	 -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#fotocopyrights {
	z-index:15;
}

.desktop { 
	display: block;
}
.mobile { 
	display: none;
}

.soMe a:hover {
	color: #fff;
}

.soMe {
	width: 215px;
	position: absolute;
	bottom: 10px;
	right: 0;
}

@media all and (min-width: 890px) and (max-width: 989px) { 
	body #faceboxes #dfoto {
		width: 746px;
	}

	#faceboxes #dfoto .content {
		width: 465px;
	}
}

@media all and (min-width: 517px) and (max-width: 889px) { 
	#fotocopyrights, #social, .contentpaneopen img {
		display: none;
	}
	
	header h1 {
		position: fixed;
		top: 0;
		left: 0;
		color: #aaa;
		font-size: 32px;
		margin: 7px 0 0 10px;
	}
	
	header {
		height: 42px;
		font-size: 12px;
		letter-spacing: 1px;
	}
	
	header ul {
	    width: 100%;
	}

	header li a {
		margin: 8px 12px 0 0;
	}

	#faceboxes .scroll-pane {
		left: 20px;
		width: 456px;
		bottom: 100px;
	}

	#faceboxes .content {
		width: 430px;
	}
	
	body #faceboxes #dfoto {
		width: 746px;
	}

	#faceboxes #dfoto .content {
		width: 315px;
	}
	
	header ul #dmedia{
		width: 183px;
		padding-left: 20px;
		right: 115px;
		bottom: 42px;
	}
	.soMe {
		bottom: 10px;
		left: 10px;
	}
}

@media all and (max-width: 516px) { 
	#fotocopyrights, .buttons-player, #social, .contentpaneopen img {
		display: none;
	}
	.desktop { 
		display: none;
	}
	.mobile { 
		display: block;
	}
	header h1 {
		font-size: 34px;
	    float: none;
	    width: 100%;
		text-align: center;
		margin: 7px 0 0 0;
		padding: 0;
	}
	
	header ul {
		display: block;
	    float: none;
	    width: 100%;
	}
	
	header li a {
	    float: none;
		text-align: center;
		margin: 10px 0 0 0;
		padding: 0;
	}
	
	header .soMe a {
		display: inline;
	}

	header #tmedia a {
	    display: none;
	}
	
	header {
		height: 300px;
		bottom: auto;
		top: 0;
	}
	
	#stretched-image1, #stretched-image2, #stretched-image3, #stretched-image4, #stretched-image5, #stretched-image6, #stretched-image7, #stretched-image8, #stretched-image9, #stretched-image10{
		margin: 0 auto;
		position:fixed;
		top:300px;
		bottom:0;
	}
	
	#faceboxes .scroll-pane {
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
		right: 0;
		width: auto;
		height: 100%;
	}
	
	.inactive {
		display: none;
	}
	
	#faceboxes .scroll-pane.zichtbaar { display: block; }
	
	#faceboxes .popup{
		position:absolute;
		border:0;
		bottom: 0;
		left: 0;
		top: 0;
		right: 0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:0 0 0 #000;
		-moz-box-shadow:0 0 0 #000;
		box-shadow:0 0 0 #000;
	}
	
	#faceboxes .content {
		display:block;
		position: absolute;
		padding: 0 0 0 10px;
		bottom: 0;
		left: 0;
		right: 0;
		top: 145px;
		background-color: #000;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		width: 100%;
	}
	
	#faceboxes .content > p:first-child{ margin-top:0; }
	#faceboxes .content > p:last-child{ margin-bottom:0; }
	
	#faceboxes .close{
		/* display: none; */
	}
	
	#faceboxes .close img{ opacity:0; }
	#faceboxes .close:hover img{ opacity:0; }
	
	#faceboxes .close:before {
		content: "Menu";
		display:block;
		float: right;
		color: #aaa;
		background-color: #fff;
		position: absolute;
		top: 33px;
		right: 20px;
		padding: 4px 7px;
		-webkit-border-radius:7px;
		-moz-border-radius:7px;
		border-radius:7px;
		font-style: normal;
	}	
	
	#faceboxes .close{
		right:5px;
		left:auto;
		background-color: transparent;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		width: 12px;
		height: 16px;
		border: 0;
		padding: 0 0 0 4px;
	}
}

.title {
  color: #ddd;
  font-weight: normal;
  margin: 1px 0 0 0;
  padding: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  font-style: normal;
  text-decoration: none;
}
.title:nth-child(even) {
  background-color: rgba(0,0,0,0.7);
}
.title:nth-child(odd) {
  background-color: rgba(65,65,65,0.7);
}
.toonNiet {
/*  display: none; */
  display: block;
}
.komend .title:hover {
  color: #000;
  background-color: #fff;
}
.komend .title:hover .toonNiet {
  display: block;
}
.datum, .time, .description, .location {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabs table .description {
  width: 100%;
}
.datum, .time {
  width: 120px;
}
/*.time::before {
   content: '\a';
   display: block; 
   white-space: pre; 
}*/
#dgigs .tabs {
  margin: 10px 18px;
}
#dgigs .htabs {
  overflow: hidden;
  margin: 10px 10px 0 10px;
  padding: 0;
}
#dgigs .htabs h3 {
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 15px;
}
#dgigs .htabs h3 a {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0,0,0,0.3);
  background-color: rgba(0,0,0,0.3);
  color: #ddd;
  text-decoration: none;
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-style: normal;
}
#dgigs .htabs h3 a:hover {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}
/* #dgigs .htabs #tupcoming {
  float: left;
}
#dgigs .htabs #tpast {
  float: right;
} */
.regelTwee {
	display: block;
}
#dgigs .htabs li {
  margin-top: 0;
  padding: 2px 5px 0 0;
  overflow: hidden;
  list-style: none;
}
#dgigs .htabs li h3 {
  font-weight: normal;
  padding: 2px 5px 0 5px;
  margin: 0 3px 0 0;
}
#dgigs .htabs li.selectedTab h3 {
  color: #000;
  background-color: #fff;
}
.nextprev {
  width: 49.5%;
}
.nextprev a {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255,255,255,0.3);
  background-color: rgba(255,255,255,0.3);
  color: #000;
  text-decoration: none;
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-style: normal;
}
.nextprev a:hover {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane { position: absolute; }

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack {
	background: #dde;
	position: relative;
}

.jspDrag {
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }


.jspHorizontalBar,
.jspVerticalBar,
.jspTrack
{
	background: rgba(2, 2, 2, 0.01);
}

.jspDrag
{
	background:  #7f7469;
	width: 6px;
	margin: 5px 0 5px 5px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{
	background: #675b50;
}

/*------------

@keyframes BGslideshow2 { 0%   {opacity: 0;} 7.56%  {opacity: 0;} 10%  {opacity: 1;} 20%  {opacity: 1;} 27.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow2 { 0%   {opacity: 0;} 7.56%  {opacity: 0;} 10%  {opacity: 1;} 20%  {opacity: 1;} 27.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow2 { 0%   {opacity: 0;} 7.56%  {opacity: 0;} 10%  {opacity: 1;} 20%  {opacity: 1;} 27.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow2 { 0%   {opacity: 0;} 7.56%  {opacity: 0;} 10%  {opacity: 1;} 20%  {opacity: 1;} 27.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow3 { 0%   {opacity: 0;} 17.56%  {opacity: 0;} 20%  {opacity: 1;} 30%  {opacity: 1;} 37.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow3 { 0%   {opacity: 0;} 17.56%  {opacity: 0;} 20%  {opacity: 1;} 30%  {opacity: 1;} 37.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow3 { 0%   {opacity: 0;} 17.56%  {opacity: 0;} 20%  {opacity: 1;} 30%  {opacity: 1;} 37.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow3 { 0%   {opacity: 0;} 17.56%  {opacity: 0;} 20%  {opacity: 1;} 30%  {opacity: 1;} 37.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow4 { 0%   {opacity: 0;} 27.56%  {opacity: 0;} 30%  {opacity: 1;} 40%  {opacity: 1;} 47.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow4 { 0%   {opacity: 0;} 27.56%  {opacity: 0;} 30%  {opacity: 1;} 40%  {opacity: 1;} 47.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow4 { 0%   {opacity: 0;} 27.56%  {opacity: 0;} 30%  {opacity: 1;} 40%  {opacity: 1;} 47.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow4 { 0%   {opacity: 0;} 27.56%  {opacity: 0;} 30%  {opacity: 1;} 40%  {opacity: 1;} 47.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow5 { 0%   {opacity: 0;} 37.56%  {opacity: 0;} 40%  {opacity: 1;} 50%  {opacity: 1;} 57.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow5 { 0%   {opacity: 0;} 37.56%  {opacity: 0;} 40%  {opacity: 1;} 50%  {opacity: 1;} 57.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow5 { 0%   {opacity: 0;} 37.56%  {opacity: 0;} 40%  {opacity: 1;} 50%  {opacity: 1;} 57.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow5 { 0%   {opacity: 0;} 37.56%  {opacity: 0;} 40%  {opacity: 1;} 50%  {opacity: 1;} 57.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow6 { 0%   {opacity: 0;} 47.56%  {opacity: 0;} 50%  {opacity: 1;} 60%  {opacity: 1;} 67.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow6 { 0%   {opacity: 0;} 47.56%  {opacity: 0;} 50%  {opacity: 1;} 60%  {opacity: 1;} 67.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow6 { 0%   {opacity: 0;} 47.56%  {opacity: 0;} 50%  {opacity: 1;} 60%  {opacity: 1;} 67.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow6 { 0%   {opacity: 0;} 47.56%  {opacity: 0;} 50%  {opacity: 1;} 60%  {opacity: 1;} 67.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow7 { 0%   {opacity: 0;} 57.56%  {opacity: 0;} 60%  {opacity: 1;} 70%  {opacity: 1;} 77.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow7 { 0%   {opacity: 0;} 57.56%  {opacity: 0;} 60%  {opacity: 1;} 70%  {opacity: 1;} 77.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow7 { 0%   {opacity: 0;} 57.56%  {opacity: 0;} 60%  {opacity: 1;} 70%  {opacity: 1;} 77.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow7 { 0%   {opacity: 0;} 57.56%  {opacity: 0;} 60%  {opacity: 1;} 70%  {opacity: 1;} 77.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow8 { 0%   {opacity: 0;} 67.56%  {opacity: 0;} 70%  {opacity: 1;} 80%  {opacity: 1;} 87.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow8 { 0%   {opacity: 0;} 67.56%  {opacity: 0;} 70%  {opacity: 1;} 80%  {opacity: 1;} 87.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow8 { 0%   {opacity: 0;} 67.56%  {opacity: 0;} 70%  {opacity: 1;} 80%  {opacity: 1;} 87.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow8 { 0%   {opacity: 0;} 67.56%  {opacity: 0;} 70%  {opacity: 1;} 80%  {opacity: 1;} 87.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow9 { 0%   {opacity: 0;} 77.56%  {opacity: 0;} 80%  {opacity: 1;} 90%  {opacity: 1;} 97.56%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow9 { 0%   {opacity: 0;} 77.56%  {opacity: 0;} 80%  {opacity: 1;} 90%  {opacity: 1;} 97.56%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow9 { 0%   {opacity: 0;} 77.56%  {opacity: 0;} 80%  {opacity: 1;} 90%  {opacity: 1;} 97.56%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow9 { 0%   {opacity: 0;} 77.56%  {opacity: 0;} 80%  {opacity: 1;} 90%  {opacity: 1;} 97.56%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow10 { 0%   {opacity: 0;} 87.56%  {opacity: 0;} 90%  {opacity: 1;} 97.56%  {opacity: 1;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow10 { 0%   {opacity: 0;} 87.56%  {opacity: 0;} 90%  {opacity: 1;} 97.56%  {opacity: 1;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow10 { 0%   {opacity: 0;} 87.56%  {opacity: 0;} 90%  {opacity: 1;} 97.56%  {opacity: 1;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow10 { 0%   {opacity: 0;} 87.56%  {opacity: 0;} 90%  {opacity: 1;} 97.56%  {opacity: 1;} 100% {opacity: 0;} }

------------*/


/*------------*/

@keyframes BGslideshow2 { 0%   {opacity: 0;} 23.8%  {opacity: 0;} 33.33%  {opacity: 1;} 66.67%  {opacity: 1;} 90.47%  {opacity: 0;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow2 { 0%   {opacity: 0;} 23.8%  {opacity: 0;} 33.33%  {opacity: 1;} 66.67%  {opacity: 1;} 90.47%  {opacity: 0;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow2 { 0%   {opacity: 0;} 23.8%  {opacity: 0;} 33.33%  {opacity: 1;} 66.67%  {opacity: 1;} 90.47%  {opacity: 0;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow2 { 0%   {opacity: 0;} 23.8%  {opacity: 0;} 33.33%  {opacity: 1;} 66.67%  {opacity: 1;} 90.47%  {opacity: 0;} 100% {opacity: 0;} }

@keyframes BGslideshow3 { 0%   {opacity: 0;} 57.14%  {opacity: 0;} 66.67%  {opacity: 1;} 90.47%  {opacity: 1;} 100% {opacity: 0;} }
@-moz-keyframes BGslideshow3 { 0%   {opacity: 0;} 57.14%  {opacity: 0;} 66.67%  {opacity: 1;} 90.47%  {opacity: 1;} 100% {opacity: 0;} }
@-o-keyframes BGslideshow3 { 0%   {opacity: 0;} 57.14%  {opacity: 0;} 66.67%  {opacity: 1;} 90.47%  {opacity: 1;} 100% {opacity: 0;} }
@-webkit-keyframes BGslideshow3 { 0%   {opacity: 0;} 57.14%  {opacity: 0;} 66.67%  {opacity: 1;} 90.47%  {opacity: 1;} 100% {opacity: 0;} }