/* timetable */

/* begin timebar */
.time_bar{
	height:33px;
	width:918px; 
	background-color:#ffffff;
	float:left;
	margin-left:12px;
	margin-top:8px;
}

.time_bar .button{
	width:58px;
	height:33px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.time_bar .time{
	float:left;
	width:802px;
	height:33px;
	background-image:url('/assets/images/tt_bg.png');
	background-repeat:repeat-x;
	overflow:hidden;
}

.time_bar .button.left{
	float:left;
	background-image:url('/assets/images/tt_left.png');
	background-position:left top;
}

.time_bar .button.left.down{
	background-image:url('/assets/images/tt_left_1.png');
}

.time_bar .button.right{
	float:right;
	background-image:url('/assets/images/tt_right.png');
	background-position:right top;
}

.time_bar .button.right.down{	
	background-image:url('/assets/images/tt_right_1.png');
}

.contentOftime{
	width:2880px;
	height:20px;
	float:left;
	margin-top:6px;
}

.contentOftime h4{
	width:54px;
	margin:2px 0px 0px 0px;
	padding:2px 0px 0px 6px;
	font-family:arial;
	font-size:12px;
	color:#444444;
	text-align:left;
	font-weight:normal;
	float:left;
	background-image:url('/assets/images/time_dividerbar.png');
	background-repeat:no-repeat;
	background-position:left center;	
}
/* end timebar */

/* begin scroll up/down */
.moveUDbar{
	height:19px;
	width:916px;
	background-color:#ffffff;
	background-position:0px -19px;
	background-repeat:no-repeat;
	float:left;
	margin-left:13px;
	margin-top:5px;
	margin-bottom:5px;
	cursor:pointer;
}

.moveUDbar.active{
	background-position:0px 0px;
}

.moveUDbar.DOWN{
	background-image:url('/assets/images/down.png');
	clear:both;
	margin-bottom:0px;
}

.moveUDbar.UP{
	background-image:url('/assets/images/up.png');
}
/* end scroll up/down */


#containerHeight{
	overflow:hidden;
	height:400px;
}

#containerUD{
	margin-top:0px;
	min-height:500px;
}
#containerLR-time{
	margin-left:0px;
}
#containerLR-body{
	min-height:500px;
	margin-left:0px;
}

.vertical_mask{
	width:918px;
	background-color:#ffffff;
	overflow:hidden;
	float:left;
	position:relative;
	margin-left:12px;
	margin-top:0px;
}

.days{
	background-image:url('/assets/images/teethedge.png');
	background-repeat:repeat-y;
	background-position:right top;
	width:58px;
	height: 100%;
	position:absolute;
	left:-50px;
	top:0px;
	z-index:2;
	opacity:1;
}

.day{
	background-image:url('/assets/images/day.png');
	background-repeat:no-repeat;
	background-position:top left;
	height:40px;
	width:50px;
	float:left;
	position: relative;
	margin-left:1px;
}
.day p{
	font-family:arial;
	font-weight:normal;
	font-size:10px;
	color:#7a7a7a;
	width:40px;
	text-align:left;
	margin-top:1px;
	margin-left:4px;
	padding:0px;
	text-transform:uppercase;
}

.horizontal_mask{
	width:850px;
	min-height:500px;
/*	height:100%;*/
/*	overflow:hidden;*/
/*	background-color: #f00;*/
	position:absolute;
	top: 0px;
	left:50px;
	z-index:1;
}

.close{
	background-image:url('/assets/images/teethedge_r.png');
	background-repeat:repeat-y;
	background-position:left top;
	width:60px;
	position:absolute;
	top: 0px;
	height: 100%;
	left: 810px;
	z-index:2;
	opacity:1;
}

.time_table{
	height:100%;
	width:918px;
	background-color:#ffffff;
	position:relative;
	top:0px;
	left:0px;
}

.contentOftimetable{
	height:100%;
	width:2888px;
	float:left;
	margin-top:0px;
	background-image:url('/assets/images/timelines_dotted.png');
	background-repeat:repeat;
	background-position:left top;
}

.timeUnit{
	height:35px;
	margin-top:5px;
	cursor:pointer;
}

.newDay {
	margin-top: 10px;
}

.film .cL,.film .cR,.film .mid,
.theater .cL,.theater .cR,.theater .mid,
.literatuur .cL,.literatuur .cR,.literatuur .mid,
.kunst .cL,.kunst .cR,.kunst .mid{
	background-image:url('/assets/images/agenda/time_cultuur.png');
	
}

.sport .cL,.sport .cR,.sport .mid{
	background-image:url('/assets/images/agenda/time_sport.png');
}

.gezondheid .cL,.gezondheid .cR,.gezondheid .mid{
	background-image:url('/assets/images/agenda/time_gezondheid.png');
}

