﻿/* @media screen {
	/* elements  */
	a:link {
		color: #342776;
		text-decoration: none;
	}
	a:visited {
		color: #7361AD;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		color:#E1B135;
	}
	a:active {
		color: #7361AD;
	}
	
	big, small, sub, sup {
		font-size: 1em;
	}
	
	
	code {
		font-family: monospace; /* to avoid overriding boldness/italicity by using font */
		font-size: 1em;
	}
	
	dl, hr {
		margin: 0em 0% 0em 0%;
	}
	
	h1, h2, h3, h4,h5 , h6  {
	/*	font: 1em/1 sans-serif;*/
		font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #9495c1;
		margin: 0 0 0px 0;
	}
	
	h1{
		color: White;
	}
	
	h2 {
		color: #342776;
		font-weight: bold;
	}
	
	html {
	/*	background: #FFFFFF;*/
		margin: 0;
	}
	
	input, a, button {
	/*	cursor: auto;*/
	
	}
	
	input {
		font-family: Calibri; 
		font-size: 13px;
	}
	select {
		font-family: Calibri; 
		font-size: 1.2em; 
		border: 1px solid Red; 
		height:20px;
	}
	
	ul {
		list-style: disc;
	/*	margin: 0em 0% 0em 5%;*/
		margin-right: 14px;
	/*	width: 50%;*/
	 	
	}
	
	li{
	/*	width: 60%;	*/
	
	}
	
	ol {
	/*	list-style: decimal;
		margin: 0em 0% 0em 5%;
	*/}
	
	ol ol ol ol {
		list-style: decimal;
	}
	
	ol ul ol ol, ol ol ul ol, ul ol ol ol, ol ol ol {
		list-style: lower-roman;
	}
	
	ol ul ul ul, ul ol ul ul, ul ul ol ul, ul ul ul {
		list-style: square;
	}
	
	p, blockquote, caption, dd, div, dt, li {
	/*	line-height: 1;*/
	/*	margin: 0em 0% 0em 0%;*/
	}
	
	pre {
		font: 1em/1 monospace;
		margin: 0em 0% 0em 0%;
	}
	
	td {
		/* line-height: 1; */
	}
	
	textarea {
		font-family: Calibri; 
		font-size: 1.2em; 
		border: 1px solid #e4e4e4; 
		padding: 5px;
		cursor: text;
		min-height: 100px;
		background-color: white !important;
	}
	
	th {
		font: bold 1em/1 sans-serif;
	}
	
	tt, kbd, samp {
		font: 1em monospace;
	}
	
	ul {
		list-style: disc;
	/*	margin: 0 0 0 0;*/
	}
	
	ul ul ol ol, ul ol ul ol, ol ul ol ol, ol ol ul ol, ol ul ol, ol ol {
		list-style: lower-alpha;
	}
	
	ul ul ul ul {
		list-style: disc;
	}
	
	ul ul, ol ol ul ul, ol ul ol ul, ul ol ol ul, ol ul ul, ul ol ul {
		list-style: circle;
	}
	
	body {
		background:#342776 url("/Style Library/images/bgGrad.gif") top left repeat-x;
		/*text-align: center;*/
		font-size: 80%;
		font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	* html body { /*in IE6 ziet Calibri er niet zo mooi uit*/
		font-size: 70%;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	p {
		font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin:0 0 0 0;
	}
	* html p {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	}

	img {border: 0;}
	
	div {
	
	}
	
	h5 {
		font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0px 0px 0px 0px;
	}
	
	label {padding-left: 10px;}
	
	.container
	{
		width: 691px;
		margin: 0 auto;
	}
	/**/
	/*id's*/
	/**/
	
	#header {
		float: left;
		clear: both;
		position: relative;
		width:691px;
		height:131px;
		margin-top: 22px;
		background-color: #F4F4EF;
	}
	
	/*IE Fudging*/
	* html #header {
		margin-top: 8px;
		padding: 0 0 5px 0;
	}
	
	#pane_marketing {
		float: left;
		height:72px;
		width:572px;
		margin:0;
		padding:0;
	}
	
	/*ie fudging */
	* html #pane_marketing {
		height:76px;
	}
	
	#logo {
		width:119px;
		float:left;
		height:90px;
		margin:0;
		padding:0;
	}
	
	#marketing {
		height:71px;
		width:572px;
		margin:0;
		padding:0;
	}

	.topStory {
		position: relative;
		float:left;
		clear: both;
		left: -18px;
		background-repeat: no-repeat;
		vertical-align: top;
		color: white;
	}
	
	.topStory a {text-decoration: none;}
	
	.topStory .TopStoryContent {
		background: transparent url('/Style Library/images/topStoryContentBg.png') no-repeat left top;
		cursor: hand;
		position: absolute;
		left: 361px;
		width: 292px;
		height: 245px;
		padding: 10px;
		color: #342776;
		line-height: 2em;
		max-height: 245px;
		overflow: hidden;
	}
 
	* html .topStory .TopStoryContent {
	   background-image: none;
	   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/Style Library/images/topStoryContentBg.png", sizingMethod = "crop");
	}
	
	.topStory .TopStoryContent H3 {
		font-size: 1.9em;
		line-height: 1em;
		margin: 10px 0;
		color: #342776;
	}
	.topStory .TopStoryContent .readmoreLink {
		bottom: 0;
		margin-bottom: 5px;
	}
	.readmoreContainer {
		position: absolute;
		bottom: 0;
		height: 22px;
		width: 295px;
		margin: 0 0 25px 0;
		padding: 0 0px 0 0;
		background: transparent url('/Style Library/images/MoreButtonFondWide.gif') no-repeat top left;
	}
	.readmoreContainer .readmoreLink {
		line-height: 1.5em;
		height: 22px;
		padding: 0 50px 0 0;
		background: url('/Style Library/images/btnLeesMeer.gif') no-repeat top right;
		color: #342776;
		text-align: right;
	}
	.readmoreContainer .readmoreLink:hover {
		line-height: 1.5em;
		height: 22px;
		padding: 0 50px 0 0;
		background: url('/Style Library/images/btnLeesMeer-over.gif') no-repeat top right;
		color: #342776;
		text-align: right;
	}


	/**/
	/* SiteMenu */
	/**/
	
	.siteMenu {
	/*	border: 1px Orange solid; */
		float: left;
		clear: left;
		margin: 0;
		padding:0;
		margin-left: 24px;
		background-color: #F4F4EF;
		font-weight: bold;
	}
	
	.siteMenu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	.siteMenu li {
		/* border: 1px fuchsia solid; */
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	.siteMenu li.siteMenuSeparator {
		/* border: 1px fuchsia solid; */
		display: block;
		float:left;
		margin: 0;
		padding: 5px 0;
		vertical-align: middle;
	}
	.siteMenu li a:link, .siteMenu a:visited {
		/* border: 1px Green solid; */
		display: block;	
		float: left;
		margin:0;
		padding: 5px 4px;
	}
	
	* html .siteMenu li a:link, * html .siteMenu a:visited{
		/* border: 1px Cyan solid; */
		padding: 5px 3px;
	}
	
	.siteMenu a:active {
		color:#E1B135;
		text-decoration: none;
	}
	
	.siteMenu a:hover {
		color:#E1B135;
		text-decoration: none;
	}
	
	.siteMenu li a.selected  {
		/* border: 1px Pink solid !important; */
		display: inline-block !important;
		float: left !important;
		text-decoration: none !important;
		margin:0 !important;
		padding: 5px 4px !important;
		color:#E1B135 !important;
	}
	
	
	.siteMenuSeparator {
		font-size: 0.9em;
	}
	.siteMenuSeparatorBlock {
	/*	border: 1px Green solid;*/
		display: block;
		float: left;
		text-decoration: none;
		margin:0;
		padding: 9px 4px 9px 2px;
		color: #342776;
	}
	
	.firstSiteMenuSeparator {
		
	}
	.lastSiteMenuSeparator {
		
	}

  /*breadcrumbs*/
	.breadcrumb {
		width: 650px;
		height: 22px; 
		margin: 0 auto;
		background: url("/Style Library/Images/railRight.gif") no-repeat right top;
		font-size: .85em;
	}
	.breadcrumb ul {
		width: 100%;
		height: 22px; 
		margin: 0; 
		padding: 0;
		background: url("/Style Library/Images/breadcrumbsLeft.gif") no-repeat left top;
		padding-left: 9px;
	}
	.breadcrumb li {
		display: block; 
		float: left;
		height: 22px;
		background: url("/Style Library/Images/breadcrumbsBg.gif") repeat-x left top;
		padding: 0px 10px;
	}
	.breadcrumb li.separator {
		clear: none;
		border: none;
		display: block; 
		float: left;
		height: 22px; 
		width: 4px;
		background: url("/Style Library/Images/breadcrumbsSeparator.gif") no-repeat left top;
		padding: 0;
	}
	.breadcrumb li.current {
		display: block; 
		float: left;
		height: 22px;
		vertical-align: middle !important;
		background: none;
		background: url("/Style Library/Images/breadcrumbsCurrent.gif") no-repeat left top;
		padding-top: 3px;
	}
	.breadcrumb li a {
		display: block;
		height: 22px;
		padding-top: 3px;
	}
	* html .breadcrumb li a {
		display: inline-block;
		padding-top: 3px;
	}
	.breadcrumb li a:link, .breadcrumb li a:visited {
		text-decoration: none;
		color: #342776;
	}
	.breadcrumb li a:hover, .breadcrumb li a:active {
		text-decoration: none;
		color: White;
	}
  

	.formTable 
	.formTable td {
		padding: 3px;
		vertical-align: middle;
	}

	.formDescription {font-size: .8em; vertical-align:top;}
	.topRow .left {background-image: url("images/boxTopLeft.gif"); background-repeat: no-repeat; background-position: top left;} 
	.topRow .label {width:200px; background-image: url("images/boxTopRight.gif"); background-repeat: no-repeat; background-position: top right;}
	.bottomRow .left {background-image: url("images/boxBottomLeft.gif"); background-repeat: no-repeat; background-position: left bottom;}
	.bottomRow .label {background-image: url("images/boxBottomRight.gif"); background-repeat: no-repeat; background-position: bottom right;}
	.label, .left {text-align: right; height:22px; padding:0 15px 0 0; background: #e5e4df;}
	.tbLeft {background-image: url("images/tbLeft.gif"); background-repeat: no-repeat; background-position: 4px 5px; height:22px; margin:0;}
	*+html .tbLeft {background-position: 4px 6px;}
	
	.tb {
		width:400px; 
		margin: 0 0 0 10px; 
		background: transparent url("images/tbRight.gif") no-repeat right top;
		border: none; display:block; height:22px;
		padding: 4px 3px 3px 0;
	}

	.tb {
		
	}
	.tb300, .btn300 {width: 300px;}
	.tb200, .btn200 {width: 200px;}
	.tb150, .btn150 {width: 150px;}
	.tb125, .btn125 {width: 125px;}
	.tb100, .btn100 {width: 100px;}
	.tb50, .btn50 {width: 50px;}
	.btn {margin-left: 10px; height: 24px; background: none; border: 0; text-align: left; font-weight: bold; color: #342776; padding-left: 10px;}
	.btnLeft {background-image: url(images/btnLeft.gif); background-repeat: no-repeat; background-position: left; height:22px; margin:0;}
	.btnCheck {background-image: url(images/btnCheck.gif); background-repeat: no-repeat; background-position: right;}
	.btnCheckOver {background-image: url(images/btnCheck-over.gif); background-repeat: no-repeat; background-position: right;}
	.btnLeesMeer {background-image: url(images/btnLeesMeer.gif); background-repeat: no-repeat; background-position: right;}
	.btnLeesMeerOver {background-image: url(images/btnLeesMeer-over.gif); background-repeat: no-repeat; background-position: right;}
	
	/*Sitemap styles*/	
	.fullColumn .articleBody table.sitemap
	{
		clear: both;
	}

	.sitemap { margin: 0 0 0 0;}
	*+html .sitemap { margin: 0 0 0 0;}
	*+html .sitemap { margin: 0 0 0 0;}
	.column {margin: 0 auto;}
	.column .container {
	  text-align: center;
	  width: 175px;
	  background: #e5e5df url(images/SiteMap-top.gif) no-repeat top left;
	  margin: 0 auto 30px auto;
	}
	.column .container div {
	  background: #e5e5df url(images/SiteMap-bottom.gif) no-repeat bottom left;
	  height: 10px;
	  margin-top: -10px;
	}
	.column .container a {
	  float: none;
	  font-weight: bold;
	  display: block;
	  width: auto;
	  margin: 0 10px;
	  padding: 10px;
	  margin-bottom: -10px;
	  background: transparent;
	}
	.column .container a:hover {
		text-decoration: none;	
	}
	
	.column .container ul {
	  text-align: left;
	  list-style: none;
	  padding: 0;
	  margin: 10px 10px 0 10px;
	}
	.column .container li {
	  padding: 10px 0 0 0;
	  margin: 0 0 10px 0;
	  position: relative;
	  background: #f4f4ef url(images/SiteMap-button-top.gif) no-repeat top left;
	}

	* html 	.column .container li {
		height: 1%;
	}
	.column .container li a,
	.column .container li a:hover,
	.column .container li a:visited {
	  background: transparent url(images/SiteMap-button-bottom.gif) no-repeat bottom left;
	  line-height: 14px;
	  vertical-align: middle;
	  text-align: center;
	  width: auto;
	  margin: -10px 0 0px 0;
	  padding: 0 7px 5px 9px;
	  position: relative;
	}

	* html .column .container li a
	{
		margin: -10px 0 0px 0;
	}
	.column .container li a:hover {
	  text-decoration: none;
	}
	.spacer {
	  clear: both;
	}
	.lijn-1 {
	  position: absolute;
	  background: none;
	  height: 1px;
	  width: 46px;
	  border-top: 2px solid #e3b136;
	  padding: 0;
	  margin: 20px 0 0 -23px;
	}
	.lijn-2 {
	  position: absolute;
	  background: none;
	  width: 1px;
	  border-right: 2px solid #e3b136;
	  padding: 0;
	  margin: 20px 0px 0 0px;
	}
	.lijn-3 {
	  position: absolute;
	  background: none;
	  height: 1px;
	  width: 26px;
	  border-top: 2px solid #e3b136;
	  padding: 0;
	  margin: 20px 0 0 0px;
	}
	#leftMargin, #rightMargin {position: relative;}
	#leftMargin .lijn-2{height: 744px;}
	#rightMargin .lijn-2 {height: 337px; top: -100px;}
	#diensten.lijn-1 {width: 20px; top: 150px; left: 26px;}
	#organisatie.lijn-1 {width: 20px; top: 400px; left: 26px;}
	#portfolio.lijn-1 {width: 20px; top: 553px; left: 26px;}
	#events.lijn-1 {width: 20px; top: 675px; left: 26px;}
	#blogs.lijn-1 {width: 20px; top: 742px; left: 26px;}
	#segmenten.lijn-1 {width: 25px; top: 120px; left: 0px;}
	#segmenten.lijn-3 {width: 20px; top: -100px; left: 3px;}
	#oplossingen.lijn-3 {width: 20px; top: 235px; left: 3px;}


	* html #leftMargin .lijn-2{height: 794px;}
	* html #rightMargin .lijn-2 {height: 389px; top: -147px;}
	* html #diensten.lijn-1 {width: 20px; top: 150px; left: 26px;}
	* html #organisatie.lijn-1 {width: 20px; top: 443px; left: 26px;}
	* html #portfolio.lijn-1 {width: 20px; top: 599px; left: 26px;}
	* html #events.lijn-1 {width: 20px; top: 726px; left: 26px;}
	* html #blogs.lijn-1 {width: 20px; top: 792px; left: 26px;}
	* html #rightMargin .lijn-1 {width: 25px; top: 139px; left: 0px;}
	* html #rightMargin .lijn-3 {width: 20px; top: -147px; left: 3px;}
	* html div#oplossingen {width: 20px; top: 240px !important; left: 3px;}

	/*Grijze kaders, ronde hoeken*/
	.WPFond {
		background: #e5e4df url('/Style Library/images/WPFondBottom.gif') bottom left no-repeat;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
	}
	.WPFond h2 {
		background: #e5e4df url('/Style Library/images/WPFondTop.gif') top left no-repeat;
		padding: 0 10px 3px 10px;
		font-size: 2.1em;
		color: white;
	}
	.WPFond .RichHTMLField {padding: 0 10px 0 20px;}
	.WPFond .more {
		height: 22px;
		clear: both;
		margin: 10px 10px 0 10px;
		background: #e5e4df url('/Style Library/images/MoreButtonFond.gif') top left no-repeat;
	}
	.WPFond .more a {
		display: block;
		height: 20px;
		padding: 2px 0 0 10px;
		background: url('/Style Library/images/btnLeesMeer.gif') top right no-repeat;
	}
	.WPFond .more a:link, .WPFond .more a:visited {
		text-decoration: none;
	}
	.WPFond .more a:hover, .WPFond .more a:active {
		color: #342776;
		text-decoration: underline;
		background: url('/Style Library/images/btnLeesMeer-over.gif') top right no-repeat;
	}
	
	.WPFond.HomeAfspraak h2, .WPFond.HomeNieuwsbrief h2 {
		color: #9495c1;
	}

	/* Wide version */
	.WPFondWide {
		background: #e5e4df url('/Style Library/images/WPFondWideBottom.gif') bottom left no-repeat;
		margin: 0 0 15px 0;
		padding: 0 0 10px 0;
	}
	* html .WPFondWide {
		padding: 0 0 10px 0;
		margin: 0;
	}
	.WPFondWide .top {
		background: #e5e4df url('/Style Library/images/WPFondWideTop.gif') top left no-repeat;
	}
	.WPFondWide h2 {
		padding: 0 10px 3px 10px;
		margin: 0px;
		font-size: 2.1em;
		color: white;
	}
	/*Meer... link in WPFond grijs Wide version*/
	.WPFondWide .more {
		height: 22px;
		clear: both;
		margin: 10px 10px 0 10px;
		background: #e5e4df url('/Style Library/images/MoreButtonFondWide.gif') top left no-repeat;
	}
	.WPFondWide .more a:link, .WPFondWide .more a:visited {
		display: block;
		height: 22px;
		padding: 2px 0 0 10px;
		background: url('/Style Library/images/btnLeesMeer.gif') top right no-repeat;
	}
	.WPFondWide .more a:hover, .WPFondWide .more a:active {
		display: block;
		height: 22px;
		padding: 2px 0 0 10px;
		color: #342776;
		text-decoration: underline;
		background: url('/Style Library/images/btnLeesMeer-over.gif') top right no-repeat;
	}

	
	/*Narrow version*/
	.WPFondNarrow {
		background: #e5e4df url('/Style Library/images/WPFondNarrowBottom.gif') bottom left no-repeat;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
		width: 262px;
	}
	.WPFondNarrow .top {
		background: #e5e4df url('/Style Library/images/WPFondNarrowTop.gif') top left no-repeat;
	}
	.WPFondNarrow H2 {
		padding: 0 10px 3px 10px;
		margin: 0px;
		font-size: 2.1em;
		color: white;
		color: #9495c1;
	}
	.WPFondNarrow .RichHTMLField {padding: 0 10px;}

	/*Meer... link buiten WPFond grijs op de page*/
	.WPFondPage .more {
		display: block;
		width: 637px;
		height: 22px;
		clear: both;
		margin: 0 10px;
		background: #e5e4df url('/Style Library/images/MoreButtonFondLightBg.gif') top left no-repeat;
	}
	.WPFondPage .more a {
		display: block;
		height: 22px;
		padding: 3px 0 0 10px;
	}
	* html .WPFondPage .more a {
		height: 19px;
 		padding: 3px 0 0 10px;
	}
	
	.WPFondPage .more a:link, .WPFondPage .more a:visited {
		background: url('/Style Library/images/btnLeesMeerLightBg.gif') top right no-repeat;
		text-decoration: none;
		color: #342776;
	}
	.WPFondPage .more a:hover, .WPFondPage .more a:active {
		text-decoration: underline;
		background: url('/Style Library/images/btnLeesMeer-overLightBg.gif') top right no-repeat;
		color: #342776;
	}
	
	/* Content background */
	.mainContent {
		float: left;
		clear: both;
		width: 656px; /*was 691!*/
		padding: 20px;
	}
	*+html .mainContent {
		float: left;
		clear: both;
		width: 651px; /*was 691!*/
		padding: 20px;
	}
	* html .mainContent	{
		width: 640px;
		padding: 17px;
	}
	
	
	
	#content {
		float:left;
		clear: both;
		width: 691px !important;
		background: #F4F4EF;
		padding: 0 !important;
		text-align: left;
		min-height: 300px;
	}		
	
	* html #content {
		width:691px !important;
	}


	/*Columns*/
	#pane_leftColumn {
		background-color: #F3F4EF;
		margin:0px 16px 0px 0px;
		min-height: 114px; 
		width: 397px;
	}
	.leftColumn {
		background-color: #F3F4EF;
		float:left;
		width: 320px;
		margin: 0 16px 0 0;
	}
	/*IE fudging*/
	* html .leftColumn {
		height: 114px;
	}
	.leftColumnWide {
		float: left;
		width: 375px;
		margin: 0 16px 0 0;
		padding: 0 !important;
	}
	
	.leftColumnWide .articleTitle
	{
		background:white;
	}
	
	#pane_rightColumn {
		float:right;
		margin:0px 16px 0px 0px;
		width: 262px;
		min-height: 114px; 
	}
	/*IE fudging*/
	* html #pane_rightColumn {
		margin-right: 8px;
	}
	.rightColumn {
		float:left;	
		width: 320px;
	}
	* html .rightColumn {
		height: 114px;
		margin:0px 0px 0px 0px;
	}
	.rightColumnNarrow {
		float: left;
		width: 260px;
	}
	* html .rightColumnNarrow {
		width: 260px;
	}

	.fullColumn {
		width: 650px;
		background: White;
		float: left;
	}

	.fullColumn h3 {
		padding: 0 0 0 0;
	}

	* html .fullColumn h3 {
		padding: 0 0 0 120px;
	}

	* html .fullColumn em
	{
		padding: 0 0 0 10px;
	}

	* html .fullColumn .introContainer
	{
		height: 100px;
	}

	.fullColumn .introContainer
	{
/*		min-height: 100px;*/
	}


	.fullColumn .articleBody{
		background: transparent url('/Style Library/images/FullColumnBottom.gif') left bottom no-repeat;
	}

	.fullColumn .image-article-left	
	{
		float: left;
		margin: 0 0 0 -43px;
		z-index:100;
	}

	.fullColumn .articleDate
	{
		width: 70px;
	}

	*+html .fullColumn .articleDate
	{
		width: 70px;
		padding-left:10px;
	}

	* html .fullColumn .articleDate
	{
		width: 116px;
	}

	/*Overviews */
	.Overview h3 {
		font-size: 1em;
		/* height: 25px; */
		margin: 0px;
		padding: 0 0 0 10px;
		background: White url("/Style Library/images/overviewItemTop.gif") no-repeat top right;
	}
	.Overview h3 a {
		padding: 10px 10px 0 0;
	}
	
	/*OverviewNarrow*/
	.overviewNarrow {
		width: 262px;
		padding: 10px 0 0 10px;
	}

	* html .overviewNarrow {
		width: 230px;
		padding: 0 0 0 0;
	}

	.overviewNarrow .top {
		width: 262px;
		background: white url('/Style%20Library/Images/overviewNarrowTop.gif') no-repeat left top;
	}
	
	.overviewNarrow .top .Image div span img {
		display: block;
	}
		
	.overviewNarrow .top .Content	{
		padding: 0 20px 10px 20px;
	}

	* html .overviewNarrow.ArticleList
	{
		padding-bottom: 6px;
	}

	* html .overviewNarrow.ArticleList .top
	{
		padding: 5px;
		width: 252px;
	}

	.NewsLetterTeaser div
	{
		display: block !important;
	}

	.NewsLetterTeaser .NewsLetterTeaserContent
	{
		padding: 0 14px;
	}

	.rightColumnNarrow .OverviewList .overviewNarrow.OverviewText
	{
		width: auto;
		padding: 5px 14px 0 14px;
	}

	* html .rightColumnNarrow .OverviewList .overviewNarrow.OverviewText
	{
		padding: 14px 14px 0 14px;
	}


	/*NewArticleList naast overview*/
	.Overview .NewsArticleList {
		background-color: white;
		margin: 0 15px 15px 0px;
		padding: 0;
		width: 350px;
		margin: 0 10px 15px 0px;
	}

	* html .Overview .NewsArticleList
	{
		width: 345px;
	}

	.Overview .NewsArticleItem {
		background: White;
		margin-left: 15px;
	}

	* html .Overview .NewsArticleItem {
		width: 235px;
	}

	.Overview .NewsArticleList h3 {
		padding: 10px 10px 0 10px;
		margin-bottom: 0px;
	}

	* html .Overview .NewsArticleList h3 {
	}

	.Overview .NewsArticleList p {
		padding: 0 10px;
		/* margin-bottom: 22px; */
	}
	
	.NewsArticleList .image-article-left {
		position: relative;
		z-index: 100;
		display: block;
		float: left;
		margin: 0 0 0 -58px;
	}

	 *+html .NewsArticleList .image-article-left	{
		margin: 0 0 0 -58px;	
	}

	 * html .NewsArticleList .image-article-left	{
		margin: 0 0 0 -58px;	
	}
	
	.Overview .NewsArticleList .readMoreLink {
		position: absolute;
		display: block;
		height: 22px;
		width: 315px;
/*		margin: 0 15px 15px 10px;*/
		background-color: transparent;
		vertical-align: top;
		text-align: right;
		bottom: 0px;
		left: 0;
	}

	* html .Overview .NewsArticleList .readMoreLink
	{
		width: 310px;
		bottom: -1px;
	}

	.Overview .NewsArticleList .readMoreLink:link, .Overview .NewsArticleList .readMoreLink:visited {
		text-decoration: none;
		padding: 0 25px 0 10px;
		margin: -22px 0 0px 0;
		color: #b7b9dd;
		background: url("/Style Library/images/overviewItemBottomReadMore.gif") no-repeat bottom right;
	}
	.Overview .NewsArticleList .readMoreLink:active, .Overview .NewsArticleList .readMoreLink:hover {
		text-decoration: underline;
		padding: 0 25px 0 10px;
		margin: -22px 0 0px 0;
		color: #342776;
		background: url("/Style Library/images/overviewItemBottomReadMore-over.gif") no-repeat bottom right;
	}

	
	/*Nieuwsbriefartikelen naast overview*/
	.NieuwsbriefList {
		width: 262px;
		background: White url('/Style%20Library/Images/overviewNarrowBottom.gif') no-repeat left bottom;
		margin: 0 0 20px 0;
	}

	.NieuwsbriefList div
	{
		display: block !important;
	}

	.NieuwsbriefList ul
	{
		background: red;
		margin: 0;
		padding: 0;
	}


	* html .NieuwsbriefList {
		width: 240px;
	}

	* html .NieuwsbriefList div, * html .NieuwsbriefList div span {
		display:block;
		height: 1%;
	}


	.NieuwsbriefList table
	{
		padding: 0 10px 10px 10px;
	}

	* html .NieuwsbriefList table
	{
		width: auto !important;
		
	}

	.NieuwsbriefList .item {
		background: white url("/Style Library/images/blueBullet.gif") -2px left no-repeat;
		padding-left: 12px;
	}
	.NieuwsbriefList a:link, .NieuwsbriefList a:visited {
		color: #342776;
		text-decoration: none;
	}
	.NieuwsbriefList a:active, .NieuwsbriefList a:hover {
		color: #7361ad;
		text-decoration: underline;
	}
	.NieuwsbriefList .cqfeed {
		height: 15px;
		width: 100%;
		padding: 10px 0 0 0;
		background: url("/Style Library/images/rss.gif") bottom right no-repeat;
	}
	.pdf {
		height: 35px;
		background: url('/Style Library/images/pdf.gif') center right no-repeat;
		background-position: center right;
		padding: 0 35px 0 10px;
		margin: 10px 10px 0 0;
	}
	
	/*Ander content naast Overview*/
	.OverviewList{
		width: 262px;
		background: White url('/Style%20Library/Images/overviewNarrowBottom.gif') no-repeat left bottom;
		margin: 0 0 20px 0;
	}

	.rightColumnNarrow .OverviewList .overviewNarrow
	{
		width: auto;
		padding: 10px 14px 0 14px;
	}



	* html .rightColumnNarrow .WPfondNarrow.OverviewList div.overviewNarrow
	{
		display: block !important;
	}

	* html .rightColumnNarrow .WPfondNarrow.OverviewList div,
	* html .rightColumnNarrow .WPfondNarrow.OverviewList div span
	{
		display: block !important;
	}

	.OverviewList a:link, .OverviewList a:visited {
		color: #342776;
		text-decoration: none;
	}
	.OverviewList a:active, .OverviewList a:hover {
		color: #7361ad;
		text-decoration: underline;
	}

	/*Artikelenlijst naast Artikel*/
	.ArticleList {
		width: 262px;
		background: transparent url('/Style%20Library/Images/overviewNarrowBottom.gif') left bottom no-repeat;
		padding: 0 0 10px 0;
	}
	.ArticleList .link-item {
		margin: 10px;
	}
	.ArticleList h3 {
		margin: 5px 0;
	}

	.ArticleList p {
		margin: 0 0 5px 0;
		padding: 0;
	}
	.ArticleList a:link, .ArticleList a:visited {
		color: #342776;
		text-decoration: none;
	}
	.ArticleList a:active, .ArticleList a:hover {
		color: #7361ad;
		text-decoration: underline;
	}


	/* VacatureLijst in HTML...*/
	.HomeVacatures h2 {}
	.HomeVacatures div.VacatureList {
		margin: 10px 10px 10px 10px;
		background: white url('/Style Library/images/ItemTop.gif') no-repeat left top;
	}

	* html .HomeVacatures div.VacatureList {
		margin: 0 10px 10px 10px;
		background: transparent url('/Style Library/images/ItemBottom.gif') no-repeat left bottom;
	}

	* html .VacatureList, * html .VacatureList ul
	{
		height: 101px;
	}

	* html .VacatureList
	{
		margin-top: 10px;
	}

	.HomeVacatures div
	{
		display: block;
		background: transparent url('/Style Library/images/ItemBottom.gif') no-repeat left bottom;
	}

	* html .HomeVacatures div
	{
		background: white url('/Style Library/images/ItemTop.gif') no-repeat left top;

	}

	.VacatureList ul {
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0;
		background: transparent url('/SiteCollectionImages/Recruiter.jpg') no-repeat left top;
		min-height: 81px;
	}

	* html .VacatureList ul {
		padding: 15px 0 0 0;
		background-color: transparent;
	}
	.VacatureList li {
		margin: 5px 0 0 100px;
	}
	*+html .VacatureList li {
		margin: 5px 0 0 140px;
	}
	* html .VacatureList li {
		margin: 5px 0 0 140px;
	}

	.VacatureList li a:link,
	.VacatureList li a:visited {
		cursor: hand;
		color: #342776;
		text-decoration: none;
	}
	.VacatureList li a:hover,
	.VacatureList li a:active {
		cursor: hand;
		color: #342776;
		text-decoration: underline;
	}
	.SolliciterenLink {
		vertical-align: top;
		text-align: right;
		display: block;
		clear: both;
		height:  21px;
		padding: 6px 27px 0 10px;
	}
	.SolliciterenLink:link,
	.SolliciterenLink:visited {
		background: White url('/Style Library/images/ItemBottomReadMore.gif') top left no-repeat;
		color: #342776;
		text-decoration: none;
	}
	.SolliciterenLink:hover,
	.SolliciterenLink:active {
		background: White url('/Style Library/images/ItemBottomReadMore-over.gif') top left no-repeat;
		text-decoration: underline;
		color: #342776;
	}

	/*Article*/
	#linkitem.NewsArticleList
	{
		position: relative;
		clear: both;
		min-height: 100px;
		margin-left: 15px;
	}

	#linkitem.NewsArticleList .NewsArticleItem
	{
		min-height: 100px;
	}

	* html .NewsArticleItem h3
	{
		font-size: 1.2em;
		float: left;
		width: 230px;
	}

	.leftColumnWide .image-article-left {
		position: relative;
		z-index: 100;
		display: block;
		float: left;
		margin: 0 0 0 -43px;
	}

	.leftColumnWide *+html .image-article-left
	{
		margin: 0 0 0 -43px;	
	}

	.leftColumnWide * html .image-article-left
	{
		margin: 0 0 0 -43px;	
	}

	.image-article-left a
	{
		display: block;
		float:left;
	}

	.image-article-left img {
		display: block;
		float: left;
		margin-right: 15px;
	}

	* html .image-article-left img {
		margin-right: 0;
	}



	.articleDate {
		display:block;
		float:right;
		margin: -10px 0 0 0;
		padding: 14px 16px 0 10px;
		background: transparent url('/Style Library/images/articleTop.gif') top right no-repeat;

		color: black;
		font-weight:normal;

	}

	.articleTitle .articleDate
	{
		font-size: 0.7em;
	}

	.articleTitle {
		position:relative;

		padding: 10px 0px 10px 115px;
		z-index:0;
	}
	
	*+html .articleTitle
	{
		background: none;
	}

	* html .articleTitle
	{
		background: none;
	}

	.articleDescription {
		font-style: italic;
		padding: 0 20px 0 20px;
		background: white;
	}
	.articleBody {
		padding: 20px;
		background: White url('/Style Library/images/articleBottom.gif') bottom right no-repeat;
	}

	.Article
	{
		position: relative;
		background:white;
	}

	* html .Article
	{
		position:relative;
	}
	
	.Article .articleDate
	{
		position: absolute;
		left: 0;
		width: 365px;
		background-color: transparent;
	}

	* html .Article .articleDate
	{
		width: 243px;
	}

	* html .Article .image-article-left
	{
		width: 165px;
		height: 110px;
	}
	
	.Article .image-article-left div
	{
		display: block;
		height: 100px;
	}

	.Article h3
	{
		width: auto;
		padding: 15px 0 0 0;

		background-color: white;
		z-index: 10;
	}

	
	.Article .image-article-left div span, .Article .image-article-left div span img
	{
		margin: 0;
	}

	*+html .Article .image-article-left div span img, *+html .fullColumn .image-article-left div span img
	{
		margin: 0 10px 130px 0;
	}

	.Article .articleDescription
	{
		padding: 0 20px 10px 20px;
	}
	
	.Article .articleBody
	{
		padding: 0 20px 20px 20px;
	}
}


