/* CSS Document */




#header img, #menu ul li a img {
	behavior: url(/css-js/pngbehavior.htc); 
}

h1, p{
margin:0;
padding:0;
}

h3 { margin-bottom: 5px; }

a, a:hover{
color:#ffd511;
font-weight:bold;
text-decoration:none;
}

.nieuws_tekst h3 a, h3 a:hover { color:#fff; /*margin-bottom:8px;*/ padding:0; height:22px; overflow:hidden; }
.nieuws_tekst img {float:left;border:solid 1px #ffd511;margin-right:10px}
.chalet_foto img {float:left;border-color:#ffd511;margin-right:10px}

a:hover{
text-decoration:none;
text-decoration:underline;
}
a.email { text-decoration: underline; color: #fff; font-weight: normal;}

div#site{
	width:1280px;
	display:block;
	position:absolute;
	left:54%;
	margin:0 0 0 -700px;
}
body{
background-color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #FFFFFF;
letter-spacing: 0px;
padding:0;
margin:0;
overflow-x:hidden;
}



#headerContainer{ /*background: url(../img/foto_header.jpg) no-repeat center top;*/ }
	#header{ height:160px; width:830px; margin:auto; position:relative; z-index:1000}
		.logo{ position:absolute;top: 20px;left: -15px;}
		.slogan{position:absolute;top: 125px;right: 4px;}

	#menuContainer { height:42px; background: url(/img/menu.png) no-repeat center top; z-index:1001; position:absolute; width:1264px;}
	* html #menuContainer { background:url(../img/buttons/btns.png) 0 0 no-repeat; height:688px; width:33px;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../img/menu.png', sizingMethod='scale'); }
		#menu { width:830px; margin:auto; height:68px; z-index:1002}
		#menu ul { padding:0; margin:0; position:relative; }
		#menu ul li{ padding:0; margin:0; float:left; list-style:none; display:block; margin:0 5px; font-size:12px; padding:5px 0 7px 0;}	
		#menu ul li a{ color:#fff; text-decoration:none; padding-bottom:7px;}
		#menu ul li a:hover{ border-bottom:5px solid #fff;}	
		#menu ul li a.active{ border-bottom:5px solid #fff;}	
		#menu ul li a img{border: none;}
		#menu ul.submenu{clear:both;position:relative; float:left; width:100%}
		#menu ul.submenu li a{ color:#000; text-decoration:none; font-size:12px; font-weight:normal;  color:#000}
		#menu ul.submenu li { margin-top:-5px; padding-left:7px; padding-right:7px; font-size:10px;}
		#menu ul.submenu li.active a{ color:#999999;text-decoration:none}
		#menu ul.submenu li a:hover{ border-bottom:none; text-decoration:none}
	#topmenu, .right { z-index: 1003;}

		
.right{ float:right}
.left{ float:left}
.hide { display:none;}


/*TEKST*/

#container{
width: 830px;
margin: 0 auto;
margin-top: 95px;
}
#container_en{
width: 830px;
margin: 0 auto;
margin-top: 95px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1{
font-size: 155px;
color:#FFFF00;
font-weight: bold;
font-style:normal;!important

}
h2{
float:right;
width:210px;
text-align:right;
}

.nieuws_item h2 { float:none; text-align:left; width:590px; margin-bottom:0; margin-top: 20px}

span.text_cursief{
	font-style:italic;
}
p{
margin-top: 30px;
}

div#flash_fader, div#slideshow{
	position:absolute;
	z-index:1;
	height:193px;
	width:1264px;
	float:left;
}

div#content{
	border-right:#808080 solid 1px;
	float:left;
	width:575px;
	padding-right:20px;
	/*margin-left:20px;*/
	margin-top:-20px;
}
div#sidebar{
	border-left:#808080 solid 1px;
	padding:13px 0 0 20px;
	float:left;
	text-align:right;
	width:210px;
	margin-top:-20px;
}
span.text_groot{
	margin:0 0 0 30px;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
}
div#contact_content{
	width:830px;
	margin:auto;

}
div#contact_holder{
	margin-top:70px;
}

#contact_content #contact_holder {
	margin-top:10px;
}

div#contact_left{
	width:276px;
	float:left;
	height:130px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:37px;
	padding-top:25px;
	border-bottom:#333333 solid 1px;
}#contact_left_noBorder{width:276px;float:left;height:130px;padding-top:25px;margin-top:0px;padding-bottom:37px;}
div#contact_mid{
	width:245px;
	float:left;
		height:130px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:13px;
	padding-top: 49px;
		border-bottom:#333333 solid 1px;
}#contact_mid_noBorder{width:276px;float:left;height:130px;padding-top:25px;margin-top:0px;padding-bottom:37px;}
div#contact_right{
	float:left;
	width:276px;
		height:130px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 49px;
	padding-bottom:13px;
		border-bottom:#333333 solid 1px;
}#contact_right_noBorder{width:276px;float:left;height:130px;padding-top:25px;margin-top:0px;padding-bottom:37px;}

