
/*==================================================
   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
 =================================================*/
.figure_related {width:30%; overflow: hidden !important; float:left;}

.ticket_ { min-width: 100%!important; min-height: 100%!important; padding-right: 0%; width: 100% !important; position: absolute; height: 0; padding-bottom: 99%; background-image: url(../img/sp5.png); background-position: 0% 31.2%; background-size: 123%; background-repeat: no-repeat; display:block; position:relative;}
.ticket_:hover { background-image: url(../img/sp5.png) !important; background-position: 0% 31.2% !important; background-size: 123% !important; background-repeat: no-repeat !important; background-color: transparent!important;}

.festival_ { min-width: 100%!important; min-height: 100%!important; padding-right: 0%; width: 100% !important; position: absolute; height: 0; padding-bottom: 100%; background-image: url(../img/sp5.png); background-position: 0% 54.12%; background-size: 129%; background-repeat: no-repeat; display:block; position:relative;}
.festival_:hover { background-image: url(../img/sp5.png) !important; background-position: 0% 54.12% !important; background-size: 129% !important; background-repeat: no-repeat !important; background-color: transparent!important;}

.festival_3 {display: inline-block !important;min-width: 0% !important;width: 100% !important;background-size: 130% !important;padding-bottom: 100%!important;float: left!important;position: absolute!important;background-image: url(../img/sp5.png)!important;background-position: 0% 54.3%!important;background-repeat: no-repeat;}

.ticket_soldout1 { padding-right: 0%!important; width: 8% !important; position: absolute!important; height: 0!important; padding-bottom: 1.2%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 76.2%!important; background-size: 142%!important; background-repeat: no-repeat!important; min-height: 10px!important;}

@media handheld, only screen and (max-width: 580px) {
   .ticket_soldout1 { padding-right: 0%!important; width: 9% !important; position: absolute!important; height: 0!important; background-image: url(../img/sp5.png)!important; background-position: 0% 77.2%!important; background-size: 106%!important; background-repeat: no-repeat!important; min-height: 27px!important;}
}
.ticket_1 { padding-right: 0%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 0%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 106%!important; background-repeat: no-repeat!important; min-height: 12px!important;}
.ticket_1:hover { padding-right: 0%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 0%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 106%!important; background-repeat: no-repeat!important; min-height: 12px!important;}
@media handheld, only screen and (max-width: 580px) {
	.ticket_1 { padding-right: 7%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 5.000%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 108%!important; background-repeat: no-repeat!important; min-height: 12px!important; }
  .ticket_1:hover { padding-right: 7%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 5.000%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 108%!important; background-repeat: no-repeat!important; min-height: 12px!important; }
}

}
.ticket_1 { padding-right: 0%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 0%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 106%!important; background-repeat: no-repeat!important; min-height: 12px!important;}
.ticket_1:hover { padding-right: 0%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 0%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 106%!important; background-repeat: no-repeat!important; min-height: 12px!important;}
@media handheld, only screen and (max-width: 580px) {
	.ticket_1 { padding-right: 7%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 5.000%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 108%!important; background-repeat: no-repeat!important; min-height: 12px!important; }
  .ticket_1:hover { padding-right: 7%!important; width: 3% !important; position: absolute!important; height: 0!important; padding-bottom: 5.000%!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 108%!important; background-repeat: no-repeat!important; min-height: 12px!important; }
}
.ticket_2 {padding-right: 0%!important; width: 12% !important; position: absolute!important; height: 0!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 106%!important; background-repeat: no-repeat!important;}
.ticket_2:hover {padding-right: 0%!important; width: 12% !important; position: absolute!important; height: 0!important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.2%!important; background-size: 106%!important; background-repeat: no-repeat!important;}

.noavatarartist { padding-right: 40.02%; height: 0; padding-bottom: 100%; background-image: url(../img/sp5.png); background-position: 0% 46.6%; background-size: 123%; display:block !important; position:relative;}
.noavatarartist:hover { background-image: url(../img/sp5.png)!important; background-position: 0% 46.6%!important; background-size: 123%!important; }

.noavatarartist2 {width: 87% !important; padding-bottom: 93.5% !important; background-image: url(../img/sp5.png)!important; background-position: 0% 46.6%!important; background-size: 129%!important; background-repeat: no-repeat!important; display: block; min-height: 100%!important; float:left !important; position: relative;}

.nopicpod2 {width: 87% !important; padding-bottom: 93.5% !important; background-image: url(../img/sp5.png)!important; background-position: 0% 31.3%!important; background-size: 129%!important; background-repeat: no-repeat!important; display: block; min-height: 100%!important; float:left !important; position: relative;}

.icon2_festival3 {width: 87% !important; padding-bottom: 93% !important; background-image: url(../img/sp5.png)!important; background-position: 0% 54.2%!important; background-size: 129%!important; background-repeat: no-repeat!important; display: block; min-height: 100%!important; float:left !important; position: relative;}

.icon2_festival4 { width: 19%!important; padding-bottom: 26%!important; background-image: url(../img/sp5.png)!important; background-position: 0 53.9%!important; background-size: 142%!important; background-repeat: no-repeat!important; display: block; min-height: 100%!important; float: left!important; position: relative;}

