/*
 * Author: BliXem Internet, 2008
 * Author URI: http: //www.blixem.nl/
 *
 */ /* PLEASE NOTE: 
 * The foldouts (Calendar/Google Maps) are styled in a seperate file (slideOuts.css)!
 */ /*
 * Index of this Cascading Style Sheet
 *
 * 1. GRID
 *	 1.1. General
 *   1.2. Grid
 *   1.3. Misc
 *
 * 2. TYPOGRAPHY
 *   2.1 General
 *   2.2 Forms
 *   2.3 Checkboxeslist for registration/advanced search form
 *   2.4 Radiobutton list (for the form to add an location)
 *   2.5 Autocomplete (for artistnames/tags)
 *   2.6 Calendar page on /nieuws, /agenda
 *
 * 3. LAYOUT
 *   3.1 Header
 *   3.2 Breadcrumbs
 *   3.3 Searchbox
 *   3.4 Colorswitch
 *   3.5 Main menu
 *   3.6 Footer
 *   3.7 Footer menu
 *   3.8 Footer copyright/disclaimer
 *   3.9 Overview accordion-list (e.g. /agenda/juni-2008, popular artists etc.)
 *  3.10 News headlines in footer
 *  3.11 Alphabetic artistlist for the artistpage
 *  3.12 Links to ticketsellers on the page of an event
 *  3.13 Comments (User Messages)
 *  3.14 Tagcloud
 *  3.15 Photocloud
 *  3.16 Videocloud
 *  3.17 Checklist (registration tab/page)
 *  3.18 Messages (Errors, warnings, alerts etc.)
 *  3.19 Calendar block on every page
 *  3.20 Tabbed content (my agenda, agenda...)
 *  3.21 Agenda item (in my agenda/tips/today/footer)
 *  3.22 Misc
 *
 * 4. HACKS
 *   4.1 Clearing bug fix
 *
 */
	/*------------------------------------------------------------------------------
1. GRID/BASE
------------------------------------------------------------------------------*/
	/* 1.1 General
------------------------------------------------------------------------------*/
body {
	background: #434343 url(/images/body-bg.gif);
	font-family: Arial, sans, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #565656;
}

/* 1.2 Grid
------------------------------------------------------------------------------*/
.innerContainer {
	/* has an outerContainer, otherwise the animation won't work correctly. Makes the element go 100% width */
	display: table;
	width: 100%;
	padding: 0;
	margin: 0;
}

.centerContent { /* centers the content in .innerContainer */
	width: 930px;
	margin: 0 auto;
	padding: 15px;
}

.centerContentWide {
	/* main content is wider than the other containers */
	width: 960px;
	margin: 0 auto;
	padding: 30px 0px 0px 0px;
}

div#meta {
	/* places the meta (search/color) on the right side of the screen, above the following divs */
	width: 960px;
	margin: 0 auto;
	position: relative;
}

div#contentContainer {
	background: #f4f4f4 url(/images/content-bg.jpg) repeat-x;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #423936;
	padding: 0px 0px 120px 0px;
	margin: 0px 0px -100px 0px; /* -100px pushes the footerblocks up */
}

.columnMovers {
	position: absolute;
	right: 0;
	z-index: 4000;
}

.columnMovers a {
	cursor: pointer;
	border: 0px;
	background: transparent;
}

.column {
	float: left;
	margin: 0px 20px 0px 0px;
	position: relative;
}

.lastColumn {
	margin: 0px;
}

div#column1 {
	width: 220px;
}

div#column2 {
	width: 480px;
}

div#column3 {
	width: 220px;
}

div#oneColumn {
	width: 480px;
	margin: 0 auto;
}

.halfColumnContainer {
	display: block;
	clear: both;
	overflow: auto;
	width: 99%;
	margin: 10px 0px 10px 0px;
}

.halfColumn {
	width: 44%;
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
}

.halfColumnLast {
	padding: 0;
}

div#advert {
	position: absolute;
	right: 0;
	top: 50px;
}

div#advert a {
	background: transparent url(/images/vacatures.gif) no-repeat;
	width: 132px;
	height: 132px;
	display: block;
	border-bottom: 0;
}

