body { background-image:url(../img/debogaard10-11/body.bg.png); }
.cb{ clear:both; }

/* Header
------------------------------------------------------------------------- */
div#header { height:100px; }
#about .column h3 a { color:#D32727; }
div#upcomingevents { background-color:#D32727; height:225px; background-image:url(../img/debogaard10-11/bg-upcoming.gif); background-repeat:no-repeat; background-position:center center; }

/* LOGO  + TAGLINE */
#mainlogo { float:left; display:block; height:0!important; overflow:hidden; padding:97px 0 0; width:230px; background:url(../img/debogaard10-11/logo.gif) no-repeat top left; margin-top:0; }
div#content { }

/* NAVIGATOR */
div#mainnav { float:left; margin:40px 0 0 40px; }
div#mainnav li { display:inline; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 7px; }
div#mainnav li a { background-none; color:#666666; display:inline-block; font-weight:bold; height:25px; padding:2px 7px; text-decoration:none; }
div#mainnav li a:hover { color:#D32727; background:url(../img/active-scribble.png) repeat-x left bottom; }

/* GENRES */
ul.categories li a,#kalender table a { background:#969696; }
ul.categories li a:hover,#kalender table a:hover { background:#969696; }
#event-detail .genre { background:#D32727; }
#sidebar h3.darkblue,#sidebar h3.blue,#footer h3 { background:#606062; color:#fff; font-family:Arial, Verdana, sans-serif; font-weight:bold; margin:0 0 10px; padding:4px 5px 5px 10px; text-transform:uppercase; overflow:hidden; height:12px; }
#sidebar h3.blue { background:#B4B4B5; }
ul#cultuurkarretje li { color:#616163; }
div#nieuws h2 { background:none; width:auto; font-size:18px; float:left;}
div#nieuws h2 a{ text-decoration:none; font-size:14px;}
div#nieuws h2.redtitle{ color:#D32727; float:left;}
div#about h2.redtitle{ color:#D32727; float:left;}
div#about h2 { background:none; width:auto;font-size:18px; }
div#aanbod-zoeken form input#submit,.button { background:#606062; color:#FFF; border:none; padding:5px 15px; font-weight:bold; cursor:pointer; width:50px; text-decoration:none; }
.buttons { text-align:right; margin-top:15px;}
.button { width:auto; }
.button:hover,div#aanbod-zoeken form input#submit:hover { background:#606062; color:#FFF; }
#event-detail ul.detailinfo li a.besteltickets { padding:5px; color:#FFF; display:inline-block; margin:10px 0;}
div#upcomingevents a#volledigaanbod { color:#f59d8c; }
div#upcomingevents table tr td.info span a { color:#f59d8c; }
div#upcomingevents table tr td.date { color:white; }
div#upcomingevents h2 { color:#FFFFFF; font-size:18px; margin-bottom:5px; text-transform:uppercase; }
div#upcomingevents table tr { background:url(../img/debogaard10-11/dots.png) repeat-x scroll left bottom transparent; }
div#upcomingevents table tr td { background:none; padding:4px 3px; }
div#upcomingevents table tr td.tickets a,div#upcomingevents table tr td.tickets div.sold-out { background:none repeat scroll 0 0 #db634b; color:white; font-size:9px; padding:3px; text-decoration:none; text-transform:uppercase; }
div#upcomingevents table tr td.tickets a:hover { background:#e8826e; }
#debogaard { position:absolute; top:105px; margin-left:-82px; }
div#upcomingevents h3 { color:#f59d8c; font-size:12px; margin-bottom:10px; padding-left:6px; }
#detailevent .first { color:#f59d8c; }
.newsitem h2,div#nieuws .newsitem h2 { color:#606062; }
a { color:#606062; }
a:hover { color:#B4B4B5; }
#event-detail .sold-out { color:#D32727; }
#event-detail .extra { background:none repeat scroll 0 0 #D32727; color:#FFFFFF; float:left; padding:5px 10px; width:560px; margin-top:20px; }
#event-detail .extra .right span { color:#F59D8C; }
div.divider { background:url(../img/divider.gif) repeat-x scroll 0 0 transparent; clear:both; height:3px; margin:10px 0 20px; width:100%; }
#event-detail .extra .right ul li { border-bottom:1px dotted #F59D8C; padding:2px 0 5px; }
#arrangement img { margin-bottom:15px; }
a.besteltickets { background-color:#db634b; }
a.besteltickets:hover { background-color:#e8826e; }
div.lastcolumn input#submitmail0,div.lastcolumn input#submitmail1 { background:none repeat scroll 0 0 #606062; -moz-border-radius: 0; -webkit-border-radius:0;}
div#ondertussenbogaard .order {
background:none repeat scroll 0 0 #F0F0F0;
color:#333333;
float:right;
font-size:9px;
margin-left:10px;
padding:3px;
text-decoration:none;
text-transform:uppercase;
clear:none;
}

h3.margin-bot{ margin-bottom:3px;}

.event-item .bestel{
	background:none repeat scroll 0 0 #DB634B;
	color:white;
	font-size:9px;
	padding:3px;
	text-decoration:none;
	text-transform:uppercase;
}

#js-basket-table .discount td { background:none; }
#js-basket-table .discount td div strong{ color:gray; }
#js-basket-table .discount td div{ padding:10px 0; }

.order-4{ font-size:11px; color:white; background-color:#D32727; padding:5px; display:inline-block; margin-top:10px; float:right;}
#js-continue{ background-color:orange; }
#overlay-events{position:absolute; z-index:1;}

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

#order-steps p.active{
	color:#D32727 !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;
}

/* 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:#FEFEFE;
	text-decoration:none;
	padding:2px;
	color:black;
	font-size:10px;
}

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