@charset "UTF-8";
/* General */

html, body {
	height: 100%;
}
a, a:visited{
text-decoration: none;
	color: #7b7b7a;
}
a:hover{
text-decoration: underline;
}
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0; 
	padding: 0;
	color: #1a1a18;
	background-repeat: no-repeat;
	background-position: top center;
}
body.cases  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0; 
	padding: 0;
	color: #1a1a18;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top center;
}
#container { 
	width: 832px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -98px;
	padding-left: 61px;
	padding-right: 61px;
}
/* Header */
#header { 
	 height: 49px;
	 width: 832px;
	 padding-top: 31px;
} 
#headerLeft {
	width: 183px;
	float: left;
	height: 49px;
}
#headerRight {
	width: 649px;
	float: right;
	height: 49px;
}
#headerRightContent {
	width: 649px;
	float: right;
	height: 49px;
	text-align: right;
}
.navActive {
	font-weight: bold;
}
.navPassive {
	
}
#headerRightContent a {
	text-decoration: none;
	color: #1a1a18;
	text-transform: lowercase;
}
#headerRightContent a:hover {
	border-bottom: 1px solid #000;
	text-decoration: none;
}

#headerRight p {
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}
/* Content */
#mainContent {
 	padding-top: 166px;
	text-align: right;
} 
#content {
	padding-top: 85px;
	padding-left: 85px;
	width: 535px;
	line-height: 16px;
}
#content h1 {
	padding: 0px;
	margin: 0px;
}
#content h2 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #1a1a18;
	padding-bottom: 5px;
}
#content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #1a1a18;
	padding-bottom: 15px;
}
.casesPagetitle {
	padding-top: 3px;
	color: #1a1a18;
}
.casesPagetitle a,.casesPagetitle a:visited {
	text-decoration: none;
	color: #1a1a18;
	
}
.casesPagetitle a:hover {
	text-decoration: underline;
}
.casesMenutitle {
	padding-top: 3px;
}
.casesMenutitle a, .casesMenutitle a:hover {
	text-decoration: none;
	color: #7b7b7a;
}
.casesMenutitle a:hover {
	text-decoration: underline;
}
#contentWide {
	padding-top: 50px;
	padding-left: 85px;
	width: 747px;
	line-height: 14px;
}
#contentWide a {
	text-decoration: none;
	color: #7b7b7a;
}
#contentWide a:hover {
	text-decoration: underline;
}
#contentWide h1 {
	padding: 0px;
	margin: 0px;
}
#contentWide h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	color: #1a1a18;
}
.nbrief{
border: 1px solid #1a1a18;
	color: #1a1a18;
}
.submit_button {
	border: 1px solid #1a1a18;
	color: #1a1a18;
	margin-right: 50px;
	background-color: #FFFFFF;
}
/* Blog */
.tvDate {
	color:#666666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:50px;
}
.lightGray {
	color:#666666;
}
#blogContainer {
	width: 832px;
	padding-top: 82px;
}
#blogLeft {
	float: left;
	width: 150px;
	padding-right: 25px;
}
#de_la {
	width: 147px;
	border: 1px solid #FFFFFF;
	height: 30px;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 30px;
}
#de_la h1 {
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	text-align: center;
}
#davidSteunt {
		width: 147px;
		border: 1px solid #FFFFFF;
		color: #333333;
		font-size: 10px;
		text-align: center;
		text-align: center;
		padding-top: 5px;
		padding-left: 0px;
		margin-bottom: 25px;	
		background-image: url(../images/90procent-wit.png);
}
#blogCenter {
	position: relative;
	float: left;
	width: 421px;
}
#lastBlog {
	width: 383px;
	border: 1px solid #FFFFFF;
	padding: 10px 14px 0px 14px;
	background-color: #FFFFFF;
	margin-bottom: 12px;
}
#lastBlog a {
	color: #000000;
}
#lastBlogLeft h2, #lastBlogLeftEmpty h2  {
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
}
#lastBlogLeft a, #lastBlogLeftEmpty a {
	text-decoration: none;
}
#lastBlogLeft p {
	line-height: 16px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.blogReadmore {
	color: #666666;
	text-align: right;
	padding-bottom: 10px;
}
.blogReadmore a {
	text-decoration: none;
	color: #666666;
}
.blogReadmore a:hover {
	text-decoration: underline;
}
#lastBlogLeft {
	/* float: left; */
	width: 257px;
	padding-right: 18px;
}
#lastBlogLeftEmpty{
	/* float: left; */
	width: 383px;
	padding-right: 0px;
	line-height: 16px;
}
#blogBanner {
	width: 137px;
	border: 1px solid #FFFFFF;
	padding: 5px;
	background-color: #FFFFFF;
	margin-top: 35px;
}
#blogArchive {
	/*width: 137px;*/
	width: 383px;
	border: 1px solid #FFFFFF;
	padding: 12px 14px 2px 14px;
	background-color: #FFFFFF;
	margin-bottom: 28px;
}
#blogArchive a {
	color: #000000;
	text-decoration: none;
}
#blogArchive p {
	padding: 0px;
	margin: 0px;
}
#blogArchive ul {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	list-style-type: square;
	padding-bottom: 5px;
	padding-left: 12px;
}
#blogArchive li {
	padding-top: 1px;
	padding-bottom: 1px;
}
#photoGallery {
	width: 383px;
	border: 1px solid #FFFFFF;
	padding: 18px;
	background-color: #FFFFFF;
	margin-bottom: 30px;
}
#lastBlogRight {
	float: left;
	width: 108px;
}
#blogRight {
	float: right;
	width: 210px;
	padding-left: 25px;
}
#employee {
	width: 170px;
	border: 1px solid #FFFFFF;
	padding: 4px 14px 4px 14px;
	background-color: #FFFFFF;
	margin-bottom: 66px;
}
#employee a {
	text-decoration: none;
}
#employee h2 {
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	padding-bottom: 10px;
}
#employee p {
	line-height: 14px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
}
#quote {
	width: 175px;
	padding-right: 10px;
	padding-left: 25px;
}
#quoteTop {
	width: 155px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	padding: 9px;
}
#quoteTop p {
	line-height: 14px;
	padding: 0px;
	margin: 0px;
	font-size: 13px;
}
#quoteBottom {
	background-image: url(../images/textBallonBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 175px;
	height: 34px;
}
/* Footer */
.push {
	height: 98px;
}

