@font-face {
    font-family: 'MyriadProBold';
    src: url('Fonts/myriadpro-bold-webfont.eot');
    src: url('Fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('Fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('Fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProCondBold';
    src: url('Fonts/myriadpro-boldcond-webfont.eot');
    src: url('Fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/myriadpro-boldcond-webfont.woff') format('woff'),
         url('Fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('Fonts/myriadpro-boldcond-webfont.svg#MyriadProCondBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProCondRegular';
    src: url('Fonts/myriadpro-cond-webfont.eot');
    src: url('Fonts/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/myriadpro-cond-webfont.woff') format('woff'),
         url('Fonts/myriadpro-cond-webfont.ttf') format('truetype'),
         url('Fonts/myriadpro-cond-webfont.svg#MyriadProCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{height:100%; overflow-y:scroll;}
#Body{height:100%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#333;background-color: #fff;}
#Form{height:100%;}
a{outline:0;border:0;}
a:link, a:visited, a:active{text-decoration:underline;color:#008C33;}
a:hover{text-decoration:underline;color:#006f29;}
p, ul, ol{margin:0;padding:0 0 1em 0;}
.Normal img{ max-width:100%; height:auto;}
#DNN6{max-width:960px;margin-left:auto;margin-right:auto;position:relative;z-index:1;background-color: #f9f9f9;}
#Background{background-color:#f9f9f9;position:absolute;bottom:0;width:100%;height:240px;z-index:-1;}
.clearboth{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
h1{font-family:MyriadProCondBold;font-size:28px;}
h2{font-family:MyriadProCondRegular;font-size:22px;}
h1 a:link,h1 a:visited,h1 a:active,
h2 a:link,h2 a:visited,h2 a:active{text-decoration: none;}
h3{font-family:MyriadProCondRegular;font-size:18px;}

#Header{position:relative; z-index:10;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}
#LogoLaag{position:relative; z-index:11;}
#LogoLaagL{
	float: left;
	width: 600px;
	height: 140px;
	background: url(/Portals/3/Skins/hdp/Images/logo_HDP.png) no-repeat;
}
.en-US #LogoLaagL{background: url(/Portals/3/Skins/hdp/Images/logo_HDP_EN.png) no-repeat;}
.nl-NL #LogoLaagL{background: url(/Portals/3/Skins/hdp/Images/logo_HDP.png) no-repeat;}
#LogoLaagR{float:right;width:200px;height:140px; padding-right:20px;}
#LogoLaagRboven{position:relative;text-align:right;height:75px; margin-top:20px;}
#LogoLaagRbenee{position:relative;text-align:right; float:right;}
#LogoLaagRbenee a{ margin-right:0px;text-align: center;display:block; width: 50px;padding:6px; background-color:#008C33; color:#fff;font-family:MyriadProCondRegular; font-size:21px; text-decoration:none;}
#LogoLaagRbenee a:hover{ text-decoration:none;background-color:#006f29;}
#FotoLaagHouder{width:920px;height:250px;margin:auto;}
#FotoLaag{position:relative;width:920px;height:250px;margin:auto;z-index:-1;}
#FotoLaag{background: url(/Portals/3/Afbeeldingen/Banners/project2.jpg) center top no-repeat;}


#Header #Nav{height:32px;position:absolute;bottom:9px;right:20px; visibility:visible !important; display:block !important;}
    
#Content {min-height: 300px; position:relative; z-index:1; border-left:solid 1px #ddd;border-right:solid 1px #ddd;}

#Panes{width:960px;margin:auto;}
    
/* LOGIN GROUP STYLES */
	#LogoRow{
		padding:12px 0;
		min-height:75px;
	}
	
	/* Company Logo */
	#LogoRow > a{ 
		display:block; 
		float:left;
	}
	
	/* Login & Social */
	.LogoRowRight{ float:right; }
	
		#Login{
			float:right;
			padding-right:0;
			height:33px;
			border:1px solid #cfcfcf;
			border-bottom:1px solid #999;
			background:#eee;
			
			-webkit-border-radius:		3px;
			-moz-border-radius:		 	3px;
			border-radius: 				3px;
			
			-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 	0px 1px 0px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 		0px 1px 0px 0px rgba(0, 0, 0, 0.2);

		}
		
		#Login .registerGroup, 
		#Login .registerGroup *, 
		#Login .loginGroup, 
		#Login .loginGroup *{
			display:block;
		} 
	
	
		#Login .registerGroup,
		#Login .loginGroup{float:left;padding:0;margin:0;} 
		
		#Login .registerGroup li:first-child:hover{border-left:#333;}
		/* Register Group Styles */
		#Login .registerGroup li{ 
			float:left;
			height:33px;
			border-left:1px solid #fcfcfc; /*light*/
			border-right:1px solid #c7c7c7; /*dark*/
		}
		#Login .registerGroup .buttonGroup{margin-right:0;}
		
		#Login .registerGroup a,
		#Login .loginGroup a{
			position:relative;
			display:block;
			padding:11px 15px;
			min-width:15px; min-height:11px;
			font-weight:bold;
			font-size:11px;
			vertical-align:middle;
			line-height:1em;
			
			background:#e7e7e7 url(Images/LoginLinksBg.png) repeat-x 0 0;
		}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{
			background:#666;
			color:#ddd;
			text-shadow: 0px -1px 0px #333333;
			
			-webkit-box-shadow: 	inset 0px 0px 5px 0px #333;
			-moz-box-shadow: 		inset 0px 0px 5px 0px #333;
			box-shadow: 			inset 0px 0px 5px 0px #333; 
		}
		#Login .registerGroup a:active,
		#Login .loginGroup a:active{
			color:#fff;
			text-shadow: 0px -1px 0px #333333;
		}
		
		#Login .registerGroup a:hover,
		#Login .loginGroup a:hover{text-decoration:none;}
		
		#Login .registerGroup a strong,
		#Login .loginGroup a strong{
			position:absolute;
			left:0; top:0;
			width:100%; height:100%;
			display:block;
			font-size:11px;
			font-weight:bold;
			vertical-align:baseline;
			overflow:hidden;
			text-indent:-9999px;
		}
		
		.registerGroup .userMessages strong,
		.registerGroup .userNotifications strong{
			background:url(Images/userLoginSprite.png) no-repeat 15px 12px;
		}
		.registerGroup .userNotifications strong{ background-position:-85px 10px; }
		.registerGroup .userMessages strong:hover{background-position:15px -40px; }
		.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
		.registerGroup .userMessages strong:active{background-position:15px -91px; }
		.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
		#Login .registerGroup a span{
			position:absolute;
			right:5px; top:-7px;
			display:inline-block;
			padding:2px 4px;
			min-width:7px;
			text-align:center;
			margin-right:3px;
			background: rgb(31,152,241); /* Old browsers */
			font-size:9px;
			color:#fff;
			text-shadow: 0px 1px 0px #333333;
			
			/*CSS3*/	
			background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
			background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */
			
			-webkit-border-radius: 	3px;
			-moz-border-radius: 	3px;
			border-radius: 			3px; 
			
			-webkit-box-shadow: 0px 1px 0px 0px #222222;
			-moz-box-shadow: 0px 1px 0px 0px #222222;
			box-shadow: 0px 1px 0px 0px #222222; 		
		}
		
		
		#Login .registerGroup .userProfileImg a{
			padding:0;background:none;
			min-width:25px;
		}
		#Login .registerGroup a img{
			border:1px solid blue;
			height:32px; width:32px;
			background:#555;
			
			-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 	0px 1px 0px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 		0px 1px 0px 0px rgba(0, 0, 0, 0.2); 
		}
		/* Login Group Styles */
		#Login .loginGroup{
			border-left:1px solid #fcfcfc; /*light*/		
		} 
		#Login .loginGroup a{padding:11px 20px; font-weight:bold; color:#666;}
		
		/* Language Group */
		#LogoLaagR .language-object{
			float:left;
			display:block;
			margin:0;
			padding:0;
			
			border-left: none; /*dark*/
		}
		#LogoLaagR .language-object span{
			padding:8px 0;
			padding-right:8px;
			margin:0;
			margin-top:7px;
			float:left;
		}
		#LogoLaagR .language-object span:first-child{
			padding-left:8px;
			border-left:1px solid #fcfcfc; /*light*/
		}
		#LogoLaagR .language-object span img{
			height:12px; width:20px;
			opacity:0.2;
		}
		#LogoLaagR .language-object span:hover img{opacity:1;}
		#LogoLaagR .language-object .Language.selected img{
			opacity:1;
			border-color:#999;
			-webkit-border-radius: 2px;
			border-radius: 2px; 
			-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
			box-shadow: 		0px 1px 0px 0px rgba(255, 255, 255, 0.8); 
		}
		
		

	.home #dnn_ContentPane{float:left;width:580px; padding:20px;}
	.details #dnn_ContentPane{padding:20px;}
	#dnn_RightPane{float:right;width:300px;padding-top:20px;padding-right:20px;}


