html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}



/* wrapper */

#wrapper {
	height: 100%;
	position: relative;
	width: 965px;
	margin: 0 auto;
	margin-bottom: -44px;
}

html>body #wrapper {
	position: relative;
	height: auto;
	min-height: 100%;
}

#wrapper2 {
	background: url(graphics/content_bg_1px.png) 195px 0 repeat-y;
}

#bodysubstyle_home #wrapper2,
#bodysubstyle_referentiemodule #wrapper2 {
	background: #fff;
}



/* logo */

#logo {
	width: 180px;
	height: 74px;
	background: url(graphics/logo.png) no-repeat;
	position: absolute;
	top: 17px;
	left: 0;
}

/* header */


#headerTop {
	position: relative;
}

* html #header {
	border: 1px solid #fff;
}

#header {
	position: relative;
	z-index: 105;
	background: #ffffff;
}

#header_carousel{
	position: relative;
	margin-left: 15px;
}


* html .personsImageText,
* html .homeBannerText {
	right: 35px;
	top: 40px;
}

.personsImageText,
.homeBannerText {
	position: absolute;
	top: 38px;
	right: 35px;
	width: 276px;
	height: 200px;
	z-index: 100;
}

.personsImageText {
	color: #fff;
	background: none;
}

.overTextTitle {
	font-family: "georgia",times;
	font-style: italic;
	font-weight: bold;
	margin-bottom:0.5em;
}

.overText strong {
	font-family: "georgia",times;
	font-style: italic;
	color: #EE1997;
	font-size: 160%;
	font-weight: bold;
	line-height: 100%;
	margin-top: 0.2em;
}

/* search */

#form_zoeken {
	position: absolute;
	top: 22px;
	right: 0;
	width: 209px;
	z-index: 105;
}

#form_zoeken fieldset {
	border: 0;
	height: 20px;
	margin: 0;
	padding: 0;
}

#form_zoeken #search_button {
	background: url(graphics/zoek_bg.png) top left no-repeat;
	border: none;
	width: 59px;
	height: 22px;
	font-family: "georgia", times;
	font-weight: bold;
	font-style: italic;
	font-size: 90%;
	padding-bottom: 1px;
}

*+html #form_zoeken #search_button {
	padding-bottom: 0;
}

* html #form_zoeken #search_button {
	padding-bottom: 0;
	padding-left: 4px;
}

#form_zoeken .search_field {
	width: 135px;
	height: 17px;
	background: url(graphics/bg_input.png) top left no-repeat;
	border: 1px solid #c9c9c9;
	padding: 3px 5px 0px 5px;
	font-size: 85%;
	position: relative;
	margin-bottom: 1px;
}

*+html #form_zoeken .search_field {
	margin-bottom: 0px;
}

* html #form_zoeken .search_field {
	margin-bottom: 0px;
}


/* content */

#content {
	position: relative;
	xpadding: 0 0 50px 205px;
	padding: 0 0 170px 205px;
	background: url(graphics/content_bg.png) 195px bottom no-repeat;
	xbackground: transparent url(graphics/content_bg_1px.png) 162px 0 repeat-y;
}

#bodysubstyle_home #content {
	background-image: none;
	padding: 0 0px 50px 185px;
}

#bodysubstyle_afbeeldingTop #content {
	padding: 0px 0px 50px 185px;
}

#bodysubstyle_referentiemodulen #content {
	display: inline;	
}

#content:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*+html #content {
    min-height: 0;  /* clear floats for IE7 */
}

*html #content {
    height: 1px;
}




.cmsContent,
.route_module{
	width: 480px;
	margin: 0px 0;
	padding: 0 30px 30px 25px;
	position: relative;
	float: left;
	xbackground:transparent url(graphics/content_bg.png) no-repeat scroll right bottom;
	xpadding: 0 25px 90px 25px;
}



.route_map {
	position; relative;
	margin-left: 20px;
}

.route_map #mapWrapper {
	background:#FFFFFF;
	height:266px;
	margin-left: -5px;
	overflow:hidden;
	padding: 0 0 20px 0;
	position:relative;
	width:766px;
	
}

.route_map .map {
	height:266px;
	width:766px;
}

* html .route_map #mapShadowLeft {
	background: none;	
}

* html .route_map #mapShadowTop {
	background:	transparent url(graphics/hoekjes_over_kaart.gif) left top repeat-x;
}

.route_map #LinksWrapper {
	position:absolute;
	right:0;
	top:283px;
	width:205px;
	margin: 0;
	float: none;
}

