/*[variables]
colors	{
	@20: #95C47D;
	@10: #4B9AD4;
	@00: #CF4F59;
}

*/
/*[fmt]9A90-1A0B-3*/
/*==============================================================================

This website/webapplication is developed by:
Occhio Group
http://www.occhio.nl/
info@occhio.nl
+31 (0)20 320 78 70

STYLESHEET FOR CCS1 (fonts, colors, sizes)
==============================================================================
=============================================================================
STYLES FOR CONTENT
=============================================================================*/
html, body	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
}

/*vinden-aanmelden content border and margins*/
body#ose-p50 #basic img	{
	margin-bottom: 6px;
}

body#ose-p50 #basic p	{
	border-top: 2px solid #E8974C;
	color: #E8974C;
	padding-top: 6px;
	margin-bottom: 0px;
}

body#ose-p50 #content2 p	{
	margin-top: 0px;
}

/*vinden-aanmelden content border and margins
vinden-contact content border and margins*/
body#ose-p52 #basic img	{
	margin-bottom: 6px;
}

body#ose-p52 #basic p	{
	border-top: 2px solid #9E8BD6;
	color: #9E8BD6;
	padding-top: 6px;
	margin-bottom: 0px;
}

body#ose-p52 #content2 p	{
	margin-top: 0px;
}

/*vinden-contact content border and margins
vinden-inloggen content border and margins*/
body#ose-p53 #basic img	{
	margin-bottom: 6px;
}

body#ose-p53 #basic p	{
	border-top: 2px solid #9E8BD6;
	color: #9E8BD6;
	padding-top: 6px;
	margin-bottom: 0px;
}

body#ose-p53 #content2 p	{
	margin-top: 0px;
}

/*vinden-inloggen content border and margins
==============================================================================
VINDEN-WERKWIJZE-VISIE FLASH CONTENT HIDE
=============================================================================*/
body #content2 .flashcontent	{
	display: none;
}

body#ose-p42 #content2 .flashcontent, body#ose-p119 #content2 .flashcontent, body#ose-p120 #content2 .flashcontent, body#ose-p121 #content2 .flashcontent, body#ose-p122 #content2 .flashcontent, body#ose-p123 #content2 .flashcontent, body#ose-p124 #content2 .flashcontent, body#ose-p125 #content2 .flashcontent, body#ose-p126 #content2 .flashcontent, body#ose-p127 #content2 .flashcontent, body#ose-p128 #content2 .flashcontent, body#ose-p129 #content2 .flashcontent, body#ose-p130 #content2 .flashcontent, body#ose-p131 #content2 .flashcontent, body#ose-p49 #content2 .flashcontent	{
	display: block;
}

/*==============================================================================
VINDEN-WERKWIJZE-VISIE FLASH CONTENT HIDE
=============================================================================
==============================================================================
VINDEN SPECIFIC H2 COLORS
=============================================================================*/
body.s3-de-tussentijd #content2 blockquote, body.s3-de-tussentijd #content2 h2, body.s3-de-tussentijd #content2 hr	{
	color: #CF4F59; /*[e]@00*/
}

/*==============================================================================
VINDEN SPECIFIC H2 COLORS
=============================================================================
==============================================================================
WERKWIJZE H2, BLOCKQUOTE & HR COLOR
=============================================================================*/
body.s3-werkwijze #content2 blockquote, body.s3-werkwijze #content2 h2, body.s3-werkwijze #content2 hr	{
	color: #4B9AD4; /*[e]@10*/
}

/*==============================================================================
WERKWIJZE H2, BLOCKQUOTE & HR COLOR
=============================================================================
==============================================================================
AANBOD H2, BLOCKQUOTE & HR COLOR
=============================================================================*/
body.s3-aanbod #content2 blockquote, body.s3-aanbod #content2 h2, body.s3-aanbod #content2 hr	{
	color: #95C47D; /*[e]@20*/
}

/*==============================================================================
AANBOD H2, BLOCKQUOTE & HR COLOR
=============================================================================*/


/* ---------------------------
Nieuwe Home
---------------------------- */

body#ose-p37, body#ose-p166, body#ose-p164  {
	background-color: #9e8bd6;
	width: 100%;
	margin-left: 0;
}

body#ose-p37 #header, body#ose-p166 #header, body#ose-p164 #header  {
	width: auto;
}

body#ose-p37 #container, body#ose-p166 #container, body#ose-p37 #footer, body#ose-p166 #footer, body#ose-p164 #container, body#ose-p164 #footer 
{
	margin-left: 300px;
	width: auto;
}

body#ose-p37 a#logo, body#ose-p166 a#logo, body#ose-p164 a#logo {
	background:transparent url(/images/layout/logo-home.gif) no-repeat scroll 0 0;
	height: 184px;
	left: 14px;
	top: 59px;
	width: 294px;
}

body#ose-p37 p, body#ose-p166 p, body#ose-p164 p {
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.7em;
}

div#homeIntro {
	margin-left:25px;
	position:absolute;
	text-align:right;
	top:257px;
	width:255px;
}

body#ose-p37 #header, body#ose-p166 #header, body#ose-p164 #header {
	background: transparent url(/images/layout/bg-header-home.gif) no-repeat 300px 0;
}

body#ose-p37 #container, body#ose-p166 #container, body#ose-p164 #container  {
	border-color: #ffffff;
}

