html {
	height				: 100%; /* In geval van background op html �n body */
}

body	{
	min-height			: 100%; /* In geval van background op html �n body */
	font				: 0.8em Arial, sans-serif;
	text-align			: center;
	background			: #7e7d7d url(../img/body-bg.jpg) repeat-x center top;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after
{
	display				: block;
	visibility			: hidden;
	clear				: both;  
	height				: 0; 
	content				: "."; 
}

	/* voor IE-mac */
	.clearfix
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix 
	{ 
		height			: 1%;
	}
	
	.clearfix 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	text-align			: left;
	background			: url(../img/bg-container.png) repeat-y left top;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	z-index				: 20;
	height				: 120px;
	background			: url(../img/bg-header.jpg) no-repeat center top;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 20px;
}


/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
#zoeken {
	position			: absolute;
	left				: 718px;
	top					: 22px;
	z-index				: 200;
	width				: 235px;
	height				: 37px;
	padding				: 4px 0 0 15px;
}

#zoeken fieldset {
	padding				: 0;
	margin				: 0;
	border				: none;
}

#zoeken legend {
	display				: none;
}

#zoeken input {
	width				: 170px;
	padding				: 5px;
	border				: 1px solid #DDD;
	font-size			: 0.9em;
	vertical-align		: middle;
	color				: #000;
}

#zoeken input.defaultvalue {
	font-style			: italic;
	color				: #999;
}

#zoeken input.button {
	width				: 32px;
	height				: 32px;
	overflow			: hidden;
	padding				: 0;
	border				: none;
	text-indent			: -900em;
	line-height			: 900em;
	background			: url(../img/button-zoeken.png) no-repeat left top;
	cursor				: pointer;
}

#zoeken #zoeken-melding {
	display				: none;
	position			: absolute;
	top					: 34px;
	left				: 15px;
	width				: 170px;
	padding				: 5px;
	border				: solid 1px #FFF;
	font-size			: 0.9em;
	color				: #FFF;
	background			: #C91F1F;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: absolute;
	left				: 211px;
	top					: 83px;
}

#menu li {
	float				: left;
	position			: relative;
}

#menu li a {
	float				: left;
	height				: 38px;
	text-indent			: -900em;
	background			: url(../img/menu.gif) no-repeat;
}

#menu li a.home 				{ width: 62px; background-position: left top; }
#menu li a.profiel 				{ width: 69px; background-position: -62px top; }
#menu li a.branches				{ width: 88px; background-position: -131px top; }
#menu li a.referenties 			{ width: 105px; background-position: -219px top; }
#menu li a.voorraad-gebouwen 	{ width: 156px; background-position: -324px top; }
#menu li a.nieuwsbrief 			{ width: 106px; background-position: -480px top; }
#menu li a.agenda 				{ width: 81px; background-position: -586px top; }
#menu li a.links 				{ width: 63px; background-position: -62px top; }
#menu li a.contact 				{ width: 80px; background-position: -667px top; }
#menu li a.nieuws				{ width: 78px; background-position: -747px top; }

#menu li:hover a.home,
#menu li.hover a.home,
#menu li.actief a.home 				{ background-position: left -41px; }
#menu li:hover a.profiel,
#menu li.hover a.profiel,
#menu li.actief a.profiel 			{ background-position: -62px -41px; }
#menu li:hover a.branches,
#menu li.hover a.branches,
#menu li.actief a.branches 			{ background-position: -131px -41px; }
#menu li:hover a.referenties,
#menu li.hover a.referenties,
#menu li.actief a.referenties 		{ background-position: -219px -41px; }
#menu li:hover a.voorraad-gebouwen,
#menu li.hover a.voorraad-gebouwen,
#menu li.actief a.voorraad-gebouwen { background-position: -324px -41px; }
#menu li:hover a.nieuwsbrief,
#menu li.hover a.nieuwsbrief,
#menu li.actief a.nieuwsbrief 		{ background-position: -480px -41px; }
#menu li:hover a.agenda,
#menu li.hover a.agenda,
#menu li.actief a.agenda 			{ background-position: -586px -41px; }
#menu li:hover a.links,
#menu li.hover a.links,
#menu li.actief a.links 			{ background-position: -62px -41px; }
#menu li:hover a.contact,
#menu li.hover a.contact,
#menu li.actief a.contact 			{ background-position: -667px -41px; }
#menu li:hover a.nieuws,
#menu li.hover a.nieuws,
#menu li.actief a.nieuws 			{ background-position: -747px -41px; }

