/* CREDITS

Title:		I Love The 90s - CSS Main Stylesheet

Author:		David Candreva <david@inventis.be>

Date:		04/01/2008

Last Edit:	04/01/2008 David Candreva <david@inventis.be>

*/



/* 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/header_background.gif) no-repeat 0 0}

body.lng_fr #header{background:url(../images/layout/header_background_fr.gif) no-repeat 0 0}

body.lng_en #header{background:url(../images/layout/header_background_en.gif) no-repeat 0 0}



#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}
table.partners a{margin:5px; line-height:50px; vertical-align:middle;}
table.partners a 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(/design/images/layout/menu_background.gif) no-repeat 0 0}

body.lng_fr #menu{background:url(/design/images/layout/menu_background_fr.gif) no-repeat 0 0}

body.lng_en #menu{background:url(/design/images/layout/menu_background_en.gif) no-repeat 0 0}



body.lng_nl #menu ul{background:url(/design/images/layout/menu_nl.gif) no-repeat 0 0;width:435px;height:50px}

body.lng_fr #menu ul{background:url(/design/images/layout/menu_fr.gif) no-repeat 0 0;width:435px;height:50px}

body.lng_en #menu ul{background:url(/design/images/layout/menu_en.gif) 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(/design/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(/design/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(/design/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 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(/design/images/layout/newsletter_button.gif) no-repeat 0 0}



#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{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 #bands{margin:0 0 0 -20px;position:relative}



#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{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(/design/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(/design/images/limo.png) no-repeat 0 0;}
ul.game li.party {background:url(/design/images/party.png) no-repeat 0 0;}
ul.game li.hotel {background:url(/design/images/hotel.png) no-repeat 0 0;}
ul.game li.surprise {background:url(/design/images/surprise.png) no-repeat 0 0;}

a.wedstrijdbutton {background:url(/design/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#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(/design/images/layout/next.png) no-repeat 100% 0; padding: 0 25px 2px 0;}
div#img div#tabs a.prev {background:url(/design/images/layout/prev.png) no-repeat 0 0;}
div#img div#tabs a.overview {background:url(/design/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;}