@import url('clear.css');

html, body 
{
	background-color: #FFFFCC;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/*--------------------------------
  container
 --------------------------------*/
div#container
{
	width: 1000px;
	margin: 20px auto 0px auto;
	text-align: left;	
}

/*--------------------------------
  header
 --------------------------------*/
div#container div#header
{
	position:relative; 

	width: 100%;
	height: 150px; /*183*/
}

/*--------------------------------
  logo click
 --------------------------------*/
div#logoclick
{
	position: absolute;
	display: block;

	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;

	width: 375px;
	height: 140px;

	/* background: url('/sitePics/logo2.png') repeat-y 0% 0%; */

	border: 0px solid red;
	z-index: 12;
}


/*--------------------------------
  individual header
 --------------------------------*/
div#individualheader
{
	width: 1000px;
	height: 148px;

}
div#individualheader img
{
	width: 1000px;
	height: 148px;
}


/*--------------------------------
  top menu
 --------------------------------*/
div#container div#individualmenu
{
	position: relative;

	width: 100%;

	margin: -20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	/* background-color: red; */



	z-index: 13;
}
div#container div#individualmenu ul
{
	margin: 0px 0px 0px 230px;
}
div#container div#individualmenu ul li
{
	position: relative;
	float: left;
	display: inline;

	padding: 0px 20px 0px 0px;
}
div#container div#individualmenu a
{
	display: block;

	font-weight: bold;
	font-size: 11px;
	color: #004B96;
	text-decoration: none;

}

/*--------------------------------
  contentcontainer
 --------------------------------*/
div#container div#contentcontainer
{
	width: 999px;

	overflow: auto; /* rek mee met de rest van de inner divs als die een hogere height hebben. */
	/* min-height: 500px; zet deze aan en bovenstaande overflow uit om de float hover agenda bug op te lossen */

	background: url('/sitePics/content_bgground.PNG') repeat-y 0% 0%; /*  url(/sitePics/mainbg.png) repeat-y 185px 0px;*/
	
	border-right: 1px solid #96BF0D; /*79A836; */
}

/*--------------------------------
  left
 --------------------------------*/
div#container div#contentcontainer div#left
{
	position: relative;
	float: left;

	width: 199px; 	/* 180px; */
	height: 500px;

	min-height: 500px;

	background: url('/sitePics/leftbg.png') no-repeat -5px 0px; /* left_bgground.png */
	_background: url('/sitePics/leftbg.png') no-repeat -6px 0px;
	padding: 0px 0px 0px 0px;

	text-align: right;

	line-height: 18px;
	font-size: 12px;
	border: 0px solid red;
	margin-left: 1px;
}

/*--------------------------------
  sub menu
 --------------------------------*/
div#left ul
{
	margin: 30px 0px 0px 20px;	
	padding: 0px 30px 0px 20px;	
}
div#left ul li
{
	padding: 5px 0px 5px 0px;

	font-weight: bold;

	display: list-item;
	list-style-type: none;
}
div#left ul li a
{
	color: #79A836;
}

	
/*--------------------------------
  banner vvvticketpoint
 --------------------------------*/
div#left div#banner
{
	float: left;
	width: 200px;
	margin-left: -17px;
	padding-top: 50px;
	border: 0px solid red;
}






/*--------------------------------
  content 
 --------------------------------*/
div#container div#contentcontainer div#content
{
	position: relative;
	float: left;

       color:#0D2B88;
	width: 751px; /*801 650*/
	height: 100%;

	min-height: 300px;

	padding: 8px 0px 0px 10px;
	margin: 0px 0px 0px 0px;

	
}


/*--------------------------------
  main menu
 --------------------------------*/
div#content div#menu
{
	position: relative;

	width: 768px;
	height: 20px;

	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: url('/sitePics/menubalk.png') repeat 0% 0%;

	/* background-color: red; */

	z-index: 13;
}
div#content div#menu ul
{
	margin: 0px 0px 0px 10px;
}
div#content div#menu ul li
{
	position: relative;
	float: left;

	padding: 0px 20px 0px 0px;
}
div#content div#menu a
{
	display: block;

	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-decoration: none;

}

div#content div#menu ul li ul
{
	display: none;
}

/*--------------------------------
  zoeken
 --------------------------------*/
div#content form#form1 input#searchtxt
{
	margin-bottom: 10px;
}
div#content form#form1 input#zoeken_submit
{
	width: 50px;
	height: 20px;
	text-align: center;
}



/*--------------------------------
  content - fotogallery
 --------------------------------*/
div#gallery {
	float: left; 			/* hierdoor rekt het gallery div block mee met de li elementen in de thumbs */
}
div#gallery ul#thumbs {
	width: 538px;
}
div#gallery ul#thumbs li {
	display: block;
	float: left;

	width: 130px;
	height: 150px;		/* zorgt dat de hoogte voor elke rij goed uitlijnt. Aanpassen aan hoogste foto */

	padding-bottom: 20px;
	list-style-type: none;
	border: 0px solid red;
}
div#gallery ul#thumbs li a img {
	border: 1px solid black;
}
div#gallery_backlink
{
}



/*--------------------------------
  breadcrumbs
 --------------------------------*/
div#breadcrumbs
{
	float: right;
}
div#breadcrumbs a
{
	color: #000;
}