/* 1.3 Miscellaneous general classes
------------------------------------------------------------------------------*/
.floatLeft {
	float: left;
	margin: 0px 10px 0px 0px;
}
.artist_link {
    margin: 5px 0px 0px 0px;
    width: 120px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.hidden {
	display: none;
}

.alignRight {
	position: absolute;
	right: 10px;
}

.imgBorder {
	padding: 6px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #e5e5da;
	background: #FFF;
}

.greyLeftBorder {
	border-left: 1px solid #E5E5DA;
}

.greyRightBorder {
	border-right: 1px solid #E5E5DA;
}

/*------------------------------------------------------------------------------
2. TYPOGRAPHY
------------------------------------------------------------------------------*/
	/* 2.1 General
------------------------------------------------------------------------------*/
a {
	color: #373737;
	text-decoration: none;
	border-bottom: 1px dotted #373737;
}

a.artist_link {
	border-bottom: 0px;
}
a.artist_link span{
    border-bottom: 1px dotted #373737;

}
a:hover {
	border-bottom: 0px;
}

p,address {
	margin: 0px 0px 10px 0px;
}

.itemTitle {
	border-bottom: 1px solid #e7e6dc;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.itemTitle h1,.itemTitle h2,.itemTitle h3 {
	margin-right: 20px;
	padding: 0;
	clear: none;
}

h1,h2,h3,h4 {
	clear: both;
	line-height: 1em;
	display: block;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	letter-spacing: -0.05em;
}

h3,h4 {
	letter-spacing: -0.03em;
}

h1 a,h2 a,h1 a:hover,h2 a:hover {
	background: none;
	border-bottom: 0px;
}

h1 a:hover {
	text-decoration: underline;
}

h3 a,h4 a,h3 a:hover,h4 a:hover {
	color: #434343;
	background: none;
	border-bottom: 0px;
}

div#column2 h1, h3,div#column2 h2.pageHeader {
	font-size: 2em;
	font-weight: bold;
}

div#column2 h2,div#column2 h3 {
	font-size: 1.5em;
	font-weight: bold;
}

div#column1 h2,div#column1 h3,div#column3 h2,div#column3 h3 {
	font-size: 1.4em;
}

div#column1 h4,div#column3 h4,div.footerColumn h4 {
	font-size: 1.2em;
}

.smallText {
	font-size: 0.9em;
}

a.icon {
	margin: 0px 0px 0px 5px;
	padding: 2px 20px 2px 5px;
	border-bottom: 0px !important;
	background: transparent none no-repeat top right;
}

a.commentsLink {
	background-image: url(/images/comments.gif);
}

a.usersLink {
	background-image: url(/images/users.gif);
}

a.eventsLink {
	background-image: url(/images/event.gif);
}

a.removeLink {
	background-image: url(/images/delete.gif);
}

a.approveLink {
	background-image: url(/images/page_approve.gif);
}

a.deleteLink {
	background-image: url(/images/page_delete.gif);
}

a.editLink {
	background-image: url(/images/page_edit.gif);
}

a.linkNoBorder {
	border-bottom: 0px;
}

/* 2.2 Forms
------------------------------------------------------------------------------*/
form .coloredForm {
	padding: 10px 10px 0px 10px;
	color: #FFF;
}

form .coloredForm a,form .coloredForm a:hover {
	color: #FFF;
	background: transparent;
	border-bottom: 0;
	text-decoration: none;
}

form .coloredForm a:hover {
	border-bottom: 1px dotted #FFF;
}

form#searchForm .advancedSearchLink {
	margin: 0px 0px 0px 110px;
	top: -5px;
	position: relative;
}

form fieldset {
	padding: 0px;
	position: relative;
}

form p,form ol {
	padding: 0px 0px 10px 0px;
}

form ol li {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	display: block;
	padding: 0;
}

form label {
	font-weight: bold;
	margin: 0px 10px 0px 0px;
	clear: right;
	display: block;
}

form label.labelInline {
	clear: none;
	display: inline;
}

form label.labelNormal {
	font-weight: normal;
}

form ol li.fieldInline {
	display: inline;
	float: left;
}

form input,form textarea {
	margin: 5px 10px 0px 0px;
	border: 1px solid #e7ddc7;
	padding: 5px;
	display: block;
}

form input:focus,form textarea:focus {
	border: 1px solid #bab099;
}

form input.inlineInput {
	display: inline;
}

form select,form option {
	padding: 0px;
	margin: 5px 10px 0px 0px;
}

form select {
	border: 1px solid #e7ddc7;
	padding: 4px;
}

form ol li.horizontalField {
	display: block;
}

form .feedback {
	background: #FF0000;
}

form .errorMessage {
	color: #FF0000;
	margin: 0px 0px 10px 0px;
}

form .hidden {
	display: none;
}

form .checkBoxInline {
	display: inline;
}

form ol li.horizontalField label {
	width: 100px;
	display: block;
	float: left;
	padding: 10px 0px 0px 0px;
}

form ol li.horizontalField input {
	display: inline;
}

textarea {
	padding: 5px;
	border: 1px solid #e7ddc7;
	font-family: Arial, sans-serif, serif;
	font-size: 0.9em;
}