/* Homepage */
.HomeNieuws {}
/*
.HomeAfspraak
.HomeNieuwsbrief
.HomePortfolio
.HomeEvents*/

.image-home-left {
	float: left;
	padding: 0 15px 0 0;
}

.HomeNieuws .item, .HomePortfolio .item, .HomeEvents .item
{
	margin: 0 10px 10px 10px;
	background: White url('/Style Library/images/ItemTop.gif') top left no-repeat;
}

.link-item
{
	color: black;
	font-size: 1em;
}

.HomeNieuws .item .link-item p,
.HomePortfolio .item .link-item p,
.HomeEvents .item .link-item p
{
	padding: 4px 20px 0 20px;
	font-size: 1em;
	line-height:1em;
}

.HomeNieuws .item .link-item a,
.HomeEvents .item .link-item a,
.HomePortfolio .item .link-item a
{
	display: block;
	clear: both;
	height: 21px;
	padding: 6px 27px 0 10px;
	vertical-align: top;
	text-align: right;
}

.HomeNieuws .item .link-item a:link,
.HomeNieuws .item .link-item a:visited,
.HomeEvents .item .link-item a:link,
.HomeEvents .item .link-item a:visited,
.HomePortfolio .item .link-item a:link,
.HomePortfolio .item .link-item a:visited
{
	background: White url('/Style Library/images/ItemBottomReadMore.gif') top left no-repeat;
	font-size: 1em;
	color: #342776;
}

