@import url('clear.css');

html, body 
{
	background-color: #fff; /* #D8D8D8; */
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Trebuchet MS;
	text-align: center;

	z-index: 1;
}

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

	z-index: 1;
}


/*--------------------------------
  individual header
 --------------------------------*/
div#individualheader
{
	position:relative; 
	height: 53px; /*427 - 183*/

	background: url('/sitePics/logo.PNG') no-repeat 0% 0%;

	border: 0px solid green;

	z-index: 1;

}

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

	width: 972px;
	height: 225px; /* 252 390 427 - 183*/

	border: 0px solid blue;

	z-index: 1;
}

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

	padding: 0px 0px 0px 0px; 
	margin: -105px 0px 0px 0px;

	width: 295px;
	height: 100px;

	border: 0px solid red;
	z-index: 12;
}
div#logoclick a
{
	position: relative;
	display: block;

	background: url('/sitePics/spacer.gif') repeat 0% 0%;

	width: 100%;
	height : 100%;

	border: 0px solid;
	z-index: 13;
}

/*--------------------------------
  individual header
 --------------------------------*/
div#individualheaderleft
{
	/* position:relative;  */
	float: left;
	
	width: 282px;
	height: 225px; 		/* 254px; */

	background: url('/sitePics/headerleft.PNG') no-repeat 0% 0%;

	border: 0px solid red;
	/* z-index: 0; */
	z-index: 0;
}

/*--------------------------------
  nieuws intro
 --------------------------------*/
div#nieuws
{
	position: relative;
	display: block;

	padding: 20px 10px 0px 20px;

	/* background-color: pink; */

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

	z-index: 5;

	border: 0px solid #000;

}
div#nieuws h1
{
	font-size: 18px;
	font-family: Trebuchet MS;

	color: orange;
}

div#nieuws div#nieuws_date
{
	display: none;

	width: 253px;
	height: 10px;

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

	background: url('/sitePics/left_seperator.png') no-repeat 100% 0%; 
}
div#nieuws div#nieuws_date p
{
	color: #ccc;
	font-size: 14px;
	line-height: 25px;
}

div#nieuws div#nieuws_text
{
	display: none;	
}

div#nieuws h2
{
	color: #fff; /* #e5312d; */

	width: 253px; /* 227px; */
	height: 30px;

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

	font-weight: bold;	

	border: 0px solid green;

}
div#nieuws p
{
	font-size: 11px;
}
div#nieuws_lees_verder
{
	padding: 2px 0px 0px 0px;
}

div#nieuws_lees_verder a
{
	color: #e50c00;
}



div#individualheaderright
{
	position: relative; 
	display: block;
	float: left;

	/*
	width: 691px;
	height: 253px;
	*/

	/* background: url('/pics/Image/Headers/Home/home.jpg') repeat 0% 0%; */
	border: 0px solid red;
}
div#individualheaderright img
{
	position: relative; 
	float: left;

	width: 690px; /* 691px */
	height: 225px;
}
div#logo
{
	position: absolute;
	display: block;

	width: 250px;
	height: 250px;

	margin-left: 400px;
	top: -70px;
	padding: 10px 10px 10px 10px;


	border: 0px solid red;

	/* background-color: green; */

 	z-index: 4;
}
div#logo img
{
	width: 250px;
	height: 250px;

 	z-index: 4;
}
/*--------------------------------
  top menu
 --------------------------------*/
div#container div#menu
{
	position: relative;
	display: block;

	width: 971px;
	height: 44px; /* 67px; */

	background: url('/sitePics/menu.PNG') no-repeat 0% 0%;

	/* border: 1px solid yellow; */

	z-index: 1;
}
div#container div#menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
}
div#container div#menu ul li
{
	position: relative;
	float: left;
	display: block;

	width: 139px;
	height: 36px;

	margin: 0px 0px 0px 0px;

	border: 0px solid red;
}

div#container div#menu ul li#active
{
	display: block;

	/* background: url('/sitePics/menu_selector.jpg') no-repeat 50% 80%; */

	background: url('/sitePics/menu_selector_old3.png') no-repeat 50% 60%;

	border: 0px solid red;
}

div#container div#menu ul li.Home
{
	display: none;
}

/*
div#container div#menu ul li ul
{
	display: none;
}
*/

div#container div#menu a
{
	display: block;

	text-align: center;

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

}
/*--------------------------------
  individual contentcontainer
 --------------------------------*/
div#container div#individualcontentcontainer
{
	width: 100%;
	height: 19px;

	background: url('/sitePics/uppercontentbg.PNG') no-repeat 0% 0%;
}

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

	min-height: 400px;

	margin: 0px 0px 0px 0px;

	/* 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 */

	z-index: 1;
}

/*--------------------------------
  left
 --------------------------------*/