button,.button {
	margin: 0px 10px 10px 0px;
	padding: 5px;
	font-size: 0.8em;
}
.ots_artist {
    float: right;
    margin: 0px 0px 0px 0px;
	width: 250px;
	font-size: 1em;
	overflow: hidden;
    height: 16px;
}

button.buttonInline {
	margin: 5px 0px 0px 0px;
}

button.testy {
    text-align: center;
}


/* 2.3 Checkboxeslist for registration/advanced search form
------------------------------------------------------------------------------*/
form ul.checkBoxesList {
	overflow: auto;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0;
}

form#searchForm ul.checkBoxesList {
	margin: 5px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

form ul.checkBoxesList li {
	float: left;
	font-size: 0.9em;
	width: 150px;
}

form#searchForm ul.checkBoxesList li {
	width: 105px;
}

form ul.checkBoxesList input {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

form ul.checkBoxesList label {
	display: inline;
	font-weight: normal;
	text-align: left;
}

div.overlay {
	background: transparent url(/images/overlay.png);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px 0px 0px 0px;
	margin: 0;
	text-align: center;
}

.loadingOverlay {
	position: relative;
	height: 50px;
	font-weight: bold;
}

div.formFeedback {
	height: 16px;
	margin: 0px 10px 0px 5px;
	padding: 0px 0px 0px 20px;
	display: inline;
}

.formFeedbackPositive {
	background: transparent url(/images/accept.gif) no-repeat;
}

.formFeedbackNegative {
	background: transparent url(/images/delete.gif) no-repeat;
}

.formFeedbackLoading {
	background: transparent url(/images/loading-white.gif) no-repeat;
}

form .error {
	border: 1px solid #FF0000;
}

form .valid {
	border: 1px solid #00FF00;
}

/* 2.4 Radiobutton list (for the form to add an location)
-----------------------------------------------------------------------------*/
.radioButtonList li {
	position: relative;
}

.radioButtonList li ul.checkList {
	margin: 0;
	padding: 0;
}

.radioButtonList li ul {
	position: absolute;
	right: 0;
	top: 0;
}

.radioButtonList li ul li {
	float: left;
	display: block;
	width: 50px;
	padding: 0;
	margin: 0;
}

.radioButtonList li ul li span {
	visibility: hidden;
}

/* 2.5 Autocomplete (for artistnames/tags)
-----------------------------------------------------------------------------*/
form .formAutocomplete {
	overflow: hidden;
	z-index: 99999;
}

.formAutocompleteResults ul {
	width: 100%;
	max-height: 100px;
	overflow: auto;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	border: 1px solid #e7ddc7;
}

.formAutocompleteResults iframe {
	display: none; /*sorry for IE5*/
	display /**/: block; /*sorry for IE5*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
}

.formAutocompleteResults li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	line-height: 16px;
	overflow: hidden;
}

.formAutocompleteResults .ac_over {
	background-color: #0A246A;
	color: #FFF;
}

/* 2.6 Calendar page on /nieuws, /agenda
--------------------------------------------------------------------*/
span.dateBig {
	background: #FFFFFF url(/images/calendar-blocks-bg.jpg) repeat-x bottom left;
	border: 1px solid #E5E5DA;
	border-bottom: 0px;
	clear: both;
	display: block;
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	left: 0;
	padding: 0px 0px 10px 0px;
	color: #565656; 
	text-align: center;
	width: 50px;
}

a:hover span.dateBig {
	background: #FFFFFF url(/images/calendar-blocks-bg.jpg) repeat-x bottom right;
	border-right: 0px;
	padding: 0px 0px 0px 0px;
	color: #565656;
	cursor: pointer;
}

span.dateBig .day {
	display: block;
	font-size: 1.7em;
	margin-top: 0px;
	color: #ff3c00;
	margin: 4px 0px -4px 0px;
}

span.dateBig .dayname {
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	background: #656565;
	padding: 0;
	margin: 0px 0px 0px 0px;
	display: block;
}

/*------------------------------------------------------------------------------
3. LAYOUT
------------------------------------------------------------------------------*/
	/* 3.1 Header
------------------------------------------------------------------------------*/
div#headerContainer {
	margin-top: 50px;
	height: 135px;
	width: 100%;
}

div#headerContent {
	position: relative;
}

div#logo {
	position: absolute;
	width: 395px;
	height: 210px;
}

div#logo h1,div#logo h3 {
	display: none;
}

div#logo a,div#logo a:hover {
	background: transparent;
	border-bottom: 0;
}

div#headerMenu {
	position: absolute;
	left: 410px;
	height: 100px;
	width: 550px;
	overflow: hidden;
}

