/* Pukkelpop 2010
----------------------------------------------------------
 - Pink link:#E71D96
 - Blue link:#65BAC6
 - Image border normal:#d3d3d5
 - Image border hover:#000
*/


/* Rows
---------------------------------------------------------- */
div.rows{ width:100%; clear:both; overflow:hidden; margin-top: -11px; }
div.rows.addTopMargin { margin-top: 10px; }
div.rows div.col.first{ margin-left:0 !important; } /* important necessary for IE6 */
div.rows div.col.last{ margin-right:0 !important; } /* important necessary for IE6 */
div.rows div.col{ float:left; margin: 0; overflow: hidden; }

/* Cols */
div.rows div.w_20{ width:217px; }
	div.rows div.w_20 .doublePadding{ border: none !important; }

div.rows div.w_25{ width:248px; margin-left: 4px; }
	div.rows div.w_25 .content{ width:241px; }
	div.rows div.first { margin-left: 0; }

div.rows div.w_30{ width:278px; }
	div.rows div.w_30 div.addBorder{ border: none !important; }
	div.rows div.w_30 div.defaultPadding{ width:248px; }
	div.rows div.w_30 ul.newsList li{ width:248px; }

div.rows div.w_40{ width:425px; }
	div.rows div.w_40.addBorder{ width:400px; }
	div.rows div.w_40 div.doublePadding{ width:398px; }

div.rows div.w_40 div.w_50{ width:211px; }
	div.rows div.w_40 div.w_50 .addMinheight{ min-height:137px; }
	div.rows div.w_40 div.w_50 div.addBorder{ width:184px; }
	div.rows div.w_40 div.w_50 div.doublePadding{ width:184px; }
	div.rows div.w_40 div.w_50 .content{ width:204px; }

div.rows div.w_80{ width:782px; }
	div.rows div.w_80 .addBorder{ border: none !important; }

div.rows div.w_60{ width:576px; }
	div.rows div.w_60 div.addBorder{ width:556px; }
	div.rows div.w_60 div.defaultPadding{ width:539px; }

