/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		O3Spaces EN
	Version:		1.0
	Last change:	8-12-2010
	Assigned to:	Willem de Wit
	Company:		WIS Services BV http://www.wis.nl/
	Primary use:	Web
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Typography]

	

-------------------------------------------------------------------*/



@font-face {
	font-family: 'GunnyHandwritingRegular';
	src: url('fonts/scrgunny.eot');
	src: local('fonts/scrgunny.eot'), 
		url('fonts/scrgunny.woff') format('woff'), 
		url('fonts/scrgunny.ttf') format('truetype'), 
		url('fonts/scrgunny.svg#webfont7hcbW1Yn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FrutigerLTPro';
	src: url('fonts/frutigerltpro.eot');
	src: local('fonts/frutigerltpro.eot'), 
		url('fonts/frutigerltpro.woff') format('woff'), 
		url('fonts/frutigerltpro.ttf') format('truetype'), 
		url('fonts/frutigerltpro.svg#webfonty2cmHhS6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FrutigerLight';
	src: url('fonts/FrutigerLight.eot');
	src: local('fonts/FrutigerLight.eot'), 
		url('fonts/FrutigerLight.woff') format('woff'), 
		url('fonts/FrutigerLight.ttf') format('truetype'), 
		url('fonts/FrutigerLight.svg#webfontbtENbxBG') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Dax Medium';
	src: url('fonts/dxmd.eot');
	src: local('fonts/dxmd.eot'), 
		url('fonts/dxmd.woff') format('woff'), 
		url('fonts/dxmd.ttf') format('truetype'), 
		url('fonts/dxmd.svg#webfontNimmZm0K') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body {
	
}

body {background: #162030 url(../images/bg_gradient.gif) repeat-x top left; font: normal 13px/22px Tahoma, Arial, Verdana, sans-serif; color: #000;
}
h1 {font: normal 24px/32px Tahoma, Arial, Verdana, sans-serif; color: #2562AD; margin-top: 5px; margin-bottom: 16px;}
h2 {font: normal 20px/32px Tahoma, Arial, Verdana, sans-serif; color: #4071b3; margin-bottom: 5px;}
h3 { font: bold 13px/22px Tahoma, Arial, Verdana, sans-serif; color: #666666;}
a, a:active, a:visited, a:link {text-decoration: none; color:#2562ad;}
a:hover {text-decoration: underline;}



#logoContainer, #wrapper { width: 980px; margin: 0 auto; position: relative; }

#logoContainer {
	height:50px;
	margin-top: 12px;
}
	#logo {
		float:left;
		display:block;
		margin-bottom: 6px;
	}
	#logoText {
		margin-left:9px;
		float:left;
	}
	#flagContainer {
		position:absolute;
		width:210px;
		height:28px;
		right:0;
		text-align:right;
		color: #30a3ee;
	}
		#flagContainer > a { color: #cfe6ff; }
		#flagContainer > a > span.arrow { display: inline-block; height:0; width:0; margin-bottom: -2px; border-width: 5px; border-style: solid; border-color: #cfe6ff transparent transparent; }
		#languages { background: #fff; border: 1px solid #446496; display:none; position: absolute; right: -35px; text-align: left; width: 100px; z-index:10; }
		#languages > a { display: block; padding: 5px; }
		#languages > a:hover { background: #e3e3e3; }
		

#wrapper { 
	margin-top: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
	.ie9 #wrapper { overflow:visible; }
	#header {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position:relative;
		overflow: hidden;
	}
		#header.home { 
			height: 447px; 
			/*background: url(../images/header_bg.jpg) no-repeat top left;*/
		}
		
			#header.home .banner {
				position: absolute;
				top: 0;
				height: 100%;
				bottom: 0;
				width: 100%;
				right: 0;
				
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
			
			.slidebutton {
				position: absolute;
				width: 32px;
				height: 100%;
				cursor: pointer;
				background-position: 0 50%;
				background-repeat: no-repeat;
			}
			
			.slidebutton.left {
				left: 0;
				background-image: url('../images/slidebutton-left.png');
			}
			
			.slidebutton.left:hover {
				background-image: url('../images/slidebutton-left_hover.png');
			}
			
			.slidebutton.right {
				right: 0;
				background-image: url('../images/slidebutton-right.png');
			}
			
			.slidebutton.right:hover {
				background-image: url('../images/slidebutton-right_hover.png');
			}
			
			#bannerSteps {
				position: absolute;
				bottom: 20px;
				/*margin-left: auto;
				margin-right: auto;*/
				width: 100%;
				text-align: center;
				
			}
			
			.bannerStep {
				/*float: left;*/
				display: inline-block;
				width: 15px;
				height: 15px;
				background: url('../images/slidestep_inactive.png');
			}
			
			.bannerStep + .bannerStep {
				margin-left: 8px;
			}
			
			.bannerStep.active {
				background: url('../images/slidestep_active.png');
			}
		
		#header .bannertext{margin-top: 330px; margin-left: 85px;}
		.no-borderradius #header .bannertext { margin-left: 41px; }
		
		#header.sub { 
			height: 300px; 
			background: url(../images/O3Spaces-5.0_Document-Solutions.jpg) no-repeat top left;
		}
		#header.subsub { 
			height: 60px; 
			background: url(../images/header_sub_sub_bg.jpg) no-repeat top left;
		}
			.no-borderradius #header > .topLeft, 
			.no-borderradius #header > .topRight { 
				position:absolute; 
				width: 5px; 
				height: 5px;
				background-image: url(../images/circle_top_header.png);
			}
				.no-borderradius #header > .topLeft, 
				.no-borderradius #header > .topRight { background-image:url(../images/circle_menu_active.png); }
				
				.no-borderradius #header > .topLeft { top: 0px; left: 0px; background-position: 0px 0px; }
				.no-borderradius #header > .topRight { top: 0px; right: 0px; background-position: -5px 0; }
		
		#menuContainer {
			position:absolute;
			top: 9px;
			left: 9px;
			right: 9px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: 0 2px 4px #000;
			-moz-box-shadow: 0 2px 4px #000;
			box-shadow: 0 2px 4px #000;
		}
			#menuContainer > ul {
				font-family: FrutigerLight, FrutigerRoman, FrutigerLTPro, Tahoma,Arial,sans-serif;
				background: #ececec; /*voor niet-css3 browsers*/
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3'); /* voor IE6&7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3')"; /* IE8 */
				background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3)); /* voor webkit browsers */
				background: -moz-linear-gradient(top, #f6f6f6, #e3e3e3); /* voor firefox 3.6+ */
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				/*overflow:hidden;*/
				display: -webkit-box;
				-webkit-box-orient: horizontal;
				display: -moz-box;
				-moz-box-orient: horizontal;
				display: box;
				box-orient: horizontal;
				height: 43px;
				width: 100%;
			}
				#menuContainer > ul  > li {
					display:block;
					color: #4a628e;
					-webkit-box-flex: 1;
					-moz-box-flex: 1;
					box-flex: 1;
				}
				.no-flexbox #menuContainer > ul { display:block; } 
					.no-flexbox #menuContainer > ul > li { float:left; } 
					.no-flexbox #menuContainer > ul > li > a:link, .no-flexbox #menuContainer > ul > li > a:visited, .no-flexbox #menuContainer > ul > li > a:active, .no-flexbox #menuContainer > ul > li > a:hover { padding-left: 20px; padding-right: 20px; } 
					
					
					#menuContainer > ul > li > a:link,
					#menuContainer > ul > li > a:visited, 
					#menuContainer > ul > li > a:active, 
					#menuContainer > ul > li > a:hover {
						background: url(../images/sep.png) right 50% no-repeat;
						/*border-style: solid;
						border-width: 1px 0px;
						border-color: #fff;*/
						color: #4a628e;
						display: block;
						font-size: 15px;
						height: 43px;
						line-height: 42px;
						padding: 0 10px;
						text-decoration:none;
						text-shadow: 1px 1px 0 #fff;
						text-align: center;
					}
				#menuContainer > ul > li:hover > a, #menuContainer > ul > li.active > a {
					border-color: #344564;
					background: #334362; /*voor niet-css3 browsers*/
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344564', endColorstr='#324260'); /* voor IE6&7 */
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#344564', endColorstr='#324260')"; /* IE8 */
					background: -webkit-gradient(linear, left top, left bottom, from(#344564), to(#324260)); /* voor webkit browsers */
					background: -moz-linear-gradient(top, #344564, #324260); /* voor firefox 3.6+ */
					color:#fff;
					text-shadow: none;
				}
				.no-borderradius #menuContainer > ul > li:first-child > .topLeft, 
				.no-borderradius #menuContainer > ul > li:first-child > .bottomLeft,
				.no-borderradius #menuContainer > .topRight, 
				.no-borderradius #menuContainer > .bottomRight,
				.ie9 #menuContainer > ul > li:first-child > .topLeft, 
				.ie9 #menuContainer > ul > li:first-child > .bottomLeft,
				.ie9 #menuContainer > .topRight, 
				.ie9 #menuContainer > .bottomRight	{ 
					position:absolute; 
					width: 5px; 
					height: 5px;
					background-image: url(../images/circle_menu.png);
				}
					.no-borderradius #menuContainer > ul > li:first-child:hover > .topLeft, 
					.no-borderradius #menuContainer > ul > li:first-child:hover > .bottomLeft,
					.no-borderradius #menuContainer > ul > li:first-child.active > .topLeft, 
					.no-borderradius #menuContainer > ul > li:first-child.active > .bottomLeft,
					.ie9 #menuContainer > ul > li:first-child:hover > .topLeft, 
					.ie9 #menuContainer > ul > li:first-child:hover > .bottomLeft,
					.ie9 #menuContainer > ul > li:first-child.active > .topLeft, 
					.ie9 #menuContainer > ul > li:first-child.active > .bottomLeft { background-image:url(../images/circle_menu_active.png); }
					
					.no-borderradius #menuContainer > ul > li:first-child > .topLeft { top: 0px; left: 0px; background-position: 0px 0px; }
					.no-borderradius #menuContainer > ul > li:first-child > .bottomLeft { bottom: 0px; left: 0px; background-position: 0 -5px; }
					.ie9 #menuContainer > ul > li:first-child > .topLeft { top: 0px; left: 0px; background-position: 0px 0px; }
					.ie9 #menuContainer > ul > li:first-child > .bottomLeft { bottom: 0px; left: 0px; background-position: 0 -5px; }
					
					.no-borderradius #menuContainer > .topRight { top: 0px; right: 0px; background-position: -5px 0px; } 
					.no-borderradius #menuContainer > .bottomRight { bottom: 0px; right: 0px; background-position: -5px -5px; } 
					.ie9 #menuContainer > .topRight { top: 0px; right: 0px; background-position: -5px 0px; } 
					.ie9 #menuContainer > .bottomRight { bottom: 0px; right: 0px; background-position: -5px -5px; } 
						
				#menuContainer > ul > li:first-child > a {
					-moz-border-radius: 4px 0px 0px 4px;
					-webkit-border-radius: 4px 0px 0px 4px;
					border-radius: 4px 0px 0px 4px;
					border-width: 1px 0px 1px 1px;
					padding-left:10px;
				}
				#menuContainer > ul > li.last {
					font-size: 15px;
					color: #fff;
					line-height: 42px;
					-moz-border-radius: 0 4px 4px 0;
					-webkit-border-radius: 0 4px 4px 0;
					border-radius: 0 4px 4px 0;
					border-width: 1px 1px 1px 0px;
				}
					#menuContainer > ul > li.last > a {
						-moz-border-radius: 0 4px 4px 0;
						-webkit-border-radius: 0 4px 4px 0;
						border-radius: 0 4px 4px 0;
						background: none;
					}
					#menuContainer > ul > li.last:hover > a, #menuContainer > ul > li.last.active > a { 
						background: #334362; /*voor niet-css3 browsers*/
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#344564', endColorstr='#324260'); /* voor IE6&7 */
						-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#344564', endColorstr='#324260')"; /* IE8 */
						background: -webkit-gradient(linear, left top, left bottom, from(#344564), to(#324260)); /* voor webkit browsers */
						background: -moz-linear-gradient(top, #344564, #324260); /* voor firefox 3.6+ */
					}
				#menuContainer > ul > li.divider {
					width: 2px;
					height: 45px;
					background: url(../images/sep.png) 50% no-repeat;
					-webkit-box-flex: 0;
					-moz-box-flex: 0;
					box-flex: 0;
				}
				
					.searchinput {
						width: 150px;
						height: 17px;
						background-color: #F1F1F1;
						border: 1px solid #C1C1C1;
						font: normal 11px/14px Tahoma,Arial,sans-serif;
						padding: 0 3px;
						position: relative;
					}
					.submit {
						margin: 0 3px;
						cursor: pointer;
						vertical-align: middle;
					}
		
	#center {
		margin: 19px 0 0;
		padding: 19px;
		padding-right: 40px;
		overflow: hidden;
		background: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		 -moz-box-shadow: 0 0 6px #E7E7E7;
		 -webkit-box-shadow: 0 0 6px #E7E7E7;
		 box-shadow: 0 0 6px #E7E7E7;
	}
	
	#center.home {
		padding-right: 19px;
	}
	
		#subMenuContainer {
			width:180px;
			float:left;
			margin-right: 40px;
		}
				
			#subMenuContainer > ul {
				margin-bottom: 50px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.75);
				box-shadow: 0 1px 6px rgba(0,0,0,0.75);
				background: #f1f1f1; /*voor niet-css3 browsers*/
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eaeaea'); /* voor IE6&7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#eaeaea')"; /* IE8 */
				background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eaeaea)); /* voor webkit browsers */
				background: -moz-linear-gradient(top, #f7f7f7, #eaeaea); /* voor firefox 3.6+ */
				position: relative;
			}
				.no-borderradius #subMenuContainer > ul { border: 1px solid #ccc; }
				.no-borderradius #subMenuContainer > ul > .topLeft, 
				.no-borderradius #subMenuContainer > ul > .topRight, 
				.no-borderradius #subMenuContainer > ul > .bottomLeft, 
				.no-borderradius #subMenuContainer > ul > .bottomRight { position: absolute; width: 6px; height: 6px; background-image: url(../images/circle_submenu.png); }
					.no-borderradius #subMenuContainer > ul > .topLeft { top: -1px; left: -1px; background-position: 0px 0px; }
					.no-borderradius #subMenuContainer > ul > .topRight { top: -1px; right: -1px; background-position: -6px 0px; }
					.no-borderradius #subMenuContainer > ul > .bottomLeft { bottom: -1px; left: -1px; background-position: 0px -6px; }
					.no-borderradius #subMenuContainer > ul > .bottomRight { bottom: -1px; right: -1px; background-position: -6px -6px; }
				#subMenuContainer ul li {
					font: 13px/15px Tahoma,Arial,sans-serif;
					display:block;
					border: 1px solid #fff;
					border-top: none;
				}
				#subMenuContainer > ul > li {
					color:#fff;
				}
				
				#subMenuContainer > ul > li.active { border:none; }
					#subMenuContainer > ul > li > a:link,
					#subMenuContainer > ul > li > a:visited,
					#subMenuContainer > ul > li > a:hover,
					#subMenuContainer > ul > li > a:active {
						color: #4e4e4e;
						text-decoration: none;
						padding: 8px 18px;
						font-weight: bold;
						display:block;
						position: relative;
					}
					#subMenuContainer > ul > li:hover > a { 
						background: #e0e0e0; /*voor niet-css3 browsers*/
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#dcdcdc'); /* voor IE6&7 */
						-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#dcdcdc')"; /* IE8 */
						background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#dcdcdc)); /* voor webkit browsers */
						background: -moz-linear-gradient(top, #e3e3e3, #dcdcdc); /* voor firefox 3.6+ */ 
					}
					#subMenuContainer > ul > li.active > a, 
					#subMenuContainer > ul > li.active:hover > a {
						font-weight: bold;
						background: #405782; /*voor niet-css3 browsers*/
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476193', endColorstr='#344565'); /* voor IE6&7 */
						-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#476193', endColorstr='#344565')"; /* IE8 */
						background: -webkit-gradient(linear, left top, left bottom, from(#476193), to(#344565)); /* voor webkit browsers */
						background: -moz-linear-gradient(top, #476193, #344565); /* voor firefox 3.6+ */
						text-shadow: -1px -1px 0 #000;
						color: #fff;
					}
					
					
				#subMenuContainer > ul > li.first, #subMenuContainer > ul > li.last {
					height: 10px;
					border: none;
				}
					#subMenuContainer > ul > li > ul > li {
						color: #000;
					}
					#subMenuContainer > ul > li > ul > li > a:link,
					#subMenuContainer > ul > li > ul > li > a:visited, 
					#subMenuContainer > ul > li > ul > li > a:hover,
					#subMenuContainer > ul > li > ul > li > a:active {
						display:block;
						color: #000;
						padding: 5px 5px 5px 28px;
						text-decoration:none;
						border-bottom: 1px solid #e3e3e3;
						text-shadow: 1px 1px 0 #fff;
					}
					
					#subMenuContainer > ul > li > ul > li:hover > a{text-decoration: underline;}
					#subMenuContainer > ul > li > ul > li.active > a{
						font-weight: bold;
					}
					#subMenuContainer > ul > li > ul > li:hover.active > a{text-decoration:none;}
			#contact {
				background: #d9d4d4; /*voor niet-css3 browsers*/
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e2e2', endColorstr='#cac5c5'); /* voor IE6&7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e2e2', endColorstr='#cac5c5')"; /* IE8 */
				background: -webkit-gradient(linear, left top, left bottom, from(#e8e2e2), to(#cac5c5)); /* voor webkit browsers */
				background: -moz-linear-gradient(top, #e8e2e2, #cac5c5); /* voor firefox 3.6+ */
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				padding: 10px 18px;
				position: relative;
			}
				#contact h3 { color: #4e4e4e; font-weight: bold; text-shadow: 1px 1px 0 #fff; }
				#contact a:link, #contact a:visited, #contact a:active, #contact a:hover { color:#000; }
				#contact a:hover { text-decoration: underline; }
				#contact ul { margin-left: -18px; margin-right: -18px; }
				#contact ul li { border:none; padding: 5px 18px; }
				#contact ul li img { padding: 0 10px 3px 0; vertical-align:middle; }
				
				.no-borderradius #contact > .topLeft, 
				.no-borderradius #contact > .topRight, 
				.no-borderradius #contact > .bottomLeft, 
				.no-borderradius #contact > .bottomRight { position: absolute; width: 5px; height: 5px; background-image: url(../images/circle_contact.png); }
					.no-borderradius #contact > .topLeft { top: 0px; left: 0px; background-position: 0px 0px; }
					.no-borderradius #contact > .topRight { top: 0px; right: 0px; background-position: -5px 0px; }
					.no-borderradius #contact > .bottomLeft { bottom: 0px; left: 0px; background-position: 0px -5px; }
					.no-borderradius #contact > .bottomRight { bottom: 0px; right: 0px; background-position: -5px -5px; }
			#trybox {
				background: #d9d4d4; /*voor niet-css3 browsers*/
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e2e2', endColorstr='#cac5c5'); /* voor IE6&7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e2e2', endColorstr='#cac5c5')"; /* IE8 */
				background: -webkit-gradient(linear, left top, left bottom, from(#e8e2e2), to(#cac5c5)); /* voor webkit browsers */
				background: -moz-linear-gradient(top, #e8e2e2, #cac5c5); /* voor firefox 3.6+ */
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
				padding: 10px 18px;
				position: relative;
			}
				#trybox h3 { color: #4e4e4e; font-weight: bold; text-shadow: 1px 1px 0 #fff; }
				#trybox a:link, #trybox a:visited, #trybox a:active, #trybox a:hover { color:#000; }
				#trybox a:hover { text-decoration: underline; }
				#trybox ul { margin-left: -18px; margin-right: -18px; }
				#trybox ul li { border:none; padding: 5px 18px; }
				#trybox ul li img { padding: 0 10px 3px 0; vertical-align:middle; }
				
				.no-borderradius #trybox > .topLeft, 
				.no-borderradius #trybox > .topRight, 
				.no-borderradius #trybox > .bottomLeft, 
				.no-borderradius #trybox > .bottomRight { position: absolute; width: 5px; height: 5px; background-image: url(../images/circle_contact.png); }
					.no-borderradius #trybox > .topLeft { top: 0px; left: 0px; background-position: 0px 0px; }
					.no-borderradius #trybox > .topRight { top: 0px; right: 0px; background-position: -5px 0px; }
					.no-borderradius #trybox > .bottomLeft { bottom: 0px; left: 0px; background-position: 0px -5px; }
					.no-borderradius #trybox > .bottomRight { bottom: 0px; right: 0px; background-position: -5px -5px; }	
		#content {
			float:left;
			width:701px;
		}
			
			#content ul, #content ol{margin-left: 20px;}
			#content ul{list-style: disc;}
			#content p{margin-bottom: 10px;}
		
	#bottom {
		height:22px;
		background:url(../images/bottom_bg_new.png) top left no-repeat;
		clear: left;
	}
	#footer {
		width: 960px;
		margin: 10px auto 0 auto;
		text-align:center;
		font:normal 11px/18px Tahoma,Arial,sans-serif;
	}
		#menuFooter, 
		#menuFooter a { color:#cfe6ff; }
		
		#copy { 
			width:100%; 
			margin-bottom:20px;
		}
		#copy, #copy a { color:#30a3ee; }
		
		#menuFooter { 
			margin-top:4px; 
			margin:0 auto;
			width:100%;
			text-align:center;
		}
		#menuFooter ul li {
			float:left;
		}
		
	.features-item {
		border-top: 1px solid #efefef;
		padding-top: 20px;
	}
	
	.features-item :not(h2) {
		color: #666;
		font-size: 14px;
	}
	
	.features-item {
		text-align: justify;
	}
	
	.features-item h2 + p {
		color: #333;
	}
	
	.features-item h2 {
		margin-top: 7px;
		margin-bottom: 25px;
	}
	
	#content .features-item.odd > :not(img):not(a) {
		margin-right: 290px;
	}
	
	#content .features-item.even > :not(img):not(a) {
		margin-left: 290px;
	}
	
	.features-item.even img.icon {
		margin-left: 40px;
	}
	
	.features-item img.icon {
		float: left;
		margin-right: 20px;
	}
	
	.features-item a.image img {
		width: 250px;
		height: 156px;
	}
	
	.features-item.odd a.image {
		float: right;
	}
	
	.features-item.even a.image {
		float: left;
	}
	
	ul.intro-gray + ul {
		margin-top: 6px;
	}
	
	ul.intro-gray li {
		width: 315px;
		float: left;
	}
	
	ul.intro-gray li:nth-child(even) {
		margin-left: 50px;
	}
	
	ul.intro-gray:after,
	asdf ul.intro-gray li:nth-child(even):after	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