/* 3.2 Breadcrumbs
------------------------------------------------------------------------------*/
ul#breadCrumbs {
	position: absolute;
	top: 10px;
	left: 70px;
	text-transform: lowercase;
	padding: 0px 0px 1px 0px;
	font-size: 0.8em;
}

ul#breadCrumbs strong {
	color: #FFF;
}

ul#breadCrumbs li {
	display: inline;
	background: transparent url(/images/breadcrumbs-divider.gif) no-repeat
		top right;
	padding: 0px 15px 0px 0px;
	color: #FFF;
	margin: 0px 0px 0px 8px;
}

ul#breadCrumbs li.firstBreadcrumb {
	background: transparent;
	padding: 0;
}

ul#breadCrumbs li.lastBreadcrumb {
	background: transparent;
	font-size: 1.1em;
	padding: 0;
	font-style: italic;
}

ul#breadCrumbs li a {
	background: transparent;
	color: #FFF;
}

ul#breadCrumbs li a:hover {
	border-bottom: 1px dotted #FFF;
}

/* 3.3 Searchbox
------------------------------------------------------------------------------*/
div#searchBox {
	height: 20px;
	background: transparent url(/images/search-box-left.gif) no-repeat left;
	position: absolute;
	clear: left;
	right: 80px;
	padding: 10px 0px 10px 10px;
	width: 160px;
}

div#searchBoxInnerRight {
	background: transparent url(/images/search-box-right.gif) no-repeat
		right;
	height: 40px;
	width: 10px;
	right: -10px;
	position: absolute;
	top: 0px;
}

div#searchBox form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

div#searchBox #searchField {
	font-size: 0.9em;
	color: #999999;
	padding: 3px;
	width: 130px;
	float: left;
	margin: 0px 3px 0px 0px;
}

div#searchBox #searchButton {
	cursor: pointer;
	padding: 0;
	border: 0;
	float: left;
	display: inline;
	background: transparent;
	margin: 0;
	position: relative;
	clear: none;
}

/* 3.4 Colorswitch
------------------------------------------------------------------------------*/
div#colorSwitch {
	margin: 10px 0px 0px 10px;
	background: transparent url(/images/color-switch-left.gif) no-repeat;
	padding: 0px 0px 0px 10px;
	height: 16px;
	width: 45px;
	position: absolute;
	clear: right;
	right: 0;
}

div#colorSwitch ul {
	background: transparent url(/images/color-switch-right.gif) no-repeat
		right;
	padding: 0px 10px 0px 0px;
	height: 16px;
}

div#colorSwitch li {
	display: inline;
	margin: 0;
}

ul#colorOptions li a {
	text-decoration: none;
	background: transparent;
}

ul#colorOptions li a.groen {
	color: #00CC00;
}

ul#colorOptions li a.rood {
	color: #ff0000;
}

ul#colorOptions li a.oranje {
	color: #FF6600;
}

ul#colorOptions li a.blauw {
	color: #0099FF;
}

/* 3.5 Main menu
------------------------------------------------------------------------------*/
ul#mainMenu {
	position: relative;
	width: 2000px;
}

ul#mainMenu a span {
	/* hides the text (display:none causes problems in Opera) */
	visibility: hidden;
	text-decoration: none;
}

ul#mainMenu li { /*float the main list items*/
	float: left;
	display: block;
}

ul#mainMenu li ul {
	display: none;
	left: 0;
}

ul#mainMenu li.off ul,ul#mainMenu li.on ul { /*put the subnav below*/
	position: absolute;
	top: 39px;
}

ul#mainMenu li a { /* main menu items */
	display: block;
	height: 40px;
	text-decoration: none;
	margin: 0px 5px 0px 0px;
	background: transparent;
	border-bottom: 0px;
}

ul#mainMenu li.on ul { /* actieve ul */
	display: inline;
	padding: 10px 0px 10px 0px;
}

ul#mainMenu li.off:hover ul,#mainMenu li.over ul { /* hover ul */
	display: block;
	z-index: 6000;
	padding: 10px 0px 10px 0px;
}

#mainMenu li.off a:hover,#mainMenu li:hover a,ul#mainMenu li.over a {
	/* hover tabs */
	background-position: 0px -40px;
}

ul#mainMenu li.on a,ul#mainMenu li.on:hover a { /* actieve tab */
	background-position: bottom;
}

ul#mainMenu li.on ul a,ul#mainMenu li.on:hover ul a,ul#mainMenu li.off ul a
	{ /* submenu a hrefs */
	display: inline;
	margin: 0;
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
}

ul#mainMenu li.on ul a:hover,ul#mainMenu li.on:hover ul a:hover,ul#mainMenu li.off ul a:hover
	{
	text-decoration: underline;
}