.route_map #mapShadowTop {
	background:	transparent url(graphics/schaduw_kaart_route_top.png) left top repeat-x;
	position: absolute;
	width: 100%;
	height: 15px;
	top: 0;
	left:0;
}

.route_map #mapShadowLeft {
	background: url(graphics/schaduw_kaart_left.png) top left repeat-y;
	position: absolute;
	width: 15px;
	height: 266px;
	top: 0;
	left: 0;
}

.route_map #mapShadowBottom {
	background: transparent url(graphics/hoekjes_over_persons.gif) no-repeat scroll left bottom;
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 20px;
	left: 0;
	z-index: 100;
}

.route_module {
	margin-top: -20px;
	padding-bottom: 70px;
}

#frmContact {
	width: 500px;
	margin: 10px 0;
	padding: 0 25px 0 25px;
	position: relative;
	float: left;
	font-family: verdana;
	font-style: normal;
}

*+html #cmsContent_wrapper {
	float: left;
}

#cmsContent_wrapper {
	margin: 10px 0 5px -190px;
	width: 463px;
	background: url(graphics/home_vak_1px_bg.png) top left repeat-y;
	position: relative;
	min-height: 100px;
}

#testimonialHome_wrapper {
	position: relative;
	margin: 0 0 0 -190px;
	width: 463px;
	background: url(graphics/home_vak_1px_bg.png) top left repeat-y;
}

#cmssubstyle_home {
	background: url(graphics/home_vak_bg.png) bottom left repeat-x;
	margin: 0;
	width: 380px;
	padding: 0 40px 15px 40px;
	float: none;
}


#cmsContent_top,
#testimonialHome_top {
	width: 463px;
	height: 13px;
	background: url(graphics/home_vak_bg_top.png) top left no-repeat;
}

* html #cmsContent_bottom {
	bottom: -1px;
}

#cmsContent_bottom,
#testimonialHome_bottom {
	width: 463px;
	height: 16px;
	background: url(graphics/home_vak_bg_bottom.png) top left no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

#testimonialHome_bottom {
	bottom: -10px;
}

#testimonialHome {
	background: url(graphics/home_vak_bg.png) bottom left repeat-x;
	width: 380px;
	padding: 0 40px 15px 40px;
	position: relative;
	z-index: 5;
}

#bodysubstyle_home #testimonialHome p {
	font-family: "verdana", arial;
	font-style: normal;
	font-size: 85%;
	padding: 0 60px 10px 0;
	margin: 0;
}

* html #testimonialHome img.testimonialImg {
	display: none;	
}

#testimonialHome img.testimonialImg {
	bottom: -5px;
	position: absolute;
	right: 7px;
	z-index: 20;
	max-width: 120px;
	height: auto;
	z-index: 100;
}

*+html #testimonialHome img.testimonialImg {
	bottom: -5px;
	
}

.klantnaam {
	color: #EE1997;
	font-size: 80%;
	font-weight: bold;
	line-height: 120%;
	padding-right: 70px;
	display: block
}

/* menu */

* html #menu {
	width: auto;
}

* html #menu ul,
* html #menu ul ul {
	padding: 0.3em 0;
	margin:0;
	height: 0;
}

* html #menu ul ul li {
	padding: 0.5em 0;	
}

* html #menu ul ul ul li {
	padding: 0 0 0 0.8em;	
}

#menu {
	position: relative;
	height: 38px;
	padding: 22px 0 0 193px;
}	

#menu h2 {
	display: none;
}

#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul {
	height: 37px;
	position: relative;
	top: -2px;
}

* html #menu ul {
	height: 1em;
	top: -6px;
}

*+html #menu ul {
    min-height: 0;  /* clear floats for IE7 */
}

html>body #menu ul:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#menu ul li {
	float: left;
}

* html #menu ul li {
	xdisplay: inline;
}

#menu li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 95%;
	color: #333;
	display: block;
	padding: 0.5em 0.8em 0.125em 0.8em;
	border-left: 1px solid #fff;
}


#menu li a:hover {
	color: #888;
	border-left: 1px solid #EFEFEF;
	background: #FBFBFB url(graphics/menu_active_tab_right.png) top right no-repeat;
}

#menu li.active a:hover  {
	background: #FBFBFB url(graphics/menu_active_tab_right.png) top right no-repeat;
}

#menu li.active li a:hover,
#menu li.subactive a:hover {
	background: none;
}


