/******************************************************************************
* 
* Algemene CSS voor de Maarsen Groep website
*
* Green: #5bac26;
* Brown: #695e5d;
* Black-Blue: #1b2832;
******************************************************************************/

#cial_profiler
{
	margin-top: 200px;
}

hr
{
	display: none;
}

div.object h3.object-name
{
	display: none;
	/* 
		h3.object-name tags moeten denk ik maar uit de html ook ivm SEO
		en ze kunnen soms wel handig zijn, maar meestal niet.
	*/
}

/******************************************************************************
* 
******************************************************************************/

body
{
	background-image: url(../gui/bg-body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #d5d5d5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#page
{
	width: 960px;
	margin: 0px auto;
}

a
{
	color: #5bac26;
}

iframe.printable
{
	position: absolute;
	left: -1000px;
}


/******************************************************************************
* shared frames tussen alle pagina types
******************************************************************************/

#page div.headerframe
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #695e5d;
	
	height: 105px;
	background-color: #fff;
}

#page div.navigationframe
{
	height: 50px;
	background-color: #5bac26;
	overflow: hidden;
	background-image: url('../gui/bg-navigationframe.gif');
	background-repeat: repeat-x;
}

#page div.footer
{
	clear: both;
	height: 30px;
	padding-top: 90px;
	background-color: #FFF;
	background-image: url('../gui/bg-footerframe.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

/* 
	verder opmaak shared frames
*/
#page div.headerframe div.logo h1
{
	margin: 0;
}

#page div.headerframe div.logo h1 a
{
	display: block;
	text-indent: -2000px;
	height: 105px;
	/* 	width: 650px; */
	width: 325px;
	margin-left: 325px;
	background-image: url(../gui/bg-headerframe-logo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#page div.headerframe div.payoff
{
	display: none;
}

#page div.headerframe div.navigationobject
{
	float: right;
	width: 280px;
	height: 25px;
	padding-top: 25px;
	background-color: #fff;
}

#page div.headerframe div.languages
{
	float: right;
	width: 16px;
	margin-left: 14px;
	height: 25px;
	padding-top: 25px;
	overflow: hidden;
	
	display: none;
}


#page div.headerframe div.logo
{
	float: left;
	width: 650px;
}

/* 
	
*/
#page div.headerframe div.languages h3
{
	display: none;
}

#page div.headerframe div.languages ul
{
	margin: 0;
	padding: 0;
}

#page div.headerframe div.languages ul li.current
{
	display: none;
}

#page div.headerframe div.languages ul li
{
	display: inline;
}

#page div.headerframe div.languages ul li a
{
	text-indent: -2000px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 2px 0 0 0;
	padding: 0;
}

#page div.headerframe div.languages ul li.english a
{
	background-image: url(../gui/flags/16x16/english.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#page div.headerframe div.languages ul li.dutch a
{
	background-image: url(../gui/flags/16x16/dutch.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 
	
*/
#page div.headerframe div.navigationobject ul
{
	margin: 0;
	padding: 0;	
}

#page div.headerframe div.navigationobject ul li
{
	display: inline;
}

#page div.headerframe div.navigationobject ul li a
{
	float: right;
	display: block;
	
	color: #695e5d;
	text-decoration: none;
	
	padding: 0 0 0 12px;
	margin-left: 12px;
	border-left: 1px #c3bfbe solid;
}

/* 
	
*/
#page div.headerframe div.sitesearchobject
{	
	float: right;
	
	/* 	height: 50px; */
}

#page div.headerframe div.sitesearchobject h3
{
	display: none;
}

#page div.headerframe div.sitesearchobject div.control
{
	float: left;
}

#page div.headerframe div.sitesearchobject div.control.submit
{
	height: 21px;
	width: 17px;
	overflow: hidden;
	background-image: url(../gui/sitesearchobject/submit-arrow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#page div.headerframe div.sitesearchobject div.control.submit label,
#page div.headerframe div.sitesearchobject div.control.submit input
{
	display: none;
}

#page div.headerframe div.sitesearchobject input
{
	border: 1px #afaaaa solid;
	height: 13px;
	padding: 3px;
}

#page div.navigationframe ul
{
	font-family: 'Tahoma', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.182em;
	
	padding: 0;
	margin: 0 0 0 20px;
}

#page div.navigationframe ul li
{
	display: inline;
	list-style-type: none;
}

#page div.navigationframe ul li a
{
	float: left;
	display: block;
	color: #deefd9;
	text-decoration: none;
	padding: 17px 20px 19px 20px;
	border-right: 1px solid #4a941a;
}

#page div.navigationframe ul li.selected a,
#page div.navigationframe ul li.inpath a,
#page div.navigationframe ul li a:hover
{
	color: #fff;
	background-color: #458e15;
	font-weight: bold;
}

#page div.footer ul
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#page div.footer ul li
{
	display: inline;
}

#page div.footer ul li a
{
	float: left;
	display: block;
	color: #c3bfbe;
	text-decoration: none;
	padding: 0 12px 0 0;
	margin-right: 12px;
	border-right: 1px #c3bfbe solid;
}

/******************************************************************************
* algemene data zaken
* - pressrelease list
* - projecten in banner mode
******************************************************************************/

/* 
	
*/
div div.media-collection
{
	width: 150px;
	overflow: hidden;
	float: right;
	margin-left: 10px;
}

div div.media-collection div.media,
div div.media-collection div.media p.image
{
	margin: 0;
}

div.media-collection div.media.image,
div.media-collection div.media.image p.image { background-color: transparent;}

div div.media-collection h4,
div div.media-collection div.description
{
	display: none;
}







/* 
	
*/
#page div.content-list,
#page div.pressrelease-list
{
	color: #695e5d;
	overflow: auto;
}

#page div.content-list h3,
#page div.pressrelease-list h3
{
	font-size: 1em;
	color: #5bac26;
	font-weight: bold;
	line-height: 1.25em;
}

#page div.content-list h4,
#page div.pressrelease-list h4
{
	font-size: 1em;
	line-height: 1.5em;
	
}

#page div.content-list h5.publish-date,
#page div.pressrelease-list h5.publish-date
{
	color: #969da2;
	font-size: 0.9em;
}

#page div.content-list p.navigation-readmore,
#page div.pressrelease-list p.navigation-readmore
{
	/* 	display: none; */
	text-align: right;
	/* 	clear: both; */
}

div.content-list div.media-collection
{
	
}

div.pressrelease-list div.media-collection
{
	/* 	display: none; */
}

/* 
	project
	- small banner mode
*/
#page div.projectdata-banner-small
{
	height: 78px;
}
#page div.projectdata-banner-small div.information
{
	float: left;
	width: 140px;
}

#page div.projectdata-banner-small div.media
{
	float: left;
	width: 125px;
	/* 	height: 110px; */
}

#page div.projectdata-banner-small h3
{
	font-size: 1em;
	color: #5bac26;
	font-weight: bold;
	
	margin-bottom: 0.5em;
}

#page div.projectdata-banner-small h4,
#OFF-page div.projectdata-banner-small
{
	font-size: 1em;
	color: #695e5d;
	
	margin-bottom: 0.5em;
}

#page div.projectdata-banner-small p
{
	margin: 0;
	
}

#page div.projectdata-banner-small div.media img
{
	width: 84px;
	margin-left: 15px;
	border: 1px solid #b5afae;
}

#page div.projectdata-banner-small p.navigation
{
	display: none;
}

/*
| ----------------------------------------------------------------------------
| 1. Homepage skelet
| ----------------------------------------------------------------------------
*/

#page.homepage
{
	background-image: url(../gui/bg-page-textpage.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/* 
	frames
*/

#page.homepage div.project-image-frame
{
	float: left;
	height: 250px;
	width: 650px;
	overflow: hidden;
}

#page.homepage div.tekstruimte
{
	height: 435px;
	width: 310px;
	float: right;
	background-color:#D1CCCC;
	background-image:url('../gui/bg-sidebarframe.gif');
	background-position:left bottom;
	background-repeat:repeat-x;
}

#page.homepage div.bannerframe
{
	float: left;
	width: 650px;
	padding: 20px 0 10px 0;
}

/* 
	dataobjects
*/

#page.homepage div.tekstruimte div.content-dataobject
{
	padding: 30px;
}

#page.homepage div.bannerframe div.dataobject
{
	float: left;
	padding: 0;
	width: 325px;
}

/* 
	bannerframe dataobjects styles
*/
#page.homepage div.bannerframe div.projectdata-dataobject
{

	padding: 15px;
	width: 294px;
	border-right: 1px solid #dddada;
	
}

#page.homepage div.bannerframe div.pressrelease-dataobject
{
	
	padding: 0px 15px;
	width: 295px;
	
}

/* 
	
*/
#page.homepage div.bannerframe div.dataobject div.project
{
	
	height: 100px;
	overflow: hidden;
}

#page.homepage div.bannerframe div.dataobject p.navigation-more-projects
{
	clear: both;
	margin: 0;
	
}

#page.homepage div.bannerframe div.dataobject p.navigation-more-projects a
{
	
	padding: 3px 10px 3px 10px;
	color: #fff;
	text-align: right;
	font-size: 10px;
	background-color: #5bac26;
	text-decoration: none;
	float: right;
	/* corners hier */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


/* 
	bannerframe pressreleases styles 
*/
#page.homepage div.bannerframe div.dataobject div.pressrelease
{
	float: left;
	width: 130px;
	min-height: 110px;
	_height: 110px;
	overflow: visible;
	margin: 0px 15px 0px 0px;
}

#page.homepage div.bannerframe div.dataobject p.navigation-more-news
{
	border-bottom: 1px solid #dddada; 
	clear: both;
	margin: 0;
}

#page.homepage div.bannerframe div.dataobject p.navigation-more-news a
{
	padding: 3px 10px 3px 10px;
	color: #fff;
	text-align: right;
	font-size: 10px;
	position:relative;
	top: -10px;
	background-color: #b3aeae;
	text-decoration: none;
	float: right;
	/* corners hier */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#page.homepage div.bannerframe div.pressrelease-list h3
{
	margin-bottom: 0.5em;
	font-size: 11px;
}

#page.homepage div.bannerframe div.pressrelease-list h4
{
	font-size: 0.909em;
	line-height: 1.5em;
	color: #695e5d;
	margin-bottom: 0.5em;
}

#page.homepage div.bannerframe div.pressrelease-list div.media-collection
{
	display: none;
}

#page.homepage div.bannerframe div.pressrelease-list p.navigation-readmore
{
	display: none;
}


/* 
	HOMEPAGE project image frame
*/

#page.homepage div.project-image-frame div.datarecord
{
	width: 650px;
	height: 100px;
	padding: 150px 0 0 0;
	overflow: hidden;
}

#page.homepage div.project-image-frame div.datarecord div.information
{
	height: 100px;
	/* 	padding: 15px; */
	background-color: #695e5d;
	color: #fff;
	opacity: 0.8;
	
	position: relative;
}

#page.homepage div.project-image-frame div.datarecord div.information h4
{
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin: 15px 0px 0 15px;
	width: 300px;
}
#page.homepage div.project-image-frame div.datarecord div.information h3
{
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	
	float: left;
	clear: left;
	
	margin: 15px 0px 0 15px;
	width: 300px;
	
}


#page.homepage div.project-image-frame div.datarecord div.information ul
{
	margin: 0;
	padding: 0;
	
	width: 310px;
	
	position: absolute;
	
	top: 10px;
	right: 0;
	
	/* 	float: right; */
	
	/* 	margin-top: -30px; */
	/* 	_margin-top: 0px; */
	
	line-height: 2em;
}

#page.homepage div.project-image-frame div.datarecord div.information li
{
	color: #fff;
	font-size: 14px;
	list-style-type: disc;
	list-style-position: inside;
}

#page.homepage div.project-image-frame div.datarecord div.information p
{
	display: none;
}

/* 
	sidebar frame

#page.homepage div.tekstruimte .content-dataobject .datarecord1 h3
{
	background-image: url('../gui/headings/vastgoedinvesteringsmaatschappij.gif');
	height: 40px;
	display: block;
	background-repeat: no-repeat;
}

#page.homepage div.tekstruimte .content-dataobject .datarecord1 h3 span
{
	display: none;
} */

#page.homepage div.tekstruimte .content-dataobject h3
{
	color: #695e5d;
}

#page.homepage div.tekstruimte .content-dataobject p
{
	color: #695e5d;
	line-height: 1.5em;
	
}

#page.homepage div.tekstruimte .corporate-adverts
{
	height: 190px;
	width: 310px;
	overflow: hidden;
}

#page.homepage div.tekstruimte .corporate-adverts .advert
{
	display: block;
	height: 190px;
	width: 310px;
}

#page.homepage div.tekstruimte .corporate-adverts .advert h4
{
	display: none;
}


#page.homepage div.tekstruimte .corporate-adverts .advert.ontwikkelingen
{
background-image: url('../media/corporate-adverts/duurzame-investeringen.jpg');
}
#page.homepage div.tekstruimte .corporate-adverts .advert.ondernemen
{
background-image: url('../media/corporate-adverts/onafhankelijk-ondernemen.jpg');
}



/*
| ----------------------------------------------------------------------------
| 2. textpage skelet
| ----------------------------------------------------------------------------
*/

#page.textpage
{
	background-image: url(../gui/bg-page-textpage.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#page.textpage div.imageframe
{
	float: left;
	height: 125px;
	width: 650px;
	background-color: #F0EFEE;
	
	background-image: url('../media/file.php?path=rotating-images/650x125/*');
	background-repeat: no-repeat;
	background-position: left center;
}

/* 
	
*/
#page.textpage div.projectframe
{
	float: left;
	height: 110px;
	width: 295px;
	
	overflow: hidden;
	
	padding: 15px 0 0 15px;
	background-color: #695E5D;
	/* 	background-image: url(../gui/bg-projectpanel-textpage.gif);
	background-repeat: no-repeat;
	background-position: right bottom; */
}

#page.textpage div.projectframe div.dataobject p.navigation-more-projects
{
	clear: both;
	margin: 0;
	
}

#page.textpage div.projectframe div.dataobject p.navigation-more-projects a
{
	padding: 3px 10px 3px 10px;
	color: #fff;
	text-align: right;
	font-size: 10px;
	margin: 0 20px 0 0;
	background-color: #5bac26;
	text-decoration: none;
	float: right;
	/* corners hier */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

#page.textpage div.projectframe div.projectdata-banner-small h4,
#page.textpage div.projectframe div.projectdata-banner-small
{
	color: #fff;
}

#page.textpage div.projectframe div.projectdata-banner-small div.information
{
	height: 78px;
	overflow: hidden;
}

#page.textpage div.projectframe div.projectdata-banner-small div.media img
{
	width: auto;
	max-height: 64px;
	max-width: 125px;
}

#page.textpage div.subnavigationframe
{
	float: left;
	width: 180px;
	min-height: 400px;
	background-color: #fff;
}

#page.textpage div.textframe
{
	float: left;
	padding: 38px 40px 20px 40px;
	width: 390px;
	/* 	min-height: 400px; */
}

#page.textpage div.sidebarframe
{
	float: left;
	width: 310px;
	min-height: 400px;
	padding-top: 23px;
	background-image: url('../gui/bg-sidebarframe.gif');
	background-color: #d1cccc;
	background-repeat: repeat-x;
	background-position: left bottom;
}

#page.textpage div.sidebarframe div.dataobject
{
	padding: 15px;
}

#page.textpage div.sidebarframe div.projectdata-dataobject
{
	/* 	background-color: #695E5D; */
}

#page.textpage div.sidebarframe div.dataobject div.employee,
#page.textpage div.sidebarframe div.dataobject div.project
{
	clear: both;
	float: none;
	width: auto;
	margin: 0px 0 15px 0;
	border:1px solid #fff;
}

#page.textpage div.sidebarframe div.dataobject div.employee.zebra-stripe,
#page.textpage div.sidebarframe div.dataobject div.project.zebra-stripe
{
	background-color: transparent;
}

#page.textpage div.sidebarframe div.dataobject p.navigation-more-projects
{
	display: none;
}



/* 
	
*/
#page.no-sidebar
{
	background-image: none;
}

#page.no-sidebar div.textframe
{
	width: 740px;
	
	padding-left: 40px;
	padding-right: 0;
}

#page.no-sidebar div.sidebarframe
{
	display: none;
}

/* 
	verdere opmaak textpage
*/

#page.textpage div.subnavigationframe ul
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.182em;
	padding: 0;
	margin: 30px 0 0 0;
	border-top: 1px #d4d7d9 solid;
}

#page.textpage div.subnavigationframe ul li
{
	display: inline;
}

#page.textpage div.subnavigationframe ul li a
{
	display: block;
	color: #5e686f;
	text-decoration: none;
	padding: 6px 12px 6px 9px;
	border-bottom: 1px #d4d7d9 solid;
}

#page.textpage div.subnavigationframe ul li.selected a
{
	font-weight: bold;
}

#page.textpage div.textframe
{
}

#page.textpage div.textframe div.datarecord
{
	color: #5f686f;
	line-height: 1.5em;
}

#page.textpage div.textframe div.datarecord h3
{
	font-size: 1.182em;
	font-weight: bold;
	color: #1b2832;
	margin-bottom: 1.5em;
}

#page.textpage div.textframe div.datarecord h4
{
	font-size: 1em;
	font-weight: bold;
	color: #5f686f;
	/* 	color: #1b2832; */
}

#page.textpage div.textframe div.datarecord h5
{
	font-size: 1em;
	font-weight: bold;
	color: #5f686f;
	/* 	color: #1b2832; */
}


#page.textpage div.textframe div.datarecord p
{
	
}

#page.textpage div.textframe div.datarecord span.publish-date
{
	color: #5f686f;
}

#page.textpage div.textframe div.datarecord blockquote
{
	background-image: url(../gui/bg-blockqoute.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 30px 0 30px;
	margin: 0;
}

#page.textpage div.textframe div.datarecord blockquote p
{
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #5BAC26;
	font-size: 1em;
	font-style: italic;
}

/******************************************************************************
* 
******************************************************************************/

#page.textpage div.textframe div.content-list,
#page.textpage div.textframe div.pressrelease-list
{
	margin-bottom: 2em;
	border-bottom: 1px solid #cfd1d4;
}

#page.textpage div.textframe div.content-list h3,
#page.textpage div.textframe div.pressrelease-list h3
{
	font-size: 1em;
	margin-bottom: 0.5em;
}

#page.textpage div.textframe div.content-list h4,
#page.textpage div.textframe div.pressrelease-list h4
{
	color: #5f686f;
	margin-bottom: 0.5em;
}

/* 
	SIDEBAR
*/
#page.textpage div.sidebarframe div.content-list,
#page.textpage div.sidebarframe div.pressrelease-list
{
	margin-bottom: 0.5em;
	/* 	border-bottom: 1px solid #cfd1d4; */
}

#page.textpage div.sidebarframe div.content-list h3,
#page.textpage div.sidebarframe div.pressrelease-list h3
{
	color: #695e5d;
	margin-bottom: 0.5em;	
}

#page.textpage div.sidebarframe div.content-list h4,
#page.textpage div.sidebarframe div.content-list h5,
#page.textpage div.sidebarframe div.pressrelease-list h4,
#page.textpage div.sidebarframe div.pressrelease-list h5
{
	color: #695e5d;
	font-size: 0.909em;
	margin-bottom: 0.5em;
}

#page.textpage div.sidebarframe div.pressrelease-list p
{
	font-size: 0.909em;
}


/******************************************************************************
* 
******************************************************************************/

#page.projectpage
{
	
}

#page.projectpage div.projectnavigatie
{
	float: left;
	width: 200px;
	/* 	height: 300px; */
	
	padding-right: 0px;
	
	margin-top: 25px;
	margin-bottom: 25px;
	
	/* 	background-color: #ccc; */
}

#page.projectpage div.projectnavigatie ul
{
	padding: 0;
	margin: 0;
}


#page.projectpage div.projectnavigatie ul li
{
	list-style-type: none;
	font-weight: bold;
	border-bottom: 1px #cfd1d4 solid;
	line-height: 2em;
	padding: 1em 0;
}

#page.projectpage div.projectnavigatie ul li a
{
	text-decoration: none;
	color: #5f686f;
}

#page.projectpage div.projectnavigatie ul li.selected,
#page.projectpage div.projectnavigatie ul li.selected a
{
	font-weight: bold;
	color: #5bac26;
}

#page.projectpage div.projectnavigatie ul li ul li
{
	font-weight: normal;
	border-bottom: 0;
	line-height: 2em;
	padding: 0 2em;
}

#page.projectpage div.projectnavigatie ul li div.control
{
	
}

#page.projectpage div.projectnavigatie ul li div.control input.text
{
	font-weight: normal;
	border: 1px #cfd1d4 solid;
}

#page.projectpage div.projectweergave
{
	position: relative;
		
	float: right;
	width: 760px;
		
	/* 	overflow: auto; */
	
	margin-top: 25px;
	margin-bottom: 15px;
	
	color: #5F686F;
	line-height: 1.5em;

}

#page.projectpage div.projectweergave h3
{
	line-height: 1em;
}

#page.projectpage div.projectweergave h3 span.location-city
{
	color: #5bac26;
}

#page.projectpage div.projectweergave div.projectdata-detail,
div.projectdata-list
{
	/* 	overflow: auto;
	overflow: visible; */
	
	/* 	overflow: hidden; */
	
	/* 	min-height: 4em; */
	
	border: 1px solid #cfd1d4;
	padding: 10px;
	
	margin-left: 20px;
	margin-bottom: 10px;
	
	/* corners hier */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.projectdata-list
{
	_height: 125px;
	min-height: 125px;
}

div.project
{
	position: relative;
	z-index: 100;
}

div.project p.navigation
{
	position: absolute;
	z-index: 101;
	
	width: 120px;
	
	bottom: -6px;
	right: -4px;
	
	margin: 0;
	
	color: #fff;
	font-size: 10px;
}

div.projectdata-list p.navigation-campaign-website
{
	right: 100px;
}

div.projectdata-list:hover p.navigation a
{
	display: inline;
}

div.projectdata-list p.navigation a
{
	/* 	display: block; */
	display: none;
	
	background-color: #aca7a7;
	padding: 2px 5px 2px 5px;

	color: #fff;
	text-decoration: none;
	text-align: center;

	/* cornerts */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.project p.navigation a:hover
{
	background-color: #695e5d;
}



div.projectdata-list div.information
{
	float: right;
	width: 580px;
}

div.projectdata-list div.information div.description
{
	float: left;
	width: 309px;

	height: 7.5em;/* 5x line-height */
	overflow: hidden;
	
	border-right: 1px solid #cfd1d4;
	padding-right: 10px;
	
	font-style: italic;
}

div.projectdata-list div.information dl
{
	float: right;
	width: 250px;
	height: 7em;
	overflow: hidden;
}

div.projectdata-list div.information dl dt
{
	float: left;
	clear: both;
	width: 70px;
	font-weight: normal;
}

div.projectdata-list div.information dl dd
{
	float: left;
	margin: 0;
	margin-bottom: 0.5em;
	width: 170px;
	font-weight: normal;
}

div.projectdata-list div.information p.navigation
{
	right: 265px;
}

div.projectdata-list div.information p.navigation-campaign-website
{
	right: 385px;
}

div.projectdata-list div.media-collection
{
	float: left;
	width: 120px;
	height: 11em;
	overflow: hidden;
	
	margin-left: 0;
	margin-right: 10px;
}

div.projectdata-list div.media-collection h4,
div.projectdata-list div.media-collection div.description
{
	display: none;
}

div.projectdata-list div.media-collection div.video p.video 
{
	display: none;
}

div.projectdata-list div.media-collection div.video { background-color: transparent; }
div.projectdata-list div.media-collection div.video h4.icon { display: block; }

div.projectdata-list div.media-collection div.video h4.icon a
{
	min-height: 24px;
	_height: 24px;
	background-image: url('../gui/icons/24x24/movie.gif');
	background-repeat: no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 0 0 30px;
}


div.projectdata-list div.media-collection img
{
	height: 70px;
}

/* 
	projecten schaakbord
*/

div.projectdata-icon
{
	float: right;
	
	height: 125px;
	
	
	width: 240px;
	width: 218px;
	margin-left: 10px;
	
	overflow: visible;
}

div.sidebarframe div.projectdata-icon
{
	width: 258px;
}

div.projectdata-icon h3 { font-size: 1em;}

#page.projectpage div.projectweergave div.projectdata-icon div.information,
div.sidebarframe div.projectdata-icon div.information
{
	float: right;
	width: 100px;
}

div.sidebarframe div.projectdata-icon div.information
{
	width: 140px;
}

#page.projectpage div.projectweergave div.projectdata-icon div.information h3,
div.sidebarframe div.projectdata-icon div.information h3
{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
}
#page.projectpage div.projectweergave div.projectdata-icon div.information h3 span.location-city,
div.sidebarframe div.projectdata-icon div.information h3 span.location-city
{
	display: block;
	font-size: 1em;
	font-weight: normal;
}

#page.projectpage div.projectweergave div.projectdata-icon div.information p.project-functionality,
div.sidebarframe div.projectdata-icon div.information p.project-functionality
{
	font-size: 0.909em;
	color: #5F686F;
	font-style: italic;
}

#page.projectpage div.projectdata-dataobject div.projectdata-icon div.information p.navigation-readmore,
div.sidebarframe div.projectdata-icon div.information p.navigation-readmore
{
	right: -6px;
}

#page.projectpage div.projectdata-dataobject div.projectdata-icon div.information p.navigation-campaign-website,
div.sidebarframe div.projectdata-icon div.information p.navigation-campaign-website
{
	right: 100px;
}

#page.projectpage div.projectweergave div.projectdata-icon div.media-collection,
div.sidebarframe div.projectdata-icon div.media-collection
{
	float: left;
	width: 105px;
	
	height: 125px;
	overflow: hidden;
}


/******************************************************************************
* SHADOWBOX PROJECTEN
******************************************************************************/

#sb-title
{
	
}

#sb-body,
#sb-loading
{
	background-color: #fff;
	border: 5px solid #69b339;
	
	/* corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#sb-info
{
	
}

#sb-nav
{
	float: right;
	height: 16px;
	width: auto;
	margin: 0px;
	background-color: #393939;
}

#sb-nav a
{ padding: 0 2px;}

#sb-content.html
{
	overflow: hidden;
}

#sb-content.html div.projectdata-detail
{
	position: static;
	color: #1b2832;
	line-height: 2em;
	padding: 20px 30px;
}

#sb-content.html div.projectdata-detail h3
{
	
	font-size: 1.455em;
}

#sb-content.html div.projectdata-detail h3 span
{
	font-weight: bold;
	color: #5bac26;
}

#sb-content.html div.projectdata-detail h4.navigation
{
	background-color: #5bac26;
	
	line-height: 2em;
	
	padding: 0 10px;
	margin: 0;
	
	width: 320px;
	
	position: absolute;
	bottom: 30px;
	
	/* corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#sb-content.html div.projectdata-detail h4.navigation a
{
	color: #fff;
	text-decoration: none;
}

#sb-content.html div.projectdata-detail p.navigation
{
	/* 	background-color: #5bac26; */
	background-color: #aca7a7;
	
	/* 	line-height: 2em; */
	
	font-size: 10px;
	
	padding: 0 10px;
	margin: 0;
	
	width: auto;
	
	position: absolute;
	
	top: 20px;
	right: 20px;
	
	bottom: auto;
	
	/* corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#sb-content.html div.projectdata-detail p.navigation a
{
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

#sb-content.html div.projectdata-detail p.navigation-print
{
	right: 70px;
}

#sb-content.html div.projectdata-detail p.navigation-contact
{
	right: 120px;
}



#sb-content.html div.projectdata-detail div.information
{
	float: right;
	width: 310px;
	height: 380px;
	overflow: auto;
}

#sb-content.html div.projectdata-detail div.zoomed-image
{
	float: left;
	
	width: 340px;
	height: 200px;
	
	overflow: hidden;
	
	margin-top: 5px;
	margin-bottom: 25px;
	
	/* 
		background-color: #ccc;
	*/
	
}

#sb-content.html div.projectdata-detail div.zoomed-image img
{
/* 
		width: 340px;
*/
		height: 200px;

}

#sb-content.html div.projectdata-detail div.google-map
{
	float: left;
	
	width: 130px;
	height: 100px;
	overflow: hidden;
	
	margin-right: 5px;
	margin-bottom: 10px;
	
	background-color: #ccc;
}

#sb-content.html div.projectdata-detail div.google-map #logocontrol,
#sb-content.html div.projectdata-detail div.google-map a.gmnoprint.terms-of-use-link,
#sb-content.html div.projectdata-detail div.google-map div span
{
	display: none;
}

#sb-content.html div.projectdata-detail div.google-map-large
{
	display: none;
	
	float: left;
	
	width: 340px;
	height: 200px;
	
	overflow: hidden;
	
	margin-top: 5px;
	margin-bottom: 25px;
	
	background-color: #ccc;
}

#sb-content.html div.projectdata-detail div.media-collection
{
	float: right;
	width: 200px;
	margin-right: 20px;
}

#sb-content.html div.projectdata-detail div.media-collection div.image
{
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sb-content.html div.projectdata-detail div.media-collection div.image h4,
#sb-content.html div.projectdata-detail div.media-collection div.image div.description,
#sb-content.html div.projectdata-detail div.media-collection div.image div.no-description,
#sb-content.html div.projectdata-detail div.media-collection div.image p.download-url
{
	display: none;
}

#sb-content.html div.projectdata-detail div.media-collection div.image p
{
	margin: 0;
}

#sb-content.html div.projectdata-detail div.media-collection div.image p.image a
{
	display: block;
}

#sb-content.html div.projectdata-detail div.media-collection div.image p.image img
{
	width: 55px;
	height: 45px;
}


#sb-content.html div.projectdata-detail div.information p,
#sb-content.html div.projectdata-detail div.information li
{
	font-size: 1em;
	line-height:160%;
}

#sb-content.html div.projectdata-detail div.information dl
{
	color: #859492;
	line-height: 1.3em;
	
}

#sb-content.html div.projectdata-detail div.information dl di
{
	clear: both;
	border-bottom: 1px solid #eee;
}


#sb-content.html div.projectdata-detail div.information dl dt
{
	float: left;
	width: 100px;
	font-weight: bold;
	
}

#sb-content.html div.projectdata-detail div.information dl dd
{
	float: left;
	margin: 0;
	margin-bottom: 0.5em;
	width: 190px;
	font-weight: normal;
}


#sb-content.html div.employee-detail
{
	position: static;
	color: #1b2832;
	line-height: 2em;
	padding: 20px 30px;
}


/******************************************************************************
* 
******************************************************************************/

div.employee-list
{
	clear: both;
	overflow: auto;
	
	margin-bottom: 1em;
	border-bottom: 1px solid #cfd1d4;
}

#page.textpage div.textframe div.datarecord.employee-list h3.fullname
{
	font-size: 1em;
	margin-bottom: 0.5em;
}

div.employee-list div.information
{
	float: right;
	width: 260px;
}

div.employee-list div.information p
{
	margin-bottom: 0.5em;
}

div.employee-list div.information p.navigation-readmore
{
	text-align: right;
}

div.employee-list div.media-collection
{
	float: left;
	width: 120px;
	/* 	height: 11em; */
	
	margin: 0;
	margin-top: 0.25em;
	margin-right: 0;	
	margin-bottom: 10px;
	
	overflow: hidden;
	
	/* 	background-color: #eee; */
}

div.employee-list div.media-collection h4,
div.employee-list div.media-collection div.description
{
	display: none;
}

div.employee-list div.media-collection img
{
	width: 120px;
}

/* 
	
*/
div.employee-icon
{
	float: left;
		
	width: 240px;
	width: 218px;

	height: 90px;
	
	overflow: visible;
	
	border: 1px solid #cfd1d4;
	
	padding: 10px;
	
	margin-right: 5px;
	margin-bottom: 5px;
	
	/* corners hier */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

div.employee-icon.zebra-stripe
{
	background-color:#F5F5F5;
	border: 1px solid #fff;
}

div.employee-icon.zebra-stripe:hover,
div.employee-icon:hover 
{

	border: 1px solid #5bac26;
}



div.sidebarframe div.datarecord.employee-icon
{
	width: 258px;
}

#page.textpage div.textframe div.datarecord.employee-icon h3.fullname,
div.sidebarframe div.datarecord.employee-icon h3.fullname
{
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0.75em;
}

div.employee-icon div.information
{
	float: left;
	width: 105px;
}

div.employee-icon div.information p
{
	margin-bottom: 0.5em;
	font-size: 0.909em;
	line-height: 1em;
	color: #5F686F;
	/* 	font-style: italic; */
}

div.employee-icon div.information p.navigation-readmore
{
	text-align: right;
}

div.employee-icon
{
	position: relative;
}

div.employee-icon p.navigation-readmore
{
	position: absolute;
	

	bottom: -4px;
	right: 0px;
	
	margin: 0;
	
	color: #fff;
	font-size: 10px;
	background-color: #5bac26; padding: 2px 10px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}

div.employee-icon p.navigation-readmore a:hover,
div.employee-icon p.navigation-readmore a {color: #fff; text-decoration: none;}

div.employee-icon div.information dl
{
	float: left;
}

div.employee-icon div.information dl dt
{
	float: left;
	clear: both;
	font-weight: normal;
}

div.employee-icon div.information dl dd
{
	float: left;
	margin: 0;
	margin-bottom: 0.5em;
	font-weight: normal;
}

div.employee-icon div.media-collection
{
	float: left;
	
	width: 100px;
		
	overflow: hidden;
	
	margin: 0;
	
	margin-right: 10px;
	
	/* 	background-color: #eee; */
}

div.employee-icon div.media-collection h4,
div.employee-icon div.media-collection div.description
{
	display: none;
}

div.employee-icon div.media-collection img
{
	width: 100px;
}


/******************************************************************************
* 
******************************************************************************/

div.sponsorbanners
{

}

div.sponsorbanners div.banner
{
	margin-bottom: 1em;
}

div.sponsorbanners div.banner h4
{
	color: #695e5d;
	font-size: 0.909em;
	margin: 0;
	margin-bottom: 0.5em;
}

div.sponsorbanners div.banner p
{
	color: #695e5d;
	margin: 0;
}

/******************************************************************************
* 
******************************************************************************/

div.sitesearchobject
{
	position: relative;
}
div.sitesearchobject div.project
{
	clear: both;
	
	width: auto;
	height: auto;
	
	margin: 0;
	padding: 0;
	
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	
	border-bottom: 1px solid #CFD1D4;
	
	
	margin-bottom: 2em;
}

div.sitesearchobject div.project div.information
{
	margin: 0;
	padding: 0;
	
	width: 230px;
	float: left;
}

div.sitesearchobject div.project div.information dl
{
	float: none;
}

div.sitesearchobject div.project div.information div.description
{
	display: none;
}

div.sitesearchobject div.project div.media-collection
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/******************************************************************************
* googlemapsobject
******************************************************************************/

div.googlemapsobject .googlemap { display: block; width: 280px;
	height: 200px;border: 1px solid #ddd;}

div.sidebarframe div.googlemapsobject .googlemap
{
	border: 1px solid #fff;
	background-color: #eee;
	width: 280px;
	height: 200px;
	overflow: hidden;
}

div.sidebarframe div.googlemapsobject form input.text
{
	border: 1px solid #b3b0b0;
	background-color: #fff;
	padding: 3px;
	margin: 5px 0;
	width: 98%;
}

div.sidebarframe div.googlemapsobject form .submit
{
	background-color: #5bac26;
	color: #fff;
	padding: 1px 10px;
	border: 1px solid #5bac26;
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* 
	

div.sidebarframe div.project div.information
{
	
}

div.sidebarframe div.project div.media-collection
{
	display: none;
}*/



/******************************************************************************
* 
******************************************************************************/

div.serviceform
{
	color: #5F686F;
	line-height: 1.5em;
}

div.serviceform h3
{
	color: #1B2832;
	font-size: 1.182em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

div.serviceform form input.text,
div.serviceform form textarea,
div.searchmediaobject form input.text
{
	line-height: 15px;
	padding: 3px;
	margin: 0 0 5px 0;
	width: 220px;
	border: 0;
	background-color: #ddd;
	-webkit-border-radius: 8px;
	float:left;
}

div.serviceform form .i
{
	float: left;
	width: 16px;
	height:16px;
	margin: 0 0 0 5px;
}

div.serviceform form .i img
{
	float: left;
	margin-right: 5px;
}

div.serviceform form .i p
{
	display:none;
	float: left;
	padding-left: 10px;
	color: #f00;
}

div.serviceform form .i:hover
{
	position:absolute;
	margin-left: 361px;
	margin-top: -10px;
	padding: 0;
	width: 400px;
	height: 25px;
	padding: 10px;
	z-index: 500;
}

div.serviceform form .i:hover p
{
	display:block;
	width: 300px;
	background-color: #54a51c;
	color: #fff;
	padding: 2px 2px 2px 5px;
}

div.serviceform form fieldset label,
div.searchmediaobject form fieldset label
{
	line-height: 15px;
	display: block;
	float: left;
	width: 140px;
	padding-top: 3px;
}

div.serviceform form input.text:focus,
div.searchmediaobject form input.text:focus
{
	color: #5a5a5a;
	outline: none;
}

div.serviceform form fieldset legend,
div.searchmediaobject form fieldset legend
{
	display: none;
}

div.serviceform form fieldset div.control,
div.searchmediaobject form fieldset div.control
{
	clear: both;
	margin: 5px 0;
}

div.serviceform form fieldset div.control.captcha label
{
	height: 40px;
}
div.serviceform form fieldset div.control.captcha img
{
	display: block;
	vertical-align: top;
	margin-bottom: 3px;
}
div.serviceform form fieldset div.control.captcha input.text,
div.searchmediaobject form fieldset div.control.captcha input.text
{
	
}

div.serviceform form fieldset div.submit,
div.searchmediaobject form fieldset div.submit
{
	margin: 15px 0;
}

div.serviceform div.errors p,
div.searchmediaobject div.errors p
{
	color: #5A5A5A;
	margin: 3px 0;
}

div.serviceform div.errors p.error,
div.searchmediaobject div.errors p.error
{
	color: #c00;
}