/************************************************************************************************
 * Blauw: #2E3094;
 * Helder blauw: #00ABD8;
 * Groen: #AAC321;
 * Oranje: #FAB114;
 * Donker blauw: #035891;
 * Bruin: #D06F1E;
 ************************************************************************************************/


#Container {
	position: relative;
	width: 1000px;
	text-align: left;
}

	#Top {
		position: relative;
		width: 999px;
		height: 70px;
		background-color: #2E3094;
		border-bottom: 1px #FFFFFF solid;
	}
	
		#TopButtons {
			position: relative;
			width: 100%;
			height: 35px;
			_height: 29px;
			font-size: 1.1em;
			z-index:100;
		}
		
			#ButtonExpertise, #ButtonProducts, #ButtonServices, #ButtonInitiatives, #ButtonAboutFMO, #ButtonExpertiseOver, #ButtonProductsOver, #ButtonServicesOver, #ButtonInitiativesOver, #ButtonAboutFMOOver {
				padding-top: 5px;
				padding-bottom: 5px;
				width: 189px;
				_width: 200px;
				height: 24px;
				_height: 29px;
				text-align: right;
				padding-right: 10px;
				border-right: 1px #FFFFFF solid;
				position: relative;
				color: #FFFFFF;
				float: left;
				clear: none;
				font-weight: bold;
				z-index:100;
			}
			
			#ButtonExpertise a, #ButtonProducts a, #ButtonServices a, #ButtonInitiatives a, #ButtonAboutFMO a, #ButtonExpertiseOver a, #ButtonProductsOver a, #ButtonServicesOver a, #ButtonInitiativesOver a, #ButtonAboutFMOOver a {
				color: #FFFFFF;
				font-weight: bold;
				text-decoration: none;
			}
			
			#ButtonExpertise {
				background-color: #00ABD8;
			}

			.ButtonExpertise {
				background-color: #00ABD8;
				border-bottom: 1px solid #FFFFFF;
			}

			.ButtonExpertiseOver {
				background-color: #00ABD8;
				border-bottom: 1px solid #00ABD8;
			}
			
			#ButtonProducts {
				background-color: #AAC321;
			}

			.ButtonProducts {
				background-color: #AAC321;
				border-bottom: 1px solid #FFFFFF;
			}
			
			.ButtonProductsOver {
				background-color: #AAC321;
				border-bottom: 1px solid #AAC321;
			}
			
			#ButtonServices {
				background-color: #FAB114;
			}

			.ButtonServices {
				background-color: #FAB114;
				border-bottom: 1px solid #FFFFFF;
			}

			.ButtonServicesOver {
				background-color: #FAB114;
				border-bottom: 1px solid #FAB114;
			}
			
			#ButtonInitiatives {
				background-color: #035891;
			}

			.ButtonInitiatives {
				background-color: #035891;
				border-bottom: 1px solid #FFFFFF;
			}

			.ButtonInitiativesOver {
				background-color: #035891;
				border-bottom: 1px solid #035891;
			}
			
			#ButtonAboutFMO {
				background-color: #D06F1E;
			}

			.ButtonAboutFMO {
				background-color: #D06F1E;
				border-bottom: 1px solid #FFFFFF;
			}

			.ButtonAboutFMOOver {
				background-color: #D06F1E;
				border-bottom: 1px solid #D06F1E;
			}
		
		#TopSubMenu {
			padding-bottom: 5px;
			position: relative;
			width: 100%;
			height: 25px;
			_height: 30px;
			font-size: 1.1em;
			z-index:100;
		}
		
		#TopTitle {
			position: relative;
			width: 100%;
			padding-top: 10px;
			padding-left: 10px;
			height: 50px;
			font-size: 3.0em;
			font-weight: normal;
			color: #2E3094;
		}
		
		#Content {
			float: left;
			clear: none;
			position: relative;
			width: 659px;
			_width: 666px;
		}
		
			#ContentTitle {
				clear: none;
				position: relative;
				width: 100%;
				background-color:#00ABD8;
				color: #FFFFFF;
				font-size: 1.1em;
				font-weight: bold;
				padding-left: 5px;
				padding-top: 5px;
				padding-bottom: 5px;
			}

			#ContentBody {
				clear: none;
				position: relative;
				width: 100%;
			}
			
			#Introduction {
				clear: both;
				position: relative;
				width: 999px;
				height: 165px;
				background-color: #FFFFFF;			
				background-position: top right;
				background-repeat: no-repeat;
			}

			#SmallIntroduction {
				clear: both;
				position: relative;
				width: 999px;
				height: 65px;
				background-color: #FFFFFF;
			}

