/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - Screen Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		00/00/09
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.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; }

/* Algemene Styles
---------------------------------------------------------- */
textarea, body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
body{ background:#2e0047; }

/*default elements*/
::selection			{ background:#561F73; color:#FFF; /* Safari and Opera */ }
::-moz-selection  { background:#561F73; color:#FFF; /* Firefox */ }

strong, b{ font-weight:bold; }
em{ font-style:italic; }
em strong, strong em { font-weight:bold; font-style:italic; }
abbr, acronym{ border-bottom:1px dotted; cursor:help; }
.clear{ clear:both; }
a:focus{ outline:none; }

/* Container
---------------------------------------------------------- */
div#container{ width:954px; margin:0 auto; padding:346px 0 0 0; background:url(../images/layout/header_background.jpg) no-repeat 0 0; overflow:hidden }

/* Navigation
---------------------------------------------------------- */
div#navigation{ padding:0 0 0 39px; }
div#navigation{height:76px;}
div#navigation li{ float:left; }
div#navigation li a{ text-indent:-9000px; display:block; float:left; height:76px; background:url(../images/layout/navigation_background_2010.png) no-repeat 0 0; }

div#navigation li.home a{ width:87px; }
div#navigation li.artists a{ width:112px; background-position:-87px 0; }
div#navigation li.alszijhetkunnen a{ width:196px; background-position:-199px 0; }
div#navigation li.ukanhetook a{ width:155px; background-position:-395px 0; }
div#navigation li.tickets a{ width:92px; background-position:-550px 0; }
div#navigation li.practical a{ width:116px; background-position:-642px 0; }
div#navigation li.contact a{ width:125px; background-position:-758px 0; }

div#navigation li.home a.active, div#navigation li.home a:hover{ background-position:0 -76px; }
div#navigation li.artists a.active, div#navigation li.artists a:hover{ background-position:-87px -76px; }
div#navigation li.alszijhetkunnen a.active, div#navigation li.alszijhetkunnen a:hover{ background-position:-199px -76px; }
div#navigation li.ukanhetook a.active, div#navigation li.ukanhetook a:hover{ background-position:-395px -76px; }
div#navigation li.tickets a.active, div#navigation li.tickets a:hover{ background-position:-550px -76px; }
div#navigation li.practical a.active, div#navigation li.practical a:hover{ background-position:-642px -76px; }
div#navigation li.contact a.active, div#navigation li.contact a:hover{ background-position:-758px -76px; }

/* Content
---------------------------------------------------------- */
div#content_wrapper{ margin:0 0 0 39px; width:878px; clear:both; background:#FFF url(../images/layout/content_background.png) no-repeat 0 0;  }
div#content{ padding:28px 18px 28px 0; clear:both; width:842px; overflow:hidden; }
	
	/* buttons */
	a.btn_tickets{ position:relative; text-decoration:none; width:163px; height:59px; margin:0 auto; display:block; background:url(../images/layout/button_tickets.png) no-repeat left 0; }
	a.btn_tickets:hover{ background-position:right 0; }
	a.btn_tickets img{ position:absolute; top:-8px; left:-10px; }
	a.btn_tickets span{ display:none;  display:block; text-indent:-9000px; }
	
	/* items */
	div.hr{ height:6px; clear:both; margin-bottom:15px; background:url(../images/layout/hr_background.png) no-repeat center 0; width:100%; overflow:hidden; }
	div.hr hr{ display:none; }

/* Main
---------------------------------------------------------- */
div#main{ float:left; width:522px; background:url(../images/layout/main_middle.jpg) repeat-y 0 10px; margin: 5px 5px 5px 20px; color:#FFF; font-size:12px; }
div#main div#main_wrapper{ background:url(../images/layout/main_top.jpg) no-repeat 0 0; min-height:430px; padding:22px 25px 0 22px; }
div#main div#main_bottom{ background:url(../images/layout/main_bottom.jpg) no-repeat 0 0; height:14px; }

div#main div#main_wrapper h1{ font-size:20px; text-transform:uppercase; margin:0 0 10px 0; font-weight:500; }
div#main div#main_wrapper h2, div#main div#main_wrapper h2 a{ font-size:15px; text-transform:uppercase; font-weight:bold; margin:15px 0 3px 0; color:#FC0; text-decoration:none; }
div#main div#main_wrapper h2:hover a:hover {color:#fff;}
div#main div#main_wrapper p{ margin:0 0 8px 0; line-height:18px; }
div#main div#main_wrapper a{ color:#FFF; text-decoration:underline; }
div#main div#main_wrapper a:hover{ text-decoration:none; }

div#main div#main_wrapper ul {list-style:circle; padding-left:30px; }

div#main div#main_wrapper .kader { border:2px solid #FFF; background:#F0A731; padding:6px 8px; -webkit-border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; border-radius:7px; margin-bottom:10px;}

div#main div#main_wrapper #homePics {margin:20px 0; overflow:hidden; width:100%;}
div#main div#main_wrapper #homePics a {margin-right:10px;}
div#main div#main_wrapper #homePics a img {width:107px; border:1px solid #E4710E;}
div#main div#main_wrapper #homePics a:hover img { border:1px solid #F6E1A8;}
div#main div#main_wrapper #homePics a.last {margin:0 !important;}
div#main div#main_wrapper #homePics small {float:right; clear:both; display:block;}

div#main div#main_wrapper .flashbig {  width:470px; height:380px; }

div#main div#main_wrapper .form div {clear:both; padding:5px 0;}
div#main div#main_wrapper .form label {display:block; color:#FC0;}
div#main div#main_wrapper .form input, div#main div#main_wrapper .form textarea {width:440px; border:1px solid #F6E2AB; background:#E7E7E7; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2E0047; padding:3px; line-height:14px;}
div#main div#main_wrapper .form textarea {height:120px;}
div#main div#main_wrapper .form .send {width:110px; height:40px; background:url(../images/layout/btn_send.png) no-repeat 0 0; text-indent:-9000px; border:0; cursor:pointer;}
div#main div#main_wrapper .form .send:hover {background-position: 100% 0;}
div#main div#main_wrapper .form .error label {color:#F556D7;}
div#main div#main_wrapper .form .error input, div#main div#main_wrapper .form .error textarea {background:#F556D7}
div#main div#main_wrapper .form .error .error {display:block; clear:both; color:#F556D7; font-size:11px;}

/* Sidebar
---------------------------------------------------------- */
div#sidebar{ float:right; width:252px; padding:5px 0 0 0; position:relative; }
div#sidebar h2{ color:#501b6e; font-size:20px; text-transform:uppercase; margin:0 0 10px 8px; font-weight:500; }
	
	div#sidebar div.entry{ margin-bottom:20px; height:105px; width:252px; height:105px; width:252px;}
	div#sidebar div.entry a{ padding:5px; display:block; margin:7px; height:85px; width:235px; font-size:18px; color:#ac6401; text-transform:uppercase; text-align:center; font-weight:bold; text-decoration:none; position:absolute; z-index:99; }
	div#sidebar div.entry a:hover {color:#633a02;}
	
	/*div#sidebar div.entry h3{ width:130px; padding: 5px 8px; font-size:18px; color:#ac6401; text-transform:uppercase; text-align:center; font-weight:bold; }*/
	div#sidebar div.entry a.oneline{ padding-top:37px; height:50px; }
	div#sidebar div.entry a.twoline{ padding-top:22px; height:65px;}
	div#sidebar div.entry a.threeline{ padding-top:12px; height:75px;}
	
	div#sidebar div.left { background:url(../images/layout/buttons/artist_left_bg.png) no-repeat 0 0;}
	div#sidebar div.left a{padding-left:105px; width:130px;}
	div#sidebar div.left img{ position:absolute; margin-top:-7px; left:14px; }
	
	
	div#sidebar div.right { background:url(../images/layout/buttons/artist_right_bg.png) no-repeat 0 0;}
	div#sidebar div.right a{padding-right:105px; width:130px;}
	div#sidebar div.right img{ position:absolute; margin-top:-10px; right:14px; }
	
	div#sidebar #partners {width:252px; height:105px; display:block; overflow:hidden; margin-bottom:20px; background:url(../images/layout/partners/bg.png) no-repeat 0 0; }
	div#sidebar #partners a {width:252px; height:105px; display:block; text-indent:-9000px;} 
	div#sidebar #partners a#vt4{background:url(../images/layout/partners/vt4.png) no-repeat 0 0;}
	div#sidebar #partners a#ethias{background:url(../images/layout/partners/ethias.png) no-repeat 0 0;}
	div#sidebar #partners a#hbvl{background:url(../images/layout/partners/hbvl.png) no-repeat 0 0;}
	div#sidebar #partners a#tvl{background:url(../images/layout/partners/tvl.png) no-repeat 0 0;}
	div#sidebar #partners a#radio2{background:url(../images/layout/partners/radio2.png) no-repeat 0 0;}
	div#sidebar #partners a#leo{background:url(../images/layout/partners/leo.png) no-repeat 0 0;}
	div#sidebar #partners a#primo{background:url(../images/layout/partners/primo.png) no-repeat 0 0;}
	div#sidebar #partners a#centerparcs{background:url(../images/layout/partners/centerparcs.png) no-repeat 0 0;}
	div#sidebar #partners a#mediamarkt{background:url(../images/layout/partners/mediamarkt.png) no-repeat 0 0;}
	div#sidebar #partners a#essec{background:url(../images/layout/partners/essec.png) no-repeat 0 0;}
	div#sidebar #partners a#vtm{background:url(../images/layout/partners/vtm.png) no-repeat 0 0;}
	
	div#sidebar #tv {width:212px; height:212px; padding:20px; display:block; overflow:hidden; margin-bottom:20px; background:url(../images/layout/video.png) no-repeat 0 0; }
	div#sidebar #tv a{color:#2E0047; font-size:11px; float:right; }
	div#sidebar #tv #spot {width:212px; height:200px;}
	
	
/* Footer
---------------------------------------------------------- */
div#footer{ position:relative; clear:both; height:142px; background:url(../images/layout/footer_background.jpg) no-repeat 0 0; }
div#footer p{ position:absolute; top:70px; color:#FFF; text-align:center; width:100%; }

div#banner{width:728px; height:90px; margin:0 auto; padding:10px 0 30px 0; overflow:hidden;}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:9998;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #666;
	z-index:9999;
}
#lbCenter {
	border-width: 1px 1px 0 1px;
}
#lbBottomContainer {
	border-width: 0 1px 1px 1px;
}
.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 0%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 0%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCaption {
	font-weight: bold;
}
#lbBottom a {
	padding: 4px 10px;
	border: 1px solid #e3e3e3;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}