ul#mainMenu li a.home {
	width: 59px;
}

ul#mainMenu li a.nieuws {
	width: 73px;
}

ul#mainMenu li a.agenda {
	width: 76px;
}

ul#mainMenu li a.locaties {
	width: 84px;
}

ul#mainMenu li a.artiesten {
	width: 94px;
}

ul#mainMenu li a.registreren {
	width: 112px;
}

ul#mainMenu li a.inloggen {
	width: 88px;
}

ul#mainMenu li a.profiel {
	width: 111px;
}

ul#mainMenu li.on a.lastItem,ul#mainMenu li.on:hover a.lastItem,ul#mainMenu li.off ul a.lastItem
	{
	height: 30px;
	left: 10px;
	padding: 10px 10px 0px 0px;
	top: -10px;
	position: relative;
	float: left;
	border-right: 0px;
}

/* 3.6 Footer
-----------------------------------------------------------------------------*/
div#footerContainer {
	margin: 0px 0px 60px 0px;
}

div#footerContent:after,div#footerMenuContent:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div#footerContent {
	background: #acacaa url(/images/footer-blocks-bg.jpg) repeat-x;
	border-bottom: 2px solid #423936;
}

div.footerColumn {
	width: 207px;
	float: left;
	height: 100%;
	border-left: 1px dotted #909090;
	padding: 0px 15px 0px 15px;
}

div.footerColumnFirst {
	padding: 0px 15px 0px 0px;
	border-left: 0px;
	width: 208px;
}

div.footerColumnLast {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 208px;
}

/* 3.7 Footer menu 
--------------------------------------------------------------------*/
div#footerMenuContainer {
	margin: -60px 0px 60px 0px;
	position: relative;
}

div#footerMenuContent {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

.footerMenuColumn {
	width: 124px;
	float: left;
	height: 100%;
	padding: 0px 15px 0px 15px;
	border-left: 1px solid #000000;
}

.footerMenuColumnFirst {
	padding: 0px 15px 0px 0px;
	border-left: 0px;
	width: 139px;
	border-left: 0px;
}

.footerMenuColumnLast {
	padding: 0px 0px 0px 15px;
	width: 139px;
}

div#footerMenuContent a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-size: 0.9em;
	background: transparent;
	border-bottom: 0px;
}

div#footerMenuContent a:hover {
	text-decoration: underline;
}

div#footerMenuContent[class] { /* IE doesn't read []  IE6 fix */
	background: transparent url(/images/footer-bg.png) repeat-x bottom;
}

/* 3.8 Footer copyright/disclaimer
--------------------------------------------------------------------*/
div#footerCopyright {
	text-align: right;
	font-size: 0.8em;
	color: #FFFFFF;
}

div#footerCopyright ul#copyrightList {
	display: inline;
	height: 20px;
	padding: 10px;
}

div#footerCopyright[class] ul#copyrightList {
	/* IE doesn't read []  IE6 fix */
	background: transparent url(/images/gradient-black.png) repeat-x bottom;
}

div#footerCopyright li {
	display: inline;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #515151;
}

div#footerCopyright li.last {
	border-right: 0px solid #515151;
}

div#footerCopyright li a {
	border: 0;
	text-decoration: none;
	color: #FFFFFF;
	background: transparent;
}

div#footerCopyright li a:hover {
	text-decoration: underline;
}

div#footerCopyright li img {
	position: relative;
	top: 2px;
}

/* 3.9 Overview accordion-list (e.g. /agenda/juni-2008, popular artists etc.)
--------------------------------------------------------------------*/
ul.items {
	margin: 0px 0px 10px 0px;
}

ul.items li {
	display: block;
	position: relative;
	margin: 0px 0px 0px 0px;
}

ul.items li .overviewHeader {
	display: block;
	height: 35px;
	padding: 0;
	margin: 0;
}

ul.items li .overviewHeaderTitle {
	display: block;
	height: 20px;
	right: 0;
	top: 0;
	padding: 8px 10px 7px 10px;
}

ul.items li .overviewHeaderTitle a,ul.items li .overviewHeaderTitle a:hover
	{
	border-bottom: 1px dotted #565656;
	color: #565656;
}

ul.items li .overviewHeaderTitle a:hover {
	border-bottom: 0px;
}

ul.items li.active .overviewHeaderTitle a {
	border-bottom: 1px dotted #FFF;
	color: #FFF;
}

ul.items li.active .overviewHeaderTitle a:hover {
	border-bottom: 0px;
}

ul.items li .overviewContentContainer {
	display: block;
	padding: 8px 8px 8px 8px;
	margin: 0;
	border: 1px solid #ededed;
	background: #FFF;
	overflow: auto;
	height: 100%;
}