* html #menu li li a {
		padding: 0 1em 0.2em 1.5em;
}


#menu li li a {
	border: none;
	padding: 0.8em 1.5em 0.5em;
}

#menu li li a:hover {
	border: none;
	background: none;
}


/* submenu's */

* html #menuFirstLevel .cmsMenuLevelWrapper_menu1,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu2,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu3,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu4,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu5,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu6,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu1,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu2,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu3,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu4,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu5,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu6,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu1 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu2 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu3 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu4 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu5 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu6 ul{
	height: 0px;
}

#menuFirstLevel cmsMenuLevelWrapper_menu1-1,
#menuFirstLevel cmsMenuLevelWrapper_menu2-1,
#menuFirstLevel cmsMenuLevelWrapper_menu3-1,
#menuFirstLevel cmsMenuLevelWrapper_menu4-1,
#menuFirstLevel cmsMenuLevelWrapper_menu5-1,
#menuFirstLevel cmsMenuLevelWrapper_menu6-1 {
	background: none;
}

* html #menuFirstLevel .cmsMenuLevelWrapper_menu1,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu2,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu3,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu4,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu5,
* html #menuFirstLevel .cmsMenuLevelWrapper_menu6 {
	background:	url(graphics/menu_sub_bg_right_ie.gif ) bottom right no-repeat;
}

#menuFirstLevel .cmsMenuLevelWrapper_menu1,
#menuFirstLevel .cmsMenuLevelWrapper_menu2,
#menuFirstLevel .cmsMenuLevelWrapper_menu3,
#menuFirstLevel .cmsMenuLevelWrapper_menu4,
#menuFirstLevel .cmsMenuLevelWrapper_menu5,
#menuFirstLevel .cmsMenuLevelWrapper_menu6 {
	position: absolute;
	background: url(graphics/menu_sub_bg_right.png ) bottom right no-repeat;
	height: auto;
	width: auto;
}

* html #menuFirstLevel .cmsMenuLevelWrapper2_menu1 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu2 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu3 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu4 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu5 ul,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu6 ul {
	background: url(graphics/menu_sub_bg_ie.gif) bottom left no-repeat;
}


#menuFirstLevel .cmsMenuLevelWrapper2_menu1 ul,
#menuFirstLevel .cmsMenuLevelWrapper2_menu2 ul,
#menuFirstLevel .cmsMenuLevelWrapper2_menu3 ul,
#menuFirstLevel .cmsMenuLevelWrapper2_menu4 ul,
#menuFirstLevel .cmsMenuLevelWrapper2_menu5 ul,
#menuFirstLevel .cmsMenuLevelWrapper2_menu6 ul {
	position: relative;
	background: url(graphics/menu_sub_bg.png) bottom left no-repeat;
	margin-right: 9px;
	top: 0;
}


* html #menuFirstLevel .cmsMenuLevelWrapper2_menu1,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu2,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu3,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu4,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu5,
* html #menuFirstLevel .cmsMenuLevelWrapper2_menu6 {
	background: url(graphics/menu_sub_bg_top_ie.gif) right top no-repeat;
}

#menuFirstLevel .cmsMenuLevelWrapper2_menu1,
#menuFirstLevel .cmsMenuLevelWrapper2_menu2,
#menuFirstLevel .cmsMenuLevelWrapper2_menu3,
#menuFirstLevel .cmsMenuLevelWrapper2_menu4,
#menuFirstLevel .cmsMenuLevelWrapper2_menu5,
#menuFirstLevel .cmsMenuLevelWrapper2_menu6 {
	position: relative;
	background: url(graphics/menu_sub_bg_top.png) right top no-repeat;
}




#menuFirstLevel .cmsMenuLevelWrapper2_menu3-1 {
	background: none;
}



#menu ul ul {
	position: relative;
	padding-left: 5px;
	padding-bottom: 15px;
	height: auto;
	width: auto;
}

#menu ul ul ul {
	position: relative;
	background: none;
}

#menu li li a {
	font-weight: normal;
	border: none;
	color:  #2B2B2B;
}

/* sub-sub menu's */

#menu ul ul ul li {
	padding-left: 10px;
}

/* #menu hover-effect */

#menu ul ul {
	display: none;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
}

#menu ul ul li a {
	xfont-weight: bold;
}

#menu ul ul ul {
	display: block;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#menu ul ul ul li a {
	font-weight: normal;
}

