body {
	background-color: black;
	padding: 0;
	margin: 0;
	
	font-family: Arial;
	font-size: 10pt;
	line-height: 150%;
}


div#site {
	width: 100%;
	background: uxrl('../img/band.png') no-repeat 50% bottom;
	
}




p {
	margin-bottom: 1em;
}
h1 {
	font-family: Arial;
	color: rgb(236,28,37);
	font-size: 17px;
	height: 22px;
	margin-bottom: 0.5em;
	background-image: url('../img/hr.png');
	background-repeat: repeat-x;
	width: 96%;
	background-position: bottom left;
	
}
h2 {
	font-size: 22px;
	font-size: 17px;

	color: rgb(236,28,37);
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


strong {
	font-weight: bold;
}
.red {
	color: rgb(236,28,37);
}

div.hr {
	background: url('../img/hr.png') repeat-x;
	height: 4px;
	width: 96%;
	clear: both;
}



div#content {
	background: url('../img/back-program.png') no-repeat scroll top left;
	width: 728px;
	height: 553px;
	
	position: absolute;
	left: 170px;
	top: 0px;
	padding: 17px;
	
	
}
div#address {

	background: url('../img/back-address.png') no-repeat scroll top left;
	width: 168px; /* 202 */
	height: 99px;
	padding: 17px;
	
	position: absolute;
	left: 731px;
	top: 570px;
	
	text-align: center;
	line-height: 120%;
	
	color: white;
}
div#address strong {
	color: black;
	font-weight: bold;
	font-size: 9pt;
}
div#address a {
	color: white;
	text-decoration: underline;
}

div#openingtimes {
	
	background: url('../img/back-openingtimes.png') no-repeat;
	width: 136px; /* 170 */
	height: 99px;
	padding: 17px;
	
	position: absolute;
	left: 540px;
	top: 570px;
	
	font-size: 9pt;
	color: white;
	text-align: center;
	font-weight: bold;
}



body div#content {

	background: url('../img/back-dinner.png') no-repeat scroll top left;
	width: 763px;
	height: 411px;
	
}
body div#openingtimes {

	top: 420px;
}

body div#address {
	top: 420px;
}


div#header {
	background-color: black;
	height: 130px;
}
div#header h1 {		
	display: block;
	margin: 20px auto;
	padding: 0;
	width: 390px;
	height: 106px;
	text-indent: -3000px;
	overflow: hidden;
	background-image: url('../img/logo.gif');
}

div#main {
	width: 931px;
	height: 800px;
	margin: 18px auto;
	position: relative;

}
div#lang {
	width: 931px;
	margin: 0px auto;
	height: 16px;
	text-align: right;
}
div#lang a {
		color: white;
	}


div#nav {
	position: absolute;
	overflow: hidden;
	width: 150px;
	height: 250px;
	left: 0px;
	top: 0px;
	background-color: black;
}
div#nav ul {
	margin-top: 5px;
	margin-left: 10px;
}

div#nav ul li {
	
	display: block;
	width: 135px;
	height: 28px;
	margin-bottom: 3px;
	background: url('../img/navdashes.png') repeat-x bottom left;

}
div#nav ul li a {
	display:block;
	padding: 1px;

	color: white;
	text-decoration: none;
}

div#nav ul li a:hover {
	background-position: -134px -0px !important;
	background-color: #C81C25;


}
div#nav ul li a.a {
	background-position: -134px -0px !important;
	background-color: #C81C25;
}







/* ########### HOME ########### */
div#introduction {
	
	background: url('../img/back-introduction.png') no-repeat scroll top left;
	width: 316px; /*350*/
	height: 312px; /*346*/
	
	
	position: absolute;
	left: 170px;
	top: 0px;
	
	padding: 17px;	
}



div#newsletter {
	background: url('../img/back-newsletter.png') no-repeat scroll top left;
	width: 390px; /* 391px */
	height: 168px;

	position: absolute;
	left: 540px;
	top: 0px;
}
div#newsletter form {
	margin-top: 35px;
	margin-right: 15px;
}





div#nextevents {
	background: url('../img/back-nextevents.png') no-repeat scroll top left;
	width: 357px; /* 391px */	
	height: 227px;
	padding: 17px;
	position: absolute;
	left: 540px;
	top: 183px;
}
div#nextevents div.event {
	background: url('../img/back-event.gif') no-repeat scroll top left;
	position: relative;
	width: 391px;
	height: 40px;
}
div#nextevents div.s2 {
	background-position: 0px -40px;
}