/* Deze div wordt door google maps gebruikt om de map in te plaatsen */ 
#map 
{
	width: 100%;
	height: 750px;
}	
	#LeftBar, #CenterBar, #RightBar {
			float: left;
			clear: none;
			position: relative;
			width: 328px;
			_width: 333px;
			height: 100%;
			margin-left: 3px;
			_margin-left: -2px;
		}
		
		#LeftBar {
			margin-left: 0px;
			
		}
		
		

			.BarTitle, .BarTitleDownload {
				clear: none;
				position: relative;
				width: 328px;
				_width: 330px;
				background-color: #AAC321;
				color: #FFFFFF;
				font-size: 1.1em;
				font-weight: bold;
				padding-left: 10px;
				padding-top: 5px;
				padding-bottom: 5px;
				margin-right: -10px;
				text-transform: uppercase;
			}

			.BarTitleDownload {
				width: 320px;
				_width: 330px;
				_margin-left:0px;
			}				
				.BarDate {
					padding-left: 5px;
					font-size: 1.2em;
				}
				
				.BarBigTitle {
					padding-left: 5px;
					font-size: 1.8em;
					font-weight: bold;
				}
				
				.BarBigContent {
					padding-left: 5px;
					color: #666666;
					font-size: 1.2em;
				}
				
				.BarItem {
					padding-bottom: 10px;
					padding-top: 5px;
					border-bottom: 1px #666666 solid;
				}
				
					.BarItemTitle {
						font-weight: bold;
					}
					
					.BarItemContent {
						color: #666666;
					}
					
					.BarItemContent a {
						font-weight: bold;
						color: #000000;
						text-decoration: none;
					}
				
				.BarItemLink {
					text-align: right;
					padding-top: 15px;
					padding-bottom: 15px;
				}

				.BarItemLink a {
					color: #666666;
					text-decoration: none;
				}
				
				.BarItemLink a img {
					padding: 0px;
				}

			.BarContent {
				clear: none;
				position: relative;
				width: 320px;
				padding-left: 10px;
				background-color: #FFFFFF;
				height: 100%;
				_height: 300px;
				padding: 5px;
			}
			
					#BarCalenderTitle {
						padding-top: 10px;
						padding-bottom: 10px;
						padding-left: 50px;
						font-size: 1.1em;
						color: #666666;
					}
				
					#BarCalenderMonth {
						padding-left: 50px;
						width: 260px;
						padding-bottom: 10px;
					}
				
					#BarCalenderMonth table, #BarCalenderMonth table td {
						border-collapse: collapse;
						margin: 0px;
						border: 1px solid #666666;
					}
					
					#BarCalenderMonth table td {
						height: 20px;
						width: 20px;
						padding-top: 10px;
						padding-left: 10px;
						text-align: center;
					}

					#BarCalenderMonth table td.selected {
						color: #FFFFFF;
						background-color: #2E3094;
					}

					#BarCalenderMonth table td.selected a {
						color: #FFFFFF;
						text-decoration: none;
						background-color: #2E3094;
					}
					
		#Footer {
			position: relative;
			clear: both;
			background-color:#2E3094;
			color: #FFFFFF;
			font-size: 1em;
			font-weight: bold;
			height: 40px;
		}
		
			#FooterInfo {
				position: relative;
				padding-left: 5px;
				padding-top: 12px;
				padding-bottom: 5px;
				clear: none;
				float: left;
			}
			
			#FooterSearchText {
				position: relative;
				padding-top: 12px;
				padding-bottom: 10px; 
				padding-left: 230px;
				clear: none;
				float: left;
			}
			
			#FooterSearchInput {
				position: relative;
				padding-bottom: 10px; 
				padding-right: 10px;
				clear: none;
				float: right;
			}

		#Disclaimer {
			position: relative;
			clear: both;
			color: #666666;
			font-size: 1em;
			height: 40px;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 5px;
		}
		
		#Disclaimer a {
			text-decoration: none;
			color: #666666;
		}
		
/*Template 2 intro text + titel*/
#pageBox {
	position:relative;
	width:470px;
	height:100%;
	float:left;
	z-index: 1;
}



	.pageTitle {	
		position:relative;
		margin-top:1px;
		margin-bottom:1px;
		width:460px;
		float:left;
		padding-left: 10px;	
		padding-top: 10px;
	}

	.pageDescription {
		padding-left: 10px;
		width:460px;
		height: 85px;
		float:left;
	}


#SmallIntroduction #pageBox {
	position:relative;
	width:100%;
	height: 100%;
	float:left;
}

	#SmallIntroduction .pageTitle {	
		position:relative;
		margin-top:1px;
		margin-bottom:1px;
		width:450px;
		height: 100%;
		float:left;
		clear: none;
		padding-left: 10px;	
		padding-top: 10px;
	}

	#SmallIntroduction .pageT3Description {	
		position:relative;
		margin-top:1px;
		margin-bottom:1px;
		width:460px;
		height: 100%;
		float:left;
		clear: none;
		padding-left: 10px;	
		padding-top: 10px;
	}

/* SMS Search */

#SearchBox
{
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 26px;
	text-align: left;
	background-image: url(/img/stijl/search_icon.gif);
	background-position:top;
	background-position: left;
	background-repeat: no-repeat;
}