#menu ul ul li,
#menu ul ul.hover li,
#menu ul ul:hover li,
#menu ul ul ul li  {
	display: block;
}

#menu ul li.hover ul,
#menu ul li:hover ul,
#menu ul li.hover li.hover ul,
#menu ul li:hover li:hover ul,
#menu ul li.hover li.hover li.hover ul,
#menu ul li:hover li:hover li:hover ul  {
	display: block;
}

.cmsMenuLevel2 li {
	xdisplay: block;
}

* html #menu ul div {
	width: 12em;
}


#menu ul ul li,
#menu ul ul ul li  {
	position: relative;
	float: none;
}

#menu ul ul {
	padding-top: 0.3em;
}

#menu ul ul ul {
	padding-top: 0.2em;
}

#menu ul ul ul li {
	background: url(graphics/list_style_min.gif) 8px 8px  no-repeat;
}

#menu ul ul ul ul li {
	background: url(graphics/list_style_plus.gif) 8px 8px  no-repeat;
}

/* footer */

#footer {
	position: relative;
	background: url(graphics/footer_bg.png) no-repeat;
	height: 44px;
	width: 965px;
	margin:  0 auto;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	line-height: 44px;
}

#footer .first {
	margin-left: 20px;
}

#footer .first a {
	color: #fff;
	text-decoration: none;
}

#footer .first a:hover {
	color: #999;	
}

#footer .second {
	margin-left: 100px;
}

#footer .second a {
	text-decoration: none;	
}

#footer .second a:hover {
	color: #999;
}

/* OTHER TOOLS */

/* various classes */

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image {
	clear: both;
	margin-bottom: 1em;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}


/* horizontal rules */

hr {
	display: none;
}

#content hr {
	display: block;
}


/* Progress Bar */

.modalDialogBox {
	text-align: center;
	position: absolute;
	border: 1px solid #0A72CD;
	top: 50%;
	left: 50%;
	width: 20em;
	margin: -12.5% 0 0 -10em;
	background-color: white;
}

.modalDialogBox h3, .modalDialogBox p {
	margin: 1em 0 1em 0;
	padding: 0;
}

.barContainer {
	text-align: left;
	border: 1px solid #0A72CD;
	margin: 0.5em;
	background-color: #EBF5FE;
}

.bar {
	background-color: #0A72CD;
	height: 1em;
	width: 98%;
}

.caption, .percentage {
	margin: 0.5em;
}

.percentage {
	font-weight: bold;
}

/* breadcrumb */

* html #breadcrumb {
	width: 525px;
	margin-left: -5px;
}

#breadcrumb {
	width: 525px;
	padding: 1em 0 1em 34px;
	float: left;
	background: #fff url(graphics/content_bg_top.png) 0 0 no-repeat;
	min-height: 25px;
	top: 0;
	margin-left: -10px;
}


#breadcrumb:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html #breadcrumb {
    height: 1px; /* clear floats for IE5,6 */
}

*+html #breadcrumb {
    min-height: 0;  /* clear floats for IE7 */
}

#breadcrumb ul {
	padding: 0px;
	margin: 0;
}

#breadcrumb ul li {
	list-style: none;
	display: inline;
}

#breadcrumb ul li,
#breadcrumb ul li a {
	color: #353535;
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration:underline;
	color: #888;
}

#page_sitetree #breadcrumb {
	display:none;
}


#bodysubstyle_referentiemodule #breadcrumb,
ul.tools {
	background: none;	
}


/*///// Homepage /////*/

#bodysubstyle_home h1 {
	display: none;
}


.personsImageVak,
#pageImage,
#personsSliderContent {
	position: relative;
	height: 266px;
	width: 766px;
	overflow: hidden;
}


#pageImage {
	background: #FFFFFF url(graphics/persons_bg.png) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 -5px;
	padding-bottom: 15px;
}

.personsImageVak {
	background: #fff url(graphics/personsImageVak_bg.png) top left no-repeat;
}

* html .personsImage {
	bottom: -1px;	
}

.personsImage {
	position: absolute;
	bottom: 2px;
	left: 6px;
}

.personsImage img {
	margin-bottom: -10px;

}
	
/* nieuwsvakken home */

* html #news_wrapper {
	margin-right: 105px;
}

#news_wrapper {
	position:relative;
	xfloat: right;
	margin: 10px 215px 0 0;
	width: 285px;
	height: auto;
	background: #fefefe url(graphics/home_nieuws_1px_bg.png) top left repeat-y;
}

