/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF url(../images/bg.jpg) repeat fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size:  12px;
	font-weight: normal;
	line-height: 1.3em;
	overflow-x: hidden;
}

#wrapper {
	position: absolute;
	left: 50%;
	margin-left: -477px;
	width: 954px;
	background: #FFF url(../images/bg-wrapper.jpg);
}

#header {
	width: 954px;
	height: 259px;
	background: url(../images/header.jpg);
}

ul#mainNav {
	position: absolute;
	z-index: 50;
	top: 204px;
	margin-left: 17px;
	height: 30px;
	width: 100%;
}

ul#mainNav li {
	display: inline;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}

ul#mainNav li a {
	float: left;
	display: block;
	color: #FFF;
	background: transparent;
	text-decoration: none;
	padding: 0 18px;
}

ul#mainNav li a:hover {
	color: #39463F;
	background: #FABB00;
}

ul#mainNavRight {
	position: absolute;
	z-index: 50;
	top: 204px;
	margin-left: 171px;
	left: 50%;
	height: 30px;
	width: auto;
}

ul#mainNavRight li {
	display: inline;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}

ul#mainNavRight li a {
	float: left;
	display: block;
	color: #FABB00;
	background: url(../images/bg-nav-item.png);
	text-decoration: none;
	padding: 0 18px;margin-right: 2px;
	}


ul#mainNavRight li a:hover {
	color: #FFF;
}









#breadCrumbs {
	position: absolute;
	top: 234px;
	left: 268px;
	height: 24px;
	line-height: 25px;
	font-size: 11px;
	background: transparent;
	color: #39463F;
}

#breadCrumbs a {
	color: #39463F;
	text-decoration: none;
}

#breadCrumbs a:hover {
	text-decoration: underline;
}

/* *** logo *** */
h1 {
	position: absolute;
	z-index: 100;
	text-indent: -9999px;
	height: 30px;
	width: 225px;
	top: 40px;
	left: 50%;
	margin-left: -442px;
}

h1 a {
	display: block;
	height: 30px;
	width: 225px;
}

#leftCol {
	width: 214px;
	padding-left: 17px;
	background: transparent;
	float: left;
}

#leftCol h3 {
	width: auto;
	background: #FABB00;
	color: #FFF;
	padding: 7px 15px;
	font-size: 1.25em;
}

#rightCol p {
	line-height: 1.55em;
}

#rightCol a {
	color: #000;
}

#leftCol form#search {
	width: auto;
	background: #FEEEBF;
	padding: 15px;
	display: block;
}

#leftCol form#jaarselectie {
	width: auto;
	background: #FEEEBF;
	padding: 15px;
	display: block;
}

#leftCol form#search .zoekterm {
	width: 94px;
}

#leftCol form#search .jaar {
	width: 98px;
}

#leftCol form#search input, #leftCol form#search select {
	margin-right: 5px;
}

img.medeMogelijkGemaaktDoor {
	margin-top: 30px;
	margin-left: 50px;
	border: none;
}

#rightCol {
	float: left;
	width: 634px;
	background: transparent url(../images/bg-rightcol.jpg) 0 0 no-repeat;
	clear: right;
	padding: 21px 36px;
	min-height: 540px;
}

#rightCol h2 {
	font-size: 18px;
	font-weight: bold;
	color: #FABB00;
	width: 100%;
	padding-bottom: .5em;
	border-bottom: 1px dashed #000;
	margin-bottom: .9em;
}

p {
	margin-bottom: 1em;
}

#meerInfoEvenement {
	background: #F5F6F5;
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	padding: 5px 0;
}

#meerInfoEvenement a {
	color: #39463F;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
}

#meerInfoEvenement a:hover {
	text-decoration: underline;
}


a.i {
	margin-right: 1em;
	background: url(../images/i.gif) 0 2px no-repeat;padding-left: 17px;
}


a.back {
	background: url(../images/back.gif) 0 2px no-repeat;padding-left: 17px;
}



#footer {
	background: #FFF url(../images/bg-footer.jpg);
	width: 954px;
	height: 44px;
	padding-top: 26px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FABB00
}


.clearDiv {
	width: 100%;
	height: 0;
	clear: both;
}


.dashedDiv {
	color: #FFF;
	background: #FFF;
	height: 0px;
	width: 100%;
	border-bottom: 1px dashed  #000
}



/* *** agenda *** */

