/*** MAIN ***/
body {font:11px "Lucida Grande", Verdana, Arial, sans-serif; margin:0; padding:0;}
#body {position:absolute; top:10px; left:50%; margin-left:-375px; width:750px;}

/*** LEFT ***/
#left {float:left; width:180px;}
#left-top {float:left; width:180px; margin-bottom:10px;}
.left-box {float:left; width:160px; margin:10px; _margin:10px 5px; color:#666666;}
.left-box h1 {color:#000000; font-size:11px; font-weight:bold;}
.left-box a	{color:#0033CC; font-weight:bold; text-decoration:none;}
.left-box a:hover {color:#0033CC; font-weight:bold; text-decoration:underline;}

/*** RIGHT ***/
#right {float:left; width:570px; _margin-right:-10px;}
#right-top {float:left; width:570px; clear:both; margin-bottom:10px;}

#mm {background-image:url(img/mm.gif); background-repeat:no-repeat; background-position:top left;
	float:left; clear:both; width:570px;}
#mm a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
#mm a:hover {text-decoration:underline;}
#mm li {display:inline; margin:0 8px;}
#mm ul {margin:17px 0 7px 0; _margin-left:10px;}

li.current {background-color:#0033CC; background-image:url(img/tab.gif); background-repeat:no-repeat; 
	background-position:top right; padding:10px 10px 8px 0; _padding:8px 10px 8px 0;}
a.current {background-image:url(img/tab.gif); background-repeat:no-repeat; background-position:top left; 
	padding:9px 0 8px 10px;_margin-top:-8px;}

#sm {background-image:url(img/sm.gif); background-repeat:no-repeat; background-position:top left;
	float:left; clear:both; margin:0 10px; _margin:0 5px; width:550px;}
#sm a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
#sm a:hover {text-decoration:underline;}
#sm li {display:inline; margin:0 8px;}
#sm ul {margin:10px 0; _margin-left:10px;}

#right-home {background-image:url(img/home-mid.gif); background-repeat:repeat-y; float:left;
	clear:both; margin:10px; _margin:10px 5px; width:550px;}
#right-home-top {background-image:url(img/home-top.gif); background-position:top; 
	background-repeat:no-repeat; line-height:10px; float:left; clear:both; width:550px;}
#right-home-mid {float:left; clear:both; padding:5px 10px; width:530px; font-size:12px;}
#right-home-mid h1 {font-size:14px; margin:0;}
#right-home-mid h2 {font-size:13px; margin:0;}
#right-home-mid h3 {font-size:12px; margin:0;}
#right-home-bot {background-image:url(img/home-bot.gif); background-position:bottom; 
	background-repeat:no-repeat; line-height:10px; float:left; clear:both; width:550px;}

.right-box {background-image:url(img/right-box-mid.gif); background-repeat:repeat-y; float:left;
	clear:both; margin:10px; _margin:10px 5px; width:550px;}
.right-box-top {background-image:url(img/right-box-top.jpg); background-repeat:no-repeat; float:left; 
	clear:both; font-size:14px; font-weight:bold; line-height:30px; padding:0 10px; width:530px;}
.right-box-top img {float:right; padding:8px 8px 0 0;}
.right-box-mid {float:left; clear:both; padding:0 10px; width:530px; font-size:12px;}
.right-box-mid a	{color:#0033CC; font-weight:bold; text-decoration:none;}
.right-box-mid a:hover {text-decoration:underline;}
.right-box-bot {background-image:url(img/right-box-bot.gif); background-repeat:no-repeat; 
	background-position:bottom; float:left; clear:both; line-height:10px; width:550px;}

/*** BOTTOM ***/
#bottom {background:#000066 url(img/bottom.gif) no-repeat top; color:#FFFFFF; float:left; clear:both; 
	width:750px; text-align:center; margin-top:10px; _margin-top:20px; _padding-top:10px;}
#bottom a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
#bottom a:hover {text-decoration:underline;}
#bottom li {display:inline; margin:0 8px;}

/*** VARIOUS ***/
.special {background-color:#FFCC00;}


/* img uploads bij concerten */
div.images {
	padding: 10px;
	text-align: center;
}
div.images img {
	max-width: 440px;
	max-height: 220px;
	margin: 5px;
}


/* reservatieformulier */
form#reservatie {
	margin-top: 10px;
}
form#reservatie label {
	float: left;
	width: 130px;
	padding-right: 10px;
}
form#reservatie label.radio {
	float: none;
	width: auto;
	margin-right: 10px;
}
form#reservatie input, form#reservatie select {
	margin-bottom: 10px;
}

form#reservatie select.Antwerpen, form#reservatie select.Tielen {
	display: none; /* initieel... maar update via javascript */
}
form#reservatie input.text {
	width: 250px;
	padding: 2px;
	border: 1px solid #ccc;
}
form#reservatie span.opmerking {
	color: #666;
}
form#reservatie span.input {
	margin-bottom: 10px; /* prefilled items */
}
form#reservatie div.submit {
	margin-left: 140px;
}
form#reservatie input#submit {
	margin: 10px 0;
}
form#reservatie span.error_locatie, form#reservatie span.error_concert, form#reservatie span.error_plaatsen {
	color: red;
	display: none;
}
form#reservatie span.error_plaatsen {
	margin-left: 140px;
}