@charset "UTF-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 18-03-2009
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

body.lijst div.hide {display:none;}

div#flashIdBanner {display:none;}

html {padding:0;}

body {
	color:#000000;
	background: #4f4f4d;
	font: 13px/16px Arial, Helvetica, sans-serif;
	margin:0;
}

a, a:hover {text-decoration:none;}
a {color: #e1272a;}
a:hover {color: #000;}

hr {
	clear:both;
	border-bottom: 1px solid #b7ccc3;
	border-top: none; 
	border-left:none; 
	border-right:none;
	color: #b7ccc3;
	padding:0;
	display:block;
	margin: 0 11px 11px 11px;
	height:1px;
}	


a:active, a:focus {outline: 0}


h1 {
	color:#e1272a;
	text-transform: uppercase;
	font-size: 17px;
	margin:15px 0 3px 0;
	padding:0;
	display:block;
	clear:both;
	float:left;
}

h2, div#sidebar div.col h3 {
	font-size: 16px/*14px*/ ;
	line-height: 16px;
	text-transform: uppercase;
	display:block;
	float:left;
	clear:both;
}

h5 {
	padding:0;
	margin: 0 0 10px 0;
	color:#e1272a;
	font-size:13px;
	font-weight:normal;
	}

img {border:none;}

em { font-style:normal; color:#666;}

address {
	font-style:normal;
	margin:0;
	padding:0;
	}

/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */

.clearfix:after, div#header:after, div#main:after, div#content:after,ul.shows:after, div.col:after, div.twitter ul li:after, div.page:after, ul#subnav:after, ul#upnav:after, div#footer:after, div#footer div.top:after, div#footer div.bottom:after, ul.news li:after, div.col:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
*html .clearfix,*html div#header, div#main, *html div#content,*html ul.shows,*html div#pagina,*html div.col,*html div.twitter ul li,*html div.page,*html ul#subnav, div#footer, *html div#footer div.top, *html div#footer div.bottom, *html ul.news li, div.col  {height: 1%;}
/* End hide from IE-mac */

/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*       MAIN DIVS        */

div#wrapper { 
	position: relative;
	margin: 0 auto;
	width: 990px;
	}
	
div#header {
	position: relative;
	display:block;
	clear:both;
	margin-bottom: 54px;
	}
	
body.programme div#header, 
body.winkelwagen div#header{margin-bottom: 31px;}
	
div#header div.tools {float: right;}

div.tools {}
	
div#content {
	width: 615px;
	float:left;
	margin-right:22px;
	margin-bottom: 15px;
	position:relative;
	z-index:1;
}

body.programme div#content {width:760px;}
body.winkelwagen div#content {width:988px;}
body.basic div#content { margin-right:20px;}

div#content div.col {
	background-color:#fff;
	padding: 0 0 5px 0;
	z-index:1;
	}
	
div#content em { color:#333333; font-style:italic;}
	
body.programme div#content div.col {padding: 0 11px 12px 12px;}

body.basic div#content div.col {margin:0;}

body.basic div#content div.col h1 {
	margin:0 11px 10px 11px;
	padding-top:8px;
	width: 595px;
	float:none;
	}	
body.winkelwagen div#content div.col h1 {
	margin: 8px 11px 12px 11px;
	width: 737px;
}
body.basic div#content div.col h2,
body.basic div#content div.col p,
body.basic div#content div.col address {margin: 0 11px 12px 12px;}

body.basic div#content div.col h2 {margin: 0 11px 3px 12px;}

div#content div.col p {margin:0 21px 10px 21px;}

div.txt {
	z-index:2;
	float:left;
	margin-top:0;
	margin-bottom:10px;
	position:relative;
	background-color:white;
	width: 615px;
}

div.txt.col {
	float: left;
	width: 445px;
}

div.colRight {
	float:left;
	width: 154px;
	margin-top: 15px;
}

div#content div.col div.top {
	margin:9px;
	border: 1px solid #b7ccc3;
	}
div#content div.col p.credits, div#content div.col span.credits, div#content div.col span.credits p em {color:#999;}
div#content div.col div.top p {margin: 11px 11px 8px 11px;}
div#content div.col h5 {margin:0 21px 10px 21px;}
	
div#sidebar {
	float:left;
	width:345px;
	padding:0;
	margin-bottom:50px;
	}
body.programme div#sidebar, 
body.winkelwagen div#sidebar {
	width: 198px;
	margin-top:25px;
	margin-left:7px;
	float:left;
}

div.wrap {float:left;}

div#map {
	position: relative;
	clear: both;
	border: 1px solid #b7ccc3;
	}
	
/*      MAIN DIVS        */
/*+++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*          NAV           */


/*ul#nav {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	width: 990px;
	}
	
ul#nav li {
	float:left;
	margin:0;
	padding:0;
	} 
	
ul#nav li a { 
	display: block;
	height:42px;
	padding:0;
	margin:0;
	}
	
ul#nav li.huis a {background: url(../img/logo_huis_1.png) no-repeat left top;}
ul#nav li.huis a:hover {background: url(../img/logo_huis_2.png) no-repeat left top;}
ul#nav li.huis a {width: 150px;}
ul#nav li.festival a {
	background: url(../img/logo_festival_1.png) no-repeat left top;
	width: 197px;
	}
ul#nav li.huis em a {background-image: url(../img/logo_huis_2.png);}
ul#nav li.festival a {background-image: url(../img/logo_festival_2.png);}
ul#nav li a span {display:none;}
ul#nav li ul {
	position:absolute;
	left:0;
	padding:0;
	margin:0;
	background-color:#fff;
	width: 980px;
	list-style:none;
	height: auto;
	padding-left:10px;
	}
	
ul#nav li.festival ul a, ul#nav li.festival ul li.last {
	background:none;
	width:auto;
	height: auto;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	}
	
ul#nav li.festival ul em a, ul#nav li.festival ul a:hover {
	font-style:normal;
	color: #e1272a;
	}

ul#nav li.festival ul li.first {
	background:none;
	padding-left:0px;
}
 
ul#nav li.festival ul li {
	background: url(../img/divider.gif) no-repeat left 10px;
	padding: 7px 10px 0 20px;
}
	
ul#nav li.festival ul li.first {background:none;}

ul#nav li.festival ul li.last {
	float:right;
	background:url(../img/cart_1.gif) no-repeat right center;
	margin-right: 10px;
	padding-right: 13px;
	}
	
ul#nav li.festival ul li.last.full { background-image:url(../img/cart_2.gif);}

ul#nav li.festival ul li.last a {margin: 4px 5px 0 0;}
ul#nav li.festival ul li.last div {
	display:inline-block;
	color: #fff;
	width:22px;
	height:22px;
	background: url(../img/cart.gif) no-repeat center center;	
	padding: 7px 0 0 14px;
	position:absolute;
	top: 4px;
	right:0;
	font-size:12px;
}*/