table#agenda {
	border: none;
	width: 100%;
}

table#agenda th {
	text-align: left;
	padding-left: .5em
}

table#agenda td {
	border: none;
	padding: .5em;
	vertical-align: top
}


table#agenda td.yellow {
	background-color: #FDE292
}

table#agenda td.lightYellow {
	background-color: #FDEFC5
}
table#agenda td.admin_history {
	background-color: #CCC;
}
table#agenda a {
	color: #39463F;
	text-decoration: none;
	margin-right: 0;
}

table#agenda a:hover {
	text-decoration: underline;
}

table#agenda a.meerInfoLink {
	text-decoration: none;
	color: #000;
}

/* *** banners *** */

img.bannerTop, img.bannerRight1, img.bannerRight2 {
	position: absolute;
	border: 0;
}

img.bannerRight1, img.bannerRight2 {
	left: 50%;
	margin-left: 480px;
}

img.bannerTop {
	top: 33px;
	left: 50%;
	margin-left: -60px;	
}

img.bannerRight1 {
	top: 33px;
}


img.bannerRight2 {
	top: 290px;
}

img.bannerLeft {
	border: none;
	margin-top: 20px;
	margin-left: 18px;
}

.bannerLeftFlash{
	border: none;
	margin-top: 20px;
	margin-left: 18px;
	cursor:pointer;
}

form div {
	float: left;
	display: block;
}

.submitSearch {
	
}


/*CONTACT FORM*/
fieldset{

	background-color:#FAFAFA;
	border: 1px solid #bbb;
	overflow: auto;
	margin-bottom:20px;
	padding:0 20px 20px 20px;
}

legend{
	color: #FABB00;
	font-weight: bold;
	font-size: 125%;
	margin-bottom:20px;

}

label{
	display:inline;
	float:left;
	width:200px;
	padding-top:5px;
}

label.aanmelden{
	display:inline;
	float:left;
	width:165px;
	padding-top:5px;
}

input.field, select, textarea{
	margin-bottom:5px;
}

input.yellow-btn{
	background-color:#FDDE82;
	border:1px solid #848C74;
	color:#39463F;
}

input.field, textarea{
	border:1px solid #CCC;
	padding:2px;
	/*width:250px;*/
}


#detailsOrganisator{
	position:absolute;
	width:300px;
	left:-150px;
	margin-left:50%;
	background-color:#FFF;
	border-right:3px solid #AAA;	
	border-bottom:3px solid #AAA;	
}
#detailsOrganisatorTitle{
	background-color:#FABB00;
	padding:5px;
	border-left:1px solid #000;	
	border-right:1px solid #000;	
	border-top:1px solid #000;
	color:#FFF;
	font-weight:bold;
}

#detailsOrganisatorTitle .left{
	float:left;
}
#detailsOrganisatorTitle .right{
	float:right;
	padding-right:5px;
}
#detailsOrganisatorData{
	padding:10px;
	border-left:1px solid;	
	border-right:1px solid;	
	border-bottom:1px solid;				
}
.betaalMogelijkHeden{
	border:1px solid #CCC;
	padding:10px;
	margin:15px 0;
	line-height:20px;
}

#betaalMogelijkHeden img{
	float:right;
	margin:0 5px;
}

a#aanmeldenBtn img{
	border:0;
	float:right;
	margin-right:20px;
}

#errors{
	background-color:#FFF;
	border:1px solid #FFF;
	color:#FFF;
	padding:10px;
	margin-bottom:10px;
	display:none;
	float:none;
}

#errors1{
	background-color:#FEEEBF;
	border:1px solid #CCC;
	color:#000;
	padding:10px;
	margin-bottom:10px;
	float:none;
}



#ZoekResultatenHeader{
	border:1px solid #CCC;
	background-color:#FFF;
	padding:5px;
	height:25px;
	line-height:25px;
	margin-bottom:10px;
}



/**/
#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: 'ms sans serif';
  font-size: 8pt;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #000;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #FABB00;
}

#CalendarControl .weekday {
  background-color: #EFEFEF;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #000;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  color:#000;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color:#000;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #000;
}

#CalendarControl .empty {
  background-color: #FFF;
  border: 1px solid #FFF;
}


#ajaxdata{
	clear:both
}


/*SPONSOREN*/

#sponsor{
	display:inline
}

#sponsor h3{
	margin-bottom:5px;
	font-size:16px;
}