div#nextevents div.event .date {
	position: absolute;
	left: 9px;
	top: 8px;
	
	font-weight: bold;
	color: #42210B;
	font-size: 8pt;
}
div#nextevents div.event .date .day {
	color: #B55C1F;
}

div#nextevents div.event .title {
	position: absolute;
	left: 75px;
	top: 8px;
	font-weight: bold;
	color: #FFF;
}



div#newsletter input[type=text] {
	float:right;
	width: 202px;
	font-family: Arial;
	font-size: 10pt;
	border: 0px;
	background-color: #FFF;
	padding: 4px;
	margin-bottom: 10px;
}
div#newsletter input#submit {
	clear:right;
	float:right;
} 

body#home div#openingtimes {
	position: absolute;
	left: 540px;
	top: 184px;
}

body#home div#address {
	position: absolute;
	left: 728px;
	top: 184px;

}






/* ########### PROGRAM ########### */




ul.months {
	margin: 10px 0;
}
ul.months li {
	display: inline;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #CA1C25;
	margin-right: 6px;
}
ul.months li.active {
	color: black;

}

div.month {
	width: 351px;
	float:left;
}
div.month-left {
	margin-right: 20px;		
}

div.eventitem {
	width: 351px;
	margin-bottom: 10px;
}
div.eventitem div.button {
	background: url('../img/event-back1.png') no-repeat scroll top left;
	
	
		
	width: 351px;
	height: 49px;
	position: relative;
}
div.s2 div.button {
	background: url('../img/event-back2.png') no-repeat scroll top left;
}
div.eventitem div.button .date {
	position: absolute;
	left: 13px;
	top: 11px;
	
	font-weight: bold;
	color: #42210B;
	font-size: 8pt;
}
div.eventitem div.button .date .day {
	color: #B55C1F;
}

div.eventitem div.button .title {
	position: absolute;
	left: 75px;
	top: 6px;
	width: 200px;
	font-weight: bold;
	color: #FFF;
}
div.eventitem div.button .status {
	text-indent: -1000px;
	overflow: hidden;
	
	position: absolute;
	top: 4px;
	left: 303px;
	
	background: url('../img/buy-ticket-sprite.png') no-repeat scroll top left;
	width: 44px;
	height: 41px;
	
}
div.eventitem div.button .status-soldout {
	background: url('../img/buy-ticket-sprite.png') no-repeat scroll top left;
	width: 44px;
	height: 41px;
	background-position: -44px;
}




div.eventitem div.description img {
	margin: 4px 0;
}




/* Reservation */

div#reservation {
	background: url('../img/back-program.png') no-repeat scroll top left;
	width: 728px;
	height: 553px;
	
	position: absolute;
	left: 170px;
	top: 0px;
	padding: 17px;
	
	
}
body#reservation div#openingtimes {
	top: 570px;
}
body#reservation div#address {
	top: 570px;
}



div#booking {
	background: url('../img/reservation-back.png') no-repeat scroll top left;
	width: 493px;
	height: 346px;
	padding: 10px;
	margin-top: 20px;
	position: relative;
	
	color: white;
}


div#booking h2 {
	color: white;
}


div#booking a {
	color: black;
}
div#booking table {
	margin-top: 10px;
}
div#booking table th, div#booking table td {
	padding: 0 0 5px 0;
}
div#booking table th {
	color: white;
	font-size: 11pt;

}
div#booking table td input {
	padding: 5px;
	width: 200px;
	border: 0px;
}
div#booking table td select {
	width: 200px;
}
div#booking table tr.total th {
	color: black;
}
div#booking table tr.total td {
	padding-top: 5px;
}
div#booking #reservationbutton {
	position: absolute;
	right: 15px;
	bottom: 15px;
}
div#booking p.disclaimer {
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin: 0;
}

input#price {
	width: 40px;
}





div#scroll {
	height: 485px;
	overflow: auto;
}
div.block {
	clear: both;
}


div.ticket {
	background-color: #C81C25;
	padding: 15px;
	width: 90%;
	margin-bottom: 20px;
	color: white;
	font-size: 120%;
}
div.ticket span {
	color: black;	
}

table.pricing {
	width: 315px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 3em;
	float: left;
}
table.pricing th {
	color: #CA1C25;
	font-weight: bold;
	padding-bottom: 1em;
}
table.pricing td {
	padding-bottom: 0.2em;
}
table.pricing .price {
	text-align: right;
}