.religie .cL,.religie .cR,.religie .mid{
	background-image:url('/assets/images/agenda/time_religie.png');
}

.overigen .cL,.overigen .cR,.overigen .mid{
	background-image:url('/assets/images/agenda/time_overigen.png');
}

.outdoorfeest .cL,.outdoorfeest .cR,.outdoorfeest .mid,
.indoorfeest .cL,.indoorfeest .cR,.indoorfeest .mid{
	background-image:url('/assets/images/agenda/time_feest.png');
}

.farleft{
	position:absolute;
	width:75px;
	left:9px;
	cursor:default;
	overflow: hidden;
}

.farright{
	position:absolute;
	width:75px;
	right:42px;
	cursor:default;
	overflow: hidden;
}

.farleft .cL,.farleft .cR,.farleft .mid,
.farright .cL,.farright .cR,.farright .mid{
	background-image:url('/assets/images/agenda/time_far.png');
}

.timeUnit .cL{
	width:10px;
	height:35px;
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

.timeUnit .cR{
	width:10px;
	height:35px;
	background-position:right top;
	background-repeat:no-repeat;	
	float:left;
}

.timeUnit .mid{
	height:35px;
	background-position:left bottom;
	background-repeat:repeat-x;
	float:left;
	overflow: hidden;
}

.timeUnit .kwart{
	background-position:15px bottom;
}

.timeUnit .half{
	background-position:30px bottom;
}

.timeUnit .driekwart{
	background-position:45px bottom;
}

.timeUnit .mid .tick{
	float:left;
	cursor: pointer;
	margin-left:0px;
	margin-top:12px;
}

.timeUnit .mid .weare_item{
	float:left;
	width:26px;
	height:26px;
	margin-left:0px;
	margin-top:4px;
	background-image:url('/assets/images/weare_icon.png');
	background-repeat:no-repeat;
}

.timeUnit .mid .sublabel{
	float:left;
	height:20px;
	margin-left:5px;
	margin-top:7px;
}

.sublabel.film{
	width:20px;
	background-image:url('/assets/images/agenda/sl_film.png');
}

.sublabel.theater{
	width:28px;
	background-image:url('/assets/images/agenda/sl_theater.png');
}

.sublabel.kunst{
	width:20px;
	background-image:url('/assets/images/agenda/sl_kunst.png');
	background-position:0px -1px;
}

.sublabel.literatuur{
	width:28px;
	background-image:url('/assets/images/agenda/sl_literatuur.png');
}

.sublabel.outdoorfeest{
	width:35px;
	background-image:url('/assets/images/agenda/sl_outdoorfeest.png');
}

.sublabel.indoorfeest{
	width:35px;
	background-image:url('/assets/images/agenda/sl_indoorfeest.png');
	background-position:0px -1px;
}

.sublabel.religie{
	width:20px;
	background-image:url('/assets/images/agenda/sl_religie.png');
}

.sublabel.sport{
	width:20px;
	background-image:url('/assets/images/agenda/sl_sport.png');
}

.sublabel.gezondheid{
	width:20px;
	background-image:url('/assets/images/agenda/sl_gezondheid.png');
}

.sublabel.overigen{
	width: 20px;
	background-image:url('/assets/images/agenda/sl_overigen.png');
}

.timeUnit .mid h5{
	font-family:arial;
	font-size:13px;
	color:#444444;
	font-weight:normal;
/*	float:left;*/
	padding:0px;
	margin:9px 0px 0px 5px;
}

.detailStartpoint{
	height:1px;
	width:916px;
	float:left;
	background-color:#ffffff;
	margin-left:13px;
	margin-top:0px;
	margin-bottom:0px;
}

.detailContainer{
	height:485px;
	width:915px;
	position:relative;
	float: left;
	top: 8px;
	left:0px;
	z-index:200;
	background-color:#ffffff;
	border:solid 1px #cccccc;
}

div#loading-details {
	height:485px;
	width:915px;
	background-color: #ffffff;
	background-image:url('/assets/images/loading-white.gif');
	background-position: center center;
	background-repeat: no-repeat;
	position:relative;
	float: left;
	top: 8px;
	opacity: 0;
	visibility: hidden;
	border:solid 1px #cccccc;
	z-index: 1000;
}

.detailContainer .map{
	width:408px;
	height:485px;
	position:relative;
	margin-left: -4px;
	z-index:1;
	float:left;
}

.shadowOverlay{
	height:100%;
	width:5px;
	background-image:url('/assets/images/shadow.png');
	background-repeat:repeat-y;
	position:relative;
	z-index:100;
	float:left;
}

.detailContent{
	height:485px;
	width:506px;
	background-color:#ffffff;
	float:left;
}

.detailContent h1{
	font-family:arial;
	font-size:16px;
	color:#444444;
	font-weight:normal;
	float:left;
	margin:15px 0px 0px 20px;
	padding:0px 0px 18px 0px;
	border-bottom:2px solid;
	width:466px;
}

