body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #111;
	background: #E8F3D8;
	margin: 0;
}

table {
	border-collapse: collapse;
}

a {
	outline: none;
}

img {
	border: 0;
}

a img {
	border: 0;
}

/**************************************************************************/

#wrapper {
	position: relative;
	width: 800px;	
	margin: 0 auto;
	height: 600px;
	min-height: 1015px;
}
/**************************************************************************/

#header {
	position: absolute;
	width: 800px;
	top: 0;
	height: 127px;
	background: url(images/bg_header.gif) no-repeat;
}

#header a.logo {
	background: url(images/logo.png) no-repeat;
	display: block;
	height: 100px;
	position: absolute;
	width: 182px;	
	text-indent: -9999px;
}

/**************************************************************************/

#menu {
	position: absolute;	
	top: 64px;
	left: 310px;
	height: 30px;
	float: right;
}

#menu a {
	text-indent: -9999px;
	display: block;
	float: left;
	padding-right: 8px;
}

#menu a.agenda {
	background: url(images/menu_agenda.gif) no-repeat;
	height:20px;
	width:101px;
}

#menu a.agenda_active,
#menu a.agenda:hover {
	background: url(images/menu_agenda.gif) no-repeat  0 -20px;
	height:20px;
	width:101px;
}

#menu a.booking {
	background: url(images/menu_booking.gif) no-repeat;
	height:20px;
	width:111px;
}

#menu a.booking:hover,
#menu a.booking_active {
	background: url(images/menu_booking.gif) no-repeat 0 -20px;
	height:20px;
	width:111px;
}

#menu a.contact {
	background: url(images/menu_contact.gif) no-repeat;
	height:20px;
	width:114px;
}

#menu a.contact_active,
#menu a.contact:hover {
	background: url(images/menu_contact.gif) no-repeat 0 -20px;
	height:20px;
	width:114px;
}
#menu a.zaalinfo {
	background: url(images/menu_zaalinfo.gif) no-repeat;
	height:20px;
	width:116px;
}

#menu a.zaalinfo_active,
#menu a.zaalinfo:hover {
	background: url(images/menu_zaalinfo.gif) no-repeat 0 -20px;
	height:20px;
	width:116px;
}


/**************************************************************************/

#content {
	position: absolute;
	top: 143px;
	width: 800px;

}
/**************************************************************************/

#uitlichter1,
#uitlichter2 {
	position: absolute;	
	height: 380px;
	width: 195px;
	background: url(images/bg_event_uitlichter.gif) no-repeat;
}

table.uitlichter {
	border-collapse: collapse;
	width: 195px;
}

table.uitlichter tr.affiche {
	height: 277px;
	vertical-align: top;
}

table.uitlichter tr.text {
	vertical-align: top;
	color: #fff;
}

table.uitlichter tr.text span.uitlichter_titel a {
	display: block;
	clear: right;
	padding-left: 17px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;	
}

table.uitlichter tr.text span.uitlichter_datum a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-top: -3px;
	padding-left: 10px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;	
}

table.uitlichter tr.text span.omschrijving {
	font-size: 12px;
	padding-left: 17px;
}

table.uitlichter tr.text span.uitlichter_titel a:hover,
table.uitlichter tr.text span.uitlichter_datum a:hover {
	color: #000;
}

#uitlichter1 {
	left: 0;
}

#uitlichter2 {
	left: 203px;
}

#uitlichter1 a,
#uitlichter2 a {
}

#uitlichter1 img,
#uitlichter2 img {
	margin: -1px 0 0 -1px;
}

#uitlichter1 a img,
#uitlichter2 a img {
}

/**************************************************************************/

#kies_datum {
	position: absolute;	
	height: 380px;
	width: 224px;
	left: 200px;
	padding-left: 15px;
	background: url(images/booking_kiesdatum.gif) no-repeat;
}

#kies_datum p.boven {
	color: #fff;
	font-weight: bold;
	width: 180px;
	padding-top: 79px;
}

#kies_datum p.beneden {
	color: #ABCA61;
	padding-top: 79px;
	width: 180px;
}

#kies_datum a img.infoknop {
	position: absolute;
	bottom: 0;
	right: 46px;
}



/**************************************************************************/

