/* Global Settings
------------------------------------------------------------------------- */
body { background: #fff url('../img/villarte/body.bg.png') repeat-x top center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #666666; }

/* Default
------------------------------------------------------------------------- */
p { margin-bottom: 1em;}
.clr { clear:both;}
a { color: #302E46;}
a:hover {text-decoration:none;}


.hidden { display:none;}

h1 { color: #302E46; font-size: 19px;}
h2 { font-size:14px;  }
	h2 div { display:inline; font-size: 11px; font-weight:normal;}
	#leftside h2 { margin-bottom: .5em;}
h3.small object { _float:none;}

div#mainnav li.last { margin-right:0;}

#wrapper { margin: 0 auto; width: 940px;  }
#wrapper2 { float: left; width: 100%; background: #FFF url('../img/footer_bg.png') repeat-x top left; clear: both; padding: 20px 0 0 0; margin-top: 0px; }

#content { width: 100%; float:left; padding-bottom: 40px; }
#leftside { float: left; width: 580px; _overflow:hidden; }

#sidebar { background: #fff url('../img/sidebarbg.jpg') repeat-x; float: right; padding: 20px 0 0 0; width: 340px}





/* EventViewer
------------------------------------------------------------------------- */
div#eventviewer { }

	div#swfholder { float: left; height: 235px; width: 580px; }
	div#upcomingevents { float: right; padding: 10px 0 0 23px; height: 215px; width: 335px; position:relative;  }
	div#upcomingevents h2 { color: #fff; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; }
	div#upcomingevents h3 { color: #CDDBEB; font-size: 12px; padding-left: 6px; margin-bottom: 10px; }
	div#upcomingevents object { float:left;}
	div#upcomingevents table { border:0;margin: 0; clear: both; width: 100%; line-height:1.5em; border-collapse: collapse; }
	div#upcomingevents table tr {  }
	div#upcomingevents table tr td { padding: 4px 3px; background: url('../img/villarte/upcoming.bg.gif') repeat-x bottom left;}
	div#upcomingevents table tr td.date { color: #a9d9ed; width: 30px; }
	div#upcomingevents table tr td.info a { color: #fff; text-decoration: underline; }
	div#upcomingevents table tr td.info a:hover { text-decoration: none; }
	div#upcomingevents table tr td.info span a { font-size:10px; color: #DEECF1;display:block; text-decoration:none; }
	div#upcomingevents table tr td.tickets { padding: 10px 0; width: 40px;}
	div#upcomingevents table tr td.tickets a, div#upcomingevents table tr td.tickets div.sold-out { background: #e4f4ff; font-size: 9px; color: #09a8e0; padding: 3px; text-decoration: none; text-transform: uppercase; }

	div#upcomingevents table tr td.tickets div.sold-out { overflow:visible; top: -20px;right:0; background:none; color: #FFF; padding:3px;}




	div#upcomingevents table tr td.tickets a:hover {background:#FFF;}
	div#upcomingevents a#volledigaanbod { text-decoration: underline; color: #DEECF1; font-size: 10px; margin: 10px 0; display: block; text-align:right; position:absolute; top:5px; right:0; }

/* NEWS/BLOG
------------------------------------------------------------------------- */
.newsitem { margin-bottom: 1em; border-bottom: 1px dotted #E2E2E2; padding-bottom: 5px;}
.newsitem .intro { padding-left: 37px;}
.newsitem h2, div#nieuws .newsitem h2 { margin-bottom: 0px; background:none; width:auto;height:auto;}



/* NIEUWS homepage */
	div#nieuws h2 { background: url('../img/villarte/h2_nieuws.gif') no-repeat; width: 237px; height: 19px; }
	div#nieuws .newsitem { border-bottom:0; padding-bottom: 1px;}


/* EVENTLIST
------------------------------------------------------------------------- */
.event-list { }
.event-item { margin-bottom: 2em; float:left; width: 100%; }
	.event-item .event-image { float:left; width: 50px;height: 50px; overflow:hidden; position:relative; margin-right: 10px;}
	.event-item h2 { font-size: 13px; }
	.event-item .event-date { font-size: 10px;}
	.event-item .event-location { }
	.event-item .event-cat {display:block; width: 10px; height: 10px;line-height: 10px; position:absolute; bottom:0; right:0; overflow:hidden;}
.event-item .bestel{ display:inline-block; margin-top:10px; }

/* Sidebar
------------------------------------------------------------------------- */
#sidebar h3 { height: 13px; }
	/* CULTUURKARRETJE */
	ul#cultuurkarretje { margin: 0 0 30px 0; padding: 3px 0 3px 10px; }
	ul#cultuurkarretje li { display:inline;  margin: 0 0px; color: #323046;   vertical-align:middle; }
	ul#cultuurkarretje li.first { font-weight: bold; background: url('../img/carticon.gif') no-repeat;  padding: 0px 0 0px 22px; margin-right: 8px; display:block;float:left; height:20px;}
	ul#cultuurkarretje li.second { width: 105px;font-size: 10px;}
	ul#cultuurkarretje li.third { font-size: 10px;}
	ul#cultuurkarretje li.third a { color: #323046;  }
	ul#cultuurkarretje li.third a:hover { text-decoration: none; }

	/* ZOEKEN IN HET AANBOD */
	div#aanbod-zoeken { }
	div#aanbod-zoeken p { color: #666; padding: 0 0 0 5px; }
	div#aanbod-zoeken ul li { display: inline-block; text-align: center; margin: 2px 2px 4px 0; font-size: 10px; float: left; }
	.categories a:hover { text-decoration:none;}
	.categories li a { color: #fff; text-decoration: none; display: block; width: 98px; padding: 5px; }

	div#aanbod-zoeken form { margin: 10px 0; clear:both; }
	div#aanbod-zoeken form p {  padding: 5px 0 0 5px;margin:0; }
	div#aanbod-zoeken form input#zoekterm { display: inline-block; border: 1px solid #cecece; padding: 5px; -moz-border-radius: 4px; width: 270px; margin-top: 4px; }





	/* KALENDER */
	/* aanbod rubrieken */
	#kalender { clear:both;}
	/* background-color:#2C304B */
	#kalender table a { color:#FFF; text-decoration:none; padding: 3px; display:block; }

	div#kalender {position:relative;}
	div#kalender table { float: left; width: 130px; margin: 0 15px 8px 15px; _margin:0 10px 8px 10px; }
	div#kalender table caption { color: #CCCCCC; text-transform:lowercase; margin-bottom: 2px; }
	div#kalender table thead tr { color: #76757d; }
	div#kalender table tbody tr th { padding: 0 0 5px 0; }
	div#kalender table tbody tr td span { padding: 3px; display:block;}
	div#kalender table th td, div#kalender table tr td { text-align: center; }

	div#kalender #loading-calendar { position:absolute; left: 160px; top: 70px;}
	div#kalender .js-calendar-prev { position:absolute; left:0; top: 50px; font-size:20px; height: 80px;line-height: 80px;  text-decoration:none; color:#CCCCCC;}
	div#kalender .js-calendar-next { position:absolute; right:0; top: 50px; font-size:20px; height: 80px;line-height: 80px; text-decoration:none; color: #CCC;}
	div#kalender .js-calendar-next:hover, div#kalender .js-calendar-prev:hover {  color: #333333;}


	/* BEKEKEN CULTUUR */
	div#bekekencultuur { clear: both; margin: 5px 0; }
	div#bekekencultuur ul {  }
	div#bekekencultuur ul li { display: inline; line-height: 28px; margin: 0 5px; }
		.item-0 { }
		.item-1 img {  -moz-opacity:0.85;}
		.item-2 img {  -moz-opacity:0.60;}
		.item-3 img {  -moz-opacity:0.40;}
		.item-4 img {  -moz-opacity:0.20;}
	div#bekekencultuur ul li a { color: #2c304b; }
	div#bekekencultuur ul li a:hover { text-decoration: none; }


/* Leftside
------------------------------------------------------------------------- */
div#leftside { line-height:1.5em;}
div#leftside div.block { margin-bottom: 15px; }
div#leftside h2 span { visibility: hidden; }
div#leftside h2 span.datum { visibility: visible; color: #CCCCCC; font-size: 10px; font-weight:normal;}

div.divider { margin: 0; background: url('../img/divider.gif') repeat-x; width: 100%; height: 3px; clear: both; margin: 0 0 10px 0; }
div.divider-xl { margin: 0; background: url('../img/dividerxl.gif') repeat-x; width: 580px; height: 6px; clear: both; margin: 10px 0 0 0; }

h1.title { background:url('../img/divider.gif') repeat-x bottom left; margin-bottom: 1em; padding-bottom: 8px}
	h1.title.sIFR-replaced { padding:0;}
	h1.title object {  float:none;}

	/* BREADCRUMB */
	#breadcrumb { color:#CCCCCC;  padding:5px 0px; margin-bottom: 15px;margin-top: 5px; font-size: 10px; }
	#breadcrumb a {  display:inline;  color:#CCCCCC; }



	/* WAT IS VILLARTE */
	div#about h2 { background: url('../img/villarte/h1villarte.gif') no-repeat; width: 301px; height: 20px; }
	div#about .column { float: left; width: 160px; margin: 0 33px 10px 0; }
	div#about .column h3 { color: #099be4; font-family:Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: -1px; }
		#about .column h3 a { color: #099be4; text-decoration:none;}
		#about .column h3 a:hover { text-decoration:underline;}

	div#about .column img { margin: 5px 0; }
	div#about .column p { font-size: 11px; color: #666666; line-height: 16px;}
	div#about .column address { color: #099be4; font-style: normal; font-size: 11px; margin: 3px 0 10px 0; font-family: Arial, Helvetica, sans-serif;}

	/* UITGESPROKEN */
	div#uitgesproken .quote-img { float:left; width: 94px; margin-right: 10px;}
	div#uitgesproken .quote { float:left; width: 470px;}
	div#uitgesproken h2 { background: url('../img/villarte/h1uitgesproken.gif') no-repeat; width: 215px; height: 15px; margin-bottom: 10px; }
	div#uitgesproken blockquote { font-family: Georgia; font-size: 15px; color: #666; background: url('../img/quote1.gif') no-repeat; padding: 8px 5px 10px 25px; float:left;  }
	div#uitgesproken blockquote div { background: url('../img/quote2.gif') no-repeat bottom right; float: right; font-family: Georgia; font-size: 11px; font-weight: bold; color: #2D304A; padding-bottom: 28px; padding-top: 10px;}

	/* DETAIL */
	#event-detail { position: relative; }
	#event-detail h1 { background:none; margin:0;}
	#event-detail h2 { margin-top: -5px;  margin-bottom:0; }
		#event-detail h2 object { float:none;}
	#event-detail .leftcolumn { float: left; width: 400px; }
	#event-detail .rightcolumn { float: right; clear: right; text-align: right; padding: 0 10px 0 0; }
	#event-detail h4 { color: #666; margin: 10px 0 0 0; }
	#event-detail .genre { padding: 2px 5px; color: #fff; font-size: 10px; margin-top: -10px; margin-bottom: 10px; float:left; margin-right: 10px; }
	#event-detail .genre a { color: #FFF; text-decoration:none;}
	#event-detail .genre a:hover { text-decoration:underline;}
	#event-detail .fulltext { clear:both;}

	#event-detail ul.detailinfo { color: #999;  }
	#event-detail ul.detailinfo li { line-height: 22px;  }
	#event-detail ul.detailinfo li a { color: #999; }
	#event-detail ul.detailinfo li a:hover { text-decoration: none; }

	a.besteltickets { background-color: #6c6e80; color: #fff; text-decoration: none; text-transform: uppercase;}

	#event-detail .extra { background: #6c6e80; padding: 5px 10px; float: left; width: 560px; color: #FFF; }
	#event-detail .extra .left { float: left; width: 260px; }
	#event-detail .extra .right { float: right; width: 270px; }
	#event-detail .extra .right span { color: #c6c7ce; }
	#event-detail .extra .right ul { margin: 5px 0; }
	#event-detail .extra .right ul li { padding: 2px 0 5px; border-bottom: 1px dotted #c6c7ce;}
	#event-detail .extra .right ul li a { color: #fff; }

	#event-detail .sold-out { margin: 10px 0; color: #BC1245; font-weight:bold;}

	#detailevent { width: 350px; color: #fff; }
	#detailevent a { color:  #fff; }
	#detailevent a:hover { text-decoration: none; }
	#detailevent .first { color:  #b5dfeb; }

	.addthis_toolbox { padding: 5px 0; }

/* SUBMENU
------------------------------------------------------------------------- */
ul.submenu { margin: 10px 2em; list-style: inside; }
ul.submenu li { margin-bottom: .5em;list-style:disc}

/* CART
------------------------------------------------------------------------- */
.linkbutton { font-weight:bold; color: #099be4;}

#basket select#NodeId { width: 200px; }

#js-basket-table, #js-basket-table td { text-align:center; color: #2D304A;}

#js-basket-table th { background:url('../img/divider.gif') repeat-x bottom left; padding-bottom: 5px;}

#js-basket-table td { padding: 5px 0;}
#js-basket-table .cart-row td { background: url('../img/dotted-gray.gif') repeat-x bottom left;  }
#js-basket-table .cart-row {  background: url('../img/dotted-gray.gif') repeat-x bottom left; }
#js-basket-table .cart-row .cart-number { background:url('../img/cart_number.gif') no-repeat center left;font-size: 13px; font-weight:bold; _background: #F0F0F0; }
#js-basket-table .right { text-align:right;}
#js-basket-table .left { text-align:left;}
#js-basket-table .discount td { background: #FFFFCC;  height: 20px;}
#js-basket-table .discount td strong { font-size: 15px; padding: 5px; color:#CCC}

#js-basket-table .cart-total td.total { text-align:left;}
#js-basket-table .cart-total td.cart-euro { text-align:right; font-weight:normal; font-size: 18px;}
#js-basket-table .cart-total td { padding: 5px; background:#F0F0F0 url('../img/cart_total.gif') repeat-x top left; font-size: 20px; line-height:39px; font-weight:bold; height: 39px; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden;}

#js-basket-table td.cart-title { text-align:left;}
#js-basket-table {width:100%;}
#js-basket-table input.js-table-numeric { width: 2em; border: 1px solid #CCCCCC; text-align:center; width: 38px;}

#basket .notice { background:url('../img/cart_hint.gif') no-repeat 5px 13px; color: #999999; padding: 10px 10px 10px 20px;  }

/* ondertussen */
	div#ondertussenbogaard img { float: left; margin: 5px 10px 5px 12px; }
	div#ondertussenbogaard ul { float: left; margin: 4px; }
	div#ondertussenbogaard ul li.event-title { font-size: 13px; font-weight:bold;}
	div#ondertussenbogaard ul li { line-height: 18px; }
	div#ondertussenbogaard ul li.artiest  { font-weight: bold; }
	div#ondertussenbogaard ul li.datum, div#ondertussenbogaard ul li.locatie { font-size: 10px; }
	div#ondertussenbogaard .order { background: #F0F0F0; font-size: 9px; color: #333; padding: 3px; text-decoration: none; text-transform: uppercase; margin-left: 10px; clear:both; }

/* Footer
------------------------------------------------------------------------- */
div#footer { width: 940px; margin: 0 auto; color:#666666; }
div#footer a { color:#666666; text-decoration:underline;}

	/* FOOTER LIJSTEN MET LINKS */
	div#footer ul.ftlist { float: left; width: 145px; }
	div#footer ul.ftlist li { font-weight: bold; margin: 0 0 10px 0; line-height: 20px;  }
	div#footer ul.ftlist ul.ftlist-sub li { font-weight: normal; margin: 4px 0 0 0; }
	div#footer ul.ftlist li a { text-decoration: none; color: #666666; }
	div#footer ul.ftlist li a:hover { color: #999; }
	div#footer div.lastcolumn { float: right; width: 340px; margin: 0 0 10px 0; }

			/* LAST COLUMN IN FOOTER */
		.lastcolumn h3 { height: 13px; }
		div.lastcolumn table { width: 100%; font-size: 11px; margin: 0 0 10px 0; color: #878787; }
		div.lastcolumn table tr td { padding: 2px;  }
		div.lastcolumn table tr td.right { text-align: right; }
		div.lastcolumn form { margin: 0 0 10px 0; }
		div.lastcolumn .errors p { color: #990000;}
		div.lastcolumn input.text { display: inline-block; border: 1px solid #cecece; padding: 5px; -moz-border-radius: 4px; margin-top: 4px; width: 152px; }
		div.lastcolumn input#name, div.lastcolumn input#email1 { width: 320px;}
		div.lastcolumn input#postalcode { width: 100px;}
		div.lastcolumn input#city { width: 204px;}
		div.lastcolumn input#email0 {  margin-top: 4px; width: 260px;}
		div.lastcolumn input#submitmail0,div.lastcolumn input#submitmail1  { background: #6b6c7e; color: #fff; border: none; padding: 5px 15px; font-weight: bold; cursor: pointer; width: 50px; }
		div.lastcolumn input#submitmail1 { margin-left:166px;}


		div.lastcolumn ul li { margin: 0 0 10px 0; line-height: 18px; }
		div.lastcolumn ul li a { text-decoration: none; color: #666; }
		div.lastcolumn ul li a:hover { color: #999; }
		div.lastcolumn ul li.rss a { background: url('../img/rss.gif') no-repeat; height: 16px; display: block; padding: 0 0 0 25px; }
		div.lastcolumn ul li.yappa { float: right; text-decoration:none; }


/* FORMS
------------------------------------------------------------- */
.input { padding: 5px 0;}
	.input label { float:left; width: 120px; }
	.input input, .input textarea { width: 300px; font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
	.input .form-error { border: 1px solid #CC0000;}
	.submit {display:inline;}
	.submit button, .submit input {  padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
	.error-message { padding-left: 130px; font-size: 10px;}

	.checkbox { padding-left: 120px;}
	.checkbox input { width:auto;}
	.checkbox label { float:none; width: auto;}



/* LOG
------------------------------------------------------------- */
.cake-sql-log { width: 90%; border: 1px solid #CCCCCC; border-collapse: collapse;  margin: 0px auto; background: #FFF;}
	.cake-sql-log caption { margin-top: 2em; background: #36485C; color: #FFF; border: 1px solid #CCC; padding: 2px;}
	.cake-sql-log td { border: 1px solid #CCC; padding: 5px;}
	.cake-sql-log th { background:#4E6985; color: #FFF; border: 1px solid #CCC; padding: 2px;}



/* List-items arrangement
------------------------------------------------------------- */

.arrangement{
list-style-type:disc;
margin-left:25px;
}


/* Arrangement banner home
------------------------------------------------------------- */

#arrangement img {
	margin-top:15px;
}

.total-cart{
	width:75px;
}

.total-cart a{
	text-decoration:none;
}

#carousel{float:left;}

.disabled{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* suggesties bij bestellen */
.notice ul li{
	border-right:1px dotted #AFAFAF;
	float:left;
	height:100px;
	margin-bottom:10px;
	margin-right:5px;
	margin-top:10px;
	padding:10px;
	text-align:center;
	width:110px;
	background-color:white;
}

.notice ul li.last{
	border-right:none;
}


.notice ul li img{
	margin-bottom:5px;
}

.notice ul li a.title2{
	background-color:#0191BC;
	text-decoration:none;
	padding:2px;
	color:white;
	font-size:10px;
}

.notice ul li a.title2:hover{
	background-color:white;
	color:#0191BC;
}

#js-related{
	margin-top:20px;
}

/* Stappen bestellen */
#order-steps{
	width:100%;
	height:30px;
	background-color:#F0F0F0;
	margin-bottom:20px;
}

#order-steps p.active{
	color:#009DDF !important;
}

#order-steps p.gray{
	color:#888888 !important;
}

#order-steps p.lightgray{
	color:#888888 !important;
}

#order-steps p.step1{
	font-size:14px;
	padding: 7px 20px 0 20px;
	height:20px;
	display:block;
	float:left;
	margin:0;
}

#order-steps p.step2{
	font-size:14px;
	padding: 7px 30px 0 30px;
	height:20px;
	display:block;
	float:left;
	margin:0;
}

#order-steps p.step3{
	font-size:14px;
	padding: 7px 30px 0 40px;
	height:20px;
	display:block;
	float:left;
	margin:0;
}

#order-steps p span{
	font-size:11px;
}