#news_top {
	width: 285px;
	height: 13px;
	background: #fff url(graphics/home_nieuws_bg_top.png) top left no-repeat;
}


#news_headers {
	padding: 0 25px 1px 25px;
	width: 235px;
	background: url(graphics/home_nieuws_bg.png) bottom left no-repeat;
}

#more_news,
#more_info {
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	
}

#more_news a,
#more_info a {
	position: absolute;
	bottom: 0;
	right: 0;	
	height: 30px;
	width: 250px;
	padding: 10px 40px 0 0;
	text-align: right;
}
#more_info a {
	font-style: italic;
	font-size: 100%;
	font-family: georgia;
	right: 10px;
}
* html #more_news a:hover {
	xbackground: url(graphics/hoekje_active_hover.png) 267px 11px no-repeat;	
}

#more_news a:hover {
	xbackground: url(graphics/hoekje_active_hover.png) 266px 11px no-repeat;
}

#news_bottom {
	width: 285px;
	height: 40px;
	background: #fff url(graphics/home_nieuws_bg_bottom.png) bottom left no-repeat;
}

#news_wrapper:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html #news_wrapper {
    height: 1px; /* clear floats for IE5,6 */
}

*+html #news_wrapper {
    min-height: 0;  /* clear floats for IE7 */
}

#content .newsTitleLink {
	background: url(graphics/news_arrow.gif) 0 10px no-repeat;
	padding-left: 17px;
}
#content .newsTitleLink a {
	color: #2B2B2B;
	text-decoration: none;
	font-size: 100%;
}
#content .newsTitleLink a:hover {
	color: #EE1997;
}
/* actie banner */

#actie_banner {
	background: url(graphics/banner_actie.png) no-repeat;
	position: relative;
	width: 272px;
	height: 118px;
	xfloat: right;
	margin: 10px 206px 10px 0;
	font:85%/170% Verdana,Arial,Helvetica,sans-serif;
	line-height: normal;
	padding: 40px 0 5px 20px;
}

#homeLeft {
	float: left;
	margin-left: -185px;
	width: 463px;
	margin-right: 10px;
}
#homeLeft #cmsContent_wrapper,
#testimonialHome_wrapper {
	margin-left: 0;
}
#homeRight {
	float: left;
	width: 285px;
}
/* linkswrapper */

#aanmeldenNieuwsbrief,
#LinksBannersWrapper,
#LinksWrapper,
#twitWrapper {
	position: relative;
	float: right;
	width: 205px;
	clear: right;
}

#LinksWrapper {
	margin-top: -57px;
}
#twitWrapper {
	margin-top: 10px;
}

#details_persons #LinksWrapper {
	margin-top: 0;	
}



.extrasContent,
#aanmeldenNieuwsbrief {
	padding: 5px 10px 0 27px;
	width: 154px;
	margin-bottom: 5px;
	position: absolute;
	top: 280px;
	left: 0;
}

#personsList h2 {
	font-size: 110%;
	margin-bottom: 12px;
}

* html .persondescription {
	height: 171px;
	padding: 0 0 0 10px;
	margin: 0 0 0 -7px;	
}

* html .persondescription img {
	margin: 5px 0 0 30px;
}

.persondescription {
	position: relative;	
}

.persondescription img {
	margin: 5px 0 4px 25px;
	cursor: pointer;
	height: 120px;
}

#LinksPersonsWrapper div.persondescription div.persondescriptionFunction {
	font-weight: normal;
}


#content .person_in_shortlist a {
	text-decoration: none;
	color: #888;
	font-weight: bold;
	font-size: 80%;
	line-height: 17px;
}

#content .person_in_shortlist a:hover {
	color: #333;
}

#content .person_in_shortlist div.active a {
	color: #666;
}

#heleTeam {
	margin-top: 1em;	
}

#heleTeam a {
	color: #999;
	font-weight: bold;
	font-size: 85%;
	text-decoration: none;
}

#heleTeam a:hover {
	color: #333;
}	


.person_details {
	clear: left;	
}




/* linkswrapper */

#bodysubstyle_home #LinksWrapper {
	position: absolute;
	top: 50px;
	right: -510px;
}

#LinksDownloadsWrapper,
#LinksLinksWrapper,
#LinksProjectsWrapper {
	background: url(graphics/banner_gerelateerd_bg.png) bottom left no-repeat;
	margin-bottom: 2px;
}

