﻿html, body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#seForm
{
	height: 100%;
}

body 
{
	background: #e6e6e6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
}

.elementFloatLeft
{
	float: left;
	width: 175px;
	height: 171px; 
	overflow: hidden;
	margin-right: 17px;
}

.elementFloatLeftBreed
{
	float: left;
	width: 367px;
	height: 171px; 
	overflow: hidden;
	margin-right: 17px;
}

.elementFloatLeftMedia
{
	float: left;
	height: 120px; 
	overflow: hidden;
	margin-bottom: 16px;
}

img 
{
	border: 0px;
}

.fixDiv
{
	width: 977px;
	margin: 0px auto;
	/*overflow: hidden;*/ /* wordt vanuit C# geregeld */
	position: relative;
}

.moveDiv
{
	/*width: 1361px;*/ /* wordt vanuit C# geregeld */
	height: 100%;
}

.contentOmvatDiv 
{
	width: 943px;
	background: #fff;
	float: left;
	padding-left: 17px;
	padding-right: 17px;
}

.headerDiv
{
	height: 68px;
	padding-top: 16px;
	overflow: hidden;
}

.headerDiv .logoDiv 
{
	float: left;
}

.headerDiv .buttonDiv
{
	float: right;
	width: 367px;
}

.headerDiv .buttonDiv .imgHome
{
	float: left;
	cursor: pointer;
}

.headerDiv .buttonDiv .imgTaal
{
	float: left;
	cursor: pointer;
	margin-left: 158px;
}

.headerDiv .buttonDiv .imgZoek
{
	float: right;
	cursor: pointer;
}

.menuDiv 
{
	width: 943px;
	height: 27px;
	overflow: hidden;
	position: relative;
}

.menuDiv img
{
	display: block;
}

.menuDiv .menuOmvat
{
	width: 175px;
	height: 25px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

.menuDiv .menuOmvat3
{
	width: 175px;
	height: 25px;
	border-top: 1px solid #eb1b23;
	border-bottom: 1px solid #eb1b23;
	float: left;
	cursor: pointer;
	overflow: hidden;
}

.menuDiv .ContactBullet
{
	position: absolute;
	margin-left: 167px;
	margin-top: 9px;
}

.rechterPnl 
{
	width: 350px;
	float: right;
	background: #eb1b23;
	padding: 16px 17px 16px 17px;
}

.rechterPnl .closeButton
{
	width: 17px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	margin-top: -16px;
	margin-left: 350px;
}

.rechterPnl #zoekPnl
{
	display: none;
}

.rechterPnl #contactPnl
{
	display: none;
}

.clearDiv
{
	height: 16px;
	overflow: hidden;
}

.contentDiv
{	
	min-height: 532px;
	height: auto !important;
	height: 532px;
	
	float: right;
	margin-bottom: 16px;
	
	line-height: 22px;
	overflow-x: hidden;
}

.contentDivHome
{
	min-height: 530px;
	height: auto !important;
	height: 530px;
	
	float: right;
	margin-bottom: 16px;
	
	line-height: 18px;
	overflow: hidden;
}

.fotoBijschrift
{
	/*width: 357px;*/
	height: 18px;
	margin-top: -20px;
	padding: 2px 5px 0px 5px;
	overflow: hidden;
	line-height: normal;
	color: #fff;
	background-color: #000000;
}

/********** STREAMS begin **********/

.streamBlok
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	
	min-height: 335px;
	height: auto !important;
	height: 335px;
	
	overflow-x: hidden;
}

.streamBlokWit
{
	min-height: 367px;
	height: auto !important;
	height: 367px;
	
	overflow-x: hidden;
}

.streamBlokWitGrijs
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	
	min-height: 335px;
	height: auto !important;
	height: 335px;
	
	overflow-x: hidden;
}

.streamBlokWitPadding
{
	min-height: 367px;
	height: auto !important;
	height: 367px;
	
	overflow-x: hidden;
}

.streamBlokMedia
{
	min-height: 392px;
	height: auto !important;
	height: 392px;
	
	overflow-x: hidden;
}

.streamBlokKolom1 
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	
	width: 525px;
	min-height: 335px;
	height: auto !important;
	height: 335px;
	
	overflow-x: hidden;
	float: left;
	margin-right: 17px;
}