/* Submenu */
#menu li ul {
	position			: absolute;
	left				: -900em;
	top					: 38px;
	z-index				: 1337;
	width				: 220px;
	background			: #c91f1f url(../img/bg-submenu.gif) repeat-x left top;
	padding				: 15px 0 10px 0;
}

#menu li:hover ul,
#menu li.hover ul {
	left				: 0;
}

#menu li li {
	width				: 220px;
}

#menu li li a {
	width				: 200px;
	height				: auto;
	padding				: 3px 10px;
	text-indent			: 0;
	background			: none;
	color				: #fff;
	text-decoration		: none;
}

#menu li li a:hover, #menu li li.actief a {
	text-decoration		: underline;
	font-weight			: bold;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	position			: relative;
	min-height			: 283px;
	background			: url(../img/bg-main.jpg) no-repeat center top;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	float				: left;
	width				: 245px;
	margin				: 50px 0 0 27px;
}

#zijbalk ul {
	width				: 168px;
}

#zijbalk ul li a {
	display				: block;
	color				: #fff;
	font-size			: 13px;
	text-decoration		: none;
	border-bottom		: 1px solid #9e9f9a;
	padding				: 4px 0;
}

#zijbalk ul li a:hover, #zijbalk ul li.actief a {
	font-weight			: bold;
}

#zijbalk #nieuwsblok	{
	width				: 195px;
	padding				: 0 20px 0 0;
	margin				: 40px 0 0 0;
	font-size			: 0.9em;
	border				: none;
	background			: #FFF;
}

#zijbalk #nieuwsblok li	{
	background			: #FFF;
}

#zijbalk #nieuwsblok h2 {
	font-size			: 2em;
	font-weight			: normal;
}

#nieuwsblok h2 a, #mediablok h2 a {
	color				: #000;
	text-decoration		: none;
}

#nieuwsblok h2 a:hover, #mediablok h2 a:hover {
	color				: #000;
	text-decoration		: underline;
}

#zijbalk #nieuwsblok .titel {
	margin				: 10px 0 3px 0;
	font-weight			: bold;
	text-transform		: uppercase;
}

#zijbalk #nieuwsblok a.leesmeer, ol#nieuwsoverzicht a.leesmeer {
	display				: block;
	float				: right;
	padding				: 1px 8px;
	margin				: 10px 0;
	background			: #cc1e1f;
	color				: #fff;
	font-weight			: bold;
	text-decoration		: none;
}

/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 675px;
	margin				: 30px 0 0 0;
}

#content h1	{
	font-size			: 1.8em;
	font-weight			: normal;
	color				: #c91f1f;
	margin-bottom		: 15px;
}

#content h1 span {
	color				: #818080;
}

#content a 			{ color: #000; }
#content a:hover 	{ color: #666; }

/* iwes opmaak */
#content .iwes a:visited 	{ color: #999; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	margin				: 0;
	list-style			: none;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #000;
	font				: 1em Arial;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #43418e;
	background			: #efeef9;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #CC1E1F;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}


/* --------------------------------	*/
/* referentie filter			 	*/
/* --------------------------------	*/
#content .referentie-filter {

}
#content .jumpbox {
	width				: 220px;
	border				: 1px solid #9c9c9c;
	float				: right;
	margin				: 0 5px;
}

#content .jumpbox span	{
	display				: block;
	height				: 17px;
	padding				: 2px 0 0 3px;
	line-height			: normal;
	background			: #FFF url(../img/jumpbox-pijl.gif) no-repeat right top;
	cursor				: pointer;
}

#content .jumpbox-open span	{
	background			: #FFF url(../img/jumpbox-open-pijl.gif) no-repeat right top;
}

#content .jumpbox ul	{
	float				: none;
	z-index				: 10;
	width				: 220px;
	padding				: 0;
	margin				: 0;
	border				: solid 1px #9c9c9c;
	border-top			: none;
	background			: #FFF;
}

#content .jumpbox ul li	{
	float				: left;
	width				: 220px;
	padding				: 0;
	border				: none;
}

#content .jumpbox ul li a	{
	float				: left;
	width				: 215px;
	padding				: 2px 3px;
	border				: none;
	text-decoration		: none;
}