div#container div#contentcontainer div#left
{
	float: left;
	display: block;

	width: 286px;
	height: 400px;

	min-height: 400px;

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

	background: url('/sitePics/left_bgground.jpg') repeat-y 0% 0%;

	line-height: 18px;
	font-size: 12px;
	border: 0px solid blue;

}

div#submenu
{
	width: 286px;

	z-index: 1;
}
/*--------------------------------
  sub menu
 --------------------------------*/
div#submenu ul
{
	margin: -19px 0px 0px 0px;	/* -19*/
	padding: 0px 0px 0px 0px;	

	/* border: 1px solid red; */

	z-index: 1;	
}
div#submenu ul li
{

	display: block;

	width: 277px;
	height: 40px;

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

	background: url('/sitePics/left_submenu.png') no-repeat 0% 0%;

	overflow: auto;

	list-style-type: none;

	border: 0px solid red;

	z-index: 1;
}
div#submenu ul li#active
{
	background: url('/sitePics/left_submenu_selected.png') no-repeat 0% 0%;
}
div#submenu ul li a
{
	position: relative;
	display: block;

	/*
	width: 100%;
	height: 100%;
	*/

	margin: 0px 0px 0px 30px;
	padding: 11px 0px 0px 0px;		
	

	font-weight: bold;
	font-size: 15px;
	color: #ef9124;
	
	/* background-color: blue; */

	z-index: 1;
}

	




/*--------------------------------
  subnieuws intro
 --------------------------------*/
div#subnieuws
{
	position: relative;
	display: block;

	padding: 20px 10px 0px 20px;

	/* background-color: pink; */

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

	z-index: 3;

	border: 0px solid #000;

}
div#subnieuws h1
{
	font-size: 18px;
	font-family: Trebuchet MS;

	color: orange;
}

div#subnieuws div#nieuws_date
{
	display: block;

	width: 253px;
	height: 10px;

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

	background: url('/sitePics/left_seperator.png') no-repeat 100% 0%; 
}
div#subnieuws div#subnieuws_date p
{
	color: #ccc;
	font-size: 14px;
	line-height: 25px;
}
div#subnieuws h2
{
	color: orange; /* #e5312d; */

	width: 253px; /* 227px; */
	height: 30px;

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

	border: 0px solid green;

}
div#subnieuws p
{
	font-size: 11px;
}
div#subnieuws_lees_verder
{
	padding: 2px 0px 0px 0px;
}

div#subnieuws_lees_verder a
{
	color: #e50c00;
}

/*
div#morenews
{
	width: 286px;
	height: 48px;

	background: url('/sitePics/morenews.PNG') repeat-y 0% 0%;
}
*/

/*--------------------------------
 More nieuws
 --------------------------------*/
div#morenews
{
	position: relative;
	display: block;

	/*
	padding: 0px 0px 0px 0px; 
	margin: -10px 0px 0px 0px;
	*/

	width: 286px;
	height: 48px;

	background: url('/sitePics/morenews.PNG') repeat-y 0% 0%;

	border: 0px solid red;
	/* z-index: 12; */
}
div#morenews a
{
	position: relative;
	display: block;

	background: url('/sitePics/spacer.gif') repeat 0% 0%;

	width: 100%;
	height : 100%;

	border: 0px solid red;
	/* z-index: 13; */
}






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

	width: 627px; /*650*/

	min-height: 300px;


	padding: 8px 30px 0px 30px;

	background-color: #fff;
	border: 0px solid red;

	/* 	overflow: auto; */
	z-index: 1;
}

/*--------------------------------
  zoeken
 --------------------------------*/
div#content form#form1 input#searchtxt
{
	margin-bottom: 10px;
}
div#content form#form1 input#zoeken_submit
{
	width: 75px;
	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
{
}

/*--------------------------------
  gastenboek
 --------------------------------*/
input#axigastenboek_submit
{
	width: 100px;
}


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

/*--------------------------------
  content DOM tags
 --------------------------------*/
div#content p
{
	padding: 0px 0px 15px 0px;
}
div#content a
{
	color: orange;
	line-height: 15px;
	text-decoration: underline;
}


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

	margin: 0px 0px 0px 0px;
	padding: 0px 5px 4px 5px;

	/* background: url('/sitePics/img_balk.PNG') no-repeat 0% 100%; */
}

/*--------------------------------
  contact captcha en image in alinea 5 moeten geen border hebben
 --------------------------------*/
div#contact_captcha
{
}
div#alinea5 img
{
	background: none repeat-y 0% 0%;
}



/*--------------------------------
  content specific tags
 --------------------------------*/
div#alinea0,
div#alinea1,
div#alinea2,
div#alinea3,
div#alinea6,
div#alinea7
{
	display: block;
	overflow: auto;
	width: 627px;
	padding: 0px 0px 5px 0px;

	border: 0px solid red;
}