#lbBottom a:hover {
	border: 1px solid #CCCCCC;
	background-color: #f9f9f9;
	color: #666666;
}
#lbBottom #lbCloseLink {
	display: block;
	background-image: url(../images/slimbox/close.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
	margin: 5px 0 0 0;
	padding-left: 25px;
	line-height: 22px;
	float: right;
	text-align: center;
}
#lbBottom #lbCaptionPrevLink, #lbBottom #lbCaptionNextLink {
	display: block;
	margin: 5px 5px 0 0;
	line-height: 22px;
	float: left;
	text-align: center;
}
#lbBottom #lbCaptionPrevLink {
	background-image: url(../images/slimbox/prev.gif);
	background-repeat: no-repeat;
	background-position: 8% 50%;
	padding-left: 25px;
}
#lbBottom #lbCaptionNextLink {
	background-image: url(../images/slimbox/next.gif);
	background-repeat: no-repeat;
	background-position: 92% 50%;
	padding-right: 27px;
}
#lbNumber {
	font-style: italic;
}

#lbUploadField {width:300px; padding:15px; top:200px; left:50%; margin-left:-150px; position:absolute; z-index:100000; background:#fff; display:none; overflow:hidden;}
#lbUploadField .center {text-align:center;}
#lbUploadField h2 {color:#54342f; font-size:16px; font-weight:bold; font-family:trebuchet ms; border-bottom:1px solid #54342f; margin: 13px 0 10px 0;}