/* CREDITS
Title:		I Love The 90s - CSS Main Stylesheet
Author:		Dieter Verjans <dieter@inventis.be>
Date:		04/01/2008
Last Edit:	03/01/2011 Dieter Verjans <dieter@inventis.be>
*/

/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/* Algemene Styles */
body{font-size:12px;color:#000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:#000 url(../images/layout/body_background.gif) repeat 0 0;}
strong{font-weight:bold}
em{font-style:italic}
.hide{display:block;text-indent:-9000px}

/* Container */
#container{width:860px;margin:0 auto;position:relative;overflow:hidden;clear:both}
.table td{padding:1px 0}

/* Header */
#header{position:relative;height:224px;width:860px}

/*body.lng_nl #header{background:url(../images/layout/2012/header_background_nl.gif) no-repeat 0 0}
body.lng_fr #header{background:url(../images/layout/2012/header_background_fr.gif) no-repeat 0 0}
body.lng_en #header{background:url(../images/layout/2012/header_background_en.gif) no-repeat 0 0}*/

body.lng_nl #header{background:url(../images/layout/2012/header_background_nl-2012.gif) no-repeat 0 0 !important;}
body.lng_fr #header{background:url(../images/layout/2012/header_background_fr-2012.gif) no-repeat 0 0 !important;}
body.lng_en #header{background:url(../images/layout/2012/header_background_en-2012.gif) no-repeat 0 0 !important;}

#header h1{height:200px;position:absolute;left:30px;top:12px;width:446px}
#header h1 a{display:block;text-indent:-9000px;height:200px;cursor:pointer;width:446px}

#header .languages{position:absolute;right:48px;top:190px}
#header .languages a{font-weight:bold;color:#000;font-size:11px;text-decoration:none}
#header .languages a.active{color:#ec1c24;font-weight:bold}

table.partners{width:100%;text-align:center; margin-top: 20px;}
table.partners a{margin:5px 8px; line-height:50px; vertical-align:middle;}
table.partners img {vertical-align:middle;}

/* Menu */

#menu{width:800px;clear:both;position:relative;overflow:hidden;padding:0 30px;height:50px}
body.lng_nl #menu{background:url(../images/layout/menu_background.gif) no-repeat 0 0}
body.lng_fr #menu{background:url(../images/layout/menu_background_fr.gif) no-repeat 0 0}
body.lng_en #menu{background:url(../images/layout/menu_background_en.gif) no-repeat 0 0}

body.lng_nl #menu ul{background:url(../images/layout/menu_nl.gif?v=1) no-repeat 0 0;width:435px;height:50px}
body.lng_fr #menu ul{background:url(../images/layout/menu_fr.gif) no-repeat 0 0;width:435px;height:50px}
body.lng_en #menu ul{background:url(../images/layout/menu_en.gif?v=1) no-repeat 0 0;width:435px;height:50px}
#menu ul li{float:left}

		/* Nederlands */
		body.lng_nl #menu ul li a{float:left;background:url(../images/layout/menu_nl.gif) no-repeat 0 0;display:block;height:50px;text-indent:-9000px}
		body.lng_nl #menu ul a.home{width:72px}
		body.lng_nl #menu ul a.artiesten{width:102px;background-position:-72px 0}
		body.lng_nl #menu ul a.tickets{width:81px;background-position:-174px 0}
		body.lng_nl #menu ul a.praktisch{width:106px;background-position:-255px 0}
		body.lng_nl #menu ul a.contact{width:74px;background-position:-361px 0}
		
		body.lng_nl #menu ul a.home:hover, body.lng_nl ul li.active a.home{background-position:0 -50px !important}
		body.lng_nl #menu ul a.artiesten:hover, body.lng_nl ul li.active a.artiesten{background-position:-72px -50px !important}
		body.lng_nl #menu ul a.tickets:hover, body.lng_nl ul li.active a.tickets{background-position:-174px -50px !important}
		body.lng_nl #menu ul a.praktisch:hover, body.lng_nl ul li.active a.praktisch{background-position:-255px -50px !important}
		body.lng_nl #menu ul a.contact:hover, body.lng_nl ul li.active a.contact{background-position:-361px -50px !important}

		/* Frans */
		body.lng_fr #menu ul li a{float:left;background:url(../images/layout/menu_fr.gif) no-repeat 0 0;display:block;height:50px;text-indent:-9000px}
		body.lng_fr #menu ul a.home{width:90px}
		body.lng_fr #menu ul a.artiesten{width:89px;background-position:-90px 0}
		body.lng_fr #menu ul a.tickets{width:80px;background-position:-178px 0}
		body.lng_fr #menu ul a.praktisch{width:62px;background-position:-258px 0}
		body.lng_fr #menu ul a.contact{width:83px;background-position:-320px 0}

		body.lng_fr #menu ul a.home:hover, body.lng_fr ul li.active a.home{background-position:0 -50px !important}
		body.lng_fr #menu ul a.artiesten:hover, body.lng_fr ul li.active a.artiesten{background-position:-90px -50px !important}
		body.lng_fr #menu ul a.tickets:hover, body.lng_fr ul li.active a.tickets{background-position:-178px -50px !important}
		body.lng_fr #menu ul a.praktisch:hover, body.lng_fr ul li.active a.praktisch{background-position:-258px -50px !important}
		body.lng_fr #menu ul a.contact:hover, body.lng_fr ul li.active a.contact{background-position:-320px -50px !important}

		/* Engels */
		body.lng_en #menu ul li a{float:left;background:url(../images/layout/menu_en.gif) no-repeat 0 0;display:block;height:50px;text-indent:-9000px}
		body.lng_en #menu ul a.home{width:72px}
		body.lng_en #menu ul a.artiesten{width:79px;background-position:-72px 0}
		body.lng_en #menu ul a.tickets{width:80px;background-position:-151px 0}
		body.lng_en #menu ul a.praktisch{width:105px;background-position:-231px 0}
		body.lng_en #menu ul a.contact{width:81px;background-position:-335px 0}
		
		body.lng_en #menu ul a.home:hover, body.lng_en ul li.active a.home{background-position:0 -50px !important}
		body.lng_en #menu ul a.artiesten:hover, body.lng_en ul li.active a.artiesten{background-position:-72px -50px !important}
		body.lng_en #menu ul a.tickets:hover, body.lng_en ul li.active a.tickets{background-position:-151px -50px !important}
		body.lng_en #menu ul a.praktisch:hover, body.lng_en ul li.active a.praktisch{background-position:-231px -50px !important}
		body.lng_en #menu ul a.contact:hover, body.lng_en ul li.active a.contact{background-position:-335px -50px !important}

/* Menu */
#menu form{position:absolute;left:622px;top:13px;width:220px}
#menu form fieldset input{float:left}
#menu form fieldset input.field{border:1px solid #000;height:18px;width:155px;padding:1px 2px 0}
#menu form fieldset input.submit{width:19px;margin:0 0 0 12px;height:19px;border:0;cursor:pointer;background:url(../images/layout/newsletter_button.gif) no-repeat 0 0}

/* Credits */
#credits{margin-bottom:20px;width:100%;position:relative;clear:both;height:20px}
#credits a#inventis{height:14px;position: absolute;right:30px;top:2px;width:68px;display:block;text-indent:-9000px;background:url(../images/layout/webdesign.gif) no-repeat 0 0}
#credits a#inventis:hover{background:url(../images/layout/webdesign.gif) no-repeat 0 100%}

/* Content wrapper */
#content_wrapper{width:860px;clear:both;overflow:hidden;background:url(../images/layout/content_wrapper_background_repeat.gif) repeat-y 0 0}
#content_top{height:20px;width:860px;clear:both;background:url(../images/layout/content_top.gif) no-repeat 0 0}
#content_bottom{height:20px;width:860px;clear:both;background:url(../images/layout/content_bottom.gif) no-repeat 0 0}

/* Sidebar */
#sidebar{margin:0 0 0 20px;padding:0 0 0 20px;width:315px;float:left}

#sidebar #description{width:293px;height:76px;padding:15px 22px 0 20px;margin:0 0 0 -20px;position:relative;background:url(../images/layout/description_background.gif) no-repeat 0 0}
#sidebar #description h2{font-family:Arial, Helvetica, sans-serif, Tahoma;font-weight:bold}
#sidebar #description p{color:#FFF;margin:2px 0 0}

#sidebar #artists {background:url(../images/layout/2012/artists.png) no-repeat 0 0; width: 335px; height: 126px; margin: 0 0 0 -20px; padding-bottom: 85px;}
#sidebar #artists ul {display: none;}
#sidebar #artists a.btn {background:url(../images/layout/2012/button-tickets-en.png) no-repeat 0 0; display: block; width: 197px; height: 82px; text-indent: -9000px; float:right; margin: 75px 60px 0 0; cursor: pointer;}
#sidebar #artists a.btn:hover {background-position: bottom left;}

#sidebar #artists {background:url(../images/layout/2012/artists-2012.png) no-repeat 0 0 !important; height: 300px !important;}
#sidebar #artists a.btn { margin-top: 280px!important; }

#sidebar #artists a#button_tickets_nl {background-image:url(../images/layout/2012/button-tickets-nl.png)!important;}
#sidebar #artists a#button_tickets_fr {background-image:url(../images/layout/2012/button-tickets-fr.png)!important;}
#sidebar #artists a#button_tickets_en {background-image:url(../images/layout/2012/button-tickets-en.png)!important;}

#sidebar .community{width:124px;background:url(../images/layout/community_repeat.gif) repeat-y 0 0}
#sidebar .community h2{color:#FFF;text-align:center;margin:0 0 8px}
#sidebar .community .top{background:url(../images/layout/community_top.gif);height:28px;width:100%}
#sidebar .community .bottom{background:url(../images/layout/community_bottom.gif);height:36px;width:100%}
#sidebar .community img{margin:0 auto;display:block}
#sidebar .community a{margin:2px 0}

/*search*/
#sidebar .search{margin:0 0 20px}
#sidebar .search input.input{width:270px;font-size:12px;height:16px;padding:2px 3px 0;border:1px solid #000;float:left}
#sidebar .search input.btn{background:url(../images/layout/search_button.gif) no-repeat 0 0;margin:0 0 0 12px;float:left;display:inline;cursor:pointer;border:0;width:19px;height:19px}

#sidebar h2{font-size:18px;color:#ec1c24;clear:both}
#sidebar p{line-height:17px}
#sidebar p{margin:6px 0}
#sidebar a{color:#ec1c24;text-decoration:underline}
#sidebar a:hover{text-decoration:none}
#sidebar ul{margin:0 0 13px}
#sidebar ul a{color:#414141}
#sidebar ul li{margin:0 0 6px 0;line-height:13px}
#sidebar ul a:hover{text-decoration:none}

/* Content */
#content{width:425px;float:left;padding:0 0 0 40px}

	/*pagination*/
	.pagination{overflow:hidden;width:100%}
	.pagination li{float:left;background:#EC1C24;margin:0 3px 0 0}
	.pagination li.current{padding:5px;color:#FFF;font-weight: bold}
	.pagination li a{display:block;color:#000;float:left;padding:5px;background:#F4F4F4}
	.pagination li a:hover{color:#000;background:#FFBFC3}	

	/*blog*/
	.blog{margin:0 0 25px}
	.blog a{color:#ec1c24;text-decoration:underline}
	.blog a:hover{text-decoration:none}
	.blog h2{color:#000;font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif}
	.blog h2 a{color:#000}
	.blog .content{line-height:16px}
	.blog .content p{margin:0 0 6px 0}
	.blog .blog_info{margin:22px 0 0;color:#666;font-size:10px;line-height:11px}

	/*blog comments*/
	.comments h2 {margin:0 0 15px;color:#000;font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif}
	.comments .entry {margin: 1em 0;border-bottom: 1px solid black;width: 400px;padding: 2px 3px}
	.comments .entry h3 {font-weight: bold}
	.comments .author h3 {color: red}
	.comments .entry p {margin:0 0 6px 0}

	/*text*/
	.text{margin:0 0 45px}
	.text a{color:#ec1c24;text-decoration:underline}
	.text a:hover{text-decoration:none}
	.text h2{margin:0;color:#000;font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif}
	.text .main h3{font-size:15px;font-weight:bold}
	.text .main{line-height:16px}
	.text .main p{margin:0 0 18px 0}
	p.info{background:#f73333;border:1px solid #ec0607;color:#FFF;margin-bottom:4px;font-weight:bold;padding:5px 4px}
	.text .main .movie{width:425px;height:355px;margin:10px 0}

	/*stylish*/
	form.stylish{width:420px}
	form.stylish .entry{clear:both;margin:0 0 4px}
	form.stylish label{color:#EC1C24;font-weight:bold;width:400px;display:block}
	form.stylish input{width:400px;font-size:12px;height:16px;padding:2px 3px 0;border:1px solid #000}
	form.stylish textarea{width:400px;height:150px;padding:2px 3px 0;border:1px solid #000}
	form.stylish input.submit{width:auto;height:auto;cursor:pointer;padding:2px 8px 4px !important;margin:0 12px 0 0;float:right;font-weight:bold;color:#FFF;background:#000}

		/*errors*/
		form.stylish .error{background:#EC1C24;border:1px solid #ec0607;color:#FFF;padding:4px 0 4px 6px}
		form.stylish .error input{}
		form.stylish .error label{color:#FFF}
		form.stylish span.message{padding-left:19px; margin:0 0 10px;font-size:11px;font-weight:bold;display:block;background:url(../images/layout/icons/form_error.gif) no-repeat 0 0}
		
a#facebook_share {text-decoration:none; display:inline-block; padding:2px 20px 2px 5px; width:auto; border:1px solid #d8dfea; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top right; float:right; font-size:12px; line-height:12px;}
a#facebook_share:hover{color:#fff; border-color:#295582; background-color:#3b5998;}

ul.game li { padding:0 0 15px 75px;}
ul.game li.limo {background:url(../images/limo.png) no-repeat 0 0;}
ul.game li.party {background:url(../images/party.png) no-repeat 0 0;}
ul.game li.hotel {background:url(../images/hotel.png) no-repeat 0 0;}
ul.game li.surprise {background:url(../images/surprise.png) no-repeat 0 0;}
ul.game li.diner {background:url(../images/diner.png) no-repeat 0 0;}
ul.game li.pics {background:url(../images/pics.png) no-repeat 0 0;}
ul.game li.winforlife {background:url(../images/winforlife.png) no-repeat 0 0;}

a.wedstrijdbutton {background:url(../images/layout/wedstrijdbutton.png) no-repeat 0 0; height:39px; text-indent:-9000px; display:block; cursor:pointer; width:374px; margin:15px auto;}
a.wedstrijdbutton:hover{background-position:bottom left;}

div#img div#tabs{ width:100%; text-align:center;}
div#img div#tabs a {color:#000;  padding:0 0 2px 25px;}
div#img div#tabs a:hover {color:#ec1c24;}
div#img div#tabs a.next {background:url(../images/layout/next.png) no-repeat 100% 0; padding: 0 25px 2px 0;}
div#img div#tabs a.prev {background:url(../images/layout/prev.png) no-repeat 0 0;}
div#img div#tabs a.overview {background:url(../images/layout/overview.png) no-repeat 0 0;}
div#img a.img img {border:1px solid #000; padding:10px;}
div#img a#facebook_share {margin:0 auto; float:none; display:block; width:120px;}
div#img div#imgcontainer {text-align:center; display:block; padding:10px 0; width:778px; overflow:hidden;}

div.hf {text-align:center; padding:10px 0;}

ul.images, ul.pagination {clear:both;}
ul.images li {float:left; margin:3px;}
ul.images li a img {border:1px solid #000; width:70px; height:70px;}
ul.images li a:hover img {border:1px solid #ec1c24; }

a {outline:none;}