/* CSS Document with rather little css   */

* {
	padding:0;
	margin:0;
}
body {
	font-size: 11px;
	font-family: Verdana, "Book Antiqua", Arial, san-serif;
	color: #666b75;
	
}
/**
*
*	SET ELEMENTS TO BASE
*
**/
fieldset, a img { border: none; }

/**
*	default coloring styles
**/
a, a:hover {
	color:#7aa454;
	text-decoration: none; 
}
a:visited {
	color: #7aa454;
}
h2 span, h3 span, h4 span, h5 span { color: #7aa454; }

h3.modeltitle {
	line-height: 1.9em;
	font-size: 1.3em;
	color: #7aa454;
	margin-top: 25px;
	margin-bottom: 25px;
	/*border-bottom: 1px solid #969594;*/
}

span.al, span.ar {	
	line-height: 28px;
	font-size: 23px;
}
span.al{
	
}

span.ar{
}
div.image {
	float: left;
	margin: 5px;
	padding: 5px;
}

/** the block QUOTE   **/
#mastContent blockquote {
	padding: 10px 25px 10px 25px;
	margin-bottom: 10px;
}
#mastContent blockquote {		
		height:100%; /** anders hangt IE het kieken uit **/
			
		font-family: Calibri, Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		line-height: 1.8em; 
		letter-spacing: -0.02em;
		font-weight: bold;
		font-style: oblique;
		
		/*
		font-family:"Calibri", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:normal;
		letter-spacing:-1px;
		text-align:left;
		*/
		color: #555555;
}
#mastContent blockquote span{		
		margin:15px 0 0 0;
		display:block;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
		font-size:11px;
		font-weight:normal;
		letter-spacing:normal;
		color: #444444;
} 
#mastContent blockquote span strong {		
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
		font-size:15px;
		font-weight:bold;
		letter-spacing:normal;
		color:#7CA557;
}

.prev, .next {
	width: 220px;
	margin: 0;
	padding: 5px 0;
}
.prev { float: left; }
.next { float: right; }


/**
*
*	GLOBAL POSITIONING   
*
**/

body {
	background: #ffffff url(../images/layout/body_bg.png) 50% 50% repeat-y;
	text-align: center;
}
/**  wrappers with their child for width control  **/
#mastHeadWrapper,#mastBodyWrapper, #mastBottomWrapper {
	width: 100%;
	margin: 0; 
	padding: 0;
	text-align: center;
}
#mastHead,#mastBody,#mastBottom, #mastFooter {
	text-align: left;
	position: relative;
	width: 960px;
	margin: 0 auto;
}	
#mastHeadWrapper {
	height: 98px;
}	
	#mastHead {
		
	}
		#menu {
			width: 350px;
			margin: 0px 20px auto auto; 
			padding: 40px 0 0 0;
		}
	
#mastBodyWrapper {
	background: transparent none;
}	
	#mastBody {		
	}
		
		p#breadCrumb {
			/*
			position: absolute;
			top: 40px; left: 20px;
			z-index: 75;
			*/
			color: #4E86D1;
			line-height: 44px;
			height: 44px;
			margin-top: 25px;
		}	
			#breadCrumb a {
				font-size: 0.90em;
				letter-spacing: -0.04em;
				border-bottom: 1px dotted #4E86D1;
			}
		#offertebutton {
			display: none;
			background: transparent url(../images/layout/offerte_btn.png) 0 0 repeat-x;
			width: 106px;
			height: 111px;
			position: absolute; 
			top: 240px; 
			left: 498px; 
			z-index: 600;
			text-indent: -9999px;
		}
	/* mastbody = 960*/
		div#mastContent {
			padding: 5px 19px 50px 20px;
			margin: 0;
			width: 520px;
			float: left;
			clear: none;
			position: relative;
			min-height: 275px;
		}
	
		#secondaryNavigation {
			width: 325px;
			padding: 0;
			float: left;
			clear: none;
			margin-left:50px;
			margin-right: 25px;
			margin-bottom: 35px;
		}
		#mastBody #footmenu {
		/*
			display: none;
			float: right; 
		*/
			padding: 25px 0px 3px 0px;
			width: 550px;
			margin:10px 25px 5px auto;
			clear: both;
			text-align: right;
		}
		#footmenu ul  {
			list-style-type: none;
		}
		#footmenu ul li {
			display: block;
			float: right;
			width: auto;
			margin: 0px 5px; padding: 0;
		}		
		#footmenu a {
			font-weight: 600;
			color: #4E86D1;
			padding: 4px 6px;
		}
		#footmenu a:hover {
			font-weight: 600;
			background-color: #4E86D1;
			color: #fff;
		}
		
		/**
		*	 overrule for projects!!
		*
		**/
		body#pg_projects div#mastContent {
			padding: 15px 19px 50px 20px;
		}
		body#pg_projects #secondaryNavigation {
			
		}
	