#content .jumpbox ul li a:hover,
#content .jumpbox ul li.actief a	{
	border				: none;
	font-weight			: bold;
	color				: #000;
}

#content .referentie-filter	.first {
	color				: #8f8e8e;
}

#content .referentie-filter select.soort-huisvesting option.first {
	padding				: 0;
	background			: none;
}

#content .referentie-filter .soort-huisvesting ul li {
	padding				: 0 0 0 20px;
	background-image	: url(../img/soort-huisvesting.gif);
	background-repeat	: no-repeat;
}

#content .referentie-filter .soort-huisvesting .tijdelijk 		{ background-position	: 3px 5px; }
#content .referentie-filter .soort-huisvesting .semi-permanent 	{ background-position	: 3px -18px; }
#content .referentie-filter .soort-huisvesting .permanent 		{ background-position	: 3px -39px; }
#content .referentie-filter .soort-huisvesting .wmo 			{ background-position	: 3px -61px; }

#content .referentie-filter .soort-huisvesting .actief	{
	font-weight			: bold;
}



/* --------------------------------	*/
/* referenties					 	*/
/* --------------------------------	*/
#content #referenties {
	margin				: 20px 0 0 0;
}

#content #referenties ul {
	overflow			: hidden;
}

#content #referenties ul li	{
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 165px;
	overflow-x			: hidden;
	margin				: 0 0 10px 0;
	vertical-align		: top;
	background			: url(../img/bg-referenties-bottom.gif) no-repeat left bottom;
}

#content #referenties ul li span, 
#content #referenties ul li img, 
#content #referenties ul li p, 
#content #referenties ul li a	{
	padding-left		: 15px;
	padding-right		: 12px;
}

#content #referenties ul li h2 {
	padding				: 16px 15px 0 12px;
	margin				: 0;
	background			: url(../img/bg-referenties-top.gif) no-repeat left top;
	color				: #c91f1f;
	font-size			: 16px;
}

#content #referenties ul li img {
	padding-top			: 8px;
	padding-bottom		: 8px;
}

#content #referenties ul li p {
	color				: #8f8e8e;
}

#content #referenties a.leesmeer {
	display				: block;		
	margin				: 10px 0 0 12px;
	padding-top			: 1px;
	height				: 18px;
	background			: url(../img/bg-referentie-meer-info.gif) no-repeat left top;
	color				: #fff;
	font-weight			: bold;
	font-size			: 0.9em;
}


#content #referenties a.leesmeer:hover {
	text-decoration		: none;
}

/* --------------------------------	*/
/* referentie 					 	*/
/* --------------------------------	*/
#content #referentie .details {
	float				: left;
	width				: 365px;
	padding				: 0 25px 0 0;
}

#content #referentie .details dl {
	margin				: 0;
	font-size			: 15px;
}

#content #referentie .details dl dt {
	float				: left;
	padding				: 0 5px 0 0;
}

#content #referentie .details p.omschrijving {
	margin				: 40px 0 0 0;
	color				: #787878;
	font-size			: 12px;
	line-height			: 19px;
	text-align			: justify;
}

#content #referentie .fotos {
	float				: left;
	width				: 285px;
}

#content #referentie .fotos ul {
	margin				: 30px 0;
}

#content #referentie .fotos ul li {
	float				: left;
	margin				: 1px;
}

#content #referentie .fotos a { 
	position			: relative;
	display				: block;
}

#content #referentie .fotos a img {
	position			: relative;
	z-index				: 1;
}

#content #referentie .fotos a .blokje {
	display				: block;
	width				: 50px;
	height				: 50px;
	position			: absolute;
	left				: 0;
	top					: 0;
	z-index				: 2;
}

/* Per soort huisvesting */
#content .tijdelijk h1,
#content .tijdelijk dl dt {
	color				: #53cd00;
}

#content .semi-permanent h1,
#content .semi-permanent dl dt {
	color				: #ffde00;
}

#content .permanent h1,
#content .permanent dl dt {
	color				: #01adff;
}

#content .wmo h1,
#content .wmo dl dt {
	color				: #9492b5;
}

#content .tijdelijk .fotos a .blokje 		{ background-color	: #53cd00; }
#content .semi-permanent .fotos a .blokje 	{ background-color	: #ffde00; }
#content .permanent .fotos a .blokje 		{ background-color	: #01adff; }
#content .wmo .fotos a .blokje 				{ background-color	: #9492b5; }


