@charset "utf-8";

/*==================================================
                Layout Structure
 =================================================*/
.wrapper{ position:relative; display:inline-block; width:100%;}

.container {
    width:100%;
}
.row {
    width: 100%;
    max-width:1173px;
    min-width:320px;
    margin: 0 auto;
    overflow: hidden;
}
.onecol, .twocol, .threecol, .fourcol, .fourcol2, .fivecol, .fivefivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 1.8%;
    float: left;
    min-height: 1px;
}
.row .onecol {
    width: 4.85%;
}
.row .twocol {
    width: 15.45%;
}
.row .threecol {
    width: 22.05%;
}
.row .fourcol {
    width: 32.2%;
}
.row .fourcol2 {
    width: 31.2%;
}
.row .fivecol {
    width: 39.45%;
}
.row .fivefivecol {
    width: 41.875%;
}
.row .sixcol {
    width: 47.5%; /* orignal 48% */
}

aside .sixcol {
	margin-right:4.5%;
}

aside .sixcol .last {
	margin-right:0 !important;
}

.row .sevencol {
    width: 56.75%;
}
.row .eightcol {
    width: 65.4%;
}
.row .ninecol {
    width: 74.05%;
}
.row .tencol {
    width: 82.7%;
}
.row .elevencol {
    width: 91.35%;
}
.row .twelvecol {
    width: 100%;
    float: left;
}


.row .doublecol {
    width: 200%;
    float: left;
}
.last {
    margin-right: 0px !important;
}
img, object, embed {
    max-width: 100%;
}
img {
    height: auto;
    display:block;
}

/*==================================================
        Frequently Used
 =================================================*/
