
/* ################################################## */
/*   version:   1.0                                   */
/*   author:    A. Kaasschieter | Ibuildings          */
/*   e-mail:    info@ibuildings.nl                    */
/*   website:   http://www.ibuildings.nl              */
/* ################################################## */


/* GLOBAL RESET
################################################################ */

@import url("extra.css");

* 			{ margin: 0; }

html			{ width: 100%; height: 100%; }
body			{ width: 100%; height: 100%; }
fieldset, img 		{ border: 0; }

address, caption, cite, code, dfn, strong, th, var
{
	font-style: normal;
	font-weight: normal
}

ul, li 			{ margin-left: 8px }
ol   	 		{ margin-left: 12px }
caption, th 		{ text-align: left; }
strong 			{ font-weight: bold; }
a img, img		{ border: none; }
a 			{ outline: none; } /* No dotted borders in FF */
* a 			{ position: relative; } /* Show links over a PNG background */


/* FRAME
############################################################## */


body
{
	font-family: Verdana, Arial;
	font-size: 0.8em;
	color: #535353;
	background-color: #efefe8;
}
/*
#wrapper
{
  	position: relative;
	margin: 0px auto;
	width: 895px;
	background: #FFFFFF url(../img/wrapper_bg.jpg) repeat-x top left;
	width: 895px;
}
*/
#wrapper {
	position: absolute;
	width: 895px;
	margin-left: -447px;
	left: 50%;
	background: #FFFFFF url(../img/wrapper_bg.jpg) repeat-x top left;
}
#shadow
{
  	position: absolute;
 	width: 25px;
  	height: 448px;
  	top: 68px;
	left: -25px;
  	z-index: 10;
  	background: url(../img/schaduw.jpg) no-repeat left top;
}

#logo
{
	position: absolute;
	top: 15px;
	left: 16px;
	z-index: 25;
}

#logo2
{
	position: absolute;
	top: -45px;
	left: 16px;
	z-index: 25;
}

#breadcrumb
{
	position: absolute;
	top: 136px;
	left: 263px;
	height: 20px;
	width: 600px;
	font-size: 0.9em;
}

* html #breadcrumb
{
	font-size: 0.85em;
}

#breadcrumb a
{
	color: #8BA940;
}
#breadcrumb a:visited A
{
	color: #8BA940;
	text-decoration:none;
}

#breadcrumb img
{
	margin: 0 8px 0 8px;
}

/*---NEW styles---*/

DIV#breadcrumb DIV.breadcrumbs-on A
{
	color: #8BA940;
	font-size: 0.8em;
	text-decoration:none;
}

DIV#breadcrumb DIV.breadcrumbs-off A
{
	color: #8BA940;
	font-size: 0.8em;
	text-decoration:none;
}

/*---New breadcrumb styles---*/

/* HEADER
############################################################## */


#header
{
  	/*position: relative;*/
  	float: left;
  	margin: 0;
	width: 690px;
	height: 162px;
}

#header2
{
	position: relative;
	float: left;
	margin: 60px 0 25px 0;
	width: 895px;
	height: 124px;
	z-index: 0;
	background: url(../img/vervolgheader.jpg) no-repeat left top;
}

#topmenu1
{
  	position: relative;
  	width: 895px;
  	height: 32px;
  	padding: 28px 0 0 0;
  	margin: 0;
  	text-align: right;
}

#topmenu2
{
    	position: relative;
    	float: right;
    	width: 665px;
    	height: 32px;
    	margin: 0 16px 0 0;
}


* html #topmenu2
{
	margin: 0 8px 0 0;
}


#topmenu1 a, #topmenu2 a
{
	display: block;
	float: right;
	height: 24px;
	padding: 7px 13px 0 13px;
	border-right: 1px dotted #535353;
	color: #535353;
	text-decoration: none;
}

#topmenu1 a:hover, #topmenu2 a:hover
{
	background: #9EC045;
	color: #FFFFFF;
}



/* LEFT
############################################################## */


#left
{
	position: relative;
	width: 230px;
	float: left;
	margin: 13px 0 0 0;
}

#leftmenu
{
	background: #9dc045;
	padding-bottom: 3px;
	font-size: 13px;
}

