@import url('clear.css');

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

/* hoover property fix for IE */
body { behavior: url("/script/ie_hooverfix/csshover3.htc"); } 

/* alpha transparancy png fix for IE < 7 */ 
a { behavior: url("/script/ie_pngfix/iepngfix.htc"); }

/*--------------------------------
  container
 --------------------------------*/
div#container
{
	width: 1000px;
	margin: 0px auto 0px auto;
	text-align: left;	
	border: 1px solid #000;
}

/*--------------------------------
  header
 --------------------------------*/
div#container div#header
{
	width: 1000px;
	height: 128px; /*183*/

	background: url('/sitePics/header.PNG') repeat-y 0% 0%;
	border: 0px solid red;
}



/*--------------------------------
  top menu
 --------------------------------*/
div#container div#menu
{
	width: 1000px;
	height: 81px;

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

	border: 0px solid red;

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

	border-right: 2px solid #fff;

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

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

div#container div#contentcontainer div#left div#leftmiddle ul li a.activeMenuItem1 
{
	color:#FFFFFF;
	display:block;
	margin-left:19px;
	padding:0 0 0 10px;
	width:110px;
	background-color: #0075b9;

}

div#container div#contentcontainer div#left div#leftmiddle ul li a.activeMenuItem2 
{
	color:#FFFFFF;
	display:block;
	margin-left:19px;
	padding:0 0 0 10px;
	width:110px;
	background-color: #d31118;

}

div#container div#contentcontainer div#left div#leftmiddle ul li a.activeMenuItem3 
{
	color:#FFFFFF;
	display:block;
	margin-left:19px;
	padding:0 0 0 10px;
	width:110px;
	background-color: #83b212;

}

div#left ul li a.activeMenuItem 
{
	width				: 100%;
	background-image		: url(/sitePics/rode-balk-menu.png);
	background-repeat		: no-repeat;
	display			: block;
}

div#left ul li a.MenuItem1{
	color:#FFFFFF;
	display:block;
	margin-left:19px;
	padding:0 0 0 10px;
	width:110px;
} 
div#left ul li a.MenuItem1:hover{
	color:#0075b9;
} 

div#left ul li a.MenuItem2{
	color:#FFFFFF;
	display:block;
	margin-left:19px;
	padding:0 0 0 10px;
	width:110px;
} 
div#left ul li a.MenuItem2:hover{
	color:#d31118;
} 
div#left ul li a.MenuItem3{
	color:#FFFFFF;
	display:block;
	margin-left:19px;
	padding:0 0 0 10px;
	width:110px;
} 
div#left ul li a.MenuItem3:hover{
	color:#83b212;
} 
/*--------------------------------
  contentcontainer
 --------------------------------*/
div#container div#contentcontainer
{
	width: 1000px;
	height: 100%;

	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/bgground.PNG') repeat 0% 0%;
}

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

	width: 180px; /* 180 */
	height: 556px;

	min-height: 556px;

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

	line-height: 18px;
	font-size: 12px;

	border: 0px solid blue;
}


/*--------------------------------
  left - submenu balkje
 --------------------------------*/
div#lefttop {
	width: 149px; /* 179*/
	height: 13px;
	background: url('/sitePics/submenu-boven.gif') no-repeat 0% 0%;
	border: 0px solid red;
}
div#leftmiddle {
	width: 149px;
	height: auto;
	background: url('/sitePics/submenu-midden.gif') repeat-y 0% 0%;
	/* overflow: auto; */
	border: 0px solid red;
}
div#leftbottom {
	width: 149px;
	height: 13px;
	background: url('/sitePics/submenu-onder.gif') no-repeat 0% 0%;
	border: 0px solid red;
}

/*--------------------------------
  main menu
 --------------------------------*/
div#left ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#left ul li
{
	display: block;
	height: 30px;

	font-weight: bold;
	display: list-item;
	list-style-type: none;
	border: 0px solid red;
}
div#left ul li a
{
	display: block;

	width: 118px;
	padding: 0px 0px 0px 30px;
	color: #fff;
}
div#left ul li a#active
{
	color: #fff;
	background-color: red;
}
/*
div#left ul li:hover a
{
	color: red;
}
*/


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

	width: 550px; /*650*/
	height: 100%;

	min-height: 300px;

	padding: 8px 30px 0px 30px;

	background-color: #F7FAE1;
	border: 0px solid red;
}

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


/*--------------------------------
  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 10px 5px; /* belangrijk geen padding anders komt deze in de border */
	border: 1px solid #000;
}

/*--------------------------------
  content specific tags
 --------------------------------*/
div#content h1
{	
}
div#content h2 
{
	color: #000;
}


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


/*--------------------------------
  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: 170px; /**/
	height: 100%;

	min-height: 300px;

	padding: 0px 10px 0px 10px;

	background-color: #CADA98;
	border: 0px solid red;
}

/*--------------------------------
  nieuws intro
 --------------------------------*/
div#nieuws
{
	padding: 0px 0px 0px 0px;
}
div#nieuws h1
{
	color: #3a5715;
}
div#nieuws h2 {	
}
div#nieuws a
{
	color: #3a5715;
}
div#nieuws_lees_verder
{
	padding: 10px 0px 0px 0px;
}

/*--------------------------------
  agenda intro
 --------------------------------*/
div#agenda_menu { 
	font-size: 16px;
	font-weight: bold;
}
div#agenda {
	position: relative;
	float: left;
	padding: 6px 0px 6px 0px;
	z-index: 14;
}
div#link_specified_agenda {
	padding: 5px 0px 12px 0px;
}
div#link_specified_agenda a
{
	color: #000;
}
/* titel van agenda intro word overschreven uit list.tpl uit de agenda */
div.el h1{
	padding: 0px 0px 10px 0px;
}
div.el a {
	display: block;
	padding: 5px 0px 0px 0px;
}


div#rightfooter img
{
	float: left;
/*
	width: 154px;
	height: 83px;
*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	border: 0px solid red;
}



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

	width: 55px;

	padding: 2px 0px 0px 120px;

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

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

	width: 50px;

	padding: 2px 0px 0px 4px;

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

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

	width: 100px;

	padding: 2px 0px 0px 4px;

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

/*--------------------------------
  individual footer
 --------------------------------*/
div#container div#individualfooter
{
	height: 30px;

	background: url('/sitePics/bgground.PNG') repeat 100% 0%;
}


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

	width: 1000px;
	height: 0px;

	text-align: left;
	color: #000;

	font-weight: bold;
	background-color: #4D7D20;
}


/*--------------------------------
  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: 16px;
	font-weight: bold;
}
h2 
{
	padding: 8px 0px 8px 0px;

	font-size: 16px;
	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;
}