div.b-small {
	width: 310px;
}

img#dinner-photo {
	position: absolute;
	right: 48px;
	top: 15px;
}




div.b-small2 {
	width: 200px;
}

div#richtingen {
	width: 500px;
	height: 235px;
	background-color: white;
	position: absolute;
	bottom: 50px;
	right: 20px;

}
div#richtingen div.c {
	padding: 1em;
}
div#map {
	width: 500px;
	height: 260px;
	
	border: 1px solid black;
	
	position: absolute;
	top: 20px;
	right: 20px;
	
}


body#pricing div#content {

	background: url('../img/back-dinner.png') no-repeat scroll top left;
	width: 763px;
	height: 411px;
	
}
body#pricing div#openingtimes {

	top: 420px;
}

body#pricing div#address {
	top: 420px;
}
	

/* Load background last */
body.back1 {
	background: #000 url('../img/backgrounds/back2.jpg') no-repeat 50% 300px;
}

body.back2 {
	background: #000 url('../img/backgrounds/back2.jpg') no-repeat 50% 300px;
}


body#contact div#content {
	background: url('../img/back-program.png') no-repeat scroll top left;
	width: 728px;
	height: 553px;
	
	position: absolute;
	left: 170px;
	top: 0px;
	padding: 17px;
	
	
}
body#contact div#openingtimes {
	top: 570px;
}
body#contact div#address {
	top: 570px;
}



div.route {

		color: rgb(236,28,37);
}
div.route ul {
	list-style: disc outside;
	margin-left: 3em;
	margin-top: 1em;
	font-size: 10px;
}

div#route_amersfoort {
	display: block;
}



div#cmslink {
	position: absolute;
	top: 4px;
	left: 10px;
}
div#cmslink a {
	color: white;
}

a.snippete {

	font-family: Monaco, Courier;
	padding: 2px;
	font-size: 10px;
	text-decoration: none !important;
	font-weight: normal;
	color: black;
	}
	
	
	










div.gallerypicture {
	margin: 0px auto;
	width: 600px;
}
div.gallerytitle {
	background-color: black;
	text-align: right;
	margin: 0px auto;
	width: 584px;
	margin-top: 5px;
	color: white;
	padding: 2px 8px;
	font-size: 11px;
}

div.gallerynav {
	width: 600px;

	position: relative;
	margin: 0px auto;
	margin-top: 5px;
}
div.gallerynav img#left {
	position: absolute;
	top: 0;
	left: 0;	
}
div.gallerynav img#right {
	position: absolute;
	top: 0;
	right: 0;
}
ul.gallerylist li a {
	margin-left: 1em;
	color: black;
}

div#content_top {
	background: url('../img/back-program.png') no-repeat scroll top left;
	width: 762px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 170px
}
div#content_bottom {
	background: url('../img/back-program.png') no-repeat scroll bottom left;
	width: 762px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 170px;
}
body#reservation-test div#content, body#reservation div#content, body#photos div#content, body#videos div#content {
	
	width: 728px;
	height: auto;
	position: absolute;
	left: 170px;
	top: 10px;
	padding: 7px 17px 30px 17px;
	background: url('../img/back-content.png') repeat;
	
}
body#photos div#openingtimes, body#videos div#openingtimes {
	top: 570px;
}
body#photos div#address, body#videos div#address {
	top: 570px;
}







div.gallery-row {
	clear: both;
	
	overflow: hidden;
	width: 100%;
	
}
div.gallery-box {
	width: 200px;
	float: left;
	margin-right: 60px;
	margin-bottom: 10px;

	padding: 0;
}
div.gallery-box-last {
	margin-right: 0px;
}

div.gallery-box div.date {
	margin-top: 2px;
	background-color: black;
	color: white;
	padding: 2px 7px;
	font-size: 8pt;
	position: relative;
}
div.gallery-box div.date a {
	color: white;
	position: absolute;
	top: 2px;
	right: 7px;
}

div.gallery-box div.description {
	color: rgb(236,28,37);
	text-decoration: none;
	font-size: 10pt;
	margin-top: 2px;
	padding: 2px 7px;
}

h1 span.link a {
	position: absolute;
	top: 3px;
	right: 40px;
	font-size: 8pt;
	background-color: black;
	color: white;
	padding: 1px 10px;
	
}

body#reservation div#openingtimes, body#reservation div#address {
	display:none;
}