#sponsorNieuws{
	float:right;
	display:inline;
	width:200px;
	margin-left:20px;
}

#sponsorNieuws ul{
	background-color:#FEEEBF;
	padding:10px 5px;
}

#sponsorNieuws ul li a{
	padding-left:10px;
	line-height:20px;
}


#sponsorNieuws h3 {
	width: auto;
	background: #FABB00;
	color: #FFF;
	padding: 7px 15px;
	font-size: 1.25em;
}

#sponsorenBlok ul{
	margin-left:15px;
}

#sponsorenBlok ul li {
	line-height:20px;
	list-style-type:square;
}

#sponsorenBlok ul li a{
	line-height:20px;
	text-decoration:none;
}

#sponsorenBlok ul li a:hover{
	text-decoration:underline;
}


.inactive{
	color:#CCC;
}

.red{
	color:#FF0000;
	font-weight:bold;
}

/* ENQUETES */


form div{
	float:none;
}

form h3 {
	margin-bottom: .75em;
}

.sectie{
	border:1px solid #EFEFEF;
	background:#F8F8F8;
	margin-bottom:10px;
	padding:15px;
}

.vragenBlok{
	border:1px solid #EFEFEF;
	background:#FFF;
	padding:10px;
	margin-bottom:15px;
}

.vragenBlok input {
	float: left;
}

.vragenBlok input.radioBtn {
	margin-right: 5px;
}

.vragenBlok br {
	clear: both;
	margin-bottom: 5px;
}

.vraag{
	font-weight:bold;
	width: auto;
	display: block;
	margin-bottom: 8px;
}

.clear_c{
	clear:both;
}


/*
 * ADDON PASCAL @ 02-09-09
 * KLIKKEN OP EEN FLASHBANNER MOGELIJK MAKEN
 * DOORMIDDEL VAN EEN EEN OVERLAY DIV
 */
 
/* B A N N E R  L E F T */ 
#flasHolderbannerLeft{
	width:180px;
	height:150px;
	cursor:pointer;	
}
#FLASHBANNERCLICKbannerLeft{
	position:absolute;
	display:block;
	background:#FFF;
	z-index:999;
	margin-bottom:15px;
	width:180px;
	height:150px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	
}
#flasMoviebannerLeft{
	position:absolute;
	display:block;
	z-index:99;
	margin: 20px;
}

/* B A N N E R  T O P */ 
#flasHolderbannerTop{
	width:468px;
	height:60px;
	top: 33px;
	left: 50%;
	position:absolute;	
	margin-left: -60px;	
	cursor:pointer;		
}
#FLASHBANNERCLICKbannerTop{
	position:absolute;
	display:block;
	background:#FFF;
	z-index:999;
	margin-bottom:15px;
	width:468px;
	height:60px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	
}
#flasMoviebannerTop{
	position:absolute;
	display:block;
	z-index:99;
	margin: 20px;
}



/* B A N N E R   R I G H T   T O P */ 
#flasHolderbannerRight1{
	width:120px;
	height:240px;
	left: 50%;
	margin-left: 480px;
	position:absolute;
	cursor:pointer;
}
#FLASHBANNERCLICKbannerRight1{
	position:absolute;
	display:block;
	background:#FFF;
	z-index:999;
	margin-bottom:15px;
	width:120px;
	height:240px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	
}
#flasMoviebannerRight1{
	position:absolute;
	display:block;
	z-index:99;
	margin: 20px 0;
}

/* B A N N E R   R I G H T   B O T T O M */ 
#flasHolderbannerRight2{
	width:120px;
	height:600px;
	left: 50%;
	margin-left: 480px;
	position:absolute;
	cursor:pointer;
	top:280px;
}
#FLASHBANNERCLICKbannerRight2{
	position:absolute;
	display:block;
	background:#FFF;
	z-index:999;
	margin-bottom:15px;
	width:120px;
	height:600px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	
}
#flasMoviebannerRight2{
	position:absolute;
	display:block;
	z-index:99;
	margin: 20px 0;
}


/* BEDRIJFSLOGO IN AGENDA */
.bedrijfsLogo{
		width:150px;
		height:75px;
		background-position:center;
		background-repeat:no-repeat;
}



#bannerScroller{
	width:468px;
	height:60px;
	margin-left:50%;
	left:-124px;
	top:30px;
}

#bannerScroller img{
	border:0;
}


.small{
	font-size:10px;
}