/* Styles voor de volgende pagina.
=============================================
- Homepage
	- Toplocations
	- Upcoming events
- Tab Welcome
	- Toplocations
	- Upcoming events
- Tab Landinformatie
- Tab Events
	- Maandnavigatiebalk
	- Eventitems per maand
- Eventsdetailpagina  
===========================================*/

/*global */
#pnlEventsLocations
{
	overflow:auto;
	padding:0px 10px;
	margin-top:5px;
	margin-bottom:10px;
}


/* Tab Home  
===========================================*/

/* specific home */
.tabhome #pnlEventsLocations
{
	overflow:auto;
	padding:0px 0px;
	margin-bottom:10px;
}

/* Tab Home | Toplocations */
.tabhome .paneltoplocations
{
	float:left;
	width:250px;
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	margin-right:10px;
	min-height:195px;
}
.tabhome .paneltoplocations h2
{
	background:#5C5C5C;
	color:White;
	margin:0px;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tabhome .toplocationsitems
{
	padding:2px 8px;
}
.tabhome .toplocationrow
{
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
}
.tabhome .toplocationrow img, .eventsrow img
{
	display:block;
	float:left;
	margin:5px 8px 0px 0px;
	width:auto;
}
.tabhome .toplocationrow a
{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
	font-weight:normal;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tabhome .toplocationrow a:hover
{
	color:#ED018C;
	max-width:130px;
	overflow:hidden;
}
.tabhome .toplocationrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;
}


/* Tab Events | Eventitems per maand */
.tabhome .panelupcomingevents
{
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	overflow:auto;
	width:630px;
}
.tabhome .panelupcomingevents h2
{
	background:#5C5C5C;
	margin:0px;
	color:White;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tabhome .panelupcomingeventitems
{
	padding:5px;
}

.tabhome .eventmonthsubheader
{
	margin:0px;
}
.tabhome .eventsrow
{
	position:relative;
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
	padding:0px 0px;
	margin-bottom:3px;
	border:solid 1px silver;
}

.tabhome .eventsrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;	
}
.tabhome span.eventsitemdate
{
	color:#000;
	font-size:9px;
	width:95px;
	height:auto;
	border-right:dotted 1px silver;
	white-space:normal;
	padding:0px 5px;
	background:#eee;
}
.tabhome .eventsrow img
{
	display:block;
	float:left;
	margin:5px 5px 0px 5px;
	width:14px;
}

/* TODO class op link eventlocation */
.tabhome .eventsrow a
{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
	font-weight:normal;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tabhome .eventsrow a:hover
{
	color:#0F63FF;
	text-decoration:underline;
}
.tabhome span.eventstitle
{
	overflow:hidden;
	background:#fff;
	width:245px;
	padding:4px 5px;
	border-top:dotted 1px silver;
	font-size:11px;
	line-height:100%;
	font-weight:normal;
	color:#ED018C;
}
.tabhome .eventsrow a.eventsdetaillink
{
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	background:#E5EEFF;
	background:transparent url(images/bg_button_moreinfo.png) no-repeat;
	height:16px;
	padding:3px 7px;
	font-size:10px;
	color:#0F63FF;
	text-decoration:none;
	line-height:90%;
	letter-spacing:-1px;
	width:40px;
}
.tabhome .eventsrow a.eventsdetaillink:hover
{
	background:transparent url(images/bg_button_moreinfo_hover.png) no-repeat;
	color:#ED018C;
	text-decoration:none;
}
.tabhome .eventsrow a
{
	width:120px;
}





/* Tab Welcome  
===========================================*/

/* Tab Welcom | Toplocations */
.tabwelcome .paneltoplocations
{
	float:left;
	width:200px;
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	margin-right:10px;
	min-height:195px;
}
.tabwelcome .paneltoplocations h2
{
	background:#5C5C5C;
	color:White;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tabwelcome .toplocationsitems
{
	padding:2px 8px;
}
.tabwelcome .toplocationrow
{
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
}
.tabwelcome .toplocationrow img, .eventsrow img
{
	display:block;
	float:left;
	margin:5px 8px 0px 0px;
	width:auto;
}
.tabwelcome .toplocationrow a
{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
	font-weight:normal;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tabwelcome .toplocationrow a:hover
{
	color:#ED018C;
	max-width:130px;
	overflow:hidden;
}
.tabwelcome .toplocationrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;
}

/* Tab Welcome | Upcoming Events */
.tabwelcome .panelupcomingevents
{
	float:left;
	width:325px;
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	min-height:195px;
}

.tabwelcome .panelupcomingevents h2
{
	background:#5C5C5C;
	color:#FFF;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tabwelcome .panelupcomingeventitems
{
	padding:5px;
}
.tabwelcome .eventsrow
{
	position:relative;
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
	padding:0px 0px;
	margin-bottom:3px;
	border:solid 1px silver;
}
.tabwelcome .eventsrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;	
}
.tabwelcome span.eventsitemdate
{
	color:#000;
	font-size:9px;
	width:40px;
	height:40px;
	letter-spacing:-1px;
	white-space:normal;
	padding:0px 5px;
	background:#eee;
}
.tabwelcome .eventsrow img
{
	display:block;
	float:left;
	margin:5px 5px 0px 5px;
	width:14px;
}

/* TODO class op link location */
.tabwelcome .eventsrow a
{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
	font-weight:normal;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tabwelcome .eventsrow a:hover
{
	color:#0F63FF;
	text-decoration:underline;
}
.tabwelcome span.eventstitle
{
	font-size:11px;
	line-height:100%;
	width:245px;
	border-top:dotted 1px silver;
	overflow:hidden;
	background:#fff;
	font-weight:normal;
	padding:4px 5px;
	color:#ED018C;
}
.tabwelcome a.eventsdetaillink
{
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	background:transparent url(images/bg_button_moreinfo.png) no-repeat;
	height:16px;
	padding:3px 7px;
	font-size:10px;
	color:#0F63FF;
	text-decoration:none;
	line-height:90%;
	letter-spacing:-1px;
	width:40px;
}
.tabwelcome a.eventsdetaillink:hover
{
	background:transparent url(images/bg_button_moreinfo_hover.png) no-repeat;
	color:#ED018C;
	text-decoration:none;
}

.tabwelcome .moreevents
{
	display:block;
	background:#E5EEFF;
	border:solid 1px #8FB6FF;
	font-size:10px;
	color:#0F63FF;
	padding:3px 7px;
	text-decoration:none;
	line-height:100%;
	letter-spacing:-1px;
	width:80px;
	margin:3px 8px;
}
.tabwelcome .moreevents:hover
{
	border:solid 1px #ED018C;
	color:#ED018C;	
}
/* Tab Landinformatie
=======================================*/

/* Tab Landinfo | Toplocations */
.tablandinfo .paneltoplocations
{
	float:left;
	width:200px;
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	margin-right:10px;
	min-height:195px;
}
.tablandinfo .paneltoplocations h2
{
	background:#5C5C5C;
	color:White;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tablandinfo .toplocationsitems
{
	padding:2px 8px;
}
.tablandinfo .toplocationrow
{
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
}
.tablandinfo .toplocationrow img, .eventsrow img
{
	display:block;
	float:left;
	margin:5px 8px 0px 0px;
	width:auto;
}
.tablandinfo .toplocationrow a
{
	display:block;
	float:left;
	margin-right:5px;
	max-width:130px;
	font-weight:normal;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tablandinfo .toplocationrow a:hover
{
	color:#ED018C;
	max-width:130px;
	overflow:hidden;
}
.tablandinfo .toplocationrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;
}
/* Tab Landinfo | Upcoming events */
.tablandinfo .panelupcomingevents
{
	float:left;
	width:325px;
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	min-height:195px;
}

.tablandinfo .panelupcomingevents h2
{
	background:#5C5C5C;
	color:#FFF;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tablandinfo .panelupcomingeventitems
{
	padding:5px;
}
.tablandinfo .eventsrow
{
	position:relative;
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
	padding:0px 0px;
	margin-bottom:3px;
	border:solid 1px silver;
}
.tablandinfo .eventsrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;	
}
.tablandinfo span.eventsitemdate
{
	color:#000;
	font-size:9px;
	width:40px;
	height:40px;
	letter-spacing:-1px;
	white-space:normal;
	padding:0px 5px;
	background:#eee;
}
.tablandinfo .eventsrow img
{
	display:block;
	float:left;
	margin:5px 5px 0px 5px;
	width:14px;
}

/* TODO class op link eventlocation */
.tablandinfo .eventsrow a
{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
	font-weight:normal;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tablandinfo .eventsrow a:hover
{
	color:#0F63FF;
	text-decoration:underline;
}
.tablandinfo span.eventstitle
{
	font-size:11px;
	line-height:100%;
	width:245px;
	border-top:dotted 1px silver;
	overflow:hidden;
	background:#fff;
	font-weight:normal;
	padding:4px 5px;
	color:#ED018C;
}
.tablandinfo a.eventsdetaillink
{
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	background:#E5EEFF;
	background:transparent url(images/bg_button_moreinfo.png) no-repeat;
	height:16px;
	padding:3px 7px;
	font-size:10px;
	color:#0F63FF;
	text-decoration:none;
	line-height:90%;
	letter-spacing:-1px;
	width:40px;
	
}
.tablandinfo a.eventsdetaillink:hover
{
	background:transparent url(images/bg_button_moreinfo_hover.png) no-repeat;
	color:#ED018C;
	text-decoration:none;
}
.tablandinfo .moreevents
{
	display:block;
	background:#E5EEFF;
	border:solid 1px #8FB6FF;
	font-size:10px;
	color:#0F63FF;
	padding:3px 7px;
	text-decoration:none;
	line-height:100%;
	letter-spacing:-1px;
	width:80px;
	margin:3px 8px;
}
.tablandinfo .moreevents:hover
{
	border:solid 1px #ED018C;
	color:#ED018C;	
}


/* Tab Events 
======================================*/
.tabevents
{
	padding: 10px; 
	display: none;
	position:relative;
}

.tabevents a.addevent
{
	position:absolute;
	right:10px;
	top:5px;
	background:#E5EEFF;
	border:solid 1px #8FB6FF;
	color:#0F63FF;
	text-decoration:none;
	padding:2px 5px;
}
.tabevents a.addevent:hover
{
	background:#E5EEFF;
	border:solid 1px #ED018C;
	color:#ED018C;
}


/* Tab Events | Maandnavigatiebalk */
div.eventsmonthnavigatepanel
{
	border:solid 1px transparent;
	overflow:auto;
	margin-bottom:10px;
}
div.eventsmonthnavigatepanel ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	padding:0px 8px;
	border:solid 1px transparent;
	border-bottom:solid 1px silver;
	overflow:auto;
}
div.eventsmonthnavigatepanel ul li
{
	display:block;
	float:left;
	margin:0px;
	margin-right:5px;
	padding:2px;
	border:solid 1px #fff;
}
div.eventsmonthnavigatepanel ul li a
{
	border:solid 1px transparent;
	padding:2px 5px;
	text-decoration:none;
	width:auto;
	color:#0F63FF;
}
div.eventsmonthnavigatepanel ul li a.tabeventactief
{
	border:solid 1px gray;
	border-bottom:solid 1px #fff;
	background:#fff;
	color:#ED018C;
}

/* Tab Events | Eventitems per maand */
.tabevents .panelupcomingevents
{
	background:#fff url(images/bg_contentbox_silver.png) bottom repeat-x;
	border:solid 1px silver;
	margin:0px;
	overflow:auto;
	width:540px;
}
.tabevents .panelupcomingevents h2
{
	background:#5C5C5C;
	color:White;
	font-size:12px;
	padding:2px 5px 3px 5px;
	border-bottom:solid 1px silver;
}
.tabevents .panelupcomingeventitems
{
	padding:5px;
}

.tabevents .eventmonthsubheader
{
	margin:0px;
}
.tabevents .eventsrow
{
	position:relative;
	line-height:180%;
	margin:0px;
	overflow:hidden;
	white-space:nowrap;
	padding:0px 0px;
	margin-bottom:3px;
	border:solid 1px silver;
}

.tabevents .eventsrow span
{
	display:block;
	float:left;
	font-size:10px;
	margin-top:0px;
	width:auto;
	color:Gray;	
}
.tabevents span.eventsitemdate
{
	color:#000;
	font-size:9px;
	width:95px;
	height:auto;
	border-right:dotted 1px silver;
	white-space:normal;
	padding:0px 5px;
	background:#eee;
}
.tabevents .eventsrow img
{
	display:block;
	float:left;
	margin:5px 5px 0px 5px;
	width:14px;
}

/* TODO class op link eventlocation */
.tabevents .eventsrow a
{
	display:block;
	float:left;
	margin-right:5px;
	width:auto;
	font-weight:normal;
	overflow:hidden;
	text-decoration:none;
	color:#0F63FF;
}
.tabevents .eventsrow a:hover
{
	color:#0F63FF;
	text-decoration:underline;
}
.tabevents span.eventstitle
{
	overflow:hidden;
	background:#fff;
	width:245px;
	padding:4px 5px;
	border-top:dotted 1px silver;
	font-size:11px;
	line-height:100%;
	font-weight:normal;
	color:#ED018C;
}
.tabevents .eventsrow a.eventsdetaillink
{
	display:block;
	position:absolute;
	right:2px;
	top:2px;
	background:#E5EEFF;
	background:transparent url(images/bg_button_moreinfo.png) no-repeat;
	height:16px;
	padding:3px 7px;
	font-size:10px;
	color:#0F63FF;
	text-decoration:none;
	line-height:90%;
	letter-spacing:-1px;
	width:40px;
}
.tabevents .eventsrow a.eventsdetaillink:hover
{
	background:transparent url(images/bg_button_moreinfo_hover.png) no-repeat;
	color:#ED018C;
	text-decoration:none;
}
.tabevents .eventsrow a
{
	width:120px;
}


/* Eventsdetailpagina  
===================================*/

/*	LET OP:
	De classes die hetzelfde zijn als de detailpagina staan in detailpagina.css */

.eventsmainimagelink, .eventimagelink
{
	margin:0px;
	padding:0px;
	margin-right:9px;
	margin-bottom:4px;
	float:left;
	border:solid 1px silver;
	overflow:hidden;
}
.eventsmainimagelink:hover, .eventimagelink:hover
{
	border:solid 1px #ED018C;
}
.eventsmainimage, .eventimage
{
	border:solid 4px #fff;
	width:85px;
	height:85px;
}
.eventimage
{
	width:70px;
	height:70px;
}
.eventobjectnaam
{
	margin:0px;
	margin-bottom:6px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#4D4D4D;
}
a.eventobjectlink, a.eventobjectlink:hover
{
	display:inline-block;
	background:#fff url(images/bg_button_moreinfo.png) no-repeat;
	text-decoration:none;
	width:50px;
	height:16px;
	font-size:11px;
	color:#0F63FF;
	margin-left:8px;
	padding:0px;
	padding-left:12px;
}
a.eventobjectlink:hover
{
	color:#ED018C;
	background:#fff url(images/bg_button_moreinfo_hover.png) no-repeat;
}

.eventobjectadres
{
	margin:0px;
	margin-top:5px;
	font-size:11px;
	font-style:italic;
	color:Gray;
	font-weight:bold;
}