#getmail {
	position: absolute;	
	height: 380px;
	width: 204px;
	left: 203px;
	color: #fff;
	font-size: 12px;
	background: url(images/bg_getmail.gif) no-repeat;
	padding-left: 15px;
}

#getmail h1 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
}

#getmail p {
	width: 180px;
	margin: 0;
}

#getmail p.vrij {
	font-size:15px;
	padding-left:5px;
	text-shadow:0 0 0 #55731D;
	margin-top: -2px;
}

#getmail p.optie_nemen {
	color:#FFFFFF;
	font-weight:bold;
	padding-top:17px;
}

#getmail p.wit {
	color: #fff;
	padding-top: 20px;
}

#getmail p.groen {
	color: #ABCA61;
	font-size: 12px;
	text-shadow: 0 0 0 #55731D;
}

#getmail form {
	color: #fff;
	font-size: 10px;
}

#getmail input[type=text] {
	border: 0;
	width: 178px;
}

#getmail input[type=submit] {
	width: 95px;
	height: 18px;
	border: 0;
	text-indent: -9999px;
	background: url(images/knop_verstuur.gif) no-repeat;
	outline: 0;
	margin-left: 83px;
}

#getmail a img.infoknop {
	position: absolute;
	bottom: 0;
	right: 26px;
}

#getmail div.helaba {
	color: red;
	position: absolute;
	margin-left: 140px;
	margin-top: -30px;
}

#getmail div.helaba_email {
	color: red;
	position: absolute;
	margin-left: 57px;
	margin-top: -30px;
}

/**************************************************************************/

#al_gekozen {
	position: absolute;	
	height: 365px;
	width: 180px;
	left: 200px;
	background: url(images/bg_event_uitlichter.gif) no-repeat;
	color: #fff;
	padding: 15px;
}


/**************************************************************************/

#booking_form {
	position: absolute;	
	top: 0;
	left: 0;
	width: 404px;
	height: 380px;
	background: url(images/bg_bookingform.gif) no-repeat;
	color: #fff;
	padding: 11px 14px 20px 13px;
}

#booking_form a {
	color: red;
}

#booking_form h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding-left: 2px;
}
#booking_form h2 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	padding: 1px 0 0 7px;
}	


#booking_form div.helaba {
	color: red;
	position: absolute;
	margin-left: 137px;
	margin-top: -38px;
}

#booking_form div.helaba_email {
	color: red;
	position: absolute;
	margin-left: 45px;
	margin-top: -37px;
}

#booking_form div.helaba_omschrijving {
	color: red;
	position: absolute;
	margin-left: 137px;
	margin-top: -82px;
}

#booking_form div.helaba_rekening {
	color: red;
	position: absolute;
	margin-left: 0px;
	margin-top: 17px;
}

#booking_form div.helaba_soort {
	color: red;
	position: absolute;
	margin-left: 136px;
	margin-top: 55px;
}

form#booking {
	line-height: 14px;
}

form#booking div.boek_kolom {
	width: 200px;
	float: left;
}

form#booking input {
	background: #E8F3D8;
	height: 14px;
	max-width: 176px;
	border: 0;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 2px;
}

form#booking input[id="org_naam"] {
	width:176px;
}

form#booking input[id="org_straat"] {
	background:#E8F3D8 url(images/form_straat.gif) no-repeat scroll right center;	
	width: 148px;
	float: left;
}

form#booking input[id="org_nummer"] {
	width: 25px;
}

form#booking input[id="org_postcode"] {
	background:#E8F3D8 url(images/form_gsm1.gif) no-repeat scroll right center;
	float: left;
	width: 40px;
}

form#booking input[id="org_stad"] {
	width: 133px;
}

form#booking input[id="org_gsm1"] {
	background:#E8F3D8 url(images/form_gsm1.gif) no-repeat scroll right center;
	float: left;
	width: 40px;
}

form#booking input[id="org_gsm2"] {
	width: 133px;
}

form#booking input[type="radio"] {
	margin-left: -3px;
}

form#booking input[id="org_vereniging"] {
	width:176px;
}

form#booking input[id="org_email"] {
	width:176px;
}

form#booking input[id="event_titel"] {
	width:176px;
}