ul.items li .overviewContentContainer p {
	border: 0;
	margin: 0;
	padding: 0;
}

ul.items li .overviewContent {
	padding: 0px 0px 0px 100px;
}

ul.items li .overviewHeader {
	background: transparent url(/images/row.gif) no-repeat top left;
}

ul.items li .overviewHeaderTitle {
	background: transparent url(/images/row-right.gif) no-repeat top right;
}

.time {
	border: 1px solid #E5E5DA;
	background: #FFF;
	padding: 2px;
	margin: 0px 10px 0px 0px;
}

.itemTitle .time,.itemTitle h3 {
	display: inline;
	
}

/* 3.10 News headlines in footer
--------------------------------------------------------------------*/
ul.listItems {
	margin: 0px 0px 10px 0px;
}

ul.listItems li {
	border-bottom: 1px dotted #909090;
	padding: 3px 0px 3px 0px;
}

ul.listItems li a:hover {
	border-bottom: 1px dotted #000;
}

/* 3.11 Alphabetic artistlist for the artistpage
--------------------------------------------------------------------*/
ul#alphabethList {
	padding: 4px 10px 5px 10px;
	margin: 10px 0px 10px 0px;
}

ul#alphabethList li {
	display: inline;
}

ul#alphabethList li a,ul#alphabethList li a:hover {
	color: #FFF;
	font-weight: bold;
	border-bottom: 0px;
	text-decoration: underline;
	padding: 0px 4px 0px 0px;
}

ul#alphabethList li a:hover {
	text-decoration: none;
}

/* 3.12 Links to ticketsellers on the page of an event
--------------------------------------------------------------------*/
ul.ticketSellers li {
	display: block;
	position: relative;
	overflow: auto;
	margin: 0px 0px 10px 0px;
}

ul.ticketSellers li.small {
	width: 200px;
}

ul.ticketSellers li a {
	margin: 0;
	padding: 5px 0px 5px 0px;
	display: block;
	color: #fff;
}

ul.ticketSellers li.small a {
	padding: 5px 10px;
}

ul.ticketSellers li a:hover {
	background-position: 0px 20px;
}

ul.ticketSellers li img {
	padding: 3px;
	margin: 0px 10px 4px 5px;
	float: left;
	width: 35px;
}

/* 3.13 Comments (User Messages)
--------------------------------------------------------------------*/
.comment img,.commentAlternate img {
	float: left;
	margin: 6px 10px 0px 0px;
	border: 1px solid #000;
	padding: 1px !important;
}

div.commentMessage {
	background: #fff;
	border: 1px solid #e5e5da;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 55px;
	display: block;
}

div.commentMessage p {
	margin: 0;
}

.commentAlternate div.commentMessage {
	background: #f6f6f6;
	border: 1px solid #e5e5da;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 55px;
}

.author {
	background: transparent url(/images/comment.gif) no-repeat bottom right;
	padding: 0px 0px 10px 0px;
}

.commentAlternate .author {
	background-image: url(/images/comment2.gif);
}

#footerContent div.commentMessage {
	margin: 5px 0px 5px 0px;
}

/* 3.14 Tagcloud
--------------------------------------------------------------------*/
ul.tagCloud {
	text-align: center;
}

ul.tagCloud li {
	margin: 0px 5px 0px 0px;
	display: inline;
}

ul.tagCloud li a {
	text-decoration: none;
	color: #565656;
	background: transparent;
	border-bottom: 0px;
}

ul.tagCloud li a:hover {
	text-decoration: underline;
}

ul.tagCloud li a.tagSize5 {
	font-size: 1.4em;
}

ul.tagCloud li a.tagSize4 {
	font-size: 1.3em;
}

ul.tagCloud li a.tagSize3 {
	font-size: 1.2em;
	color: #7f7f7f;
}

ul.tagCloud li a.tagSize2 {
	font-size: 1em;
	color: #7f7f7f;
}

ul.tagCloud li a.tagSize1 {
	font-size: 0.8em;
	color: #7f7f7f;
}

ul.tagCloud li a.addTagProfile {
	visibility: hidden;
}

ul.tagCloud li:hover a.addTagProfile {
	visibility: visible;
}

ul.tagCloud a.addTagProfile:hover {
	background: transparent;
}

/* 3.15 Photocloud
--------------------------------------------------------------------*/
ul.photoCloud {
	display: block;
	width: 100%;
	overflow: auto;
	margin: 0px 0px 10px 0px;
}

ul.photoCloud li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

ul.photoCloud a {
	border-bottom: 0;
	background: transparent;
}

ul.photoCloud a img {
	border: 1px solid #e5e5da;
	background: #FFF;
	padding: 1px;
	margin: 2px;
	float: none;
	display: block;
}