#downloads,
#links,
#projects {
	background: url(graphics/banner_bg_top.gif) left top no-repeat;
	padding: 14px 20px 20px 17px;
		position: relative;	
}

#LinksPersonsWrapper h2 {
	font-size: 1.1em;
}

#LinksPersonsWrapper .persondescription div {
	font-size: 0.85em;
	font-weight: bold;
}


#banners {
	background: #fff;
	padding: 0;
}

.banner {
	display: block;
	margin-bottom: 0;
	margin-top: 6px;
}

#banners h2 {
	display: none;
}

/* news vacatures listwrapper*/
#moduleListWrapper {
	position: relative;
	margin: -3px 0 20px 0;
	position:relative;
	float: right;
	width: 205px;
}

#moduleListWrapper {
	background: url(graphics/banner_bg.png) bottom left no-repeat;
	
}

#moduleListWrapper .vacatures,
#moduleListWrapper .news {
	background: url(graphics/banner_bg_top.gif) top left no-repeat;
	padding-top: 15px;
}

#moduleListWrapper .selector {
	padding: 0 10px 20px 10px;
	float: none;
	text-align: center;
}

.selector div,
.selector span{
	display: inline;	
}

.previousLink,
.forwardLink {
	cursor: pointer ;
	color: #2B2B2B;
}

.previousLink:hover,
.forwardLink:hover {
	color: #888;
}

.vacatures h2,
.news h2 {
	display: none;
}

*+html div.fileinputs {
	margin: 0 0 0 5em;	
}

*+html #applyContent .footer  {
	padding-top: 0;
	padding-left: 5em;
}

.moduleListItem {
	xfloat: right;
	clear: right;
	padding: 0 25px 10px 25px;
}

.moduleListItem .moduleMonth,
.moduleListItem .moduleTitle,
.moduleListItem .moduleShortText {
	float: none;
	padding: 0;
}

.moduleItemFull.cmsContent {
	position: relative;
	width:480px;
	height: 100%;
	margin-bottom: 20px;
}

/* recent projects */

.recent_projects {
	height: 385px;
	float: left;
}

.recent_projects .title {
	background: url(graphics/txt_recenteprojecten.png) no-repeat;
	width: 127px;
}

/* drag and drop */

.sort_handle {
	cursor: n-resize;
}

div.dropmarker {
     height:4px;
     width:100px;
     border: 4px dotted #0A72CD;
}

/* news */


.moduleListItem {
	width: 150px;
	cursor: pointer;
	margin-bottom: 15px;
}

.moduleListItem:hover .moduleTitle {
	color: #888;	
}

/* vacatures en nieuws */

.moduleItemFull {
	display: none;
}

.moduleItemFull.active {
	display: block;
}

/* cloud */

#cloud {
	position: absolute;
	top: 45px;
	left: 0;
	background: url(graphics/cloud_bg.png) top left no-repeat;
	color: white;
	display: block;
	width: 160px;
	height: 200px;
	font-weight: bold;
	padding: 10px;
}

#cloud .xxsmall a {
	font-size: 70%;
	padding-right: 0.2em;
	
}

#cloud .xsmall a {
	font-size: 75%;
}

#cloud .small a {
	font-size: 80%;
	text-align: right;
	display: block;
}

#cloud .normal a {
	font-size: 85%;
	margin-left: 0.5em;
}

#cloud .large a {
	font-size: 95%;
	padding-left: 0.8em;
	
}

#cloud .xlarge a {
	font-size: 105%;
	margin-left: 1.5em;
	display: block;
}

#cloud .xxlarge a {
	font-size: 115%;
	text-align: left;
	padding-right: 0.2em;
}

* html #cloud span.tag  {
	xline-height: 140%;
	display: inline;
}

#cloud .tag a {
	color: white;
	text-decoration: none;
	font-family: "Georgia";
	font-style: italic;
	font-weight: bold;
	line-height: 160%;
}

#cloud .tag a:hover,
#cloud .active { 
	color: #888;
}


#bodysubstyle_home #downloads {
	display: none;
}


/* sitebeheer */

div.harmonica,
div.head {
	background: #D3D8DA;
	padding: 0.5em 20px;
	color: #4D606F;
}

form div#rte,
div.harmonica {
	margin-top: -5px;
	background: #D3D8DA;
	padding: 0.5em 20px;
	color: #4D606F;
}


div.harmonica h2,
div.head h2 {
	font-weight: bold;
	color: #4D606F;
	font-size: 100%;
	position: relative;
}