div.rows div.w_100{ width: 995px; margin:0; }
	div.rows div.w_100 .addBorder{ width:968px; }
	div.rows div.w_100 .content { width: 955px; }

	/* Col Content Style Options */
	div.rows div.col .defaultPadding{ padding:10px; }
	div.rows div.col .fill{ text-align:justify; }
	div.rows div.col .doublePadding{ padding:0 10px 10px 10px; }
	div.rows div.col div.content .marginBottom{ margin-bottom:15px; }
	div.rows div.col .paddingTop{ padding:10px 0 0; }
	div.rows div.col .paddingBottom{ padding:0 0 10px; }
	div.rows div.col .paddingTopBottom{ padding:10px 0; }
	div.rows div.col .content.addFlags{ padding-bottom:50px; background:#FFF url(../images/layout/flag_ornaments.png) no-repeat bottom center !important; }

		/* h3 heading */
		div.rows div.col div.content h3{ font-size: 14px; margin-bottom: 10px; }
		div.rows div.col.w_60 div.content h3{ font-size: 18px; }
		
		/* articleMarkup */
		div.articleMarkup ul li{ margin-left:15px; margin-bottom:10px;}
		div.articleMarkup ul.imagelist{ float:left; margin:0 10px 5px 0; }
		div.articleMarkup ul.imagelist li{ margin:0; }
		div.articleMarkup ul.imagelist li a{ border:1px solid #000000; float:left; margin-top:5px; }
		div.articleMarkup ul.imagelist li a img{ float:left; }
		div.articleMarkup ul.imagelist li a:hover{ border-color:#000; }
		
	/* Col Section */
	div.rows div.col div.title{ background: none; margin-left: 10px; padding: 20px 0 0 0;  line-height: 28px; font-size:36px; color:#00b2c0; position: relative; }
	/*
	div.rows div.col div.title h2, div.rows div.col div.title h3{ bottom:-7px; position:relative; }
	div.rows div.col div.title.smaller{ padding-top:5px; height:30px; font-size:30px; }
	div.rows div.col div.title em.small{ padding-top:5px; height:30px; font-size:30px; }
	div.rows div.col div.title em.xs{ padding-top:5px; height:30px; font-size:20px; }
	div.rows div.col div.title em.xxs{ padding-top:5px; height:30px; font-size:13px; }
	*/
	
	/* Col section */
	div.rows div.col div.content{ position:relative; overflow:hidden; clear: both; background:#FFF; }
	div.rows div.col.w_40 div.content{ padding-top: 0 !important; }

	/* Colors */
	div.rows div.col div.title em{ color:#000; }
	/*
	div.rows div.col .pink div.title{ color:#e71d96; }
	
	.pink a,.blue a{ color:#e71d96; }
	.pink a:hover, .blue a:hover{ color:#65BAC6; }
	
	.pinkhover a:hover{ color:#e71d96; }
	
	.pink  ul.bandlist a:hover {color:#e71d96;}
	
	
	div.rows div.col .blue div.title{ color:#9fdce5; }
	*/
	div.rows div.col div.box.pink div.addBorder{ border:5px solid #fff; }
	div.rows div.col div.box.blue div.addBorder{ border:5px solid #fff; }
	
	/* Titles */
	div.rows div.box { background: transparent url(../images/layout/box_bg.png) no-repeat 0 0; margin: 0 0 20px 0; }
	div.rows div.box.noBackground { background: transparent; }
	/*div.rows div.w_60 { background: transparent url(../images/layout/w60_box_bg.png) no-repeat 0 0; }*/
	div.rows div.w_70 { background: transparent url(../images/layout/w100_box_bg.png) no-repeat 0 0; }
	div.rows div.w_80 { background: transparent url(../images/layout/w100_box_bg.png) no-repeat 0 0; }
	div.rows div.w_100 { background: transparent url(../images/layout/w100_box_bg.png) no-repeat 0 0; }
	
	div.rows div.box div.title h2,
	div.rows div.box div.title h3 { margin-left: 5px; }
	
	div.rows div.w_60 div.title h2,
	div.rows div.w_60 div.title h3,
	div.rows div.w_70 div.title h2,
	div.rows div.w_70 div.title h3,
	div.rows div.w_100 div.title h2,
	div.rows div.w_100 div.title h3 { margin-left: 10px; }
	
	div.rows div.w_80 div.title h2,
	div.rows div.w_80 div.title h3 { margin-left: 5px; }
	
	div.rows div.box div.content { margin-left: 7px; padding-top: 0px !important; }
	
	div.rows div.w_60 { margin-right: 3px; }
	div.rows div.w_60 { margin-left: 10px; }
	div.rows div.w_60 .w_60 { margin-left: 0; }
	div.rows div.w_20 div.content { margin: 0 0 0 7px; }
	
	div.rows div.w_80 { margin-right: 5px; }
	div.rows div.w_70 { margin-left: 10px; }
	div.rows div.w_80 { margin-left: 10px; }
	div.rows div.w_100 { margin-left: 10px; }
	
	div.rows div.first div.w_50 { margin-right: 3px; }
	
/* dashboard */
div.dashboard .content h3 a { position: relative; display: block; width: 100%; height: 92px; background: #ffffff url(../images/layout/dashboard_bg.png) no-repeat 0 10px; font-size: 18px; }
div.dashboard .content h3 a:hover {background-position: bottom left;}
div.dashboard .content h3 a span { position: absolute; right: 33px; bottom: 15px; }

/* col header */
div.rows div.col ul.col h3 { font-size: 18px; color: #009037; }

/* statusen */
p.loading{ background:url(../images/layout/ajax-loader.gif) no-repeat left 2px; padding-left:25px; }

/* navigation */
div.pagination{ padding:10px 0 0 0; width:100%; clear:both; overflow:hidden; }
div.pagination div.center{ float:left; left:50%; position:relative; }
div.pagination ul{ position:relative; left:-50%; }
div.pagination ul li{ line-height:16px; margin-left:1px; text-transform:uppercase; color:#FFF; float:left; background:#00b2c0; }
div.pagination ul li.current{ padding:2px 5px; font-weight:bold; background:#000; color:#FFF; }
div.pagination ul li a{ padding:2px 5px; display:block; float:left; color:#FFF; }
div.pagination ul li a:hover{ background:#000; color:#FFF; text-decoration: none; }

/* content tabs */
div.content ul.contenttabs{ width:100%; clear:both; overflow:hidden; padding-left:0px; padding-bottom: 5px; }
div.content ul.contenttabs li{ float:left; line-height:23px; cursor:pointer; margin:0 5px 5px 0; }
div.content ul.contenttabs li a{ float:left; text-transform:uppercase; white-space:nowrap; height:23px; color:#fff; background:#00B2C0; padding:0 6px; font-weight:bold; }
div.content ul.contenttabs li.active a,
div.content ul.contenttabs li a:hover{ background:#000; color:#FFF; text-decoration: none; }

/* actions */
div#main ul.actions{ width:100%; clear:both; overflow:hidden; }
div#main ul.actions.addPadding { padding: 10px 15px; }
div#main ul.actions.rightTop{ width:auto; float:right; position:absolute; right:5px; top:5px; }
div#main ul.actions li.button a{ white-space:nowrap; cursor:pointer; float:left; font-size:16px; padding:0 0 0 2px; text-transform:uppercase; display:block; height:26px; line-height: 26px; display:block; color:#FFF; background:url(../images/layout/button_background.png) no-repeat 0 0; width: 90px; text-align: center; }
div#main ul.actions li.button.small a{ background:url(../images/layout/button_background_small.png) no-repeat 0 0; width: 46px; }
div#main ul.actions li.button.wide a{ background:url(../images/layout/button_background_wide.png) no-repeat 0 0; width: 127px; }
div#main ul.actions li.button.wider a{ background:url(../images/layout/button_background_wider.png) no-repeat 0 0; width: 148px; }
div#main ul.actions li.button a:hover{ background-position: 0 -26px; text-decoration: none; }
div#main ul.actions li.left{ margin-right:5px; float:left; }
div#main ul.actions li.right{ float:right; }
div#main ul.actions li.left.noMargin{ margin-right:0px; }
div#main ul.actions li.left.addBottomMargin{ margin-bottom:5px; }
div#main ul.actions li.icon{  display:block; text-indent:-9000px; }
div#main ul.actions li.icon-delete a{ display:block; width:16px; height:16px; background:url(../images/layout/icon-sprite.png) no-repeat 0 -411px; }

/* twoCol */
ul.twoCol li{ float:left; width:177px; }

/* gmaps */
div.content div.gmap{ margin:10px 0; height:250px; border:3px solid #00B2C0; }
div.content div#lineupmap {height:500px;width:945px;}

/* switchList */
ul.switchList{ }
ul.switchList li.entry{ padding:10px 15px; overflow:hidden; /*width: 546px;*/ }

/* commentList */
.w_40 ol.commentList li{ width:398px; padding: 10px; }
.w_40 ol.commentList li div.text{ width:358px; }
.w_60 ol.commentList li div.text{ width:496px; }
.w_30 ol.commentList li{ width:248px; }
.w_30 ol.commentList li div.text{ width:208px; }
.w_40 .w_50 ol.commentList li{ width:184px; }

ol.commentList img.avatar{ border:1px solid #000; float:left; margin:0 8px 0 0; }
ol.commentList li{ padding:10px 15px; clear:both; overflow:hidden; }
ol.commentList li em{ color:#009036; font-style:normal; }
ol.commentList li div.text{ float:left; }
ol.commentList li div.text p{ margin-bottom:0; }
ol.commentList li a{ color:#00B2C0; }
/*ol.commentList li a:hover{ color:#000000; }*/
ol.commentList li a.more{ color:#00B2C0; }
/*ol.commentList li a.more:hover{ color:#000000; }*/

/* newsList */
ul.newsList img{ float:left; margin:0 8px 0 0; }
ul.newsList li h3{ text-transform:uppercase; }
ul.newsList img{ border:1px solid #d3d3d5; }
ul.newsList li a:hover img{ float:left; border:1px solid #000; }
	
	/* w_30 */
	div.w_30 ul.newsList div.summary{ float:left; width:170px; }

	/* w_40 */
	div.w_40 ul.newsList div.summary{ float:left; width:328px; }

/* Flas */
ul#flags{ height:100%; }
ul#flags li.entry{  height:117px; margin-bottom:10px; width:162px; cursor:pointer; padding:6px; float:left; position:relative;   }
ul#flags li.active{ background:#e71d96 }
ul#flags li.entry img{ display:block; border:1px solid #000;  }
ul#flags li.entry span{ text-align:center; display:block; width:153px; height:23px; line-height:23px; color:#FFF; font-size:11px; bottom:10px; left:10px; position:absolute; background:url(../images/layout/flags/flag_background.png) no-repeat 0 0; }
ul#flags li.middle{ margin:0 7px; }

	.mask{ background:#FFF url(../images/layout/ajax-loader.gif) no-repeat center center; opacity:0.95; }
	#flag_detail{ display:none; width:100%; clear:both; overflow:hidden; }
	#flag_detail a{ width:168px; margin:0 5px 0 0; float:left; }
	#flag_detail img{ border:4px solid #000; }
	#flag_detail div.top{ padding-bottom:10px; width:100%; clear:both; overflow:hidden; }
	#flag_detail ul{ float:left; }
	#flag_detail ul li{ clear:both; }
	#flag_detail ul li em{ font-style:normal; font-weight:bold; width:110px; display:block; float:left; }
	#flag_detail ul li span{ width:110px; display:block; float:left; }

/* arrowList */
div#main .arrowList{ height:100%; }
div#main .arrowList li{ line-height:17px; text-transform:uppercase; font-size:14px; padding:0 0 0 22px; background:url(../images/layout/arrow.png) no-repeat 0 4px; }
div#main .arrowList li a{ color:#000; }
div#main .arrowList li a:hover{ color:#65bac6; text-decoration: none; }

div#main .arrowList li.pink{ background:url(../images/layout/arrow-pink.png) no-repeat 0 4px; }
div#main .arrowList li.pink a {color:#E71D96;}


/* niceList */
ul.niceList li{ line-height:18px; font-size:14px; color:#e71d96; text-transform:uppercase; }

/* thumblist */
ul.thumbList{ width:100%; clear:both; overflow:hidden; margin-bottom:-3px; }
ul.thumbList li{ margin:0 3px 3px 0; float:left; }
ul.thumbList li.last{ margin-right:0 !important; }
ul.thumbList li a img{ float:left; border:1px solid #000; }
ul.thumbList li a:hover img{ float:left; border:1px solid #000; }

	div.rows div.w_100 ul.thumbList{ padding:4px 0 10px 4px; }
	
	div.rows div.w_40 ul.thumbList{ margin-bottom:-7px; }
	div.rows div.w_40 ul.thumbList li{ margin:0 8px 8px 0; }
	div.rows div.w_40 ul.bigger li{ margin:0 11px 11px 0; }
	
	ul.thumbList.pparazziList li{ width:91px; }

ul.pparazziList li img {width:89px; height:89px;}
	
/* memberList */
ul.leftMemberList{ float:left !important; width:244px !important; clear:none !important; }
ul.memberList{ width:100%; clear:both; overflow:hidden; }
ul.memberList li.entry{ position:relative; margin-bottom:10px; padding:10px; background:#EFEFEF; width:224px; float:left; line-height:13px;  height:52px; }
ul.memberList li.middle{ margin-left:10px; margin-right:10px; }
ul.memberList li.last{ margin-left:10px;}
ul.memberList li.entry img.avatar{ border:1px solid #000; float:left; margin:0 8px 0 0; width:50px; height:50px; }
ul.memberList li.entry:hover{ background:#bff0f7; }
ul.memberList.showActionOnfocus ul.actions{ display:none; }
	div#main .w_60 ul.memberList li{ width:243px; }
	div#main .w_60 ul.memberList li.last{ margin-left:10px; }
	
ul.ml100 li.entry {width:214px;}	
	
/* map */
div.content div.gmap{ margin:10px 0; height:250px; border:3px solid #00B2C0; }

/* table */
table.default{ width:100% }
table.default thead tr th{ white-space:nowrap; font-weight:bold; padding:0 10px; text-transform:uppercase; line-height:32px; color:#FFF; background:#000; }
table.default tbody tr td{ vertical-align:top; text-align: left; padding:6px 10px; /*background:url(../images/layout/forum/pink-td-bottom-tile.png) repeat-x left bottom;*/ }
table.default tbody tr td.author img { border: 1px solid #000; }
table.default tbody .setStrong{ font-weight:bold; }
table.default tbody .setCenter{ text-align:center; }
table.default tbody tr.last td{ background:url(../images/layout/forum/black-td-bottom-tile.png) repeat-x left bottom; }

#pp_help {line-height:20px; margin-bottom:5px; font-size:14px; color:#000;}

div#partners-slideshow	{ width:120px; height:120px; position:relative; margin:0 auto; }
div#partners-slideshow img { display:block; position:absolute; top:0; left:0; z-index:1; }

.box .title h2.small {bottom: -14px!important;}

ul.socialmedia li {display:inline; float:left; margin-right:5px;}
ul.socialmedia li a {display:block; width:16px; height:16px; text-indent:-9000px; float:left; }

ul.socialmedia li.facebook a {background:url(../images/layout/sociallinks.png) no-repeat 0px -189px;}
ul.socialmedia li.twitter a {background:url(../images/layout/sociallinks.png) no-repeat 0px -235px;}
ul.socialmedia li.lastfm a {background:url(../images/layout/sociallinks.png) no-repeat 0px -258px;}
ul.socialmedia li.myspace a {background:url(../images/layout/sociallinks.png) no-repeat 0px -304px;}

ul.socialmedia li.facebook a:hover {background:url(../images/layout/sociallinks.png) no-repeat 0px -4px;}
ul.socialmedia li.twitter a:hover {background:url(../images/layout/sociallinks.png) no-repeat 0px -50px;}
ul.socialmedia li.lastfm a:hover {background:url(../images/layout/sociallinks.png) no-repeat 0px -73px;}
ul.socialmedia li.myspace a:hover {background:url(../images/layout/sociallinks.png) no-repeat 0px -119px;}

.toolTips {position:absolute; z-index:99999;}
.toolTips .tip { background:#000; color:#fff; padding:3px 5px; }
.toolTips .tip-top, .toolTips .tip-bottom, .toolTips .tip-text { display:none; }

#lineupcontainer a,
.lineupcontainer a { color: #000; text-transform: uppercase; }
#lineupcontainer a:hover,
.lineupcontainer a:hover { color: #009037; text-decoration: none; }
.lineupcontainer { font-size: 32px; }
.lineupcontainer.stages { font-size: 16px; margin-bottom: 10px; }

#lineupcontainer ul.size1 {margin-bottom:10px;}
#lineupcontainer ul.size2 {margin-bottom:10px;}
#lineupcontainer ul.size3 {margin-bottom:10px;}
#lineupcontainer ul.size4 {margin-bottom:10px;}
#lineupcontainer ul.size5 {margin-bottom:10px;}

#lineupcontainer ul.size1 a {font-size:20px; line-height:22px;}
#lineupcontainer ul.size2 a {font-size:18px; line-height:20px;}
#lineupcontainer ul.size3 a {font-size:16px; line-height:18px;}
#lineupcontainer ul.size4 a {font-size:14px; line-height:16px;}
#lineupcontainer ul.size5 a {font-size:12px; line-height:14px;}

.lineupcontainer ul.size1 {margin-bottom:10px;}
.lineupcontainer ul.size2 {margin-bottom:10px;}
.lineupcontainer ul.size3 {margin-bottom:10px;}
.lineupcontainer ul.size4 {margin-bottom:10px;}
.lineupcontainer ul.size5 {margin-bottom:10px;}

.lineupcontainer ul.size1 a {font-size:20px; line-height:22px;}
.lineupcontainer ul.size2 a {font-size:18px; line-height:20px;}
.lineupcontainer ul.size3 a {font-size:16px; line-height:18px;}
.lineupcontainer ul.size4 a {font-size:14px; line-height:16px;}
.lineupcontainer ul.size5 a {font-size:12px; line-height:14px;}

.error .crash { display: block; width: 214px; margin: 0 auto 20px; }
#nl .title.error h2 { width: 100; height: 80px; background: url(../images/layout/crash_headers.png) no-repeat 0 -80px; text-indent: -9000px; }
#fr .title.error h2 { width: 100; height: 80px; background: url(../images/layout/crash_headers.png) no-repeat 0 0px; text-indent: -9000px; }
#en .title.error h2 { width: 100; height: 80px; background: url(../images/layout/crash_headers.png) no-repeat 0 -160px; text-indent: -9000px; }

.img_tickets { margin-top: 10px; display: block; float: left; }
.btn_tickets { background: transparent url(../images/layout/tickets_btn.png) no-repeat 0 0; display: block; float: left; height: 50px; margin-left: 20px; overflow: hidden; text-indent: -9999px; width: 361px; }
.btn_tickets:hover { background-position: 0 -50px; }