/****************************************************************************/
/*********************** CASCADING STYLE SHEET DYNASET **********************/
/****************************************************************************/

body {
	background:url(images/bg.png) #d0d0d0 repeat-x;
	font-family:"Arial";
	font-size:11px;
	color:#444444;
	margin:0;
}

/****************************************************************************/
/********************************* CONTAINER ********************************/
/****************************************************************************/

#container {
	position:relative;
	margin:0 auto;
	width:918px;
}

/****************************************************************************/
/*********************************** HEADER *********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	position:relative;
	height:138px;
	width:918px;
}

/****************************************************************************/
/************************************ LOGO **********************************/
/****************************************************************************/

#header h1 {
	text-indent:-6000px;
	padding:0;
	margin:0;
}

#header h1 a {
	display:block;
	height:85px;
	width:210px;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#header ul#menu {
	list-style-type:none;
	position:absolute;
	bottom:-2px;
	height:35px;
	width:881px;
	left:66px;
}

#header ul#menu li {
	position:relative;
	z-index:100;
	height:35px;
	float:left;
	padding:0;
	margin:0;
	background-color: #D6D6D6;
}

#header ul#menu li dl {
	position:absolute;
	padding-bottom:0;
	left:1px;
	top:0;
	width: 0px;
}

#header ul#menu li a, #menu li a:visited {
	text-decoration:none;
}

#header ul#menu li dd {
	display:none;
}

#header ul#menu li a:hover {
	border:0;
}

#header ul#menu li:hover dd,
#header ul#menu li a:hover dd {
	display:block;
}

#header ul#menu li:hover dl,
#header ul#menu li a:hover dl {
	padding-bottom:10px;
}

#header ul#menu table {
	border-collapse:collapse;
	margin:-1px;
	padding:0;
}

#header ul#menu dl {
	background:transparent;
	padding:0;
	margin:0;
}

#header ul#menu dt {
	font-weight:bold;
	padding:0;
	margin:0;
}

#header ul#menu dt a {
	display:block;
}

#header ul#menu dd {
	padding:0;
	margin:0;
}

#header ul#menu dt a,
#header ul#menu dt a:visited {
	display:block;
	color:#fff;
}

#header ul#menu dd a,
#header ul#menu dd a:visited {
	text-decoration:none;
	cursor:pointer;
	display:block;
	color:#333;
}

#header ul#menu li.welkom {
	width:79px;
}

#header ul#menu li.over {
	width:99px;
}

#header ul#menu li.diensten {
	width:121px;
}

#header ul#menu li.producten {
	width:80px;
}

#header ul#menu li.before_after {
	width:115px;
}

#header ul#menu li.realisaties {
	width:85px;
}

#header ul#menu li.klanten {
	width:85px;
}

#header ul#menu li.press {
	width:64px;
}

#header ul#menu li.contact {
	width:70px;
}

#header ul#menu li.route {
	width:72px;
}

#header ul#menu dt.welkom a {
	background:url(images/menu_welkom.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:79px;
}

#header ul#menu dt.over a {
	background:url(images/menu_over.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:99px;
}

#header ul#menu dt.diensten a {
	background:url(images/menu_diensten.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:174px;
}

#header ul#menu dt.producten a {
	background:url(images/menu_producten.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:80px;
}

#header ul#menu dt.before_after a {
	background:url(images/menu_before_after.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:115px;
}

#header ul#menu dt.realisaties a {
	background:url(images/menu_realisaties.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:85px;
}

#header ul#menu dt.klanten a {
	background:url(images/menu_klanten.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:85px;
}

#header ul#menu dt.press a {
	background:url(images/menu_press.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:64px;
}

#header ul#menu dt.contact a {
	background:url(images/menu_contact.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:75px;
}

#header ul#menu dt.route a {
	background:url(images/menu_route.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:72px;
}

#header ul#menu dd a {
	background:url(images/dropdown.png) no-repeat;
	padding:5px 0 0 25px;
	height:19px;
	width:150px;
}

#header ul#menu dd.onder a {
	background:url(images/dropdown_onder.png) no-repeat;
	height:24px;
}