.footerHome { 
	height: 68px;
	margin: 0 auto; 
	width: 832px;
	padding-left: 61px;
	padding-right: 61px;
	padding-top: 10px;
	padding-bottom: 20px;
	
} 
.footer { 
	height: 88px;
	margin: 0 auto; 
	width: 832px;
	padding-left: 61px;
	padding-right: 61px;
	padding-top: 10px;
} 
.footerCases {
	height: 88px;
	margin: 0 auto; 
	width: 832px;
	padding-left: 61px;
	padding-right: 61px;
	padding-top: 10px;
}

#footerLeft {
	width: 777px;
	float: left;
	height: 54px;
	
}
#newsLeft {
	width: 88px;
	float: left;
	height: 54px;

}
#newsRight {
	width: 689px;
	float: right;
	height: 54px;
}
#newsRight h3 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 4px;
	
}
#newsRight p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
	
}
#newsRight a {
	text-decoration: none;
	color: #1a1a18;
	font-weight: bold;
}
#newsRight a:hover {
	text-decoration: underline;
}
#readmore {
	text-align: right;
	padding-right: 5px;
}
#footerRight {
	width: 55px;
	float: right;
	height: 38px;
	padding-top: 16px;
	text-align: right;
	
}
#footerRight p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
}
#footerRight a {
	text-decoration: none;
}
#footerRight a:hover {
	text-decoration: underline;
}
#randomCase {
	width: 118px;
	height: 12px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-right: 14px;
}
#caseText {
	width: 520px;
	float: left;
	height: 55px;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 10px;
	background-color: #FFFFFF;
	padding-bottom: 14px;
}

#caseEmpty {
	width: 141px;
	float: left;
}

#caseNav {
	width: 56px;
	float: right;
	height: 28px;
	text-align: right;
	background-color: #FFFFFF;
	/*opacity:0.65;
	filter: Alpha(Opacity=65);*/
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
}
#caseNav2 {
	width: 70px;
	float: right;
	height: 44px;
	text-align: right;
}
#caseRelative{
	position: relative;