div#sidebar div.infobanner {
	background-color:#F9F9F9;
	padding:5px 0 5px 0;
}

div#sidebar div.col div.infolink {
	cursor:pointer;
	width:332px;
}

div#sidebar div.col div.infolink a {
	color:#E1272A;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
	padding-right:15px;
}

.banneropen {
	background-image:url(../img/arrowUp.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.bannerclosed {
	background-image:url(../img/arrowOpen.gif);
	background-position:right;
	background-repeat:no-repeat;	
}

div#sidebar div.col div.infoslide {
	/*display:none;*/
}


ul#nav {
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	width: 990px;
	}
	
ul#nav li {
	float:left;
	margin:0;
	padding:0;
	} 
	
ul#nav li a { 
	display: block;
	height:42px;
	padding:0;
	margin:0;
	outline:none;
	}
	
ul#nav li.huis a {background: url(../img/logo_huis_1.png) no-repeat left top;}
ul#nav li.huis a:hover {background: url(../img/logo_huis_2.png) no-repeat left top;}
ul#nav li.huis a {width: 150px;}
ul#nav li.festival a {
	background: url(../img/logo_festival_1.png) no-repeat left top;
	width: 197px;
	}
ul#nav li.huis em a {background-image: url(../img/logo_huis_2.png);}

ul#nav li span {display:none;}
ul#nav li ul {
	position:absolute;
	left:0;
	padding:0;
	margin:0;
	background-color:#fff;
	width: 980px;
	list-style:none;
	height: auto;
	padding-left:8px;
	}
ul#nav li.festival ul a, ul#nav li.festival ul li.winkelmandje {
	background:none;
	width:auto;
	height: auto;
	}
ul#nav li.festival ul li {
	background: url(../img/divider.gif) no-repeat left 10px;
	padding: 0 11px;
}
ul#nav li.festival ul em a, ul#nav li.festival ul a:hover {
	font-style:normal;
	color: #e1272a;
	}
ul#nav li.festival ul li a {height:37px; display:block;}

ul#nav li.festival ul li.home {padding-left:0px;background:none;}
ul#nav li.festival ul li.home a {background:url(../img/menu_home_1.gif) no-repeat left center; width: 43px;}
ul#nav li.festival ul li.home em a,
ul#nav li.festival ul li.home a:hover {background-image:url(../img/menu_home_2.gif);}

ul#nav li.festival ul li.programma a {background:url(../img/menu_programma_1.gif) no-repeat left center;width: 95px;}
ul#nav li.festival ul li.programma em a,
ul#nav li.festival ul li.programma a:hover {background-image:url(../img/menu_programma_2.gif);}

ul#nav li.festival ul li.nieuws a {background:url(../img/menu_nieuws_1.gif) no-repeat left center;width: 60px;}
ul#nav li.festival ul li.nieuws em a,
ul#nav li.festival ul li.nieuws a:hover {background-image:url(../img/menu_nieuws_2.gif);}

ul#nav li.festival ul li.partners a {background:url(../img/menu_partners_1.gif) no-repeat left center;width: 75px;}
ul#nav li.festival ul li.partners em a,
ul#nav li.festival ul li.partners a:hover {background-image:url(../img/menu_partners_2.gif);}

ul#nav li.festival ul li.pers a {background:url(../img/menu_pers_1.gif) no-repeat left center;width: 38px;}
ul#nav li.festival ul li.pers em a,
ul#nav li.festival ul li.pers a:hover {background-image:url(../img/menu_pers_2.gif);}
	
ul#nav li.festival ul li.overons a {background:url(../img/menu_overons_1.gif) no-repeat left center;width: 71px;}
ul#nav li.festival ul li.overons em a,
ul#nav li.festival ul li.overons a:hover {background-image:url(../img/menu_overons_2.gif);}
		
ul#nav li.festival ul li.contact a {background:url(../img/menu_contact_1.gif) no-repeat left center;width: 68px;}
ul#nav li.festival ul li.contact em a,
ul#nav li.festival ul li.contact a:hover {background-image:url(../img/menu_contact_2.gif);}

ul#nav li.festival ul li.english a {background:url(../img/menu_english_2.gif) no-repeat left center;width: 68px;}
ul#nav li.festival ul li.english em a,
ul#nav li.festival ul li.english a:hover {background-image:url(../img/menu_english_1.gif);}
				
ul#nav li.festival ul li.winkelmandje  {
	background:url(../img/menu_winkelmandje_1.gif) no-repeat left center;
	width: 143px;
	height: 37px;
	float:right;
	margin-right:10px;
	display:block;
	padding:0;
	}
ul#nav li.festival ul li.winkelmandje a {background:url(../img/menu_winkelmandje_1.gif) no-repeat left center;}
ul#nav li.festival ul li.winkelmandje em a,
ul#nav li.festival ul li.winkelmandje a:hover {background-image:url(../img/menu_winkelmandje_3.gif);}

/*
ul#nav li.festival ul li.winkelmandje.empty em a,
ul#nav li.festival ul li.winkelmandje.empty em a:hover {background-image:url(../img/menu_winkelmandje_3.gif);}
*/
ul#nav li.festival ul li.winkelmandje em a,
ul#nav li.festival ul li.winkelmandje em a:hover {background-image:url(../img/menu_winkelmandje_3.gif);}


div#content ul#subnav {
	list-style:none;
	margin:25px 0 0 0;
	padding: 0;
	width: 614px;
	display:block;
	background: url(../img/subNav_bck.png) repeat-x;
}
body.programme div#content ul#subnav {
	width: 760px;
	margin-bottom: 11px;
	}
div#content ul#subnav li {
	margin:0;
	float:left;
}
div#content ul#subnav li a {
	padding: 6px 10px;
	width:auto;
	height: auto;
	display:block;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
div#content ul#subnav li a:hover {
	background: url(../img/subnav_hover.png) repeat-x;
}
div#content ul#subnav li em a,div#content ul#subnav li em a:hover {
	color: #000;
	background:#fff;
	font-style:normal;
}

div#content ul#subnav li.last {
	/*float:right;
	margin-right:10px;*/
	width:180px;
	position:absolute;
	right: 10px;
	}
div#content ul#subnav li.last a {
	text-transform:none;
	font-weight:normal;
	margin:0;
	padding: 6px 0 6px 8px;
	background: url(../img/more_2.png) no-repeat left 11px;
	float:right;
	}
div#content ul#subnav li.last a:hover {color: #000;}

div#sidebar ul#subnav {
	background:url(../img/subnav_bck.gif) repeat-y right;
	list-style: none;
	margin:0 0 15px 0;
	padding:12px 12px 4px 0;
	width: 340px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	}
div#sidebar ul#subnav li  {
	padding: 0;
	margin: 0;
	}	
div#sidebar ul#subnav li a {
	color:#000;
	}
div#sidebar ul#subnav li a:hover {
	color:#e1272a;
	}	
div#sidebar ul#subnav li em {
	background: url(../img/subnav_selected.gif) no-repeat left top;
	padding-left: 18px;
	padding-top: 10px;
	}
div#sidebar ul#subnav li em a {color:#e1272a;}
div#sidebar ul#subnav li span {padding-left:18px;}

div.partners div.popup {
	font-size:11px;
	display:none;
	position:absolute;
	top:0px;
	left:50px;
	width: 230px;
	padding-top:10px;
	z-index:450;
}

div.partners div.popup div.titel{
	position:absolute;
	font-size:13px;
	font-weight:bold;
	line-height:0.9em;
	top:22px;
	left:35px;
	color:#e2282a;
}

div.partners div.popup div.popupcontent {
	background-image:url(../img/popup/middle.png);
	background-repeat:repeat-y;
	padding:0 15px 7px 35px;
}

div.partners div.popup div.popuptop {
	width:230px;
	height:32px;
	background-image:url(../img/popup/top.png);
}

div.partners div.popup div.popupbottom {
	width:230px;
	height:22px;
	background-image:url(../img/popup/bottom.png);
}


div.partners div.popup div.link {
	position:absolute;
	margin-left:35px;
	bottom:12px;
}

ul#tabs {
	list-style:none;
	float:right;
	text-transform:uppercase;
	font-weight:bold;
	margin: 10px 0 7px 0 ;
	padding:0;
	}
ul#tabs li {float:left;}
ul#tabs li a, a.button {
	color:#000;
	border: 1px solid #9b9b9b;
	padding: 3px 4px;
	margin:0 0 0 8px;
	line-height: 24px;
	}
	
a.button { 
	background-color:#e1272a;
	color:#fff;
	margin:0; 
	padding:2px 3px; 
	font-size:12px;
	border:none;}
	
a.button:hover {
	background-color:#333333;
	}
	
	
ul#tabs li em {font-style:normal;}
ul#tabs li a:hover, ul#tabs li em a {
	background-color:#e1272a;
	border: 1px solid #e1272a;
	color:#fff;
}
	
/*         NAV            */
/*++++++++++++++++++++++++*/




/*++++++++++++++++++++++++*/
/*        CONTENT         */

div.tools {
	behavior: url(css/csshover3.htc); 
	margin-top:9px;
	margin-right:-2px;
	position: absolute;
	right: 0;
}

div.tools a {
	color: #333;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	margin: 5px 10px 0 0;
	}
	
div.tools a:hover { 
	color: #e1272a;
	display: block;
}


div#homeCycle {height:312px;}

div.slideshow {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width: 615px;
	height: 312px;
	z-index:0;
}
	
/*	div.slideshow  div.load2 {
		position:absolute;
		top:10px;}
	
/*div.slideshow img {
	position:absolute;
	top: 0;
	z-index:1;
}*/

div.slideshow div.title {
	position:absolute;
	z-index:3;
	width: 480px;
	top:0; 
}


div.slideshow h1, body.detail div#content div.col div.slideshow h1 {
	background-color:#000;
	border:none!important;
	color:#fff;
	z-index:5;	
	margin:15px 0 0 10px;
	padding:2px 5px 0 5px;
	font-size:18px;
	cursor:pointer;
	letter-spacing:0;
}

div.slideshow h1 a { color: #fff;}
div.slideshow h1 a:hover {color: #e1272a;}

/*div#content div.col h2 {
	text-transform:none;
	font-weight:normal;
	margin-bottom:0;
}*/


div.slideshow h2, body.detail div#content div.col div.slideshow h2 {
	color: #666;
	background-color:#fff;
	z-index:5;
	position:relative;
	margin:5px 0 8px 10px;
	padding:3px 5px 0 5px;
	letter-spacing:-1px;
}

div.slideshow p {
	background-color: #fff;
	padding:3px 5px;
	display:inline;
	}

div.slideshow a.more {
	padding: 3px 3px 3px 10px;
	margin: 0 0 0 10px;	
	background-color: #fff;
	background-position: 2px center;
	clear:both;
}


div.slideshow span {
	padding: 3px;
	margin:0 0 7px 10px;	
	background-color: #fff;
	background-position: 2px center;
	clear:both;
	display:inline-block;
	clear:both;
}
div.slideshow div.time, ul.shows div.time {
	position:absolute;	
	right:0;
	font-weight:bold;
	color: #e1272a;
	z-index:3;
	margin:20px 10px 0 10px;
	padding:0!important;
}
ul.shows div.time { margin-top: 10px;}
div.slideshow div.time {
	left:0;
	bottom:10px;
	right:auto;
}

div.slideshow div.time p, ul.shows div.time p {
	background-color: #fff;
	padding:2px 4px;
	margin:0 0 6px 0;
	width:auto;
	height:auto;
	display:block;
}
div.slideshow div.paging {
	height:29px;
	bottom:0;
	left:0;
	width:605px;
	margin:0;
	padding:0 10px 0 0;
	position:absolute;
	z-index:10;
	background-color:#fff;
}
div.slideshow div.paging a, div.slideshow div.paging div.pages {margin-top:3px;}

body.basic div#content div.col div.paging {
	margin:0 0 5px 0;
	padding: 5px 10px 0 10px;
}

div#sidebar div.paging {
	width: 315px;
	padding: 5px 10px 0 15px;
	}
div.paging span.prev a, div.paging span.next a {
	font-weight: bold;
	color: #e1272a;
	cursor: pointer;
}
div.paging span {line-height: 21px;}
div.paging span.prev {float:left; }
div.paging span.prev a {	
	padding: 0 0 0 12px;
	background: url(../img/prev.gif) no-repeat left 2px;
}
/*div#sidebar div.paging span.prev a,
body.basic div.paging span.prev a {padding-left:12px;}*/

div.paging span {color: #666;}
div.paging span a:hover {color:#333;}
div.paging span.next {float:right; clear:none;}
div.paging span.next a {
	padding: 0 12px 0 0;
	background: url(../img/next.gif) no-repeat right 3px;
}

div.pages {
	padding-top:3px;
	margin: 0 auto;
	width: 70%;
	text-align: center;
	}
div#sidebar div.pages { width:50%;}
div.pages a {
	color: #333;
	background: url(../img/divider.gif) no-repeat left center;
	padding: 0 3px 0 10px;
}
div.pages a.first {
	background:none;
	padding-left:0;
	}
div.pages a:hover {color: #e1272a;}
div.pages em a, div.pages a.select, div.pages a.activeSlide {
	font-style:normal;
	color: #e1272a;
	font-weight:bold;
}

ul.gallery {
	list-style:none;
	margin:0;
	padding:0;
	position: absolute;
	right:0;
	width: 615px;
	z-index:1;
	top: 288px;
	height:140px;
	z-index:1;	
	}
ul.gallery.videoOn, ul.gallery.photoOn {bottom:-23px;}
ul.gallery.videoOn li.video ul, ul.gallery.photoOn li.photo ul {
	display:block;
	height: 98px;
	}
ul.gallery.videoOn li.video,
ul.gallery.photoOn li.photo {display: block;}
ul.gallery li {
	float:right;
	margin:0 10px 0 -5px;
	padding:0;
}

ul.gallery li a {
	font-weight:bold;
	color:#fff;
	background-color:#666;
	padding: 3px 5px;
	line-height: 20px;
	cursor:pointer;
	}
ul.gallery li a:hover {background-color:#333;}

ul.gallery a {outline:none; border: none;}

ul.gallery ul {
	list-style:none;
	margin: 0;
	padding: 14px 0 7px 10px;
	position:absolute;
	left: 0;
	width: 605px;
	z-index:20;
	background-color:#333;
	display:none;
	}
ul.gallery ul li {
	float:left;
	padding:0;
	}
ul.gallery.videoOn li.video a, ul.gallery.photoOn li.photo a { background-color:#333;}
ul.gallery ul li a {
	position:relative;
	background:none;
	padding:0 0 0 8px;
	margin:0;
}
ul.gallery ul li a span {
	background:url(../img/plus.gif) no-repeat right top;
	z-index: 15;
	display:block;
	width: 11px;
	height:11px;
	position: absolute;
	right:7px;
	top:-73px;
	}

ul.shows, ul.news {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	background: url(../img/shows_bck.gif) repeat-y left bottom;
	height: 100%;
	}
	
	
ul.news {
	margin: -10px 0 0 11px;
	padding:0;
	border-bottom: 1px solid #b7ccc3;
	border-bottom:none;
}

div#sidebar ul.news {
	color: #666;
	margin-top:0px;
	}

body.programme ul.shows {
	border-top: 1px solid #b7ccc3;
	padding-top: 10px;
	clear:both;
}
ul.shows li {
	width: 198px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	position:relative;
	background-color:#fff;
}

ul.news li {
	clear: both;
	margin-bottom:15px;
	}
div#sidebar ul.news li {margin-bottom:8px;}
div#sidebar ul.news li span {
	float:left;
	width: 75px;
	}
div#sidebar ul.news li a {
	color: #333;
	font-weight:bold;
	margin-left:5px;
	float:left;
	clear:none;
	width:235px;
}
div#sidebar ul.news li a:hover {
	color: #e1272a;
}

body.programme ul.shows li {
	width: 358px;
	margin-left:0;
	margin-bottom:15px;
	padding-right:10px;
	}
ul.shows li.first {margin-left: 0;}
ul.shows li.break { clear:both;}

ul.shows h3,
body.basic div#content div.col ul.news h3, 
body.programme div#sidebar div.col h3,
body.winkelwagen div#sidebar div.col h3,
body.basic div#content div.col h2 {
	text-transform:none;
	font-size:16px;
	font-weight:normal;
	clear:both;
	color:#000;
	margin:10px 0 2px 0;
	display:block;
	width: 100%;
}
body.basic div#content div.col ul.news h3 { margin:0;}
body.basic div#content div.col h2 {margin: 0 0 2px 11px;}

body.programme div#sidebar div.col h3,
body.winkelwagen div#sidebar div.col h3 {margin-left:11px;}
body.programme ul.shows h3 {
	margin-top:0;
	margin-left:0;
	}

ul.shows h3 a, 
ul.news h3 a,
div#sidebar h3 a {color: #000;}

ul.shows h3 a:hover, 
ul.news h3 a:hover,
div#sidebar h3 a:hover {color: #e1272a;}

body.programme ul.shows div page {margin-top:0;}

body.programme ul.shows h3,
body.programme ul.shows h4 {display:inline-block;}

ul.shows h4,
ul.news h4,
div#sidebar div.col h4,
body.basic div#content div.col h3 {
	margin:3px 0;
	padding:0;
	text-transform:none;
	font-size:13px;
	font-weight:normal;
	display:block;
	color: #666;
}
ul.shows h4 { margin-bottom:5px;}
body.basic div#content div.col h3 {margin:0 11px 10px 11px;}
ul.news h4,
div#content div.col ul.news p {margin-left:0;}

ul.shows h4 a,
div#sidebar h4 a {color:#666;}
ul.shows h4 a:hover, div#sidebar h4 a:hover {color:#e1272a;}

/*body.programme div#content div.col ul.shows p {
	margin-top:10px;
	margin-left:0;
	}*/
	
ul.shows div {
	padding:0 10px;
	margin:0;
	}
ul.shows div p {
	margin:5px 0 0 0;
	padding:0;
	}
ul.news li div {
	float:left;
	width: 385px;
	}

body.programme ul.shows div {
	float:right;
	width: 188px;
	padding:0;
	margin:0;
	}
	
body.basic div#content div.col div.right {
	float:right; 
	margin: 0 12px 10px 10px;
	width:198px;
	font-size:11px;
	font-style:italic;
	color:#666666;
	}
	
body.basic div#content div.col ul.news li img,
body.programme ul.shows img {
	float:left;
	margin:0 10px 0 0;
	}
ul.news li img {margin-right: 10px;}

ul.links, div#sidebar ul.links {
	font-weight:bold;
	padding-left:12px;
	margin-left:0;
	list-style:none;
	clear:both;
	}
div#sidebar ul.links {margin-bottom: 0;}
ul.links a, div#sidebar ul.links a { color:#333;}
ul.links a:hover, div#sidebar ul.links a:hover {color: #e1272a;}
ul.links a em {
	font-weight: normal;
	font-style:normal!important;
	}
ul.links li {
	background: url(../img/more.gif) no-repeat left 5px;	
	padding-left: 10px;
	padding-bottom: 5px;
	}
ul.links.download li{
	background-image: url(../img/download.gif);
	background-position: top left;
	padding-left: 14px;
}
ul.links.download li span{
	font-weight:normal;
	color:#666;
}

p.intro {font-weight:bold;}
p.back {
	border-bottom: 1px solid #b7ccc3;
	padding: 12px 0 10px 0;
	}
p.back a {
	background: url(../img/back.gif) no-repeat left 4px;
	padding-left:10px;
	font-weight:bold;
	color:#333;
}
p.back a:hover {color: #e1272a;}

div#main
{
	position:relative;
	z-index:100;
	float:left;
	margin-bottom:20px;
}

/*++++++++++++++++++++++++*/
/*        TWITTER         */

div.twitter, body.home div.twitter {
	margin:0 0 13px 0;
	padding: 7px 15px 75px 8px;
	width: 322px;
	height: 264px;
	position:absolute;
	right:-7px;
	bottom:-38px;
	background: url(../img/twitterBck_2010.gif) no-repeat right bottom;
	z-index:150;
	border-top:1px solid #202020;
}

body.winkelwagen div.twitter
{display:none;}
div.twitter li img {width:48px;}

div.twitter a.close, div.twitter a.close:hover {
	min-width:11px;
	padding-right:15px;
	padding-bottom:5px;
	height:11px;
	background: url(../img/close.gif) no-repeat right center;
	position:absolute;
	right: 15px;
	top: 12px;
	cursor:pointer;
}

div.twitter a.close:hover {background:url(../img/close_rollover.gif) no-repeat right center;}

div.twitter a.close span {display:none;}

div.twitter a.close:hover span {
	display:block;
	cursor:pointer;
}

div.twitter a.switch, div.twitter.off a.switch
{
	display:block;
	cursor:pointer;
	width:100px;
	height:150px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:500;
}

div.twitter.off, body.home div.twitter.off {
	background-image: url(../img/twitterBck_2010_close.gif);
	background-position:right bottom;
	border:none;
	margin-right:1px;
	position:absolute;
	z-index:-1;
/*	top:-63px;		
	top:-5em;*/
	}
div.twitter.off h2, div.twitter.off ul, div.twitter.off a {display:none; }

div#sidebar h2,  div.twitter h2 {
	font-size: 15px;
	line-height: 16px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #b7ccc3;
	color:#e1272a;
	}
	
div.twitter h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0px 0;
	}

div.twitter a.openClose {
	display:block;
	width: 100px;
	height: 125px;
	position:absolute;
	right:8px;
	top: 20px;
	}
div.twitter ul {
	list-style:none;
	margin:0;
	padding:0;
}
div.twitter ul li {
	margin:0 0 6px 0;
	padding:0 0 3px 0;
	clear:both;
	display:inline-block;
	border-bottom: 1px solid #b7ccc3;
	position:relative;
}	

div.twitter h3  {
	color:#000;
	font-weight:normal;
	font-size:15px;	
	margin:0;
	padding:0;
}
div.twitter h3 a {color:#000;}
div.twitter h3 a:hover {color:#e1272a;}

div.twitter p {
	margin:6px  0 5px 0;
	padding:0;
	clear:both;
	color:#333;
	}
	
div.twitter ul img {
	float: left;
	margin:1px 7px 5px 0;
	}
	
div.twitter ul li div {	
	float: right;
	width: 263px;
	padding:0;
	margin:0;
	}
	
div.twitter ul span.time {
	background-color:#b7ccc3;
	padding: 2px 3px 1px 3px;
	color:#fff;
	font-weight:bold;
	font-size: 11px;
	position:absolute;
	right:0;
	top:0;
}

a.more, a.download, a.pers, a.persfirst, table.beeldmateriaal a {
	color:#000;
	font-weight:bold;
	font-size:12px;
	padding-left:8px;
	background: url(../img/more.gif) no-repeat left 3px;
	line-height:20px;
	}
	
div.twitter a.more {line-height: 20px;}

/*        TWITTER         */
/*++++++++++++++++++++++++*/

a.download {
	 background: url(../img/download.gif) no-repeat left center;
	 padding:3px 0 0 15px;
	 margin-bottom:-10px;
	 } 
	
a.pers, table.beeldmateriaal a { background:none; padding:0; margin-right:15px;}
table.beeldmateriaal a { margin:0;}

a.persfirst { background:url(../img/dots.gif) right no-repeat; padding: 0 10px 0 0; }
	 
div#sidebar a.download {
	padding: 10px 15px;
	margin-left:15px;
	display:block;
	}
a.more:hover, a.download:hover, a.pers:hover, table.beeldmateriaal a:hover, a.persfirst:hover {color: #e1272a;}

div#content div.col h1 {
	border-bottom: 1px solid #b7ccc3;
	padding:0;
	margin:0;
} 
body.winkelwagen div#content div.col h1 {
	width:968px;
}
body.programme div#content div.col h1 {
	margin:0;
	border:none;
	padding: 8px 0 5px 0;	
	clear: none;
}

	 
div#sidebar div.col h2{
	margin:10px 11px 10px 11px;
	padding-bottom:0;
	}
	
div#sidebar div.col h3 {
	margin:10px 15px -5px 11px;
	padding-bottom:0;
	}

div#sidebar div.col h4,
div#sidebar div.col p,
div#sidebar div.col a.more {margin: 10px 11px;}

div#sidebar div.col h2,
div#sidebar div.col h3,
div#sidebar div.col h4,
div#sidebar div.col p,
div#sidebar div.col a.more {width: 322px;}

body.programme div#sidebar div.col h2,
body.programme div#sidebar div.col h3,
body.programme div#sidebar div.col h4,
body.programme div#sidebar div.col p,
body.programme div#sidebar div.col a.more,
body.winkelwagen div#sidebar div.col p,
body.winkelwagen div#sidebar div.col h2,
body.winkelwagen div#sidebar div.col h3,
body.winkelwagen div#sidebar div.col h4,
body.winkelwagen div#sidebar div.col a.more {width: 174px;}

div#sidebar div.col h4 {margin-top: 0px;}

div#sidebar div.col {
	background:#fff;
	margin:0 0 17px 7px;
	padding-bottom:10px;
	width: 345px;
	z-index:1px;
	}
	
div#sidebar div.banner {
	margin-left:8px;
	margin-bottom:17px;
	width:345px;
}

div#sidebar div.low {
	margin-bottom:27px;
}

div#sidebar div.banner div#flashId {
	margin:0;
	padding:0;
	}

body.programme div#sidebar div.banner {
	margin-left:0px;
	width:198px;
	}
body.programme div#sidebar div.col, 
body.winkelwagen div#sidebar div.col {
	width: 198px;
	margin:0 0 17px 0;
	}

div#sidebar div.col div#map_small {
	margin: 12px 0 5px 12px;
	width:319px;
	height:232px;
	float:left;
	}

/*div#sidebar div.col iframe {margin: 12px 0 12px 12px;}*/

table.order {
	margin: 5px 11px 0 12px;
	width: 322px;
	border-bottom: 1px solid #b7ccc3;
	border-collapse:collapse;
	clear:both;
	font-size:12px;
	}

table.order td {
	padding: 0 0 13px 0;
	margin: 10px 0;
	vertical-align:top;
	}
table.order td.col1 {
	font-weight:bold;
	width: 72px;
	}
table.order td.col2 { width:55px;}
table.order td.col1, table.order td.col2, table.order td.col3 {padding-right: 6px;}
	
table.order td.col1 span {
	display: block;
	padding: 0 4px;
	background-color:#e5e5e5;
}
table.order td.col4 {width: 85px;}
table.order td.col4 span {
	background: url(../img/uitverkocht.gif) no-repeat right center #BBBBBB;
	padding:0 4px;
	color:#fff;
	font-weight:bold;
	display:block;
}
table.order td.col4 span.kassa {
	padding:0;	
	background-image:none;
	background-color:#BBBBBB;
}
table.order td.col4 span.uitverkocht {
	padding:0 4px;
}
table.order td.col4 span.gratis { background: url(../img/gratis.gif) no-repeat right center; }
table.order td.col4 a {
	background: url(../img/orderArrow_1.gif) no-repeat right center;	
	color: #fff;
	font-weight:bold;
	padding-left:4px;
	display:block;
	}
table.order td.col4 a:hover {
	background-image: url(../img/orderArrow_2.gif);
	}
table.order td.col4 span a {
	padding:0 4px;	
	background-image:none;
	background-color:#BBBBBB;
}	
table.order td.col4 span a:hover {
	background-image:none;	
	background-color:#000;	
}
table.sponsor {
	margin: 5px 25px 0 25px;
	width: 315px;
	border-collapse:collapse;
	clear:both;
	width:570px;
	}

table.sponsor td.logo {
	padding:10px 0 20px 0 ;
	vertical-align:top;
	width:260px;	
}

table.sponsor td.logo div.partners {
	position:relative;
	height:  110px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
}

table.sponsor td.logo div.partners img {
	top:  0; 
    left: 0;
}

iframe {
	border:1px solid #dcdcdc;
	margin-top: 17px;
	}
	
h5 a.down, h5 a.up {
	padding-right: 8px;
	background-position:right center;
	background-repeat:no-repeat;
	}
h5 a.down {background-image: url(../img/arrowDown_2.gif);}
h5 a.up {background-image: url(../img/arrowUp_2.gif);}

a.rss {
	position:absolute;
	right: 10px;
	top: 13px;
	width: 16px;
	height:16px;
	background: url(../img/rss.gif) no-repeat center center;
	}
a.rss span { display:none;}



table.beeldmateriaal { margin: 0 0 12px 12px; padding:0;   border-spacing:0; width:594px; }
/*table.beeldmateriaal td { padding-left:5px;}*/
table.beeldmateriaal tr.gray { background:#efefef;}
table.beeldmateriaal td.last { padding-left:20px;}

span.gray { color:#999;}


a.appstore,
a.androidmarket {
	width: 160px;
	height: 52px;
	display:block;
	margin-bottom: 10px;
	padding-bottom: 20px;
	position:relative;
	}

a.appstore {
	background: url(../img/button_appstore.gif) no-repeat left top;	
	}

a.androidmarket {
	background: url(../img/button_androidmarket.gif) no-repeat left top;	
	}

a.appstore span,
a.androidmarket span {
	color: #000;
	font-weight:bold;
	margin-left: 4px;
	padding-left: 8px;
	background: url(../img/more_2.png) no-repeat left center;
	position:absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	}
	
a.appstore:hover span,
a.androidmarket:hover span {
	color: #e1272a;
}

div.appsinactive {
	width: 160px;
	height: 55px;
	background: url(../img/button_appsinactive_2.gif) no-repeat left -62px;	
	margin-bottom: 10px;
}

div.facebook {
	border-top: 1px solid #b7ccc3;
	display:block;
	width: 590px;
	float:left;
	margin: 10px;
	padding: 15px 0 0 5px;
	}

/*        CONTENT         */
/*++++++++++++++++++++++++*/




/*++++++++++++++++++++++++*/
/*         FORMS          */

form {
	padding:0;
	margin:0;
	}

input {
	font: 12px/14px Arial, Helvetica, sans-serif;
	padding:2px 0;
	height: 14px;
	}
/*input. {height: 20px;}*/

form#filter {margin: 0 11px 0 11px;}
form#filter input {
	height: 12px;
	width:12px;
	margin:0 5px 8px 0;
	}
	
form#filter label {
	margin-bottom:5px;
	display: inline-block;
	}
	
	
div.tools form  {
	float: left;
	margin-top:0;
	margin-right:10px;
	}
	
div.tools form input {
	background-color: #2d2d2c;
	border: 1px solid #202020;
	padding: 3px 0 0 2px;
	margin: 0 4px 0 0;
	height:17px;
	float:left;
	color:#fff;
	font-style:italic;
	}
	
div.tools form input.button {
	color: #fff;
	background: #e1272a;
	font-weight:bold;
	padding: 0 8px;
	height:22px;
	float:left;
	text-transform:uppercase;
	font-style:normal;
	border: 1px solid #202020;
	outline:none;
}

div.tools form input.button:hover { background:#fff; color:#e1272a;}

div.newsletter form {clear: both;}

div.newsletter form input { 
	background-color:#f8f8f8;
	border: 1px solid #b8b8b8;
	color:#666;
	font-style:italic;
	margin: 0 5px 0 0;
	width: 142px;
}

/*         FORMS          */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*         FOOTER         */

div#footer {	
	clear:both;
	padding-top:0;
	color:#fff;
	position: relative;
	z-index:90;
	
}

div#footer div.top {
	position:relative;
	background-color:#202020;
	min-height: 50px;
	z-index:100;
	padding-bottom:10px;
}

div#footer h3 {
	font-size:13px;
	padding:0;
	margin:0;
	}
		
div#footer h4 {
	margin:0 0 0 0;
	padding:0 0 5px 0;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	border-bottom: 1px solid #202020;
}

div#footer h4 a:hover {color: #fff;}

div.sponsors {
	width: 190px;
	float:left;
	margin-right:10px;
}
	
div#footer div.sponsors h3 {
	float: left;
}

div.sponsors ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width: 130px;
	float:right;
}

div#footer div.top div.col {
	width:250px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	}
	
div#footer div.top div.col.last {
	width: 200px;
}
	
div#footer h4.subscribe{
	background-color:#e1272a;
	font-weight:bold;
	line-height: 15px;
	margin:2px 0 6px 0;
	padding:3px 5px 3px 3px;
	display:inline-block;
	
}

div#footer h4.subscribe a {
	color: #fff;
	background: url(../img/bullet_footer_white.gif) no-repeat right center;	
	padding-right: 8px;
	}

div#footer h4.subscribe a:hover {
	text-decoration:underline;
	}

div.info {
	float:left;
	display:block;
	margin-left:10px;
	padding-top:14px;
	width: 235px;
}