#leftmenutop
{	
  	background: url(../img/menu_top.jpg) no-repeat left top;
  	width: 230px;
 	height: 25px;
}

#leftmenubottom
{
 	background: url(../img/menu_bottom.jpg) no-repeat left top;
 	width: 230px;
 	height: 18px;
}

#leftmenu a.level0off
{
	display: block;
 	width: 195px;
 	height: 26px;
 	padding: 4px 0 0 35px;
	background: #9dc045 url(../img/menu_bg.jpg) no-repeat left top;
	text-decoration: none;
	color: #FFFFFF;
}

#leftmenu a.level0off:hover, #leftmenu a.level0on
{
	display: block;
 	width: 195px;
 	height: 26px;
 	padding: 4px 0 0 35px;
	background: #9dc045 url(../img/menu_bg.jpg) no-repeat -230px top;
	text-decoration: none;
	color: #FFFFFF;
}

#leftmenu a.level1off
{
	display: block;
 	padding: 1px 0 1px 35px;
 	margin: 0 0 3px 0;
	text-decoration: none;
	color: #434343;
	background: #9dc045;
}

#leftmenu a.level1off:hover, #leftmenu a.level1on
{
	display: block;
 	padding: 1px 0 1px 35px;
 	margin: 0 0 3px 0;
	text-decoration: none;
	background: #8ba940;
	color: #FFFFFF;
}

#leftmenu a.level2off
{
  	font-size: 0.85em;
	display: block;
 	padding: 1px 0 3px 50px;
 	margin: 0 0 3px 0;
	text-decoration: none;
	color: #FFFFFF;
	background: #9dc045;
}

#leftmenu a.level2off:hover, #leftmenu a.level2on
{
  	font-size: 0.85em;
	display: block;
 	padding: 1px 0 3px 50px;
 	margin: 0 0 3px 0;
	color: #4F6E10;
	text-decoration: underline;
	background: #9dc045;
}

/* --- NEW styles ---*/
DIV#leftmenu DIV.leftmenu-level0off A
{
	display: block;
 	width: 195px;
 	height: 26px;
 	padding: 4px 0 0 35px;
	background: #9dc045 url(../img/menu_bg.jpg) no-repeat left top;
	text-decoration: none;
	color: #FFFFFF;
}
DIV#leftmenu DIV.leftmenu-level0on A
{
	display: block;
 	width: 195px;
 	height: 26px;
 	padding: 4px 0 0 35px;
	background: #9dc045 url(../img/menu_bg.jpg) no-repeat -230px top;
	text-decoration: none;
	color: #FFFFFF;
}

DIV#leftmenu DIV.leftmenu-level0off a:hover 
{
    	display: block;
 	width: 195px;
 	height: 26px;
 	padding: 4px 0 0 35px;
	background: #9dc045 url(../img/menu_bg.jpg) no-repeat -230px top;
	text-decoration: none;
	color: #FFFFFF;
}

DIV#leftmenu DIV.leftmenu-level1off A
{
	display: block;
 	padding: 1px 0 1px 35px;
 	margin: 0 0 3px 0;
	text-decoration: none;
	color: #434343;
	background: #9dc045;
}

DIV#leftmenu DIV.leftmenu-level1off a:hover, DIV#leftmenu DIV.leftmenu-level1on A
{
	display: block;
 	padding: 1px 0 1px 35px;
 	margin: 0 0 3px 0;
	text-decoration: none;
	background: #8ba940;
	color: #FFFFFF;
}

DIV#leftmenu DIV.leftmenu-level2off A
{
  	font-size: 0.85em;
	display: block;
 	padding: 1px 0 3px 50px;
 	margin: 0 0 3px 0;
	text-decoration: none;
	color: #FFFFFF;
	background: #9dc045;
}

DIV#leftmenu DIV.leftmenu-level2off a:hover, DIV#leftmenu DIV.leftmenu-level2on A
{
  	font-size: 0.85em;
	display: block;
 	padding: 1px 0 3px 50px;
 	margin: 0 0 3px 0;
	color: #4F6E10;
	text-decoration: underline;
	background: #9dc045;
}

/*----End New Styles----*/

/* CENTER
############################################################## */


#search
{
	position: relative;
	height: 28px;
	width: 333px;
	width: 443px;
	/* padding: 6px 0 0 110px;*/
	padding: 0 0 3px 0;
	background: #9dc045 url(../img/search_bg.jpg) no-repeat left top;
	
}