/*reminder: header (h2) get colored also*/
.HomeNieuws .item .link-item a:hover,
.HomeNieuws .item .link-item a:active,
.HomePortfolio .item .link-item a:hover,
.HomePortfolio .item .link-item a:active,
.HomeEvents .item .link-item a:hover,
.HomeEvents .item .link-item a:active
{
	color: #342776;
	font-size: 1em;
	background: White url('/Style Library/images/ItemBottomReadMore-over.gif') top left no-repeat;
}

.HomeNieuws .item .link-item h3,
.HomePortfolio .item .link-item h3,
.HomeEvents .item .link-item h3 {
	padding: 10px 20px 0 20px;
	font-size: 1em;
}

.HomeNieuws .item .link-item h3 a:link, 
.HomePortfolio .item .link-item h3 a:visited, 
.HomeEvents .item .link-item h3 a:link,
.HomeNieuws .item .link-item h3 a:visited, 
.HomePortfolio .item .link-item h3 a:link, 
.HomeEvents .item .link-item h3 a:visited

{
	background: none;
	text-align: left;
	padding: 4px 0 0 0;
	height: auto;
	clear: none;
}

	/*Searchbox*/
	.pane_siteMenu .search {
		font-size: 1em;
		float: right;
		width: 135px; 
		padding-right: 40px;
		background: transparent url('/Style Library/images/btnSearchBg.gif') no-repeat left 1px;
	}
	* html .pane_siteMenu .search {
		padding-right: 0px;
		background-position: left 2px;
	}
	*+html .pane_siteMenu .search {
		background-position: left 2px;
	}
	.ms-sbplain {
		border: 0;
		background: transparent;
		height: 20px;
		padding-top: 4px;
		padding-left: 5px;
	}
	.pane_siteMenu .search #SRSB table.ms-sbtable {
		margin-top: 0px;
		font-size: 0.85em;
		font-weight: normal;
	}
	.pane_siteMenu .search #SRSB table.ms-sbtable .ms-sbcell {
		border: none;	
	}
	.pane_siteMenu .search #SRSB table.ms-sbtable .ms-sbcell input {
		padding: 5px 0 0 5px;
	}

	.pane_siteMenu .search #SRSB table.ms-sbtable .ms-sbgo {
		padding: 0;
		margin: 0;
		background-color: transparent;
	}
	.pane_siteMenu .search #SRSB table.ms-sbtable .ms-sbcell.ms-sbtext {
		display: none;
	}
	
	/*Search Results*/
	.ms-tztable table{
		background-color: #f4f4ef !important;	
	}

	.srch-WPBody	
	{

	}

	.SearchResultPanel
	{
		background: white url('/Style Library/images/resultsTop.gif') no-repeat right top;
	}

	.SearchResultPanel .ms-PartSpacingVertical
	{
		display: none;
	}

	.srch-WPBody .srch-stats
	{
		display: block;
		float: right;
		background: none !important;
		height: 14px;
		padding: 0 10px 4px 4px;
		margin-left: 10px;
		text-align: right;
	}

	#SRST
	{
	}

	#CSR {
	}

	.srch-results {
		background: white url('/Style Library/images/resultsBottom.gif') no-repeat right bottom;
		font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		line-height: 1.4em;
		padding: 22px 20px;
	}
	.srch-sort {}
	.srch-alertme {}
	#SRST {}
	.srch-stats {
		color: black;
	}

	#SRCHRSSL {
	
	}
	.srch-Title {
		margin-top: 25px;
	}
	.srch-Title a:link, .srch-Metadata .srch-URL  a:link{
		color: #342776;
		text-decoration: none;
	}
	.srch-Title a:visited, .srch-Metadata .srch-URL a:visited {
		color: #7361AD;
		text-decoration: none;
	}
	.srch-Title a:active, .srch-Metadata .srch-URL a:active {
		color: #7361AD;
		text-decoration: underline;
	}
	.srch-Title a:hover, .srch-Metadata .srch-URL a:hover {
		color: #E1B135;
		text-decoration: underline;
	}
	.srch-Description {
		color: black !important;
	}
	.srch-Metadata {
		color: black;
		border: 0;
		margin-bottom: 20px;
	}
	.srch-Metadata .srch-URL  a:link{
		color: #342776 !important;
		text-decoration: none;
	}
	.srch-Metadata .srch-URL a:visited {
		color: #7361AD !important;
		text-decoration: none;
	}
	.srch-Metadata .srch-URL a:active {
		color: #7361AD !important;
		text-decoration: underline;
	}
	.srch-Metadata .srch-URL a:hover {
		color: #E1B135 !important;
		text-decoration: underline;
	}

	.srch-dup {
	
	}

	/*Statics menu*/
	.pane_staticsMenu {
		position: absolute;
		float: right;
		height: 265px;
		width: 56px;
		right: -56px;
		top: 176px;
		background: transparent url("/Style Library/Images/SideMenuRight.gif") no-repeat right top;
	}
	*+html .pane_staticsMenu {
		position: relative;
		right: -231px;
		top: 41px;
	}
	* html .pane_staticsMenu {
		position: absolute !important;
		right: -57px;
		top: 176px;
	}

	.pane_staticsMenu ul {
		height: 265px;
		width: 50px;
		margin: 0;
		padding: 0;
		list-style: none;
		background-image: url("/Style Library/Images/SideMenuBg.gif");
		background-repeat: repeat-x;
	}
	* html .pane_staticsMenu ul {
		width: 50px;
	}
	.pane_staticsMenu li {
		text-align: left;
	}
	.pane_staticsMenu li a:link, .pane_staticsMenu li a:visited
	{
		display: block;
		height: 34px;
		padding: 10px 0 0 5px;
		color: #E1B135;
		vertical-align: middle;
		text-align: left;
		text-decoration: none;
	}
	.pane_staticsMenu li a:hover, .pane_staticsMenu li a:active  {
		display: block;
		height: 34px;
		padding: 10px 0 0 5px;
		vertical-align: middle;
		text-align: left;
		text-decoration: none;
		color: White;
	}

	/*footer*/
	
	#macawXPfooter {
		position: relative;
		/* left: -20px; */
		clear:both;
		width:691px;
		height:200px;
		margin: 0 auto;
		background-color: #F3F4EF;
	}
	
	#macawXPfooter a:link, #macawXPfooter a:visited {
		color: #E1B135;	
		display: inline-block;
		width: 130px;
	}
	#macawXPfooter a:hover, #macawXPfooter a:active {
		display: inline-block;
		color: White;
		height: 112px;
		width: 130px;
		vertical-align: top;
		background: transparent url('/Style Library/Images/info.gif') bottom center no-repeat;
	}
	
	.companyAddress {
		width:100%;
		height: 200px;	
		padding-top:15px;
		text-align: center;
	}
	
	.addressBlock {
		background-image: url(images/footer.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #E1B135;
		font-size: 1em;
		font-style: normal;
		float:left;
		height: 250px;
		width:691px;
		vertical-align: bottom;
	}
	
	/*EditMode correcties*/
	.EditModeConsole {
		width: 691px;
		margin: 0 auto;
	}
	hr {
		width: 95%;
		margin: 0 auto;
	}
	.EditModeTable {
		width: 95%;
	}
	.TextFieldLabel {
		width: 100%;
	}
	.ms-formfieldlabelcontainer {
	}
	.ms-formfieldlabel {
	}
	.ms-formfieldcontainer {
		width: 95%;
	}
	.ms-formfieldvaluecontainer {
		margin: 0;
		padding: 0;
	}
	.ms-long {
		width: 97%;
	}
	.ms-authoringcontrols {
		background-color: transparent;
		width: 100%;
	}

	/* fighting webparts... */
	.ms-WPHeader {
		font-size: 1.5em;
		font-weight: normal;
		color: fuchsia;
		border: 0;
	}
	.ms-WPHeader td, .ms-WPBorder {
		border: 0;
	}
	
	.ms-consolestatuscheckoutframe {
		background-image: url('/Style Library/Images/cnsugrdn.gif')
	}
	.ms-MenuUILabel {
		padding: 0;
		margin: 0;
		text-align: left;
	}
	* html .fullColumn .image-article-left	
	{
		width: 160px;
		margin: 0 0 0 -40px;
		position:absolute;
		float: left;
	}

	* html .fullColumn .image-article-left div
	{
		display: block !important;
		float: none;
		height: 1%;
	}

	* html .fullColumn .image-article-left div span
	{
		height: 1%;
	}


	* html .fullColumn .image-article-left div span img
	{
		display:inline;
		float: none;
	}

	.SearchResultPanel h3
	{
		padding: 10px 0 0 20px;
	}

	.Zoomio.event
	{
		background:none;
		margin: 0;
	}

	.Zoomio.event .leftColumn
	{
		width: auto;
		margin: 0;
	}

	.Zoomio.event .leftColumn td
	{
		padding: 5px 10px 5px 3px;
	}

	.Zoomio.event .leftColumn .label
	{
		width: 250px;
	}

	.Zoomio.event .leftColumn .field
	{
		vertical-align:bottom;
	}

	.Zoomio.event .leftColumn .margin
	{
		width: 10px;
	}
	
	.Zoomio.event .leftColumn .formDescription
	{
		font-size: 1em;
		padding-top: 22px;
	}

	.articleTitleSpan
	{
		margin-right: 16px;
	display: block;
	}
}