.detailContent h1.kunst,
.detailContent h1.literatuur,
.detailContent h1.film,
.detailContent h1.theater{
	border-color:#f9d600;
}

.detailContent h1.indoorfeest,
.detailContent h1.outdoorfeest{
	border-color:#ff6c00;
}

.detailContent h1.sport{
	border-color:#e00000;
}

.detailContent h1.religie{
	border-color:#b400b2;
}

.detailContent h1.gezondheid{
	border-color:#00b4ff;
}

.detailContent h2{
	font-family:arial;
	font-size:13px;
	color:#444444;
	float:left;
	margin:0px 0px 0px 20px;
	font-weight:normal;
	background-image:url('/assets/images/arrow_right.png');
	background-repeat:no-repeat;
	background-position:right center;
	padding:12px 0px 12px 0px;
	width:466px;
	border-bottom:1px solid #c9c9c9;
}
.detailContent p{
	font-family:arial;
	font-size:12px;
	color:#444444;
	float:left;
	margin:0px 0px 0px 20px;
	font-weight:normal;
	padding:12px 0px 12px 0px;
	width:466px;
	border-bottom:1px solid #c9c9c9;
}
.detailContent p.large{
	font-size: 13px;
}

.detailContent .buttons{
	width:466px;
	float:left;
	margin:10px 0px 0px 20px;
	background-color:#ffffff;
}