ul.photoCloud a:hover img {
	background: #000;
}

/* 3.16 Videocloud
--------------------------------------------------------------------*/
ul.videoCloud {
	display: block;
	margin: 0px 0px 10px 0px;
}

ul.videoCloud li {
	float: left;
	display: block;
	margin: 0px 13px 0px 0px;
	padding: 0;
}

ul.videoCloud a {
	border-bottom: 0;
	background: transparent;
}

ul.videoCloud a img {
	border: 1px solid #e5e5da;
	background: #FFFFFF;
	padding: 1px;
	margin: 2px;
	float: none;
	display: block;
}

ul.videoCloud a:hover img {
	background: #000;
}

/* 3.17 Checklist (registration tab/page)
--------------------------------------------------------------------*/
ul.checkList {
	margin: 10px;
}

ul.checkList li {
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px 0px;
	font-style: italic;
	background: transparent url(/images/question.gif) no-repeat top left;
}

ul.checkList li.positive {
	background-image: url(/images/accept.gif);
}

ul.checkList li.negative {
	background-image: url(/images/delete.gif);
}

/* 3.18 Messages (Errors, warnings, alerts etc.)
--------------------------------------------------------------------*/
div#message .messageContent {
	padding: 10px 10px 10px 35px;
	margin-bottom: 10px;
}

div#message .ok {
	border: 1px solid #8cc700;
	background: #d9ffe2 url(/images/accept.gif) 10px 10px no-repeat;
}

div#message .error {
	border: 1px solid #d10000;
	background: #ffded9 url(/images/delete.gif) 10px 10px no-repeat;;
}

div#message .confirm {
	border: 1px solid #01aeea;
	background: #d9e6ff url(/images/question.gif) 10px 10px no-repeat;
}

/* 3.19 Calendar block on every page
--------------------------------------------------------------------*/
#calendarBlock ol {
	background: #e2e2e2;
	padding: 5px;
	margin: 0 auto;
}

#calendarBlock ol li {
	margin: 0;
	display: block;
}

#calendarBlock ol li.fieldInline {
	padding: 0px 3px 0px 0px;
}

#calendarBlock ol li label {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}

#calendarBlock ol li select {
	padding: 4px 3px 4px 3px;
	margin: 0;
}

#calendarBlock ol li option {
	padding: 0 2px 0 0;
	margin: 0;
}

.calendarBlockHeader {
	display: block;
	height: 42px;
	font-weight: bold;
	color: #FFF;
	padding: 5px 0px 0px 10px;
}

#locationPicker {
	border-top: 1px solid #797978;
	background: #90908f url(/images/calendar-block-place-selector-bg.gif)
		bottom left no-repeat;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 10px 0px;
}

#locationPicker span {
	font-weight: bold;
	color: #FFF;
	background: transparent url(/images/arrowsBlack.gif) top right no-repeat
		;
	padding: 0px 15px 0px 0px;
}

#locationPicker span.active {
	background: transparent url(/images/arrowsBlack.gif) bottom right
		no-repeat;
}

/* 3.20 Tabbed content (my agenda, agenda...)
--------------------------------------------------------------------*/
.tabbedContent {
	background: #f4f4f4;
	border: 1px solid #e7e6dc;
	border-top: 0px;
	padding: 10px;
	margin: -10px 0px 10px 0px;
}

ul.tabbedContentMenu {
	background: transparent url(/images/tab-bg.gif) bottom left repeat-x;
	display: block;
	clear: both;
	height: 29px;
	margin: 10px 0px 10px 0px;
}

#column1 ul.tabbedContentMenu,#column3 ul.tabbedContentMenu {
	font-size: 0.85em;
}

ul.tabbedContentMenu li {
	float: left;
	display: block;
	background: transparent url(/images/tab-inactive-left.gif) top left
		no-repeat;
	line-height: 29px;
	margin: 0px 3px 0px 0px;
}

ul.tabbedContentMenu li.ui-tabs-selected {
	background: transparent url(/images/tab-active-left.gif) top left
		no-repeat;
	z-index: 8000;
}

ul.tabbedContentMenu li a {
	border: 0px;
	display: block;
	background: transparent url(/images/tab-inactive-right.gif) top right
		no-repeat;
	padding: 0px 8px;
}

#column1 ul.tabbedContentMenu li a,#column3 ul.tabbedContentMenu li a {
	padding: 0px 5px;
}

ul.tabbedContentMenu li.ui-tabs-selected a {
	background: transparent url(/images/tab-active-right.gif) top right
		no-repeat;
	font-weight: bold;
}

ul.tabbedContentMenu li a span {
	padding: 0px 0px 0px 22px;
}

