@charset "UTF-8";
/* CSS Document */

/* RESETS */
img, object, embed, video { max-width: 100%; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }

.twtr-hd { display:none !important; }
.fb_iframe_widget { width:100% !important; /*background-color: #f60; */}
.fb_iframe_widget span { width:100% !important; /*background-color: #ff0;*/ }
.fb_iframe_widget span iframe { width:100% !important; /*background-color: #0ff;*/ }
div#externalobservations, #externalobservations h2, #externalobservations table { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
	width: 100% !important; 
	/*padding:0 !important;
	margin:0 !important;*/
	line-height: 14px !important;
} /*kmi*/

#externalobservations h2 { margin-bottom: 10px !important; }


body {
font-family: 'Titillium Web', sans-serif; color: #222; font-weight: 400;
/*background: url(/img/pattern2.gif) repeat; background-color: #402568;*/
  background-color: #001718;  background: url(../img/gr2015-m-pattern.png) repeat;
}

/* RESET */
a { text-decoration: none; }
p, h1, h3, h4 { padding: 0; margin: 0;}

/* TYPE */
hr { clear: both; float:none; border: none; height: 10px; padding: 0; margin: 0; margin-bottom: 1.5em; color: #c00; display:block; background: url(../img/hr-star.png) repeat;  }


/************************************ MODULE BASE ************************************/

/* MODULE BASE */

.mod {
	
	background-color: #f9f1d7; /*f6ebcd*/
	/*background-color: #EBE9CE;*/ /*2013*/
	display: block;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.mod {
	-moz-box-shadow: 0px 0px 5px #000; /* Firefox/Mozilla */
	-webkit-box-shadow: 0px 0px 5px #000; /*Safari/Chrome */
	box-shadow: 0px 0px 5px #000; /* Opera & hoe het zou moeten */  
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";  
  /* Voor IE 5.5 - 7 */  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');  
}

.mod-top,
.mod-bottom {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
}
.mod-top { 
	background-color: #007273;
	padding: 0.5em 2em 0.5em 1em;
	border-top: 3px solid  #56a138; /*005152*/
	border-bottom: 3px solid #bab89d;
} 
.mod-bottom { 
	padding: 1em 1em 1.5em 1em;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
} 

.mod-top h1 { color: #fff; font-size: 1.25em; text-transform:uppercase; letter-spacing: 0.15em; font-weight: 400; text-shadow:#005152 0.1em 0.1em; }
/*.mod-top h1:before { content:"\272D   "; color: #FC0; font-weight:bold; }*/
.mod-top h1:before { content:"\2623   "; color: #FC0; font-weight:normal; }
.mod-bottom h1 { 
	color: #400e11; /*2013 - 47198f */
	font-size: 1.4em; /*text-shadow:#fff 0.1em 0.1em;*/ /*border-bottom: 1px dotted #F00*/;
	margin-bottom: 0.75em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;        /* Opera/IE 8+ */
	}
.mod-bottom h2 { font-size: 1.2em; color: #e63; font-weight: bold; }
.mod-bottom h3 { font-size: 1em; color: #007273; font-weight: bold; }

.mod-bottom a { color: #007273; text-decoration: none; font-weight: bold; }
.mod-bottom a:hover { color: #e63; }


article ul {
  margin-left: 1.5em;
  padding: 0;
  list-style-type: bullet;
}

/************************************ BUTTON ************************************/

.button {
	font-family: 'Titillium Web', sans-serif;
   	font-size: 0.75em; 
	
	letter-spacing: 0.15em;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.15em 0.7em;
    border: 1px solid #005152;
    margin: 0;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0 #fff;*/
	text-transform: uppercase; 
    color: #ddd;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #007273;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);*/
    -moz-background-clip: padding; /* for Firefox 3.6 */
	border: 1px solid #005152;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;

    background-clip: padding-box;
    /* IE hacks */
    zoom: 1;
    *display: inline;
	
	margin: 1em 0em 0em 1em;
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    /*border-color: #3072b3;
    border-bottom-color: #2a65a0;*/
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #005152;
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);*/
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.button.video { clear: both; float: none; position: absolute; top: -5em; }

a.button,
a.button:visited { color: #fff; font-size: 0.85em; text-transform:uppercase; letter-spacing: 0.15em; font-weight: 400; text-shadow:#005152 0.1em 0.1em; }
a.button:hover { color: #F73; }

a.read-more { margin: 0.5em 0em 1em 0em; display:block; }

.bttn-video { position: relative; top:0; left:0; height:0; width: 0;}

/************************************ INPUT ************************************/

input{ font-family: 'Titillium Web', sans-serif; color: #222; font-weight: 400; }

input[type=text] { 
	border:0; 
	width:100%; 
	height: 2em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block; 
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	padding: 1em;
}
/* Work-around for firefox padding in form field */
@-moz-document url-prefix() { 
  input[type=text] {
     padding: 0;
  }
}

input[type=submit] {	
	color: #fff;
	font-size: 0.9em;
	letter-spacing: 0.15em;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.15em 0.7em;
    border: 1px solid #005152;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0 #fff;*/
	text-transform: uppercase; 
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #007273;
	border: 1px solid #005152;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
	
	margin: 0em 0em 0em 0em;
}

input[type=submit]:hover { color: #F73; background-color: #005152; }


/************************************ CONTENT SPECIFIC ************************************/

/* NEWS */
 
#mod-article h1, #mod-newslist h1 { margin-bottom: 0; }
.newsdate { color: #007273 ; margin-top: 0.25em; margin-bottom: 0.75em; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; text-transform: lowercase; }
.newsdate:before { content:"\2712   "; font-style: normal; }

#mod-headlines .mod-bottom, 
#mod-more-info .mod-bottom,
#mod-presales .mod-bottom { padding-left: 0; padding-right:0; padding-top:0; }
#mod-presales .mod-bottom { padding:0; }

/* PRESALES */
.presale-country h2,
.presale-city,
.presale-info {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block; 
	text-align: left;
	}
.presale-country h2 { 
	background: #bab89d;
	margin:0; 
	padding: 0.5em;
	color: #400e11;
	}
.presale-city { cursor: pointer; /*margin-top: 0.25em;*/ padding: 0.5em; border-bottom: 1px solid #bab89d; /*color: #007273;*/ } 
.presale-info { /*display:none;*/ 
	margin: 0.25em 0em 0.1em 0em;
	padding: 0.75em;
	background-color: #f9f7da;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	}
	

#top3-submit { margin-top: 1em; }	
	
/* LINE-UP */
.lineup-name.tbc{ font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.15em;}

.lineup-day { text-align: center; }

.lineup-date,
.lineup-stage {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block;
}
	
.lineup-date h1 { 
	background-color: #666;
	color: #fff; 
	font-size: 1.25em; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 400;
	text-shadow: #222 -0.05em -0.05em;
	padding: 0.2em;
	}
	
.lineup-stage h1 { 
	background-color: #007273;
	color: #fff; 
	font-size: 1em; text-transform: uppercase; letter-spacing: 0.25em; font-weight: 400;
	border-bottom: 0.15em solid #56a138; 
	text-shadow: #005152 -0.1em -0.1em;
	}

.lineup-info {
	background: #ebe9ce;
	border-bottom: 1px solid #bab89d;
	color: #66653F;
	}
.lineup-info:hover {
	background: #Ffd;
	}	
	
.lineup-name {
	font-size: 1.15em;
	color: #400e11;
	font-weight: 400;
	display:block;
	}

.lineup-img { display:none; }
.lineup-time { font-size: 0.9em; display:block; color: #007273;}


/* BANDS */
.band-img { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block;
	border: 0.5em solid #fff;
	width: 100%; 
}


.band-img img { width: 100%; }

.video-container {
	position: relative;
	width: 100%; 
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* EVENTS */
.event-img, 
.event-block,
.contest-img, 
.contest-block {
	webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
	
}
.event-img,
.contest-img {
	float:left;
	width: 30%;
	margin-right: 2%;
	height: 7em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.event-block.line-indent,
.contest-block.line-indent {
	float:left;
	width:68%;
	border-left: 1px solid #F60;
	padding-left: 1em;
	margin-bottom: 1em;
}

#mod-sponsors { display:none;}

.inl-img {
	webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: inline-block;
	width: 40%;
	max-width: 12em;
	border: 4px solid #fff;
	background: #ccc;
	float:left; 
	margin: 0.5em 1em 1em 0em;
	
}
	
.css3-column-test {
	background: #ff0;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
    column-gap: 1em;
}

/* PARTNERS - for mobile */

#mod-partners .mod-bottom p { text-align: center; }

/************************************ ICONS ************************************/

.icon { width:16px; height:16px; background-image: url(/img/icon-sprite2015.png); display:inline-block; margin-right: 0.25em; position: relative; top: 2px;}
.www {}
.fb { background-position: 0px -16px}
.twitter { background-position: 0px -32px}
.lastfm { background-position: 0px -48px}
.myspace { background-position: 0px -64px}
.fbevent { background-position: 0px -80px}
.netlog { background-position: 0px -80px}
.apple { background-position: 0px -96px}
.youtube { background-position: 0px -112px}
.rss { background-position: 0px -128px}
.spotify { background-position: 0px -144px}
.stage-arrow { background-position: 0px -160px}
.stage-arrow.up { background-position: 0px -176px}
.instagram { background-position: 0px -192px}
.finest { background-image: url(/img/finestvinyl.png); }
.flickr { background-position: 0px -208px}
.deezer { background-position: 0px -256px}
.bit1 { background-position: 0px -224px}
.bit2 { background-position: 0px -240px}

/*********************************** APPS **************************************/
.app { -moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	height: 100%;
	float:left; 
	vertical-align: text-bottom;
	}

/* PROMO BOXES */
.promo,
.app {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
}

.promo {
	margin-top: 1em; 
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
}

.app.mobile-app { text-align: center; background-color: #56a138; color: #fff; }
	
.app.mobile-app span{ background: #56a138 url(../img/app-header-2015.jpg) no-repeat center center; display:block; background-size:contain; height: 150px;}	
.app.heezle span{ background: #93bd0d url(../img/app-heezle.jpg) no-repeat center center; display:block; background-size:contain; height: 100%; width: 100%}	
.app.itunes span{ background: #1b3520 url(../img/promo-cd.jpg) no-repeat center center; display:block; background-size:contain; height: 100%; width: 100%}
.app.record span{ background: #cdd0cc url(../img/promo-record-vol1.png) no-repeat center center; display:block; background-size:contain; height: 100%; width: 100%}	
.app.mobile-app { background: #56a138; }

.app a, .app a:visited { color: #fff; }	
.app a:hover, .app a:active { color: #FF9; }	


.tweet a, .tweet a:visited { color: #C30; }
.by a, .by a:visited { color: #000; }
.tweet { width: 100%; /*background-color: #0CC;*/ }
.promo-tweet { width: 100%;}


/*********************************************** NAVIGATION - strict stylesheet ********************************************************/

/* ALL */

#banner-m { background-color: #001718;}

/* ARROWS */
	#nav-top li,
	.subnav li {
	background: #001718 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPCAYAAAAPr1RWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0Q0MzNDU1OTJEMjA2ODExODIyQThGNzBGN0MxNjFDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDRTJEQjYyRTk1NDMxMUUyQjNDNEU4Nzk1MTgwRjM2MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDRTJEQjYyRDk1NDMxMUUyQjNDNEU4Nzk1MTgwRjM2MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEZDMzQ1NTkyRDIwNjgxMTgyMkE4RjcwRjdDMTYxQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NENDMzQ1NTkyRDIwNjgxMTgyMkE4RjcwRjdDMTYxQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6z0hlTAAAB2klEQVR42mL4//8/AwjPmDGDAQRqamoSpk+fnicvL8+ADRw9epQBpocQZoJpYmRkZLC3tzcXEhKq+fr1a35UVJQtJycnAyUAbrilpaWOq6vr+j9//ij/+/dPSUJCYkVFRYU5Ly8v5YYDwVcgvgfj/Pz5U0pAQGB1YWGhOQ8PD2WGHz9+/P7+/fuDgQadhIn9+PFDVlhYeHFRUZE+GxsbPPjIcTnD3r17Xx48eDCMm5v7LChCQAYBfaAKtGBFeXm5FisrK8hC0g1nYoIwV65c+QjoixBgZF5E8oGGiIjIytTUVE0xMTHyXA4DS5YseXD58mVfDg6Oh7CgAFqgIycntwJoiSRFhoO8z8/Pr/n371+UtAi05AbII2QbzsLCwgBMIS4gV/769QseBsCIXnfy5MnUR48evSfZcGDEgcMdaLCjrKzsyu/fvwvCUgbQ4E3nzp2LX7du3SegOOlhLioqyhATE2MBdPFyoAFCIINBKYaLi2sH0ODEuXPnfoH5jFgAV6mvr29079699d++fRNHcvGBixcvJs6bN+8dRZnow4cPz4Ep4i7IZSAXA9P68UuXLoXNmTPnBbA4oCyHnj59+jkwCYYCU8huYG7cD+SHz5o16zW5BoMAQIABALx34adn1/w5AAAAAElFTkSuQmCC) no-repeat right center; 
	}

	nav a { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block;
	width: 100%;
	}

	#nav-top li { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: block;
	}

	#nav-top li,
	.headline, 
	#nav-info li, 
	.subnav li { 
	clear:both; float:none; margin:0;
	padding: 0.4em 1.75em 0.4em 1em; /*   top right bottom    left*/
	text-align: left;
	border-bottom: 1px solid #666;
	}
	
	#nav-top { display: none; } /* for triggered nav */
	#nav-top li a { color: #56a138; font-weight: 400; font-size: 1em; letter-spacing: 0.15em; text-transform: uppercase; }
	#nav-top li a:hover { color: #fff;}
	#nav-top li:hover { background-color: #56a138;}
	
	/* SUBNAV */
	.subnav li {
		background-color: transparent;
		border-bottom: 1px solid #bab89d;
		color: #400e11;
	}
	
	.subnav li a { color: #400e11; font-weight: 600; font-size: 1em; }
	.subnav li a:hover { color: #007273;}
	.subnav li:hover { background-color: #Ffd;}
	
	.subnav .date { color: #007273 ; margin: 0em; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; font-weight: normal; text-transform: lowercase; }
	.subnav .date:before	{ content:"\2712   "; font-style: normal;}

/************************************ MEDIA QUERIES ************************************/

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
#nav, .content, #footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/************************************ FOOTER ************************************/

#footer { text-align:center; margin-bottom: 10px; }
#nav-bottom { display:inline-block; margin:auto; }
#footer li, #footer li:hover { float: left; margin: 1em ; background-color:transparent; display:block; clear:none; padding: 0; border:0; }
#footer a,
#footer a:visited { color: #f60; }
#footer a:hover,
#footer a:active { color: #fff; }

#footer .credits { display:block; clear: both; color: #CCC; font-size: 0.85em;}


#mod-top3 { margin-bottom: 1em;}


@media only screen and (max-width: 480px) {
	
	.info .app { width: 49% !important; margin-right: 2%; height: 180px; }
	.info .app.heezle,.app.kmi { margin-right: 0; }
	.info .app.mobile-app,.app.kmi { margin-top: 1em; /*margin-bottom: 1em;*/ }
	.news .promo-tweet { margin-bottom: 2em; }
	.news .mobile-app { margin-top: 1em; width:100%; }
	
	#mod-tweet { clear:both; float: left; width: 100%; }
	
	.desk-c02 { float: left; width: 100%; clear:both; }
	.desk-c01.alt { float: left; width: 100%; clear:both; }
	
	#mod-pix { display:none; }

	
/* NAVIGATION */		
	#nav-top .nav-media,
	#nav-top .nav-forum,
	#nav-bottom .nav-media,
	#nav-bottom .nav-forum { display:none; }
	
	
/* end navigation */

	#mod-headlines, 
	#mod-more-info, 
	#mod-trouble, 
	#mod-pricing, 
	#mod-camping, 
	#mod-presales, 
	#mod-newsletter,
	#mod-members,
	#mod-band-social,
	#mod-gr-social,
	#mod-twitter,
	#mod-twitterfeed,
	#mod-media-video { margin-top: 1em; }
	
	/* TICKETS ORDER */
	#order-m {}
	#order-d { display:none; }
	
	div.flag-found { display:none; }
	
	
	#footer { text-align:center;}
	

}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	/* This query only for navigation  */
	#nav-top li { background-image: none; width: 50%; clear:none; float:left; width: 50%; }
	#nav-top .nav-lineup,
	#nav-top .nav-info,
	#nav-top .nav-store,
	#nav-top .nav-partners { border-left: 2px dotted #666; }
		
	#nav-top .nav-media, 
	#nav-top .nav-forum,
	#nav-bottom .nav-media, 
	#nav-bottom .nav-forum  { display:none; }
	
	#mod-pix { display:none; }
	
	.desk-c01.alt { float: left; width: 100%; clear:both; }
	
	}


@media only screen and (min-width: 481px) {	

	.news .promo { margin-top: 1em; clear:both; float: left; /*background-color: #3C6;*/ display:block; overflow: hidden}
	.news .promo-tweet { margin-bottom: 2em; display:block; clear:both; float: left; }

	#mod-tweet { float: left; width: 70%; margin-right: 2%;  }
	.desk-c02 { float: left; width: 100%; clear:both; }
	
	.news .mobile-app { width: 28%; /*height: 300px !important; background-color:#0C6;*/ }
	.news .mobile-app span{ height: 120px; }
	.news .app-button { height: 100%; }
	
.info .app { width: 23.5% !important; margin-right: 2%; height: 180px !important; }
.info .app.kmi { margin-right: 0; }

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

body { font-size: 0.85em;}
/*.lineup-day { width: 100%; float:left;}*/
.lineup-day { width: 49%; float:left;}
.lineup-day.first{ margin-right: 2%;}

#mod-headlines, 
#mod-more-info, 
#mod-trouble, 
#mod-pricing, 
#mod-camping, 
#mod-presales, 
#mod-newsletter,
#mod-members,
#mod-band-social,
#mod-gr-social,
#mod-twitter,
#mod-media-video { margin-top: 1em; }

#mod-members {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#mod-band-social {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}


#mod-twitter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#order-m {}
#order-d { display:none; }

div.flag-found { display:none; }

}

@media only screen and (min-width: 769px) {
	
	
	#mod-pix-alt { display:none; }
	
	.promo { float: left; }
	
	.gridContainer {
		width: 88.2%;
		max-width: 980px;
		padding-left: 0.9%;
		padding-right: 0.9%;
		margin: auto;
	}
	
	
	
	/* NAVIGATION */ 
	
	#banner-m { display:none; }
	
	#nav-top li { background: none;  }
	

	
	#nav-top { display:block; width: 100%; text-align:center; margin-bottom: 10px; /*background-color: #c00;*/}
	#nav-top nav { display:inline-block; margin:auto; margin-top: 10px; margin-bottom: 10px; }
	#nav-top li, #nav-top li:hover { float: left; margin: 0px; background-color:transparent; display:block; clear:none; padding: 0; border:0; }
	#nav-top li a { height: auto; display:block; background-repeat:no-repeat; background-position:center; border:0; }
	/*#nav-top li a, #nav-top li a:hover { color: transparent; background-color: transparent; }*/
	
	#nav-top li a, #nav-top li a:hover { background-color: transparent; }
	#nav-top li a { 
	font-family: 'Medula One', cursive; font-size: 2.5em; color: #FFF;
	background: none; 
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: inline-block;
	float:left; 
	margin-right: 0.5em;
	text-shadow: 3px 2px 3px #333333;
	/*border: 1px solid #000;
	background-color:#333;*/
	}
	
	#nav-top p:hover { color: #d3c946; }
	
	/*#nav-top .nav-news a { background-image:url(../img/nav/news.png); width: 80px; }
	#nav-top .nav-news a:hover { background-image:url(../img/nav/news-over.png); }
	
	#nav-top .nav-lineup a { background-image:url(../img/nav/lineup.png); width: 93px; }
	#nav-top .nav-lineup a:hover { background-image:url(../img/nav/lineup-over.png); }
	
	#nav-top .nav-events a { background-image:url(../img/nav/events.png); width: 100px; }
	#nav-top .nav-events a:hover { background-image:url(../img/nav/events-over.png); }
	
	#nav-top .nav-info a { background-image:url(../img/nav/info.png); width: 66px;  }
	#nav-top .nav-info a:hover { background-image:url(../img/nav/info-over.png); }
	
	#nav-top .nav-tickets a { background-image:url(../img/nav/tickets.png); width: 108px; }
	#nav-top .nav-tickets a:hover { background-image:url(../img/nav/tickets-over.png); }
	
	#nav-top .nav-contests a { background-image:url(../img/nav/win.png); width: 60px; }
	#nav-top .nav-contests a:hover { background-image:url(../img/nav/win-over.png); }
	
	#nav-top .nav-store a { background-image:url(../img/nav/store.png); width: 89px; }
	#nav-top .nav-store a:hover { background-image:url(../img/nav/store-over2.png); }
	
	#nav-top .nav-forum a { background-image:url(../img/nav/forum.png); width: 95px; }
	#nav-top .nav-forum a:hover { background-image:url(../img/nav/forum-over.png); }
	
	#nav-top .nav-media a { background-image:url(../img/nav/media.png); width: 85px; }
	#nav-top .nav-media a:hover { background-image:url(../img/nav/media-over.png); }*/
	
	#footer a, #footer a:visited { color: #666; }
	#footer a:hover, #footer a:active { color: #d30; }
	
	#nav-top .nav-partners { display:none; width: 0px;  }
	
	#footer .credits { color: #666;}
	
	#footer { border-top: 2px dotted #007273; margin-top: 1em;}
	
	/* hidden items */
	/*#nav-top .nav-media {display:none;}*/
	
	
	
/* LINEUP */

div.flag-found { 
	display:block; 
	height: 92px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: contain;
	}
h1.flag-found { display:none; }

.lineup-info { border: 0;}

.lineup-img,
.lineup-band,
.lineup-day,
.lineup-stage,
.lineup-name,
.lineup-block {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
}

.lineup-band {
	border-left: 1px solid #007273;
	border-right: 1px solid #007273;
	width: 33.333333%; float:left; 
}
	
.lineup-img { 
	background: #333;
	display:block;
	height: 90px;
	background-size:cover;
	background-repeat:no-repeat;
}

.lineup-stage { float:none; clear:both; }
.lineup-block { margin-bottom: 2em;}
.lineup-name { height: 1.5em; overflow: hidden; font-size: 0.85em; line-height:1.5em; font-weight: 400; background: #111; color: #fc0;}
.lineup-time { display: none; }

/* END LINEUP */


/* desktop columns */

.desk-c01 { 
	clear: both;
	float: left;
	margin-left: 0;
	width: 69.3877%;
	display: block;
	/*background-color: #FF0;*/
} 

.desk-c02 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 28.5714%;
	display: block;
	/*background-color: #6F3;*/
}

.mod {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	/*width: 69.3877%;*/
	display: block;
}

#mod-members,
#mod-band-social { width: 100%; margin-left: 0;}

#mod-sponsors { 
	display:block; 
	margin-top: 1em; }

.news #mod-headlines,
.newslist #mod-newsletter,
.info #mod-more-info,
.tickets #mod-trouble,
.events #mod-sponsors,
.contests #mod-sponsors,
#mod-members,
#mod-media-video { margin-top:0; }


.sponsor-img { 
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
/*display: none; */
width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center;}
	
.subnav li { background-image: none;}

#order-m { display:none; }
#order-d { display:block; }

/*body { background: #171717 url(http://www.groezrock.be/img/gr2014-header.png) top center no-repeat; }*/
body {
background: #001718;
/*background-image: url(/img/gr2015-header.jpg), url(/img/bg.jpg);
background-repeat: no-repeat, repeat-y;
background-position: top center, top center;*/
background-image: url(/img/gr2015-header.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.gridContainer { margin-top: 232px;}

/* TEMP MOD MEDIA *****/
#mod-pix { padding-bottom: 1em; }

#gallery-folders,
.gallery-folder,
#gallery,
.gallery-box {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	display: box;
}

#gallery-folders { margin-bottom: 1em; text-align: center; }
#gallery-folders, #gallery { float:none; clear: both; }
.gallery-folder { float:left; margin-right: 2%;  } 
.gallery-box { float: left; margin-right: 4px; margin-top: 4px; height: 50px; width: 50px; overflow: hidden;} 
.gallery-box img { min-width: 50px; min-height: 50px;  }
.setmore.button {clear: left; float:none; } 



/*
.gallery-folder {float: left; margin-right: 4px; margin-top: 4px; text-align: center; width: 100px;margin-bottom: 4px;  } 
.setmore { padding: 3px; background-color: #8f090f; width: 80px; text-align: center; font-size: 0.8em; font-weight: bold; color: #FFF; cursor:pointer; margin-top: 0px; }*/

}

.plus { margin-top: 1em;}
iframe[name=_ticketshop] { width:100% !important; background-color: transparent !important;}
iframe[name=_ticketshop] body { background-color: transparent !important;}