.clear {clear: both;}
.relative {position: relative;}
.absolute {position: absolute;}
.left{ float:left;}
.left_important{ float:left !important;}
.right{ float:right !important;}
.main{ margin-top:2%;}
h2 span{ background-color:#106baa; font-size:0.8em; font-weight:normal; text-transform:uppercase;  color:#FFF; display:block; margin-left:29px; padding:5px 2%;}
.sidebarheading{ background-color:#106baa; font-size:0.8em; font-weight:normal; text-transform:uppercase;  color:#FFF; display:block; padding:5px 8%; font-size:1.1em; float:left; width:84%;}
.sidebarheading a {color:#FFF !important;}
h2 { padding:2px 0;}
h3{ font-size:1.2em; text-transform:uppercase; color:#000000; }
h3 a { color:#000000; }
h4{ font-size:1.2em; color:#ffffff; font-weight:normal; text-transform:uppercase;}
p{ font-size:1.2em; line-height:1.2em;}
.top-space{ margin-top:15px !important;}
.bottom-space{ margin-bottom:15px !important;}
.lesstop{ margin:0px !important;}
.link a:hover{ text-decoration:underline;}
.no-pad{ padding:0px !important;}
.no-margin{ margin:0px !important;}
.title_header_homepage {position: relative; _top: 140px !important;}
.title_header {position: relative; _margin-top: 215px !important}
.title_header section .sixcol {top: 20px !important;}
#content.tencol{width:80%;}
.main-banner2 img { width:100%; }
.leadad img {width: auto !important;}
.banner img { width:100%; }
.header_right .sixcol { margin-right:4.5%; width:47.5%; }

/*==================================================
        Body sidenavigation
 =================================================*/
.side-links{ position:absolute; left:0px; top:0px; width:40px; z-index:1;}
.flag-link{ margin-bottom:5px !important;}
.side-links ul li{ margin-bottom:-14px;}
.m-mode{ display:none;}
.ipad{ display:none;}
.mi-mode {display:none;}


/*==================================================
        Header
 =================================================*/
.headercontent{ float:right; background:#898989; margin-left:4%; width:468px; height: 60px;}
#header{ overflow:hidden;}
header .logo{float:left; width:25%; max-width:220px;}
.logo img {width:100%; }
.topnav{ float:left; width:100%; margin-top:35px;}
.tabbing{float:left;  margin-top:10px;}
.topnav ul,.tabbing ul{ float:left; width:100%; border-bottom:1px solid #106baa; }
.topnav ul li{ float:left; min-width:14.28%; padding-bottom:8px;}
.tabbing ul li{ float:left; width:50%; padding-bottom:10px;}
.tabbing ul li.first{width:48%; margin-right:2%;}
.topnav > ul li:hover,.tabbing > ul li:hover{border-bottom:4px solid #106baa;}
.current{ border-bottom:4px solid #106baa !important ;}
.festivalinfo .tabbing ul .current,.festivalinfo .tabbing > ul li:hover{ border-bottom:4px solid #ed2024 !important;}

.podiuminfo ul.tablink{ border-bottom:1px solid #70a6cc !important;}
.podiuminfo .tabbing ul .current,.podiuminfo .tabbing > ul li:hover{ border-bottom:4px solid #106baa !important;}

.festivalinfo ul.tablink{ border-bottom:1px solid #ed2024 !important;}

.festivalinfo .calander{ background:#ed2024 !important;}
.podiuminfo .calander{ background:#106baa;}
.podiuminfo_bl .calander{ background:#106baa;}
.cabaretinfo .calander{background:#af1f23;}

.green_rating ul.tablink{ border-bottom:0px solid #CAC82D !important;}
.green_rating .tablink li {border-bottom: 1px solid #CAC82D ;}
.green_rating .current,.green_rating > ul li:hover{ border-bottom:4px solid #CAC82D !important;}
.green_rating .calander{ background:#CAC82D;}
.header-left{ float:left; width:66%;}
.news-section{ margin-right:0; margin-top:15px; margin-bottom:15px;}
.news-section h1{ font-weight:normal; text-transform:uppercase; float:left; line-height:2em; width:80%;}
.news-scroll{ background:#106baa; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#ffffff; padding:0 0 0 10px; float:left; width:98.9%;}
.news-right{float:right; width:95px;}
.white-bg{ background:#ffffff; padding:0 4px;}
.news-right figure{ float:left; width:42px; float:left; }
.news-right figure img{width:100%;}
.zoek_knop { width:20%; height:100%; position:absolute; right:0; cursor:pointer; }

/*==== Iphone ====*/
@media handheld, only screen and (max-width: 580px) {
	.logo img {min-width:138px; min-height:54px;}
	.topnav{ margin-top:25px;}
}

/*==================================================
        Banners
 =================================================*/
.skyad {overflow:hidden; margin: 0 auto;}
 
.topad {width:73%; height:60px; float:left; margin-left:1.5%; text-align:right;}
@media handheld, only screen and (min-width : 0px) and (max-width : 680px){
.topad {display:none;}	
}

.leadad {margin:15px 0;}
@media handheld, only screen and (min-width : 1024px) and (max-width : 1150px){
.leadad {display:none;}	
}
@media handheld, only screen and (min-width : 0px) and (max-width : 760px){
.leadad {display:none;}	
}

@media handheld, only screen and (max-width: 1000px) { .billad {display: none;} }

.rectad {text-align:center;}

.main-banner2 .sixcol{ width:49.1%; position:relative;}
.main-banner2{ margin-top:12px;}

.banner .sixcol{ width:49.1%; position:relative;}
.banner{ margin-top:12px;}
.bannercontent{ position:absolute !important; left:0px; top:44%;}
.bannercontent a{color:#ffffff !important; font-size:2.1em; font-weight:bold; line-height:1.3em;}
a .bannercontent {color:#ffffff !important; font-size:2.1em; font-weight:bold; line-height:1.3em;}
.bannercontent a span{background:#106baa; padding:0 2% 0 4%; display: inline-block;  text-transform:uppercase; margin-bottom: 1px; margin-right:1%;}
a .bannercontent span {background:#106baa; padding:0 2% 0 4%; display: inline-block;  text-transform:uppercase; margin-bottom: 1px; margin-right:1%;}

.main_title {position: relative; width: 146%; background-color: #106baa; background-repeat: no-repeat;margin: 1.6% 0; padding: 1.8% 0 4.7% 2%;font-size: 2em; color: white; text-transform: uppercase;}
.main_title h1 {font-weight: normal; text-transform: uppercase;}
.main_title section { position: relative; right: 0; top: 0; }
.main_title section img {float: right; width: 4.4%; position: relative; top: -24px;}
.main_title span {float: left; } /* wss moet  deze weg */

@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
    .main_title section img {float: right; width: 6.4% !important; position: relative; top: -17px !important;}
}


/*==================================================
       Main Content
=================================================*/
#content{ margin-bottom:20px;}
.news h2{ background: url(../img/sprite.png) -4px -10px no-repeat;}
.videos h2{background: url(../img/sprite.png) -4px -132px no-repeat;}
.report h2{background: url(../img/sprite.png) -4px -202px no-repeat;}
.redagenda h2{background: url(../img/sprite.png) -4px -262px no-repeat;  float:left; width:100%; }
.podiuminfo h2{background: url(../img/sprite.png) -4px -320px no-repeat; float:left; width:100%; }
.cabaretinfo  h2{background: url(../img/sprite.png) -4px -684px no-repeat;  float:left; width:100%; }
.order h2{ background: url(../img/sprite2.png) -4px -1774px no-repeat;}
.article-left{ float:left; width:100%;}
.article-left div:hover{background: #f2f2f2;}
.article-left li{ margin-top:13px; float:left; width:100%;}
.article-left figure{ float:left; position:relative; margin-right:5%; width:20%;}
.article-left h3{margin-bottom: 5px; line-height: 1.2em; }
.rating{ background:url(../img/sprite.png) 0 -68px no-repeat; width:40px; height:30px; font-size:1.1em; color:#ffffff !important; position:absolute; top:0px; right:-7px; text-align:center; line-height:2em;}
.v-link{ background:url(../img/sprite.png) 0 -1153px no-repeat; width:40px; height:30px; font-size:1.1em; color:#ffffff; position:absolute; bottom:-3px; right:-20px; text-align:center; line-height:2em;}
.tabcontent li{width:100% !important; font-size:1.2em; }
.tabcontent li span{ margin-right:5px;}
.tabcontent ul{ margin:15px 0; border:none !important;}
.subheading{ width:100%; float:left; color: #106baa;  font-size: 1.2em;  text-transform: uppercase; border-bottom:1px solid #106baa; padding-bottom:10px;}
.tabcontent{ display:none;}
.details p{ color:#000000; font-size:1.1em; line-height:1.3em; color: #6d6d6d;}
.main-block-space{ margin-bottom:30px; margin-top:15px;}
.show{ display:block;}
.readmore{ font-size:1.2em; color:#6d6d6d !important; font-weight:bold; padding-right:35px; background:url(../img/sprite.png) 100% -1757px no-repeat; margin-top:10px; margin-bottom:1px; position:relative;}
.readmore:hover{ text-decoration:underline;}
.video{ background:url(../img/bg_bg.png) no-repeat; margin-bottom:5px; width:100%; display:inline-block; background-size:100%; overflow:hidden;}
.video2{ background-color:#106baa; margin-bottom:5px; width:100%; display:inline-block; background-size:100%; overflow:hidden;}
.video a img{width:100%;}
.video2 a img{width:100%;}
.video2 a{float:left; width:100%;}
.videos h2{ margin-bottom:22px;}
.videos h3{ margin-bottom:5px;}
.video_play_btn {margin-top: 0 !important; width: 35% !important; position: absolute;top: 20%;left: 32%;}
.video_play_btn_fp {margin-top: 0 !important; width: 35% !important; position: absolute;top: 37%;left: 32%;}
.video_play_btn_big {margin-top: 0 !important; width: 15% !important;height: 25%;position: absolute;top: 33%;left: 42%;}
.video_play_btn_small {min-width: 0% !important; height: 60%;position: absolute;top: 15%;left:23%;}
.video_play_btn_mashup {min-width: 0% !important; width: 45% !important;height: 60%;position: absolute;top: 20%;left: 28%;}
.video_play_btn_small:hover {opacity: 0.8;}
.news{ overflow:hidden;}
.report-banner-section{ position:relative;}
.report h2{ margin-bottom:3%;}
.report-banner-section .bannercontent{top:27%;}
.reportcontent a{ color:#000000; font-size:1.2em;}
.reportcontent ul li{ margin-bottom:5px; border-bottom: 1px solid #f2f2f2; padding-bottom: 8px;}
.article-left.details.lesstop li.last{ padding-bottom:0px;}
.calander{ background:#ed2024; width:22%; text-transform:uppercase; color:#FFF; text-align:center; margin-right:3%;}
.border{ border-bottom:1px solid #FFF;}
.calander .border{ font-weight:bold; text-align:center;}
.calander span{ display:block; padding:3px 4px; margin-right:0 !important;}
.redagenda ul div,.podiuminfo ul div,.cabaretinfo ul div{ float:left;}
.redagenda ul.details li, .podiuminfo ul.details li,cabaret ul.details li{ margin-bottom:7px;}
.redagenda p,.podiuminfo p, .cabaretinfo p{  font-size:0.9em; line-height:1.1em;}
.redagenda h3,.podiuminfo h3{ font-size:1em;}
.festivalinfo h2 span{ background:#ed2024;}
.podiuminfo h2 span{ background:#106baa;}
.tablink a{color:#106baa !important; font-size:2em; text-transform:uppercase; font-size:1.2em; text-decoration:none !important;}
.festivalinfo .tablink a{ color:#ed2024 !important;}
.green_rating h2 span {background-color:  #cac82d;}
.green_rating .tablink a{ color:#CAC82D;}
.green_releases h2 span {background-color:  #cac82d;}
.details > div{ margin-top:10px;}
.video a img:hover{ opacity:0.9; transition:opacity;}
.video2 a img:hover{ opacity:0.9; transition:opacity;}
.main-block-space.n-mode .video > a{float:left; width:99%; margin:-2px 0 46px 0;}
/* Extra afbeelding in de sprite 2 */
.blokken h2 { background: url(../img/sprite2.png) -4px -1879px no-repeat;}
.map h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -1915px no-repeat;}
.no-image h2 {background-image: none !important;}
.no-image span {margin-left: 0 !important; }
.globe h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -1951px no-repeat;}
.user h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -1991px no-repeat;}
.twitter h2 {background: url(../img/sprite2.png) -4px -2260px no-repeat;}
.green_rating h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -2291px no-repeat;}
.green_releases h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -2322px no-repeat;}
.reaction_title h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -2505px no-repeat;}
.artist h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -2535px no-repeat;}
.radio h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -1848px no-repeat;}
.headphone h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3123px no-repeat;}
.none h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3154px no-repeat;}
.release h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3090px no-repeat;}
.image_photo h2{ background:url("../img/sprite.png") no-repeat scroll -4px -1811px; font-weight:bold; margin-bottom:5px;}

.podium_overzicht h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3411px no-repeat;}
.podium_info h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3288px no-repeat;}
.podium_route h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3316px no-repeat;}
.podium_ticket h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3346px no-repeat;}
.podium_fact h2{margin-bottom:13px; background: url(../img/sprite2.png) -4px -3378px no-repeat;}
.podiuminfocal h2{background: url(../img/sprite.png) -4px -320px no-repeat; float:left; width:100%; }

.inner-side.title_header_homepage{width:18%;}
.members figure.sidebar-main-image{width:100%;}
.members figure.sidebar-main-image img{width:100%;}
.sidetcontent.title_header_homepage .members figure.sidebar-main-image a{width:100%;}
.main-container{width:82.7%; overflow:hidden; float:left; margin-right:1.8%; margin-bottom: 20px;}
.main-container2{width:66%; overflow:hidden; float:left; margin-right:1.8%;}
.empty_news_image{float:left; width: 20%; margin-right: 5%;}


/*==== Iphone ====*/
@media handheld, only screen and (max-width: 580px) {
    .inner-side.title_header_homepage{width:100% !important;}
}

/*==================================================
               Sidebar
=================================================*/

/* Zorgt ervoor dat de inlog submit en social media dingen in de header kunnen komen te staan. */
.header_right { float:right; margin-right:0; width: 32.4% !important;}
.title_header_homepage {position: relative; _top: 140px; }
.rule_alone {float: left; margin-right: 60px; }
.sidetcontent {margin-bottom: 5%; }

.infotop{ background:#e8e8e8; padding:5px 10px 15px 10px; margin-bottom:4px;}
.infotop h3{ color:#106baa; font-size:1.1em; font-weight:normal; line-height:2em;}
.infotop p{ color:#a4a4a4;  font-size:1.1em;}

.submit{ background:url(../img/bg-submit.png) 0 0 repeat-x; padding:2% 16%; text-transform:uppercase; box-shadow: #666 0px 2px 3px; color:#ffffff; font-size:1.4em; float:left; min-width:104px; width:68%;}
.submit:hover, .submit:active {background:url(../img/bg-submit2.png) 0 0 repeat-x; }
.p-video a img:hover{ opacity:0.95;}
.submit span{ background: url(../img/sprite.png) -10px -442px no-repeat; padding:3.1% 0 1% 26%; float:left; width:100%;}

a.submit_btn {	background: url(../img/submit_buttonstates.png) no-repeat 0 0; width: 100%; height: 32px; display: block;}
a.submit_btn:hover { background-position: 0 -35px; }

.more_photos {color:#fff !important; text-decoration:none; padding: 2% 16% !important; font-size:1em !important; text-align:center; min-width:110px; width:68% !important; height:13px !important;}

.search{ float:left; border-radius:2px; border:1px solid #106baa; margin-top:10px; width:98%;}
.search input{ float:left; text-transform:uppercase; color:#106baa; font-size:1.1em; background: url(../img/sprite.png) 100% -489px no-repeat; padding:6px 35px 6px 15px; width:71%;}
.videobox{ margin-top:15px; position:relative;}
.p-video{ position:absolute; right:-1px; top:-2px;}
.videobox .bannercontent a{ font-size:1.6em; font-weight:normal;}
.twelvecol .win {background:#e1e1e1; margin-bottom:2px;}
.twelvecol .win:hover {background:#f2f2f2;}
.win span{ float:left; width:60.5%; padding:2% 2% 2% 4%; min-height:60px; font-weight:bold; font-size:1.2em !important; text-transform:uppercase;}
.win figure{ height:49px; float:left; width:31%; padding:2% 0 0 2%;}
.win figure a{ width:100%; float:left;}
.sixcol.win { margin:0; width:50% !important; }

.popularblock{ float:left; margin-top:2px; width:100%; height:100%; background:#e1e1e1; }
.popularblock:hover {background:#f2f2f2;}
.popularcontent{ float:right; width:57%; padding:3% 5%; min-height:41px; overflow:hidden;}
a .popularcontent {color:#000;}
.popularicon{ background:url(../img/pop-icon.png) -4px 0 no-repeat; padding:20px 2px 0 2px; margin:0px 0 0 3px; float:left; color:#bdb9b9;}
.article-left .popularblock figure{ margin-right:0px; width:33%;}
.heading{font-size: 1.1em;  font-weight: bold; text-transform:uppercase; float:left; width:72%;}
.popular-rank{ background:url(../img/sprite.png) 0 -549px no-repeat; width:25px; height:25px; font-size:2em; color:#ffffff; position:absolute; top:-2px; left:-4px; text-align:center; line-height:1.5em; font-size:1.8em;}
.playlist .heading{width:100%;}
.playlist .popular-rank{background:url(../img/sprite.png) 0 -586px no-repeat;}

.popular-rank-big{ font-size:2em; color:#ffffff; position:absolute; top:-3px; left:-4px; text-align:center; line-height:1.5em; font-size:1.8em;}
.playlist_big .popular-rank-big {background:url(../img/sprite.png) 0 -618px no-repeat;}

.cabaretinfo h2 span{ background:#af1f23;}
.cabaretinfo h3{font-size:1em;}
.cabaretinfo .readmore{ padding-right:15%; background:url("../img/sprite.png") no-repeat scroll 107% -1756px transparent;}

/*
Agendainfo dingen
*/
.login div{ margin-bottom:4px; font-size:1.1em; color:#ffffff; text-align:center;}
.loginhead{ background:#22b04b url(../img/login.jpg) 10px 10px no-repeat; height:70px; text-align:center; font-size:1.1em; color:#ffffff; text-transform:uppercase; width:100%;}
.loginhead2{ background:#22b04b; height:110px; text-align:center; font-size:1.1em; color:#ffffff; width:96%; padding:2% 0 0 4%;}
.inloggen { position:relative; top:30px; margin-left:15%; width:80%;}
.ingelogd { text-align:left !important; height:14px;}
.user_avatar {width:35%; height:80px; background-color:#1c913e; float:left;}
.user_avatar img {max-height:61px; width:100%;}
.user_avatar span {display:block; padding-top:4px;}

.uitloggen { position:relative; width:62%; top:14px; font-size:1em !important; height:15px; float:right; text-align:right;}
.logintabs{background:#22b04b; padding:10px 0;}
.login a{color:#ffffff; margin:0 5px;}

.logincol a{ background:#1c913e; color:#ffffff !important; float:left; margin-left:27px; height:14px; text-decoration:none !important; width:100%; font-size:0.9em; text-align:left; padding:4px 0 0 1px;}
.logincol ul{ overflow:hidden; width:62%;}
.logincol li{ float:left; width:100%; margin-bottom:1px;}
.nav_agendainfo{background:url("../img/sprite2.png") no-repeat scroll -2px -3261px;}
.nav_bericht{background:url("../img/sprite2.png") no-repeat scroll -2px -3240px;}
.nav_foto{background:url("../img/sprite2.png") no-repeat scroll -2px -3219px;}


@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
	.loginhead2 {padding:1% 0 0.8% 1%; height:64px;}
	.user_avatar {width:60px; height:60px; background-color:#1c913e; float:left;}
	.user_avatar img {width:60px; height:60px; max-height:none;}
	.ingelogd {margin:8px 0px 8px 6px !important;}
	.logincol {margin-left:6px;}
	.logincol a{ background:#1c913e; color:#ffffff !important; float:left; margin-left:26px; height:14px; text-decoration:none !important; width:100%; font-size:0.9em; text-align:left; padding:4px 0 0 1px; width:79px;}
	.logincol ul{ overflow:hidden; width:100%;}
	.logincol li{ float:left; margin-bottom:1px; width:auto; margin-right:14px; display:inline-block; width:94px;}
}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
	.loginhead2 {height:68px;}
	.user_avatar {width:60px; height:60px; background-color:#1c913e; float:left;}
	.user_avatar img {width:60px; height:60px; max-height:none;}
	.ingelogd {margin:4px 0px 4px 6px !important;}
	.logincol {margin-left:6px;}
	.logincol a{ background:#1c913e; color:#ffffff !important; float:left; margin-left:26px; height:14px; text-decoration:none !important; width:100%; font-size:0.9em; text-align:left; padding:4px 0 0 1px; width:79px;}
	.logincol ul{ overflow:hidden; width:100%;}
	.logincol li{ float:left; margin:0px 14px 4px 0px; width:auto; display:inline-block; width:94px;}
}

.socialicons a{ width:34px; height:34px; float:left;}
.socialicons a:hover{ opacity:0.9;}
.socialicons{ width:100%; overflow:hidden; margin-top:5px;}
.socialicons ul{ float:left; width:100%;}
.socialicons ul li{ float:left; margin-right:6.5%; width:20%;}
.s-icon{background:url("../img/sprite.png") 42% -826px  no-repeat;}
.fb{background:url("../img/sprite.png") 42% -905px  no-repeat;}
.tweet{background:url("../img/sprite.png") 42% -994px  no-repeat;}
.feed{background:url("../img/sprite.png") 42% -1076px  no-repeat;}
.newsletter{ overflow:hidden; background:#106baa; padding-top:20.5%;}
.newsletter label{ color:#ffffff; text-transform:uppercase;}
.newsletter span ,.newsletter label{ float:left; width:142px; margin:0px 0 10px 8%; font-size:1.1em;}
.newsletter span{color:#000000;}
.newsletter input{ background:#ffffff; padding:5px; font-size:1em; width:93%;}
.newsletter .error {color:#fff; background:url("../img/sprite2.png") -4px -3193px  no-repeat; padding-left:34px; height:26px; width:106px; font-size:1.2em;}
.button{ float:right; background:url(../img/btn.jpg) no-repeat !important; color:#ffffff !important; width:49px !important; height:38px; cursor:pointer;} 
#newsletter_subscribe_img {padding:8px 8px 40px 8px; float:left; width:21%;}
#newsletter_subscribe_txt {float:left; width:65%; overflow:hidden; font-size:1.1em; color:#fff; }

.infocol a{ background:#22b04b; color:#ffffff !important; font-size:1.1em; text-transform:uppercase; padding:8px; float:left; margin:1px 0px 1px 34px; width:72%; height:12px; text-decoration:none !important;}
.infocol .sel{ background:#ccc; color:#ffffff !important; font-size:1.1em; text-transform:uppercase; float:left; margin:1px 0px 1px 34px; width:72%; height:12px; text-decoration:none !important;}

.infocol .knop { color:#ffffff !important; float:left; width:75%; height:12px;}
.infocol .aantal {background:#22b04b; color:#ffffff !important; float:left; padding:8px; width:15%; margin:1px 0 1px 0; height:12px; border-left:1px solid #fff; text-transform:uppercase; font-size:1.1em;}

.infocol ul{ overflow:hidden; width:100%;}
.infocol li{ float:left; width:100%; margin-bottom:7px;}
.info{background:url("../img/sprite.png") no-repeat scroll -2px -1224px;}
.foto{background:url("../img/sprite.png") no-repeat scroll -2px -1296px;}
.video-t{background:url("../img/sprite.png") no-repeat scroll -2px -1371px;}
.verslagside{background:url("../img/sprite.png") no-repeat scroll -2px -1444px;}
.flag{background:url("../img/sprite2.png") no-repeat scroll -2px -3032px;}
.flag span {border-left: 1px solid white; padding: 8px 0 8px 7%; margin-left: 6%;}
.sidetab{ overflow:hidden; background:#22b04b; width:88%; padding:6%; float:left; margin-top:5px;}
.sidetab ul{ float:left;}
.sidetab li{  overflow:hidden;}
.sidetab li a{ float:left; width:25px; height:25px;}
.sidetabcontent{ float:left; background:#ffffff; padding:5%; position:relative; font-size:1.1em; line-height:1.2em; color:#393838; margin-left:10px; width:63%; min-height:85px;}
.sidetabcontent a { font-weight:bold;}
.title1 a{background:url("../img/sprite.png") no-repeat scroll -8px -1513px;}
.title2 a{background:url("../img/sprite.png") no-repeat scroll -7px -1577px;}
.title3 a{background:url("../img/sprite.png") no-repeat scroll -7px -1644px;}
.title4 a{background:url("../img/sprite.png") no-repeat scroll -8px -1709px;}
.sidetabcontent .arw{ position:absolute; left:-7px; top:5px; width:7px; height:14px;}
.likes ul{float:left; width:100%;}
.likes,.likes li{ overflow:hidden;}
.likes li{ margin-bottom:5px;}
.likes a{ width:18%; height:34px; float:left;}
.fblike a{background:url("../img/sprite.png") 42% -904px  no-repeat;}
.tweetlike a{background:url("../img/sprite.png") 42% -994px  no-repeat;}
.likes .content{ float:left; margin-left:10.5%; position:relative; width:61%; padding:6% 5%; color:#ffffff; font-size:1.2em;}
.fblike .content{ background:#3b5998;}
.tweetlike .content{ background:#00bce4;}
.content .arw{ position:absolute; left:-10px; top:9px; width:10px; height:17px;}
.members{ overflow:hidden; margin-top:10px;}
.members.redagenda h2{ background:url("../img/sprite.png") no-repeat scroll -4px -1811px; font-weight:bold; margin-bottom:5px;}
.members figure{ float:left; width:30%;}
.members .popularcontent{ width:50%;}
.mem-pics.members .popularcontent{ width:60%;}
.members .heading{ font-weight:normal; width:95%;}
.forum .sidebarheading{ background:#0a6a5c;}
.forum .heading{ font-weight:normal; width:100%;}
.forum .heading strong{ display:block;}
.forum .popularcontent{/*width:151px;*/ width:90%; margin-top:2px;}
.adspace{ width:120px; height:500px; margin:auto; background:#898989;}
.verslag .last{margin-bottom:2px;}
.forum a .heading{ color:#000000;}
.videoside.members figure a{ float:left; min-width:73px;}
.photoside.members figure.top a,.members figure.top a{width:174px; float:left;}
.photoside.members figure a{ float:left; width:100%;}
.win img{width:100%;}
.first-v{margin-top:13px;}
.win span{font-size:1.1em;}
.video-c.members .popularcontent{ padding-top:3.2%;}
.c-photo .popularcontent{padding-top:4.2%;}
.popularblock figure img{width:100%;}
.spacer-sidebar{ float:left; width:100%; position:relative; margin-top:5%;}
.adsspace-big{ background:#898989; margin-left:-105%; top:0; width:200%; height:350px;}

/*======= footer======*/
.footer-top{ overflow:hidden;}
.footer-block{ overflow:hidden;  padding:15px 0; min-height:176px; position:relative; z-index:1;}
.twocol.footer-block{width:14.45%;}
.footer-block ul{ overflow:hidden;}
.footer-block ul li{overflow:hidden; margin-bottom:6px;}
.footer-block a{ color:#ffffff; float:left; margin-bottom:1px;}
.headline{color:#ffffff; padding:5px 24px; background:url(../img/f-circle.png) 0 0 no-repeat; float:left; text-transform:uppercase; font-weight:bold;}
.headline.verslagicon{ background:url(../img/verslag-icon.jpg) no-repeat;}
#footer .readmore {color:#ffffff !important; font-size:1.1em; background:url("../img/sprite.png") no-repeat scroll 100% -386px transparent; line-height:1.2em;}
.red{  background:#ed2024;}
.blue{background:#106baa;}
.d-red{background:#af1f23;}
.yellow{background:#cac82d;}
#footer{ font-size:1.2em; }
.footer-top h4{ margin-top:20px;}
.red ul{ padding:0 0px 0 15px;}
.red .footer-block{ padding-right:1.8%;}
.footer-block strong{ margin-right:3px;}
.nobg{ background:none !important;}
.firstblcok ul{ padding-left:0px;}
.grey{ background:#a4a4a4; font-size:1em;}
.footer-block .footer-main-nav a{ font-weight:bold; color:#000000;}
.grey a{ color:#6b6b6b; font-weight:normal;}
.footermain{ position:relative;}
.footer-y{ width:50%; height:241px; position:absolute; right:0px; bottom:206px; background:#cac82d;}
.footer-r{ width:50%; height:241px; position:absolute; right:0px; bottom:206px; background:#af1f23;}
.tabcontent a{ color:#000000;}
.footer-block .mid{ margin-left:5%;}
.footer-wrapper.blue{ z-index:3; position:relative;}
.readmore em{ position:absolute; right:0; top:0;}

/*==================================================
 Media Conditions For responsive
 =================================================*/

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .main-banner img { width: 100%;}
    .row, body, .container {	width: 100%; height: 100%;	min-width:296px;	margin-left: 0px;	margin-right: 0px;	padding-left: 0px;	padding-right: 0px;}
    .main{ margin-top:6.5% !important; font-size:1.2em;}
    body{ font-size:50% !important;}
    .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fourcol2, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .row .doublecol {	width: auto;	float: none;	margin-left: 0px;	margin-right: 0px;}
    .n-mode{ display:none !important;}
    .m-mode{ display:block;}
    .mi-mode {display:block;}
	.ipad{ display:none;}
    .side-links,.side-links ul{width:100%;}
    .side-links li{ float:left; margin-bottom:0 !important; width:24.60%; margin-right:.62%;}
    .side-links li img{ width:100%; min-height:22px;}
    .flag-link,.forumlnk,.faq{ display:none;}
    .login{ overflow:hidden; margin-top:1%;}
    .loginhead{ background:#22b04b url(../img/login.jpg) 10px 6px no-repeat; height:auto; background-size:9% 61%; padding:2% 13%; width:32%; float:left; margin-right:1%; text-align:left !important;}
    .logintabs{width:40.9%; float:right; padding:2% 0;}
    header .logo{ float:none; margin-top:4%; margin-left:2%;}
    .bannercontent{  max-width:232px ;}
    .article-left h3{ font-size:1.4em;}
    .redagenda ul.details li, .podiuminfo ul.details li{ width:50% !important;}
    .tablink{ border:none !important; margin-left:2%; min-height:88px;}
    .tablink li{ border-bottom:1px solid #106baa; width:43%; margin-right:6%; margin-bottom:2%; float:none !important; display:inline-block;}
    .topnav > ul li:hover,.main-block-space{ margin-bottom:0;}
    header .search{ width:42.5%; margin:5px 7% 0 2%; }
    .submit{width:38%; padding:1.5% 2% 1% 4%;}
    .submit span{ padding:0.9% 0 2.5% 20%; width:81%;}
    .s-submit{ float:left; width:100%; margin-top:3%;}
    .topnav{ float:none;}
    .banner img,.main-banner2 img, .videos img,.m-fest img{ width:100%;}
    .m-win{ margin-bottom:15px; background:#e1e1e1;}
    .m-win .win{ float:left;}
	.m-win .win figure {padding:0; height:100%; width:35%;}
	.win span{ width:57.5%;}
    .tabbing .tablink{ margin:5px 0 0 0px; min-height:21px;}
    .tabbing .tablink li{ float:left !important; margin:0 !important; width:50% !important;}
    .tabbing .tabbing ul li{margin-bottom:1%;}
    .s-videos .videobox{ float:left;}
    .m-fest{ margin-top:4%;}
    .s-videos .bannercontent{}
    .s-videos-side{width:49% !important; margin-right:2% !important;}
    .s-videos-side.last{ margin-right:0 !important;}
    .report-banner-section{ margin-bottom:3%;}
    .red ul{ padding:0 0 0 4% !important;}
    .redagenda ul.details li, .podiuminfo ul.details li{width:100% !important;}
    .redagenda{float:left !important; width:48% !important;}
    .podiuminfo{float:right !important; width:48% !important;}
    .agenda_artist .podiuminfo { float: none !important; width: auto !important;}
	.infocol li{ width:48%;}
    .infocol a{font-size:1em; padding:8px 3%;}
    .infocol ul li{ margin:0 0 0 1.7%; }
    .infocol ul{ width:98%;}
    .grey .footer-block{ float:left !important; width:40% !important; margin-left:4%;}
    .m-article .tabbing{ }
    .m-article{ margin-top:7%;}
    .footermain{ margin-top:4%;}
    .bannercontent a{ font-size:2em;}
    .banner.sixcol{ margin-left:-1px;}
	.main-banner2.sixcol{ margin-left:-1px;}
    .tabbing,.s-videos,.m-fest,.m-win,.redagenda,.podiuminfo,.details div,.videos,.topnav,.report,.main-block-space,.side-links,.side-links ul{overflow:hidden;}
    .win figure{width:auto;}
    .win span{max-width:100px;}
    .article-left figure{width:15%;}
    .side-links li.lesstop{width:24.1% !important;}
    .s-videos .bannercontent{max-width:139px;}
    h2 span{font-size:0.82em;}
    .left-spacer.tabbing li{ padding:0 2% 5px; width:46% !important;}
    .m-article .left-spacer.tabbing li{ padding:0 4% 5px;}
    .readmore{padding-right:42px; width:auto; background:none; margin-right:5px;}
    #footer .readmore{max-width:39%;}
    .s-videos .readmore{/*width:19%;*/}
    .tabcontent.newstab ul li{width:100% !important;}
    #footer .readmore {color:#ffffff !important; font-size:1.1em; background:url("../img/sprite.png") no-repeat scroll 100% -387px transparent; line-height:1.2em;}

    .main-container{width:100% !important;}
    .main-container2{width:100% !important;}

    aside.last.d-mode {float: left !important;}   
}


@media handheld, only screen and (min-width : 1023px) and (max-width: 1130px) {
    .video-c.members .popularcontent{max-width:42%;}
}

/*==== I Pad ====*/
@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
    .wrapper{}
    body, .container {	width:100%; min-width:296px; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; font-size:55.5% !important;}
    .row .eightcol{ width:auto !important; margin-right:0;}
    .row{ margin-left:5%; width:95%;}
    .d-mode{ display:none;}
    .ipad{ display:block !important;}
	.mi-mode {display:block;}
    .tabbing,.s-videos,.m-fest,.m-win,.redagenda,.podiuminfo,.details div,.videos,.topnav,.report,.main-block-space,.side-links,.side-links ul,.seach-block{/*overflow:hidden; Voor de zekerheid nog laten staan voor als het wel nog nodig is*/}
    /*=== header ===*/
    .headercontent{ float:right !important;}
    .login{ overflow:hidden; margin-top:1%; width:100% !important;}
    .login .threecol {width:23.59% !important; overflow:hidden !important;}
	.loginhead{ background:#22b04b url(../img/login.jpg) 10px 6px no-repeat; height:auto; background-size:9% 61%; padding: 5% 4% 5% 25% !important; float:left; margin:0px 1% 0px 0px !important; text-align:left !important; width:100% !important; height:8px;}
    .logintabs{ float:left; padding:5% 4% 5% 0% !important;  width:100%; margin:0px 1% 0px 0px !important; height:8px;}
    .infotop{ width:100%; float:left; padding: 2% 4% 2% 4% !important; margin:0px 1% 0px 0px !important;}
    .login{ margin:0 0 2% 0;}
    .search{ width:22%;}
    .socialicons{ float:right !important; width:auto !important;}
    .seach-block{ width:100% !important; float:left !important; margin-top:1%;}
    .banner img{ width:100%;}
	.main-banner2 img{ width:100%;}
    .bannercontent{ max-width:232px !important; width:65% !important; min-width:128px;}
    /*.videobox .bannercontent{width:85% !important;}*/
    .submit span{ padding:3px 0 4.7% 23%;  font-size:.89em; width:75%; min-height:13px; margin:5px 0 0;}
    submit{width:18%; padding:0.5% 1% 0.6%; min-width:14px;}
    .submit{width:17%; padding:0 0.5% 0 2%; min-width:15px; }
    .banner{ overflow:hidden;}
	.main-banner2{ overflow:hidden;}
    .newsletter{padding-bottom:0; padding-top:0;}
    .i-win{ overflow:hidden; background:#e1e1e1;}
    .infocol li{ width:49%;}
    .infocol a{width:73%; font-size:1em;}
    li.info,.video-t_red,.foto_red,.flag_red{ margin-right:2%;}
    .article-left{width:auto;}
    .main .flag-link{ margin-bottom:20px !important;}
    .footer-y{ height:447px;}
	.footer-r{ height:447px;}
    .h-footer{width:100% !important; background: #A4A4A4; height:auto; min-height:4px; padding-left:8%; border-bottom:1px solid #6b6b6b;}
    .h-footer ul{ }
    .h-footer ul li{ float:left; margin-right:3.5%;}
    .grey,.blue,.footer-y,.footer-r{ z-index:1;}
    .footer-wrapper.grey .row{margin-left:0; width:100%;}
    .footer-wrapper{ position:relative;}
    .ipad-view{ margin-left:8%;}
    /*.festival-block{ min-height:368px;}*/
    .ipad.i-win figure img{width:auto;}
    .ipad.i-win figure{width:35%;}
	.ipad.i-win .win span {width:58.5%;}
    /*.festival-block{ min-height:440px !important;}*/
    .article-left figure a{}
    .article-left figure{width:17%;}
    .newsletter span, .newsletter label{width:79% !important;}
    .newsletter input{width:95%;}
    .newsletter input.button{width:47px; margin-right:4%;}
    .win span{max-width:100px;}
    .popularicon{ padding:20px 1px 0;}
    .search input{ padding:3% 17% 7% 14% !important; margin-left:2%;}
    .main-banner .bannercontent{ min-width:170px;}
    h2 span{font-size:0.9em;}
    
	.article-left .popularblock figure{width:29%;}
    .article-left .popularblock .popularcontent{width:61%; float:left; min-height:31px;}
	
    .first-v{}
    .verslag .twelvecol{margin-bottom:5.2%;}
    .videobox{ margin-top:10px;}
    .popularblock img{width:100%;}
    .socialicons ul li{margin-right:5.5%;}
    .search{ margin-top:5px;}

    .main-container{width:100% !important;}
    .main-container2{width:100% !important;}
}

@media handheld, only screen and (min-device-width : 581px) and (max-device-width : 1024px){
    .search input{padding:8px 35px 8px 15px !important;}
    .infocol a{width:69%;}
}

@media handheld, only screen and (min-width :581px) and (max-width : 1024px) and (orientation:landscape){

    .login{ overflow:hidden; margin-top:1%; width:100% !important;}
    /*.loginhead{ height:auto; background-size:9% 61%; padding:1% 4% 1% 7%; float:left; margin-right:1%; text-align:left !important; } */
    .logintabs{ float:left; padding:1% 2%;}
    /*.infotop{  margin-left:1%; float:left;  padding:0.2% 2%;}*/
    .report-banner-section img{width:100%;}
    /*.festival-block{ min-height:480px;}*/

}

@media handheld, only screen and (min-device-width :581px) and (max-device-width : 1024px) and (orientation:landscape){
    .newsletter{min-height:179px;}
    .newsletter input.button{margin-right:7%;}
    .infotop{ padding:0.3% 2%;}
    .search input{padding:8px 35px 8px 15px !important;}
}


@media handheld, only screen and (min-width :581px) and (max-width : 1220px){
    .main{margin-left:30px;}
    .main.row{width:95%;}
}

/*==== Desktop only min heigt aan meegeven zodat de footer er goed uitziet ====*/
@media handheld, only screen and (min-width : 580px){
    .main.row {min-height: 900px;}
}

@media handheld, only screen and (max-width : 1024px) {
    .header_right{ display:none;}
    .header-left{ width:100%;}
    .main-container{width:100%; margin-right:0;}
    .main-container #content{width:100%;}
}

/*==================================================
   KNOPPEN
 =================================================*/

/*zijkant artiestenpagina */
a.side_button {width: 100%; height: 49px; display: block; padding:0; margin:0;}
a.side_button:hover, a.side_button:active { background-position: 0 -48px; }
.side_button_sel { background-position: 0 -98px !important; }
a.side_button .main {color:#fff; position:relative; top:10px; left:31%; display:block; margin:0;}
a.side_button .small {color:#6b6b6b; position:relative; top:21px; left:31%; text-transform:none; display:block; margin:0;}
a.side_button:hover .main {top:11px;}
a.side_button:hover .small {top:22px;}

/*main artist2userpagina */
a.main_button {width: 180px; height: 49px; display: block; padding:0; margin:0; }
a.main_button:hover, a.main_button:active { background-position: 0 -48px; }
.main_button_sel { background-position: 0 -98px !important; }
a.main_button .main {color:#fff; position:relative; top:10px; left:55px; display:block; margin:0 !important; text-transform: uppercase; width: 140px;}
a.main_button .small {color:#6b6b6b; position:relative; top:21px; left:55px; text-transform:none; display:block; margin:0 !important; width: 140px;}
a.main_button:hover .main {top:11px;}
a.main_button:hover .small {top:22px;}

a.artist_favo {	background: url(../img/artist_favo_buttonstates.png) no-repeat 0 0px; }
a.artist_wil, a.concert_wil {	background: url(../img/artist_wil_buttonstates.png) no-repeat 0 0px; }
a.artist_seen, a.concert_gaat {	background: url(../img/artist_seen_buttonstates.png) no-repeat 0 0px;}

a.add_info {	background: url(../img/add_info_buttonstates.png) no-repeat 0 0px; width: 100%; height: 49px; display: block; padding:0; margin:0;}
a.add_info:hover, a.submit_info:active { background-position: 0 -48px; }

a.add_foto {	background: url(../img/add_foto_buttonstates.png) no-repeat 0 0px; width: 100%; height: 49px; display: block; padding:0; margin:0;}
a.add_foto:hover, a.submit_info:active { background-position: 0 -48px; }

a.add_video {	background: url(../img/add_video_buttonstates.png) no-repeat 0 0px; width: 100%; height: 49px; display: block; padding:0; margin:0;}
a.add_video:hover, a.submit_info:active { background-position: 0 -48px; }

a.add_verslag {	background: url(../img/add_verslag_buttonstates.png) no-repeat 0 0px; width: 100%; height: 49px; display: block; padding:0; margin:0;}
a.add_verslag:hover, a.submit_info:active { background-position: 0 -48px; }

.simple_button {background-color: #106baa; color:#fff; margin-top:4px;}

/*==================================================
   Slideshow
 =================================================*/
.slide_figure {position: relative;}
.slide_thumbs {margin: 1.3% 0 0 0;}
.slide_thumbs img {float: left; margin-right: 1%; margin-bottom: 5px;}
.slide_thumbs img {width: 12.8%; border: 3px solid #fff; border-radius: 5%;}
.slide_thumbs last {margin-right: 0;}
.slide_thumbs .active {border: 3px solid red; border-radius: 5%;}
.middle {text-align: center;}
.slide_thumbs .next_row {width: 8.4% !important; border: 0; border-radius: 0%;}
/*==================================================
  Festival detail pagina 
 =================================================*/
.festival-block {margin-top: 2%; }
.festival-block section {margin-bottom: 2%;}
.festival_icon {float:left; margin:4px;}

/* Event */
.event_date {float: left; text-align: center; width: 10%; background-color: #ED2024; color: white !important; display: inline-block; margin: 1% 1% 1% 1% !important;}
#event_name strong {color: black;}
#event_name {text-transform: capitalize; margin-top: 5%; float: left; font-size: 0.55em; color: grey; margin: 0% 0% 0% 2% !important; max-width:60%;}
.event {height: 60px; width: 100%; margin-bottom: 8%; color: white !important; font-size: 2em; text-transform:uppercase;}
.event strong span {border-bottom:1px solid #fff; border-top:1px solid #fff; width:100%; padding:3%;} 
.event span {text-align: center; display: inline-block; padding:3%;} 
.small_item {font-size: 0.7em;}

/* Blokkenschema */
.schema_button {width: 100%; float: left; margin-top: 14px;}
.schema_button a {padding:  5px 20px 5px 7px; margin-right: 2.5%; color: #494949; background: #e1e1e1 url('../img/arw_button.png') no-repeat right;}
/* Plattegrond */
.map_button a {color: black;}
.map_button {width: 93% !important; margin-top: 15px; font-size: 1.1em; margin-top: 2%; padding: 1% 5% 1% 2%; text-transform: uppercase; background: #e1e1e1 url('../img/arw_button.png') no-repeat right;}

/* sfeerverslag */
.fotoverslag_thumb li {list-style-type: none; width: 30%;  display: inline-block; margin: 1.4% 1.3%; }
.fotoverslag_thumb_full li {list-style-type: none; width: 13%;  display: inline-block; margin: 1.4% 1.3%; }

.fotoverslag_main img {width: 100%;}
.fotoverslag_thumb img {width: 100%;}
.fotoverslag_thumb_full img {width: 100%;}

.bestel img {display:inline-block !important;}
.PixxerThumbs {width:50px;}
.PixxerThumbs li img {margin-top:4px;}


/* bevestigde artiest */
.links {position: relative; float: left; width: 49%;}
.links div {width: 100%; margin-right: 0;}
.rechts {position: relative; float: right; width: 49%; left: -1.2%;}
.rechts div {width: 100%; margin-right: 0;}
.grey_block div{ display: inline-block; background-color: #e1e1e1; color: black;}
.grey_block2 div{ display: inline-block; background-color: #e1e1e1; color: black;}
.grey_block div:hover {background-color: #f2f2f2;}
.festival_th div:hover {background-color: #b5b5b5;}

.confirmed_artist {width: 49%; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid white; float: left !important;}
.article-left { margin-top: 4% !important;}
.confirmed_artist img {min-width: 100%;}
.confirmed_artist p {padding-top:5%;}
.confirmed_artist figure {width: 30% !important;}
.confirmed_artist div {width: 60% !important;}
.festival-block .tabbing { margin-top: 0 !important;}
.more_news ul li a {font-size: 1.3em; color: black;}
.more_news ul li { margin-bottom: 8px; width:100%; float:left;}
.more_news ul li a span {margin-right: 7%;}
.more_news ul li a:hover {text-decoration: underline;}
.more_news{margin-top: 2%; width: 100%; margin-top: 3% !important;}
/* User block */
.users figure {display: inline-block; width: 22%; margin-right: 2.2%; margin-bottom:14px; max-width: 81px;}
.users2 figure {display: inline-block; width: 22%; margin-right: 1.2%; margin-bottom:14px; max-width: 81px;}
.users img {width: 100%;}
.user figure figcaption {margin-top: 10% !important; font-size: 1.2em;}
.users_readmore {margin: 2% 0 !important;}
.history div {width: 47%; margin: 1% 0 0 0; padding: 2% 0 2% 2%;}

.release_blocks div {margin-bottom: 5px; padding: 5% 5% 5% 5%; width: 90%; min-height: 50px; position: relative;}
.release_blocks div figure {float: right; position: absolute; top: 23%; right: 5%;}
.release_blocks div figure span {position: absolute; top: 12%; right: 15%; color: white;}
.release_blocks div span {color: #7c7c7c; display: block; margin-bottom: 5%; }
.release_blocks div span strong {text-transform: uppercase; font-size: 1.2em; color: black;}

/*==================================================
   Festival detail sidebar 
 =================================================*/
.twitter_inf {float:left; width:82%; height:32px; margin-top:8px; margin:0px; padding:0px 0px 0px 4px; box-sizing:border-box; -moz-box-sizing:border-box;}
.twitter_message { width: 100%; padding: 2% 2% 2% 3%; margin-bottom: 2%; box-sizing:border-box; -moz-box-sizing:border-box;}
.twitter_img_div {float:left; width:18%; height:32px; margin:0px; padding:2px 0px 0px 4px; box-sizing:border-box; -moz-box-sizing:border-box;}
.twitter_img_div img {border:0px; width:30px;}

.twitter_img {width: 100% !important; padding: 0 !important;}
.twitter_img strong {top:0; right: 0; margin-top: 10px; margin-right: 13px; font-size: 1.2em;}
.twitter div span {display: block; margin-top: 2%; color: #6d6d6d; font-size: 1em}
.twitter_more a { color:#494949; padding: 2% 6% 2% 2% !important; display:block;}
.twitter_more {background: #e1e1e1 url('../img/arw_button.png') no-repeat right; width:100%;}
.side_links img {float: left;}
.side_links p {float: right; width: 100%;}
/* spotify */
.spotify_playlist figure img {width: 49%; display: inline-block;}
.spotify_playlist div {padding: 13% 8%;}
.spotify_playlist figure {position: relative;}
.spotify_headphone_img {width: 75% !important;height: 55%;position: absolute;top: 20%;left:15%;}
/* skyscraper ad */
.skyscraper__ad div {width: 120px; height: 600px; background-color: grey; margin: 10% 15%;}

/*==== Iphone ====*/
@media handheld, only screen and (max-width: 580px) {
    .title_header {top: 0 !important;}
    .title_header_right_block{top: 0 !important;}

    .side_links {padding-bottom: 20px;}
    /* sidebar spotify playlist */
    .spotify_playlist {margin-top: 3%;}
    .spotify_mobile {width: 40% !important; height: 40% !important;}
    .news-scroll{ padding:5px 10px; width:98.9%; float:none;}
    .main_title {width: 96%;}
    .news-section h1{ float:none; display:block; width:100%; line-height:1.5em;}
    .news-right{ float:none; margin:auto;}
    .white-bg{ padding:0 4px 0 0;}
    .news-section{ overflow:hidden;}
    
    .festival_newer span {margin: 2% 2% 2% 10% !important;}
    .festival_newer {min-height: 30px; }
}
/*==== I Pad ====*/
@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
    .slide_figure {width: 75.5%;}
    .main_title {width: 96%;}
}



/*==================================================
  nieuws overzicht pagina 
 =================================================*/
.prev_news {border-radius: 1px; margin-right:0; height:16px; margin-left:0.4%;}
.prev_news_img {background: #FFFFFF  url('../img/arw_left_blue.png') right no-repeat; outline: 2px solid #106baa;}
.prev_news a {width: 100%; height: 100%; top: 0; left: 0;}

.prev_news2 {outline: 2px solid #106baa; border-radius: 1px; background: #106baa  url('../img/arw_left_blue2.png') right no-repeat; margin-right:0; height:16px;}
.prev_news2 a {width: 100%; height: 100%; top: 0; left: 0;}

.next_news {outline: 2px solid #106baa; border-radius: 1px; background: #106baa  url('../img/arw_right_blue2.png') left no-repeat; margin-right:0; height:16px;}
.next_news a {width: 100%; height: 100%; top: 0; left: 0;}

.middle_orange {outline: 2px solid #106baa; background-color: #106baa; text-align:center; padding-top:3px; border-radius: 1px; color: #fff; width:13.8%; margin-left:1% !important; margin-right:1% !important; float:left; height:13px; font-weight:bold;}
.news_date {color: #898989;}
.news_date_div {width:12%;}
.news_title_div {width:88%;}
.news_title_div:hover {text-decoration:underline;}
.news_date_div2 {width:22%;}
.news_title_div2 {width:78%;}
.news_title_div2:hover {text-decoration:underline;}
/*==================================================
  festival nieuws pagina 
 =================================================*/

.nieuws_bericht_img {float: left; margin: 0 3% 2% 0;}
.nieuws_bericht img {display: inline;}
.nieuws_bericht span {color: #707070; margin-bottom: 3%; display: block;}
/* dingen om font nieuwsbericht altijd gelijk te krijgen */
.nieuws_bericht p {font-size: 1em; line-height: 1em; margin-top:8px; margin-bottom:8px;}
.nieuws_bericht {font-size: 1.3em !important; line-height: 1.3em !important;}

.nieuws_bericht a:link {
	text-decoration:underline;
	color: #106baa !important;
}
.nieuws_bericht a:hover {
	text-decoration:underline;
	color: #106baa !important;
}
.nieuws_bericht a:visited {
	text-decoration:underline;
	color: #106baa !important;
}
.nieuws_bericht a:active {
	text-decoration:underline;
	color: #106baa !important;
}

.news_paging span {color: #707070; font-size: 0.9em;}
.news_paging strong {font-size: 1.1em; display: block; margin: 3% 3% 3% 0;}
.news_previous p {margin: 0 5% 0 30%;}
.news_next p {margin: 0 5% 0 22%;}

.news_next_prev_fig { position:relative; float:left; width:74px; margin-right:2%; }


/* news-reacties */
.reaction_score{ float:left; background:url(../img/reaction_btn_nr_votes.png) no-repeat; width:28px; height:25px; font-weight:bold; padding-top:3px; font-size:1.1em; color:#ccc !important; position:absolute; top:0px; text-align:center; line-height:2em;}

.reaction_score2{ float:left; background:url(../img/reaction_btn_vote_nr.png) no-repeat; width:45px; height:24px; font-weight:bold; font-size:1.1em; color:#a6a6a6 !important; position:absolute; top:0px; text-align:right; line-height:2em;}

.reactions .twelvecol {margin: 2% 0;}
.reactions figure {float: left;position: relative;margin-right: 2%;width: 13%; top: 6px;}
.reactions strong {display: block; text-transform: uppercase; margin-bottom: 1%;}
.reactions div span {position: relative; color: #707070; display: block;}

.user_reaction {position: relative; width: 69%; float: left; background: #e1e1e1; padding: 12px 13% 12px 3%; min-height: 80px;}
.user_arrow { right: 85%; position: absolute; top: 30px;}
.user_reaction figure img {position: relative; display: inline-block; margin-right: 10%; width: 25px; margin-bottom:4px;}
.user_reaction figure {float: right; position: absolute; right: -2%; width:12.5%; min-width:56px;}

.react textArea {background-color: #e1e1e1; width: 72.1%; height: 65px ; border:none; resize: none;}
.react span {background-color: #106baa; padding: 2%; color: white; font-size: 1.2em;}
.react span strong {text-transform: capitalize; margin-top: 6%;}

.submit_react {background: url(../img/bg-submit.png) 0 0 repeat-x; text-transform: uppercase;box-shadow: #666 0px 2px 3px;color: white;font-size: 1.4em;padding: 2% 16%; width: 60%;}
.submit_react:hover, .submit_react:active {background:url(../img/bg-submit2.png) 0 0 repeat-x; }

.more_about img {width: 29%; float: left;}
.more_about div {float: right; background: #E1E1E1;width: 61%;padding: 3.3% 5%;min-height: 39px;}
.more_about {display: inline-block; position: relative; width: 49%; background-color: #E1E1E1;}
.more_news_headphone {width: 23% !important; position: absolute; top: 0; left: 0;}

.related_news_small ul li a {font-size: 1.3em; color: black;}
.related_news_small ul li { margin-bottom: 1.5%;}
.related_news_small ul li a span {margin-right: 7%;}
.related_news_small ul li a:hover {text-decoration: underline;}
.related_news_small{width:  100%; height: 100%; margin: 3% !important;}

/* quoted reactions */
.quote {background-color: #EEEEEE;border: 1px solid #ccc; margin: 5px 0 5px 10px; padding: 2px;}

.social_likes { width:100%; margin-top:10px; margin-bottom:10px; clear:both; height:22px;}
/*==== Desktop only min width aan meegeven ====*/
@media handheld, only screen and (min-width : 580px){
    .social_likes {max-width:368px;}
}
.social_like1 {float:left; height:20px; width:40%;}
.social_like2 {float:left; height:20px; width:20%;}

.social_likes_large { margin-top:10px; margin-bottom:10px; clear:both; height:62px;}
/*==== Desktop only min width aan meegeven ====*/
@media handheld, only screen and (min-width : 580px){
    .social_likes_large {max-width:368px;}
}
.social_like1_large {float:left; height:60px; width:25%;}
.social_like1a_large {float:left; height:60px; width:22%;}
.social_like2_large {float:left; height:60px; width:20%;}

/*==== I Pad ====*/
@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
    .react span { height: 46px;}
    .react textArea {width: 63.4%;}
    .user_reaction {width: 67%;}
    .reactions figure {}
    .user_arrow { right: 85%;}
    .submit_react {padding: 1% 10% 6% 10%; height: 7px;}
    .more_about div {padding: 3.7%;}
    .reaction_btn_right {width: 15%; max-width:70px;}
}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .title_header {margin-top: 0 !important;}
    .news_paging {float: left !important;width: 49% !important;}
    .news_paging p {text-align: left;}
    .news_previous {margin-right: 1.2% !important;}
    .overflow { overflow: hidden;}
    .news_previous p { margin: 0 5% 0 15%; }
    .news_next p { margin: 0 5% 0 2%}

    .reaction_btn_right {width: 15%; max-width:70px;}
    .react textArea {width: 95%; margin-left: 2%;}
    .react {margin-top: 5% !important;}
    .react .fourcol {width: 100% !important;}
    .react strong {display: inline;}
    .react h2 span {font-size: 0.9em;}
    .submit_react {padding: 3% 14% 10% 14%; width: 100%; height: 23px; margin-right: 10%}
    .user_reaction {width: 55%;float: right; margin-right: 8%}
    .reactions figure {width: 17.7%; margin-right: 3%; top: 10px;}
    .user_reaction .user_arrow { left: -2.7%;}
    .user_arrow { right: 79%;}
}
/*==================================================
  artist detail pagina 
 =================================================*/
.bio span {color: #707070; font-size: 1.1em; margin-bottom: 3%; display: block;}
.green_releases .sevencol span {color: grey;}
.green_releases figure {float: left; position: relative; margin-right: 5%; width: 35%;}
.green_releases .sixcol .twelvecol {margin-bottom: 10px;}

.favorite_list figure {margin-bottom: 10px;}
.afgelast {text-decoration:line-through;} 

/*============== Slideshow (grote plaatjes) - http://viljamis.com/responsive-slides/themes/ =======================*/
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;}
.large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; width: 12%; }  
.large-btns_nav.next2 {
    background: url("../img/slide_block_right.png"); background-repeat:no-repeat; background-size: cover;	bottom: 0; right: -1px; opacity: .8; left: auto; height: 100%; }  
.large-btns_nav.prev2 { background: url("../img/slide_block_left.png"); background-repeat:no-repeat; background-size: cover; bottom: 0; right: 0; opacity: .8; height: 100%; }
.large-btns_nav:active { opacity: 1.0; }

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .agenda_artist .redagenda  {float: none !important; width: auto !important;}    
    .green_releases .sixcol {width: 49%; float: left; }
    .green_releases .twelvecol {width: 100%; float: left;}
    .agenda_mobile .sixcol {width:  49%; float: left;}
    .agenda_mobile .twelvecol {width: 100%; float: left;}
    .links .twelvecol {width: 100%; float: left;}
    .top_picture figure img {display: inline-block; width: 49%;}
    .top_video figure div {display: inline-block; width: 49%;}
    .top_video figure img {display: inline-block; width: 100%;}
}

/*==================================================
    Review pagina
 =================================================*/

.search_review {background-color: #106baa; color: white; padding: 8% 0 8% 8%; width: auto !important; min-width:92%;}

.search_review input {  background: #ffffff url(../img/sprite.png) 100% -489px no-repeat !important; padding: 5px 5% 5px 5%; width: 80%; float: left; text-transform: uppercase; color: #106baa; font-size: 1.1em;margin-bottom: 15px;}
.search_combobox {margin-top:15px ; text-transform: uppercase; background-color: white;background: #ffffff url(../img/sprite2.png) 100% -2350px no-repeat; width: 91%; overflow: hidden;position: relative;}
.search_combobox select {
    float: left;text-transform: uppercase;color: #106baa;font-size: 1.1em; padding: 6px 25px 6px 5px; width: 118%;-webkit-appearance: none; background: transparent; margin-top: 0 !important; text-indent: 0.01px;}
.search_combobox select option {text-transform: uppercase;}
.search_combobox select::-ms-expand {display:none}

.top_picture h2{ background:url(../img/sprite2.png) 0 -2383px no-repeat; }
.top_video h2{ background:url(../img/sprite.png) -4px -132px no-repeat; }

.zoek_review_knop { width:20%; height:24px; position:absolute; right:10%; cursor:pointer; }

.small_top_foto {width:48%; padding:1%; display:block; margin:auto; float:left;}


/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .search_review {width:100% !important;}

}

/*==================================================
    Review detail pagina
 =================================================*/
.verslag_title h2 { background: url(../img/sprite2.png) -0px -2424px no-repeat;}

.verslag_foto h2 span{font-size:0.7em; padding:5px 10px 5px 2%; height: 22px; color:#000;}
.verslag_foto h2 { padding:0 0 4px 0;}
.verslag_foto h2 { background: url(../img/sprite2.png) -0px -2467px no-repeat;}
.verslag_foto h2 span {background-color: #e1e1e1; margin-left:34px;}
.verslag_foto h2 span strong {display: block; margin-bottom: 2px;}

.verslag_navigation {width: 80% !important; text-align:right;}
.verslag_navigation a {color: black !important; }
.verslag_navigation span {display: inline-block; color: black; background-color:#e1e1e1; padding: 5px 7px; border:2px solid #ededed; margin-right: 3px; border-radius: 3px; margin-top: 0; }

.verlag_navigation_img a {width: 24px; height: 24px; padding: 0 !important;  border: none !important; }
.verlag_navigation_img { width: 24px; height: 24px; padding: 0 !important;  border: none !important; background-image: url('../img/btn_previous_review.jpg'); vertical-align:top;}

.verlag_navigation_img_last a {width: 24px; height: 24px; padding: 0 !important;  border: none !important; }
.verlag_navigation_img_last { width: 24px; height: 24px; padding: 0 !important;  border: none !important; background-image: url('../img/btn_next_review.jpg'); vertical-align:top;}
.verlag_navigation_none {width: 24px; height: 24px; padding: 0 !important; vertical-align:top; background-color:#fff !important; padding: 5px 7px; border:2px solid #fff!important;} 

.verslag_navigation .first_nav {background-color:white; border:2px solid #ededed;}

.verslag_foto figure {margin: 10px;}
.verslag_foto figure img {display: inline-block; margin: 0 15px 15px 0; width: 26.5%; float:left; height: auto; }
.sfeerverslag figure img {display: inline-block; margin: 0 15px 15px 0; width: 14% !important; float:left; height: auto; }

/*** Extra next previous!!! nog kijken of dit ook kan bij nieuws pagina anders bij de andere classes zetten ***/
.news_paging div {width: 100%;}
/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .news_paging strong {padding: 10px;}

}
.title_header {margin-bottom: 20px;}

.last_updated li {margin-bottom: 7px;}
.last_updated li a {color: black;}

/*=====================
  artist detail pagina 
 =================================================*/

.video_mashup_item {
    float: left;
    font-size:11px;
    white-space: normal;
    text-align:center;
    width:110px; 
    height:75px; 
    margin:4px 6px 2px 8px; 
    padding:0px;
    vertical-align:middle;
}

.mashup_foto_item {
    width:110px; 
    height:75px; 
    margin:4px 6px 2px 8px; 
    padding:0px; 
    overflow:hidden;
    float: left;
    text-align:center;
    font-size:11px
}

.video_mashup_bg {
	width:100%; 
	height:100%; 
	float:left;
}

.toggle_hidden {
	display:none;	
}

.show_more_artists {height:20px; width:100%; background-color:#e1e1e1; font-size:1.1em; font-weight: bold; text-align:center; vertical-align:middle; padding:10px 0 4px 0; margin-top:2px;}
.show_more_artists a {text-decoration:none !important;}
/*==================================================
    Artist page
 =================================================*/
.artist_alfabet span {display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 3px 5px; border: 1px solid #106baa;}
.artist_alfabet span a { color: #106baa; text-transform: uppercase; font-weight: bolder; font-size: 1.2em;}

.artist_alfabet span:hover a {color: white;}
.artist_alfabet span:hover {background-color: #106baa;}

.artist_alfabet .current_letter a {color: white;}
.artist_alfabet .current_letter { background-color: #106baa;}

.popular_artist span {display: block;}
.popular_artist div {width: 100%; margin-bottom: 15px;}
.popular_artist div img {width: 30%; float: left;}
.popular_artist span {padding: 10px 10px 12px 32.5%; font-size: 1.2em; }
.artist_information{width: 60% !important;}
.artist_information span {padding: 1px 5px 0px 5px; margin-left: 2%;}

.artist_letter ul li {font-size: 1.2em; padding-bottom: 2px;}
.artist_letter a {color: black;}

.artist_alfabet_sidebar span {background-color: #3399cc; min-width: 8px; min-height: 8px; padding: 4.2px; display: inline-block; margin-right: 4px; margin-top: 4px;}
.artist_alfabet_sidebar a { color: #fff !important; font-size: 1.2em;}
.artist_alfabet_sidebar {background-color: #106baa; padding-bottom: 10px;}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .agenda_artist {clear: both;}
}

/*==================================================
    Festival page
 =================================================*/

.add_festival {float: left;}
.add_festival img {float: left; margin-right: 5px;}
.add_festival div {display: inline; margin-top: 5px;}
.add_festival a {color: red; position: relative; top: 5px;}
.festival_legenda { float: right; width: 70%;}
.festival_legenda span {display: inline-block; margin-right: 15px;}
.festival_legenda span img {float: left; margin-right: 5px;}
.festival_legenda span span {color: black; position: relative; top: 5px;}

.festival_navigation ul {width:100%; }
.festival_navigation li {display: inline-block; position: relative;}
.festival_navigation li a {color: white; text-align: center;}
.festival_navigation li a span {position: absolute; top: 40%; width:100%; text-align:center;}
.festival_navigation .current_tab {z-index: 80;}

.navigation_tab6 {width: 16.66%; z-index: 5; left:-6%;}
.navigation_tab5 {width: 16.66%; z-index: 6; left:-5%;}
.navigation_tab4 {width: 16.66%; z-index: 7; left:-4%;}
.navigation_tab3 {width: 16.66%; z-index: 8; left:-3%;}
.navigation_tab2 {width: 16.66%; z-index: 9; left:-2%;}
.navigation_tab1 {width: 16.66%; z-index: 10; left:-1%;}
.navigation_tab0 {width: 16.66%; z-index: 11;}

.festivalagenda_options {margin-bottom:2px; background-color:#106baa; color:#fff;}
.festivalagenda_options a {color:#fff;}

.festival_agenda_date {margin:2px 2px 0 0; float: left; background-color: #106baa; height: 100%; width: 6.6% !important; text-align: center;}
.festival_agenda_date span { font-size: 1.3em; border-bottom: 2px solid white; padding: 2px 5px; display: block; color: white;}
.festival_agenda_date .festival_dag {font-size: 1.8em; font-weight: bolder; padding: 6px 4px 6px 4px; }

.festival_th div {padding: 5px 0px 5px 0px; background-color: #b5b5b5 }
.festival_th div span {color: white; font-size: 1.1em; }
.festival_table .tr_1 {width: 23%; outline: 2px solid #fff;}
.festival_table .tr_2 {width: 16%; outline: 2px solid #fff;}
.festival_table .tr_3 {width: 8.5%; outline: 2px solid #fff;}
.festival_table .tr_4 {width: 6.5%; outline: 2px solid #fff;}
.festival_table .tr_5 {width: 12.5%; outline: 2px solid #fff;}
.festival_table .tr_6 {width: 18%; outline: 2px solid #fff;}
.festival_table .tr_7 {width: 15.5%; outline: 2px solid #fff;}

.festival_table .td_1 {width: 22%; padding-left:1%; font-size:1.2em; padding-right:2%; min-height:35px; float:left; margin-top:14px;}
.festival_table .td_2 {width: 17%; font-size:1.2em;  float:left; margin-top:14px;}
.festival_table .td_3 {width: 10%; font-size:1.2em;}
.festival_table .td_4 {width: 7%; font-size:1.2em;}
.festival_table .td_5 {width: 13%; top: 13px; position: relative;}
.festival_table .td_6 {width: 15%; top: 15px; position: relative;}
.festival_table .td_7 {width: 14%;}
.td_img {padding: 0 !important; float: left;}

.festival_rows_info div {padding: 5px 0px 5px 0px;}
.festival_rows_info div span {display: inline;}
.festival_rows_info {background-color: #e8e8e8; min-height: 68px; margin-top: 2px; margin-left: 7%; }
.festival_rows_info:hover {background-color: #f2f2f2;}
.festival_rows_info div {display: inline-block; color: black;}

.festival_tip {border: 1px solid red;}
.festival_img_tip {position: absolute; width: 50%; top: 0; left: 0;}

.concert_afgelast {color: #b1b1b1 !important;}
.concert_img_afgelast {position: absolute; width: 100%; top: 49px; left: 0px;}
.concert_time {position: absolute; width: 100%; top: 74.242%; left: 0px; background-color:#d5d5d5; text-align:center; padding:4px 0px 2px 0px; color:#8f8d8d !important;}
.concert_afgelast div {color: #b1b1b1 !important;}
.concert_afgelast div a {color: #b1b1b1 !important;}

.festival_rows_info .td_6 img {float: left; width: 19%;  margin-right: 5px;}
.festival_rows_info .td_5 img {float: left; width: 19%;  margin-right: 5px;}
.festival_number {position: absolute; left: 30%; color: red; font-size: 0.9em; top: 30%;}
.festival_number2 {position: absolute; left: 78%; color: red; font-size: 0.9em; top: 30%;}

.festival_alfabet span {display: inline-block; margin-right: 5px; margin-bottom: 5px; padding: 3px 5px; border: 1px solid #fff;}
.festival_alfabet span a { color: #fff; text-transform: uppercase; font-weight: bolder; font-size: 1.2em;}

.festival_alfabet span:hover {background-color: #fff;}
.festival_alfabet span a:hover {color: #106baa;}

.festival_alfabet .current_letter a {color: #106baa;}
.festival_alfabet .current_letter { background-color: #fff;}

.prev_festival {outline: 1px solid #fff; border-radius: 1px; background: #106baa  url('../img/arw_left_blue2.png') right no-repeat; margin-right:10px; height:18px;}
.prev_festival a {width: 100%; height: 100%; top: 0; left: 0;}
.prev_festival span { padding:3px 0px 0px 60%; position:absolute;}

.next_festival {outline: 1px solid #fff; border-radius: 1px; background: #106baa  url('../img/arw_right_blue2.png') left no-repeat; margin-right:0; height:18px;}
.next_festival a {width: 100%; height: 100%; top: 0; left: 0; }
.next_festival span {padding:3px 0px 0px 30px; position:absolute;}

/* GEO DINGEN FESTIVALAGENDA*/
#map-canvas img { max-width: none !important; }

/*==== I Pad ====*/
@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
    .podium_detail .festival_navigation li {display: inline-block;}
    .podium_detail .festival_navigation li a {width: 100%; height: 100%; color: white; position: absolute; text-align: left;}
    .podium_detail .festival_navigation li a span {position: relative; left: 5%; top: 30%;}
    .podium_detail .festival_navigation li {position: relative; width: 48.2%; height: 25px; background:#106baa; margin: 0 1% 1% 0;}
    .podium_detail .festival_navigation li:hover {width: 47.8%; height: 23px; background:white; border: 1px solid #106baa;}
    .podium_detail .festival_navigation li:hover a {color: #106baa;}
    .podium_detail .festival_navigation .current_tab {width: 47.8%; height: 23px; background:white; border: 1px solid #106baa;}
    .podium_detail .festival_navigation .current_tab a {color: #106baa; font-weight: bold;}

	.podium_detail .festival_navigation li h2 span {background-color:transparent !important;}
}


/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .festival_legenda {width: 100%;}
    .festival_legenda div {float: left !important;}

    .festival_navigation li {display: inline-block;}
    .festival_navigation li a {width: 100%; height: 100%; color: white; position: absolute; text-align: left;}
    .festival_navigation li a span {position: relative; left: 5%; top: 30%;}
    .festival_navigation li {position: relative; width: 48.2%; height: 25px; background:#106baa; margin: 0 1% 1% 0;}
    .festival_navigation li:hover {width: 47.8%; height: 23px; background:white; border: 1px solid #106baa;}
    .festival_navigation li:hover a {color: #106baa;}
    .festival_navigation .current_tab {width: 47.8%; height: 23px; background:white; border: 1px solid #106baa;}
    .festival_navigation .current_tab a {color: #106baa; font-weight: bold;}
	.festival_navigation li h2 span {background-color:transparent !important;}
    .festival_agenda_date {width: 40px !important;}

    .festival_rows_info {margin-left: 40px !important; min-width: 270px;}
    .festival_rows_info div strong{font-size: 1.5em; display: block; margin-bottom: 5px;}
    .festival_rows_info div figure {display: block;}
    .festival_rows_info div span {display: block; margin: 3px 5px 4px 5px; color: #6d6d6d; }
    .festival_rows_info div img {float: left; margin-right: 5px;}
    .festival_tip_img img {width: 34px;}
    .festival_rows_info .eightcol { width: 55%;}
    .festival_rows_info .fourcol { width: 23%; min-width: 94px;}
    .festival_rows_info .fourcol img { width: 19%;}

    .festival_number {position: absolute; left: 28%; color: red !important; font-size: 0.8em; top: 17%;}
    .festival_number2 {position: absolute; left: 72%; color: red !important; font-size: 0.8em; top: 17%;}

	.prev_festival {outline:0px; width:98%; float:left; border: 1px solid #fff; background: #106baa  url('../img/arw_left_blue2.png') right no-repeat; margin-right:0; height:18px;}
	.prev_festival a {width: 100%; height: 100%; top: 0; left: 0;}
	.prev_festival span { padding:3px 0px 0px 20%; position:absolute;}
	
	.next_festival {outline:0px; width:98%; float:left; border: 1px solid #fff; background: #106baa  url('../img/arw_right_blue2.png') left no-repeat; margin-right:0; height:18px;}
	.next_festival a {width: 100%; height: 100%; top: 0; left: 0; }
	.next_festival span {padding:3px 0px 0px 30px; position:absolute;}

}

/*==================================================
    Image detail page
 =================================================*/

.prev_img {padding: 8px; border: 2px solid #e1e1e1; border-radius: 3px; background: #e1e1e1  url('../img/arw_left_grey.jpg') right no-repeat; margin-right: 4px;}
.prev_img a {width: 100%; height: 100%; top: 0; left: 0;}
.next_img {padding: 8px 0; border: 2px solid #f3f3f3; border-radius: 3px; background: #e1e1e1  url('../img/arw_right_grey.jpg') left no-repeat;}
.next_img a {width: 100%; height: 100%; top: 0; left: 0;}
.middle_grey {margin-right: 3px; background-color: #e1e1e1; padding: 4px; text-align: center; border: 1px solid #f3f3f3; border-radius: 3px; }

.picture_big img {display: block; margin-left: auto; margin-right: auto;}

.pad_top {margin-top:6px !important;}
.big_picture_favorite {background-color: #e1e1e1; }
.big_picture_favorite div {padding:5px; overflow: auto; }
.big_picture_favorite div div {padding:0px !important; overflow:visible;}
.big_picture_favorite div img {float: left;}

.vote_div {padding:0 !important; height:40px; line-height:40px;}
.votes_div {height:auto !important;}
.vote_cta {margin-left:6px;}

.report_foto a {color: red;}
.right-space {margin-right: 5px;}
.report_link {background: url('../img/report.jpg') no-repeat; padding:2px 0px 2px 18px;} 

.social_media_btns {left: 35%; height:80px;}
.more_foto span {font-size: 1.3em; color: red; border-bottom: 1px solid red;padding-right: 59%;  padding-bottom: 2px; margin-bottom: 15px;}

.extra_img_info span {
    width: 100%;
    padding: 20px 0;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    margin-bottom: 10px;
    display: inline-block;
}
.extra_img_info span a {color: black; width: 100%; height: 100%; left: 0; top: 0; }
.extra_img_info .inf_1 {position: absolute; top: -38%; left: 40%;  width:58%; color:#c0c0c0; font-size:1.1em;}
.extra_img_info .inf_2 {position: absolute; top: -10%; left: 40%;  width:58%; color:#494949; font-size:1.1em;}

.extra_img_info_muziek{background: #e1e1e1 url('../img/info_muziek.jpg') 10% no-repeat;}
.extra_img_info_foto{background: #e1e1e1 url('../img/info_foto.jpg') 10% no-repeat;}
.extra_img_info_verslag{background: #e1e1e1 url('../img/info_verslag.jpg') 10% no-repeat;}
.extra_img_info_festival{background: #e1e1e1 url('../img/info_festival.jpg') 10% no-repeat;}
.extra_img_info_concert{background: #e1e1e1 url('../img/info_festival.jpg') 10% no-repeat;}
.extra_img_info_website{background: #e1e1e1 url('../img/info_site.jpg') 10% no-repeat;}
.extra_img_info_yt{background: #e1e1e1 url('../img/info_yt.jpg') 10% no-repeat;}
.extra_img_info_flickr{background: #e1e1e1 url('../img/info_flickr.jpg') 10% no-repeat;}
.extra_img_info_person{background: #e1e1e1 url('../img/info_person.jpg') 10% no-repeat;}
.extra_img_info .extra_img_info_yt span {position: absolute; top: -15%; left: 51%;  }

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .picture_big_vert img {left: 0;}
    .slide_thumbs {margin-top: 15px !important;}
	.votes_div {padding-left:2px !important; height:auto !important;}
	/*.big_picture_favorite div {margin-bottom: 20px;}*/
    .social_media_btns {left: 20%;}
    .more_foto span { padding-right: 0 !important;}
}

/*==================================================
    submit page
 =================================================*/

.submit_title .news-scroll {background: black;}

.submit_sub_title {border-bottom: 1px solid black; padding: 10px; font-size: 1.3em; font-weight: bold;}
.submit_sub_title span {color: grey;  display: inline-block;}

.submit_page  span {color: grey; margin: 10px 5px 10px 5px; display: inline-block;}
.tbl_submit {margin-top: 15px;}
.tbl_submit .input_txt {border: 1px solid black; height: 25px; float: left;}
.tbl_submit td {font-weight: bold; font-size: 1.3em; vertical-align: middle; margin:0 10px 20px 5px;}
.tbl_submit p {font-weight: normal; font-size: 0.9em; float: right; width: 97%;}

.tbl_submit span {font-size: 0.9em; margin-left: 0 !important; font-weight: normal; }

.input_txtArea {height: 150px !important;}
.captcha {text-align: center; padding: 10px 0;}

.submit_pages a {color: grey; font-size: 1.2em;}
.submit_pages ul li {border-bottom: 1px solid grey; padding: 8px 8px 8px 13px; background: url(../img/sprite2.png) -15px -2827px no-repeat;}
.submit_current a {color: black;}
.submit_current {/*border-top: 1px solid black !important;*/ border-bottom: 1px solid black !important; background: url(../img/sprite2.png) -15px -2847px no-repeat !important;}

.submit_pages ul li:hover a {color: black !important;}
.submit_pages ul li:hover {border-bottom: 1px solid black; /*border-top: 1px solid black;*/ background: url(../img/sprite2.png) -15px -2847px no-repeat;}

.submit_blocks div {padding: 10px; margin-bottom: 10px;}
.submit_blocks div span {color: #747474; font-size: 1.4em; font-weight: bold;}
.submit_list li {padding: 8px 8px 8px 13px;}


.alert {margin-bottom: 10px;}

.submit_button {
    background-image: url(../img/submit_btn.jpg),url(../img/submit_btn_links.png);
    background-repeat: repeat-x,no-repeat;
    background-position: bottom right,center left;
    text-transform: uppercase;
    box-shadow: #666 0px 2px 3px;
    color: white;
    font-size: 1.4em;
    padding: 8px 50px;
}

.colon {margin-right: 1.8%;}



/*==================================================
    informatie pagina algemeen
 =================================================*/

.informatie_pages a {color: grey; font-size: 1.2em;}
.informatie_pages ul li {padding: 8px 8px 8px 17px; background: url(../img/sprite2.png) -15px -2875px no-repeat;}
.informatie_current a {color: #106baa;}
.informatie_current {background: url(../img/sprite2.png) -15px -2900px no-repeat !important;}

.informatie_pages ul li:hover a {color: #106baa !important;}
.informatie_pages ul li:hover {background: url(../img/sprite2.png) -15px -2900px no-repeat;}

.contact-address {}
.contact-address strong {margin-bottom: 3px; display: block; font-size: 1.3em;}
.contact-address span {display: block; margin-top: 10px; font-size: 1.2em; color: grey;}
.contact-address p span {display: inline !important; margin-top: 10px; font-size: 1.2em;}

.mailto-link a {color: red;}

.contact-form div input {border: 1px solid red; background-color: white; height: 30px; width: 70%;}
.contact-form div p {margin-top: 5px; margin-bottom: 3px;}
.contact-form div {margin-bottom: 20px;}
.contact-form div textarea {border: 1px solid red; background-color: white; height: 200px; width: 100%;}
.contact-form-grey {background-color: #e1e1e1; padding: 11px; width: 97% !important;}
.contact-form-grey .search_combobox {width: 70.7% !important; margin-top: 0 !important;}
.contact-form-send {background: url(../img/bg-submit.png) 0 0 repeat-x; text-transform: uppercase;box-shadow: #666 0px 2px 3px;color: white;font-size: 1.4em;padding: 8px 17px;}

.info_ul{ list-style-type: disc !important;}
.info_ul li{ list-style-type: disc !important; display: list-item; overflow:visible; margin-left: 1.5em;}


/* Submit button bij contact aanpassen op mobile en ipad modus */

/*==== I Pad ====*/
@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
    .submit {padding: 0 0.5% 0 2%;min-width: 15px;}
}

/* ===========================
           MASHUP PAGINA, EXTERNAL FOTO, EXTERNAL VIDEO
=============================*/
.mashup_thumb li {list-style-type:none; width:15%; display:inline-block; margin:2px;}
.mashup_thumb img {width: 100%;}
.mashup_yt_video {width:100%;height:500px; border:none;}

/* ===========================
           SPOTIFY PAGINA'S
=============================*/
.info_icon {background:#e1e1e1 url('../img/informatie-icon.png') no-repeat; height:61px;}
.info_text {background:#e1e1e1; margin-left:69px; height:45px; padding:6px 0px 6px 1%; display:inline-block; position:relative; top:3px; font-size:1.2em; line-height:110%; overflow:auto;}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
.info_text {overflow:hidden; font-size:1em;}
}

.tracks_spaced { font-size:1.2em; line-height:140%;}

/*=========================
         ZOEK 
==========================*/
.search_filter {background-color: #106baa; padding: 4% 3%;}
.search_filter div input {background-color: white;}
.search_filter div div {margin-right: 3%;}
.search_filter p {color: white;}

.search_filter label {color: white; padding-left: 5px; display: block; font-size: 1.2em;}
.search_filter input {float: left; margin-right: 5px; margin-bottom: 10px;}

.searcht_btn a {padding: 2%; margin-right: 2%; width: 43%; background: #d8d8d8 url('../img/search_btn_small.png') no-repeat right; float: left;  color: #6d6d6d;}

.search2{ float:left; margin-top:15px; width:98%; height:27px;}
.search2 input{ float:left; text-transform:uppercase; color:#106baa; font-size:1.1em; background: url(../img/sprite.png) 100% -489px no-repeat; padding: 5px 5% 5px 5%; width: 82%;}

.zoek_div {width:100%; margin:0px 0px 4px 0px;}
.zoek_date {float:left; width:20%; margin:0px 6px 4px 0px;}
.zoek_desc {float:left; width:75%; margin:0px 0px 4px 0px;}

/*=========================
         LOGIN 
==========================*/
.login_filter {background-color: #106baa; padding: 4% 3%;}
.login_filter div input {background-color: white;}
.login_filter label {color: white; padding-left: 5px; display: block; font-size: 1.2em;}
.login_filter input {margin-right: 5px; margin-bottom: 10px; color:#106baa; font-size:1.1em;  padding:6px 5px 6px 5px; width:71%;}
.log_in_button {width:100px !important; background-color:#fff;}

/*==================================================
   TWITTER PAGS 
 =================================================*/
.tweet_img_large {width:16% !important; margin-right:2px !important;}
.arw_twitter {top:6px; position:absolute; left:13.2%;}
.tweet_box_large {background-color: #e1e1e1; min-height:70px; padding:10px 12px 10px 12px; box-sizing:border-box; -moz-box-sizing:border-box; color:#6d6d6d !important; font-size:1.1em; line-height:1.3em !important;}

/*=========================
         UNSUBSCRIBE
==========================*/
.unsubscribe_button {width:200px !important; background-color:#fff;}

/*=========================
         USER-CONTENT
==========================*/
.select_festival { float:left; margin-left:14px; width:250px; }
.content_remarks {color: #898989; font-size:1.2em;}

/*=========================
         FEATURE-DETAIL
==========================*/
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0; }
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; }

/*=========================
         REPORT
==========================*/
.report_box { background-color:#e1e1e1; padding:8px 0px 8px 6px; min-height:50px; }

/*=========================
         REGISTER
==========================*/
.register_sub_title {border-bottom: 1px solid #106baa; padding: 10px; font-size: 1.3em; font-weight: bold;}
.register_sub_title span {color: #106baa;  display: inline-block;}
.tbl_submit .input_txt2 {border: 1px solid #106baa; height: 25px; float: left;}
.submit2 { background:url(../img/bg-submit.png) 0 0 repeat-x; padding:2% 16%; text-transform:uppercase; box-shadow: #666 0px 2px 3px; color:#ffffff; font-size:1.2em !important; float:left; width:100%;}
.submit2:hover, .submit2:active {background:url(../img/bg-submit2.png) 0 0 repeat-x; }

/*=========================
         LOGIN
==========================*/
.login_pages a {color: grey; font-size: 1.2em;}
.login_pages ul li {border-bottom: 1px solid grey; padding: 8px 8px 8px 13px; background: url(../img/submit_arw.jpg) 0px 8px no-repeat;}

.login_back {height:40px; vertical-align:middle; background: #e1e1e1 url(../img/arw-left-login.png) 10px 15px no-repeat;}
.login_back span a {display:block; position:relative; top:16px; left:24px; font-size:1.2em; color:#6d6d6d !important; font-weight:bold;}


/*=========================
         RADIO
==========================*/
.radio_play_button {background:url('../img/radio_play_button.png') 0px -3px no-repeat; height:91px;}
.radio_play_text {background:#e1e1e1; margin-left:92px; height:33px; padding:6px 0px 6px 0px; display:block; position:relative; top:16px; font-size:1.2em; line-height:130%; overflow:auto;}

.radio_div {width:100%; clear: both; overflow: auto;}
.radio_head_img1 {float:left; width:6.4%; min-width:40px; min-height:35px; margin-right:5%;}
.radio_head_img2 {float:left;  width:32.1%;  min-width:201px;  min-height:35px;  margin-right:2%;}
.radio_head_img3 {float:left; width:5.3%;  min-width:34px; min-height:35px; }

/* =========================
           Concert
===========================*/
.concert.calander span {font-size: 1.3em; padding: 5px 4px;}
.concert.calander {width: 12% !important; margin-bottom: 1px;}

.grey_date {background-color: #d8d8d8; display: block; color: #6d6d6d; padding: 3px 5px 3px 8px; margin-bottom: 1px; margin-top: 1px; position: relative; font-size: 1.2em;}
.grey_date div {width: 1px; background-color: white; position: absolute; margin-left: 10%; height: 100%; top: 0;}
.calender-name span {display: block; color: #707070;}
.calender-name {margin: 1%;}
.calender-name span strong {display: block; color: black; font-size: 1.1em;}

.concert_data div span strong {display: block; font-size: 1.2em; margin-bottom: 2px; color: black;}
.concert_data div span span {font-size: 1.2em; color: #707070;}
.concert_data div span {margin: 1% 3%; min-width:80%; display:block; padding-bottom:3px;}
.concert_data div {padding: 3% 0; }

.concert.report ul liw a {text-transform: uppercase; color: black; font-size: 1.1em;}
.concert.report ul li a:hover {text-decoration: underline;}

.podiuminfo_calander h2 {background: url(../img/sprite.png) -4px -320px no-repeat;}

/*=========================
        Podia
==========================*/

.podium_letter {margin: 3%;}
.podium_letter span {color: #106baa; font-size: 3em; font-weight: bold;}

.podium_names ul {margin-right: 3%; width: 22%; float: left;}
.podium_names ul li {border-bottom: 1px solid #e0e0e0; width: 100%; padding-bottom: 4px; margin-bottom: 5px; font-size: 1.2em; line-height: 1.4em;}
.podium_names ul li a {color: black;}

/* News detail podium */
.popular-blocks a{color: black;}

/*==========================
        Podium_Detail
==========================*/

.show ul li div {float: left;}
.podiuminfo.podium h2 {background: url("../img/sprite.png") no-repeat scroll -4px -1811px;font-weight: bold;margin-bottom: 5px;}
.podiuminfo.podium { float: none !important; width: 100% !important;}
.podium_contact div span strong {display: block; font-size: 1.2em; margin-bottom: 2px; color: black;}
.podium_contact div span span {font-size: 1.2em; color: #707070; display: block; width:100%;}
.podium_contact div span {margin: 1% 3%;}
.podium_contact div {padding: 3% 0; }
.podium_contact {padding: 3% 5% 3% 14%; border: 1px solid #106BAA; width:70% !important;}
.podium_contact_img {top: 30%; border: 3px solid white; width: 20%;}

.side_podium_menu ul li h2 {margin-bottom: 0px !important;}
.side_podium_menu ul li {width: 100%; margin-bottom: 0px !important; height:28px;}
.side_podium_menu ul li h2 span a {color: #fff !important; width: 100%;}
.side_podium_menu .podiuminfo {float: none !important; width: 100% !important;}

.cur_tab h2 span {font-weight:bold; text-decoration:underline !important;}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .podium_contact {width: 55% !important; float: right !important;padding: 3% 15% 3% 19%;}
}

/*==================================================
    CONCERTAGENDA page
 =================================================*/

.add_concert {float: left;}
.add_concert img {float: left; margin-right: 5px;}
.add_concert div {display: inline; margin-top: 5px;}
.concert_legenda { float: right; width: 70%;}
.concert_legenda span {display: inline-block; margin-right: 15px;}
.concert_legenda span img {float: left; margin-right: 5px;}
.concert_legenda a {color: black; position: relative; top: 5px;}

.concert_navigation li {display: inline-block;}
.concert_navigation li a {color: white; text-align: center;}
.concert_navigation li a span {position: absolute; top: 40%; left: 30%;}
.concert_navigation li {position: relative;}
.concert_navigation li img {width: 90%;}
.concert_navigation .current_tab {z-index: 99999;}

.concert_agenda_date {float: left; background-color: #106baa; height: 100%; width: 4.6% !important; text-align: center; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.concert_agenda_date span { font-size: 1.1em; border-bottom: 2px solid white; padding: 2px 5px 3px 5px; display: block; color: white; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.concert_agenda_date .concert_dag {font-size: 1.8em; font-weight: bolder; padding: 6px 4px 6px 4px; }

.extra_width_podium {width: 7% !important; }
.extra_marge_podium {margin-left: 7% !important; width: 93% !important;}
.extra_padd_podium {padding:6px 0px 6px 20px !important;}

.concert_th {display: table; color: white; font-size: 1.1em; border-bottom:2px solid #fff;}
.concert_th div {padding: 5px; background-color: #106baa; width:100%;}
.concert_th div span {color: white; font-size: 1.1em; }
.concert_th_title {float:left; width:20% !important;}
.concert_th_sort {float:right; width:7% !important; max-height:14px;}
.concert_th_sort2 {float:right; width:10% !important; max-height:14px;}
.concert_th_sort3 {float:right; width:11% !important; max-height:14px;}

.concert_table .tr_1 {width: 13.2%; display: table-cell !important; border-right:1px solid #fff;}
.concert_table .tr_2 {width: 29.8%; display: table-cell !important; border-left:1px solid #fff;  border-right:1px solid #fff; vertical-align: bottom;}
.concert_table .tr_3 {width: 19%; display: table-cell !important; border-left:1px solid #fff;  border-right:1px solid #fff;}
.concert_table .tr_4 {width: 15%; display: table-cell !important; border-left:1px solid #fff;  border-right:1px solid #fff;}
.concert_table .tr_5 {width: 23%; display: table-cell !important; border-left:1px solid #fff; }

.concert_rows_info {font-size: 1.1em; margin-left: 4.7%; height:auto; width:95.4%; vertical-align: middle; position:relative; display: table; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.concert_rows_info div span {display: inline;}

.concert_table .td_1 {width: 9%; padding:6px 0px 6px 16px; color:#8f8d8d; display: table-cell !important; vertical-align: middle;}
.concert_table .td_2 {width: 31.5%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
.concert_table .td_3 {width: 19.8%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
.concert_table .td_4 {width: 16%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
.concert_table .td_5 {width: 23.7%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }


.concert_table .td_1_1 {width: 9.2%; padding:6px 0px 6px 16px; color:#8f8d8d; display: table-cell !important; vertical-align: middle;}
.concert_table .td_2_1 {width: 32.5%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
.concert_table .td_3_1 {width: 20.5%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
.concert_table .td_4_1 {width: 13.1%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
.concert_table .td_5_1 {width: 25.4%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }

.concert_search_activate {font-weight: bold; font-size: 1.3em; background-color: #106baa; text-transform: uppercase; padding: 7px 0 7px 10px; color: #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.concert_search_menu {display: block; color: #ffffff; background-color: #106baa; padding: 7px 0 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.concert_search_menu_left {float: left}
.concert_search_menu_right {float: left}
.concert_search_active {display: none !important}

.search_concertagenda {background-color: #106baa; color: white; padding: 1% 0 1% 1%; width: auto !important; min-width:50%;}

.search_concertagenda input {  background: #ffffff url(../img/sprite.png) 100% -489px no-repeat !important; padding: 5px 5% 5px 5%; width: 35%; float: left; text-transform: uppercase; color: #106baa; font-size: 1.1em;margin-bottom: 15px;}
.search_concertagenda_margin {margin-left: 5%}
.search_concertagenda select { float: left;text-transform: uppercase;color: #106baa;font-size: 1.1em; padding: 6px 25px 6px 5px; width: 100%;-webkit-appearance: none; background: transparent; margin-top: 0 !important; text-indent: 0.01px; }
.search_concertagenda select option {text-transform: uppercase;}
.search_concertagenda select::-ms-expand {display:none}
.zoek_concertagenda_knop { width:10%; height:24px; position:absolute; right:41%; cursor:pointer; }

.search_combobox_year {margin-top: 0px; margin-bottom: 15px; margin-left: 5%; text-transform: uppercase; background-color: white;background: #ffffff url(../img/sprite2.png) 100% -2350px no-repeat; width: 25%; overflow: hidden;position: relative; float:left;}
.search_combobox_genre {margin-top: 0px; margin-bottom: 15px; margin-left: 1%; text-transform: uppercase; background-color: white;background: #ffffff url(../img/sprite2.png) 100% -2350px no-repeat; width: 45%; overflow: hidden;position: relative; float:left;}
.search_combobox_provincie {margin-top: 0px; margin-left: 5%; text-transform: uppercase; background-color: white;background: #ffffff url(../img/sprite2.png) 100% -2350px no-repeat; width: 44%; overflow: hidden;position: relative; float:left;}

.concertagenda_reset {color: #FFFFFF; text-decoration: underline;}
.concertagenda_reset:hover{cursor:pointer;}

.search_combobox_day {margin-top:0px; margin-left: 1%;  text-transform: uppercase; background-color: white;background: #ffffff url(../img/sprite2.png) 100% -2350px no-repeat; width: 20%; overflow: hidden;position: relative; float: left;clear: both;}
.search_combobox_month {margin-top:0px; margin-left: 5%; text-transform: uppercase; background-color: white;background: #ffffff url(../img/sprite2.png) 100% -2350px no-repeat; width: 30%; overflow: hidden;position: relative; float: left;}

.calander_img{position: relative; float:left; margin-top:0px; margin-bottom: 0px; top: 3px; left: 15px; background-color:#106baa;  }

.td_img {padding: 0 !important; float: left; min-width: 50px; min-height: 31px;}

.concert_tip {border: 1px solid #106baa !important;}
.concert_img_tip {position: absolute; width: 70%; top: 0; left: 0;}
.concert_rows_info_img {border: 1px solid #106baa; min-height: 58px;}
.concert_rows_info_img .td_1 {height: 52px;}
.concert_rows_info_img .td_2 {top: 20px;}
.concert_rows_info_img .td_3 {top: 20px;}
.concert_rows_info_img .td_4 {top: 20px;}
.concert_rows_info_img .td_5 {top: 20px;}
.concert_rows_info_img img {float:left}

.concert_rows_info .td_5 img {float: left; margin-right: 3px;}
.concert_rows_info .td_5_1 img {float: left; margin-right: 3px;}
.concert_number {position: relative; right: 33% !important; top: 23% !important; color: #22b04b !important; font-size: 0.9em; }
.concert_number2 {position: relative; right: 33% !important; top: 23% !important; color: #22b04b !important; font-size: 0.9em;}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .concert_rows_info {font-size: 1.1em; height:auto; width:100%; margin:0; vertical-align: middle; position:relative; display: table; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.concert_table .td_1 {width: 12%; padding:6px 0px 6px 8px; color:#8f8d8d; display: table-cell !important; vertical-align: middle; background-color: #d4d5d4;}
	.concert_table .td_2 {width: 52.5%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
	.concert_table .td_5 {width: 35.5%; padding:6px 0px 6px 8px; display: table-cell !important; vertical-align: middle; background-color: #e8e8e8; }
	
	.concert_legenda {width: 100%;}
    .concert_legenda div {float: left !important;}
    .concert_agenda_date {width: 40px !important;}

    .concert_rows_info div strong{display: block; margin-bottom: 5px;}
    .concert_rows_info div figure {display: block;}
    .concert_rows_info div span {display: block; margin: 3px 5px 4px 5px; color: #6d6d6d; }
    .concert_rows_info div img {float: left; margin-right: 5px;}
    .concert_tip_img img {width: 34px;}
    .concert_rows_info .eightcol { width: 51%;}
    .concert_rows_info .fourcol { width: 23%; min-width: 94px;}
    .concert_rows_info .fourcol img { width: 19%;}

    .concert_number {display:inline; padding:0; left:55% !important; right:0 !important; top:-70% !important;}
    .concert_number2 {display:inline; padding:0; left:55% !important; right:0 !important; top:-70% !important;} 
}
/* GEO DINGEN PODIA */
#map-canvas img { max-width: none !important; }

/* Jquery overrides */

.ui-datepicker a {  }
.ui-datepicker-header{}
.ui-datepicker-title{}
.ui-datepicker-prev, .ui-datepicker-next {  }
.ui-datepicker table {  }
.ui-datepicker { } 
.ui-datepicker-trigger {background-color: #106BAA; border: none;}

.ui-helper-hidden-accessible { display: none;}
.ui-autocomplete { display: block; list-style: none outside none; cursor: default; margin: 0; outline: medium none; padding: 2px; left: 0; position: absolute; top: 0; font-family: Verdana,Arial,sans-serif; font-size: 12px; background-color: #fff; border: 1px solid #aaa; color: #000; border-top-left-radius: 4px; z-index: 100;}

.ui-menu-item:hover { background-color: #2E64FE; color: #FFFFFF;}
div.mapsWindow {width: 300px; height: 80px; background-color: #FFFFFF; overflow-x: hidden; overflow-y: auto; }
p.plaats_infowindow {width: 270px; text-align: left; font-size: 10px;}
a.festivalLink_infoWindow {color: #000000;}
a.festivalLink_infoWindow:hover {color: #FF0000;}
table.table_infoWindow {width: 270px;}
table.table_infoWindow td.name_infoWindow {text-align: left; width: 200px;}
table.table_infoWindow td.date_infoWindow {text-align: left;width: 70px;}