width: 70px;
	height: 44px;

}
#caseBoven{
	width: 56px;
	height: 28px;
	position:absolute;
	right:10px;
	top:7px;
	z-index:46;
	
}
#caseOnder{
	width: 70px;
	height: 44px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:45;

}
/* vacature start pagina */
body.vacatures  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0; 
	padding: 0;
	color: #1a1a18;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: top center;
}
#containerVacatures { 
	width: 832px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -122px;
	padding-left: 61px;
	padding-right: 61px;
} 
.pushVacatures {
	height: 122px;
}
.footerVacatures {
	height: 112px;
	margin: 0 auto; 
	width: 832px;
	padding-left: 61px;
	padding-right: 61px;
	padding-top: 10px;
}
#randomVacatures {
	width: 98px;
	height: 12px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	margin-right: 14px;
}

#vacaturesText {
	width: 597px;
	float: left;
	height: 78px;
	padding-top: 7px;
	padding-right: 20px;
	padding-left: 10px;
	background-color: #FFFFFF;
	padding-bottom: 14px;
}
#vacaturesText a, #vacaturesText a:hover, #vacaturesText a:visited {
	color:#000000;
	font-weight: bold;
	text-decoration: none;
}

#vacaturesEmpty {
	width: 0px;
	float: left;
}
/**********************/
#randomCaseTitle {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
}
#randomCaseTitle a {
	color: #1a1a18;
	text-decoration: none;
	font-size: 12px;
}
#randomCaseTitlea:hover {
	text-decoration: underline;
}
#randomCaseIntrotext {
	font-size: 10px;
}
#randomCaseReadmore {
	text-align: right;
	padding-top: 0px;
}
#randomCaseReadmore a {
	text-decoration: none;
	color: #1a1a18;
	font-weight: bold;
}
#randomCaseReadmore a:hover {
	text-decoration: underline;
}
.info_hr {
	border: 0;
	height: 1px;
	color:  #c2c2c2;
	background-color:  #c2c2c2;
	padding: 0;
	margin: 0;

}
.casesHome {
	padding-bottom: 3px;
}
.casesHome a {
	font-size: 10px;
	text-decoration: none;
	color: #333333; 
	opacity: 2.0;
	filter: Alpha(Opacity=200);
}
.casesHome a:hover {
	color: #000;
	text-decoration: underline;
}
#newsLinks {
	width: 88px;
	float: left;
}
#newsRechts {
	width: 488px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right:10px;
	padding-bottom: 10px;
	height: 48px;
	z-index:50;
	background-color:#FFF;
}
#newsExtra{
	opacity:4.0;
	filter: Alpha(Opacity=400);
	z-index:71;
}
#newsExtra h3 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 4px;
	color: #000;
	
}
#newsExtra p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
	color: #000;
	
}
#newsExtra a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	
}
#newsExtra a:hover {
	text-decoration: underline;
}
#newsEmpty {
	width: 170px;
	float: left;
}
#newsNav {
	height: 40px;
	width: 56px;
	float: right;
	height: 28px;
	text-align: right;
	background-color:#FFF;
	opacity:0.65;
	filter: Alpha(Opacity=65);
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
}
.navHome {
	padding-bottom: 3px;
}
.navHome a {
	font-size: 9px;
	text-decoration: none;
	color: #333333; 
	opacity: 2.0;
	filter: Alpha(Opacity=200);
}
.navHome a:hover {
	color: #000;
	text-decoration: underline;
}
/* Misc */
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* sitemap */
.LSM_0 ul { 
	color: #005fb9;
	font-weight: normal; 
	list-style-type: none; 
	line-height: 18px;
	padding-bottom: 5px;
}
.LSM_0 li { 
	list-style-type: none; 	
}
.LSM_0 li a, .LSM_0 li a:visited{
	color: #1a1a18;
	text-decoration: none;
}
.LSM_0 li a:hover {
	color: #1a1a18;
	text-decoration: underline;
}
.LSM_1 li a,LSM_1 li a:visited{
	color: #1a1a18;
	text-decoration: none;
}
.LSM_1 li a:hover {
	color: #1a1a18;
	text-decoration: underline;
}
.LSM_1 ul { 
	list-style-image: url('../images/tree_hook.gif');
} 
.LSM_1 li { 
	list-style-image: url('../images/tree_hook.gif');
	font-weight: normal;
}
.clsModalDialog2 {
  	position: absolute;
	display:none;
  	left: -1000px; /* Dialogs are hidden by placing them "off-screen". */
  	width: 720px;
	top:0px;
  	padding: 1em;
	color: #8f0f39;
	
    z-index: 101; /* This must be at least one more than the z-index of xModalDialogGreyElement. */
    text-align: center;
}
#myOnPageContent {
	padding-top: 0px;
	padding-bottom: 0px;
}
.xModalDialogGreyElement {
  	position: absolute;
  	overflow: hidden;
  	width: 10px; 
	height: 10px;
  	left: -10px; 
	top: -10px;
  	z-index: 100;
  	opacity: .3; /* CSS3 */
  	background-color: #000;
}
#flashlaag{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	overflow:hidden;
	background-image: url(../images/transparant_pixels_wit.gif);
	z-index:10;

}
.xModalDialogGreyElement2 {
display:none;
  	position: absolute;
  	overflow: hidden;
  	width: 10px; 
	height: 10px;
  	left: -10px; 
	top: -10px;
  	z-index: 100;
  	
  	background-color: #000;
}
/* Forms */
.signup_input {
	border: 1px solid #1a1a18;
	width: 150px;
	height: 14px;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}