.streamBlokKolom2
{
	width: 175px;
	min-height: 367px;
	height: auto !important;
	height: 367px;
	float: right;
}

.streamBlokKolom3
{
	padding: 16px 17px 16px 17px;
	
	width: 525px;
	min-height: 335px;
	height: auto !important;
	height: 335px;
	
	background: #fff;
	float: left;
}

.streamBlokFacts1 /* logo opdrachtgever + project */
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	width: 333px;
	float: left;
	margin-left: 0px;
	
	height: 152px;
}

.streamBlokFacts2 /* slideshow */
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	width: 333px;
	float: left;
	margin-left: 17px;
	
	height: 152px;
}

.streamBlokFacts3 /* tekstblok */
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	width: 333px;
	float: left;
	margin-left: 0px;
	
	min-height: 455px;
	height: auto !important;
	height: 455px;
}

.streamBlokFacts4 /* facts */
{
	padding: 16px 17px 16px 17px;
	background: #e6e6e6;
	width: 333px;
	float: left;
	margin-left: 17px;

	min-height: 455px;
	height: auto !important;
	height: 455px;
}

/********** STREAMS einde **********/

.subMenuDiv
{
	width: 175px;
	height: 100%;
	overflow: hidden;
	float: left;
	margin-right: 17px;
}

.subMenuDiv .itemArrow
{
	position: absolute;
	margin-top: 9px;
}

.subMenuDiv .itemPnl
{
	width: 175px;
	height: 25px;
	overflow: hidden;
	clear: both;
	cursor: pointer;
}

.subMenuDiv .itemPnlHover
{
	width: 175px;
	height: 25px;
	overflow: hidden;
	clear: both;
	cursor: pointer;
	background: #e6e6e6;
}

.subMenuDiv .itemPnlActive
{
	width: 175px;
	height: 25px;
	overflow: hidden;
	clear: both;
	cursor: pointer;
	background: #eb1b23;
}

.subMenuDiv .childOmvat 
{
	width: 175px;
	height: 0px;
	overflow: hidden;
	position: relative;
	display: none;
}

/********** zoekPnl + zoekPnl op pagina 'mensen' + contactPnl **********/

#contactPnl .contactPnlInner
{
	width: 316px;
	height: auto;
	overflow: hidden;
	background: #fff;
	padding: 16px 17px 16px 17px;
}

#contactPnl a.contact
{
	color: #000;
	text-decoration: none;
}

#contactPnl a.contact:hover
{
	text-decoration: underline;
}

#zoekPnl input.text, #mensenBlok2 input.text, #contactPnl input.text
{
	border: 0px;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	width: 273px;
	height: 23px;
	font-size: 16px;
	overflow: hidden;
}

#zoekPnl input.button, #mensenBlok2 input.button, #contactPnl input.button
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 25px;
	cursor: pointer;
	margin-left: 17px;
	background: #e6e6e6;
	color: #000;
}

#mensenBlok2 input.button 
{
	background: gray;
	color: #fff;
}

#zoekPnl .zoekLoadingPnl, #mensenBlok2 .zoekLoadingPnl, #contactPnl .zoekLoadingPnl
{
	position: absolute;
	width: 50px;
	height: 31px;
	margin-top: -29px;
	margin-left: 300px;
	background: #eb1b23;
}

#mensenBlok2 .zoekLoadingPnl
{
	margin-top: -29px;
	margin-left: 283px;
	background: #e6e6e6;
}

.zoekLoadingPnl img
{
	float: right;
}

#zoekPnl .inputOmvat, #zoekPnl .contentOuter, #zoekPnl .medewerkersOuter, #mensenBlok2 .inputOmvat
{
	margin-bottom: 2px;
}

#zoekPnl .zoekPnlInner, #mensenBlok2 .zoekPnlInner, #contactPnl .zoekPnlInner
{
	width: 316px;
	height: auto;
	overflow: hidden;
	background: #fff;
	padding: 16px 17px 16px 17px;
}

#mensenBlok2 .zoekPnlInner
{
	line-height: 18px;
}

#zoekPnl a, #mensenBlok2 a, #contactPnl a
{
	color: #000;
	text-decoration: none;
}