* html form#frmCms .harmonica h2 a,
* html form#frmCms .head h2 a {
	right: 10px;
	color: #fff;
	padding: 0.25em 0.15em 0.25em 0.35em;
}

div.harmonica h2 a,
div.head h2 a {
	background: #4D606F;
	text-decoration: none;
	width: 15px;
	height: 15px;
	line-height: 15px;
	padding: 0.25em 0.25em 0.25em 0.35em;
	color: #fff;
	position: absolute;
	right: -5px;
	top: 0
}

div.harmonica div {
	margin: 0;
}

.harmonica div.tbl_content {
	margin-top: 2em;
}

* html #editrowdownloads .edit {
	margin-left: 10px;
}

.harmonica .sortable_row,
.harmonica .edit {
	margin-bottom: 5px;
	background: #F6F7F8;
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
}

.harmonica .sortable_row label,
.harmonica .edit label {
	float: left;
	width: 8em;
	
}

* html div.harmonica div {
	position: relative;
}

form .harmonica .footer {
	padding-left: 8em;
}

form#frmCms .harmonica input#download,
form#frmCms .harmonica input#downloadtitle {
	margin: 0.125em 0.25em 0.125em 0;
}

* html .sortable_row .harmonicaElementEdit,
* html .sortable_row .harmonicaElementDelete {
	top: 4px;
}

.sortable_row .harmonicaElementEdit,
.sortable_row .harmonicaElementDelete {
	position: absolute;
	top: 15px;
	right: 40px;
	background: #F6F7F8;
	border: 1px solid #ccc;
	width: 20px;
	height: 20px;
}

.sortable_row .harmonicaElementDelete {
	right: 15px;
}

.elementNumber {
	background: #D3D8DA;
	padding: 5px;
	cursor: move;
}

.newElementNumber {
	background: #D3D8DA;
	padding: 5px;
}

*+html #guide {
	border: 1px solid red;
	position: relative;
	margin-left: -45px;
}

div.edit form {
	margin: 0;
}

/* persons slider */

* html #scrollablepersonsWrapper {
	bottom: 0;
	right: 2px;
}

#scrollablepersonsWrapper {
	position: absolute;
	right: -1px;
	top: 251px;
	background: url(graphics/hoekjes_over_persons.gif) bottom left no-repeat;
	width: 766px;
	height: 15px;
	margin: 0;
	overflow: hidden;
}

* html #scrollablePersons,
* html #personWrapper {
		background: #fff url(graphics/persons_bg.png) top left no-repeat;
}

#scrollablePersons,
#personWrapper {
	position: relative;
	float: left;
	width: 766px;
	height: 263px;
	margin-left: -5px;
	overflow: hidden;
	display: inline;
	background: #fff url(graphics/persons_bg.png) top left no-repeat;
	padding-bottom: 15px;
}

#person_details ol {
	width: 380px;
}

.PersonVolgLink {
	position: relative;
	bottom: 46px;
	float: right;
	margin-bottom: -46px;
}

* html .PersonVolgLink {
	bottom: 43px;
	margin-bottom: -43px;
}

/*
#person_details h3 {
	display: none;
}

.PersonVolgLink img {
	width: 28px;
	height: 28px;
	border: 1px solid red;
}
*/

#personsSliderContent {
	height: 266px;
	margin: 0 0 0 30px;
	width: 2000px;
}

/* scrollable div area */

.person_in_list {
	float: left;
	position: relative;
	padding: 5px;
	border: 1px solid #fefefe;
}

.person_in_list .edit {
	position: relative;
	float: right;
	display: inline;
	padding-top: -20px;
}

.person_in_list .name {
	clear: both;
}


#scrollablePersons .person_in_list {
	float:left;
	height: 250px;
	width: 220px;
	position: relative;
	font-size: 85%;
	border: none;
	padding: 0;
}

* html #scrollablePersons .person_in_list img {
	height: 263px;
	width: 145px;
}	

#scrollablePersons .person_in_list img {
	position: absolute;
	bottom: -16px;
	left: 0;
	height: 263px;
	width: 145px;
	cursor: pointer;
}

#scrollablePersons #personnr_13 .image img {
	left: -13px;	
}

#scrollablePersons .person_in_list .profiel_link {
	position: absolute;
	top: 40px;
	right: 20px;
}

#scrollablePersons .person_in_list .function {
	position: absolute;
	top: 60px;
	right: 10px;
}


.details_name {
	position: absolute;
	top: 80px;
	left: 25.5%;
}