#SearchBox INPUT, input.fldTerms
{
	position: relative;
	margin-left: 60px;
	border: 1px solid #696969;
	width: 245px;
	color: #696969;
	background-color: #FFFFFF;
}

#CenterBar #SearchBox INPUT, input.fldTerms
{
	margin-left: 55px;
}

#SearchButton
{
	position: relative;
	margin-right: 11px;
	width: 100%;
	text-align: right;
}

#SearchButton INPUT
{
	border: 0px;
	background-color: #949494;
	color: #FFFFFF;
	width: 75px;
}

#SearchLinks
{
	position: relative;
	margin-top: 15px;
	margin-left: 10px;
}

#SearchResults
{
	position:relative;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color:#b7b7b7;
	scrollbar-base-color:#FFFFFF;
	scrollbar-arrow-color:#09739d;
	scrollbar-track-color:#f2f2f2;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-Color:#FFFFFF;
}

#LeftBar #SearchResults
{
	height: 340px;
}

#border
{
	position: relative;
	width: 999px;
	background-image:url(../img/border.png);
	background-repeat:repeat-y;
	float: left;
}

/***************************/
/***************************/
/*******NEW HOMEPAGE********/
/***************************/
/***************************/

.BlockHomeImg{	
	width: 189px;
	_width: 200px;
	height: 153px;
	_height: 153px;
	text-align: left;
	padding-right: 10px;
	border-right: 1px #FFFFFF solid;
	position: relative;
	color: #FFFFFF;
	float: left;
	clear: none;
	font-weight: bold;
	z-index:100;
	margin-bottom:1px;
	overflow:hidden;
	padding-bottom:0px;
	}


.BlockHomeLightBlue a, .BlockHomeGreen a, .BlockHomeOrange a, .BlockHomeBlue a, .BlockHomeBrown a{
	color: white;
}
			
.BlockHomeLightBlue, .BlockHomeGreen, .BlockHomeOrange, .BlockHomeBlue, .BlockHomeBrown{
	padding-top: 5px;
	width: 193px;
	_width: 200px;
	height: 148px;
	_height: 153px;
	text-align: left;
	padding-right: 3px;
	border-right: 1px #FFFFFF solid;
	position: relative;
	color: #FFFFFF;
	float: left;
	clear: none;
	font-weight: 900;
	z-index:100;
	margin-bottom:1px;
	padding-left:3px;
	overflow:hidden;
	_font-size:10pt;
	_font-color:#E9E9E9;
	_text-shadow:#FFFFFF 0px 0px 1px;
}

.BlockHomeLightBlue{
	background-color:#00ABD8;
}
.BlockHomeGreen{
	background-color:#AAC321;
}
.BlockHomeOrange{
	background-color:#FAB114;
}
.BlockHomeBlue{
	background-color:#035891;
}
.BlockHomeBrown{
	background-color:#D06F1E;
}

/* extra explicit bg-color for text blocks */
.BlockHomeLightBlue div {
	background-color:#00ABD8;
}
.BlockHomeGreen div {
	background-color:#AAC321;
}
.BlockHomeOrange div {
	background-color:#FAB114;
}

.BlockHomeBrown div {
	background-color:#D06F1E;
}



.BlockHomeTitle{
	font-weight:900;
	padding:0;
	margin:0;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
}
.BlockHomeNewsDate{
	font-weight:900;
	padding:0;
	margin:0;
	color:#FFFFFF;
}

.BlockHomeNewsTitle{
	font-weight:900;
	padding:0;
	margin:0;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
}

.BlockHomeText{
	font-weight:normal;
	padding:0;
	margin:0;
	font-color:#FFFFFF;
	height:110px;
	overflow:hidden;
	padding-left:1px;
	padding-right:1px;
	margin-left:1px;
	margin-right:2px;
}
.BlockHomeTextTeaser{
	font-weight:normal;
	padding:0;
	margin:0;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
}

.BlockHomeReadMore{
	text-decoration:underline;
	font-weight:900;
	padding:0;
	margin:0;
	color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;

}


.StripHomeLightBlue, .StripHomeGreen, .StripHomeOrange, .StripHomeBlue, .StripHomeBrown{

	width: 186px;
	_width: 200px;
	height: 5px;
	_height: 5px;
	text-align: left;
	padding-right: 10px;
	border-right: 1px #FFFFFF solid;
	position: relative;
	float: left;
	clear: none;
	z-index:100;
	margin-bottom:1px;
	padding-left:3px;
	_font-size: 2px;
	_padding-top:0px;
	_padding-bottom:0px;
}

.StripHomeLightBlue{
	background-color:#00ABD8;
}
.StripHomeGreen{
	background-color:#AAC321;
}
.StripHomeOrange{
	background-color:#FAB114;
}
.StripHomeBlue{
	background-color:#035891;
}
.StripHomeBrown{
	background-color:#D06F1E;
}