form#booking textarea {
	margin-bottom: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding: 2px;
	width: 172px;
	border: 0;
	background:#E8F3D8;
}

form#booking input[id="org_rekening1"] {
	background:#E8F3D8 url(images/form_gsm1.gif) no-repeat scroll right center;
	float: left;
	width: 40px;
}

form#booking input[id="org_rekening2"] {
	background:#E8F3D8 url(images/form_rek2.gif) no-repeat scroll right center;
	width: 92px;
	float: left;
}

form#booking input[id="org_rekening3"] {
	width: 32px;
}
form#booking #ruler {
	height: 1px;
	border-top:1px solid #9AC23B;
	width: 176px;
}
form#booking input[id="installatie"] {
}

form#booking input[type="submit"] {
	border: 0;
	background: url(images/knop_verstuur2.gif) no-repeat;
	text-indent: -9999px;
	height: 18px;
	width: 96px;
	margin-left: 80px;
	margin-top: 10px;
}

/**************************************************************************/

#kalender {
	position: absolute;	
	top: 0;
	left: 404px;
	width: 396px;
	height: 377px;
	background: url(images/calendar/bg_kalender_maand.gif) no-repeat;
}

#kalender table {
	margin: 0 auto;
}

#kalender table.navigatie {
	height: 57px;	
}


#kalender table.navigatie td.maand {
	width: 305px;
}

#kalender table.navigatie td.maand img {
	margin-top: 25px;
}


#kalender table.navigatie td.links {
	width: 20px;
}

#kalender table.navigatie td.links a img {
	width: 20px;
}

#kalender table.navigatie  td.rechts {
	width: 20px;
}

#kalender table.navigatie td.rechts a img {
	width: 20px;
}

#kalender table.maand {
	margin-top: 10px;
	border: 0;
}

#kalender table.maand td {
	padding: 2px;
	width: 44px;
	height: 42px;	
}

#kalender img.disabled {
	position: absolute;
	height: 42px;
	width: 44px;
	z-index: 1;
	margin-left: -44px;
}

/**************************************************************************/

#agenda {
	position: absolute;
	top: 0;
	right: 0;
	height: 784px;
	width: 397px;
	background: url(images/calendar/bg_kalender_lijst.gif) no-repeat;
	margin-left: 28px;
}

#agenda table.navigatie {
	margin: 32px 0 10px 24px;
}

#agenda table.lijst {
	margin-left: 28px;
}

#agenda table.lijst tr {
	height:42px;
	padding:0;
	width:338px;
	background:#B7CD81 url(images/bg_kalender_lijst_cell.gif) no-repeat 1px 1px;
	display: block;
	padding-bottom: 2px;
}

#agenda table.lijst tr.even {
	background: #B7CD81 url(images/bg_kalender_lijst_cell.gif) no-repeat 1px 1px;
	color: #000;
}

#agenda table.lijst tr.odd {
	background: #9AC23B url(images/bg_kalender_lijst_cell.gif) no-repeat scroll 1px 1px;	
	color: #fff;
}

#agenda table.lijst td {
	height: 42px;
}

#agenda table.lijst td.text {
	width: 294px;
}

#agenda table.lijst td.text span.date {
	padding-left: 19px;
}

#agenda table.lijst td.text span.date {
	font-size: 18px;
	text-transform: uppercase;
}

#agenda table.lijst td.text span.title_even a {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	padding-left: 5px;
}

#agenda table.lijst td.text span.title_even a:hover {
	color: #fff;
}

#agenda table.lijst td.text span.title_odd a {
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding-left: 5px;
}

#agenda table.lijst td.text span.title_odd a:hover {
	color: #000;
}

#agenda table.lijst td.affiche {
	width: 44px;
}

#agenda table.lijst td.affiche a {

}

#agenda table.lijst td.affiche a img {
	
}

/**************************************************************************/

#detail {
	position: absolute;
	top: 0;
	left: 0;
	height: 381px;
	width: 403px;
	background: url(images/bg_event_detail.gif) no-repeat;
	color: #fff;
	padding-top: 8px;
}

#detail span.datum {
	color: #fff;
	font-size: 18px;
	padding: 0 0 0 12px;
	display: block;
	text-transform: uppercase;
}