/*div#contact_leftright{
width:830px;
float:left;
padding-top:30px;
}
div#contact_left{
width:330px;
float:left;
}
div#contact_right{
width:500px;
float:left;
margin:30px 0 0 0;
}*/
div#content_spacer{
	clear:both;
	font-size:1px;
	height:100%;
	min-height:20px;
	margin:auto;
	width:830px;
	border-bottom:#808080 solid 1px;
}

div#footer_holder{
	height:32px;
	width:830px;
	text-align:left;
	margin:auto;
	padding:20px 0 20px 0;
}
a.overline_btn, a.overline_btn{
	color:#ffffff;
	float:left;
	text-decoration:underline;
	font-weight:normal;
	
}a.footer_btn:hover{text-decoration:none;}

.footer_logo, .footer_mansveld_logo, .footer_davinci_logo, .footer_led2go_logo, .footer_expo2go_logo {
	float:right;
}
a.footer_logo, a.footer_logo:hover, a.footer_mansveld_logo, a.footer_mansveld_logo:hover, a.footer_davinci_logo, a.footer_davinci_logo:hover,  a.footer_led2go_logo, a.footer_led2go_logo:hover, a.footer_expo2go_logo, a.footer_expo2go_logo:hover {
	display:block;
	height:33px;
	width:37px;
	margin-right:11px;
	background:url(../img/footer_logo.jpg) left top no-repeat;
}

a.footer_mansveld_logo, a.footer_mansveld_logo:hover
{
	width:92px;
	background:url(../img/footer_mansveld_logo.jpg) left top no-repeat;
	margin-right:0;
	margin-top:-4px;
}

a.footer_davinci_logo, a.footer_davinci_logo:hover
{
	width:51px;
	background:url(../img/footer_davinci_logo.gif) left top no-repeat;
	margin-top:-6px;
}

a.footer_led2go_logo, a.footer_led2go_logo:hover
{
	width:80px;
	background:url(../img/footer_led2go_logo.gif) left top no-repeat;
	margin-top:-4px;
}

a.footer_expo2go_logo, a.footer_expo2go_logo:hover
{
	width:95px;
	background:url(../img/footer_expo2go_logo.gif) left top no-repeat;
	margin-top:-4px;
}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px;
	width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 300px;
	margin: 0 auto;
	width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	/*z-index: 10000;*/
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	/*z-index: 10000;*/
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	/*z-index: 10001;*/
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

/* TOP MENU */
#menu #topmenu li {padding:0}
#menu #topmenu li span {margin:0}
#menu #topmenu li span a {background:url(/img/top_menu_tekst.png) no-repeat 0 0;display:block;height:33px}
#menu #topmenu li span a:hover {border-bottom:none}

#menu #langmenu li {padding:0;margin-left}
#menu #langmenu li span {margin:0}
#menu #langmenu li span a {background:url(/img/top_menu_tekst.png) no-repeat 0 0;display:block;height:33px;border-bottom:none}
#menu #langmenu li span a:hover {border-bottom:none}

#menu #topmenu li span.home a:hover, #menu #topmenu li span.home.active a {width:47px;background-position:0 0}
#menu #topmenu li span.mansveld a:hover, #menu #topmenu li span.mansveld.active a {width:122px;background-position:-57px 0}
#menu #topmenu li span.davinci a:hover, #menu #topmenu li span.davinci.active a {width:63px;background-position:-189px 0}
#menu #topmenu li span.led2go a:hover, #menu #topmenu li span.led2go.active a {width:59px;background-position:-262px 0}
#menu #topmenu li span.expo a:hover, #menu #topmenu li span.expo.active a {width:63px;background-position:-332px 0}
#menu #topmenu li span.portfolio a:hover, #menu #topmenu li span.portfolio.active a {width:64px;background-position:-405px 0}
#menu #topmenu li span.nieuws a:hover, #menu #topmenu li span.nieuws.active a {width:56px;background-position:-479px 0}
#menu #topmenu li span.formulieren a:hover, #menu #topmenu li span.formulieren.active a {width:84px;background-position:-902px 0}
#menu #topmenu li span.forms a:hover, #menu #topmenu li span.forms.active a {width:54px;background-position:-992px 0}
#menu #topmenu li span.vacatures a:hover, #menu #topmenu li span.vacatures.active a {width:70px;background-position:-543px 0}
#menu #topmenu li span.contact a:hover, #menu #topmenu li span.contact.active a {width:58px;background-position:-622px 0}
#menu #topmenu li span.news a:hover, #menu #topmenu li span.news.active a {width:46px;background-position:-771px 0}
#menu #topmenu li span.vacancies a:hover, #menu #topmenu li span.vacancies.active a {width:69px;background-position:-825px 0}

