/*---- BLOCKS ----*/
@import url("block.agenda.css");
@import url("block.bedrijvenbank.css");
@import url("block.clips.css");
@import url("block.google-maps.css");
@import url("block.kalender.css");
@import url("block.nieuwsbrief.css");
@import url("block.publicaties.css");
@import url("block.vrij-zoeken.css");
@import url("block.zoekresultaten.css");

/*---- leftCon styles ----*/
	div#leftCon {
		float:				left;
		display:			inline;
		width:				232px;
		color:				#3d3d3d;
	}
	
	div#serviceMenu {
		height:				27px;
		padding: 			4px 0 0 0;
		text-align:			center;		
	}
	div#serviceMenu a {
		padding: 			0 5px 0 5px;
		font-size:			0.9em;
		color:				#000;
		text-decoration:	none;
	}
	div#serviceMenu a:hover {
		text-decoration:	underline;
	}
	
	div#logo {		
		height:				104px; 
		padding:			0 0 4px 0;
		text-align:			center;
	}
	
	div#flexibleCon {
		min-height:			175px;
	}
	
	div#intro {
		padding: 			5px 15px 15px 20px;
		color:				#666666;
	}
	

	/*---- end leftCon styles ----*/
	
	
	
	/*---- rightCon styles ----*/
	div#rightCon {
		position:			relative;
		float:				left;
		display:			inline;
		width:				717px;		
		height:				100%;
		color:				#3d3d3d;
		border-top:			1px solid #fff;
	}
	
	
	div#headerCon {
		height:				93px;
		width:				716px;
		border-right:		1px solid #fff;
		background:			#00a0ec;
	}
	
	div#tabsCon {
		width:				717px;
		height:				auto;
	}
	
		/*- styles for intro's in tabcontainers-*/
		div#tabsCon .triple-column {
			/*height:				133px;*/ /* 150 - 20 - 25 - 2px-baseline */
			/*min-height:			133px;*/
			padding:			20px 20px 0px 20px !important;
			color:				#fff;
			zoom:1;
		}
		div#tabsCon .triple-column table th {
			vertical-align:		top;
			font-weight:		normal;
		}		
		div#tabsCon .triple-column table td {
			vertical-align:		top;
			padding:			4px 0 0 0;
		}		
		div#tabsCon .triple-column table td img {
			margin:				0 16px 0 0;
			border:				1px solid #fff;
		}
		
		
		div#tabsCon .triple-column table th em,
		div#tabsCon .triple-column table th i {
			padding:			1px 3px 1px 3px;
			font-style:			normal;
			font-weight:		bold;
			color:				#ff0089;
			background-color:	#fff;
		}
	
	
	/*-- (main)navigation parts --*/
	div.navi,
	div.navitab {
		float:				left;
		display:			inline;
	}
	
	div.with-border {
		border-right:		1px solid #fff;
	}
	
	/*--(sub) navigation parts --*/
	div#subSubNav {
		float:				right;
		width:				209px;
		height:				auto;
		margin:				0 1px 0px 0;
	}
	
	div#subSubNav div {
		width:				205px;
		float:				left;
		display:			inline;
	}
	
	div#subSubNav div#subsubNaviList {
		padding:			0 0 10px 0;
	}
	
	div#subSubNav div#minheightspacer {
		width:				3px;
	}
	
	div#subSubNav div ul {
		list-style:			none;
		padding: 			3px 0 0 5px;
		margin: 			3px 0 0 5px;
	}
	
	div#subSubNav div ul li {
		line-height:		1.8em;
		zoom:				1;
	}
	
	div#subSubNav div ul li a {
		display:			block;
		padding-left:		12px;
		color:				#555555;
		font-size:			0.9em;
		line-height:		1.8em;
		text-decoration:	none;
		background:			url('../gfx/backgrounds/subsubnav-listitems.gif') left 10px no-repeat;
	}
	
	div#subSubNav div ul li a:hover,
	div#subSubNav div ul li.active a {		
		/* zie hoofdstuk afhankelijke stylesheet */
		font-weight:		bold;
	}
	
	
	/*-- contentCon styles --*/
	div#contentCon {
		position:			relative;
		width:				716px;
		padding-bottom:		50px;
	}
	
			
	/*-- single block --*/
	div.single-column {
		width:				218px; /* 238 - 10 - 10 */
		float:				left;
		display:			inline;
		padding:			15px 10px 15px 10px;
		
		border-right:		1px solid #fff;
	}
	
	
	
	
	/*-- double block --*/
	div.double-column {
		width:				457px; /* 477 - 20 - 0 */
		float:				left;
		display:			inline;
		padding:			30px 20px 15px 0;
		border-right:		1px solid #fff;
	}
	
	
	div.textblock {
		padding-left:		20px;
	}
	div.textblock p.intro {
		margin-top:			10px;
		font-weight:		bold;
	}
	
	
	
	/*-- triple block --*/
	div.triple-column {
		width:				676px; /* 716 - 20 - 20 */
		clear:				left;
		float:				left;
		padding:			15px 20px 15px 20px;
		border-right:		1px solid #fff;
	}
	
		
	/*-- full block --*/
	div.full-column {
		width:				716px;
		clear:				left;
		float:				left;
		border-right:		1px solid #fff;
		/*background:			orange;*/
	}
	
	
	div.column-last {
		border:				none !important;
		padding:			30px 20px 15px 0;
	}
	
	div#contentCon ul {
		/* list style colour is declared in the colourdependent stylesheet */
		/*list-style-image: url('');*/
	}
	
	/*-- end midCon styles --*/
	
	/*---- end rightCon styles ----*/
		
	
	
	/*---- footerCon styles ----*/
	
	div#footerCon {
		position:			relative;
		height:				70px;
		font-size:			0.9em;
		border-right:		1px solid #fff;
	}
	
	div#footerCon #nawCon {
		padding: 			7px 13px 10px 13px;
		background-color:	#efefef;
	}
	
	div#footerCon #nawCon span {
		padding:			0 7px 0 7px;
	}
	
	div#footerCon #colofon {
		padding: 			7px 20px 10px 20px;
		color:				#a2a2a2;
	}
	
	div#footerCon #colofon table {
		width:				100%;
		border-collapse:	collapse;
		padding:			0;
	}
	
	div#footerCon #colofon table th {
		font-weight:		normal;
		padding:			0 15px 0 15px;
	}
	
	div#footerCon #colofon table td {
		padding:			0 15px 0 15px;
	}
	
	div#footerCon #colofon a {
		color:				#a2a2a2;
	}
	

	/*---- style for clearing elements ----*/
	
	div.clearer {
		clear:				both;
		font-size:			0;
		line-height:		0;
	}
	
	
		
		
	/*---- link styles ----*/
	
		
	.readmore a {
		padding: 			0 13px 0 0;
		background:			url('../gfx/icons/arrow-right.gif') right 5px no-repeat;
	}
		
	div#footerCon a {
		color:				#3d3d3d;
		text-decoration:	underline;
	}
	
	div#footerCon a:hover {
		text-decoration:	none;
	}
	
	
	
	
	/*---- form styles ----*/
	
	form {
		display:			inline;
	}
	
	
	input.textfield,
	textarea.textfield {
		width:				140px;
		height:				auto;
		padding:			1px 4px 2px 4px;
		color:				#666666;
		font-size:			0.9em;
		border-top:			1px solid #8f8f8f;
		border-right:		1px solid #cecece;
		border-bottom:		1px solid #e4e4e4;
		border-left:		1px solid #cecece;
	}
	
	input.submitbttn {
		height:				17px;
		padding:			0 3px 2px 3px;
		margin-top:			10px;
		color:				#fff;	
		font-size:			0.9em;
		background-color:	#eb007e;
		border:				none;
	}
	
	input.disab {
		color:				#666;	
		font-size:			0.9em;
		background-color:	#ededed;
		border:				none;
	}
		
	input.required,
	textarea.required,
	select.required {
		background:			#fdd8d8;
		border:				1px solid red !important;
	}