#header ul#menu li:hover dt a,
#header ul#menu li.current dt a,
#header ul#menu a:hover dt a {
	background-position:left bottom;
}

#header ul#menu dd a:hover {
	background-position:left bottom;
	font-weight:bold;
	color:#ba342e;
}



#header ul#menu li.welkom-fr {
	width:79px;
}

#header ul#menu li.over-fr {
	width:99px;
}

#header ul#menu li.diensten-fr {
	width:121px;
}

#header ul#menu li.before_after-fr {
	width:115px;
}

#header ul#menu li.realisaties-fr {
	width:85px;
}

#header ul#menu li.klanten-fr {
	width:85px;
}

#header ul#menu li.welkom-en {
	width:79px;
}

#header ul#menu li.over-en {
	width:99px;
}

#header ul#menu li.diensten-en {
	width:121px;
}

#header ul#menu li.before_after-en {
	width:115px;
}

#header ul#menu li.realisaties-en {
	width:85px;
}

#header ul#menu li.klanten-en {
	width:85px;
}

#header ul#menu dt.welkom-fr a {
	background:url(images/menu_fr_welkom.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:79px;
}

#header ul#menu dt.over-fr a {
	background:url(images/menu_fr_over.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:99px;
}

#header ul#menu dt.diensten-fr a {
	background:url(images/menu_fr_onzediensten.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:174px;
}

#header ul#menu dt.before_after-fr a {
	background:url(images/menu_fr_before_after.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:115px;
}

#header ul#menu dt.realisaties-fr a {
	background:url(images/menu_fr_realisaties.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:85px;
}

#header ul#menu dt.klanten-fr a {
	background:url(images/menu_fr_klanten.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:85px;
}

#header ul#menu dt.welkom-en a {
	background:url(images/menu_en_welkom.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:79px;
}

#header ul#menu dt.over-en a {
	background:url(images/menu_en_over.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:99px;
}

#header ul#menu dt.diensten-en a {
	background:url(images/menu_en_diensten.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:174px;
}

#header ul#menu dt.before_after-en a {
	background:url(images/menu_before_after.png) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:115px;
}

#header ul#menu dt.realisaties-en a {
	background:url(images/menu_en_realisaties.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:85px;
}

#header ul#menu dt.klanten-en a {
	background:url(images/menu_en_klanten.jpg) no-repeat;
	text-indent:-6000px;
	height:35px;
	width:85px;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	background:url(images/body.png) no-repeat;
	padding:3px 0 0 3px;
	margin:0 0 6px 0;
	height:362px;
	width:915px;
}

/****************************************************************************/
/************************************ FOTO **********************************/
/****************************************************************************/

#body .foto {
	border-right:#ededee solid 10px;
	padding:0 2px 0 0;
	margin:0 40px 0 0;
	height:357px;
	width:352px;
	float:left;
}

/****************************************************************************/
/********************************** CONTENT *********************************/
/****************************************************************************/

#body .content {
	text-align:justify;
	padding:25px 0 0 0;
	line-height:22px;
	width:460px;
	float:left;
}

#body .content h1 {
	text-indent:-6000px;
	margin:0 0 17px 0;
	height:26px;
	padding:0;
	background-image: url(images/ttl-fr-klanten.jpg);
	width: 283px;
}