#search .label
{
	color: #FFFFFF;
	font-family: Verdana, Arial;
	font-size: 0.8em;
}

#search table {
	margin: 5px 0 5px 120px;
	font-size: 12px;
}
#search table .button
{
	padding: 3px 0 0 3px;
}

#search table .text input
{
	width: 150px;
}

#center
{
	/* position: relative; */
	float: left;
	width: 443px;
	margin: 13px 0 0 17px;
}

#center2
{
	position: relative;
	float: left;
	width: 632px;
	margin: 13px 0 0 17px;
}

#center #content
{
	/*position: relative;*/
	width: 403px;
	width: 403px;
	width: 403px;
	border: 1px ;

	min-height: 260px;
	padding: 15px 25px 15px 15px;
/*	padding: 15px 0px 15px 0px; */
	z-index: 1;
	background: url(../img/content_bg.jpg) repeat-x left top;
}
#content-table {
	width: 403px;
/*	border: 1px solid silver; Jeroen killed for cosmetic improvement*/
}

#center2 #content
{
	position: relative;
	min-height: 260px;
	padding: 15px 25px 15px 15px;	
	background: url(../img/content2_bg.jpg) no-repeat left top;
}

.important
{
  	color: #8A0020;
}

.detail
{
	color: #688D1B;
}

.name-of-person
{
	color: #10007B;
}

td.align-left
{
	text-align: left;
}

td.align-center
{
	text-align: center;
}

td.align-right
{
	text-align: right;
}

* html #center #content

{
	height: 260px;
}

#center #content a, #center2 #content a
{
	color: #8BA940;
	font-weight: normal;
}

#center #content a:hover, #center2 #content a:hover
{
	text-decoration: none;
}



.paragraph img
{
	float: right !important; margin: 6px 0 5px 12px;
}

.paragraph h3
{
	margin-left: 15px;	
}

DIV.tx_ablinklist_listView_link
{
  padding: 5px 0px 5px 0px
}

/* RIGHT
############################################################## */

#adres-wrapper {
	width: 185px;
	float: right;
	position: absolute;
	margin: 65px 0 0 700px;
}
#right
{
	/*position: relative;*/
	float: right;
	width: 185px;
	margin: 0;
	padding: 10px 0 10px 0;
	background: #FFFFFF;
}

/* * html #right
* html
{
	padding: 10px 0px 10px 10px;
	_padding: 10px 0px 10px 0px;
}
 */

#adrestop {
	height: 11px;
	background: #f2f4ed url(../img/address_top.jpg) no-repeat left top;
	width: 185px;
	margin-top: 5px;
}

#adresbottom {
	height: 10px;
	padding-bottom: 1px;
	background: #f2f4ed url(../img/address_bottom.jpg) no-repeat left -13px;
	width: 185px;
	margin-bottom: 10px;
}
#tekst {
	padding: 0 0 3px 10px;
	font-size: 10px;
}
* html #adresbottom {
	height: 10px;
	background: #f2f4ed url(../img/address_bottom.jpg) no-repeat left -7px;
}

#adres {
	font-size: 0.85em;
	line-height: 1.2em;
	padding: 0 10px 0 10px;
	background: #f2f4ed url(../img/address_bg.jpg) repeat left top;
}

.button1 {
	background: url(../img/button1.jpg) no-repeat top left;
	width: 184px;
	padding: 8px 0px 8px 10px;
	height: 17px;
	margin-bottom: 3px;
}

.button2 {
	background: url(../img/button2.jpg) no-repeat top left;
	width: 184px;
	padding: 8px 0px 8px 10px;
	height: 17px;
	margin-bottom: 3px;
}

/*
DIV#leftmenu DIV.leftmenu-level0off A
*/

DIV#button DIV.button1 div.kop A
/*.button1 .kop, .button2 .kop*/
{
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-decoration: none;
}

DIV#button DIV.button1 div.text A
/*.button1 .kop, .button2 .kop*/
{
	font-size: 1.0em;
	color:#535353;
	letter-spacing: 0px;
	text-decoration: none;
}

DIV#button DIV.button2 div.kop A
/*.button1 .kop, .button2 .kop*/
{
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: -1px;
	text-decoration: none;
}