#menu #langmenu li span.lang_nl a:hover, #menu #langmenu li span.lang_nl.active a {width:13px;background-position:-705px 0}
#menu #langmenu li span.lang_en a:hover, #menu #langmenu li span.lang_en.active a {width:13px;background-position:-741px 0}

#menu #topmenu li span.home a {width:47px;background-position:0 -33px}
#menu #topmenu li span.mansveld a {width:122px;background-position:-57px -33px}
#menu #topmenu li span.davinci a {width:63px;background-position:-189px -33px}
#menu #topmenu li span.led2go a {width:59px;background-position:-262px -33px}
#menu #topmenu li span.expo a {width:63px;background-position:-332px -33px}
#menu #topmenu li span.portfolio a {width:64px;background-position:-405px -33px}
#menu #topmenu li span.nieuws a {width:56px;background-position:-479px -33px}
#menu #topmenu li span.formulieren a {width:84px;background-position:-902px -33px}
#menu #topmenu li span.forms a {width:54px;background-position:-992px -33px}
#menu #topmenu li span.vacatures a {width:70px;background-position:-543px -33px}
#menu #topmenu li span.contact a {width:58px;background-position:-622px -33px}
#menu #topmenu li span.news a {width:46px;background-position:-771px -33px}
#menu #topmenu li span.vacancies a {width:69px;background-position:-825px -33px}

#menu #langmenu li span.lang_nl a {width:13px;background-position:-705px -33px}
#menu #langmenu li span.lang_en a {width:13px;background-position:-741px -33px}

/* Defaults */
h1 {font-size:13px;color:#fff}
h1.adres {font-size:13px;color:#fff;margin-top:5px}
span.nowrap {white-space:nowrap}
p.tekst {margin-top:5px;margin-bottom:17px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;line-height:18px}
p.tekst span.text_groot {line-height:24px;font-size:19px;margin-left:35px;}
p.tekst.higher {line-height:24px}
.clear {clear:both;}

 li{
	/*list-style:none;
	background:url(../img/button_style.png) 0px 3px no-repeat;*/
	line-height: 15px;
	/*padding-left: 19px;
	margin-left: -19px;*/

}
/* Sidebar */
div#sidebar {float:left; margin-left:-1px;}
div#sidebar h1 {margin-right:-3px}
p.adres {margin-top:0;margin-bottom:28px}
h1.adres { margin:0; margin-bottom:3px; padding:0; height:20px; overflow: hidden;}

/* Menu */
#menu {width:837px;padding-left:0px}

/* Footer */
#footer a.footer_logo {margin-top:-7px}

h1.subtitle {margin-bottom:8px; padding:0;height:22px;overflow:hidden;}


a.linkje {line-height:30px}

/* SIFR SCREEN */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}
ul#topmenu li span {
	display:block; 
	font-size:16px;
	font-family: Arial;
	margin: 9px 0 0 0;
	cursor: pointer; 
}


ul#topmenu li span a:hover{
border-bottom:#FFFFFF thick solid;
}

ul#topmenu li span.home{
width:45px;
}
ul#topmenu li span.mansveld{
width:115px;
}
ul#topmenu li span.davinci{
width:61px;
}
ul#topmenu li span.led2go{
width:55px;}
ul#topmenu li span.expo{
width:60px;}
ul#topmenu li span.portfolio{
width:65px;}
ul#topmenu li span.nieuws{
width:55px;}
ul#topmenu li span.vacatures{
width:70px;}
ul#topmenu li span.contact{
width:65px;}

#footer_img { display: none; }
#tabcontent1 p, #tabcontent1 ul, div.nieuws_item ul { margin-top: 0; }

/* SOLCIAL MEDIA */
.sociallinks {
    float: right;
	margin-right: 25px;
}
.sociallinks img {
    border: none;
}
.socialText {
    display: block;
    float: left;
    margin-right: 8px;
    margin-top: 0;
}
.socialicon {
    margin-right: 4px;
}

.shareButtons { 
	clear: both;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	margin-top: 20px;
	padding: 10px 0;
}

.shareButtons .twitter { 
	float: right;
	clear: right;
}

*+html .shareButtons .twitter { 
	margin-top: -33px;
}

/* SIFR PRINT */
@media print{
	.sIFR-flash {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}
}