div#content h2
{	
	display: block;
	/* width: 580px; */
	height: 30px;

	background: url('/sitePics/swirl.PNG') no-repeat 0% 0%;

	margin: 0px 0px 0px -15px;
	padding: 24px 0px 0px 60px;

	color: #ef9324;
	font-size: 18px;

	/* background-color: #ccc; */
}
div#content h1 
{
	display: none;
}


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


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


/*--------------------------------
  alinea 2, 4 en 5 zijn gepositioneerd outside the contentcontainer
 --------------------------------*/
div#alinea3
{
	position: absolute;

	/* margin-top: -400px; */
	margin-left: -310px;

	top: 570px;

	width: 260px;
	height: 140px;

	padding: 10px 10px 10px 10px;

	border: 0px solid red;

	z-index: 2;
}
div#alinea3 p
{

	display: block;
	
	color: #000;
	text-decoration: none;

	/* 
	font-size: 12px;

	line-height: 1.3em;
	letter-spacing: 0.0em;
	word-spacing: normal;
	*/
	text-align: left;


}
div#alinea4
{

	display: block;
	position: absolute;

	margin-left: -320px;
	top: 110px;

	width: 260px;
	height: 140px;
	
	padding: 10px 10px 10px 10px;

	border: 0px solid red;
	z-index: 1;

}
div#alinea4 p
{
	color: #ffd6b6;
	text-decoration: none;

	font-size: 1.6em;

	line-height: 1.3em;
	letter-spacing: 0.0em;
	text-align: right;
	word-spacing: normal;

}

div#alinea5
{
	position: absolute;

	margin-left: -40px;
	top: 53px;

	width: 690px;
	height: 225px;

	padding: 0px 0px 0px 0px;

	border: 0px solid red;

	/* background-color: green; */

}
div#alinea5 p
{

	display: block;
	
	color: #fff;
	text-decoration: none;

	font-family: verdana;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.7em;
	letter-spacing: 0;
	text-align: right;
	word-spacing: normal;

 	z-index: 1;
}
div#alinea5 img
{
	width: 690px;
	height: 225px; 

 	z-index: 1;
}




/*--------------------------------
  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 newsletter
 --------------------------------*/

/*--------------------------------
  newsletter
 --------------------------------*/
div#individual_newsletter
{
	position: relative;
	float: left;

	width: 1000px;	


}
div#individual_newsletter div#newsletter_header
{
	margin: 20px 0px 0px 30px;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
}
div#individual_newsletter div#newsletter
{
	width: 180px;

	margin: 0px 0px 0px 30px;
	color: #fff;
}
div#individual_newsletter div#newsletter input
{
	color: #000;
	border: 1px solid #000;
	background-color: #fff;
}
div#individual_newsletter div#newsletter input#aanmelden
{
	padding: 15px 15px 15px 15px;

	width: 75px;
	height: 20px;

	text-align: center;
	color: #000;
	border: 1px solid #000;
}

/*--------------------------------
  footer seperator
 --------------------------------*/
div#footerseperator
{
	position: relative;
	clear: both;

	width: 973px;
	height: 9px;

	background: url('/sitePics/footer_seperator.jpg') no-repeat 0% 0%;
}

/*--------------------------------
  individual footer
 --------------------------------*/
div#container div#individualfooter
{
	position: relative;
	display: block;

	/* width: 970px; /*972 */


	overflow-x: auto;

	padding: 0px 0px 20px 0px;

	/* background: url('/sitePics/individual_footer.jpg') no-repeat 0% 0%; */

}

div#individualfooter_header
{
	position: relative;
	display: block;

	margin: 0px 0px 10px 0px;

	font-size: 20px;
	color: orange;

}

/* */
div#founders_block
{
	position: relative;
	float: left;
	display: block;

	/* width: 129px; */
	width: 129px;


	overflow: hidden;

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

	/* background-color: blue; */
	border: 0px solid grey;

}

div#founders_block a
{
	display: block;
}


a#founders_link
{
	color: red;
}


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

	width: 972px; /*972 */
	height: 79px;

	text-align: left;
	color: #fff;

	background: url('/sitePics/footer.PNG') no-repeat 0% 0%;

	font-weight: bold;
}

/*--------------------------------
  adres
 --------------------------------*/
div#container div#footer div#footer_menu
{
	position: relative;
	float: left;
	clear: both;
	padding: 44px 0px 0px 10px;

	width: 750px;
	font-size: 12px;
	border: 0px solid red;
}
div#container div#footer div#footer_menu a
{
	padding: 0px 0px 0px 20px;
	color: #fff;
}


/*--------------------------------
  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
{
	padding: 8px 0px 8px 0px;

	font-size: 15px;
	font-weight: bold;
}
h2 
{
	padding: 0px 0px 0px 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;
}