#body .content h1.over {
	background:url(images/ttl-overdyna.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.over-fr {
	background:url(images/ttl-fr-overdyna.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.over-en {
	background:url(images/ttl-en-overdyna.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.contact {
	background:url(images/ttl-contact.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.before-after {
	background:url(images/ttl-beforeafter.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.before-after-fr {
	background:url(images/ttl-fr-beforeafter.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.before-after-en {
	background:url(images/ttl-beforeafter.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.diensten {
	background:url(images/ttl-diensten.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.diensten-fr {
	background:url(images/ttl-fr-diensten.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.diensten-en {
	background:url(images/ttl-en-diensten.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.movie-project {
	background:url(images/ttl-movieproject.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.plafonds {
	background:url(images/ttl-plafonds.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.plafonds-fr {
	background:url(images/ttl-fr-plafonds.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.plafonds-en {
	background:url(images/ttl-en-plafonds.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.press {
	background:url(images/ttl-press.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.project-in-de-kijker {
	background:url(images/ttl-project.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.project-in-de-kijker-fr {
	background:url(images/ttl-fr-project.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.project-in-de-kijker-en {
	background:url(images/ttl-en-project.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.realisaties {
	width:283px;
	height:26px;
	background-image: url(images/ttl-realisaties.jpg);
	background-repeat: no-repeat;
}

#body .content h1.realisaties-fr {
	width:283px;
	height:26px;
	background-image: url(images/ttl-fr-realisaties.jpg);
	background-repeat: no-repeat;
}

#body .content h1.realisaties-en {
	width:283px;
	height:26px;
	background-image: url(images/ttl-en-realisaties.jpg);
	background-repeat: no-repeat;
}

#body .content h1.route {
	background:url(images/ttl-route.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.sanitair {
	background:url(images/ttl-sanitair.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.sanitair-fr {
	background:url(images/ttl-fr-sanitair.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.sanitair-en {
	background:url(images/ttl-en-sanitair.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schilderwerken {
	background:url(images/ttl-schilderwerken.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schilderwerken-fr {
	background:url(images/ttl-fr-schilderwerken.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schilderwerken-en {
	background:url(images/ttl-en-schilderwerken.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schrijnwerkerij {
	background:url(images/ttl-schrijnwerkerij.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schrijnwerkerij-fr {
	background:url(images/ttl-fr-schrijnwerkerij.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schrijnwerkerij-en {
	background:url(images/ttl-en-schrijnwerkerij.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.sleutel-op-de-deur {
	background:url(images/ttl-sleutelopdedeur.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.sleutel-op-de-deur-fr {
	background:url(images/ttl-fr-sleutelopdedeur.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.sleutel-op-de-deur-en {
	background:url(images/ttl-en-sleutelopdedeur.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schoonmaak {
	background:url(images/ttl-schoonmaak.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schoonmaak-fr {
	background:url(images/ttl-fr-schoonmaak.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.schoonmaak-en {
	background:url(images/ttl-en-schoonmaak.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.hvac {
	background:url(images/ttl-hvac.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.hvac-fr {
	background:url(images/ttl-fr-hvac.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.hvac-en {
	background:url(images/ttl-en-hvac.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.elektriciteitdata {
	background:url(images/ttl-elektriciteit.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.elektriciteitdata-fr {
	background:url(images/ttl-fr-elektriciteit.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.elektriciteitdata-en {
	background:url(images/ttl-en-elektriciteit.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.vloeren {
	background:url(images/ttl-vloeren.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.vloeren-fr {
	background:url(images/ttl-fr-vloeren.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.vloeren-en {
	background:url(images/ttl-en-vloeren.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.wanden {
	background:url(images/ttl-wanden.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.wanden-fr {
	background:url(images/ttl-fr-wanden.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.wanden-en {
	background:url(images/ttl-en-wanden.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content h1.welkom {
	background:url(images/ttl-welkom.jpg) no-repeat;
	width:283px;
	height:26px;
}

#body .content p {
	margin-bottom:20px;
}

#body .content ul {
	list-style-type: square;
}

#body .content .meer {
	border-top:#c9c9c9 dotted 1px;
	text-align:right;
	width:460px;
}

#body .content .meer a {
	background:url(images/dot.png) 0 6px no-repeat;
	padding:0 5px 0 10px;
	text-decoration:none;
	color:#333333;
}

/****************************************************************************/
/********************************* ONDERVAK NL ******************************/
/****************************************************************************/

#ondervak {
	background:url(images/ondervak.png) no-repeat;
	padding:20px 12px 0 12px;
	margin:0 0 20px 0;
	height:178px;	
	width:894px;
}

#ondervak .box {
	padding:47px 0 0 0;
	text-align:center;
	height:115px;
	width:282px;
}

#ondervak .box.project_kijker {
	background:url(images/project_kijker.png) no-repeat;
	float:left;
}

#ondervak .box.movie_project {
	background:url(images/movie_project.png) no-repeat;
	float:right;
}

#ondervak .tevreden {
	margin:20px 0 0 30px;
	height:125px;
	width:264px;
	float:left;
}

#ondervak .box.project_kijker_fr {
	background:url(images/fr_project_kijker.jpg) no-repeat;
	float:left;
}

#ondervak .box.movie_project_fr {
	background:url(images/movie_project.png) no-repeat;
	float:right;
}

#ondervak .box.project_kijker_en {
	background:url(images/en_project_kijker.jpg) no-repeat;
	float:left;
}

#ondervak .box.movie_project_en {
	background:url(images/movie_project.png) no-repeat;
	float:right;
}


/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/

#footer {
	border-top:#c9c9c9 solid 1px;
	padding:14px 10px 0 0;
	height:26px;
	width:907px;
}

#footer ul {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}

#footer ul li {
	background:url(images/dot.png) 0 6px no-repeat;
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	color:#676767;
	float:left;
}

#footer ul li b {
	color:#be352f;
}

#footer ul li a {
	text-decoration:none;
	color:#676767;
}

#footer span {
	float:right;
}

#footer span a {
	text-decoration:none;
	font-weight:bold;
	color:#be352f;
}

/****************************************************************************/
/********************************* TAALKEUZE ********************************/
/****************************************************************************/

.taal {
	background:url(images/taalkeuze.png) no-repeat;
	position:absolute;
	z-index:100;
	height:38px;
	width:163px;
	right:0;
	top:45px;
}

.taal ul {
	list-style-type:none;
	padding:0;
}

.taal li {
	position:relative;
	float:left;
}

.taal ul ul {
	visibility:hidden;
	position:absolute;
	padding:0;
	margin:0;
	height:0;
	top:28px;
	left:0;
}

.taal a,
.taal a:visited {
	text-decoration:none;
	font-weight:normal;
	display:block;
	color:#646464;
	width:163px;
}

.taal table {
	border-collapse:collapse;
	position:absolute;
	left:0;
	top:0;
}

.taal a:hover,
.taal ul ul a:hover{
	font-weight:bold;
	color:#646464;
}

.taal ul li:hover ul,
.taal ul a:hover ul{
	visibility:visible;
}

.taal ul .nl a,
.taal ul .nl a:hover {
	background:url(images/taal_d_nl.png) no-repeat;
	padding:3px 0 0 45px;
	height:15px;
}

.taal ul .fr a,
.taal ul .fr a:hover {
	background:url(images/taal_d_fr.png) no-repeat;
	padding:3px 0 0 45px;
	height:15px;
}

.taal ul .en a,
.taal ul .en a:hover {
	background:url(images/taal_d_en.png) no-repeat;
	padding:3px 0 0 45px;
	height:32px;
}

ul#nl .top {
	background:url(images/taal_nl.png) top left no-repeat;
	padding:7px 0 0 45px;
	height:21px;
	width:128px;
}

ul#nl .top:hover {
	background-position:left bottom;	
}

ul#fr .top {
	background:url(images/taal_fr.png) top left no-repeat;
	padding:7px 0 0 45px;
	height:21px;
	width:128px;
}

ul#fr .top:hover {
	background-position:left bottom;	
}

ul#en .top {
	background:url(images/taal_en.png) top left no-repeat;
	padding:7px 0 0 45px;
	height:21px;
	width:128px;
}

ul#en .top:hover {
	background-position:left bottom;	
}

/****************************************************************************/
/*********************************** OVERIG *********************************/
/****************************************************************************/

.clear {
	clear:both;
}

a.contact:link, a.contact:visited 
{
	text-decoration:underline;
	color: #1D77AB;
}

a.contact:hover
{
	text-decoration:none;
	color: #055A8C;
}

a.actief:link, a.actief:visited 
{
	text-decoration:underline;
	color: #be352f;
}

a.actief:hover
{
	text-decoration:none;
	color: #be352f;
}

.formulier 
{
	background: #FAFAFA;
	border: solid 1px #a4a39f;
	color: #111111;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

img
{
	border: none;
}

ul#fotos{
   list-style-type: none;
   margin-top: 0;
	padding-left: 0;
	margin-left: 0;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }