/* 
	BASIC HTML
*/


/* end of events */



body {font: 400 14px/1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#ff2b93;color: #333; }

.site-name-loc1 a { display:block; float:left; background: transparent url('images/default-images-logo.png') top left no-repeat; width:240px; height:84px; text-indent:-20000px; margin:16px 0 0 0; }
.site-name-loc2 a { display:block; float:left; background: transparent url('images/default-images-logo_en.png') top left no-repeat; width:240px; height:84px; text-indent:-20000px; margin:16px 0 0 0; }
a, a:hover { color:#00AEFF; text-decoration:none; }
a { outline: none;}
a:hover { color:#00AEFF; text-decoration:underline;}
a.more {
	background: url(images/default-images-more_bck.png) no-repeat right 5px;
	padding-right: 10px;
	font-style: italic;
}

h1 a, h1 a:hover,
h2 a, h2 a:hover,
h3 a, h3 a:hover,
h4 a, h4 a:hover
{ text-decoration:none; color:#000; }

strong { font-weight:bold;}
em { font-style:italic;}
 
h1 { color:#000; font-size:24px; line-height:26px; margin:0 0 10px 0; }
h2 { color:#000; font-size:18px; line-height:20px; margin:0 0 8px 0; }
h3 { color:#000; font-size:14px; line-height:16px; }
h4 { color:#000; font-size:11px; line-height:13px; }
p { margin: 0 0 12px 0;}
div.lead p {margin-left: 70px;}
p.lead { font-weight:bold; }
p.intro { margin:0 0 20px 0;}
p a{ font-weight:bold; }

.block { background-color:#f4f4f4; padding:12px; margin-bottom:10px; }
.block.eventdata { padding-bottom: 1px;}
.banner { display:block; margin:0 auto; text-align:center;}
.view { margin:20px -10px 0 0; overflow:hidden; clear:both;}
.view-2col .item, .view-3col .item  { width:280px; overflow:hidden; float:left; margin:0 30px 25px 0; }
.view-3col .item  { min-height: 320px; }
.view-2col .item-image, .view-3col .item-image { display:block; margin:0 0 10px 0; }
.end-row { margin-right:0 !important;}
.floating-wrapper { float:left; }
.view-2col, .view-3col { overflow:hidden;}

#article ul { list-style-type: square; color: #666; margin-left: 16px;}
#article ul li { color: #333;}

/*#article ul { margin-bottom:25px; } BVD FIX */
h2.paragraph-title { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold; margin:0;}

.group:after {
  content: "";
  display: table;
  clear: both;
}
a.readmore { font-style:italic; text-decoration:none; color:#999999;}
.news a.readmore { color: #333;}
a.readmore:hover { font-style:italic; text-decoration:none; color:#00AEFF;}
div.lead p a.readmore {font-weight: normal;}

.btn-previous { background: url("images/default-images-program-btn-previous.png") no-repeat scroll top left transparent; }
.btn-previous:hover { background-image: url("images/default-images-program-btn-previous-hover.png");}
.btn-next { background: url("images/default-images-program-btn-next.png") no-repeat scroll top left transparent; }
.btn-next:hover { background-image: url("images/default-images-program-btn-next-hover.png");}
.btn-previous, .btn-previous:hover,
.btn-next, .btn-next:hover  { display:block; color:#fff; font-size:16px; text-decoration:none; width:139px; text-align:center; height:19px; padding:6px 5px 5px 5px; }

.media-item { margin-bottom:20px; }
.inline-media-item { margin:5px 0 20px 0; }
.top-image .caption { display:block; margin:10px 10px 0 10px; font-size:12px; font-style:italic; color:#333; }
.inner-text { margin:10px 10px 0 10px;}
.date-label { color:#666; }

.quicklist { margin-top:20px;}
.quicklist.news { margin-top: 0;}
.quicklist .item { margin: 5px 0 15px 0;}
.quicklist .item .date { font-weight:bold; color:#333; }
.quicklist .item-image{ float:left; margin-right:10px;}
.quicklist .item h4{ padding:9px 0 3px 0; font-size:14px; line-height: 16px; font-weight:bold; font-family:"Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;} 
.quicklist .date-human { font-size:12px; color:#999; }
.quicklist .newsitem a {
	color: #333;
	}

/* FORM */
input, textarea , select{ font-family:"Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;}
input[type="text"],input[type="password"], select { padding:6px 5px 7px 5px; }
input[type="text"],input[type="password"], select, textarea { background-color: #fff; border: 1px solid #00AEFF; }
/*input[type="text"]:focus, input[type="password"]:focus, select:focus , textarea:focus { border: 1px solid #00caff; }*/
.button {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	background-color: #00AEFF;
	font-size:14px;
	font-weight:bold;
	border:none;
	cursor:pointer;
	text-transform:uppercase;
	width:100%;
}
.button .label { display:inline-block; margin:7px 5px 6px 22px; }
.button { background: #00AEFF url('images/default-images-btn-sprite.png') top left no-repeat;}
.button-tickets {
	background: #00AEFF url(images/default-images-ticket.png) no-repeat 5px center;
}

.button-facbook-join {
	background: #00AEFF url(images/default-images-button-facebook.png) no-repeat 8px 7px;
}

.button-labeled .label { display:inline-block; margin:7px 5px 6px 35px; }
input.button { display:inline-block; padding:7px 0 6px 0; }
.button:hover { background-color:#000; color:#fff; text-decoration:none; }

.block input[type="text"],.block input[type="password"], .block select, .block textarea { background-color: #fff; width:274px; margin: 0 0 10px 0; border: 1px solid #fff; }
.block input[type="text"]:focus, .block input[type="password"]:focus, .block select:focus , .block textarea:focus { border: 1px solid #00AEFF; }
.block .button{ width:100%; }

.example {font-style:italic; }
.share { margin:20px 0 0 0;font-size: 12px; }

div#article ul.share,
div.lead ul.share li {font-size: 12px; }
ul.share li { position : relative; list-style-type : none; margin: 0 0 0 10px; padding: 0;}
ul.share li {float : left; padding : 6px 13px 6px 0; margin : 2px 0 4px 0; }
ul.share li strong {padding-top: 2px;  display:block;}

div.lead ul.share {
	margin: 50px 0 0 70px;
	}

div.facebook-attending-photos p {
	font-size: 12px;
	padding: 1px 0 10px 0;
	margin: 0;
}

div.facebook-attending-photos img {
	margin-top: 8px;
}

/* Lists */

ul.interaction .item{ font-weight:bold; display:block; float:left; color:#fff; margin:0 7px 7px 0; padding:4px 9px 3px 9px; text-decoration:none; background-color: #00a3ff;	}
ul.interaction li a:hover{ background-color:#000;	}
ul.interaction li:last-child a{ margin-right:0; }

ul.interaction.tags {
	margin: 0;
}
ul.interaction.tags li {
	margin: 4px 7px 4px 0;
}
ul.interaction.tags li a {
	border: none;
	background: #ccc;
	padding: 5px 10px;
	}
ul.interaction.tags li a:hover {
	 background-color: #00a3ff;
}

ul.social-links .item { text-indent:-10000px; width:30px; height:30px; background: #00a3ff url('images/default-images-follow-sprite.png') 0 4px no-repeat; padding:0; margin-bottom: 0;}
ul.social-links li a.facebook { background-position: 0 4px;}
ul.social-links li a.twitter { background-position: -40px 4px;}
ul.social-links li a.youtube { background-position: -80px 4px;}
ul.social-links li a.web { background-position: -120px 4px;}
ul.tags .item { background-color:#ccc; }

/* 
	MAIN LAYOUT
 */
 
/* Cookie Header */
#cookie { display:none; color:#ff2b93; background-color:#000; z-index: 1; position: relative; }
#cookie .inner-content-wrapper { padding:5px 0; background-color:#000; }
#cookie .cookie-icon { width:26px; height:22px; float:left; background-color:red; background: transparent url('images/default-images-cookie-alert.png') 0 0 no-repeat; margin-top:15px; }
#cookie p{ margin:18px 10px 10px 10px; float:left; font-size:12px; }
#cookie .button-wrapper{ display:block; float:right; margin:10px 0 10px 0; overflow:hidden; }
#uncheckCookie{ display:block; float:left; color:#ff2b93; padding:8px 12px; text-decoration:none;}
#checkCookie{ display:block; float:left; background-color:#ff2b93; border: 1px solid #ff2b93; color:#000; padding:6px 12px; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#checkCookie:hover{ color:#ff2b93; border-color:#ff2b93; background-color:#000; }

/* fonts */
h1, h2, h3, h4,
.loadmessage-text, .search .button, .pager, .tweet .message, #pager a, .date-label, .expand, a.programme-btn, div.tag-label
{ font-family:'AmericanTypwrterITCW01- 731013'; font-weight:normal; }
/* header */
#header { background-color:#ff2b93; overflow: hidden; }
#header-inner { position: relative; }
#header #scroll_div { height: 1400px; } /* initial height */
.signup-nl { background: transparent url('images/default-images-opdehoogte_nl.png') top left no-repeat; float:right; width:355px; height:37px; margin-top:13px; }
.signup-en { background: transparent url('images/default-images-opdehoogte_en.png') top left no-repeat; float:right; width:340px; height:37px; margin-top:13px; }
.social-header { display:block; float:left; margin-top:13px;  }
.social-header li{ display:block; text-align:right; float: left; margin-right: 10px;}
.social-header li.twitter { margin-bottom:5px; }
.signup-button { display:block; color:#fff; text-decoration:none; float:right; border:1px solid #fff; padding:2px 38px; margin:5px 0 0 0; outline:none; }
.signup-button:hover { color:#ff2b93; border-color:#000; background-color:#000; text-decoration:none; }

#footer .social-header {
	margin: 30px auto;
	float:none;
	width: 415px;
	padding-left: 45px;
	height: 25px;
	
	}
	
#footer .social-header li {
	text-align:center;
}

/* navigation */
ul.nav {
	float:left;
	list-style:none;
	height:25px;
	position: absolute; 
	top:75px;
	left:223px;
}
ul.nav li {
	display:inline;
	list-style:none;
}
ul.nav li a {
	display:block;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	position:relative;
	left:0;
	cursor:pointer;
	margin:0 0 0 14px;
	text-transform:uppercase;
}

ul.nav li a.active {
	color:#000;
}
ul.nav li a:hover {
	color:#000;
}

/* language */
ul.language { left:auto; right:10px; }
ul.language li a { margin:0; padding:0 5px 0 5px; }
ul.language li a.lng-en { border-right:1px solid #fff; }
ul.language li a.lng-nl { padding-right:0;}

/* profile name - logged in */

div.loggedin a {
	background: url(images/default-images-account-avatar.png) no-repeat right center;
	font: 18px/22px 'AmericanTypwrterITCW01- 731013';
	padding: 5px 65px 6px 0;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: right;
	/*	float: right;*/
	color: #000;
	display:block;
}

div.loggedin a:hover {
	text-decoration:none;
}

div.loggedin span {
	font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	}
	
div.loggedin a span.messages {
	position: absolute;
	right: -1px;
	top: -2px;
	color: #ffe100;
	text-align: center;
	background: url(images/default-images-account-messages_header.png) no-repeat center top;
	font-size: 11px;
	font-weight: bold;
	width: 21px;
	height: 21px;
	padding-top: 3px;
	padding-right: 1px;
}

/* subnavigation */
ul.subnav {
	background: url("images/default-images-submenu-bg-line.png") repeat-x scroll bottom left transparent;
	margin-bottom:30px;
}
ul.subnav li {
	display:block;
	float:left;
	display:inline;
	list-style:none;
}
ul.subnav li a {
	display:block;
	float:left;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	left:0;
	cursor:pointer;
	margin:0 14px 0 0;
	padding:10px 10px 7px 10px;
	border-bottom:4px solid #E6E6E6;
}
ul.subnav li a.active {
	color:#000;
	border-bottom:4px solid #000;
}
ul.subnav li a:hover {
	color:#000;
	border-bottom:4px solid #000;
}
/* subnavigation */
ul.subsubnav {
	margin-bottom:25px;
}
ul.subsubnav li {
	display:block;
	position:relative;
	left:0;
	cursor:pointer;
	padding:5px 0 6px 0;
	height:19px;
	overflow:hidden;
	width:100%;
}
ul.subsubnav li a {
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin-left:30px;
}
ul.subsubnav li.active {
	background: url("images/default-images-subsubmenubg.png") no-repeat scroll top left transparent;
}

ul.subsubnav li.active:hover{
	background-image: url("images/default-images-subsubmenubg-hover.png");
}

ul.subsubnav li.active a:hover { 
	color:#fff;
}
ul.subsubnav li.active a {
	color:#fff;
}

/*
ul.subsubnav li a:hover {
	color:#000;
}

*/

/* 
	INNERSCROLL jquery plugin
*/

.innerscroll-buttons { position:absolute; }
.innerscroll-buttons span{ cursor:pointer; display:block; float:left; padding:4px; margin:0 5px 0 0; background-color:#333;}

/* INNERSCROLL: slideshow homepage*/
.slideshow-wrapper .innerscroll-buttons { position:absolute; right:30px; top:35px; z-index:600;}
.slideshow-wrapper .innerscroll-buttons .up{
	top: 0;
	background: url(images/default-images-scroll-up.png) no-repeat scroll 92px -102px;
	width: 100%;
	text-indent: -10000px;
	width: 223px;
	height: 27px;
}
.slideshow-wrapper .innerscroll-buttons .up:hover{ background-position: 92px -213px; }
.slideshow-wrapper .innerscroll-buttons .down{
	position: absolute;
	top: 332px;
	z-index: 600;
	background: transparent url(images/default-images-scroll-down.png) no-repeat scroll 92px -102px;
	width: 100%;
	text-indent: -10000px;
	width: 223px;
	height: 27px;
}
.slideshow-wrapper .innerscroll-buttons .down:hover{ background-position: 92px -213px; }

/* INNERSCROLL: event > tweets */
.event .caption .innerscroll-buttons {
position:absolute; z-index:1; 
height:280px;
width:100%;
top:180px;
left:0;
}
.event .caption .innerscroll-buttons .up{ position:absolute;left:0; top:5px; background: url("images/default-images-scroll-up.png") no-repeat scroll center -102px transparent; text-indent:-10000px; width:100%; height:20px;}
.event .caption .innerscroll-buttons .down{ position:absolute;left:0; bottom:0; background: url("images/default-images-scroll-down.png") no-repeat scroll center -102px transparent; text-indent:-10000px; width:100%; height:20px;}
.event .caption .innerscroll-buttons .up:hover{ background-position: center 8px;}
.event .caption .innerscroll-buttons .down:hover{ background-position:center 8px;}

/* INNERSCROLL: hide inactive */
.slideshow-wrapper .innerscroll-buttons span.inactive,
.event .caption .innerscroll-buttons span.inactive{ background:none; cursor:default; }

/* 
	PROGRAMMA
*/
#loadmessage { padding:45px 0 10px 0; overflow:hidden; } 
.loadmessage-text { margin:0 auto; width:300px; color:#fff; font-size:24px; background: url("images/default-images-ajax-loader-grey.gif") no-repeat scroll top left transparent; padding:10px 0 10px 40px; }
#archive-add-day {background-color:#dcdcdc;}
#archive-add-day a{  margin:35px;  }
.buttonwrapper { overflow:hidden;}
a.programme-btn { color:#fff; font-size:18px; background-color:#666; display:block; text-decoration:none; padding: 20px 0; text-align:center; clear:both;}
a.programme-btn-loading{ background-image: url("images/default-images-ajax-loader.gif") ; background-color:#00AEFF;cursor:wait; background-position:center;background-repeat:no-repeat; }

a.programme-btn:hover { background-color:#00AEFF; }
.archive {background-color:#dcdcdc;}
.page-home a.programme-btn {margin:0 35px 0 35px; }

/* PROGRAMMA:scrolling datedisplay */
#datedisplay { position:fixed; pointer-events:none; overflow:hidden; height:32px; top:200px; right:0; z-index:1000; width:160px; height:30px; text-transform:uppercase; font-weight:bold; font-size:18px; color:#fff;}
#datedisplay-inner { background: url("images/default-images-date-bg.png") no-repeat scroll top left transparent; display:none;}
#datedisplay span { display:block; background-color:#000; float:left; margin:3px; padding:3px 5px; }
#pointer { height:1px; width:150px; background-color:transparent; position:absolute; top:15px; right:17px;}
#cookie_explained{cursor:pointer;}

/* PROGRAMMA:filter */

#filter-toggle .label {
	display:none;
	}
	
ul#toggle-display li a{
	display:block;
	float:left; 
	text-indent:-10000px;
	width:44px;
	height:65px;
	margin:-3px 0 10px 6px;
	}

ul#toggle-display li.display-grid a {
	background: url(images/default-images-layout_grid_1.png) no-repeat;	
}

ul#toggle-display li.display-grid a:hover,
ul#toggle-display li.active a.display-grid {
	background-image: url(images/default-images-layout_grid_2.png);
	}
	
ul#toggle-display li.display-list a{ 
	background: url(images/default-images-layout_list_1.png) no-repeat;	
	}	
	
ul#toggle-display li.display-list a:hover,
ul#toggle-display li.active a.display-list{
	background-image: url(images/default-images-layout_list_2.png);	
	}

div#filter {
	font-size: 12px;
	margin-bottom: 0;
	position: relative;
	display: none;
}

div#filter-options {
	padding: 0 35px;
}

div#filter div.genres {
	display:block;
	float: left;
	width: 845px;
	margin: 0 24px 9px 0;
}

div#filter p { 
	float: left;
	margin: 8px 5px 0 0;
}

div#filter input[type="checkbox"] {
	display: block;	
	position: absolute;
	top: -3000px;
}
	
div#filter label {
	position: relative;
	width: auto;
	height: auto;
	padding: 1px 6px;
	margin: 0 3px 6px 0;
	border: none;
	background: #ccc;
	color: #fff;
	display:inline-block;
	font-weight: bold;
	cursor: pointer;
	text-transform:lowercase;
	border: 2px solid #ccc;
	width:auto;
}
div#filter label:hover, div#filter label.active:hover {
	color: #00a9ff;
	background: white;
	border-color: #00a9ff;
}
div#filter div.tags label.active:hover {
	background: #E9E9E9;
}
div#filter div.period label:hover {
	background: #E9E9E9;
	color: #00a9ff;
	border-color: #00a9ff;
}

div#filter label.inactive {
	background: none repeat scroll 0 0 #E9E9E9;
    color: #888888;
}
div#filter label.all, div#filter label.week, div#filter label.genre-all {
   	background: none repeat scroll 0 0 #888888;
    border-color: #888888;
   	color: #FFFFFF;
}
div#filter label.active {
	color: #fff;
	background: #00a9ff;
	border-color: #00a9ff;
}
div#filter div.period label {
	padding: 11px 2px 0 2px;
	width: 24px;
}

div#filter div.period label[for="2012"],
div#filter div.period label[for="2013"] {
	width: 28px;
	}

div#filter div.period label.week, div#filter div.period label.all {
	width: auto;
	padding: 0 2px;
}

div#filter div.tags label {
	color: #666;
	padding: 0 5px;
	margin: 8px 0 -5px 0;
	background: none;
	display:block;
	float: left;
	border: none;
	}
	
div#filter div.tags label:hover, div#filter div.tags label.active {
	color: #00a9ff;
}

div.extratags {
	margin-left: 0px;
	width: 169px;
	float: left;
}

div.toggle {
	display: block;
	float: right;
	background: url(images/default-images-toggle_down.png) no-repeat right center;
	padding: 10px 30px 10px 0;
	margin: 21px 5px 0 0;
	cursor:pointer;
	}
	
div.toggle.up {background-image: url(images/default-images-toggle_up.png);}

div.period {
	width: 555px;
	float: left;
	margin-top: 5px;
}

div.period p { padding: 3px 5px 0 0;}

div.period div {
	display:block;
/*	border: 1px solid green;*/
	float: left;
	width: 500px
}

/*
div#filter div.period input[type="checkbox"] + label {
	padding: 11px 2px 0 2px;
	width: 24px;
}

div#filter div.period input[type="checkbox"] + label[for="2012"] {
	width: auto;
}
*/

div.views {
	float: left;
	width: 161px;
	margin: 0 0 0 10px;
	padding-top: 8px
	}
	
div.tags {
	float: left;
	margin-left: 15px;
	width: 205px;
	padding-bottom: 20px;
	margin-top: 8px;
}

div.tags p { height: 50px;}

/*
div#filter div.tags input[type="checkbox"] + label {
	color: #666;
	padding: 0 5px;
	margin: 8px 0 -5px 0;
	background: none;
	display:block;
	float: left;
	border: none;
	}
	
div#filter div.tags input[type="checkbox"]:checked + label,
div#filter div.tags input[type="checkbox"] + label:hover {
	color: #00a9ff;
}
*/

/*div#filter div.period input[type="checkbox"] + label[for="months-all"] {
	margin-left: 53px;
}*/

div.period br {
	clear: both;
}

div.period input.first {
	margin-left: 30px;
}
	
div#filter div.bottom {
	background: url(images/default-images-filter_bottom.png) repeat-x;
	clear: both;
	padding: 10px 35px 3px 35px;
	margin: 0 -35px 0 -35px;
}

div.period label span {
	position: absolute;
	top: 3px;
	left: 5px;
	font-size: 11px;
}

h2.loader {
	text-align: center;
	font-size: 21px;
	line-height: 23px;
	margin: 15px 0 25px 0;
	}

/* PROGRAMMA:algemeen */
.item-wrapper {
	padding:15px 25px 25px 35px;
	border-bottom:1px solid #cccccc;
	position:relative;
	background: #f7f7f7;
	}
.last-day { border-bottom:none;}
.day-date { position:absolute; top:0; left:35px; background-color:#ccc; color:#fff; padding:3px 12px 5px 12px; font-weight:bold; font-style:italic; }
.tweetscounter{ color:#fff; font-size:11px; background: transparent url('images/default-images-tweetscounter.png') top left no-repeat; position:absolute; bottom:15px; right:15px; padding:3px 0 0 0; width:31px; height:27px; text-align:center; }

/* PROGRAMMA:item-expand */
.expand { display:inline-block; color:#fff; font-size:13px; padding:10px 40px 10px 10px; width:180px; cursor:pointer; background: #666666 url('images/default-images-expand.png') 215px -31px no-repeat; }
.expand:hover { background-color:#000; }
.expand.active { background-position:200px 17px; }
.extra-wrapper { margin-bottom:10px; }
.extra-wrapper .inner-wrapper { margin-top:10px; }

/* PROGRAMMA:GRID:item (event) */
.event { position:relative; }
.event img{ display:block; }
.event .image-wrapper { position:relative; overflow:hidden; }
.event .inner{ color:#fff; border:8px solid #ccc;}
.event .caption{ border:8px solid #ccc; position:absolute; top:0; left:0; right:0; bottom:0; z-index:100; }
.event .caption .extra { display:none; }
.col-1 h4 { padding-top:6px;}
.col-2 h3 { padding-top:11px; padding-right: 5px;}
.col-3 h2 { padding-top:14px; }

.event .caption-header {
	padding-bottom: 4px;
	background: url(images/default-images-gradient_caption_small.png) repeat-x left top;
	height: 252px;
}
.event h2, .event h2 a,.event h2 a:hover, .event h3, .event h3 a, .event h3 a:hover, .event h4, .event h4 a, .event h4 a:hover { color:#fff; text-decoration:none; }
.event h2 { /* margin:0 0 3px 0; */ font-size:24px; line-height:24px; color: #000;}

#english-version { position:fixed; width:100%; z-index:1000; right:10px; display:none;}
#english-version .message-english { width:359px; height:97px; float:right; background: transparent url('images/default-images-popup.png') top left repeat; padding:45px 0 0 45px;}
#english-version h4{ font-size:24px; line-height:24px; margin-bottom:5px; }
#english-version p{ font-style:italic;}

/* PROGRAMMA:GRID:item groot */
.col-3 .caption .caption-header { height:auto; overflow:hidden; /* padding:0 8px 0 8px; */ border-bottom:2px solid transparent; padding-right: 10px; }
.col-3:hover .caption .caption-header { height:185px;border-bottom:2px solid #fff; }
.col-3 .caption .caption-header p.description{ margin:15px 0 0 80px; padding: 0 40px 0 0;}
.col-3 .caption{ /* padding:22px; width:410px; height:410px; */}

/* PROGRAMMA:GRID:item groot:tweets */
div#tweet-holder {
	top:25px;
	position:relative;
	overflow:hidden;
	height:220px;
	z-index:1000;
}
#ajax-loader {position:relative; margin-left:192px;}

.event .tweets  { height:205px; margin:0 0 0 21px; overflow:hidden; position:absolute;}
.event .tweet { position:relative; padding:20px 0 10px 0;border-bottom:1px solid #fff; }
.event .tweet .pic { display:block; float:left; margin:0 10px 0 0; width:50px; overflow:hidden;}
.event .tweet .pic img{ width:50px; height:50px;}
.event .tweet .tweet-text { float:left; width:350px; margin:4px 0 0 0;}
.event .tweet .name-header { display:block; }
.event .tweet .name { font-weight:bold; }
.event .tweet .username { }
.event .tweet .message { font-size:16px; line-height:18px; margin:13px 0 0 0; }
.event .tweet .time { display:block; }
.tweets .tweet:first-child { padding-top:0; }
.tweets .tweet:last-child { border-bottom:none; }
.event .tweet .feedLink {
	color:white; text-decoration:none;
	font-weight: normal;
}
.event .tweet .feedLink:hover {text-decoration:underline;}
/* PROGRAMMA:GRID:item medium */
.col-2 .caption{ /* font-size:12px; padding:12px; width:190px; height:190px; */ }
.col-2 .caption p.description{ /*padding:2px 0 0 46px;*/ padding:2px 0 0 12px;}
/* .col-2 .caption-header { padding:2px 0 0 36px; border-bottom:2px solid transparent; } */

/* PROGRAMMA:GRID:items:mouseovers */
/*.col-3:hover .caption-header { border-color:#fff; background:transparent url('images/default-images-rarrow-white-large.png') center right no-repeat; }*/
/* .col-1:hover .theme { background-image:none; } */
.event:hover .caption { background-color:#00AEFF; border-color:#00AEFF;}
.event:hover .caption .extra  { display:block; }
.event:hover .caption-header { background:none; }
.event:hover .tweetscounter  { display:none; }

.col-3 .caption-header:hover { border-color:#fff; background: url('images/default-images-agenda-hover.png') center right no-repeat; }

/* PROGRAMMA:GRID:item small */
.col-1 .caption { font-size:10px;/*  width:94px; height:94px;  */}
.col-1 .caption-header { background:transparent;}
.col-1:hover .theme { display:none; }
						
/* PROGRAMMA:LIST */
.list {}
.event-list { float:left; width:470px; margin:0 10px 20px 0; }
.event-list h2, .event-list h2 a { color:#00AEFF; font-size:24px; line-height:24px;}
.event-list .image-wrapper{ position:relative; background-color:#ccc; width:230px; height:230px; overflow:hidden; float:left;}
.event-list .text-wrapper{ float:right; width:230px;}
.event-list .image-wrapper .caption{ position:absolute; top:0; left:0; width:230px; height:230px; background-position:20px 20px; }
.event-list .image-wrapper img{ display:block; margin:8px; }

/* PROGRAMMA:schilden */
.col-1 .theme { margin:6px; }
.col-2 .theme { margin:11px 8px 11px 11px; }
.lead .theme { margin:0 14px 14px 0; }
.col-3 .theme { margin:14px 10px 14px 14px; }

.theme { background:transparent url('images/default-images-theme-sprite-large_2.png') top left repeat; float:left; text-indent:-10000px; }
.theme-large { width:56px; height:76px;}
.theme-medium { width:30px; height:39px; background-image:url('images/default-images-theme-sprite-medium_2.png');}
.theme-small { width:19px; height:25px; background-image:url('images/default-images-theme-sprite-small_2.png'); }

div.archive .theme { background-image:url('images/default-images-theme-sprite-large-grey_2.png');}
div.archive .theme-small { background-image:url('images/default-images-theme-sprite-small-grey_2.png'); }
div.archive .theme-medium {background-image:url('images/default-images-theme-sprite-medium-grey_2.png');}

div.archive .event:hover .theme {background-image:url('images/default-images-theme-sprite-large_2.png');}
div.archive .event:hover .theme-large {background-image:url('images/default-images-theme-sprite-large_2.png');}
div.archive .event:hover .theme-medium {background-image:url('images/default-images-theme-sprite-medium_2.png');}
div.archive .event:hover .theme-small {background-image:url('images/default-images-theme-sprite-small_2.png');}

.theme-literatuur { background-position: 0 0;}
.theme-concert { background-position: -56px 0;}
.theme-lezing-congres { background-position: -112px 0;}
.theme-debat { background-position: -168px 0;}
.theme-festival { background-position: -224px 0;}
.theme-workshop-educatie { background-position: -280px 0;}
.theme-architectuur { background-position: -336px 0;}
.theme-film { background-position: -392px 0;}
.theme-monumenten { background-position: -448px 0;}
.theme-natuur-landschap { background-position: -504px 0;}
.theme-aanbiedingen { background-position: -560px 0;}
.theme-dans { background-position: -616px 0;}
.theme-route { background-position: -672px 0;}
.theme-tentoonstelling { background-position: -728px 0;}
.theme-theater { background-position: -784px 0;}
.theme-sport-spel { background-position: -840px 0;}
.theme-feest { background-position: -896px 0;}
.theme-geschiedenis { background-position: -952px 0;}
.theme-kinderprogramma { background-position: -1008px 0;}

/*
.theme-literatuur { background-position: 0 0;}
.theme-concert { background-position: -56px 0;}
.theme-lezing-congres { background-position: -112px 0;}
.theme-debat { background-position: -168px 0;}
.theme-festival { background-position: -224px 0;}
.theme-workshop-educatie { background-position: -280px 0;}
.theme-aanbiedingen { background-position: -336px 0;}
.theme-route { background-position: -392px 0;}
.theme-tentoonstelling { background-position: -448px 0;}
.theme-theater { background-position: -504px 0;}
.theme-sport-spel { background-position: -560px 0;}
.theme-architectuur { background-position: -616px 0;}
.theme-film { background-position: -672px 0;}
.theme-monumenten { background-position: -728px 0;}
.theme-natuur-landschap { background-position: -784px 0;}
.theme-dans { background-position: -840px 0;}
.theme-feest { background-position: -896px 0;}
.theme-geschiedenis { background-position: -952px 0;}
.theme-kinderprogramma { background-position: -1008px 0;}
*/

/* PROGRAMMA:nu */
.now:hover .caption,
.now .caption { border-color:#ff99c9;}

/* PROGRAMMA:extra items (uitklapbaar) */
.extra-wrapper { position:relative; }
.extra-wrapper .event { float:left; margin:0 10px 10px 0;}

/* HOMEPAGE: slideshow  */

.slideshow2-wrapper {
	position: relative;
	padding: 35px 25px 35px	35px;
	width:970px;
	height:180px;
	margin-bottom: 10px;
	display:block;

}

ul#slideshow2, ul#slideshow2 li {
	padding: 0;
	margin: 0;
	width: 945px!important;
	height:180px!important;
	display:block;
	position: relative;
	z-index: 999;
}
ul#slideshow2 li {position: absolute;}
#slideshow2 div.caption {
	position: absolute;
	left: 645px;
	top: 0;
	background-color: #00a9ff;
	width: 240px;
	height: 140px;
	padding: 20px 40px 20px 20px;
	display: block;
}

#slideshow2 div.caption h2 {
	display: table;
	line-height: 28px;
	font-size: 24px;
	height: 140px;
}

#slideshow2 div.caption h2 a {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
}

.slideshow2-wrapper span {
	display: block;
	width: 38px;
	height: 180px;
	position:absolute;
	top: 35px;
	cursor:pointer;
	z-index: 1000;
}

.slideshow2-wrapper span.left {
	left: 35px;
	background: url(images/default-images-slideshow_left.png) no-repeat center center;	
}

.slideshow2-wrapper span.right {
	right: 50px;
	background: url(images/default-images-slideshow_right.png) no-repeat center center;	
}

.slideshow2-wrapper span.left:hover,
.slideshow2-wrapper span.right:hover {
	background-color: #000;
}
	

/* PROGRAM: SECTION DETAILS: header */
.program-header { width: 1020px; margin-top: -35px; height: 50px;position:fixed; z-index: 2100; display:block; background: #fff;}
div#primary { position: relative; z-index: 100; display:block;}
a.favourites { 
	color:#999;
	position:absolute;
	bottom:40px;
	right:0;
	display:block;
	text-align:right;
	padding:6px 50px 0 0;
	text-decoration:none;
	font-weight:bold;
	background: url("images/default-images-favourites.png") no-repeat scroll top right transparent; 
	height: 50px;
}
a.favourites:hover {
	color:#000;
	background-image: url("images/default-images-favourites_hover.png");
	} 
a.favourites.active {  background-image: url("images/default-images-favourites_active.png");}
a.favourites.first {
	top: 73px;
	right: 35px;
	z-index: 2000;
	display:block;
	}
	
a.favourites.first:hover {
	background-image: url("images/default-images-favourites_first_hover.png");
	}

a.favourites.first span {
	display: none;
	}

img.top { margin: 0 0 20px -35px;}

/* PROGRAM: SECTION DETAILS: pager & progress */
#previous {  position:absolute; top:10px; left:27px; }
#next {  position:absolute; top:10px; right:27px; }
#progress { position:absolute; left:50%; top:19px; height: 20px; display:block; }
#progress ul.inner{ display:block; float: left; left:-50%; position: relative; top:20px; top:0;}
#progress ul.inner li{ display:inline;	list-style:none; }
#progress ul.inner li a { width:14px; height:14px; display:block; float:left; left:0; cursor:pointer; position:relative; margin:0 0 0 8px; text-indent:-10000px;	background: url("images/default-images-program-nav-sprite.png") no-repeat scroll -14px 0 transparent; }
#progress ul.inner li a:hover {
	background-image: url("images/default-images-program-nav-hover.png");
}

#progress ul.inner li a:hover { background-position:top left; }
#progress ul.inner li a.active{ background-position:top left; }

div.ui-tooltip {
	border: none;
	border-radius: none;
	box-shadow: none;
	background: url(images/default-images-tooltip.png) no-repeat center 5px;
	font:12px "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color: #fff;
	padding-top: 15px;
}

body.page-home div.ui-tooltip,
body.page-evenement-detail-4-ookleuk div.ui-tooltip {
	background-image: url(images/default-images-tooltip-agenda.png);
	font-size: 11px;
	padding: 13px 5px 6px 5px;
}

/* PROGRAM: SECTION DETAILS:general */
#top-inner .lead { width:600px; float:left;} 
#top-inner .lead p { width:450px; }
#top-inner { margin:0 35px 0 35px; position:relative; }
#top-inner .block { float:right; width:286px; }
#top-inner.event { padding-top: 15px;}
#top-inner.event2 { padding-top: 25px;}


/* PROGRAM: SECTION DETAILS:evenement-detail-4-aanraders */
.page-evenement-detail-4-ookleuk #sidebar { display:none;}
.page-evenement-detail-4-ookleuk #article { width:950px; }
.page-evenement-detail-4-ookleuk .event { float:left;}

/* PROGRAM: SECTION DETAILS:evenement-detail-6-tweets */
.item-event-tweet .author { margin:0 0 10px 0;}
.item-event-tweet .author .pic{ display:block; float:left; margin:0 10px 0 0;}
.item-event-tweet .author .pic img{ display:block; }
.item-event-tweet .author .name, .item-event-tweet .author .username { display:block; }
.item-event-tweet .author .name { font-weight:bold; padding-top:5px; }
.item-event-tweet .author .username { /* color:#00AEFF; */ }
.item-event-tweet .message  { margin:0; font-size:16px;}
.item-event-tweet .time { color:#666;}

/* NEWS & FAVS: overview */
.item-news,
.item-favs { margin:0 0 17px 0; position:relative; border-bottom: 1px solid #e6e6e6; padding-bottom: 18px;}
.item-news .text-wrapper,
.item-favs .text-wrapper { margin-left:210px;}

.text-wrapper-duic {
	margin-left: 90px;
	margin-bottom: 50px;
}

.item-news img,
.item-favs img { display:block; float:left; }
img.duic {
	position: absolute;
	top:5px;
	left:5px;
}
.item-news .date,
.item-favs .date { color:#666; }
.item-news h2, .item-news h2 a,
.item-favs h2, .item-favs h2 a  { color:#00AEFF; }
.item-news h2 a:hover,
.item-favs h2 a:hover { color: #000;}
.item-news p,
.item-favs p {margin-bottom: 5px;}

/* FAVS */ 
.item-favs .text-wrapper {padding-right: 75px;}
.item-favs.inactive,
.item-favs.inactive h2 a {color: #cacaca;}

.item-favs a.fav {
	display: block;
	width: 41px;
	height: 37px;
	text-indent: -9999px;
	background: url(images/default-images-account-icon_fav_2.png) no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	}
.item-favs.inactive a.fav {background-image: url(images/default-images-account-icon_fav_1.png);}
.item-favs.inactive a.fav:hover {background-image: url(images/default-images-account-icon_fav_2.png);}
	
.item-favs.inactive .item-image {opacity: 0.3;}
	

/* FOOTER */
#footer {width:1020px; height:488px; background: transparent url('images/default-images-footer.png') top left no-repeat; overflow:hidden;}
#footer h4 { text-align:center; margin:0 0 13px 0; font-size:18px; }
#footer ul.highlights { float:left; margin:5px 30px 20px 0; padding-right: 10px; width:240px; font-style:italic;list-style-type: square;color: #666;}

/*#footer ul.highlights li:before { content: "- "; }*/
#footer ul.highlights li a { text-decoration:none; color:#333; }
#footer ul.highlights li a:hover { color:#00AEFF; }
#footer ul.list-1 { margin-left:125px; }
#footer ul.list-share { margin:0 auto; width:188px;}
#footer ul.list-share li:before {  display:block; float:left; width:28px; height:34px; margin-right:12px; text-indent:-10000px; background: transparent url('images/default-images-share-footer.png') top left no-repeat;}
#footer ul.list-share li a{  display:block; float:left; width:28px; height:34px; margin-right:12px; text-indent:-10000px; background: transparent url('images/default-images-share-footer.png') top left no-repeat;}
#footer ul.list-share li.item-twitter a{ }
#footer ul.list-share li.item-facebook a{ background-position:-40px 0;}
#footer ul.list-share li.item-google a{ background-position:-80px 0;}
#footer ul.list-share li.item-flickr a{ background-position:-120px 0;}
#footer ul.list-share li.item-youtube a{ background-position:-160px 0; margin:0;}
#footer .search { width:390px; margin:0 auto;}
form.search input[type="text"]{ width:470px; display:block; float:left; border: 2px solid #f0f0f0; background-color: #f0f0f0; font-size: 12px; height: 16px;}
form.search .button:hover {background-color:#000;} 
form.search .button {
	font-family:'AmericanTypwrterITCW01- 731010';
	padding:1px 32px 5px 32px;
	float:right; 
	display:inline-block;
	color:#fff;
	text-decoration:none;
	background-color: #00AEFF;
	font-size:18px;
	border:none;
	cursor:pointer;
	text-transform:lowercase;
	width: 110px;
	height: 33px;
	margin-top: 0px;
}
#footer form.search input[type="text"]{ width:260px; }
#footer .footer-inner { clear:both; /* margin-top:25px; */ margin-bottom: 10px;}
#frismedia { display:none;}
#logos { width:100%; clear:both; background-color:#fff; }
#logos ul.list-logos { width:1020px; margin-top:190px; background: transparent url('images/default-images-footer-logos.png') top left no-repeat; height:90px;}
#logos ul.list-logos li a{ display:block; float:left; width:28px; height:90px; margin-right:130px;  text-indent:-10000px; }
#logos ul.list-logos li.list-item-gemeente a{ width:145px; margin-left:10px; }
#logos ul.list-logos li.list-item-provincie a{ width:420px;  }
#logos ul.list-logos li.list-item-stad a{ width:170px; margin:0;}

/* 
	COLOR
 */

/* also default color in above css*/
.color-pink #cookie .cookie-icon,
body.color-pink { background-color:#ff2b93; }
.color-pink #header { background-color:#ff2b93; }
.color-pink #cookie { color:#ff2b93; }
.color-pink #uncheckCookie{ color:#ff2b93; }
.color-pink #checkCookie{ background-color:#ff2b93; border-color:#ff2b93; }
.color-pink #checkCookie:hover{ color:#ff2b93; border-color:#ff2b93; }
.color-pink .signup-button:hover { color:#ff2b93; }

.color-yellow #cookie .cookie-icon,
body.color-yellow { background-color:#ffe100; }
.color-yellow #header { background-color:#ffe100; }
.color-yellow #cookie { color:#ffe100; }
.color-yellow #uncheckCookie{ color:#ffe100; }
.color-yellow #checkCookie{ background-color:#ffe100; border-color:#ffe100; }
.color-yellow #checkCookie:hover{ color:#ffe100; border-color:#ffe100; }
.color-yellow .signup-button:hover { color:#ffe100; }

.color-blue #cookie .cookie-icon,
body.color-blue { background-color:#00aeff; }
.color-blue #header { background-color:#00aeff; }
.color-blue #cookie { color:#00aeff; }
.color-blue #uncheckCookie{ color:#00aeff; }
.color-blue #checkCookie{ background-color:#00aeff; border-color:#00aeff; }
.color-blue #checkCookie:hover{ color:#00aeff; border-color:#00aeff; }
.color-blue .signup-button:hover { color:#00aeff; }

.color-orange #cookie .cookie-icon,
body.color-orange { background-color:#ff7c00; }
.color-orange #header { background-color:#ff7c00; }
.color-orange #cookie { color:#ff7c00; }
.color-orange #uncheckCookie{ color:#ff7c00; }
.color-orange #checkCookie{ background-color:#ff7c00; border-color:#ff7c00; }
.color-orange #checkCookie:hover{ color:#ff7c00; border-color:#ff7c00; }
.color-orange .signup-button:hover { color:#ff7c00; }

.color-purple #cookie .cookie-icon,
body.color-purple { background-color:#926fdc; }
.color-purple #header { background-color:#926fdc; }
.color-purple #cookie { color:#926fdc; }
.color-purple #uncheckCookie{ color:#926fdc; }
.color-purple #checkCookie{ background-color:#926fdc; border-color:#926fdc; }
.color-purple #checkCookie:hover{ color:#926fdc; border-color:#926fdc; }
.color-purple .signup-button:hover { color:#926fdc; }
 
/* PARTNERS */
div#linksGrid div.linksGridItem
{
	float: left;
	margin-right: 15px;
	margin-bottom:15px;
	border: 1px solid #F4F4F4;
}
div#linksGrid div.linksGridItem img
{
	float: left;
}
div.border {
	padding:10px;
	text-align:center;
	border: 1px solid #F4F4F4;
}

/*
	SEARCH PAGINA
	
*/

form.search.group {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

h1.search {
	font-size: 17px;
}

p.search {
	margin-bottom: 0;
	padding-bottom:0;
}

table.gsc-above-wrapper-area-container {
	border-collapse:collapse;
}

.gsc-above-wrapper-area {
	border: none!important;
}

div.gsc-result-info{
	padding: 0;
	margin: 0 0 15px 0;
}

#cse div.gs-visibleUrl.gs-visibleUrl-long { display:block; }
#cse div.gs-visibleUrl.gs-visibleUrl-short { display:none; }

#cse div.gsc-control-cse .gs-result .gs-title, 
#cse div.gsc-control-cse .gs-result .gs-title b  {
    font-size: 14px;
}

#cse div.gs-result .gs-title, 
#cse div.gs-result .gs-title b {
	color: #00a9ff;
    text-decoration: none;
}

#cse div.gs-result a.gs-visibleUrl, 
#cse div.gs-result .gs-visibleUrl, 
#cse div.gs-result .gs-visibleUrl b {
    color: #000;
    font-weight: bold; 
    text-decoration: none;
}

.gsc-webResult .gsc-result {
	border-bottom: none!important;
}

.gsc-table-result {
	margin: 5px 0;
	}
	
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #00a9ff!important;
}

.gsc-results .gsc-cursor {
	padding: 20px 0; display:block!important;
}


/* 
	FINAL
*/
 
.hidden {display:none;}


div.group.caption-header div.date {
/*	width: 188px;*/
	padding: 5px 0 3px 12px;
	display:block;
	font-size: 12px;
}

/*
	NEWSLETTER FORM
*/

textarea {font-size: 14px; }

form.newsletter input { 
	padding:6px 5px 7px 5px;
	background-color: #fff;
	border: none;
	font-size: 14px;
	width: 275px;
}

form.newsletter input[type="submit"],
form.newsletter input.button {
	background-color: #00a8ff;
	color: #fff;
	font-weight: bold;
	text-transform:uppercase;
	margin: 8px 0 0 0;
	width: 284px;
}

body.newsletter {
	background: #fff;
	width: 600px;
	}
	

body.newsletter label {
	float: left;
}
	
body.newsletter div.col {
	width: 350px;
	background: #f4f4f4;
	margin: 10px;
	padding: 40px;
	}
	
body.newsletter input,
body.newsletter select,
form.volunteers input,
form.volunteers select {
	margin: 3px 0 10px 0;
	width: 350px;
	font-size: 14px;
	color: #333;
	}
	
body.newsletter input,
form.volunteers input {
	border: none;
	height: 28px;
	}
	
body.newsletter select {
	background: transparent;
	border: 1px solid #f4f4f4;
	background-color: #fff;
	}
	
body.newsletter input.button {
	width: 350px;
}

div#colorbox iframe {
	/*width: 390px;*/
	/*height: 825px;*/
}

div.indent ul.share {
	margin-left: 69px;
	}
	
/*

VOLUNTEERS FORM

*/

form.volunteers {
	background: #f4f4f4;
	width: 550px;
	padding: 17px;
	}
	
form.volunteers select { padding: 0 ; }
	
form.volunteers input,
form.volunteers textarea {
	padding: 0 5px;
	border: 1px solid #f4f4f4;
	width: 535px;
}
form.volunteers dd#gender-element label {
	float: left;
	width: 500px;
}
form.volunteers dd#gender-element label input {
	height: 10px;
	width: 50px;
	
}

form.volunteers input:focus {
	border: 1px solid #f4f4f4;
	}
	
label.short { width: 150px;}

form.volunteers input[type="checkbox"] {
	width: 23px;
	height: 13px;
	
	}
	
label.short {
	width: 160px;
	float: left;
	}
	
form.volunteers div.inline {
	display:block;
	width: 385px;
	float: left;
	margin-bottom: 10px;
/*	border: 1px solid red;*/
}
	
form.volunteers div.inline label {
	margin-right: 5px;
	}
	
form.volunteers select {
	border: 1px solid #ccc;
	background: #fff;
	margin-top: -3px;
	width: auto;
}

form.volunteers div.inline.driving input,
form.volunteers div.inline.availability input,
form.volunteers div.inline.preference input {
	float: left;
}

form.volunteers div.inline.driving label {
	width: 30px;
	display: block;
	float:left;
}

form.volunteers div.inline.availability label {
	width: 110px;
	display: block;
	float:left;
}

form.volunteers div.inline.preference label {
	width: 125px;
	display: block;
	float:left;
}

form.volunteers br { clear:both;}

form.volunteers small {
	font-size: 12px;
	padding-top: 3px;
	display:block;
}

form.volunteers div.inlinefield {
	margin-left: 5px;
}

form.volunteers div.inlinefield input {
	width: 318px;
	height: 22px;
	float:left;
}

form.volunteers div.inlinefield label {
	width:auto!important;
	margin-top: 7px;
}

form.volunteers textarea {
	margin-top: 3px;
	padding: 5px;
	height: 80px;
}

form.volunteers .button {
	color: #fff;
	width: 547px;
	margin: 10px 0 0 0;
}

/*
form.volunteers input.year {
	width: 60px;
}*/
	
/*
	ACCOUNT
*/

ul.subnav li span {
	background: url(images/default-images-account-messages.png) no-repeat center center;	
	color: #fff;
	width: 19px;
	height: 19px;
	display: block;
	font-size: 12px;
	padding-top: 4px;
	position:absolute;
	top: -5px;
	right: -7px;
}

ul.subnav li.logout {
	float: right;
	padding-right: 0;
	margin-right: 0;
}
ul.subnav li.logout a {
	background: url(images/default-images-account-logout.png) no-repeat right 9px;
	padding-right: 30px;
	margin-right: 0;
}

ul.subnav li.logout a:hover {
	border-bottom: 0;
}

div.tag-label {
	color: #666;
	font-size: 14px;
	margin-top: 25px;
	display:block;
}

span.tag-welcome,
span.tag-recommendation,
span.tag-lastminute,
span.tag-lastminuteticket,
span.tag-general,
span.tag-after {
	width: 43px;
	height: 43px;
	display:block;
	position:absolute;
	top: 101px;
	left: 152px;
}

span.tag-welcome			{background: url(images/default-images-account-tag_evenement.png) left top;}
span.tag-recommendation		{background: url(images/default-images-account-tag_recommendation.png) left top;}
span.tag-lastminute			{background: url(images/default-images-account-tag_lastminute.png) left top;}
span.tag-lastminuteticket	{background: url(images/default-images-account-tag_lastminuteticket.png) left top;}
span.tag-general			{background: url(images/default-images-account-tag_general.png) left top;}
span.tag-after				{background: url(images/default-images-account-tag_after.png) left top;}

div#sidebar div.button {
	text-align: center;
}

div#sidebar div.button a {
	color: #fff;
	padding: 8px 0;
	display:block;
}

div#sidebar div.button a:hover {
	text-decoration:none;
}

div#sidebar div.app img {
	margin: 10px auto 0 auto;
	display:block;
}

div#sidebar div.eventdata h2 {
	font-size: 18px;
}

div.eventdata p.time {
	background: url(images/default-images-sidebar_time.png) no-repeat left top;	
	padding: 0 0 10px 35px;
	margin: 0;
	}
div.eventdata p.venue {
	background: url(images/default-images-sidebar_venue.png) no-repeat 1px top;	
	padding: 0 0 10px 35px;
	margin: 0;
	}
div.eventdata p.access {
	background: url(images/default-images-sidebar_access.png) no-repeat left top;	
	padding: 0 0 10px 35px;
	margin: 0;
	}
	
div.eventdata p.access a {
	font-weight: normal;
	color: #333;
	background: url(images/default-images-more_2.png) no-repeat right bottom;
	padding-right: 8px;
}

div.eventdata p.access a:hover {
	background-image: url(images/default-images-more_2_hover.png);
	}

div.eventdata p.access a:hover {
	color: #00AEFF;
	text-decoration: none;
}
	
div.eventdata p.noticket {
	background: #ccc;
	margin-top: -12px;
	padding: 6px 0 6px 35px;
	text-transform: uppercase;
	color: #000;
	font-weight:bold;
}

/* buttons */

#article ul.buttons {
	margin: 0 -25px 0 0;
	padding: 0 0 100px 0;
}

ul.buttons li {
	list-style: none;
	display: block;
	width: 130px;
	height: 130px;
	/*background: url(images/default-images-account-button_large.png) no-repeat;*/
	float:left;
	margin: 0 20px 20px 0;
	padding: 0;	
	position: relative;
	}
	
ul.buttons li span {
	display:block;
	overflow:hidden;
	z-index: 60;
	position: relative;
	}
	
/*ul.buttons li:hover img {
	margin-left:-130px;
	position: relative;
	z-index: 70;
	display:block;
}*/

ul.buttons div {
	display:none;
	position: absolute;
	top: 135px;
	left: 0;
	z-index: 2000;
	background: url(images/default-images-account-button-tooltip.png) no-repeat center top;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
	}

ul.buttons li:hover div {
		display:block;
}
	
	
ul.buttons h3 {
	font: bold 12px/1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform:uppercase;
	margin: 5px 0;
	}
	
ul.buttons p {
	margin: 0; 
}
	
div#sidebar ul.buttons li {
	width: 75px;
	height: 75px;
	background-image: url(images/default-images-account-button_small.png);
	margin: 0 25px 15px 0;
}

/*  Tagcloud  */

#article ul.tree {
	border: 1px solid #ccc;
	padding: 0 0 40px 0;
	margin: 0;
	height: 550px;
	list-style: none;
	background: url(images/default-images-account-tree.png) no-repeat 200px 370px;
	font-family:'AmericanTypwrterITCW01- 731013'; font-weight:normal;
}
#article ul.tree li {
	color: #000;
	line-height: 24px;
	float: left;
	margin: 0;
	padding: 0;
}

.small {font-size: 11px; }
.medium {font-size: 14px;}
.large { font-size: 18px;}
.xlarge { font-size: 24px;}

#article ul.tree .pos1 {margin: 40px 0 0 300px; width: 100%;}
#article ul.tree .pos2 { margin: 0 0 0 350px; width: 100%;}
#article ul.tree .pos3 { margin: 0 0 0 170px;}
#article ul.tree .pos4 { margin: 15px 0 0 20px;}
#article ul.tree .pos5 { margin: 0 0 0 110px; width: 100%;}
#article ul.tree .pos6 { margin: 0 0 0 210px;}
#article ul.tree .pos7 { margin: 0 0 0 20px;}
#article ul.tree .pos8 { margin: -30px 10px 0 10px;}
#article ul.tree .pos9 { margin: 10px 0 0 290px; width: 100%;}
#article ul.tree .pos10 { margin: 10px 0 0 100px; }
#article ul.tree .pos11 { margin: 0px 0 0 20px;}
#article ul.tree .pos12 {margin: 40px 0 0 20px;}
#article ul.tree .pos13 {margin: 5px 0 0 20px;}
#article ul.tree .pos14 {margin: 30px 0 0 30px;}
#article ul.tree .pos15 {margin: 10px 0 0 60px;}
#article ul.tree .pos16 {margin: 0 0 0 20px;}
#article ul.tree .pos17 {margin: 0 0 0 20px;}
#article ul.tree .pos18 { margin: 0 0 0 300px; width: 100%;}

/* Profile */

div.profileimage img {
	padding: 5px;
	background: #fff;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
	float:right;
	margin: 20px 30px 0 0;
}

hr {
	border: none;
	border-bottom: 1px solid #e6e6e6;
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
	

	
/* Profile Form */

form.profile,
form.signindata {
	position:relative;
}

form.profile hr, 
form.signindata hr {
	margin-top: 2px;
	margin-bottom: 15px;
}

form.profile label,
form.signindata label {
/*	font-size: 13px;*/
	font-weight:bold;
}

form.profile input,
form.profile input[type="password"],
form.signindata input,
form.signindata.input[type="password"] {
	border: none;
	background: #ebebeb;
	font-size: 15px;
	padding: 5px;
	margin: 2px 0 15px 0;
	width: 375px;
}

form.signindata input,
form.signindata.input[type="password"] {
	background: #fff;
}

form.signindata input,
form.signindata.input[type="password"] {
	width: 305px;
}

form.profile input[type="submit"],
form.signindata input[type="submit"] {
	background-color: #00AEFF;
	color: #fff;
	text-transform:uppercase;
	font-weight:bold;
	cursor: pointer;
	width: 395px;
}

form.profile div.col,
form.signindata div.col {
	width: 245px;
	display:block;
	float:left;
}

form.profile div.button
form.signindata div.button {
	width: 150px;
	text-align:center;
	padding: 10px 0;
	background-image:none;
	float:left;
	text-transform: capitalize;
}

form.profile input[type='checkbox'],
form.signindata input[type='checkbox'] {
	width: 15px;
	height: 15px;
	margin: 2px 0 15px 0;
	padding: 0;
	vertical-align: top;
}

form.profile select,
form.signindata select {
	font-size: 14px;
	height: auto;
	margin: 3px 0 10px 0;
	padding: 0;
}

div.button.on {background: #000;}
div.button a { color: #fff; text-transform:uppercase;}

div.button a:hover { text-decoration: none; }

ul.errors,
ul.statusmsg,
#article ul.errors,
#article ul.statusmsg {
	list-style: none;
	margin: -52px 0 0 405px;
	padding: 9px 0 7px 0;
	width: 193px;
	min-height: 19px;
	background: url(images/default-images-account-form_error.png) no-repeat left -17px;
	text-transform: lowercase;
	font-weight: bold;
	z-index: 500;
	position: absolute;
	box-shadow: 3px 3px 6px -3px rgba(0,0,0,0.3);
}

form.signindata ul.errors {
	margin-left: 337px;
	width: 213px;
	background-image: url(images/default-images-account-form_error_black.png);
}

form.password ul.errors {
	margin-top: -38px;
	margin-left: 267px;
	width: 220px;
	padding-top: 7px;
}

form.login ul.errors {
	margin-top: -40px;
	margin-left: 270px;
	}

ul.errors li,
ul.statusmsg li,
#article ul.errors li,
#article ul.statusmsg li {
	list-style:none;
	margin: 0;
	padding: 0 3px 3px 14px;
	color: #fff;
}

ul.statusmsg,
#article ul.statusmsg {
	background-image: url(images/default-images-account-statusmsg.png);
}

ul.statusmsg li,
#article ul.statusmsg li {
	color: #ed2e2c;
}

#article ul.social {
	list-style:none;
	margin: 0;
}

#article ul.social li {
	padding: 10px 0 0 45px;
	margin-bottom: 20px;
	height: 26px;
	background: url(images/default-images-account-facebook.png) no-repeat left center;
	font-weight:bold;
	display:block;
	width: 350px;
}

#article ul.social li.twitter {
	background-image: url(images/default-images-account-twitter.png);
}

#article ul.social li.google {
	background-image: url(images/default-images-account-googleplus.png);
}

#article ul.social div.button {
	float:right;
}

dd, dt, dl { padding: 0; margin: 0;}
 
/*  Login  */

div.login,
div.password {
	width: 490px;
	padding: 40px;
	background: #ebebeb;
}

div.login h2 {
	font-size:20px;
	}

div.login p {
	line-height: 18px;
	margin-bottom: 0;
}

div.login a {
	font-weight: normal;
	font-size: 13px;
	}

div.login div.colleft {
	padding-right: 30px;
	margin-right: 27px;
	display:block;
	float: left;
	border-right: 1px solid #d3d3d3;
	margin-top: 15px;
	}
	
div.login.password div.colleft {
	height: 115px;
	padding-right: 26px;
	}
	
div.login div.colright	{
	margin-top: 15px;
	text-align:center;
	display:block;
	float: left;
	width: 169px;
	}
	
div.login div.col {
	float: left;
	margin: 10px 10px 0 0;
	}
	
div.login div.colright p { font-size: 12px;}

div.login a.buttonfb-en {
	display: block;
	background: url(images/default-images-account-facebook_login_button_en.png) no-repeat;
	width: 170px;
	height: 33px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
div.login a.buttonfb-nl {
	display: block;
	background: url(images/default-images-account-facebook_login_button_nl.png) no-repeat;
	width: 170px;
	height: 33px;
	text-indent: -9999px;
	margin-bottom: 10px;
}

form.login input,
form.login input[type="password"],
form.password input,
form.password input[type="password"]
 {
	border: none;
	background: #fff;
	font-size: 13px;
/*	color: #000;
	font-weight: bold;*/
	padding: 9px 10px;
	margin: 0 0 5px 0;
	width: 240px;
}

form.login input[type="submit"],
form.password input[type="submit"] {
	background-color: #00AEFF;
	color: #fff;
	text-transform: lowercase;
	font-weight:bold;
	cursor: pointer;
	width: 260px;
	margin: 5px 0 10px 0;
	font: 18px 'AmericanTypwrterITCW01- 731013';
	padding: 4px 10px;
	border: none;
}

form.login input[type="submit"]:hover,
form.password input[type="submit"]:hover {
	background-color: #000;
}

div.login.password form.login input {
	width: 190px;
}

div.login.password form.login input[type="submit"] {
	width: 210px;
}

form.password {
	margin-top: 15px;
	}

body.popup {
	background: #FFF;
	margin: 10px;
	width: 650px;
	}
	

body.popup.topright{
	width: 590px;
	}

/* for colorbox */

div.signin  {
	font-size: 14px;
	line-height: 18px;
	width: 550px;
	padding: 60px 40px;
	background: #ebebeb;
	}
	

div.signin.nr1 {text-align:center;}
div.signin.nr2 {
	padding: 40px;
	background: #822990;
	color: #fff;
	}
	
div.signin.nr3 {
	padding: 40px;
/*	background: #ed1f24; */
	background: #ff2b93;
	color: #fff;
	height: 630px;
}
	
	
div.signin.nr2,
div.signin.nr3 {
	padding-bottom: 60px;
}

div.signin h2 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 5px;
}

div.signin.nr2 h2,
div.signin.nr2 h3,
div.signin.nr3 h2 {
	color: #fff;
}

div.signin.nr2 h3 {
	font-size: 18px;
}

div.signin.nr2 hr {
	border-color: #9850a3;
}

input[type="checkbox"].hiddenCheckbox {
	display:none;
}

div.signin.nr3 hr {
	border-color: #d51c20;
	margin-top: 2px;
	margin-bottom: 15px;
}

div.signin div.btn-previous {
	background-image: url(images/default-images-account-button_bck.png);
	float: left;
	margin-left: -10px;
	width: auto;
	padding-left:25px;
	padding-right:25px;	
}

form.signindata input[type="submit"] {
	text-transform:none;
	text-align:left;
	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
	}

div.signin div.btn-next,
form.signindata input[type="submit"] {
	background-image: url(images/default-images-account-button_fw.png);
	background-position: right;
	float: right;
	margin-right: -10px;
	width: auto;
	padding-left:30px;
	padding-right:30px;	
}

div.signin div.btn-previous a,
div.signin div.btn-next a,
form.signindata input[type="submit"] {
	font-family:'AmericanTypwrterITCW01- 731013';
	font-weight:normal;
	color: #000;
}




div.signin div.btn-previous a:hover,
div.signin div.btn-next a:hover {
	text-decoration:none;
}

div.notice {
	padding: 18px 18px 8px 18px;
	background: #fee100;
	float:right;
	margin: 21px 0 0 0;
	color: #000;
	width: 150px;
}

div.nr2 div.notice h3 {
	color: #000;
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 5px;
}

ul.tags {
	margin: 15px 0 10px 0;
	padding: 0;
}

ul.tags li {
	float: left;
	margin: 0 10px 10px 0;
}

ul.tags li a {
	border: 2px solid #fff;
	padding: 6px 41px;
	display:block;
	font-weight:bold;
}

ul.tags li.active a,
ul.tags li a:hover  {
	background-color: #ff7c00;
	border-color: #ff7c00;
	text-decoration:none;
}
ul.tags li.active a {
	background-image: url(images/default-images-account-tag_selected.png);
	background-position: right center;
	background-repeat: no-repeat;
}
div#sidebar ul.tags li.active a {
	background: #ff7c00;
	}

ul.tags li a {
	color: #fff;
	}

ul.loginlinks {
	margin: 30px 0 25px 37px;
	display:block;
}

ul.loginlinks li {
	float: left;
	display: block;
	height: 39px;
}

ul.loginlinks li a {
	color: #fff;
	font-weight: bold;
	display:block;
	height: 35px;
	width: 189px;
	padding: 16px 5px 0 45px;
	margin: 0 0;
	font-size: 13px;
}

ul.loginlinks li a:hover {
	text-decoration: none;
}

ul.loginlinks li.loginvvu a {
	background: url(images/default-images-account-singnin_vvu.png) no-repeat center center;	
}

ul.loginlinks li.loginfacebook a {
	background: url(images/default-images-account-singnin_fb.png) no-repeat center center;
}

/**	Message helper **/
div.floater {
    position: fixed !important;
    top: 25%;
    width: 100%;
    z-index: 999;
}
div#hiddenmessage {
	font-family: 'AmericanTypwrterITCW01- 731013';
	font-weight: normal;
	background: #000 url(images/default-images-logo_popup.png) no-repeat center 40px;
	color: #fff;
	text-align: center;
	font-size: 21px;
	line-height: 23px;
	margin: 0 auto;
	padding: 130px 20px 20px 20px;
	width: 300px;
	height: 100px
  }
  
div.grid img, div.list img {
	margin: 0 auto;
	display:block;
}


/*

	APPTEASER

*/

div.appteaser {
	width: 1020px;
	height: 507px;
	background: url(images/default-images-app-bck.png) no-repeat;
	margin-top: -35px;
	border-top: 1px solid #0b3d24;
}

div.appteaser h1 {
	display:none;
}


div.appteaser h2 {
	font-size: 26px;
	line-height: 28px;
	margin-bottom: 20px;
}

div.appteaser div.article {
	padding: 125px 0 0 100px;
	width: 290px;
}
div.appteaser div.article p {
	font-family: "HelveticaNeueW02-45Ligh", "Helvetica Neue", Helvetica, Arial, sans-serif;
	word-spacing: -1px;
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 30px;
}

div.appteaser a.button,
div#sidebar div.app a.button {
	padding: 11px 11px 11px 37px;
	margin: 0 5px 0 0;
	border: none;
	text-transform:none;
	width: auto; 
	background-color: #00AEFF;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.appteaser a.button:hover,
div#sidebar div.app a.button:hover {
	background-color: #000;
}

div.appteaser a.button.appstore,
div#sidebar div.app a.button.appstore  {
	background-image: url(images/default-images-app-appstore.png);
	padding-left: 30px;
}

div#sidebar div.app a.button.appstore {
	margin-left: 17px;
	margin-bottom: 15px;
}

div.appteaser a.button.googleplay,
div#sidebar div.app a.button.googleplay {
	background-image: url(images/default-images-app-googleplay.png);
	}
	
div.appfooter {
	background: #fff;
	margin: 0 35px;
	padding: 0 0 15px 65px;
	border-bottom: 1px solid #ccc;
}

/*  MAPS MARKERS  */

div#infobox{
	height: 40px;
	background: url(images/default-images-marker.png) no-repeat center bottom;
	padding: 5px 5px 13px 5px;
	width: 140px;
}
div#infobox h2{
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	margin: -3px 0 0 0;
	padding-bottom: 0;
	text-align: left;
	float: left;
	width: 100px;
	word-wrap: break-word;
	word-break:hyphenate;
}
div#infobox div {
	float: left;
	margin-right: 3px;
}

/* FESTIVAL DE BASIS - LANDINGSPAGINA */

body.debasis,
body.debasis #header {
	background-color: #9bb4f6;
}

body.debasis #top-inner .lead p {
	margin-left: 0;
	width: 600px;
	font-size: 15px;
	line-height: 20px;
	text-align:justify;
}


body.debasis #top-inner .lead p.intro {
	font-family: 'AmericanTypwrterITCW01- 731013';
	font-size: 25px;
	line-height: 30px;
	text-align: left;
	color: #000;
}

body.debasis .lead h2 {
	font-size: 24px;
	line-height: 30px;
	}

body.debasis a.button.right,
body.debasis a.button.left {
	width: auto;
	padding: 5px 10px;
	background-position: 10px center;
}
body.debasis a.button.right {
    float: right;
}
body.debasis div.extra {display: none;}
body.debasis a.button.left {
    float: left;
    background: #00AEFF;
}


#tickets_wrapper {
    margin-top: 90px;
    display: none;
    clear: both;
}
#iframe_wrapper {
    overflow: hidden;
    position: relative;
    width: 960px;
}

#basis_tickets_iframe {
    width: 960px;
    height: 950px;
}

a.less,
a.more {
	float: left;
	background-color: #666;
	background-image: url(images/default-images-up_down.png);
	background-position: right 11px;
	background-repeat: no-repeat;
	text-transform:uppercase;
	padding: 10px 30px 10px 10px;
	width: auto;
	display:inline-block;
	color: #fff;
	font-weight: bold;
	font-style:normal;
}

a.less:hover,
a.more:hover {
	text-decoration: none;
	background-color: #000;
}

a.more {
	background-position: right -175px;
}

body.debasis .item-wrapper {
	margin-top: 25px;
	}

body.debasis .item-wrapper h2 {
	font-size: 27px;
	padding: 10px 0 15px 0;
}

.end_header{
    display: block;
    text-align:center;
    padding: 35px 35px 35px 35px;
    position: relative;

}

.end_header_content {
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    height:532px;
}

.end_header_content_nl{
    background-image:url('images/default-images-end_festival_nl.png');
}

.end_header_content_en{
    background-image:url('images/default-images-end_festival_en.png');
}

.end_button{
    padding:10px 35px ;
    background-color: #00AEFF;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    float:right;
    position:absolute;
    bottom:50px;
    right:50px;

}

.end_button:hover { color:#FFFFFF; background-color:#000000; text-decoration:none; }

.color-end{
    background-image: -ms-linear-gradient(top, #45426a 0%, #645898 10%, #F7528C 50%, #F8E409 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #45426a 0%, #645898 10%, #F7528C 50%, #F8E409 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #45426a 0%, #645898 10%, #F7528C 50%, #F8E409 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #45426a),  color-stop(0.1, #645898), color-stop(0.5, #F7528C), color-stop(1, #F8E409));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #45426a 0%, #645898 10%, #F7528C 50%, #F8E409 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to bottom, #45426a 0%, #645898 10%, #F7528C 50%, #F8E409 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7528C', endColorstr='#FFFF53');
    zoom: 1;

}

/* Clearfix */

ul.buttons:after, div.login:after , ul.loginlinks:after, ul.tags:after, div#filter:after, div#filter div.bottom:after, div.appfooter:after, div#infobox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/** ALTIJD ONDERAAN WANT INTERNET EXPLORER STOPT BIJ DEZE CSS-ANIMATIES MET HET PARSEN VAN DE CSS!! **/

/** ISOTOPE ANIMATION FOR CSS3 **/
  /**** Isotope Filtering ****/

  .isotope-item {
    z-index: 2;
  }

  .isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
  }

  /**** Isotope CSS3 transitions ****/

  .isotope,
  .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
            transition-duration: 0.8s;
  }

  .isotope {
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
  }

  .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
  }

  /**** disabling Isotope CSS3 transitions ****/

  .isotope.no-transition,
  .isotope.no-transition .isotope-item,
  .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
  }

  /* End: Recommended Isotope styles */