/*--------------------------------
  newsletter
 --------------------------------*/
div#newsletter_confirmation
{
	font-weight: bold;
	color: green;
}

/*--------------------------------
  content DOM tags
 --------------------------------*/
div#content p
{
	padding: 0px 0px 15px 0px;
}
div#content a
{
	color: #000;
	line-height: 15px;
	text-decoration: underline;
}
div#content form
{
}
div#content img
{
	margin: 0px 5px 0px 5px; /* belangrijk geen padding anders komt deze in de border */
	
}

/*--------------------------------
  content specific tags
 --------------------------------*/
div#content h1
{	
	color: #0D2B88;
}
div#content h2 
{
	color: #0D2B88;
}
div#content p
{	
	color: #0D2B88;
}

/*--------------------------------
  content bullets
 --------------------------------*/
div#content ul li
{
	display: list-item;
	list-style-type: disc;
}

/*--------------------------------
  content bullets
 --------------------------------*/
div#content div#menu ul li
{
	display: list-item;
	list-style-type: none;
}


/*--------------------------------
  sitemap bullets
 --------------------------------*/
div#sitemap ul li
{
	list-style-type: none; /* belangrijk om sitemap na de content ul li  te plaatsen zodat hij hier word overschreven */
}



/*--------------------------------
  right
 --------------------------------*/
div#container div#contentcontainer div#right
{
	position: relative;
	float: left;	

	width: 10px;
	height: 100%;

	min-height: 300px;

	background-color: #87888A;
}

/*--------------------------------
  nieuws intro
 --------------------------------*/
div#nieuws
{
	padding: 0px 10px 0px 10px;
}
div#nieuws_lees_verder
{
	padding: 10px 0px 0px 0px;
}


/*--------------------------------
  agenda intro
 --------------------------------*/
div#agenda {
	position: relative;
	float: left;
	width: 140px;
	padding: 6px 6px 6px 13px;
	border: 0px solid red;
	z-index: 14;
}
div#link_specified_agenda {
	padding: 5px 0px 12px 0px;
}
div#link_specified_agenda a
{
	color: #000;
}
div.el h1{
	padding: 0px 0px 10px 0px;
}



/*--------------------------------
  individual footer
 --------------------------------*/
div#container div#individualfooter
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/sitePics/content_bgground.PNG) repeat-y scroll 0 0;
	border-right:1px solid #79A836;
	overflow:auto;
	width:999px;
/*
position: relative;
	float: left;

	width: 1000px;


	text-align: left;

	padding: 0px 0px 0px 0px;
	
	background:url(/sitePics/footer.png) 0px 0px;
	background-repeat:no-repeat;

	 margin-left: -2px;background: url('/sitePics/content_bgground.PNG') repeat-y 0% 0%; */
}
div#footer img
{
	width: 1006px;
	margin-left: -2px;

}
/*--------------------------------
  adres
 --------------------------------*/
div#individualfooter div#adres
{
	position: relative;
	float: left;

	padding: 0px 0px 0px 10px;

	font-size: 12px;
	color: #96BF0D;
}


/*--------------------------------
  individual divs
 --------------------------------*/
div#sitemap_menu
{
	position: relative;
	float: left;

	width: 55px;

	padding: 0px 0px 0px 250px;

	font-weight: bold;
}
div#sitemap_menu a
{
}

div#contact_menu
{
	position: relative;
	float: left;

	width: 50px;

	padding: 0px 0px 0px 4px;

	font-weight: bold;
}
div#contact_menu a
{
}

div#zoeken_menu
{
	position: relative;
	float: left;

	width: 50px;

	padding: 0px 0px 0px 4px;

	font-weight: bold;
}
div#zoeken_menu a
{
}

div#nieuws_menu
{
	position: relative;
	float: left;

	width: 50px;

	padding: 0px 0px 0px 4px;

	font-weight: bold;
}
div#nieuws_menu a
{
}

div#disclamer_menu
{
	position: relative;
	float: left;

	width: 50px;

	padding: 0px 0px 0px 4px;

	color: #fff;
	font-weight: bold;
}
div#disclamer_menu a
{
}

div#print
{
	position: absolute;
	right: 10px;
	top: 43px;
	font-size: 14px;
	font-weight: bold;
}

div#print a
{
	text-decoration: none;
	color: #96BF0D;
}

/*--------------------------------
  Jquery error msg
 --------------------------------*/
label.error
{
	display: block;
	padding: 2px 2px 2px 3px;

	color: #000;
	border: 0px solid;
}




/*--------------------------------
  Specific elements
 --------------------------------*/
form input, form textarea, form button, select
{
	border: 1px solid #000;
}
form input
{
	padding: 0px 0px 0px 3px; /* zodat jquery error msg wat beter aan rechtskant komt */
}
h1
{
	clear: left;
	padding: 8px 0px 8px 0px;
	font-size: 15px;
	font-weight: bold;
}
h2 
{
	padding: 8px 0px 8px 0px;

	font-size: 13px;
	font-weight: bold;
}

em
{
	font-style: italic;
}
h3
{
}
ul li
{
	display: block;
}
li ul
{
	margin: 0px 0px 0px 20px;
}

hr {
	height: 1px;
	margin: 3px 0px 3px 0px;	

	color: #999;
	background-color: #999;	
}

strong {
	font-weight: bold;
}