/*----------------------------------------------------------------
	[Templates]
--------------------------*/
	.center p { 
		color: #333;
		position:relative;
	}
	.innerContainer {
		margin: 10px 18px 0 8px;
	}
		
	.center h1 {
		font: 24px/34px Tahoma,Arial,sans-serif;
		color: #fff;
		margin:0;
	}
	.radius {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.single, .double {
		float: left;
		margin: 0 16px 16px 0;
		position:relative;	
	}
	.single {
		width: 300px; 
	}
	.center.single { 
		height: 173px;
	}
	
	.no_margin_right{
		margin-right: 0;
	}	
		.buttonContainer {
			width: 270px;
			text-align:center;
			position:absolute;
			bottom: 25px;
		}
		
		
	.button {
		text-align:center;
		display:inline-block;
		cursor:pointer;
		border: none;
	}
			.borderradius .button {
				margin: 0 9px;
				-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
				-moz-box-shadow: 0 1px 2px #9c9c9c; -webkit-box-shadow: 0 1px 2px #9c9c9c; box-shadow: 0 1px 2px #9c9c9c;
				
				background: -webkit-gradient(
								linear, 
								left top, 
								left bottom, 
								color-stop(0, rgb(38,98,172)),
								color-stop(0.5, rgb(68,100,150)),
								color-stop(0.52, rgb(65,91,135)),
								color-stop(1, rgb(55,81,123))
							); /* voor webkit browsers */
				background: -moz-linear-gradient(
								center top, 
								rgb(38,98,172) 0%,
								rgb(68,100,150) 50%,
								rgb(65,91,135) 54%,
								rgb(55,81,123) 100%
							); /* voor firefox 3.6+ */
				/*overflow: hidden;*/
				text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
			}
				.no-borderradius .button {
					
				}
				.borderradius .button:hover {
					text-shadow: 1px 1px 3px rgba(0,0,0,1);
					-moz-box-shadow: 0 1px 2px #3e3e3e; -webkit-box-shadow: 0 1px 2px #3e3e3e; -box-shadow: 0 1px 2px #3e3e3e;
				}
				.cssreflections .button { -webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.25))); }
				
				.borderradius .button, .button a:link, .button a:visited, button a:hover, .button a:active {
					color: #f2f3f6;
					font-size: 16px;
					line-height: 25px;
					font-family: Dax Medium, Tahoma,Arial,sans-serif;
					text-decoration: none;
				}
					.borderradius .button a:link, .borderradius .button a:visited, .borderradius .button a:hover, .borderradius .button a:active, .borderradius .button input { 
						display: block; 
						padding: 2px 17px;
						-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
						-moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff;
					}
					.cssreflections .button a:link, .cssreflections .button a:visited, .cssreflections .button a:hover, .cssreflections .button a:active { 
						-webkit-box-shadow: none;
					}
	
				
				.borderradius .button.grey {
					
					background: -webkit-gradient(
									linear, 
									left top, 
									left bottom, 
									color-stop(0, rgb(242,242,242)), 
									color-stop(0.5, rgb(235,235,235)),
									color-stop(0.52, rgb(223,223,223)),
									color-stop(1, rgb(221,221,221))
								); /* voor webkit browsers */
					background: -moz-linear-gradient(
									center top, 
									rgb(242,242,242) 0%,
									rgb(235,235,235) 50%,
									rgb(223,223,223) 52%,
									rgb(221,221,221) 100%
								); /* voor firefox 3.6+ */
					text-shadow: 1px 1px 3px rgb(255,255,255);
				}
					.button.grey, .button.grey a:link, .button.grey a:visited, .button.grey a:hover, .button.grey a:active {
						color: #585454;
					}
					.button.grey:hover, .button.grey:hover a:link, .button.grey:hover a:visited, .button.grey:hover a:hover, .button.grey:hover a:active { color: #423f3f; }
				
				.borderradius .button.green {
					
					background: -webkit-gradient(
									linear, 
									left top, 
									left bottom, 
									color-stop(0, rgb(120,192,61)), 
									color-stop(0.5, rgb(114,182,58)),
									color-stop(0.52, rgb(109,173,55)),
									color-stop(1, rgb(96,154,49))
								); /* voor webkit browsers */
					background: -moz-linear-gradient(
									center top, 
									rgb(120,192,61) 0%,
									rgb(114,182,58) 50%,
									rgb(109,173,55) 52%,
									rgb(96,154,49) 100%
								); /* voor firefox 3.6+ */
				}
			
			.no-borderradius .button {
				background: url(../images/button_blue_center.png) 50% repeat-x;
				height: 34px;
				margin: 0 20px;
			}
				.ie9 .button { background: url(../images/button_blue_center.png) 50% repeat-x; }
				.ie9 .button.green { background: url(../images/button_green_center.png) 50% repeat-x; }
				.ie9 .button.grey { background: url(../images/button_grey_center.png) 50% repeat-x; }
				
				.no-borderradius .button > a { display: block; position: relative; line-height: 32px; }
				.no-borderradius .button > a > .left, .no-borderradius .button > a > .right { 
					width: 12px;
					height: 34px;
					top: 0;
					position: absolute;
				}
				.no-borderradius .button.green {
					background: url(../images/button_green_center.png) 50% repeat-x;
				}
				.no-borderradius .button.grey {
					background: url(../images/button_grey_center.png) 50% repeat-x;
				}
				.no-borderradius .button > a > .left { background: url(../images/button_blue_left.png) top left no-repeat; left: -12px; }
				.no-borderradius .button > a > .right { background: url(../images/button_blue_right.png) top right no-repeat; right: -12px; }
				.no-borderradius .button.green > a > .left { background: url(../images/button_green_left.png) top left no-repeat; left: -12px; }
				.no-borderradius .button.green > a > .right { background: url(../images/button_green_right.png) top right no-repeat; right: -12px; }
				.no-borderradius .button.grey > a > .left { background: url(../images/button_grey_left.png) top left no-repeat; left: -12px; }
				.no-borderradius .button.grey > a > .right { background: url(../images/button_grey_right.png) top right no-repeat; right: -12px; }
				
				input.formButton{height: 29px; background-color: transparent; border:0; color: #fff; padding: 2px 17px; cursor: pointer; font-family: Dax Medium, Tahoma,Arial,sans-serif; font-size: 16px; line-height: 25px;}

			
	.double {
		width: 618px;
		
	}
	#center .block {
		background: #f4f1f1; /*voor niet-css3 browsers*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e2e2'); /* voor IE6&7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e2e2')"; /* IE8 */
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8e2e2)); /* voor webkit browsers */
		background: -moz-linear-gradient(top, #ffffff, #e8e2e2); /* voor firefox 3.6+ */
		border: 1px solid #fff;
		-moz-box-shadow: 0 2px 9px -1px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 2px 9px -1px rgba(0,0,0,0.4);
		box-shadow: 0 2px 9px -1px rgba(0,0,0,0.4);
		position: relative;
	}
		.no-borderradius #center .block { border: 1px solid #ccc; }
		.no-borderradius #center .block > .topLeft, 
		.no-borderradius #center .block > .topRight, 
		.no-borderradius #center .block > .bottomLeft, 
		.no-borderradius #center .block > .bottomRight { position: absolute; width: 6px; height: 6px; background-image: url(../images/circle_block.png); }
			.no-borderradius #center .block > .topLeft { top: -1px; left: -1px; background-position: 0px 0px; }
			.no-borderradius #center .block > .topRight { top: -1px; right: -1px; background-position: -6px 0px; }
			.no-borderradius #center .block > .bottomLeft { bottom: -1px; left: -1px; background-position: 0px -6px; }
			.no-borderradius #center .block > .bottomRight { bottom: -1px; right: -1px; background-position: -6px -6px; }
		.block h1 {
			color: #2562ad;
			font-size: 24px;
		}
	
	#center > .bottom {
		border: 1px solid #e5e5e5;
		background: #f5f5f5;
		margin-bottom:0;
		/*height: 254px;*/
		position: relative;
	}
		.no-borderradius #center > .bottom > .topLeft, 
		.no-borderradius #center > .bottom > .topRight, 
		.no-borderradius #center > .bottom > .bottomLeft, 
		.no-borderradius #center > .bottom > .bottomRight { position: absolute; width: 5px; height: 5px; background-image: url(../images/circle_transparent.png); }
			.no-borderradius #center > .bottom > .topLeft { top: -1px; left: -1px; background-position: 0px 0px; }
			.no-borderradius #center > .bottom > .topRight { top: -1px; right: -1px; background-position: -5px 0px; }
			.no-borderradius #center > .bottom > .bottomLeft { bottom: -1px; left: -1px; background-position: 0px -5px; }
			.no-borderradius #center > .bottom > .bottomRight { bottom: -1px; right: -1px; background-position: -5px -5px; }
	  
	.width{
		width: 301px;
	}
	
	#center > .bottom > div { 
		margin: 0; 
		/*width: 309px; */
	}
	 
	#center > .bottom > ul.tiles > li { 
		position: relative;
		border-color: #fff #e5e5e5 #e5e5e5 #fff;
		border-style: solid;
		border-width: 1px;
		display: -moz-inline-stack;
        display: inline-block;
		width: 307px; 
		height: 123px;
		vertical-align: top;
		zoom: 1;
        *display: inline;
	}
		#center > .bottom > ul.tiles > li:hover { background: #e5e5e5; }
		#center > .bottom > ul.tiles > li > a {
			color: #000;
			display: block;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 100;
		}
		
		#center > .bottom > ul.tiles > li > table{cursor: pointer;}
			#center > .bottom > ul.tiles > li > a:hover { text-decoration: none; }
		#center > .bottom > ul.tiles > li div.img{
			width: 55px;
			float: left;
			text-align: center;
			padding-top: 10px;
		}
	#center > .bottom > ul.tiles > li h2,
	#center .customers h2	{ 
		color: #000;
		font: 14px/18px Tahoma,Arial,sans-serif;
		font-weight: bold;
	}
	#center > .bottom > div > ul > li p {
		font: 13px/17px Tahoma,Arial,sans-serif;
		color: #000;
	}
	
	#center > .tabs{-moz-border-radius: 0; border: 0;}
	#center > .tabs > .tab_content { background-color: #F5F5F5; border: 1px solid #E5E5E5; margin-top: -2px; min-height:135px; -moz-box-shadow: inset 1px 0px #fff; -webkit-box-shadow: inset 1px 0px #fff; box-shadow: inset 1px 0px #fff; }
	#center > .tabs > .tab_content > .news_items{min-height: 100px;}
		#center > .tabs > .tab_content > .news_items > li + li, #center > .tabs > .tab_content > .event_items > li +li{ border-top: 1px solid #e5e5e5; -moz-box-shadow: inset -1px 1px #fff; -webkit-box-shadow: inset -1px 1px #fff; box-shadow: inset -1px 1px #fff; }
		#center > .tabs > .tab_content > .news_items > li:hover, #center > .tabs > .tab_content > .event_items > li:hover { background: #e5e5e5; }
		#center > .tabs > .tab_content > .news_items a{display: block; line-height: 19px; padding: 18px 18px 3px 18px; text-decoration: none;}
			#center > .tabs > .tab_content .real_item a{color: #000; }
	
	#center > .tabs > .tab_content > .event_items a{display: block; line-height: 19px; padding: 19px; text-decoration: none;}
	#center > .tabs > .channels { padding: 19px; min-height: 100px; }
	#center #tabs_home{overflow: hidden; width: 100%; background: #fff; }
	#center #tabs_home li{float: left; padding: 0; line-height: 40px; cursor: pointer;}
	#center #tabs_home li.active{ -moz-box-shadow: inset 1px 1px #fff; -webkit-box-shadow: inset 1px 1px #fff; box-shadow: inset 1px 1px #fff; -moz-border-radius: 3px 5px 0 0; -webkit-border-radius: 3px 5px 0 0; border-radius: 3px 5px 0 0; background-color: #F5F5F5; border-style: solid; border-color: #E5E5E5; border-width: 1px 1px 0;}
		#center #tabs_home li a{color: #000; font-weight: bold; display: block;padding: 0 16px;}
	
	#center .customers {	padding: 10px;	}
		#center .customers ul { margin-top: 25px;}
		#center .customers ul li { display: inline-block; }
		#center .customers > a {
			line-height: 19px;
			padding: 18px 18px 7px 18px;
			display: block;
			text-align: right;
			
			border-top: 1px solid #e5e5e5; 
			   -moz-box-shadow: inset 0px 1px #fff; 
			-webkit-box-shadow: inset 0px 1px #fff; 
					box-shadow: inset 0px 1px #fff; 
		}
	
	/* Template with variable background + banner right */
	#sub_template_bg_banner,#sub_template_bg_banner_two_cols{background: url(/images/heading-bg_blue.png) no-repeat top left;}
	#sub_template_bg_banner h1,#sub_template_bg_banner_two_cols h1{margin-bottom: 50px; color: #fff;}
	#sub_template_bg_banner td, #sub_template_bg_banner_two_cols td{vertical-align: top;}
	#sub_template_bg_banner tr.row_1 td.col_1,#sub_template_bg_banner tr.row_1 td.col_2, #sub_template_bg_banner_two_cols tr.row_1 td.col_1, #sub_template_bg_banner_two_cols tr.row_1 td.col_2{padding: 26px 0 0 16px;}
		#sub_template_bg_banner tr.row_1 td.col_1, #sub_template_bg_banner_two_cols tr.row_1 td.col_1{width: 335px; padding-right: 43px; font-size: 15px;}
		/*#sub_template_bg_banner tr.row_2 td.col_2{padding-top: 20px;}*/
	#sub_template_bg_banner.blue{background: url(/images/heading-bg_blue.png) no-repeat top left;}
	

	/* Template with 2 rows. Last row; 2 cols */
	#sub_template_bg_banner_two_cols tr.row_2 td.col_1 > div, 
	#sub_template_bg_banner_two_cols tr.row_2 td.col_2 > div{
		background-color:#F5F5F5; border: 1px solid #E6E6E6;
	}
		#sub_template_bg_banner_two_cols tr.row_2 td.col_1 > div .td0.col0, 
		#sub_template_bg_banner_two_cols tr.row_2 td.col_2 > div .td0.col0 { width: 50px; text-align: center; padding-top: 10px; }
		
		#sub_template_bg_banner_two_cols tr.row_2 td.col_1 > div .td1.col1, 
		#sub_template_bg_banner_two_cols tr.row_2 td.col_2 > div .td1.col1 { padding-top: 10px; }
	/* Advanced subpages - custom CFM */
	
	.sub_subpages{ width: 701px; background-color: #f5f5f5; border: 1px solid #e6e6e6; position: relative;}
		#center .sub_subpages ul{ overflow: hidden; list-style: none; margin-left: 0;}
		.sub_subpages ul li{ float: left; width: 349px; height: 170px; overflow: hidden; border-color: #fff #e5e5e5 #e5e5e5 #fff; border-style:solid; border-width: 1px; }
			.sub_subpages ul li span.description a{position: absolute; top: 0; right: 0; bottom: 0; left; width: 275px; height: 100%; background: none;}
		.sub_subpages ul li.even{margin-right: 0; border-right-width: 0px;}
		.sub_subpages ul li:nth-last-child(-n+2), .list ul li:nth-last-child(-n+2) { border-bottom-width:0; }
		.sub_subpages ul li strong, #sub_subpages ul li span{display: block;}
		.sub_subpages ul li img{position: absolute; top: 20px; left: 10px;}
		.sub_subpages ul li a{display: block; height:100%; position: relative; padding: 20px 18px 0 52px; text-decoration:none; color: #000; }
		.sub_subpages ul li a:hover{background-color: #E5E5E5; }
		.sub_subpages ul li span.readmore, .single_list ul li span.readmore{text-align: right; color:#2562ad; display: block;}
		
		.no-borderradius .sub_subpages > .topLeft, 
		.no-borderradius .sub_subpages > .topRight, 
		.no-borderradius .sub_subpages > .bottomLeft, 
		.no-borderradius .sub_subpages > .bottomRight { position: absolute; width: 5px; height: 5px; background-image: url(../images/circle_transparent.png); }
			.no-borderradius .sub_subpages > .topLeft { top: -1px; left: -1px; background-position: 0px 0px; }
			.no-borderradius .sub_subpages > .topRight { top: -1px; right: -1px; background-position: -5px 0px; }
			.no-borderradius .sub_subpages > .bottomLeft { bottom: -1px; left: -1px; background-position: 0px -5px; }
			.no-borderradius .sub_subpages > .bottomRight { bottom: -1px; right: -1px; background-position: -5px -5px; }
		
	.list, .single_list{ width: 701px; background-color: #f5f5f5; border: 1px solid #e6e6e6;}
		#center .list ul, #center .single_list ul{ overflow: hidden; list-style: none; margin-left: 0;}
		.list ul li, .single_list ul li{ position: relative; overflow: hidden; border-color: #fff #fff #e5e5e5 #fff; border-style:solid; border-width: 1px; }
		.list ul li{ float: left; width: 279px; height: 250px; border-color: #fff #e5e5e5 #e5e5e5 #fff; padding: 20px 18px 0px 52px; }
			.list ul li span.description a{position: absolute; top: 0; right: 0; bottom: 0; left; width: 275px; height: 100%; background: none;}
		.list ul li.even{margin-right: 0; border-right-width: 0px;}
		.list ul li strong, #list ul li span{display: block;}
		.list ul li img{position: absolute; top: 20px; left: 10px;}
		.list ul li img.img{position: static;}
		.list ul li a{display: block; height:100%; text-decoration:none; color: #000; }
		
		.single_list ul li a{display: block; height:100%; position: relative; padding: 20px 18px 20px 52px; text-decoration:none; color: #000; }
		.list ul li a:hover, .single_list ul li a:hover{background-color: #E5E5E5; }
		
		.single_list.partners ul li a{display: inline-block; padding: 0; color: #2562AD;}
		.single_list.partners ul li a:hover{background: none; text-decoration: underline;}
		
		.list ul li span.readmore{text-align: right; color:#2562ad; display: block;}
		
		.single_list.partners {  }
		.single_list.partners table tr td { padding: 20px; }
		.single_list.partners ul li span.country { display: block; float: left; width:120px; font-weight: bold; }
		.single_list.partners ul li img { display: block; float: left; }
		
		.no-borderradius .list > .topLeft, 
		.no-borderradius .list > .topRight, 
		.no-borderradius .list > .bottomLeft, 
		.no-borderradius .list > .bottomRight { position: absolute; width: 5px; height: 5px; background-image: url(../images/circle_transparent.png); }
			.no-borderradius .list > .topLeft { top: -1px; left: -1px; background-position: 0px 0px; }
			.no-borderradius .list > .topRight { top: -1px; right: -1px; background-position: -5px 0px; }
			.no-borderradius .list > .bottomLeft { bottom: -1px; left: -1px; background-position: 0px -5px; }
			.no-borderradius .list > .bottomRight { bottom: -1px; right: -1px; background-position: -5px -5px; }
		
		/* Lightbox */
		
		.lightboxWrapper {top:0; position:fixed; left:0; width:100%; height:100%; background: url(../images/overlay_bg.png) top left repeat; }
			.lightboxform {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border: 3px solid #969696; background-color: #fff; margin:10px auto; padding:20px; width:430px; position:relative; -moz-box-shadow: 0 0 10px grey; -webkit-box-shadow: 0 0 10px grey; box-shadow: 0 0 10px grey; }
			.closeLightbox {position:absolute; top:5px; right:5px; width:25px; height:25px; background: url(../images/close.gif) top left no-repeat; cursor:pointer; }
	
	
		/* Partners */
		#partners .country{width: 150px;}
		#partners .name, #partners .country{font-weight: bold;}
		#partners .logo{width:110px;margin: 0px 20px 10px 0px;}
		#partners .description{}
		
		
		.notfilled, label.error { 
			color:#FFA200; 
			font-weight:bold;
		}
		
		.inputtext, .inputsmall, select, textarea,.uword {
			margin:3px 0;
			border:1px solid #cfcfcf;
			width:250px;
		}
		.inputtext,.uword {
			height:23px;
		}
		
		input[type=text], input[type=password], textarea, select{ 
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}