#zoekPnl a:hover, #mensenBlok2 a:hover, #contactPnl a:hover
{
	text-decoration: underline;
}

#zoekPnl span.h, #mensenBlok2 span.h, #contactPnl span.h
{
	background: #e6e6e6;
}

/********** seLink ***********/

a.seLink:link, a.seLink:hover, a.seLink:active, a.seLink:visited
{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

a.seLink:hover
{
	text-decoration: underline;
}

.seLink a:link, .seLink a:hover, .seLink a:active, .seLink a:visited
{
	text-decoration: underline;
	font-weight: normal;
	color: #000;
}

.seLink a:hover
{
	text-decoration: none;
}

.seLinkW a:link, .seLinkW a:hover, .seLinkW a:active, .seLinkW a:visited
{
	text-decoration: underline;
	font-weight: normal;
	color: #fff;
}

.seLinkW a:hover
{
	text-decoration: none;
}

.seLinkR a:link, .seLinkR a:hover, .seLinkR a:active, .seLinkR a:visited
{
	text-decoration: underline;
	font-weight: normal;
	color: #eb1b23;
}

.seLinkR a:hover
{
	text-decoration: none;
}

/********** seFormulier ******/

.seFormulierLabel
{
	
}

.seFormulierTextBox
{
	
}

.seFormulierRadio
{
	
}

.seFormulierCheck
{
	
}

.seFormulierDropdown
{
	
}

.seFormulierTextArea
{
	font-family: Arial;
}

/********** mediaBlok ********/

.mediaBlok
{
	width: 367px;
	height: 392px;
	background: #000;
	position: absolute;
	z-index: 1000;
	display: none;
	top: 0px;
	left: 0px;
	overflow: hidden;
}

.videoSluit
{
	width: 17px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	margin-left: 350px;
	z-index: 100000;
}

.mediaBlokInner
{
	width: 367px;
	height: 300px;
	overflow: hidden;
}

.mediaBlokSub
{
	margin: 16px 17px;
}

/********** mensenBlok *******/

.mensenBlok1
{
	width: 333px;
	height: 335px;
	padding: 16px 17px;
	background: #eb1b23;
	color: #fff;
	overflow: hidden;
}

.mensenBlok2
{
	width: 333px;
	height: 335px;
	padding: 16px 17px;
	background: #e6e6e6;
	color: #000;
	overflow: hidden;
}

.mensenBlok2b 
{
	width: 333px;
	height: 335px;
	padding: 16px 17px;
	background: #e6e6e6;
	color: #000;
	overflow: hidden;
	display: none;
}

.mensenBlok3
{
	width: 367px;
	height: 750px;
	overflow: hidden;
	background: #e6e6e6;
	float: right;
	margin-top: -750px;
}

.mensenBlok2b input.textbox
{
	border: 0px;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	width: 323px;
	height: 23px;
	font-size: 16px;
	overflow: hidden;
}

.mensenBlok2b textarea
{
	font-family: Arial;
	border: 0px;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	width: 323px;
	height: 138px;
	font-size: 16px;
	overflow: hidden;
}

.mensenBlok2b input.button
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 25px;
	cursor: pointer;
	background: #e6e6e6;
	background: gray;
	color: #fff;
	margin-top: 16px;
	float: right;
}


/********** routeGoogleMaps **/

#routeGoogleMaps
{
	width: 367px;
	height: 367px;
	overflow: hidden;
}

.googleTextBox
{
	border: 0px;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	width: 230px;
	height: 23px;
	font-size: 16px;
	overflow: hidden;
	float: left;
}

.googleButton
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 25px;
	cursor: pointer;
	background: gray;
	color: #fff;
	float: right;
}

/********** mailForm ********/

.mailFormTextBox
{
	border: 0px;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	width: 323px;
	height: 23px;
	font-size: 16px;
	overflow: hidden;
}

.mailFormTextArea
{
	font-family: Arial;
	border: 0px;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	width: 323px;
	height: 138px;
	font-size: 16px;
	overflow: hidden;
}

.mailFormSendButton
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 80px;
	height: 25px;
	cursor: pointer;
	background: #e6e6e6;
	background: gray;
	color: #fff;
	margin-top: 16px;
	float: right;
}
