/* General Settings
------------------------------------------------------------------------------------------------------------------- */
body {
	background: #000000 url('/img/body-bg.jpg') no-repeat 50% 0;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
}

textarea{ font: 12px Arial, Helvetica, Verdana, sans-serif; }

a{ color:#ffffff; }

#wrapper { width: 960px; margin: 0 auto; padding: 0 10px; }

div,ul#navigator a, #logo,h3  { behavior: url('/css/iepngfix.htc') }
.cb{ clear:both; }

/* Header
------------------------------------------------------------------------------------------------------------------- */
#header { margin: 0px 20px 0 0; position: relative; }
	
	#header #logo { background: url('/img/logo-belmondo-trans.png') no-repeat; width: 148px; height: 150px; text-decoration: none; top: -30px; right: 40px; position: absolute; z-index: 1; }
	#header #logo span { display:none; }
	
	#header ul#navigator { margin-top: 20px; }
	#header ul#navigator li { display: inline; float: left; height: 30px; }
	#header ul#navigator li a { display: inline-block; text-decoration: none; }
	#header ul#navigator li a span { display: none;}
	
	.clear { clear: both; }
	
		#header ul#navigator #home a { background: url('/img/nav-home-trans.png') 0 -31px; width: 69px; height: 30px;}
		#header ul#navigator #home .active { background-position: 0 0; }
		
		#header ul#navigator #agenda a { background: url('/img/nav-agenda-trans.png') 0 -31px; width: 83px; height: 30px; }
		#header ul#navigator #agenda .active { background-position: 0 0; }
		
		#header ul#navigator #gallery a { background: url('/img/nav-gallery-trans.png') 0 -31px; width: 37px; height: 30px; }
		#header ul#navigator #gallery .active { background-position: 0 0; }
		
		#header ul#navigator #book-tha-club a { background: url('/img/nav-book-trans.png') 0 -31px; width: 130px; height: 30px; }
		#header ul#navigator #book-tha-club .active { background-position: 0 0; }
		
		#header ul#navigator #movies a { background: url('/img/nav-movies-trans.png') 0 -31px; width: 69px; height: 30px; }
		#header ul#navigator #movies .active { background-position: 0 0; }
		
		#header ul#navigator #info a { background: url('/img/nav-info-trans.png') 0 -31px; width: 61px; height: 30px; }
		#header ul#navigator #info .active { background-position: 0 0; }
		
		#header ul#navigator #memberzone a { background: url('/img/nav-member-trans.png') 0 -31px; width: 122px; height: 30px; }
		#header ul#navigator #memberzone .active { background-position: 0 0; }
		
		#header ul#navigator #signin { color: #999999; margin: 4px 0 0 16px; }
		#header ul#navigator #signin div { float: left;	}
		#header ul#navigator #signin .leftcorner { background: url('/img/signin-bg-trans.png') no-repeat; width: 7px; height: 21px; }
		#header ul#navigator #signin .content { background: url('/img/signin-bg-content.png') repeat-x; height: 18px; padding: 3px 0 0 0; }
		#header ul#navigator #signin .rightcorner { background: url('/img/signin-bg-trans.png') no-repeat -8px 0; width: 6px; height: 21px; }
		#header ul#navigator #signin a { text-decoration: none; color: #999999; }
		#header ul#navigator #signin a:hover { text-decoration: underline; }
	
/* Content
------------------------------------------------------------------------------------------------------------------- */
#container { width: 940px; float: left; min-height: 450px; _height: 450px; }

#box { background: url('/img/home-visual.jpg') no-repeat; width: 940px; height: 314px; margin: 10px 0 0 0; }
	#box h1 { visibility: hidden; }
	#box .col1 { margin: 135px 0 0 28px;}
	#box .col1 #agenda { font-size: 18px; text-transform: uppercase; }
	#box .col1 #agenda .date { color: #33cc99; font-weight: bold; text-shadow: 0 0.1em .1em #000;  }
	#box .col1 .checkoutevents { margin: 30px 0 0 80px	; background: url('/img/checkout-btn-trans.png'); width: 314px; height: 58px; display: block; text-decoration: none; behavior: url('/css/iepngfix.htc') }
	#box .col1 .checkoutevents span { display:none; }
	
	#columns{ padding-bottom:30px; float:left; }
	.column { position: relative; background: url('/img/column.jpg') no-repeat; width: 262px; height: 275px; float: left; margin: 30px 16px 0 0; padding: 20px; }
	
	strong { color: #f7ffd3; }
	
	.column h3.upcomingevents { background: url('/img/h3-upcomingevents-trans.png') no-repeat; width: 161px; height: 0 !important; overflow: hidden; display: block; padding-top: 16px; margin: 0 0 7px 0; }
	.column .event, .col1 .event { margin: 10px 0; text-transform: uppercase; }
	.column .day { color: #cccc33; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	.column .date, .col1 .date { text-transform: uppercase; }
	.col1 .date { color: #cccc33; font-weight: bold; }
	.column ul li ul li { color: #999999; text-transform: uppercase; font-style: italic; padding-left: 5px; }
		.column ul li ul li a { color: #999; text-decoration: none; }
		.column ul li ul li a:hover { color: #FFF; }
	.column .go-events { background: url('/img/gotoevents-btn.jpg') no-repeat; width: 149px; height: 0 !important; overflow: hidden; padding-top: 31px; display: block; position: absolute; left: 85px; bottom: 7px;	 }

	.column h3.about, h2.about { background: url('/img/h3-about-trans.png'); width: 210px; height: 0 !important; overflow: hidden; display: block; padding-top: 16px; display: block; margin: 0 0 7px 0; }
	.column .newsletter { background: url('/img/newsletter-trans.png'); width: 267px; height: 0 !important; overflow: hidden; display: block; padding-top: 73px; }
	p { margin: 5px 0; line-height: 18px; }
	p a { font-weight: bold; color: #cccc66; }
	p a:hover, #contentbox #center .col2 p a:hover { text-decoration: none; }
	.column .moreabout { background: url('/img/moreinfo-btn.jpg'); width: 150px; height: 0 !important; overflow: hidden; display: block; padding-top: 31px; position: absolute; bottom: 7px; left: 75px; }

	.column h3.pictures { background: url('/img/h3-latestpictures-trans.png'); width: 147px; height: 0 !important; overflow: hidden; display: block; padding-top: 16px; margin: 0 0 7px 0; }
	.column h3.latest-news { background: url('/img/h2-latest-news.png'); width: 117px; height: 0 !important; overflow: hidden; display: block; padding-top: 16px; margin: 0 0 7px 0; }

	.column #thumbnails { float: left; }
	.column /img { float: left; margin: 0 1px 1px 0; }
	.column .go-gallery { background: url('/img/gotogal-btn.jpg'); width: 150px; height: 0 !important; overflow: hidden; display: block; padding-top: 31px; margin: 0 0 7px 0; position: absolute; bottom: 0; left: 80px; }
	
	.last-col { padding: 20px 0px 20px 20px; width: 282px; margin: 30px 0 50px 0;  }
	
	#small-box { height: 131px; width: 940px; margin: 15px 0 0 0; }
	#small-box h1 { visibility: hidden; }
	
		.agendabox { background: url('/img/agenda-visual.jpg'); }
		#flash-agenda {  float:right; margin-right:138px; margin-top:-20px;	}
	
	#contentbox { margin: 10px 0 20px 0; }
		#contentbox #top { background: url('/img/content-bg-top.jpg') no-repeat; height: 9px; }
		#contentbox #center { background: url('/img/content-bg-center.jpg') repeat-y; padding: 20px; float: left; clear: both; }
		#contentbox #bottom { background: url('/img/content-bg-bottom.jpg') no-repeat; height: 9px; clear: both; }
		
		#contentbox #center .col1 { float: left; width: 310px;margin-right: 10px; padding: 15px 0 0 0; position: relative; }
		#contentbox #center .col1 p { margin: 10px 7px 10px 0; }
		#contentbox #center .col2 { background: url('/img/col2-bg-trans.png') no-repeat top left; float: left; width: 580px; position: relative; }
		#contentbox #center .col2 p { margin: 10px 0; padding-left: 30px; }
		#contentbox #center .col2 .event { margin: 10px 0; padding-left: 30px; }
		#contentbox #center .col2 .event .date { color: #cccc33; font-size: 12px; font-weight: bold; text-transform: uppercase; text-shadow: 0 0.1em .1em #000; }
		#contentbox #center .col2 .event ul li { margin: 0 0 0 10px; text-transform: uppercase; font-style: italic;  }
		#contentbox #center .col2 .event ul li a { font-weight: bold;}
			#contentbox #center .col2 .event ul li.introtext { text-transform: none; color: #CCC; font-style: normal;}
		
		#contentbox #center .col2 h3 { background: url('/img/h3-bg.jpg') repeat-x; height: 20px; padding: 4px 0 0 30px; position: relative; width: 570px; text-transform: uppercase; margin: 10px 0; }
		#contentbox #center .col2 h3 span { color: #949595; font-size: 11px; }
		#contentbox #center .col2 h3 span.corner,
		#contentbox #center .col2 h3 strong
		 { background: url('/img/h3-corner-trans.png'); width: 9px; height: 29px; display: block; position: absolute; right: -9px; top: 0; }
		#contentbox #center .col2 table { margin: 10px; text-transform: uppercase; padding-left: 20px; display: block; }
		#contentbox #center .col2 table td.first { color: #cccc33; font-weight: bold; padding-right: 20px; }
		#contentbox #center .col2 h4 { padding-left: 30px; color: #cccc33; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase;}
		#contentbox #center .col2 #adres { padding-left: 30px; float: left; width: 150px; }
		#contentbox #center .col2 #adres a { color: #cccc33; }
		#contentbox #center .col2 #map { float: left; border: 2px solid #5a605e; }
		#contentbox #center .col2 form input {  border:1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px;}
		#contentbox #center .col2 form span { width:100px; margin-left:30px; color:red; margin-right:3px;}
		#contentbox #center .col2 form .login-btn { background-image:url('/img/inloggen-btn.png'); width:150px; height:31px; display:block; margin-left:150px; margin-top:10px; }
		
			.aboutbox { background: url('/img/about-visual.jpg'); }
			.famebox { background: url('/img/pictures-visual.jpg');}	
		
		.booktheclub { margin-top: 20px; background: url('/img/h2-booktheclub-trans.png'); width: 136px; height: 0 !important; padding-top: 16px; display: block; overflow: hidden; }
		.partypictures { background: url('/img/h2-partypictures-trans.png'); width: 141px; height: 0 !important; padding-top: 16px; display: block; overflow: hidden; }
		.contactus-btn { background: url('/img/contactus-btn-trans.png'); width: 150px; height: 0 !important; padding-top: 31px; display: block; overflow: hidden; margin-left: 70px; }
		#contentbox #center .col1 form { margin: 10px 0; }
		#contentbox #center .col1 form label { clear: both; display: block; color: #cccc33; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
		#contentbox #center .col1 form select { width: 90%; }
		
		#left-list { text-transform: uppercase; position: absolute; left: -20px; font-weight: bold; }
		#left-list a { text-decoration: none; color: #fff; display: block; }
		#left-list li { background: url('/img/h3-bg.jpg') repeat-x; height: 20px; padding: 4px 0 0 22px; width: 318px; margin: 0 0 5px 0; position: relative; behavior: url('/css/iepngfix.htc') }
		#left-list li span.corner { background: url('/img/left-corner-trans.png'); width: 9px; height: 29px; display: block; position: absolute; left: -9px; top: 0; }
		#left-list li span.date { color: #000; }
		
			#left-list li.active span.corner { background: url('/img/green-corner-trans.png'); width: 9px; height: 29px; display: block; position: absolute; left: -9px; top: 0;behavior: url('/css/iepngfix.htc') }
		#left-list li.active { background: #41d29d; height: 18px; width: 318px; margin: 0 0 8px 0; position: relative; background: url('/img/event-active.png') no-repeat top right; width: 338px; }
		#left-list li.active span.date { color: #00452c; }
		#left-list li.active a { color: #1f061f; }
		/*#left-list li.active span.arrow { background: url('/img/arrow-trans.png'); width: 20px; height: 22px;  right: -20px; top: 0; z-index: 1; position: absolute; }
		*/
		.picturesbox { height: 420px; width: 900px;}
		
		#movie { text-align:center; }
		
		
	.upcomingevent { background: url('/img/h2-upcomingevent-trans.png') no-repeat; width: 151px; height: 0 !important; overflow: hidden; display: block; padding-top: 16px; margin: 0 0 7px 0; }
	.flyer { border: 2px solid #999; }
	
	.partner { margin-right: 20px; margin-left: 15px; margin-bottom: 15px;}
	
	.djpic { float:left; border-right:2px solid #5A605E }
	.djtxt { float:left; width: 200px; padding-left: 20px;}
	.clr { clear:both; }

	
/* Footer
------------------------------------------------------------------------------------------------------------------- */	
#footer { width: 100%; background: url('/img/footer-bg.jpg') repeat-x; clear: both; _margin-top:; }
#ft-content { background: url('/img/ftbg-trans.png') no-repeat bottom; width: 960px; margin: 0 auto; padding: 20px 10px; clear: both; height: 170px; position: relative;}
	
	#ft-content h4 { color: #8d859d; }
	#ft-content .ft-list { float: left; color: #996699; margin: 0 15px; line-height: 20px; width: 120px; }
	#ft-content .fanbox { width: 400px; display:block; }
	#ft-content .ft-list a { text-decoration: none; color: #714b72; }
	#ft-content .ft-list a:hover { color: #fff; }
	#ft-content .clear { height: 10px; }
	.event li { margin-bottom: 5px; }
	h2 { margin-top: 10px; text-shadow: 2px 2px 2px #0e0e0e; font-family: "Lucida Grande", Arial; margin-bottom: 10px; font-size: 18px; }
	
	#ft-yappa { position:absolute; left: 20px; top: 140px; background: url('../img/yappa.gif') no-repeat top left; width: 72px; height: 37px; }
		#ft-yappa span { display:none; }



/* FORMS */
.frm { padding-left: 30px;}

/* FORMS
------------------------------------------------------------- */

.input { padding: 3px 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 #6cd1ff;}
	.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;}
	
	label em { color:#ff1d3b }

	
fieldset.hidden {display:none;}

.formstyle .submit { clear:both;}
.formstyle .submit input {  margin: 0px 90px 0 0;  }
.formstyle label { display: inline-block; width: 100%; color: #FFF; }
.formstyle div.input { float: left; width: 320px; margin-bottom: .5em; }
.formstyle div.input input { width: 225px; border: 1px solid #ccc; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.formstyle div.input textarea { width: 225px; display: inline; float: left; padding: 5px; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.formstyle .error-message { margin: 0 0 0 0; padding: 0; width: 225px; color:#ff1d3b }
.formstyle div.error input { border: 1px solid #ff1d3b; }
.formstyle select { width: 235px; }

.formstyle div.checkbox input,.formstyle div.radio input { width:auto;}
.formstyle div.checkbox label, .formstyle div.radio label { float:none; width: auto;}
.formstyle div.radio { width: auto;}
.formstyle div.checkbox { width: auto; padding-left: 0;}
.formstyle div.date select { width: auto;}

/* poll */
.pds-answer-group{ float:left; width:100px;}

#poll .poll-wrapper{ margin-left:30px; margin-bottom:10px; }
#poll .poll-option{ float:left; margin-right:15px; }

#poll .poll-option{ text-align:center; margin-top:2px; margin-bottom:8px; }
#poll .poll-image{  border:1px solid #111; }

#poll .checkbox{ padding:0px; }

#poll table td{	text-transform:none; }
#poll .results{ width:550px;} 
#poll .results tr{ height:20px; }
#poll .results td{ width:550px; font-weight:bold; }

#poll .results .result-image{ width:50px; height:50px; }

#poll .submit input{ margin-left:30px; background: url("/img/h3-bg.jpg") repeat-x #3e4442; color:white; font-weight:bold;}

#poll #flashMessage{ margin-left:30px; color:#3cbb9a; font-weight:bold; }

.results .result-box{	background:#5f3f68; border:1px solid black; }
.results .result-box .result{	background:#5a717f;  height: 12px;}

#poll input{ margin-right:10px; }
#poll tr{ line-height:25px; }
#contentbox #center .col2 #poll #RandomOption{ background:#290E2F; color:white; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:2px;}

/* gastenboek */
#gastenboek{
	padding-left:30px;
}
#gastenboek input, #gastenboek textarea{
	float:right;
	clear:right;
	margin-bottom:10px;
	width:300px;
	border:1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	padding:5px;
}

#gastenboek label{
	float:left;
	clear:left;
	margin-bottom:10px;
}

a#button-gastenboek{
	display:inline-block;
	padding:10px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border:1px solid black;
	margin:0;
	float:right;
	background-color:#9F1D90;
	color:white;
	text-decoration: none;
}

a#button-gastenboek:hover{
	background-color:gray;
	color:white;
}

#gastenboek em{
	color:red;
}

#gastenboek-reacties{
	margin-left:30px;
}

#gastenboek-reacties em{
	color:#EF1DDC;
	font-style: normal;
}

#gastenboek-reacties .guestpost{
	padding:10px;
	margin-bottom:20px;
	background-color:gray;
	background-image:url('/img/bglight.gif');
}

#gallery img{
	margin:10px 0 15px 25px;
	border:1px solid black;
}


#voorstellen{
	padding-left:30px;
}

#voorstellen input, #voorstellen textarea, #voorstellen select{
	float:right;
	clear:right;
	margin-bottom:10px;
	width:300px;
	border:1px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	padding:5px;
}

#voorstellen label{
	float:left;
	clear:left;
	margin-bottom:10px;
}

#voorstellen select{
	width:313px;
}

.header{
	margin-top:35px;
}

.ctrlHolder{
	height:40px;
}

.downloadBtn {
	background: url('/img/downloadknop.png') no-repeat;
	overflow: hidden;
	height: 0px !important;
	display: inline-block;	
	padding: 30px 0 0 0;
	width: 113px;
	position: absolute;
	left: 43px;
	top: 140px;
}

#gallery div { float: left; position: relative; }

#lat-news{
	height:65px;
	width:175px;
	padding:0 10px;
	margin-bottom:10px;
}
#lat-news h6 a, #lat-news h6, #lat-news h6 a:hover{
	color:#e4ca50;
	text-decoration:underline
}

.left{ float:left; }
.right{ float:right; }

.col2 ul{
	margin-left:45px;
	list-style:disc;
}

.col2 ul li {
	line-height:20px;
}

.col2 ul li a{
	color:#e4ca50;
	text-decoration:underline;
	font-weight:bold;
}

/* memberzone icons */
#mem-zone ul li{
	margin-right:20px;
	float:left;
	margin-bottom:10px;
	width:250px;
}

#mem-zone ul li a.guestbook, #mem-zone ul li a.poll, #mem-zone ul li a.voorstel, #mem-zone ul li a.wallpaper, #mem-zone ul li a.femmedeluxe, #mem-zone ul li a.bottle{
	height:67px;
	width:67px;
	background-image:url(../img/ico-guestbook.png);
	display:inline-block;
	text-indent:-9999px;	
	margin-top:0;
	float:left;
	margin-right:0px;
}

#mem-zone ul li a.poll{
	background-image:url(../img/ico-poll.png);
}

#mem-zone ul li a.voorstel{
	background-image:url(../img/ico-voorstel.png);
}

#mem-zone ul li a.wallpaper{
	background-image:url(../img/ico-wallpaper.png);
}

#mem-zone ul li a.femmedeluxe{
	background-image:url(../img/ico-femme-deluxe.png);
}

#mem-zone ul li a.bottle{
	background-image:url(../img/ico-bottle.png);
}


#mem-zone ul li a:hover{
	background-position:bottom;
}

#mem-zone ul li p {
	margin-top:25px;
	float:left;
}

#mem-zone ul li.cb {
	margin-right:0;
	width:0;
}