/* CSS Style Sheet - Mekitburn website */
/* Author: Tim Vantilborgh             */
/* Date: 19/08/2008                    */
/* Version: 1.5                       */

/* 1. Overal style */

body {font: 0.9em Lucida Sans Unicode, Lucida Grande, sans-serif;; color: #d4d4d4; background-color: #343434;}
* {margin:0; padding:0;}


/* 2. Box Elements */

#mainwrap {width: 1056px; float:left; background-color: #343434;}
#rightside {height:695px; margin-left:1056px; background:url(../images_pres/bg_sides.jpg) no-repeat;}
#header {height: 158px; width: 1056px; background-color: #343434; background:url(../images_pres/interface2_01.gif);}
#contentwrap {width: 1056px; text-align:left; background-color: #343434;}
#nav {width: 277px; height: 537px; float: left; background-color: #343434; background:url(../images_pres/interface_02.gif);}
#content {width: 779px; min-height: 537px; float: left; background-color: #343434; background:url(../images_pres/interface2_03.gif) no-repeat;}
#footer {width: 1056px; height: 72px; background-color: #343434;}


/* 3. Navigation bar elements */

#navmenu {margin: 30px 30px 0px 110px;}
#navmenu ul {text-align:right; list-style-type:none; text-transform: uppercase; font-size: 1.2em; color: #ffffff; border-bottom: 1px solid #9ed40c; padding-bottom: 20px;}
#navmenu ul li a:link {text-decoration: none; color: #ffffff;}
#navmenu ul li a:visited {text-decoration: none; color: #ffffff;}
#navmenu ul li a:hover {border-right: 5px solid #9ed40c; padding-right: 5px; color: #9ed40c;}
/* werkt momenteel niet #navmenu ul li a:active {color: #9ed40c;} */


/* 4. Fest elements */
/* 4.1 Containers */
#festmenu {background-color: #303030;width:588px;height:50px;margin-left:20px;clear:none;margin-top: 60px;}
#festmenu2 {background-color: #303030;width:740px;height:50px;margin-left:20px;clear:none;margin-top: 60px;}
#festcontainer {background:url(../images_pres/interface2_04.gif) no-repeat;border-left: 10px solid #303030;border-right: 10px solid #303030;border-bottom: 10px solid #303030;width:568px;min-height:469px;margin-left:20px;clear:none;overflow-x:hidden;overflow-y:hidden;}
#festcontainer2 {background:url(../images_pres/interface22_04.gif) no-repeat;border-left: 10px solid #303030;border-right: 10px solid #303030;border-bottom: 10px solid #303030;width:720px;min-height:469px;margin-left:20px;clear:none;overflow-x:hidden;overflow-y:hidden;}
#festcontainer h1 {padding: 10px 0px 0px 30px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;}
#festcontainer2 h1 {padding: 10px 0px 0px 30px; font: 1.35em verdana; letter-spacing:-1px; font-weight: normal; text-transform:capitalize; color: #ffffff;}
#festcontainer span a {color:#ffffff;font-size:1.0em;text-decoration:none;padding:2px 0px 5px 35px;}
#festcontainer2 span a {color:#ffffff;font-size:1.0em;text-decoration:none;padding:2px 0px 5px 35px;}
.festcontent {background-color:#ffffff;padding:10px 30px 20px 30px;width:508px;text-align:justify;font-size:0.8em;color:#333333;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80;}
.festcontent h2 {text-transform:none;font-size:1.3em;margin:5px 0px 2px 0px;}
.festcontent ul {margin:5px 0px 10px 15px;}

.button_thefest {background:url(../images_pres/button12.gif) no-repeat;float:left;width:85px;height:30px;margin: 10px 5px 0px 20px;}
.button_theacts {background:url(../images_pres/button32.gif) no-repeat;float:left;width:85px;height:30px;margin: 10px 5px 0px 0px;}
.button_thefacts {background:url(../images_pres/button22.gif) no-repeat;float:left;width:95px;height:30px;margin: 10px 5px 0px 3px;}
.button_tickets {background:url(../images_pres/button42.gif) no-repeat;float:left;width:85px;height:30px;margin: 10px 5px 0px 0px;}
.button_sponsors {background:url(../images_pres/button52.gif) no-repeat;float:left;width:95px;height:30px;margin: 10px 5px 0px 0px;}
.button_thefest:hover {background:url(../images_pres/button1.gif) no-repeat;float:left;width:85px;height:30px;margin: 10px 5px 0px 20px;}
.button_theacts:hover {background:url(../images_pres/button3.gif) no-repeat;float:left;width:85px;height:30px;margin: 10px 5px 0px 0px;}
.button_thefacts:hover {background:url(../images_pres/button2.gif) no-repeat;float:left;width:95px;height:30px;margin: 10px 5px 0px 3px;}
.button_tickets:hover {background:url(../images_pres/button4.gif) no-repeat;float:left;width:85px;height:30px;margin: 10px 5px 0px 0px;}
.button_sponsors:hover {background:url(../images_pres/button5.gif) no-repeat;float:left;width:95px;height:30px;margin: 10px 5px 0px 0px;}


.festcontent a {
text-decoration: none;
color:#3366ff;
}

.festcontent p {
margin: 8px 0px;
}

.hidden { display: none; }
.unhidden { display: block; }

#actscontent {background-color:#ffffff;width:100%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.80;}
.actsdownload {height:25px;width:568px;clear:both;}
#actsoverview {width:100%;float:left;clear:both;}
#actsoverview h1 {text-transform:uppercase;padding:5px 30px;text-align:center;font-family: verdana, arial, sans-serif;font-size: 1.2em;font-weight: bold;}
#actsoverview h2 {font-size:1.0em;text-transform:uppercase;padding:5px 30px;text-align:center;font-weight: bold;}
#actsoverview h1 a.act1 {color:#7bcbef;}
#actsoverview h1 a.act2 {color:#9ed40c;}
#actsoverview h1 a.act3 {color:#ed176f;}
#actsoverview h2 a.act1 {color:#7bcbef;}
#actsoverview h2 a.act2 {color:#9ed40c;}
#actsoverview h2 a.act3 {color:#ed176f;}
#actsoverview a {text-decoration: none;color:#333333;}
#actsoverview a:hover {text-decoration: underline;}
.dayview {background-color:#333333;width:100%;height:24px;float:left;clear:both;padding:3px 0px 0px 0px;margin-top:20px;}
.dayview a {text-decoration:none;color:#ffffff;text-transform:uppercase;font-size:1.2em;padding:0px 55px;}
.dayview a:hover {color:#9ed40c;}

#rooms {width:100%;clear:both;background-color:#303030;}
#rooms .redvrijdag {height:25px;width:250px;float:left;clear:left;margin-left:35px;font-size:1.2em;color: #ffffff;background-color:#800000;text-align:center;}
#rooms .yellowvrijdag {height:25px;width:250px;float:left;clear:right;margin-left:5px;font-size:1.2em;color:#ffffff;background-color:#ebce2f;text-align:center;}
#rooms .redzaterdag {height:25px;width:130px;float:left;clear:left;margin-left:35px;_margin-left:17.5px;font-size:1.2em;color: #ffffff;background-color:#800000;text-align:center;}
#rooms .yellowzaterdag {height:25px;width:130px;float:left;clear:none;margin-left:5px;font-size:1.2em;color:#ffffff;background-color:#ebce2f;text-align:center;}
#rooms .greenzaterdag {height:25px;width:130px;float:left;clear:none;margin-left:5px;font-size:1.2em;color:#ffffff;background-color:#3f9222;text-align:center;}
#rooms .orangezaterdag {height:25px;width:130px;float:left;clear:none;margin-left:5px;font-size:1.2em;color:#ffffff;background-color:#f56b13;text-align:center;}
#rooms .bluezaterdag {height:25px;width:130px;float:left;clear:right;margin-left:5px;font-size:1.2em;color:#ffffff;background-color:#0b8b91;text-align:center;}

#vrijdagoverview {background:url(../images_pres/vrijdag.jpg) no-repeat;width:568px;height:400px;}
#zaterdagoverview {background:url(../images_pres/zaterdag.jpg) no-repeat;width:720px;height:640px;}
#redvrijdag {float:left;width:250px;clear:right;margin-left:35px;}
#yellowvrijdag {float:left;width:250px;clear:right;margin-left:5px;}
#redzaterdag {float:left;width:130px;height:640px;padding:0px 5px 0px 35px;clear:left;}
#yellowzaterdag {float:left;width:130px;height:640px;padding:0px 5px 0px 0px;clear:none;}
#greenzaterdag {float:left;width:130px;height:640px;padding:0px 5px 0px 0px;clear:none;}
#orangezaterdag {float:left;width:130px;height:640px;padding:0px 5px 0px 0px;clear:none;}
#bluezaterdag {float:left;width:130px;height:640px;padding:0px;clear:right;}
#redvrijdag a {text-decoration:none;font-size:13px;color:#400000;text-transform:capitalize;letter-spacing:-1px;}
#yellowvrijdag a {text-decoration:none;font-size:13px;color:#9e7c0b;text-transform:capitalize;letter-spacing:-1px;}
#redzaterdag a {text-decoration:none;font-size:13px;color:#400000;text-transform:capitalize;letter-spacing:-1px;}
#yellowzaterdag a {text-decoration:none;font-size:13px;color:#9e7c0b;text-transform:capitalize;letter-spacing:-1px;}
#greenzaterdag a {text-decoration:none;font-size:13px;color:#235213;text-transform:capitalize;letter-spacing:-1px;}
#orangezaterdag a {text-decoration:none;font-size:13px;color:#b65815;text-transform:capitalize;letter-spacing:-1px;}
#bluezaterdag a {text-decoration:none;font-size:13px;color:#064e51;text-transform:capitalize;letter-spacing:-1px;}

.spacer15minutes {width:250px;height:10px;clear:both;}
.spacer25minutes {width:250px;height:17px;clear:both;}
.spacer40minutes {width:250px;height:27px;clear:both;}
.spacer65minutes {width:250px;height:44px;clear:both;}
.spacer80minutes {width:250px;height:54px;clear:both;}
.spacer115minutes {width:250px;height:70px;clear:both;}
.redact30minutes {width:250px;height:18px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact45minutes {width:250px;height:28px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact60minutes {width:250px;height:38px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact75minutes {width:250px;height:48px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact90minutes {width:250px;height:58px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.yellowact30minutes {width:250px;height:18px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.yellowact45minutes {width:250px;height:28px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.yellowact60minutes {width:250px;height:38px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.yellowact90minutes {width:250px;height:58px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.greenact45minutes {width:250px;height:28px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact60minutes {width:250px;height:38px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact80minutes {width:250px;height:51px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact90minutes {width:250px;height:58px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact120minutes {width:250px;height:78px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.orangeact25minutes {width:250px;height:18px;clear:both;background-color:#f5a727;text-align:center;border-top:1px solid #f56b13;border-bottom:1px solid #f56b13;}
.blueact45minutes {width:250px;height:28px;clear:both;background-color:#11d5de;text-align:center;border-top:1px solid #0b8b91;border-bottom:1px solid #0b8b91;}

.spacer15minutes2 {width:130px;height:10px;}
.spacer25minutes2 {width:130px;height:17px;}
.spacer40minutes2 {width:130px;height:27px;}
.spacer65minutes2 {width:130px;height:44px;}
.spacer80minutes2 {width:130px;height:54px;}
.spacer115minutes2 {width:130px;height:70px;}
.redact30minutes2 {width:130px;height:18px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact45minutes2 {width:130px;height:28px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact60minutes2 {width:130px;height:38px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact75minutes2 {width:130px;height:48px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.redact90minutes2 {width:130px;height:58px;clear:both;background-color:#bf0000;text-align:center;border-top:1px solid #800000;border-bottom:1px solid #800000;}
.yellowact30minutes2 {width:130px;height:18px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.yellowact45minutes2 {width:130px;height:28px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.yellowact60minutes2 {width:130px;height:38px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.yellowact90minutes2 {width:130px;height:58px;clear:both;background-color:#ffff55;text-align:center;border-top:1px solid #ebce2f;border-bottom:1px solid #ebce2f;}
.greenact45minutes2 {width:130px;height:28px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact60minutes2 {width:130px;height:38px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact80minutes2 {width:130px;height:51px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact90minutes2 {width:130px;height:58px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.greenact120minutes2 {width:130px;height:78px;clear:both;background-color:#60df34;text-align:center;border-top:1px solid #3f9222;border-bottom:1px solid #3f9222;}
.orangeact25minutes2 {width:130px;height:18px;clear:both;background-color:#f5a727;text-align:center;border-top:1px solid #f56b13;border-bottom:1px solid #f56b13;}
.blueact45minutes2 {width:130px;height:28px;clear:both;background-color:#11d5de;text-align:center;border-top:1px solid #0b8b91;border-bottom:1px solid #0b8b91;}

#partners {width:100%; height:70px; background-color:#ffffff;padding:8px 35px 2px 35px;}
#partners a {border:none; text-decoration:none;margin-right:42px;}
#partners a img {height:60px;border: none;}


/* 5. Footer elements */

.footerinfo {font-size: 0.7em; float:left; margin: 25px 10px 0px 10px; color:#6c6c6c;}
.footerinfo a {text-decoration:none; color:#6c6c6c;}
.footerinfo a:hover {text-decoration:none; color:#9ed40c;}
#footermenu {float: right; text-transform: uppercase; font-size: .8em; color: #ffffff; margin: 25px 172px 0px 10px;}
#footermenu ul {list-style-type:none;}
#footermenu li {float: left; padding: 0px 5px; border-left: 1px solid #9ed40c;}
#footermenu li a {text-decoration: none; color: #ffffff;}


/* 6. Clearfix */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}   

/* 7. Sponsors & Partners */
#festsponsors a {border:none;text-decoration:none;}
#festsponsors a img {border:none; max-height:70px;max-width:150px;}
#sponsoritem img {float:right;margin-left:10px;}
#sponsoritem p {padding:5px 20px 5px 0px;}