.festival-block {margin-top: 2%; }
.festival-block section {margin-bottom: 2%;}
.festival_icon {float:left; margin:4px;}
.news_print{background: url(../img/sp3a.png) 0 -1705px no-repeat; background-color:#ffffff; width:42px; height:43px; float:left !important; padding:0 4px 0 0 !important;}
.news_mail{background: url(../img/sp3a.png) -3px -1660px no-repeat; width:42px; height:43px; float:right; margin-right: -3px !important;}
.subscribe_img{background: url(../img/sp3a.png) 0 -1620px no-repeat; width:37px; height:37px; float: left;}

/* Event */
.event_date {float: left; text-align: center; width: 10%; background-color: #ED2024; color: white !important; display: inline-block; margin: 0 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;}

/* 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;}

/* 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%; }

@media handheld, only screen and (max-width: 580px) {
	.fotoverslag_thumb_full li { width: 21%;  }
}

.fotoverslag_main img {width: 100%;}
.fotoverslag_thumb img {width: 100%;}
.fotoverslag_thumb_full img {width: 100%;}

.fotoverslag_question_img{background: url(../img/sp3a.png) 0 -214px no-repeat; float: right; width:30px; height:27px; margin-left:4px;}

.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: 48.5%; font-weight: bold; text-transform: uppercase; float: left !important; overflow: hidden; border-bottom: 1px solid #fff; }
.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: 46.5%; margin: 1% 0 0 0; padding: 2% 0 2% 2%;}

.festival_newer {background: #bf2225 left; padding: 2% 2% 2% 8%; color: white; font-size: 1.3em; position: relative;}
.festival_newer_img{background: url(../img/sp3a.png)0 -2205px no-repeat; float: left !important; width: 44px; height: 43px; position: absolute; left:-0px; top:-0px; display: inline-block; }
.festival_newer img {margin-left: 3px; display: inline-block;}

.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;}

/* Weer Informatie */

.weather_day {height: 60px;}
.weather_date {width: 10%; height: 60px; float: left; text-align: center;}
.weather_date_dayweek {background-color: #ed2024; color: #FFFFFF; margin-bottom: 1px; height: 16px; font-size: 1.3em;}
.weather_date_day {background-color: #ed2024; color: #FFFFFF; margin-bottom: 1px; height: 20px; font-size: 2em}
.weather_date_month {background-color: #ed2024; color: #FFFFFF; margin-bottom: 1px; height: 16px; font-size: 1.3em;}
.weather_icon {float: left; width: 18%;}
.weather20 {float: left; width: 20%; margin-top: 3%;}
.weather26 {float: left; width: 26%; margin-top: 3%;}
.weather70 {float: left; width: 70%; margin-top: 3%;}



/*==================================================
   Festival detail sidebar
 =================================================*/
.festivalinfo_tshirt { width: 110%; height: 0; padding-bottom: 94%; background-image: url(../img/sp5.png); background-repeat: no-repeat; background-position: 0% 69.5%; background-size: 94.1%; display:block; }
.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;}
.twitter_more_btn {background: url(../img/sp3a.png)0 -214px no-repeat; width: 6px; height: 9px; float: right; margin-top: 1px !important; margin-right: -5px !important;}
.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%;}
	#news_cont { width:96%;}
    .main_title {width: 96%;}
    .news-section h1{ float:none; display:block; width:100%; line-height:1.5em;}
    .news-right{ float:none; margin:auto;}
	#news_h1{width:100% !important;}
    .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%;}
	#news_cont { width:82% !important;}
	#news_h1{width:80% !important;}
}



/*==================================================
  nieuws overzicht pagina
 =================================================*/
.prev_news {outline: 2px solid #ed2024; border-radius: 1px; background: #FFFFFF right no-repeat; margin-right:0; height:16px; margin-left:0.4%;}
.prev_news_img {background: url(../img/sp3a.png) 0 -154px no-repeat; width:18px; height:11px; float:right; margin-top:2px; padding: 0 !important;}
.prev_news a {width: 100%; height: 100%; top: 0; left: 0;}

.prev_news2_img{background: url(../img/sp3a.png)0 -167px no-repeat; float:right; width:18px; height:16px; margin-right:0; padding: 0 !important;}
.prev_news2 {outline: 2px solid #ed2024; border-radius: 1px; background: #ed2024; margin-right:0; height:16px;}
.prev_news2 a {width: 100%; height: 100%; top: 0; left: 0;}

.next_news_img{background: url(../img/sp3a.png)0 -183px no-repeat; float:left; width:18px; height:16px; margin-right:0; padding: 0 !important;}
.next_news {outline: 2px solid #ed2024; border-radius: 1px; background: #ed2024; margin-right:0; height:16px;}
.next_news a {width: 100%; height: 100%; top: 0; left: 0;}

.middle_orange {outline: 2px solid #ed2024; background-color: #ed2024; 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:25%;}
.news_title_div2 {width:75%;}
.news_title_div2:hover {text-decoration:underline;}

@media handheld, only screen and (max-width: 580px) {
    .news_date_div2 {width: 19%; padding-left: 1%;}
	.news_date_div {font-size:1.2em; line-height:1.3em;}
	.news_title_div {font-size:1.2em;  line-height:1.3em;}
}

@media handheld, only screen and (min-width : 581px) and (max-width : 1024px){
.news_date_div2 {width:22%;}
.news_title_div2 {width:78%;}
}

/*==================================================
  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;}

.ticketswap a:link, .nieuws_bericht a:link {
	text-decoration:underline;
	color: #ed2024 !important;
}
.ticketswap a:visited, .nieuws_bericht a:visited {
	text-decoration:underline;
	color: #ed2024 !important;
}
.ticketswap a:hover, .nieuws_bericht a:hover {
	text-decoration:underline;
	color: #ed2029 !important;
}
.ticketswap a:active, .nieuws_bericht a:active {
	text-decoration:underline;
	color: #ed2024 !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/sp3a.png) 0 -2272px 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/sp3a.png) 0 -2300px 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: #ed2024; 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) 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) 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.8%; background-color: #E1E1E1; box-sizing: border-box;}
.grey {border-right:2px solid #E1E1E1;}
.white {border-right:2px solid #fff;}

.more_about_full img {width: 14%; float: left; background-color:#fff;}
.more_about_full div {float: right; background: #E1E1E1;width: 76%; padding: 5%; min-height: 35px;}
.more_about_full {display: inline-block; width: 100%; background-color: #E1E1E1; border-bottom: 1px solid #fff;}

.soldout div {padding-top: 3% ; padding-bottom: 3.3% ;}
.wrapperFREE { padding-bottom: 0%!important; padding-top: 0.5%!important; }
.wrapperFREE2 { padding:0 !important; }
.aantaldagenfree { margin-top:4.9%!important; padding:0 !important; float:left!important; width:147%!important; margin-left:-45%!important; }

@media handheld, only screen and (max-width : 580px){
    .free_img {min-width:11% !important; min-height: 100px !important; padding-top: 8.5% !important; margin-left: -17.9% !important;}

}
.soldout2 div {padding-top: 3% ; padding-bottom: 3.3% ;}
.free_img { width: 0% !important; position: absolute!important; height: 0!important; padding-bottom: 2.8%!important; background-color: transparent!important; background-image: url(../img/sp5.png) !important; background-position: 0% 38.9%!important; background-repeat: no-repeat!important; background-size: 87%!important; display:block; margin-left: -8.4%; min-height: 0.34% !important;}

.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:28%; margin-right:10px;}
.social_like2 {float:left; height:20px; width:28%; margin-left:10%;}
.social_like3 {float:right; height:20px; width:30%; }

.social_like1 iframe {width:120px !important;}
.social_like1_large iframe {width:100px !important;}

.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:28%;}
.social_like1a_large {float:left; height:60px; width:22%; margin-left:15px;}
.social_like2_large {float:left; height:60px; width:20%;  margin-left:15px;}

/*==== 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
 =================================================*/
 .star0 {background-image: url(../img/sp4.png)!important; background-position: 0% 0%!important;}

 .star5 {background-image: url(../img/sp4.png)!important; background-position: 0% 1.2%!important;}

 .star10 {background-image: url(../img/sp4.png)!important; background-position: 0% 2.45%!important;}

 .star15 {background-image: url(../img/sp4.png)!important; background-position: 0% 3.7%!important;}

 .star20 {background-image: url(../img/sp4.png)!important; background-position: 0% 4.98%!important;}

 .star25 {background-image: url(../img/sp4.png)!important; background-position: 0% 6.3%!important;}

 .star30 {background-image: url(../img/sp4.png)!important; background-position: 0% 7.55%!important;}

 .star35 {background-image: url(../img/sp4.png)!important; background-position: 0% 8.85%!important;}

 .star40 {background-image: url(../img/sp4.png)!important; background-position: 0% 10.10%!important;}

 .star45 {background-image: url(../img/sp4.png)!important; background-position: 0% 11.40%!important;}

 .star50 {background-image: url(../img/sp4.png)!important; background-position: 0% 12.65%!important;}

 .starsdiv {background-size: 320%!important; display:block;width: 100% !important; top: 85%; position: absolute; height: 0; padding-bottom: 20%; background-color: white !important;}
@media handheld, only screen and (max-width: 580px) {
  .starsdiv {top: 81% !important;}
}
 .starsdivgrey { background-size: 320%!important; display:block; width: 100% !important; top: 80%; position: absolute; height: 0; padding-bottom: 20%;  background-color: #e1e1e1 !important;}
 .starsdivdetail {background-size: 320%!important; padding-bottom: 5.5% !important; width: 26% !important; top: 0% !important; position:relative !important;}
 .starsdivdetail:hover {padding-bottom: 5.5% !important; width: 26% !important; top: 0% !important; position:relative !important;}

 .noavatar { width: 100% !important; position: absolute; height: 0; padding-bottom: 100%; background-image: url(../img/sp5.png); background-position: 0% 87%; background-size: 260%; display:block; position:relative }

.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: 48%;}
    .top_video figure div {display: inline-block; width: 49%;}
    .top_video figure img {display: inline-block; width: 100%;}
}

/*==================================================
    Review pagina
 =================================================*/

.search_review {background-color: #ed2024; color: white; padding: 8% 0 8% 8%; width: auto !important; min-width:92%;}

.search_review input {  background: #ffffff url(../img/sp1.png) 100% -489px no-repeat !important; padding: 5px 5% 5px 5%; width: 80%; float: left; text-transform: uppercase; color: #ED2024; font-size: 1.1em;margin-bottom: 15px;}
.search_combobox {margin-top:15px ; text-transform: uppercase; background-color: white;background: #ffffff url(../img/sp2.png) 100% -2350px no-repeat; width: 91%; overflow: hidden;position: relative;}
.search_combobox select {
    float: left;text-transform: uppercase;color: #ED2024;font-size: 1.1em; padding: 6px 25px 6px 5px; width: 100%;-webkit-appearance: none; -moz-appearance: none; background: transparent; margin-top: 0 !important; text-indent: 0.01px; text-overflow: '';}
.search_combobox select option {text-transform: uppercase;}
.search_combobox select::-ms-expand {display:none}

.top_picture h2{ background:url(../img/sp2.png) 0 -2383px no-repeat; }
.top_video h2{ background:url(../img/sp1.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;}

.prev_review_img{background: url(../img/sp3a.png)0 -169px no-repeat; float: right; width: 19px; height: 16px; padding: 0 !important; margin-top: 7px;}
.prev_review {background: scroll left center #ED2024; margin-right: 0px; height: 24px; margin-bottom: 4px;}
.prev_review a {width: 100%; height: 100%; top: 0; left: 0; color:#fff;}
.prev_review span { padding:6px 3% 0px 3%; float:right; font-size:1.2em;}

.next_review_img{background: url(../img/sp3a.png)0 -185px no-repeat; float: left; width:19px; height:15px; padding: 0 !important; margin-top: 7px;}
.next_review {background: scroll left center #ED2024; margin-right: 0px; height: 24px; margin-bottom: 4px;}
.next_review a {width: 100%; height: 100%; top: 0; left: 0; color:#fff;}
.next_review span {padding:6px 0px 0px 30px; position:absolute; font-size:1.2em;}

.img_container {position: relative; display: flex; align-items: center; width: 100%;}
.img_nxt_arrow {position: absolute; width: 60px; height: 60px; right: 30px; top:44%; background: transparent no-repeat center center; background-size: 100% 100%; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); opacity: 0.8; }

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
    .search_review {width:100% !important;}

}

/*==================================================
    Review detail pagina
 =================================================*/
.verslag_title h2 { background: url(../img/sp2.png) -0px -2424px no-repeat;}

.verslag_foto h2 span, .verslag_foto2 h2 span{font-size:0.7em; padding:5px 10px 5px 2%; height: 22px; color:#000;}
.verslag_foto h2, .verslag_foto2 h2 { padding:0 0 4px 0;}
.verslag_foto h2, .verslag_foto2 h2 { background: url(../img/sp2.png) -0px -2467px no-repeat;}
.verslag_foto h2 span, .verslag_foto2 h2 span {background-color: #e1e1e1; margin-left:34px;}
.verslag_foto h2 span strong, .verslag_foto2 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: url(../img/sp3a.png) 0 -463px; 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: url(../img/sp3a.png) 0 -440px; 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 3% 15px 0; width: 30.9%; float:left; height: auto; }
.verslag_foto2 figure img {display: inline-block; margin: 0 1.5% 15px 0; width: 15.4%; float:left; height: auto; }
.sfeerverslag figure img {display: inline-block; margin: 0 2% 15px 0; width: 23% !important; float:left; height: auto; max-width: 110px;}
.sfeer_btn_next {background: url(../img/sp3a.png) 0 -619px; width:28px !important; height:74px; float:right !important; padding: 0 !important;}
.sfeer_btn_previous{background: url(../img/sp3a.png) 0 -695px; width:28px !important; height:74px; float:left !important; padding: 0 !important;}

.sfeer_bestel_cart_img{background: url(../img/sp3a.png) 0 -185px no-repeat; float: center; width:260px; height:27px; vertical-align: text-bottom; margin-left: 250px; }

/*** 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) {
	.verslag_foto2 figure img {display: inline-block; margin: 0 3% 15px 0; width: 30.9%; float:left; height: auto; }
    .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
 =================================================*/

.play_btn_small_1 {margin-top: 0 !important; width: 35% !important; position: absolute; top: 22%; left: 25%; height: 0; padding-bottom: 50%; background-image: url(../img/sp5.png); background-position: 0% 100%; background-color:transparent !important; background-size: 450%; display:block;}
.play_btn_small_1:hover {opacity: 0.8 !important;  background-image: url(../img/sp5.png) !important; background-position: 0% 100% !important; background-color:transparent !important; background-size: 450% !important;}

.play_btn_small_2 {margin-top: 0 !important; width: 35% !important; position: absolute; top: 12%; left: 28%; height: 0; padding-bottom: 50%; background-image: url(../img/sp5.png); background-position: 0% 100%; background-color:transparent !important; background-size: 400%; display:block !important;}
.play_btn_small_2:hover {opacity: 0.8 !important;  background-image: url(../img/sp5.png) !important; background-position: 0% 100% !important; background-color:transparent !important; background-size: 400% !important;}

.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 red;}
.artist_alfabet span a { color: red; text-transform: uppercase; font-weight: bolder; font-size: 1.2em;}

.artist_alfabet span:hover a {color: white;}
.artist_alfabet span:hover {background-color: #ed2024;}

.artist_alfabet .current_letter a {color: white;}
.artist_alfabet .current_letter { background-color: #ed2024;}


.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.3em; padding: 3px 3px 6px 3px; margin-bottom: 8px; border-bottom: 1px solid #ccc;}
.artist_letter a {color: black;}
.artist_letter a:hover{text-decoration:underline;}

.artist_alfabet_sidebar span {background-color: #ff5e61; 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: #ed2024; 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 div {display: inline; margin-top: 5px;}
.add_festival a {color: red; position: relative; top: 5px;}
.add_festival_img{background: url(../img/sp3a.png) 0 -2px no-repeat; width:20px; height:20px; float:left; margin-right:4px;}
.festival_legenda { float: right; width: 70%;}
.festival_legenda span {display: inline-block; margin-right: 13px;}
.festival_legenda span img {float: left; margin-right: 5px;}
.festival_legenda span span {color: black; position: relative; top: 5px;}
.gratis_festival{background: url(../img/sp3a.png) 0 -534px no-repeat; width:20px; height:20px; float:left; top: 0px !important; margin-right: 5px !important;}
.festival_app{background: url(../img/sp3a.png) 0 -23px no-repeat; width:21px; height:20px; float:left; top: 0px !important; margin-right: 5px !important;}
.camping_festival{background: url(../img/sp3a.png) 0 -259px no-repeat; width:21px; height:20px; float:left; top: 0px !important; margin-right: 5px !important;}
.uitverkocht_festival{background: url(../img/sp3a.png) 0 -1863px no-repeat; width:20px; height:20px; float:left; top: 0px !important; margin-right: 5px !important;}
.festival_link_img{background: url(../img/sp3a.png) 0 -809px no-repeat; width:15px; height:16px; float: left; top: 0px !important; margin-right: 5px !important;}
.festival_uitverkocht_grey{background: url(../img/sp2.png) 0 -3489px no-repeat; width:33px; height:25px; float:left; top: 0px !important; left: 10px;}

.uitverkocht_festival_smaller{background: url(../img/sp3a.png) 0 -1863px no-repeat; width:20px; height:12px; float:left; top: 0px !important; margin-right: 5px !important;}
.gratis_festival_smaller{background: url(../img/sp3a.png) 0 -534px no-repeat; width:20px; min-height:15px; float:left; top: 0px !important; margin-right: 5px !important; padding:2% !important;}
.camping_festival_smaller{background: url(../img/sp3a.png) 0 -258px no-repeat; width:21px; height:12px; float:left; top: 0px !important; margin-right: 5px !important;}
.festival_app_smaller{background: url(../img/sp3a.png) 0 -23px no-repeat; width:21px; height:12px; float:left; top: 0px !important; margin-right: 5px !important;}

.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:#ed2024; color:#fff;}
.festivalagenda_options a {color:#fff;}

.festival_agenda_date {margin:2px 2px 0 0; float: left; background-color: #ed2024; 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: 9%; outline: 2px solid #fff;}
.festival_table .tr_6 {width: 21.5%; outline: 2px solid #fff;}
.festival_table .tr_7 {width: 15.5%; outline: 2px solid #fff;}

.td_img {padding: 0 !important; float: left; width:9%; }
.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; float:left; margin-top:20px;}
.festival_table .td_4 {width: 6%; font-size:1.2em; float:left; margin-top:20px;}
.festival_table .td_5 {width: 9%; top: 13px; position: relative; float:left;}
.festival_table .td_6 {width: 21.5%; top: 13px; position: relative; float:left;}
.festival_table .td_7 {width: 14%;}

.td_5 .gratis_festival{margin-bottom:2px;}
.td_5 .festival_app{margin-bottom:2px;}
.td_5 .camping_festival{margin-bottom:2px;}
.td_5 .uitverkocht_festival{margin-bottom:2px;}

.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 {background: url(../img/sp3a.png)0 -365px no-repeat; position: absolute; width: 32px; height:25px; top: 0; left: 0;}

.festival_afgelast {color: #b1b1b1 !important;}
.festival_img_afgelast {background: url(../img/sp3a.png) 0 -282px no-repeat; position: absolute; width:67px; height:19px; top: 50px; left: 0px; padding: 0px 0px !important;}
.festival_afgelast div {color: #b1b1b1 !important;}
.festival_afgelast div a {color: #b1b1b1 !important;}

.festival_gratis{background: url(../img/sp2.png) 0 -3473px no-repeat; width:29px; height:12px; float:left; top: 0px !important; left: 10px;}
.festival_uitverkocht{background: url(../img/sp2.png) 0 -3492px no-repeat; width:33px; height:25px; float:left; top: 0px !important; left: 10px;}
.festival_uitverkocht_grey{background: url(../img/sp2.png) 0 -3519px no-repeat; width:33px; height:25px; float:left; top: 0px !important; left: 10px;}
.festival_ticket{background: url(../img/sp2.png) 0 -3568px no-repeat; width:30px; height:21px; float:left; top: 0px !important; left: 10px;}


.festival_flag_img{background: url(../img/sp3a.png) 0 -302px no-repeat; float:left; width:20px; height:19px; padding: 0px 5px 0px 0px !important;}
.festival_number_img{background: url(../img/sp3a.png) 0 -344px no-repeat; width:23px; height:20px; padding: 0px 0px 0px 0px !important;}
.festival_heart_img{background: url(../img/sp3a.png) 0 -322px no-repeat; width:21px; height:21px; padding: 0px 0px 0px 0px !important; margin-left:8px;}

.festival_number_img2{background: url(../img/sp3a.png) 0 -344px no-repeat; width:23px; height:20px; padding: 0px 0px 0px 0px !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: 33px; color: red; font-size: 0.9em; top: 13px;}
.festival_number2 {position: absolute; left: 90px; color: red; font-size: 0.9em; top: 13px;}

.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: #ed2024;}

.festival_alfabet .current_letter a {color: #ed2024;}
.festival_alfabet .current_letter { background-color: #fff;}

.prev_festival_img{background: url(../img/sp3a.png)0 -165px no-repeat; float:right; width:18px; height:16px; margin-top:0px; padding: 0 !important; position: static !important;}
.prev_festival {outline: 1px solid #fff; border-radius: 1px; background: #ed2024; margin-right:0; height:18px;}
.prev_festival a {width: 100%; height: 100%; top: 0; left: 0;}
.prev_festival span { padding:5px 0px 0px 60%; position:absolute;}

.next_festival_img{background: url(../img/sp3a.png)0 -182px no-repeat; float:left; width:18px; height:16px; padding: 0 !important;}
.next_festival {outline: 1px solid #fff; border-radius: 1px; background: #ed2024; 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; }

/* Jquery overrides */
.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;}


/*==== 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:#ed2024; margin: 0 1% 1% 0;}
    .festival_navigation li:hover {width: 47.8%; height: 23px; background:white; border: 1px solid #ed2024;}
    .festival_navigation li:hover a {color: #ed2024;}
    .festival_navigation .current_tab {width: 47.8%; height: 23px; background:white; border: 1px solid #ed2024;}
    .festival_navigation .current_tab a {color: #ed2024; font-weight: bold;}

    .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 2px 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: 43%; min-width: 94px;}
    .festival_rows_info .fourcol img { width: 19%;}

	.festival_flag_img{background: url(../img/sp3a.png) 0 -302px no-repeat; float:left; height:19px; padding: 0px 5px 0px 0px !important;}
	.festival_heart_img{background: url(../img/sp3a.png) 0 -322px no-repeat; float:left; height:21px; padding: 0px 0px 0px 0px !important; margin-left:30px !important;}

    .festival_number_img{background: url(../img/sp3a.png) 0 -344px no-repeat; width:23px; height:20px; padding: 0px 0px 0px 0px !important; display: inline-block !important; left:29px !important; position:absolute;}
    .festival_number_img2{background: url(../img/sp3a.png) 0 -344px no-repeat; width:23px; height:20px; padding: 0px 0px 0px 0px !important; position:absolute; left:90px;}

/*
    .festival_number {position: absolute; left: 42%; color: red !important; font-size: 0.8em; top: 30%;}
    .festival_number2 {position: absolute; left: 72%; color: red !important; font-size: 0.8em; top: 17%;}
*/
    .festival_number {position: absolute; left: 39px; color: red !important; font-size: 0.8em; top: 15px;}
    .festival_number2 {position: absolute; left: 100px; color: red !important; font-size: 0.8em; top: 15px;}

	.prev_festival {border:1px solid #fff; outline:0px;}
	.prev_festival a {width: 100%; height: 100%; top: 0; left: 0;}
	.prev_festival span { padding:3px 0px 0px 20%; position:absolute;}

	.next_festival {border:1px solid #fff; outline:0px;}
	.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_foto_img{background: url(../img/sp3a.png)0 -129px no-repeat; float:right; width:19px; height:11px; margin-top:2px; padding:0 !important;}
.prev_img {padding: 2px 0; outline: 1px solid #f3f3f3; background: #e1e1e1; margin-right: 0.52%;}
.prev_img a {width: 100%; height: 100%; top: 0; left: 0;}

.next_foto_img{background: url(../img/sp3a.png)0 -141px no-repeat; float:left; width:19px; height:11px; margin-top:2px; padding:0 !important;}
.next_img {padding: 2px 0; outline: 1px solid #f3f3f3;  background: #e1e1e1;}
.next_img a {width: 100%; height: 100%; top: 0; left: 0;}
.middle_grey {margin-right: 0.52%; background-color: #e1e1e1; padding: 3.5px 0px; text-align: center; outline: 1px solid #f3f3f3; margin-bottom:4px;}

@media handheld, only screen and (max-width: 580px) {
	.prev_img {margin-bottom:2px; padding: 10px 0;}
	.middle_grey {margin-bottom:4px; margin-top: 4px; padding:4px; font-size:1.2em;}
	.next_img {margin-bottom:2px; padding: 10px 0;}
	
	.prev_foto_img{float:left; width:19px; margin-left: 7px; margin-top:8px;}
	.extra_prev_foto_img{margin-top:-4px !important;}
	.next_foto_img{float:right; width:19px; margin-right: 7px; margin-top:8px;}
	.extra_next_foto_img{margin-top:-4px !important;}
}

.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:10px !important; min-height:20px;}
.votes_div {height:auto !important;}
.vote_cta {margin-left:6px;}

@media handheld, only screen and (max-width: 580px) {
	.votes_div {font-size:1.1em;}
	.vote_cta {font-size:1.1em;}
}

.report_foto a {color: red;}
.right-space {margin-right: 5px;}
.report_link {background: url(../img/sp3a.png) 0 -2326px no-repeat; width:15px; height:15px; 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;}

@media handheld, only screen and (max-width: 580px) {
	.extra_img_info .inf_1 {left: 20%; top: -32%; font-size:1.2em;}
	.extra_img_info .inf_2 {left: 20%; top: 0%; font-size:1.2em;}
}

.extra_img_info_muziek{background: #e1e1e1;}
.extra_img_info_muziek2{background: url(../img/sp3a.png)0 -2097px no-repeat; float:left; width:44px; height:23px; margin-top:8px; margin-left:15px; padding: 0 !important;}
.extra_img_info_foto{background: #e1e1e1;}
.extra_img_info_foto2{background: url(../img/sp3a.png) 0 -2125px no-repeat; float:left; width:49px; height:18px; margin-top:10px; margin-left:12px; padding: 0 !important;}
.extra_img_info_verslag{background: #e1e1e1;}
.extra_img_info_verslag2{background: url(../img/sp3a.png)0 -2011px no-repeat; float:left; width:48px; height:24px; margin-top:7px; margin-left:13px; padding: 0 !important;}
.extra_img_info_festival{background: #e1e1e1;}
.extra_img_info_festival2{background: url(../img/sp3a.png)0 -2176px no-repeat; float:left; width:48px; height:24px; margin-top:7px; margin-left:13px; padding: 0 !important;}
.extra_img_info_website{background: #e1e1e1;}
.extra_img_info_website2{background: url(../img/sp3a.png)0 -2040px no-repeat; float:left; width:47px; height:24px; margin-top:7px; margin-left:13px; padding: 0 !important;}
.extra_img_info_yt{background: #e1e1e1;}
.extra_img_info_yt2{background: url(../img/sp3a.png)0 -1987px no-repeat; float:left; width: 74px; height: 19px; margin-top: 10px; margin-left: 12px; padding: 0 !important; top: 0px !important; left: 0px !important;}
.extra_img_info_flickr{background: #e1e1e1;}
.extra_img_info_flickr2{background: url(../img/sp3a.png)0 -2147px no-repeat; float:left; width:48px; height:24px; margin-top:7px; margin-left:13px; padding: 0 !important;}
.extra_img_info_person{background: #e1e1e1;}
.extra_img_info_person2{background: url(../img/sp3a.png)0 -2069px no-repeat; float: left; width: 48px; height: 24px; margin-top: 7px; margin-left: 13px; padding: 0 !important;}
.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; box-sizing: border-box;}
.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; }


@media handheld, only screen and (max-width: 580px) {
	.tbl_submit .sevencol {width: 54.75%; padding-bottom:10px;}

	.tbl_submit .twelvecol { width:95%;}
	.tbl_submit select { padding-top:0px !important;}

	.tbl_submit .threecol { width:25%;  padding-top:8px;}
	.tbl_submit .ninecol { width:70%;  padding-top:8px;}
}


.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/sp2.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/sp2.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/sp2.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);
    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/sp2.png) -15px -2875px no-repeat;}
.informatie_current a {color: #ed2024;}
.informatie_current {background: url(../img/sp2.png) -15px -2900px no-repeat !important;}

.informatie_pages ul li:hover a {color: #ed2024 !important;}
.informatie_pages ul li:hover {background: url(../img/sp2.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/sp3a.png) 0 -329px repeat-x; width:1px; height:31px; 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; margin-bottom:6px;}
.links-category a {margin-bottom:6px;}

/* 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;}
}
/*==================================
          Blokkenschema
====================================*/

.current_date {background-color: grey !important;}

.print_scheme img {background: white; padding: 0 2px; float: left;}
.print_scheme {background-color: #ed2024; float: right; padding: 0 15px 0 0; font-weight: bold; font-size: 1.2em; min-width:210px;}
.print_scheme span {padding: 13px 5px 0px; float: right; color: white;}
.print_border { border-left: 2px solid white;position: absolute; z-index: 999; left: 18%; top:0; width: 2px; height: 45px;}

.block_menu_top {background-color: #6d6d6d; height: 40px; position: relative; padding-top:10px;}
.block_menu_top2 {background-color: #6d6d6d;}
.block_menu_top ul { margin-right: 5%; margin-top: 20px; /* 92 */}
/*.block_menu_top ul li {display: inline-block; text-align: center; padding: 5px 0; width: 15.5%; background-color: red; color: white;}*/
.block_menu_top ul li {display: inline-block; text-align: center; padding: 5px 0; background-color: #ed2024; color: white; border-left:1px solid #fff; vertical-align:bottom; height:20px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

.block_first_item {width: 3% !important;}
.block_last_item {width: 3.1% !important; margin-right: 0; padding-right: 0; background: url('../img/block_next.jpg') no-repeat center;}

.block_time { float: left !important;}
.block_time div {border-bottom: 1px solid red; height: 59px; background-color: #e1e1e1;}
.block_time div p {color: red; font-size: 1.1em; text-align: right; font-weight: bold; padding-top:3px; width: 98%;}

.blokken_pijl_img{background: url(../img/sp3a.png) 0 -1840px no-repeat; width:30px; height:20px;}
.block_bg {background: url(../img/block_bg60.png);float:left !important;}

/*.block_tab {width: 15.9%; border-right: 1px solid #8f8f8f;}*/
.block_tab {border-right: 1px solid #8f8f8f; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.block_tab_empty {width:100%; }

/*
.block_tab_filled {width:100%; }
.block_tab_filled1 {width:100%; background-color:#494949; margin-top:1px; opacity:0.9;}
.block_tab_filled2 {width:100%; background-color:#6d6d6d; margin-top:1px; opacity:0.9;}
*/

.block_tab_filled {width:100%; background: url('../img/block_see_green.png') no-repeat bottom right; opacity:0.9;}
.block_tab_filled1 {width:100%; background: url('../img/block_see_green.png') no-repeat bottom right; background-color:#494949; opacity:0.9;}
.block_tab_filled2 {width:100%; background: url('../img/block_see_green.png') no-repeat bottom right; background-color:#6d6d6d; opacity:0.9;}

.block_tab_filled_red {border-right: 1px solid #8f8f8f;width:100%; background: url('../img/block_see_red.png') no-repeat bottom right; }
.block_tab_next {background: url('../img/block_next_full.jpg'); width: 3.5%;}

.block_tabs {width:100%; padding-right:40px;}
.block_tabs p {text-align: center; padding: 3px; color: white; font-weight: bold; }
.block_tabs p a {color: white; font-weight: bold; }

.wanna_go{background:url("../img/sp2.png") no-repeat scroll -2px -2967px;}
.wanna_go span {border-left: 1px solid white;padding: 8px 0 8px 7%;margin-left: 6%;}
.going{background:url("../img/sp2.png") no-repeat scroll -2px -3032px;}
.going span {border-left: 1px solid white;padding: 8px 0 8px 7%;margin-left: 6%;}
.favo{background:url("../img/sp2.png") no-repeat scroll -2px -2999px;}
.favo span {border-left: 1px solid white;padding: 8px 0 8px 7%;margin-left: 6%;}

.reset_scheme img {background: white; float: left;}
.reset_scheme {background-color: #ed2024; float: right; padding: 0 15px 0 0; font-weight: bold; font-size: 1.2em; margin-top: 4px; min-width:190px;}
.reset_scheme span {padding: 5px 5px 0px; float: right; color: white;}

.prev_day {width:32.2% !important; margin-right:0.5%;}
.cur_day {width:32.2% !important; margin-right:0.5%;}
.next_day {width:32.2% !important; margin-right:0.5%;}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
.prev_day {width:100% !important; margin-right:0;}
.cur_day {width:100% !important; margin-right:0%;}
.next_day {width:100% !important; margin-right:0%;}

#blokken_pijl {display:none;}
}

/* ===========================
           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%;}           

/* ===========================
			SPOTIFY PAGINA'S
=============================*/
.play_button {background:url('../img/spotify_play_button.png') no-repeat; height:91px;}
.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;}

.info_icon {background:#e1e1e1; height:61px;}
.info_icon_img{background:url(../img/sp3a.png) 0 -1920px no-repeat; width: 69px; height: 62px; float: left; position: absolute;}
.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:1.3em;}
}

.tracks_spaced { font-size:1.2em; line-height:140%;}

/* ===========================
           FAQ
=============================*/

.faq_title .news-scroll {background: black;}
.faq_title h1 {font-weight: normal; text-transform: uppercase; float: left; line-height: 2em; width: 80%;}

.faq_panel a {color: grey; font-size: 1.2em;}
.faq_panel ul li {border-bottom: 1px solid grey; padding: 8px 8px 8px 13px;}
.faq_current a {color: red;}
.faq_current {border-bottom: 1px solid black !important;}

.faq_panel ul li a {padding-left: 15px; cursor: pointer;}
.faq_a {color: black; padding-left: 10px;margin-left: 30px; margin-top: 10px; border-left: 1px solid #d8d8d8; font-size: 1.2em;}

.faq_a a {padding:0 !important; font-size: 1em !important; color:#ed2024 !important;}

.faq_panel ul li a:hover {color: black;}
.faq_panel ul li:hover {border-bottom: 1px solid black;}

.faq_sub a {color: black;}
.faq_sub a:hover {color: grey !important;}



/* Als de vraag actief is de class veranderen met javascript */
.v_unselect {color:grey; background: url('../img/faq_noclick.jpg') no-repeat left;}
.v_selected {color:red !important; background: url('../img/faq_selected.jpg') no-repeat left;}

/* Als de subvraag actief word class veranderen met javascript */
.sub_unselect{color: black; background: none; font-weight: bold;}
.sub_selected{color: black; background: none; font-weight: bold;margin-left: 15px; padding-left:15px !important; background: url('../img/faq_clicked.jpg') no-repeat left;}

/*=========================
         ZOEK
==========================*/
.search_filter {background-color: #ed2024; 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 no-repeat; float: left;  color: #6d6d6d; font-size:1.2em; line-height:1.2em;}
.searcht_btn_img{background: url(../img/sp3a.png) 0 -2343px no-repeat; width: 5px; height: 10px; float: right;}

.search2{ float:left; margin-top:15px; width:98%; height:27px;}
.search2 input{ float:left; text-transform:uppercase; color:#ed2024; font-size:1.1em; background: url(../img/sp1.png) 100% -489px no-repeat; padding: 5px 5% 5px 5%; width: 82%;}

.zoek_div {width:100%; margin:0px 0px 8px 0px; font-size: 1.2em; padding:4px 6px 8px 6px; border-bottom: 1px solid #ccc; margin-right:6%; box-sizing:border-box;}
.zoek_date {float:left; width:20%; margin:0px 6px 4px 0px; padding:4px; box-sizing:border-box; font-size: 1.2em; line-height: 1.3em;}
.zoek_desc {float:left; width:70%; margin:0px 0px 4px 0px; padding:4px; font-size: 1.2em; line-height: 1.3em;}
.zoek_item {float:left; width:100%; border-bottom: 1px solid #ccc; margin-right:6%; box-sizing:border-box;}

/*=========================
         LOGIN
==========================*/
.login_filter {background-color: #ed2024; 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:#ed2024; font-size:1.1em;  padding:6px 5px 6px 5px; width:71%;}
.log_in_button {width:100px !important; background-color:#fff;}

/*==================================================
   TICKET PAGS
 =================================================*/
.arw_ticket {position:relative; top:-15px; width:14%; height:14px; margin-bottom:-16px;}
.arw_ticket_img{background: url(../img/sp3a.png) -44px -50px no-repeat; width:24px; height:14px; margin: auto;}
.arw_right_img{background: url(../img/sp2.png) -3px -3545px no-repeat;  height:18px; margin: auto; float:right; width:4%; margin-top:-2px;}
.arw_ticket_reminder {background: url(../img/sp2.png) -22px -3545px no-repeat; height:13px; margin: auto; float:right; width:3%; margin-top:-2px;}

.presale_not_started {color:#999; padding-bottom: 0 !important; padding-top: 2.6% !important; max-height: 47px;}

.choose_ticket {background-color:#cbcbcb; height:10px; padding:3% 0px 2% 2%; font-size:1.1em; font-weight:bold;}
.ticket_item1 {background-color:#e1e1e1;  padding:4% 0px 2% 2%; font-size:1.1em; text-transform: uppercase;}
.ticket_item2 {background-color:#cbcbcb; padding:4% 0px 2% 2%; font-size:1.1em; text-transform: uppercase;}

.ticket_td1 {float:left; width:16%;}
.ticket_td2 {margin-left:2%; float:left;width:65%; font-weight:bold;}
.ticket_td3 {margin-left:2%; float:left; width:18%; text-align:right;}

.ticket_reminders {float:right; height:59px; width:6%; margin-top:-11px;}

.ticket_ical {float:right; background: url(../img/sp3a.png) -29px -77px no-repeat; width:29px; height:29px;}
.ticket_reminder {float:right; background: url(../img/sp3a.png) -29px -120px no-repeat; width:29px; height:29px;}
.start_presale {width:90%; float:left; margin-top:12px; margin-left:2%; text-transform:none;}

.ticket_heading{line-height: 1.4em; font-size: 1.1em;  font-weight: bold; text-transform:uppercase; float:left; width:95%;}

.ticket_reminder_text {background-color: #ed2024; color:#fff; float:right; margin-top:-3px; padding:5px 10px 5px 10px; text-transform:none; width:63%;}
.presale_not_available_text {color: #999;}

.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;}
.grey_color_date {color:#707070;}
.date_cont {margin:0 !important; height:100% !important; padding:3px 0 3px 0 !important; width:12% !important; text-align:center; border-right:1px solid #fff; position:relative !important; background-color:#d8d8d8 !important;}

.clock_counter {width:100%; min-height:98px; margin:3px 0 10px 0; background-color:#ed2024; overflow:hidden;  background-image: url(../img/ticket-reminder-clock.png); background-repeat:no-repeat; background-position: center; }
.clock_counter_1 {width:35%; float:left; color:#fff; padding:20px 0 8px 12px;}
.clock_counter_2 {width:36%; margin-left:24%; float:left; color:#fff; padding:20px 0 8px 0px;}
.reminder_form {background-color:#CCC; margin-left:1%; padding:10px 2% 0 2%; min-width:49.4%; box-sizing: border-box; margin-bottom:70px;}
.reminder_error{padding-top:1%; padding-bottom:1%; background-color:#ddd;}
.reminder_email{width:85% !important; background-color: white; padding: 5px 5%;}
.reminder_option{margin-bottom:8px; clear:both;}
.reminder_field{float:left; width:85%;}
.reminder_newsletter {margin-top:12px; margin-bottom:15px; clear:both;}
.reminder_submit {width:70% !important; margin-bottom:15px; height: 30px; padding: 1.4% 11%;}

.arrow_left_img	{background: url(../img/sp2.png) -3px -2881px no-repeat; float: left; width: 8px; height: 15px; margin-right: 8px;}

.ticket_counter_block {width:100%; color:#fff; height:67px; background-color:#ed2024; overflow:hidden; padding:10px 10px 14px 90px; box-sizing: border-box; background-image: url(../img/sp5.png); background-position: 0% 82.565% !important; background-size: 54%; background-repeat:no-repeat; background-position: left;}
.ticket_counter_text {width:100%; box-sizing: border-box; margin-top:2px; font-size:1.18em;}

@media handheld, only screen and (max-width: 580px) {
	.ticket_counter_block {background-size: 37%;}
}


/*==================================================
   CHECKBOXES ticket_reminder
 =================================================*/


.checkbox-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #fff;
    display: block;
	float:left;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 3px 3px 0px 3px;
    margin-right: 10px;
    text-align: center;
	border:1px solid #ed2024;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
	content: "\e800";
    font-family: 'fontello';
    color: #ed2024;
	font-size: 1.6em;
}


/*==================================================
   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;}
.arw_twitter_img{background: url(../img/sp3a.png)0 -56px no-repeat; width:13px; height:20px;}

/*==== I Phone ====*/
@media handheld, only screen and (max-width: 580px) {
.arw_twitter {display:none;}
}


/*=========================
         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 #ed2024; padding: 10px; font-size: 1.3em; font-weight: bold;}
.register_sub_title span {color: #ed2024;  display: inline-block;}
.tbl_submit .input_txt2 {border: 1px solid #ed2024; 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;}
.login_arw_img{background: url(../img/sp3a.png)0 -2353px no-repeat; width: 5px; height: 11px; float: left; margin-right: 3px;}

.login_back {height:40px; vertical-align:middle; background: #e1e1e1 10px 15px no-repeat;}
.login_arw_back{background: url(../img/sp3a.png) 0 -199px no-repeat; float: left; width: 13px; height: 13px; margin: 15px 0 0 10px !important; position: absolute;}
.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; }


/*=============================
  Persoonlijke Blokken Schema
===============================*/
.ttRed1 {background: #DF0101 url('../img/block_see_red.png') no-repeat bottom right; opacity:0.8;}
.ttRed2 {background: #FF0000 url('../img/block_see_red.png') no-repeat bottom right; opacity:0.8;}

#share_scheme {display:none; }
#share_scheme:hover {cursor: pointer;}

#share_scheme {background-color: #ed2024; float: right; padding: 0 15px 0 0; font-weight: bold; font-size: 1.2em;}
#share_scheme span {padding: 5px 0px 5px 5px; float: right; color: #FFFFFF; text-align: center;}

#reset_scheme {display:none;}
#ttFacebookShare {display: none;}
#ttTwitterShare {display: none;}
#ttGoogleShare {display: none;}
#reset_scheme:hover {cursor: pointer;}

#sharetimetable {display: none;}
.shareContainer {font-size: 12px; border: 1px solid #ED2024; height: 53px; margin: 2px;}
.shareTitle {font-weight: bold; background-color: #ED2024; color: #FFFFFF;}
#ttTwitterShare {float: right; margin-left: 5px; margin-right: 5px;}
#ttFacebookShare {float: right; margin-left: 5px; margin-right: 5px;}
#ttGoogleShare {float: right; margin-left: 5px; margin-right: 5px;}
#ttCode {margin: 3px;}
#ttCodeContainer {display: none;}

.ttInfoWindow {padding: 15px; background-color: #6d6d6d; border-top:1px solid #fff;}
.ttInfoWindowHead{ font-size: 12px; height: 22px; font-weight: bold;  padding-right: 30px; background-color: #ED2024;}
.ttInfoWindowHeadTitle {padding-top: 5px; padding-left: 5px; height: 22px; width: 100%; }
.ttInfoWindowContainer {color: #FFFFFF;}

.headTurnImg {height: 22px; width: 28px; background: url("../img/sp2.png") no-repeat scroll -5px -3415px; margin: 0px; padding: 0px; float: left;}
.headHartImg {height: 22px; width: 28px; background: url("../img/sp2.png") no-repeat scroll -5px -3442px; margin: 0px; padding: 0px; float: left;}
.headKruisImg {height: 22px; width: 28px; background: url("../img/sp2.png") no-repeat scroll -5px -3388px; margin: 0px; padding: 0px; float: left;}

.ttFacebookIcon {height: 32px; width: 32px; background: url("../img/sp2.png") no-repeat scroll -4px -3319px; margin: 0px; padding: 0px; float: left;}
.ttTwitterIcon {height: 32px; width: 32px; background: url("../img/sp2.png") no-repeat scroll -4px -3286px; margin: 0px; padding: 0px; float: left;}
.ttGoogleIcon {height: 32px; width: 32px; background: url("../img/sp2.png") no-repeat scroll -4px -3353px; margin: 0px; padding: 0px; float: left;}

a.clickable { cursor: pointer; text-decoration:underline;}

/* Form Validation */
.validateError {margin: 0px; padding-top: 0px; padding-bottom: 5px; color: red !important; font-size: 0.8em !important; line-height: 0.8em; display: none;}

.timePickInput {height: 1px; width: 1px; border-color: #FFFFFF; color: #FFFFFF;}