body#ose-p37 #footer, body#ose-p166 #footer, body#ose-p164 #footer {
	background: transparent url(/images/layout/bg-footer-home.gif) no-repeat left top;
}

/* menu */

body#ose-p37 #menu, body#ose-p166 #menu, body#ose-p164 #menu	{
	width: 510px;
	margin-bottom: 19px;
}

body#ose-p37 #menu ul, body#ose-p166 #menu ul, body#ose-p164 #menu ul 	{
	list-style: none;
	margin-top: 31px;
}

body#ose-p37 #menu ul li a, body#ose-p166 #menu ul li a, body#ose-p164 #menu ul li a	{
	display: block;
	height: 80px;
	width: 501px;
	margin: 0 0 12px;
}

body#ose-p37 #menu ul li#dttmain-p38 a, body#ose-p166 #menu ul li#dttmain-p38 a, body#ose-p164 #menu ul li#dttmain-p38 a	{
	background: url(/images/menuitems/gif/home-menu-sprite.gif) no-repeat;
	background-position: 0 -160px;
}

body#ose-p37 #menu ul li#dttmain-p39 a, body#ose-p166 #menu ul li#dttmain-p39 a, body#ose-p164 #menu ul li#dttmain-p39 a	{
	background: url(/images/menuitems/gif/home-menu-sprite.gif) no-repeat;
	background-position: 0 0px;
}

body#ose-p37 #menu ul li#dttmain-p38 a:hover, body#ose-p166 #menu ul li#dttmain-p38 a:hover, body#ose-p164 #menu ul li#dttmain-p38 a:hover {
	background-position: 0 -240px;
}

body#ose-p37 #menu ul li#dttmain-p39 a:hover, body#ose-p166 #menu ul li#dttmain-p39 a:hover, body#ose-p164 #menu ul li#dttmain-p39 a:hover {
	background-position: 0 -80px;
}

body#ose-p37 #menu ul a span, body#ose-p166 #menu ul a span, body#ose-p164 #menu ul a span	{
	display:none;
}

/* infoBlocks */

div#blockContainer {
	position: relative;
	height: 273px;
	width:605px;
}

div.infoBlock {
	width: 630px;
	margin-left: 25px;
	margin-bottom: 3px;
	position: absolute;
	top:0;
	left: 0;
	height: 273px;
	cursor:pointer;
} 

	div.infoImg {
		float: left;
		width: 406px;
		height: 268px;
		margin-right: 22px;
		margin-top: 5px;		
		z-index: -1;
	}
	
	div.infoTitle {
		margin-bottom: 8px;
		width: 200px;
		float: left;
		z-index: -1;
	}
	
	div.infoTitle h1 {
		color: #ffffff;
		text-indent: 0;
		height: auto;
		line-height: 1em;
		font-size:1.7em;
		font-weight:bold;
		margin: 0px;
		display: block;
	}
	
	div.infoText {
		display: block;
		z-index: -1;
	}
	
	div.infoBlock a {
		height: 273px;
		width: 100%;
		border: none;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 3;
		display: block;
	}
	
		div.infoBlock a span {
			display: none;
		}
	
div#blockContainer #arrow {
	background: url(/images/layout/arrow-home.png) no-repeat 0 0;
	width: 90px;
	height: 80px;
	position: absolute;
	top: 10px;
	left: 338px;
	display: none;
	z-index: 2;
}

div#blockContainer:hover #arrow,
div#blockContainer.hovered #arrow {
	display: block;
}

#mediaspace {
	margin-left:27px;
	
}
 body#ose-p164  div#blockContainer:hover #arrow,
 body#ose-p164 div#blockContainer.hovered #arrow {
	display: none;
}

#locations tr td {
 	text-align: left; 
 }
 
#ose-p166 #menu	{
	display: none;
}

#ose-p166 .container p	{
	font-size: 1.55em;
	line-height: 26px;
	font-style: italic;
}

#ose-p166 .container .buttons a	{
	display: block;
	float: left;
}

#ose-p166 .container	{
	width: 994px;
}

#ose-p166 .titleBoek,
#ose-p166 .bottomText	{
	margin-left: 44px;
}

#ose-p166 .leftCol,
#ose-p166 .rightCol	{
	float: left;
}

#ose-p166 .leftCol	{
	width: 474px;
	padding-right: 20px
}

#ose-p166 .rightCol	{
	width: 500px;
}

#ose-p166 .sideText	{
	width: 346px;
}

#ose-p166 .sideText p	{
	text-align: justify;
}

#ose-p166 div#blockContainer.hovered #arrow {
	background: none;
}

#ose-p166 a, #ose-p166 a:link, #ose-p166 a:visited {
	color: white;
	text-decoration: none;
}

#ose-p166 a:hover	{
	color: white;
	text-decoration: underline;	
}


/* medewerkerspagina*/

div.employees {

	border-bottom: 3px solid #cf4f58;
	float: left;
	padding-bottom: 20px;
}

div.employees div {
	float: left;
	margin-right: 15px;
	width: 100px;
}
	div.employees div.last {
		margin-right: 0px;

	}
	
	div.employees div p {
		color: #cf4f58;
	
	} 
	div.employees div p span {
		float: left;
		clear: both;
	}
	div.employees div em {
		color: #a0a0a0;
		font-style:normal;

	}