/* CREDITS
 * ----------------------------------------------------------
 * Title:		Het Schlagerfestival - CSS Main Stylesheet
 * Author:		Dieter Verjans <dieter@inventis.be>
 * Date:		07/12/09
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body{background:#770000 url(../images/layout/2010/body_repeat.jpg) repeat-x 0 0}
div#site{background:url(../images/layout/2011/body_background.jpg?v=2) no-repeat 50% 0}

/*selectors*/
strong,b{font-weight:bold;}
em{font-style:italic;}
a{outline:none; color:#a2152a;}
a:hover{text-decoration:none;}
.clear{clear:both;}
a.b{font-weight:bold;}

/* Container
---------------------------------------------------------- */
div#container{width:975px; margin:0 auto; overflow:hidden; position:relative;}
	
	/*star*/
	span.star{background:url(../images/layout/star.png) no-repeat 0 0; height:23px; width:23px; position:absolute;}
	span.s_one{left:35px; top:303px;}
	span.s_two{left:325px; top:183px;}
	span.s_three{left:225px; top:390px;}
	span.s_four{left:36px; top:182px;}
	
	/*logo*/
	div#container h1{left:14px; top:18px; position:absolute;}
	div#container h1 a{display:block; width:338px; height:240px; text-indent:-9000px}
	
	div#container a#afterparty{position:absolute; z-index:9; top:97px; left:253px; *left:254px; background:url(../images/layout/2010/afterpartyheader.png) no-repeat 0 0; width:97px; height:97px; text-indent:-9000px; }

/* Content
---------------------------------------------------------- */
div#content_container{float:right; margin:170px 0 0 0; width:623px; overflow:hidden;}

	/*navigation*/
	div#navigation ul{height:39px;}
	div#navigation ul li{float:left;}
	div#navigation ul li a{height:39px; display:block; text-indent:-9000px; float:left; background:url(../images/layout/2010/navigation_background.gif) no-repeat 0 0;}
	
		div#navigation ul li a.menu_1{width:127px;}
		div#navigation ul li a.menu_2{width:122px; background-position:-127px 0}
		div#navigation ul li a.menu_3{width:82px; background-position:-249px 0}
		div#navigation ul li a.menu_4{width:98px; background-position:-331px 0}
		div#navigation ul li a.menu_5{width:97px; background-position:-429px 0}
		div#navigation ul li a.menu_6{width:97px; background-position:-526px 0}
		
		div#navigation ul li.active a.menu_1, div#navigation ul li a.menu_1:hover{background-position:0 -39px}
		div#navigation ul li.active a.menu_2, div#navigation ul li a.menu_2:hover{background-position:-127px -39px}
		div#navigation ul li.active a.menu_3, div#navigation ul li a.menu_3:hover{background-position:-249px -39px}
		div#navigation ul li.active a.menu_4, div#navigation ul li a.menu_4:hover{background-position:-331px -39px}
		div#navigation ul li.active a.menu_5, div#navigation ul li a.menu_5:hover{background-position:-429px -39px}
		div#navigation ul li.active a.menu_6, div#navigation ul li a.menu_6:hover{background-position:-526px -39px}
	
	/*content*/
	div#content{width:563px; padding:24px 30px; min-height:364px; height:auto !important; height:364px; background:#ddbfbf url(../images/layout/2010/content_background.jpg) no-repeat 0 0;}
	
	div#content ul{margin:8px 0;}
	div#content ul ul{margin: 0;}
	div#content ul li{background:url(../images/layout/list_bullet.png) no-repeat 0 0; padding-left:25px; font-weight:bold;}
	div#content ul li a{color:#000;}
	
	div#content div.text{line-height:19px; width:100%; overflow:hidden;}
	div#content div.text_small{line-height:19px; width:337px; float:left;}
	div#content div.text h2,div#content div.text_small h2{font-size:32px; line-height:32px; color:#780001; margin-bottom:20px}
	div#content div.text h3,div#content div.text_small h3{font-size:19px; line-height:19px; color:#780001; margin-top:25px;}
	div#content div.text h4,div#content div.text_small h4{font-size:16px; line-height:16px; color:#780001; margin-top:9px;}
	div#content div.text p, div#content div.text_small p{margin:8px 0;}
	div#content p.info{background:#efdb51; color:#3a383a; padding:7px; margin-bottom:20px; font-weight:bold; border:2px solid #e9b65e}
	
	div#content div.text a img {border:3px solid #780001;}
	div#content div.text a:hover img {border:3px solid #EFDB51;}
	
	div#content div.image{float:right; background:url(../images/layout/image_background.png) no-repeat 0 0; padding:0 0 0 15px; width:225px}
	div#content div.image img {border:6px solid #fff !important;}
	
	div#content ul.list_background li{width:325px; position:relative; overflow:hidden; clear:both; padding:4px 5px 0; margin:0 0 4px; height:63px; background:url(../images/layout/list_background.png) no-repeat 0 0; font-weight:normal;}
	div#content ul.list_background li a{color:#000; text-decoration:none; font-size:11px;}
	div#content ul.list_background li a.info{color:#780001; position:absolute; right:4px; bottom:2px; text-decoration:underline; background:url(../images/layout/more_info.gif) no-repeat 0 center; padding:0 0 0 14px}
	div#content ul.list_background li a.info:hover{text-decoration:none;}
	div#content ul.list_background li img{border:1px solid #a9a9a9; float:left; margin:0 6px 0 0}
	div#content ul.list_background li a:hover img{border:1px solid #780001}
	div#content ul.list_background li div{line-height:13px; width:240px; overflow:hidden;}
	div#content ul.list_background li span{color:#780001; font-size:17px; width:260px; float:left; font-weight:bold;}
	div#content ul.list_background li span a{color:#780001; font-size:16px; font-weight:bold;}
	div#content ul.list_background li a:hover{text-decoration:underline;}
	
	div#content div.nooverflow {overflow:visible;}
	div#content div.nooverflow ul.list_background li  {overflow:visible;}
	div#content ul.list_background li a.afterparty {background:url(../images/layout/2010/afterparty.png) no-repeat 0 0; width:82px; height:82px; position:absolute; text-indent:-9000px; top:-7px; right:0;}
	
	div#content ul.list_background li.big{width:325px; position:relative; overflow:hidden; clear:both; padding:4px 5px 0; margin:0 0 4px; height:140px; background:url(../images/layout/list_background_big.png) no-repeat 0 0; font-weight:normal;}
	div#content ul.list_background li.bigger{width:325px; position:relative; overflow:hidden; clear:both; padding:4px 5px 0; margin:0 0 4px; height:186px; background:url(../images/layout/list_background_bigger.png) no-repeat 0 0; font-weight:normal;}
	div#content ul.no_border_img li img {border:0px; vertical-align:middle;}
	
	a.artistInfo{color:#780001; float:right; text-decoration:underline; background:url(../images/layout/more_info.gif) no-repeat 0 center; padding:5px 15px 0 14px; clear:right;}
	a.artistInfo:hover{text-decoration:none;}
	
	/*fotoalbum*/
	div#content div.fotoalbum a img{border:1px solid black;}
	div#content div.fotoalbum a:hover img{border:1px solid #A7162A;}
	
	div#content ul.albums li{padding:0; margin:0 0 9px; background:none; width:100%; clear:both; overflow:hidden;}
	div#content ul.albums li a img{border:2px solid black;}
	div#content ul.albums li a{text-decoration:none;}
	div#content ul.albums li a span{margin:2px 0 0 8px;}
	div#content ul.albums li a:hover img{border:2px solid #A7162A;}
	div#content ul.albums li img{float:left;}
	div#content ul.albums li h3{float:left; margin:2px 0 0 8px;}
	
	/*second_column*/
	div.second_column{float:right; width:240px; margin-right:-14px}
	
	/*partners*/
	table.partners{width:320px}
	table.partners td{height:84px; text-align:center}
	
	/*links*/
	a.vijfjaar{ display:block; width:240px; text-indent:-9000px; height:203px; background:url(../images/layout/2010/5jaar.png) no-repeat 0 0;}
	a.vijfjaar:hover{background-position:0 -203px}
	
	a.promotiespot{ display:block; width:240px; text-indent:-9000px; height:203px; background:url(../images/layout/2010/promotiespot.png) no-repeat 0 0; margin-top:17px;}
	a.promotiespot:hover{background-position:0 -203px}
	
	a.ticketorder{ display:block; margin:17px auto 0; width:179px; text-indent:-9000px; height:74px; background:url(../images/layout/ticketorder.png) no-repeat 0 0;}
	a.ticketorder:hover{background-position:left bottom;}

	a.schlagerkennis{ display:block; margin:8px auto 0; width:179px; text-indent:-9000px; height:74px; background:url(../images/layout/schlagerkennis.png) no-repeat 0 0;}
	a.schlagerkennis:hover{background-position:left bottom;}

/* Sidebar
---------------------------------------------------------- */
div#sidebar{float:left; width:350px; margin:250px 0 0 0}

	/*displays*/
	div#sidebar ul.displays{width:310px; margin:29px 0 0 40px}
	div#sidebar ul.displays li{height:108px; width:101px; float:left; padding:1px 0 0 0; margin:0 0 10px; background:url(../images/layout/display_background.png) no-repeat 0 0;}
	div#sidebar ul.displays li img{border:1px solid #3c3c3c; margin-left:6px}
	div#sidebar ul.displays li a{text-decoration:none;}
	div#sidebar ul.displays li a:hover img{border:1px solid #efe365;}
	div#sidebar ul.displays li span{color:#efe365; width:100px; padding:3px 0 0 0; text-align:center; display:block; font-weight:bold;}	


/* Footer
---------------------------------------------------------- */
div#footer{color:#ddbfbf; padding:0 8px 0 30px; clear:both; font-size:11px; height:32px;}

	/*text*/
	div#footer p{float:left; padding:6px 0 0 0}
	
	/*credits*/
	div#footer a#inventis{float:right; text-indent:-9000px; overflow:hidden; display:block; width:71px; height:20px; background:url(../images/layout/2010/credits.png) no-repeat 0 0; margin-top:2px;}
	div#footer a#inventis:hover{background-position:0 -20px;}


/* Partners slides
---------------------------------------------------------- */
div#photoslide{margin:24px 0 0 31px;}
div#photoslide ul#partners {width:166px; height:72px; display:block; overflow:hidden; margin:0 0 20px 6px; background:url(../images/layout/2010/partners/bg.gif) no-repeat 0 0; }
div#photoslide ul#partners li {background:none; padding:0;}

div#photoslide ul#partners a {width:166px; height:72px; display:block; text-indent:-9000px;} 	
div#photoslide ul#partners a#ethias{background:url(../images/layout/2010/partners/ethias.gif) no-repeat 0 0;}
div#photoslide ul#partners a#hbvl{background:url(../images/layout/2010/partners/hbvl.gif) no-repeat 0 0;}
div#photoslide ul#partners a#vtm{background:url(../images/layout/2010/partners/vtm.gif) no-repeat 0 0;}
div#photoslide ul#partners a#subito{background:url(../images/layout/2010/partners/subito.gif) no-repeat 0 0;}
div#photoslide ul#partners a#story{background:url(../images/layout/2010/partners/story.gif) no-repeat 0 0;}
div#photoslide ul#partners a#mediamarkt{background:url(../images/layout/2010/partners/mediamarkt.gif) no-repeat 0 0;}
div#photoslide ul#partners a#essec{background:url(../images/layout/2010/partners/essec.gif) no-repeat 0 0;}
div#photoslide ul#partners a#cristal{background:url(../images/layout/2010/partners/cristal.gif) no-repeat 0 0;}
div#photoslide ul#partners a#winforlife{background:url(../images/layout/2010/partners/winforlife.gif) no-repeat 0 0;}
div#photoslide ul#partners a#cocacola{background:url(../images/layout/2010/partners/cocacola.gif) no-repeat 0 0;}
div#photoslide ul#partners a#pandora{background:url(../images/layout/2010/partners/pandora.gif) no-repeat 0 0;}