/* --------------------------------	*/
/* nieuwsoverzicht			 		*/
/* --------------------------------	*/
ol#nieuwsoverzicht li {
	float				: left;
	padding				: 8px;
	margin				: 0 0 5px 0;
	border				: 1px solid #ff321c;
	width				: 657px;
}

ol#nieuwsoverzicht li.oneven {
	background			: #f3eef6;
}

ol#nieuwsoverzicht li.hover {
	background			: #f7f7f7;
}

ol#nieuwsoverzicht li .datum {
	color				: #306;
}

ol#nieuwsoverzicht li.hover .datum {
	color				: #FFF;
}

ol#nieuwsoverzicht li .info {
	padding				: 0 0 0 20px;
}

ol#nieuwsoverzicht li h3 {
	color				: #000;
	font-size			: 1.2em;
}

ol#nieuwsoverzicht li a {
	color				: #000;
	font-weight			: normal;
	margin				: 3px 0 0 0;
	text-decoration		: none;
}

ol#nieuwsoverzicht li a:hover {
	color				: #000;
}

ol#nieuwsoverzicht li h3 a {
	font-weight			: bold;
}
ol#nieuwsoverzicht li h3 a:hover {
	text-decoration		: underline;
	color				: #000;
}

/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .pagina_navigatie	{
	padding				: 10px 0;
	float				: right;
}

#content .pagina_navigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .pagina_navigatie ul	{
	display				: inline;
}

#content .pagina_navigatie ul li	{
	display				: inline;
	border				: none;
	margin				: 0;
	padding				: 0 5px 0 0;
	font-weight			: bold;
}

#content .pagina_navigatie ul li.navigatie_huidige_pagina	{
	background			: #306;
	color				: #FFF;
	padding				: 2px 5px;
	margin				: 0 5px 0 0;
}

#content .pagina_navigatie ul li a	{
	padding				: 2px 5px;
	background			: #CC1E1F;
	color				: #fff;
	text-decoration		: none;
}

#content .pagina_navigatie ul li.actief a, 
#content .pagina_navigatie ul li a:hover	{
	background			: #fff;
	color				: #CC1E1F;
}


/* --------------------------------	*/
/* nieuwsbriefformulier			 	*/
/* --------------------------------	*/
#content #nieuwsbriefformulier {
	font-family				: Arial;
	font-size				: 1em;
	color					: #000;
	line-height 			: 1.4em;
}

#content #nieuwsbriefformulier fieldset {
	margin					: 0;
	padding					: 0;
	border					: 0;
}

#content #nieuwsbriefformulier legend {
	text-indent				: -900em;
}

#content #nieuwsbriefformulier ul {
	list-style				: none;
	padding					: 0;
	margin					: 0;
}

#content #nieuwsbriefformulier li {
	margin					: 0 0 3px 0;
}

#content #nieuwsbriefformulier li label {
	display					: block;
	width					: 80px;
	float					: left;
	padding					: 3px 0 1px 0;
}

#content #nieuwsbriefformulier li input {
	color					: #000;
	width					: 300px;
	padding					: 1px 2px;
}

#content #nieuwsbriefformulier li#extra_variabelen {
	clear					: both;
}

#content #nieuwsbriefformulier li#extra_variabelen select {
	display					: block;
	width					: 80px;
	margin					: 10px 0 3px 80px;
}

#content #nieuwsbriefformulier li#extra_variabelen input {
	margin					: 0 0 3px 0;;
}

#content #nieuwsbriefformulier li.aan_afmelden {
	padding					: 10px 0 10px 80px;
}

#content #nieuwsbriefformulier li.aan_afmelden input.radio {
	border					: 0;
	width					: 17px;
}

#content #nieuwsbriefformulier li.aan_afmelden label {
	width					: 100px;
	display					: inline;
	float					: none;
}

#content #nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;
	background-color		: #E5ECF5;		
}

#content #nieuwsbriefformulier li input.multipleFout_nieuwsbriefformulier {	
	background-color		: #E5ECF5;		
}

#content #nieuwsbriefformulier li input.button {
	font-size				: 1em;
	font-weight     		: bold;
	color					: #FFF;
	border					: 0;
	cursor					: pointer;
	width					: auto;
	padding					: 3px 20px;
	margin					: 10px 0 10px 80px;
}

#content #nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #E70509;
	display					:none;
	font-weight				: bold;
}



/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	overflow			: hidden;
	border				: solid 1px black;
}