.signup_button {
	background-color: #FFFFFF;
	border: 1px solid #1a1a18;
	color: #1a1a18;
	cursor: pointer;
	padding: 2px 5px 2px 5px;
	margin-top: 5px;
}
/* Logout */
#wlpeUser {
	width: 200px;
	height: 25px;
	padding-left: 350px;
}
#wlpeUserLeft {
	width: 125px;
	float: left;
	padding-top: 5px;
}
#wlpeUserRight {
	width: 75px;
	float: right;
}

/* new cases page */
.containerCases {  
  	position: relative;
	width: 655px;
	height: 500px; 
	text-align: left;
	padding: 8px 10px 4px 10px;
	background-image: url(../images/achtergrond-cases.png);		
}
.casesTitle {
  	position: absolute;
	top:14px;
	left:18px;	
}
.casesDarkText {
	color: #000000;	
} 
.casesLightText {
	color: #bbbbbb;	
}
.casesCloseButtons {
  	position: absolute;
	right: 17px;
	top:12px;
	color: #bbbbbb;	
}  
.casesSmallNavigationButtons {
  	position: absolute;	
	left: 16px;
	top:47px;
} 
.smallBlockLinks {
	cursor: pointer;
	margin-right: 4px;	
}
.casesLongTitle {
  	position: absolute;	
	right: 0px;
	top:-22px;
	font-size:9px;
	color: #000000;	
} 
.casesMainImageContainer {
  	position: absolute;	
  	width:640px;
  	height:400px; 
	left: 18px;
	top:66px;
}
.casesInnerImageContainer {
	position: relative;	 
  	position: absolute;	
  	width:640px;
  	height:400px;
}
.casesContentTextBlock { 
	display: none;
	color: #000000;	
	padding:40px;
	/*overflow: scroll;*/ 
	overflow-y: auto;
	overflow-x: hidden;
  	width:560px;
  	height:320px;	
}
.casesContentBlock {
	display: none;
	color: #000000;		
}
.casesBackButton {  
	display: none; 
	cursor: pointer;
  	position: absolute;	
	left: 18px;
	bottom:20px;
} 
.casesNextButton { 
	display: none; 
	cursor: pointer;
  	position: absolute;	
	right: 17px;
	bottom:20px;
}
.casesTextColor {
	color: #bbbbbb;	
}   
a.casesTextColor, a.casesTextColor:visited {
	color: #bbbbbb;
	text-decoration: none;	 
	font-size:9px;
}
a.casesTextColor:hover {
	color: #000000;	
	text-decoration: none;
	font-size:9px;	
}     
a.casesOverviewNav, a.casesOverviewNav:visited {
	text-decoration: none;	
}
a.casesOverviewNav:hover {
	color: #000000;	
}