@media print {
  
	body {
		background: none;
		background-color:#F4F4EF;
		font-size: 9pt;
	}
	
	#pane_rightColumn, .footer, #pane_staticsMenu, #pane_siteMenu, #pane_featurette, .nieuwsImageSpace, #DMStats, #leftBar, .BreadCrumb, .newsFeatureListFooter{
		display: none !important;
	}
	
	.TwoColFormModule {
		margin-left: 20px;
	}
	
	#header {
		width: 100%;
		margin-top: 0pt;
	}
	
	#logo {
		position: absolute;
		top: 0pt;
		left: 10pt;
	}
	
	#pane_marketing {
		position: absolute;
		top: 0pt;
		left: 90pt;
	}
	
	#content {
		left: auto !important;
		width: 100% !important;
		background: none;
		background-color:#F4F4EF;
		margin-top: -10pt;
	
	}
	#pane_leftColumn, #macawXPfooter, .leftColumn, .nieuwsArtikel {
		width: 90% !important;
		min-height: none !important;
		height: auto !important;
		padding: 0 30pt 0 10pt!important;
		margin: 0 !important;
		left: 0;
		overflow: hidden;
		background: transparent none;
	}
	
	h5 {
		min-height: none !important;
		padding: 0 !important;
		font-size: 1.4em !important;
	}
	
	p {
		margin: 1em 0 0 0 !important;
	}
	
	img {
		float: left !important;
		margin-right: 1em !important;
		position: relative !important;
		display: inline !important;
	}
	
	div {
		clear: none !important;
	}
	
	.nieuwsArtikel .flip {
		margin-left: -8px !important;
	}
	
	#macawXPfooter {
		font-size: 7pt;
		height: auto;
		padding: 0;
	}
	
	.addressBlock {
		width: auto;
		padding: 5px 0 5px 25px;
		height: auto;
		float: none;
	}
}