#googlemaps	{
	width				: 335px;
	height				: 400px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	height				: 75px;
	background			: transparent url(../img/bg-footer.png) no-repeat left top;
}

#footer address {
	text-align			: center;
	padding-top			: 25px;
	font-size			: 12px;
	font-style			: normal;
	color				: white;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 0 0 10px 0;
	font-size			: 0.9em;
	color				: #fff;
}

#amimpact a {
	color				: #fff;
	text-decoration		: none;
}

#amimpact a:hover {
	text-decoration		: underline;
}

#amimpact a.actief {
	font-weight			: bold;
}

#amimpact .copyright {
	float				: left;
	width               : 550px;
	text-align          : left;
	padding				: 0 0 0 30px;
}

#amimpact .webdesign {
	float				: right;
}

/* ------------------------------------------------------------ */
/* CRUD CSS en aanpassingen										*/
/* ------------------------------------------------------------ */


/* formulier maakt tekst kleiner... */
form .tabel td	{
	font-size			: 1em;
}

.tabel thead th form	{
	text-align			: right;
	margin				: 0;
}

.tabel thead th .button	{
	padding				: 1px;	
}

ul.error	{
	font-weight			: bold;
	color				: #f00;
	list-style			: square;
}

ul.wachtwoord_controle {
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
}

.hidden
{
	display : none;
}



/* ------------------------------------------------------------ */
/* groeperen van velden 										*/
/* ------------------------------------------------------------ */
fieldset	{
	border				: 1px solid #BFBFBF;
	margin				: 30px 0 10px 0;
	padding				: 10px;
}

fieldset h3	{
	display				: inline;
	position			: relative;
	top					: -29px;		
	font-size			: 1.1em;
	font-weight			: bold;	
	color				: #000;
	padding				: 3px 10px 5px;
	background			: #fff;	
	border				: 1px solid #BFBFBF;
	border-bottom		: 0;
}

.crudfieldsetlegend	{
	display				: none;
}


/* ------------------------------------------------------------ */
/* tabellen, snelle manier										*/
/* ------------------------------------------------------------ */

.tabel 	{
	border-collapse		: collapse;
}

.tabel thead th	{
	border				: solid 1px #919191;
	background			: #B3B3B3;
	padding				: 4px 5px;
	font-weight			: normal;
	text-align			: left;
}

.tabel tbody th.center	{
	text-align			: center !important;
}

.tabel tbody th	{
	background			: #e0e0e0;
	padding				: 6px 5px;
	font-weight			: bold;
	text-align			: left;
}

.tabel tbody td	{
	background			: white;
	padding				: 5px;
	font-weight			: normal;
	vertical-align		: top;
}

.tabel tbody td td	{
	border				: none;
	background			: inherit;
	padding				: 0;
}

.tabel tbody tr.oneven td	{
	background			: #F9F9F9;
}

.tabel tbody tr.even td	{
	background			: white;
}

.tabel tbody.hover tr:hover td, .tabel tbody.hover tr.sfhover td	{
	background			: #ffeecc;
}

td.basisActie a, .grid .wijzigen, .grid .verwijderen	{
	color				: #EE6911 !important;
	text-transform		: lowercase;
	margin-right		: 3px;
}

td.actie	{
	color				: #666 !important;
	white-space			: nowrap;
}

td.actie a	{
	color				: #666 !important;
	text-transform		: lowercase;
	margin-right		: 3px;
}

td.basisActie {
	white-space			: nowrap;
}

acronym	{
	border-bottom		: 1px solid #aaa;
	border-bottom-style	: dotted;
	cursor				: help;
}

/* kolomtype genste tabel */
td.kolomType	{
	padding				: 0 !important;
	border				: none !important;
}

td.kolomType table td	{
	border				: solid 1px #CCCCCC;
	background			: white;
	padding				: 5px;
	font-weight			: normal;
}

td.kolomType table td td	{
	border				: none;
	/*background			: auto;*/
	background			: inherit;
	padding				: 0;
}

/*row kleuren bij selecteren*/
tr.geselecteerd	td {
	background			: #DFFFE3 !important;
}

/* Geen titel boven form tonen */
h1.records { display: none; }

/* 1-10 bij samenvatting kleiner */
fieldset.samenvatting td.recordForm {
	line-height			: 15px;
	vertical-align		: middle;
	font-size			: 9px;
}