.detailContent .buttons .blue{
	background-image:url('/assets/images/bluebutton_0.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:79px;
	height:22px;
	margin:0px 10px 0px 0px;
	padding-top: 4px;
	
	float:left;
	display: block;
	cursor: pointer;
	
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}

.detailContent .buttons .blue:hover{
	background-image:url('/assets/images/bluebutton_1.png');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: none;
}

.detailContent .buttons .community.facebook{
	width:92px;
/*	height:22px;*/
	background-image:url('/assets/images/facebook_0.png');
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
	margin:0px;
	padding:0px;
}

.detailContent .buttons .community.facebook:hover{
	background-image:url('/assets/images/facebook_1.png');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: none;
}

.detailContent h4{
	font-family:arial;
	font-weight:normal;
	font-size:13px;
	color:#c9c9c9;
	float:right;
	margin:10px 20px 0px 0px;
	text-decoration:underline;
}

.detailContent h4 a{
	font-weight:normal;
	font-size:13px;
	color:#a9a9a9;
	text-decoration:underline;
}

.detailContent h1 .detail_cat{
	float:right;
	height:20px;
	margin:-3px 5px 0px 0px;
	padding:0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.detail_cat.kunst{
	width:17px;
	background-image:url('/assets/images/agenda/ic_kunst.png');
}
.detail_cat.literatuur{
	width:22px;
	background-image:url('/assets/images/agenda/ic_literatuur.png');
}
.detail_cat.theater{
	width:19px;
	background-image:url('/assets/images/agenda/ic_theater.png');
}
.detail_cat.religie{
	width:12px;
	background-image:url('/assets/images/agenda/ic_religie.png');
}
.detail_cat.gezondheid{
	width:12px;
	background-image:url('/assets/images/agenda/ic_gezondheid.png');
}
.detail_cat.sport{
	width:15px;
	background-image:url('/assets/images/agenda/ic_sport.png');
}
.detail_cat.film{
	width:12px;
	background-image:url('/assets/images/agenda/ic_film.png');
}
.detail_cat.indoorfeest{
	width:28px;
	background-image:url('/assets/images/agenda/ic_indoorfeest.png');
}
.detail_cat.outdoorfeest{
	width:28px;
	background-image:url('/assets/images/agenda/ic_outdoorfeest.png');
}
.detail_cat.overigen{
	width:20px;
	background-image:url('/assets/images/agenda/ic_overigen.png');
}

/* list view */
.agenda-list{
	margin: 8px 0px 8px 13px; 
	height: 485px; 
	width: 414px;
	overflow: auto;
	float: left;
	border: 1px solid #ccc; 
	border-right: none;
	padding: 0px 0px 0px 10px;
	background-color: #fff;
}

.agenda-list-details{
	margin: 8px 13px 8px 0px; 
	height: 485px; 
	width: 490px;
	overflow: auto;
	float: left;
	border: 1px solid #ccc; 
	padding: 0px 0px 0px 00px;
	background-color: #fff;
}

.list-eventitem{
	cursor: pointer;
	padding: 8px 0px 8px 10px;
	margin: 0px;
	float: left;
	width: 380px;
	border-bottom: 1px solid #eee;
}

.list-eventitem.pride-event{
	background-color: #EF0090;
	color: #fff;
}

.list-eventitem.pride-event p{
	color: #fff;
}

.list-eventitem p{
	font-size: 11px;
	color: #444;
	margin: 5px 0px 0px 5px;
	line-height: 1.2em;
}

h1.listview-date{
	font-size: 16px;
	font-weight: normal;
	color: #333;
	width: 380px;
	display: block;
	float: left;
	padding: 10px 5px 5px 5px;
	margin: 0px;
	border-bottom: 2px solid #333;
}

.list-eventitem h2{
	font-size: 13px;
	font-weight: normal;
	color: #444;
	width: 305px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	
	background-color: #7c7c7c;
	padding: 4px 0px 4px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.list-eventitem h2.kunst,
.list-eventitem h2.literatuur,
.list-eventitem h2.film,
.list-eventitem h2.theater{
	color:#f9d600;
}

.list-eventitem h2.overigen{
	color:#000;
}

.list-eventitem h2.indoorfeest,
.list-eventitem h2.outdoorfeest{
	color:#ff6c00;
}

.list-eventitem h2.sport{
	color:#e00000;
}

.list-eventitem h2.religie{
	color:#b400b2;
}

.list-eventitem h2.gezondheid{
	color:#00b4ff;
}

.list-eventitem.pride-event h2{
	color: #fff;
	background-color: #EF0090;
	padding: 0px 5px;
}

.list-eventitem .sublabel{
	height: 30px;
	width: 50px;
	float: left;
	background-position: center top;
	background-repeat:no-repeat;

}

.list-eventitem .info{
	float: left;
	font-size: 13px;
}


.listdetailContent{
	height:485px;
	width:490px;
	background-color:#ffffff;
	float:left;
}

.listdetailContent h1{
	font-family:arial;
	font-size:16px;
	color:#444444;
	font-weight:normal;
	float:left;
	margin:15px 0px 0px 10px;
	padding:0px 0px 18px 0px;
	border-bottom:2px solid;
	width:456px;
}

.listdetailContent h1.kunst,
.listdetailContent h1.literatuur,
.listdetailContent h1.film,
.listdetailContent h1.theater{
	border-color:#f9d600;
}

.listdetailContent h1.indoorfeest,
.listdetailContent h1.outdoorfeest{
	border-color:#ff6c00;
}

.listdetailContent h1.sport{
	border-color:#e00000;
}

.listdetailContent h1.religie{
	border-color:#b400b2;
}

.listdetailContent h1.gezondheid{
	border-color:#00b4ff;
}

.listdetailContent h2{
	font-family:arial;
	font-size:13px;
	color:#444444;
	float:left;
	margin:0px 0px 0px 10px;
	font-weight:normal;
	background-image:url('/assets/images/arrow_right.png');
	background-repeat:no-repeat;
	background-position:right center;
	padding:12px 0px 12px 0px;
	width:456px;
	border-bottom:1px solid #c9c9c9;
}
.listdetailContent p{
	font-family:arial;
	font-size:12px;
	color:#444444;
	float:left;
	margin:0px 0px 0px 10px;
	font-weight:normal;
	padding:12px 0px 12px 0px;
	width:456px;
	border-bottom:1px solid #c9c9c9;
}
.listdetailContent p.large{
	font-size: 13px;
}

.listdetailContent .buttons{
	width:456px;
	float:left;
	margin:10px 0px 0px 10px;
	background-color:#ffffff;
}

.listdetailContent .buttons .blue{
	background-image:url('/assets/images/bluebutton_0.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:79px;
	height:22px;
	margin:0px 10px 0px 0px;
	padding-top: 4px;
	
	float:left;
	display: block;
	cursor: pointer;
	
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	font-weight: bold;
	text-align:center;
	text-decoration: none;
}

.listdetailContent .buttons .blue:hover{
	background-image:url('/assets/images/bluebutton_1.png');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: none;
}

.listdetailContent .buttons .community.facebook{
	width:92px;
	height:22px;
	background-image:url('/assets/images/facebook_0.png');
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
	margin:0px;
	padding:0px;
}

.listdetailContent .buttons .community.facebook:hover{
	background-image:url('/assets/images/facebook_1.png');
	background-position:left top;
	background-repeat:no-repeat;
	text-decoration: none;
}

.listdetailContent h4{
	font-family:arial;
	font-weight:normal;
	font-size:13px;
	color:#c9c9c9;
	float:right;
	margin:10px 20px 0px 0px;
	text-decoration:underline;
}

.listdetailContent .map{
	width:456px;
	height:300px;
	position:relative;
	z-index:1;
	margin: 10px 0px 20px 10px;
	float:left;
}

.listdetailContent h4 a{
	font-weight:normal;
	font-size:13px;
	color:#a9a9a9;
	text-decoration:underline;
}

.listdetailContent h1 .detail_cat{
	float:right;
	height:20px;
	margin:-3px 5px 0px 0px;
	padding:0px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}