.details_function {
	position: absolute;
	top: 100px;
	left: 29%;
}



/* wrap to make sure that image area is clickable */
* html #sliderbar {
	margin-left: 15px;	
}

#sliderbar {
	position: relative;
	float: left;
	clear: both;
	width: 695px;
	margin: -55px 7px 0 28px;
	height: 5px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.5);
	z-index: 10;
}

/* left image of track */

/* horizontal track */
#track {
	position: absolute;
	width: 700px;
	height: 5px;
	margin-top: -7px;

}

/* horizontal track handle */
* html #handle {
	margin-left: -5px;	
}

#handle {
	width: 15px;
	height: 15px;
	margin-left: -25px;
}



/* route */

#tabs {
	width: 520px;
	margin-top: 1em;
	position: relative;
	top: 1px;
}

#tabs .tab  {
	padding: 3px 20px;
	float: left;
}

#tabs .tab.active {
	background: #fff url(graphics/menu_active_tab_right.png) top right no-repeat;
	border-left: 1px solid #EFEFEF;
	font-weight: bold;
}

#tabs:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*+html #tabs {
    min-height: 0;  /* clear floats for IE7 */
}

*html #tabs {
    height: 1px;
}

.tabcontent,
#applyFormdiv,
#aanmeldenNieuwsbrief{
	display: block;
	background: #fff;
	padding: 15px 0 15px 15px;
	border: 1px solid #EFEFEF;
}

#aanmeldenNieuwsbrief {
	padding: 10px 10px 0 10px;	
}

/* form newsletter */

#aanmeldenNieuwsbrief h2 {
	font-size: 90%;
	color: #353535;
}

.newsletterFormText {
	font-family: "verdana", arial;
	font-size: 85%;
	font-style: normal;
	margin: 10px 0;
}

#frmNewsletter {
	width: 120px;
}

#aanmeldenNieuwsbrief label {
	font-size: 80%;
}

#frmNewsletter input {
	width: 150px;
	font-size: 85%;
	height: 16px;
}

#frmNewsletter .button {
	width: 80px;
	margin-top: 10px;
	font-size: 90%;
	height: 20px;
}
	
#frmNewsletter .error {
	margin-left: 0;
	font-size: 90%;
	display: inline;
}


/* referentiemodule */



#bodysubstyle_referentiemodule #content {
	padding: 0 0 50px 0;
	margin: 0;
	background: none;
	position: relative;
}

*+html #bodysubstyle_referentiemodule #content {
	overflow-x: hidden;
}	

#bodysubstyle_referentiemodule #cloud,
#bodysubstyle_referentiemodule #moduleContent {
	display: none;	
}

* html #bodysubstyle_referentiemodule #breadcrumb {
	padding: 1em 0 0 240px;
}

#bodysubstyle_referentiemodule #breadcrumb {
	padding: 1em 0 0 230px;
}


* html .modalDialogCaption a,
* html .modalDialogCaption a:hover,
* html .modalDialogCaption a.visited {
	color: #fff;
	text-decoration: none;	
	text-indent: -2000px;
}

*+html .modalDialogCaption a,
*+html .modalDialogCaption a.visited {
	color: #fff;
	text-decoration: none;	
}


.modalDialogCaption a {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 0;
	background: url(graphics/close.png) top left no-repeat;
	width: 23px;
	height: 23px;
	
}

.modalDialogCaption a:hover {
	background: url(graphics/close.png) 0 -23px no-repeat;
}


/* gerelateerde projecten */

.projectRow {
	border-bottom:1px solid #EFEFEF;
	padding: 5px;
	position: relative;
}

.projectImage {
	width: 35px;
	float: left;	
}

.projectDescription {
	width: 100px;
	margin-left: 5px;
	float: right;
	font-size: 80%;
}
	
#projects .projectImage img {
	height: 31px;
	width: auto;
	position: relative;
}	

.projectRow:after {
    /* clear floats with standard compliant code */
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0%;
    visibility: hidden;
}

* html ul.footer {
    height: 1px; /* clear floats for IE5,6 */
}

*+html ul.footer {
    min-height: 0;  /* clear floats for IE7 */
}


#bodysubstyle_persons #details_persons #overmaxnl,
#bodysubstyle_persons #details_persons .cmsContent {
	display: none;	
}


/* overlay */


/* clearfix */
#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
#content {
	display: inline-block;
}
html[xmlns] #content {
	display: block;
}