div.newsletter a.aanmelden {
	position:relative;
	background-color:#e1272a;
	color:#fff;
	width: 90px;
	padding:5px 6px;
	font-style:normal;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
	top:8px;
	}
	
div.newsletter a.aanmelden:hover {
	text-decoration:underline;
}

div#footer div.info p, div#footer div.newsletter p, div#footer div.col p {
	margin:0 0 5px 0;
	padding:0;
	color:#fff;
	font-size: 11px;
}

div#footer div.newsletter p {
	margin-left:7px;
}
div#footer div.bottom {
	background-image:url(../img/footerNav_bck.png);
	padding:10px 10px 0 10px;
	position:relative;
}
div#footer div.bottom span.close a {margin-bottom:10px;}

div#footer div.bottom div.col1 {
	width: 210px;
	float: left;
}
div#footer div.bottom div.col2 {
	width: 760px;
	float: left;
}
div#footer div.bottom ul {
	margin:7px 0 5px 0;
	padding:0;
	list-style:none;
	font-size:12px;
	float:left;
	width:245px;
}
div#footer div.bottom ul.col2,
div#footer div.bottom ul.col3 {margin-left: 10px;}
div#footer div.bottom ul li {
	background: url(../img/bullet_footer.gif) no-repeat left 3px;
	padding-left:9px;
	padding-bottom:5px;
}

div#footer div.bottom ul li a {
	font-weight: bold;
	color:#fff;
}
div#footer div.bottom ul li a:hover {color:#e1272a;}

span.close {
	clear:both;
	display:block;
	width: 970px;
	border-top: 1px solid #1e1e1e;
	}
	
span.open {
	position:absolute;
	right: 10px;
	top:5px;
}

span.hide {visibility:hidden;}
	
span.close a, span.open a {
	float:right;
	padding-right:15px;
	padding-top: 7px;
	background: url(../img/arrowUp.gif) no-repeat right 10px;
}
span.open a {background-image: url(../img/arrowOpen.gif);}
span.close a:hover, span.open a:hover {color:#fff;}

div#footer p {
	color: #000;
	font-size: 11px;
	padding: 0 0 0 10px;
	margin:5px 0 15px 0;
}
div#footer p a {color:#000;}
div#footer p a:hover { text-decoration:underline;}

div#footer a.youtube,
div#footer a.facebook,
div#footer a.twitter,
div#footer a.hyves {
	display: block;
	text-indent:-9999px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 12px;
	}
div#footer a.youtube {background: url(../img/youtube.gif) no-repeat; right: 67px;}	
div#footer a.facebook {background: url(../img/facebook.gif) no-repeat; right: 48px;}
div#footer a.twitter {background: url(../img/twitter.gif) no-repeat; right: 29px;}
div#footer a.hyves {background: url(../img/hyves.gif) no-repeat; right: 10px;}

p.mobileapp {
	padding: 0;
	height: 40px;
	background: url(../img/icon_mobileapp.gif) no-repeat left top;
	display:block;
}

p.mobileapp span {
	margin-left: 70px;
	display:block;
	}

/*         FOOTER         */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++*/
/*          winkelwagen             */

body.winkelwagen div#content div.col iframe {
	width:980px;
	min-height:400px;
	padding:0;
	border:0;
	margin:0 0 12px 0;
	background:url(../img/loadingAni.gif) no-repeat center;
}

body.winkelwagen div#content { margin-top:25px;}
body.winkelwagen div#content div.col {padding: 0;}

div.hr {
  height: 1px;
  background:url(../img/line.gif) no-repeat center;
  margin:0 12px 15px 12px;
  clear:both;
}
	div.hr hr {
	  display: none;
	}

body.winkelwagen div.hr hr {
	width:968px;
}

/*         ZOEKEN         */
/*++++++++++++++++++++++++*/

div#content div.col div.srchResult iframe {
	width:595px;
	min-height:400px;
	padding:10px;
	border:0;
	margin-top: 10px;
	}

div#content div.col div.srchResult h1 {
	border: none;
	position:absolute;
	z-index: 2;
}


/* 		STAR RATING 	  */
/*++++++++++++++++++++++++*/

	.rating {
		float:right;
		text-align:right;
		margin-right: 10px;
		margin-top:10px;
	}
	.rating a.facebook span {
		display:none;	
		}
	.rating a.facebook {	
		background:url(../img/facebook.gif) no-repeat right;
		width:60px;
		height:20px;
		display:block;
		color:#000;
		font-weight:normal;
		font-size:10px;
		padding-right:20px;
	}
	.rating a.facebook:hover {text-decoration:underline;}
	
	.rating-text {
		font-size:smaller;
		margin:0;
		margin-right:4px;
		position: relative;
		text-align:right;
	}
	
	ul.star-rating{
		list-style:none;
		padding:0px;
		width: 105px;
		height: 25px;
		position: relative;
		margin:0 0 0 30px;
		background: url(../img/alt_stars_1.jpg) left top  repeat-x;
		text-align:left;
	}
		
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display: block;
		width: 21px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(../img/alt_stars_1.jpg) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:21px;
	}
	.star-rating a.two-stars{
		left:21px;
	}
	.star-rating a.two-stars:hover{
		width: 42px;
	}
	.star-rating a.three-stars{
		left: 42px;
	}
	.star-rating a.three-stars:hover{
		width: 63px;
	}
	.star-rating a.four-stars{
		left: 63px;
	}	
	.star-rating a.four-stars:hover{
		width: 84px;
	}
	.star-rating a.five-stars{
		left: 84px;
	}
	.star-rating a.five-stars:hover{
		width: 105px;
	}
	.star-rating li.current-rating{
		background: url(../img/alt_stars_1.jpg) center left;
		position: absolute;
		left:0;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	
/*********** URGENTIE METER *********/
/************************************/