#column1 ul.tabbedContentMenu li a span,#column3 ul.tabbedContentMenu li a span
	{
	padding: 5px 0px 10px 20px;
}

ul.tabbedContentMenu li a span {
	background: transparent none top left no-repeat;
}

ul.tabbedContentMenu li a span.reacties {
	background-image: url(/images/comments.gif);
}

ul.tabbedContentMenu li a span.agenda {
	background-image: url(/images/event.gif);
}

ul.tabbedContentMenu li a span.foto {
	background-image: url(/images/photo.gif);
}

ul.tabbedContentMenu li a span.video {
	background-image: url(/images/movie.gif);
}

ul.tabbedContentMenu li a span.nieuws {
	background-image: url(/images/news.gif);
}

ul.tabbedContentMenu li a span.inloggen {
	background-image: url(/images/user_go.gif);
}

ul.tabbedContentMenu li a span.profiel {
	background-image: url(/images/user.gif);
}

ul.tabbedContentMenu li a span.populair {
	background-image: url(/images/group.gif);
}

ul.tabbedContentMenu li a span.registreren {
	background-image: url(/images/user_add.gif);
}

ul.tabbedContentMenu li a span.nieuw {
	background-image: url(/images/star.gif);
}

ul.tabbedContentMenu li a span.vandaag {
	background-image: url(/images/calendar.gif);
}

ul.tabbedContentMenu li a span.nieuwAgenda {
	background-image: url(/images/calendar_add.gif);
}

ul.tabbedContentMenu li a span.locatie {
	background-image: url(/images/map.gif);
}

.ui-tabs-hide {
	display: none;
}

/* 3.21 Agenda item (in my agenda/tips/today/footer)
--------------------------------------------------------------------*/
a.agendaItem {
	color: #565656;
	border-bottom: 0px;
	display: block;
	padding: 10px 0px 10px 50px;
	overflow: auto;
	height: 100%;
	border-bottom: 1px dotted #909090;
	position: relative;
}
a.agendaItemPopulair {
    color: #565656;
    border-bottom: 0px;
    display: block;
    padding: 10px 0px 10px 0px;
    overflow: auto;
    height: 100%;
    border-bottom: 1px dotted #909090;
    position: relative;
}

a.agendaItem:hover {
	background: transparent url(/images/hover-lines-light.gif);
	border-bottom: 1px dotted #909090;
}

a.agendaItem .calendarSmall {
	margin: 0px 10px 0px -50px;
	position: absolute;
}

a.agendaItem strong {
	text-decoration: underline;
}

a.agendaItem:hover strong {
	text-decoration: none;
}

a.agendaItemPopulair:hover {
    background: transparent url(/images/hover-lines-light.gif);
    border-bottom: 1px dotted #909090;
}

a.agendaItemPopulair.calendarSmall {
    margin: 0px 10px 0px -50px;
    position: absolute;
}

a.agendaItemPopulair strong {
    text-decoration: underline;
}

a.agendaItemPopulair:hover strong {
    text-decoration: none;
}
ul.agendaSmallPopulair li {
	display: block;
}
/* 3.22 Misc
--------------------------------------------------------------------*/
div.item {
	margin: 0px 0px 10px 0px;
	clear: both;
	display: block;
}

div#mapVenue {
	display: block;
	height: 300px;
	border: 1px solid #e7e6dc;
	margin: 0px 0px 10px 0px;
}

div.itemContentSmall {
	padding: 0px 0px 0px 110px;
}

div.itemContent {
	padding: 0px 0px 0px 60px;
}

.calendarSmall {
	background: #FFF;
	border: 1px solid #E5E5DA;
	border-top: 2px solid #909090;
	font-size: 0.9em;
	padding: 0px 2px 0px 2px;
	margin: 0px 10px 0px 0px;
	display: block;
	float: left;
	color: #ff3c00;
	width: 30px;
	text-align: center;
}

.calendarSmallDate {
	color: #565656;
}

ul.agendaSmall li {
	position: relative;
}

div.myAgendaNav {
	position: absolute;
	top: 10px;
	right: 0px;
	text-align: right;
}

/* 3.23 fanCloud
--------------------------------------------------------------------*/
ul.fanCloud {
	display: block;
	width: 100%;
	overflow: auto;
	margin: 0px 0px 10px 0px;
}

ul.fanCloud li {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.fanCloud a {
	border-bottom: 0;
	background: transparent;
	text-decoration: none;
}

ul.fanCloud a img {
	border: 1px solid #e5e5da;
	background: #FFF;
	padding: 1px;
	float: left;
	margin: 2px 5px 2px 0px;
}

ul.fanCloud a:hover img {
	background: #000;
}