#Footer{min-height:25px;width:100%;background-color:#6e6e6d;}
    #Footer .Content{padding-left:20px;padding-right:20px;}
    #Footer #Copyright{clear:both;line-height:22px;}
    #Footer .Normal{color:#f2f2f2;}
    #Footer span.SkinObject{font-weight:normal;color:#f2f2f2;}
    #Footer a.SkinObject{float:right;font-weight:normal;text-decoration:underline;}
    #Footer a.SkinObject:link, #Footer a.SkinObject:active, #Footer a.SkinObject:visited, #Footer a.SkinObject:hover{color:#f2f2f2;padding:0 0 0 15px;}

/* Content */

/* Password Information */
#Passwords{margin:2em 0;padding:0;}
	#Passwords li{display:inline-block;height:62px;width:305px;background:url(images/Icons.png) no-repeat -256px -64px;margin:0 15px 0 0;padding:0;list-style-type:none;}
	#Passwords li.Host{margin:0;}
	#Passwords span.SubHead{display:block;color:#FFF;font-size:14px;padding:11px 0 8px 15px;}
	#Passwords span.Password{color:#FFF;padding:0 0 0 15px;}
p.Disclaimer{clear:both;color:#666666;font-size:11px;line-height:14px;}

/* Default Over-rides */

#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */
.DnnModule{margin:0 0 2em 0;}
.DnnModule ul, ol{ padding: 0 0 24px 24px; }
/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

/* Fonts */
.Normal{font-size:13px;line-height:21px;}
.SubHead{color:#333;}
.Normal strong{color:#008C33;}
ul li
{
  list-style-type: disc;
}
/* Language Object */

/*NewsArticles*/
#tblActionDetail{ margin-bottom:40px;}
#tblActionDetail a.CommandButton{ padding:5px; line-height:21px; background-color:#ddd;}
.artikellijst{}
.artikelhouder{ margin-bottom:10px;}
.artikelthumb a img{ max-width:100%; height:auto;}
.artikeltitel{}
.articleImages{clear:left;}
.fb-like{width:85px; overflow-x:hidden; float:left; margin-bottom:20px;}
.en-US .fb-like{width:45px;}
.fb_edge_widget_with_comment fb_iframe_widget{}
.twitter-share-button{ margin-left:20px; margin-bottom:20px; width:100px; float:left;}
.article .fb-like{margin-bottom:20px; margin-top:20px}
.article .twitter-share-button{margin-bottom:20px; margin-top:20px}
.NewsArticles div.Normal{ clear:both;}

/*Formulierbeheer*/
table.Vragenformulier{margin:0; padding:0;}
.Vragenformulier { line-height:18px; width:580px;}
.Vragenformulier h3{ margin-top:-14px;}
.VragenformulierForm td{ padding-bottom:20px;}
.VragenformulierForm .SubHead{ font-size:14px;}
.VragenformulierForm .NormalTextBox{width: 570px;height:20px;font-size: 1.5em;margin-top: 2px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc;}
.VragenformulierForm .NormalTextBoxBig{width: 570px;height:90px;font-size: 1.5em;margin-top: 2px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc;}
.VragenformulierForm .NormalTextBox:focus,
.VragenformulierForm .NormalTextBoxBig:focus{background-color:#f2f2f2; border:solid 1px #666;}
.VragenformulierForm .NormalTextBoxSelect{width:292px;height:35px;font-size: 1.2em; margin-top: 2px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc;}
.VragenformulierForm .NormalTextBoxSelect option{width:290px;line-height:18px;}
.VragenformulierForm input{width: 335px;height:20px;font-size: 1.5em;margin-top: 2px;padding: 5px;background-color:#f8f8f8; border:solid 1px #ccc;}
.VragenformulierForm input:focus{background-color:#f2f2f2; border:solid 1px #666;}
.VragenformulierForm .tdinput input{height:30px;font-size: 1.49em;margin-top: 2px;padding: 5px;width: 385px;background-color:#f8f8f8; border:solid 1px #ccc; color:#ccc;}
.VragenformulierForm .tdinput input:focus{background-color:#f2f2f2; border:solid 1px #666;}
.VragenformulierForm .CommandButton img{ margin-left:20px; width:25px; height:25px;}
.VragenformulierForm a.CommandButton{ margin-top:7px;}
.VragenformulierForm .verzendknop {
    float: right;margin-top:15px;
	background: -moz-linear-gradient(center top , #fedf8a 0%, #eeb926 100%) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fedf8a', endColorstr='#eeb926');
    border: 1px solid #CC9D1A;
	color: #333333;font-family: Arial,sans-serif;font-size: 13px;font-weight: bold;line-height: 1;
    padding: 5px 10px;text-align: center;text-decoration: none;text-shadow: 0 1px 0 #EEEEEE;width: auto;
}
.VragenformulierForm .verzendknop:hover {
  background: -moz-linear-gradient(top, #fee59e 0%, #eec44e 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fee59e), to(#eec44e));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee59e', endColorstr='#eec44e');
  border: 1px solid #cc9d1a;
  border-bottom: 1px solid #cc9d1a;
  color: #464444;
}
.VragenformulierForm div.Normal{margin:-5px;}
.VragenformulierForm div.NormalRed {
	margin:-5px;
	margin-bottom:5px;
	padding:5px;
	line-height:21px;	
	font-size:13px;
	font-weight:normal;
	color:#8a0002;
	background: #fceeef;
	border:dashed 1px #8a0002;
}
.VragenformulierForm span.NormalRed {margin-left:-35px;}


@media only screen and (max-width:960px) {
#Panes{width:100%;margin:auto;}
#LogoLaagL{
	float: left;
	width: 310px;
	height: 140px;
	background: url(/Portals/3/Skins/hdp/Images/logo_HDP_mobile.png) no-repeat;
}
.en-US #LogoLaagL{background: url(/Portals/3/Skins/hdp/Images/logo_HDP_mobile.png) no-repeat;}
.nl-NL #LogoLaagL{background: url(/Portals/3/Skins/hdp/Images/logo_HDP_mobile.png) no-repeat;}
#FotoLaagHouder{width:100%;height:250px;margin:auto; overflow:hidden;}
#FotoLaag{position:relative;width:920px;height:250px;margin:auto;z-index:-1;}

.home #dnn_ContentPane{float:left;width:60%; padding:3%;}
.details #dnn_ContentPane{padding:3%;}
#dnn_RightPane{float:right;width:30%;padding-top:20px;padding-right:3%;}
.Vragenformulier,
.VragenformulierForm { width:100% !important;}
.VragenformulierForm .NormalTextBox{width: 100%;}
.VragenformulierForm .NormalTextBoxBig{width: 100%;}
.VragenformulierForm .NormalTextBoxSelect{width:100%;}
.VragenformulierForm .NormalTextBoxSelect option{width:100%;}
.VragenformulierForm input{width: 100%;}
.VragenformulierForm .tdinput input{width: 100%;}

}

@media only screen and (max-width:550px) {
#LogoLaagL{
	float: left;
	width: 200px;
	height: 90px;
	background: url(/Portals/3/Skins/hdp/Images/logo_HDP_mobile_small.png) no-repeat;
}
.en-US #LogoLaagL{background: url(/Portals/3/Skins/hdp/Images/logo_HDP_mobile_small.png) no-repeat;}
.nl-NL #LogoLaagL{background: url(/Portals/3/Skins/hdp/Images/logo_HDP_mobile_small.png) no-repeat;}
#LogoLaagR{float:right;width:100px;height: auto; padding-right:0px;}
#LogoLaagRboven{ visibility:hidden; display:none}
#LogoLaagRbenee{margin-top:20px;float:right;display: inline-block; position:relative; width:90px; text-align:right;}
#LogoLaagR .language-object{float:right;display: inline-block; position:relative; width:90px; text-align:right;}

.home #dnn_ContentPane{float:left;width:90%; padding:3%;}
.details #dnn_ContentPane{padding:3%;}
#dnn_RightPane{float:right;width:93%;padding-top:20px;padding-right:3%;}
#Header #Nav{right:9px;}
#Header{min-width:300px; overflow:hidden}
#dnnMenu .topLevel li{margin:0 4px 0 0 !important;}
#dnnMenu .topLevel li a div{margin:0 4px 0 0 !important;padding:6px 0 0 4px !important;}
#dnnMenu .topLevel li.item.last{ visibility:hidden; display:none;}
}





.LiveForm.Default {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif!important;}
.LiveForm.Default ul.page-break-section{box-shadow:rgba(0, 0, 0, 0) 0px 0px 15px 1px!important; padding:0!important; background-color: transparent!important}
.LiveForm.Default ul.page-break-section li{padding:10px 0px 10px 0px!important;}
#Label_5243_6 {display: none;}