#mastBottomWrapper {
		background: #1c1914 url(../images/layout/bottom.png) 0 0 repeat-x;
		padding-top: 25px;
		clear: both;
		padding-bottom: 35px;
}	
	#mastBottom {
	  	margin-top: 25px;
		position: relative;
	}
	
	
/** footer   **/
#mastFooter {
	width: 100%;
	clear: both;
	margin: 5px 0;
	padding: 0;
	line-height: 2em;
	background-color: #7BA454;
	color: #1C1914;
}
#mastFooter span a{
	color: #1C1914;
}




div.day {
	background: transparent url(../images/layout/logo_01_dag.jpg) 0 0 repeat-x;
}
div.night {
	background: transparent url(../images/layout/logo_01_nacht.jpg) 0 0 repeat-x;
}
div.day #mastHead #logo a {
	background: transparent url(../images/layout/logo_02_dag.jpg) 0 0 no-repeat;
}
div.night #mastHead #logo a {
	background: transparent url(../images/layout/logo_02_nacht.jpg) 0 0 no-repeat;
}

/**
*
*	POSITIONING  ELEMENTS
*
**/

	/**  LOGO AND MENU   **/
	#mastHead h1#logo {
			width: 429px;
			height: 98px;
			position: absolute; top: 0; left: 25px; z-index: 50;
	}
	#logo a {
		width: 429px;
		height: 98px;
		display: block;
		text-indent: -9999px;
	}	
	
		#menu h3  { 
			display: none; 
		}
		#menu ul {			
		 	height: 30px;
		}
		#menu ul li {
			width:auto;
			/*display: block;
			width: 90px;*/
			height:28px;
			display:inline;
			float:left;
			position:relative; /** IE 6 **/
		}
		#menu ul li a { 
			padding:0 14px 0px 14px;
			text-decoration:none;
			/*display: block;*/
			height: 28px;
			line-height:28px;
			color:#fff;
			text-align: center;
			font-family: "Book Antiqua", Georgia, Verdana, san-serif;
			font-weight: bold;
			font-size: 14px;
		}
		#menu ul li a.active { 
			padding:0 14px 0px 14px;
			position: relative;
		}
		#menu a img.active {
			
			position: absolute;
			top: -5px;
			width: 11px;
			height: 28px;
			/*display: inline;*/
			padding: 0; margin: 0;
			display: none;
		}
		#menu a img.lacc {
			left: 0;
		}
		#menu a img.racc {
			right: 0;
		}
		
		
	/**  Body & Content  **/
		#container_latestProjects {
			margin: 15px 0 0 0;
			clear: both;
			height: 125px;
		}
		#container_newsletter form, #container_search form {
			margin-left: 50px;
		}
		#secondaryNavigation h3 {
			margin: 25px 5px 15px 2px;
			padding: 2px 0px 2px 48px;
			height:40px;
			color: #719f46;
			border-bottom: 1px solid #969594;
			line-height: 40px;
			font-weight: bold;
			font-size: 13px;
			font-family: Georgia, "Book Antiqua", Verdana, serif;
			clear: both;
		}	
			/** headers **/
			#container_latestProjects h3 { background: transparent url(../images/icons/picto_projecten.gif) 2px 50% no-repeat;	}
			#container_newsletter h3 { background: transparent url(../images/icons/picto_nieuws.gif) 2px 50% no-repeat;	}
			#container_latestNews h3 { background: transparent url(../images/icons/picto_nieuws.gif) 2px 50% no-repeat;	}
			#container_categories h3 { background: transparent url(../images/icons/picto_categorie.gif) 2px 50% no-repeat;	}
			#container_search h3 { background: transparent url(../images/icons/picto_zoeken.gif) 2px 50% no-repeat;	}
			#container_calendar h3 { background: transparent url(../images/icons/picto_kalender.gif) 2px 50% no-repeat;	}
			#container_subpages h3 { background: transparent url(../images/icons/picto_diensten.gif) 2px 50% no-repeat;	}
	
	#secondaryNavigation a {
		color: #666b75;
	}
	#secondaryNavigation a:hover {
		color: #7BA454;
		background: #83A960 url(../images/icons/link_hover.gif) 0 0 no-repeat;
	}
	#secondaryNavigation ul { list-style-type: none; }
	#secondaryNavigation ul ul { margin-left: 25px; }
		#secondaryNavigation a.news , 
		#secondaryNavigation a.page, 
		#secondaryNavigation a.category, 
		#secondaryNavigation a.subcategory,
		#container_categories a {
			color: #666b75;			
			display: block;
			width: auto;
			margin: 1px 0 1px 25px;
			padding: 2px 0 3px 25px;
			font-size: 1.3em;
			line-height: 20px;
			font-size: 11px;
			font-family: Verdana, "Book Antiqua", Arial, serif;
			/*background: transparent url(../images/icons/menhirbullet.gif) 2px 50% no-repeat;*/
		}
		#secondaryNavigation a.category {
			/*
			background: transparent url(../images/icons/link.gif) 0 100% no-repeat;
			border-bottom: 1px solid #83A960;
			*/
			color: #4E86D1;/*#83A960;*/
			font-weight: bold;	
		}
		#secondaryNavigation a.category:hover {
			background-image: none;
			background-color: #4E86D1;
		}
		
		#secondaryNavigation a.download {
			color: #666b75;			
			display: block;
			width: auto;
			margin: 1px 0 1px 50px;
			padding: 2px 0 3px 25px;
			font-size: 1.3em;
			line-height: 20px;
			font-size: 11px;
			font-family: Verdana, "Book Antiqua", Arial, serif;
			/*background: transparent url(../images/icons/menhirbullet.gif) 2px 50% no-repeat;*/
		}
	
		#secondaryNavigation a.news:hover , 
		#secondaryNavigation a.page:hover, 
		#secondaryNavigation a.category:hover, 
		#secondaryNavigation a.subcategory:hover,
		#container_categories a:hover {			
			/*background-position: 6px 50%;*/
			color: #ffffff;
		}
		
		#container_downloads h4 {
			color: #83A960;
			font-weight: bold;	
			margin: 25px 5px 5px 2px;
			padding: 2px 0px 2px 48px;
		}
	
		/**
		*	class styles
		*
		*
		**/
		a.thumb {
			display: block;
			width: 61px;
			height: 61px;
			clear: none;
			float: left;
			background: transparent url(../images/layout/thumb_box.gif) 50% 50% no-repeat;
		}
			a.thumb span {
				 float: left;
				 /* 
				 padding: 10px; 
				 */				 
					border: 0px solid #444444;
					padding: 0px; 
					margin: 10px;
				 overflow: hidden;
				 width: 40px; 
				 height: 40px;
				 text-indent: -9999px;
			}
			a.thumb:hover span {
				border: 5px solid #7BA454;
				padding: 0px; 
				margin: 5px;
			}
			#secondaryNavigation a.thumb:hover {
				background-image: none;
				background-color: transparent;			
			}
			
		a.thumb_big {
			display: block;
			width: 120px;
			height: 120px;
			margin-right: 10px;
			clear: none;
			float: left;
			background-color: #333333;
		}
		a.thumb_big:hover {
			background-color: #7CA557;
		}
			a.thumb_big img {
				 float: left; 
				 padding: 10px; 
				 width: 100px; 
				 height: 100px;
			}
		
		a.news {
			display: block;
			width: 320px;
			padding: 2px 0 3px 25px;
			/*background: transparent url(../images/icons/menhirbullet.gif) 2px 50% no-repeat;*/
			font-size: 1.3em;
			line-height: 20px;
		}
		
		#frmNewsletter input.text, #container_search input.text { 
			border: 3px solid #CFCFCF; 
			background-color: #C5C3C0; 
			color: #fff; 
			padding: 1px 3px;
			width: 175px;
		}
		
	
	#mastBody #mastContent {
	
	}
	#container_downloads ul {
		margin-left: 15px;
	}
	#container_downloads ul,
	.bestandenlijst  {
		clear: both;
	}
	#container_downloads ul li.category,
	.bestandenlijst li.category {
		line-height: 26px;
		font-size: 15px;
		font-weight: bold;
	}
	ul.bestandenlijst li.category {
		color: #4E86D1;
	}
	ul.bestandenlijst  li.category ul li {
		color: #666B75;
	}
	#container_downloads ul li.file,
	.bestandenlijst li.file {
		background: transparent url(../images/icons/file.jpg) 2px 50% no-repeat;
		padding-left: 29px;
		line-height: 22px;
		height: 22px;	
		font-size: 13px;
		font-weight: normal;
	}
	
	#mastContent img.bigimage {
		margin: auto;		
		text-align: center;
		display: block;
	}
	#mastContent div#summaries {
		width: auto;
		clear: both;
	}
		#mastContent div.summaries {
			float: left;
			clear: none;
			width: 250px;
			margin: 0 5px 10px 5px;
			padding: 0;		
		}
		#mastContent div#summaries_downloads {
			clear: both;
			width: 550px;
			margin: 0 0px 10px 0px;
			padding: 0 9px 0 0;		
		}		
			#mastContent div.item {
				width: 250px;
			}
			#mastContent div.downloads {
				float: left;
				clear: none;
				width: 255px;
				height: 180px;
				margin: 0 5px 10px 5px;
				padding: 5px;
			}
		div.summaries div.item h3 {
			margin: 25px 5px 5px 0px;
			padding: 6px 2px 2px 5px;
			font-size: 1em !important;
		}	
		div.summaries p {
			margin: 5px 5px 6px 0px;
			padding: 6px 2px 2px 5px;
			line-height: 1.65em;
			font-size: 1.05em;
		}
		#mastContent a.archive,
		#mastContent a.archive:visited {
			background-color: #7CA557;
			color: #ffffff !important;
			padding: 5px 8px;
			margin-right: 25px;
			float: right;
			clear: both;
		}	
	
	#flashcontent {
		clear: both; 
		margin: 10px auto 10px auto; 
		padding: 0;
		width: 887px;
		height: 264px;
		border-style:solid;
		border-color:#7AA458;
		border-width: 5px;
	}
	#frmNewsletter {
			margin-left: 25px;
	}
	
	/** news and projects module  **/
	.news_title,.projects_title {
		line-height: 34px;
	}
	div.news_item, div.projects_item {
		line-height: 160%;
		margin: 5px 0 12px;
	}
	
	/**  Bottom  **/
	#mastBottom  h2#contactofferte {
		background: transparent url(../images/layout/contactofferte.png) 50% 50% no-repeat;	
		width: 226px;
		height: 41px;
		text-indent: -9999px;
	}
	
	#mastBottom form {
		margin-top: 10px;
		width: 420px;
		margin-left: 25px;
	}