#detail span.titel_boven {
	color: #FFF;
	font-size: 14px;
	padding-bottom: 15px;
	padding-left: 16px;
	text-transform: uppercase;
}

#detail table.event_detail {
	margin: 12px 0 3px 0;
	border-collapse: collapse;
	border: 0;
}

#detail table.event_detail td.affiche {
	height: 277px;
	width: 195px;
	vertical-align: top;
	background-color: #9AC23B;
}

#detail table.event_detail td.affiche img {
	margin: -1px 0 0 -1px;
}

#detail table.event_detail td.text {
	vertical-align: top;
	color: #000;
	background-color: #9AC23B;	
	padding: 15px 20px;
	width: 200px;
}

#detail table.event_detail td.text span.deuren,
#detail table.event_detail td.text span.inkom ,
#detail table.event_detail td.text span.organisator {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	display: block;
	clear: right;
}

#detail table.event_detail td.text span.titel {
	padding-top: 14px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	color: #fff;
}

#detail table.event_detail td.text span.omschrijving {
	color: #000;
}

#detail table.event_detail td.text span.deuren,
#detail table.event_detail td.text a.event_url {
	padding-top: 10px;
	display: block;
}
	
#detail table.event_detail td.text a.event_url {
	color: #000;
	text-decoration: underline;
}

#detail table.event_detail td.text a.event_url:hover {
	text-decoration: none;
}

#detail a.sluit {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	padding-left: 165px;
}

#detail a.sluit:hover {
	text-decoration: none;
	color: #fff;
}


/**************************************************************************/

#contact {
	position: absolute;
	top: 397px;
	left: 0;
	width: 195px;
	height: 379px;
	padding-top: 42px;
	background: url(images/bg_contact.gif) no-repeat;
	color: #fff;
}

#contact p.adres {
	color: #fff;
	padding-left: 16px;
}

#contact p.uitleg {
	color: #000;
	padding-top: 0px;
	padding-left: 22px;
	padding-bottom: 0px;
	padding-right: 25px;
}

#contact b.groen {
	color: #BCDF8A;
	padding-left: 16px;
}
 
#contact a {
	color: #fff;
	text-decoration: none;
} 
 
#contact a:hover {
	color: #000;
}


/**************************************************************************/

#waarom {
	position: absolute;
	top: 397px;
	left: 203px;
	height: 379px;
	width: 194px;
	background: url(images/bg_waarom.jpg) no-repeat;
}

#waarom a img.infoknop {
	position: absolute;
	bottom: 1px;
	right: 2px;
}

/**************************************************************************/

#gallery {
	position: absolute;
	top: 397px;
	left: 404px;
	height: 379px;
	width: 390px;
}

/**************************************************************************/

#zaalinfo {
	position: absolute;
	top: 397px;
	right: 0;
	width: 597px;
	height: 380px;
	background: url(images/bg_zaalinfo.gif) no-repeat;
	color: #fff;
}


#zaalinfo div.kolom1 {
	width: 175px;
	float: left;
	padding: 50px 10px 0 17px;
	background: url(images/zaalinfo_1.gif) no-repeat;
}

#zaalinfo div.kolom2 {
	float: left;
	width: 188px;
}

#zaalinfo div.kolom3 {
	margin-left: 393px;
	margin-top: -10px;
	width: 170px;
	padding-left: 17px;
	padding-right: 10px;
	background: url(images/zaalinfo_2.gif) no-repeat;
}

#zaalinfo div.kolom3 p.res {
	padding-top: 58px;
	padding-left: 1Px;
}

#zaalinfo div.kolom3 p.geluid {
	padding-top: 42px;
	padding-left: 1px;
}

#zaalinfo div.kolom3 p.geluid b {
	font-weight: normal;
	color: #9AC23B;
}

/**************************************************************************/

#bedankt {
	position: absolute;
	top: 0;
	left: 0;
	width: 356px;
	height: 347px;
	color: #fff;
	padding: 20px;
	background: url(images/bg_bedankt.gif) no-repeat;
}


/**************************************************************************/

#footer {
	position: absolute;
	top: 940px;
	height: 95px;
	width: 799px;
	padding: 50px 0 0 15px;
	background: url(images/bg_footer.gif) no-repeat;
}