DIV#button DIV.button2 div.text A
/*.button1 .kop, .button2 .kop*/
{
	font-size: 1.0em;
	color: #535353;
	letter-spacing: 0px;
	text-decoration: none;
}

/*.button1 .text, .button2 .text
{
	font-size: 0.9em;
}*/

.button1 a, .button2 a
{
	text-decoration: none;
	color: #535353;
}

.pdf
{
	display: block;
	text-align: left;
	padding: 5px 0 0 95px;
}


/* FOOTER
############################################################## */


#footer
{
  	clear: both;
  	height: 62px;
  	background: #EFEFE8 url(../img/footer_bg.jpg) no-repeat left top;
}



/* TYPOGRAPHY
############################################################## */


h1
{
	font-size: 1.8em;
  	color: #9dc045;
  	letter-spacing: -1px;
  	font-weight: normal;
  	padding: 0 0 12px 0;
  	margin-bottom: 12px;
  	border-bottom: 1px dotted #535353;
}

h2 
{ 
	font-size: 1.0em; 
	color: #535353; 
	padding: 0 0 0px 15px;
	margin-top: 10px; 
/*	background: url(../img/arrow1.gif) no-repeat left 2px; edit by jeroen*/  
/*	background-image: url(http://maasdonk.com-products.nl/fileadmin/templates/img/arrow1.gif); */
	background-image: url("../img/arrow1.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
} 
/*
* html h2 
{ 
	background: url(../img/arrow1.gif) no-repeat left 3px; 
}
*/

h3
{
	font-size: 0.8em;
	color: #535353;
	padding: 0 0 2px 0px;
}

h4 
{
	font-size: 1.8em;
  	color: #9dc045;
  	letter-spacing: -1px;
  	font-weight: normal;
  	padding: 0 0 12px 0;
  	margin-bottom: -10px;
  	padding-left: 10px;

  	border-bottom: 1px dotted #535353;
}

.readmorelink
{
/*	display: block;
	padding: 0 0 0 15px; */
	margin-left: 15px;
}


/* FREQUENTLY USED
############################################################## */


.notextdecoration 		{ text-decoration: none; }
.displaynone			{ display: none; }
.alignright 			{ float: right !important; }
.alignleft 			{ float: left !important; }
.imgright 			{ float: right !important; margin: 6px 0 5px 12px; }
.imgleft 			{ float: left !important; margin: 6px 12px 5px 0; }
.imgborder			{ border: 6px solid #FFFFFF; }

.bold 				{ font-weight: bold; }
.italic 			{ font-style: italic; }
.nowrap 			{ white-space: nowrap; }
.noborder 			{ border: none !important; }
.hidden				{ display: none; }
.clear				{ clear: both }
.relative			{ position: relative; }

.green				{ color: #77a817; }

.csc-textpic-imagewrap img
{
 position: relative! important;
}
.csc-textpic-imagewrap
{
position: relative ! important;
}

div.csc-textpic 
{
  position: relative;
}

#news_header
{
	font-size: 1.8em;
  	color: #9dc045;
  	letter-spacing: -1px;
  	font-weight: normal;
  	padding: 0 0 12px 0;
  	margin-bottom: 12px;

}

.news-single-related dd, .news-single-links dd, .news-single-files dd 
{
  margin-left: 0px;
}

.amenu
{
  font-size: 0.9em;
}

div.paragraph a {
	color: #000000;
}
.news-link {
	color: #535353;
}
#center2 .paragraph p {
	margin-bottom: 0px;
}

/* Nieuws fix */
#center .paragraph, #center2 .paragraph
{
	margin-bottom: 5px;
}

#center .paragraph p, #center2 .paragraph p
{
	margin: 0 0 0 15px;
}
.paragraph_actueel.h3 {
margin: 0 0 0 15px;
}


.bvk_googlesitesearchPaging {
	list-style:none;
	border-top:1px solid green;
	border-bottom:1px solid green;	
	padding:2px;
	margin:4px;
	margin-top:10px;
	text-align:center;
}

.bvk_googlesitesearchSearchForm {
	text-align:center;
	padding:10px;
}

.bvk_googlesitesearchPaging li {
	display:inline;
	padding:5px;
}