/**		categories all
**/
#allcategories {
	margin-top: 15px;
	
}
#allcategories a {
	padding: 4px 5px; 
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	background-color: #7AA454;
	color: #ffffff;
	margin: 1px 2px;
}

/**
* 		element styles 
*
*
**/
p, dd { 
	font-size: 1.3em; 
	line-height: 2.0em; 
	margin-bottom: 1em;
}

h3 span, dt { 
	font-size: 1.5em; 
	line-height: 2.0em; 
}
h3 span {
}


form input.text, form textarea {
	background-color: #d3d3d3;
	border: 4px solid #2b251f;
	color: #666666;
}

form textarea {
	height: 138px;
}

form input.text {
	height: 18px;
}

input.submitButton, input.button {
	border: none;
	background-color: #7AA454; 
	color: #ffffff;
	padding: 0.2em 0.3em;	
	font-weight: bold;
	width: 78px;
	clear: both;	
}

/*******************
form input.knop, form input.submit {	
	background-color: #D6D6D6;
	border-color: #3f392f;
	margin-left: 125px;
	color: #83A960;
	padding: 0.2em 0.3em;
	font-weight: bold;
}
form input.submitButton {
	clear: both;	
	background-color: #D6D6D6;
	border-color: #3f392f;
	color: #83A960;
	padding: 0.2em 0.3em;
	font-weight: bold;
	width: 78px;
}
***********************/
label {
	float: left; clear: both;
	width: 125px;
	display: block;	
	margin-bottom: 4px;
	color: #D2D2D2;
	font-size: 1.3em;
}
label:first-letter { /*font-size: 2em;*/ color: #7BA454; }
input, textarea {
	float: left; 
	width: 275px;
	margin: 6px 0;
}
input.button {
	width: 125px !important;
	clear: both;
	margin-top: 20px;
}





/* ----------( AUTOCOMPLETER )---------------- */

    div.autocomplete{
		width:250px;
		margin:0px;
		padding:0px;
		position:absolute;
    }
    div.autocomplete ul{
		margin:0px;
		padding:0px;
		background-color:#F5F3EE;
		list-style-type:none;
    }
    div.autocomplete ul li{
		margin:0;
		padding:5px;
		display:block;
		list-style-type:none;
		color: #333333;
		cursor:pointer;
    }
    div.autocomplete ul li.selected{
		background-color:#83A960;
		color:#fff;
	}
	#container_search #auto_search_spinner{
		position:absolute;
		top:25px;
		right:20px;
	}
	
	
	
/**
*
*	code coloring
*
**/
.code_block { font-size: 11px; text-align: left;border: 1px solid #bbbbbb; padding: 25px; font-family: Courier, serif; }
.code_true { background-color: #FFCC33; }
.code_array { font-size: 20px; color:#9933CC; }