@charset "utf-8";
* {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

html { height: 100% }

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
img {
	border: none;
}
h2 {
	font: bold 15px arial,sans-serif;}
h3 {
	font: 30px helvetica,arial,sans-serif;
	color: #a9a9a9;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: bolder;
	line-height: 30px;
	
	}
div#Container {
	width: 995px;
	margin-left: auto;
	margin-right: auto;
	/*position: relative;*/
	height: auto;
	overflow: hidden;
}

div#Header {
	height: 51px;
	padding-bottom: 10px;
}
div#Header div.image {
	height: 51px;
}
div#Header div#Logo {
	width: auto;
	height: 44px;
	float: left;
	padding-top: 10px;
}
div#Searchadvanced img{
	float: right;
}
div#Header div#Search {
	/* width: 323px; */
	height: 33px;
	float: right;
}
div#Header div#Search div.searchfield{
	float: left;
	width: 164px;
	height: 33px;
	background-image:url(../images/searchfield_input.jpg);
	background-repeat: no-repeat;
}
div#Header div#Search div.searchfield div.searchform{
	float: left;
	padding-left: 4px;
	width: 20px;
}
div#Header div#Search div.searchfield div.searchform input{
	border: none;
	background: none;
	margin-top: 8px;	
}
div#Header div#Search div.searchfield div.submit{
	float: right;
	padding-right: 2px;
}
div#Header div#Search div.searchfieldtekst{
	float: left;
	width: 180px;
	height: 33px;
	background-image: url(../images/searchfield_tekst.jpg);
	padding-top: 10px;
}
div#Header div#Search div.searchfieldtekst ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#Header div#Search div.searchfieldtekst ul li {
	width: auto;
	float: left;
	border-right: 1px solid;
	border-right-color: #333333;
}

div#Header div#Search div.searchfieldtekst a {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

div#Header div#Search div.searchfieldtekst a {
	float: left;
	padding-left: 7px;
	padding-right: 7px;
	border-right: none;
}
div#Header div#webmaster {
	position: relative;
	top: 35px;
	left: 578px;
	font-size: 10px;
    width: 400px;
    text-align: left;

}
div#Header div#webmaster a{
	font-size: 10px;
	color: #000000;
}

div#Navigation {
	height: 33px;
	font-size: 12px;
}
div#Navigation ul{
	margin: 0px;
	padding-left: 0px;

}
div#Navigation ul li{
	list-style:none;
	float: left;
}
div#Navigation ul li.active{
	font-weight: bold;
}
div#Navigation ul li.lastChild a{
	background-image: none;
	
}
div#Navigation ul li.firstChild a{
	padding-left: inherit;

}
div#Navigation a {
	color: #333333;
	float: left;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(../images/bordersubnav.gif);
	background-position: right;
	background-repeat: no-repeat;
}
div#Navigation a:hover {
	font-weight: bold;
}

div#Navigation div.submenuContainer{
	margin: 0px;
	padding-left: 42px;
	padding-top: 16px;
}
div#Navigation div.submenuContainer ul.submenu li.lastChild a {
	background: none;
}
div#Navigation div.submenuContainer ul.submenu a {
	float: left;
	font-size: 11px;
	padding-right: 5px;
	background-image: url(../images/bordersubnav.gif);
	background-position: right;
	background-repeat: no-repeat;
}
div#Navigation div.submenuContainer ul.submenu a:hover {
	text-decoration: none
}
div#Navigation div.submenuContainer ul.submenu {
	margin: 0px;
	padding-left: 0px;
}
div#Navigation div.submenuContainer ul.submenu li {
}
div#Navigation div.submenuContainer ul.submenu li.active {
	font-weight: bold;
}
div#Searchresults{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold; 
}
div#BannersLinks, div#BannersLinksIndex  {
	float: left;
	/*height: auto;*/
	width: 254px;
	overflow: hidden;
}
div#BannersLinksIndex img{
	padding-top: 5px;
}
div#advancedsearch {
	width: 210px;
	padding-top: 20px;
	float: left;
	

}
div#lightboxtekst{
	width: 440px;
    padding: 40px;
}

div#advancedsearch div.searchform {
	background-image: url(../images/back_player_small.jpg);
	background-position: left;
	background-repeat: no-repeat;
	height: 33px;
	width: 165px;
}
div#advancedsearch div.searchform input{
	margin-left: 35px;
	margin-top: 8px;
	padding-left: 5px;
	border: none;
	background: none;

}
div#advancedsearch div.Searchsmallbutton {
}
div#advancedsearch div#searchfieldsmall div.submit{
	float: left;

}
div#advancedsearch div.checkbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
	float: left;
	margin: 0px;
	height: auto;
	padding-top: 10px;
}
div#advancedsearch div.checkbox input{
	margin-right: 10px;
	margin-top: 0px;
	vertical-align: middle;
}
div#advancedsearch div#searchfieldsmall {
	width: 210px;
	height: 33px;
	float: left;
	padding-top: 6px;
}
div#advancedsearch div#searchfieldsmall div.searchform{
	float:left;

}
div#advancedsearch div#searchfieldsmall div.searchform input{
	border: none;
	background: none;	

}
div#FlashplayerGroot {
	float: left;
	height: auto;
	width: 254px;

}
div#FlashplayerGroot div.referenties{
	position: absolute;
	margin-left: 33px;
	margin-top: 344px;
	/*float: left;*/
}
div#RechterKolom {
	float: right;
	height: auto;
	width: 254px;
}
div#RechterKolom .banner2 img{
	padding-bottom: 6px;
}
div#RechterKolom .banner{
	padding-top: 10px;
}
div#RechterKolom img{
	padding-top: 10px;
}
div#RechterKolomHotels, div#RechterKolomDuurzaam {
	float: right;
	height: auto;
	width: 254px;
}
div#RechterKolomHotels img{
	padding-bottom: 10px;
}
div#RechterKolomDuurzaam img{
	padding-bottom: 10px;
}
div#BannersCase {
	float: right;
	height: 337px;
	width: 254px;
}
div#BannersLinks img{
	padding-top: 10px;
}
div#BannerTop{
	float: left;
	height: auto;
	width: auto;
}
div#SubmenuNavigatie {
	float: left;
	height: auto;
	width: 130px;
	padding-top: 10px;
	display: block; 
    font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
	 
}

	div#SubmenuNavigatie ul{
		 list-style: none;
		 padding: 0px;
		 margin: 0px;
	}
	
		div#SubmenuNavigatie ul li {
		    padding-left: 13px;
			*padding-left: 0px;
			padding-bottom: 5px;

		}
		
			div#SubmenuNavigatie ul li a {
			     display: block;
				 font-family: verdana, Helvetica, Arial, sans-serif;
				 font-size: 11px;
				 color: #000000;
				 text-decoration: none;
				 list-style: none;
				 margin-left: -13px;
                *margin-left: 0px;
            }

			div#SubmenuNavigatie ul li.active a,
			div#SubmenuNavigatie ul li a:hover {
			     background-image: url(../images/arrow_1.gif);
			     background-position: left 4px;
                 background-repeat: no-repeat;
				 font-weight: bold;
				 padding-left: 13px;
			}

/*----------------------------------------------- subnavigatie headlines -----------------------------*/

div#SubmenuNavigatieheadlines {
	float: left;
	/*height: auto;*/
	width: 254px;
	overflow: hidden;
	padding-top: 10px;
	display: block; 
    font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
	 
}
div#SubmenuNavigatieheadlines ul{
	 list-style: none;
	 padding: 0px;
	 margin: 0px;

}
div#SubmenuNavigatieheadlines ul li a{
	 font-family: verdana, Helvetica, Arial, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
	 padding-left: 13px;
	 list-style: none;
}
div#SubmenuNavigatieheadlines ul li a:hover{
	 font-family: verdana, Helvetica, Arial, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
	 background-image:url(../images/arrow_1.gif);
	 background-position: left;
	 background-repeat: no-repeat;
	 font-weight: bold;
	 padding-left: 13px;
}
div#SubmenuNavigatieheadlines ul li.active{
	 font-family: verdana, Helvetica, Arial, sans-serif;
	 font-size: 11px;
	 color: #000000;
	 text-decoration: none;
	 background-image:url(../images/arrow_1.gif);
	 background-position: left;
	 background-repeat: no-repeat;
	 font-weight: bold;
}
/*----------------------------------------------- subnavigatie Focus -----------------------------*/
div#SubmenuNavigatieFocus {
	float: left;
	height: auto;
	width: 234px; /*254*/
	height: 261px; /*271*/
	display: block; 
    font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
	padding: 10px 10px 0px 10px;
	background-image: url(/client/slavenburg/images/Background_SubmenuNavigatieFocus.jpg);
	background-repeat: no-repeat;
}

	div#SubmenuNavigatieFocus ul{
		 list-style: none;
		 padding: 0px;
		 margin: 0px;
	}
	
		div#SubmenuNavigatieFocus ul li img {
			padding-bottom: 10px;
		}
			div#SubmenuNavigatieFocus ul li a {
			     display: block;
				 font-family: verdana, Helvetica, Arial, sans-serif;
				 font-size: 11px;
				 color: #000000;
				 text-decoration: none;
				 list-style: none;
                 margin-left: 0px;
            }

			div#SubmenuNavigatieFocus ul li.active a,
			div#SubmenuNavigatieFocus ul li a:hover {

			}

	div#SubmenuNavigatieFocus ul li ul{
		 padding-bottom: 8px;
		 margin: 0px;
	}
	
		div#SubmenuNavigatieFocus ul li ul li {
				padding-left: 13px;
				margin-left: 32px;
				padding-bottom: 0px;
				text-transform: none;
				font-weight: normal;
				background-image: url(../images/arrow_1.gif);
			    background-position: left 4px;
                background-repeat: no-repeat;
		}
			div#SubmenuNavigatieFocus ul li ul li a {
				background-image: none;
				font-weight: normal;
				margin-left: 0px;
				padding-bottom: 5px;
            } 
			
			div#SubmenuNavigatieFocus ul li.active ul li a {

            }
			
			div#SubmenuNavigatieFocus ul li ul li.itemActive a,
			div#SubmenuNavigatieFocus ul li ul li a:hover {
				font-weight: bold;
			}	
			
			div#SubmenuNavigatieFocus ul li.active ul li.itemActive a,
			div#SubmenuNavigatieFocus ul li.active ul li a:hover {
				font-weight: bold;
				margin-left: 0px;
			}			
/*-----------------------------------------------------------------------------------------------*/			
div#Player{
	height: auto;
	float: left;
}

div#Player div.Topmenuplayer{
	float:right;
}
div#Player div.imageplayer{
	float: left;
	width: 507px;
}
div#Content {
	float: left;
	height: 271px;
	width: 442px;
	padding-top: 10px;
	padding-left: 22px;
	padding-right: 22px;
	display: block;
	position: relative;
}
div#ContentMissieScroll div.scrollsitemap{
	overflow: scroll;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px; 

}
div#ContentMissieScroll{
	float: left;
	height: 271px;
	width: 570px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 19px;
	/*display: block;*/
}
div#ContentMissieScroll ul{
	margin: 0px;
}
div#ContentMissieScroll img{
	margin: 0px;
	padding-bottom: 10px;

}
div#ContentScrollFocus ul, ContentMissieScroll ul, div#ContentMissieScroll div.scrollsitemap ul{
	color: #000;
	padding: 10px;
	margin: 10px;

}
div#ContentScrollFocus a, ContentMissieScroll a, div#ContentMissieScroll div.scrollsitemap a{
	color: #333333;

}
   div#ContentMissieScroll div.missiecontent{
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
	text-align: justify;

}

  div#ContentMissieScroll div#textModule {
  	text-align: justify;
	width: 520px;
  }

  div#ContentMissieScroll div.nummers {
  	float: right;
  	margin-right: 22px;
  }


   div#ContentMissieScroll div.missiecontent p{
	margin: 0px;
}
div#ContentMissie{
	float: left;
	height: 271px;
	width: 570px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 19px;
	/*display: block;*/
}
div#ContentMissie ul{
	margin: 0px;
}
div#ContentMissie img{
	margin: 0px;
	/*width: auto;
	clear: both;*/
	padding-bottom: 10px;

}
div#ContentMissie div.scrollsitemap{
	/*overflow: scroll;*/
	height: 271px;
	width: 100%;
	/*overflow-y: auto;
	overflow-x: hidden;*/

}
div#Content div.scrollsitemap img{
	padding-bottom: 0px;

}
div#ContentMissie div.scrollsitemap ul{
	color: #000;
	padding: 10px;
	margin: 10px;

}
div#ContentMissie div.scrollsitemap a{
	color: #333333;

}
   div#ContentMissie div.missiecontent{
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
	text-align: justify;

}

  div#ContentMissie div#textModule {
  	text-align: justify;
	width: 520px;
  }

  div#ContentMissie div.nummers {
  	float: right;
  	margin-right: 22px;
  }


   div#ContentMissie div.missiecontent p{
	margin: 0px;
}
  div#Content div.nieuws{
	float: left;
	height: auto;
	width: 442px;
	border-bottom: 1px solid #e1e1e1;
	width: 442px;
 }
   div#Content div.nieuwscontent{
	float: left;
	height: auto;
	width: auto;
	text-align: justify;
	border-bottom: 1px solid #e1e1e1;
 }
    div#Content div.nieuwscontentvolledig{
	float: left;
	height: 250px;
	width: 442px;
	/*overflow-x: hidden;
	overflow-y: auto;*/
	text-align: justify;
	border-top: 1px solid #E1E1E1;
	margin: 0px;
	padding: 0px;
 }
    div#Content div.nieuwscontentvolledig h1 {
    	background-image: none;
		
    }
    div#Content div.nieuwscontentvolledig p{
	width: 415px;
			
 }
 
/*-----------------------------------------------------------------------------------------------*/

div#ContentScrollFocus div.scrollsitemap{
	overflow: scroll;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px; 

}
div#ContentScrollFocus{
	float: left;
	height: 271px;
	width: 442px;
	padding-top: 10px;
	padding-left: 22px;
	padding-right: 12px;
	position: relative;
}
div#ContentScrollFocus ul{
	margin: 0px;
}
div#ContentScrollFocus img{
	margin: 0px;
	padding-bottom: 0px; /* 10 */

}
div#ContentScrollFocus div.scrollsitemap ul{
	color: #000;
	padding: 10px;
	margin: 10px;

}
div#ContentScrollFocus div.scrollsitemap a{
	color: #333333;

}
   div#ContentScrollFocus div.missiecontent{
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
	text-align: justify;

}

	.popupContainer {
		position: relative;
	}
	
		.popupContainer .popup_image {
			float: left;
			padding-right: 10px;
		}
		
		.popupContainer .popup_text {
			position: absolute;
			top: 117px;
			left: 0px;
			background-color: #FFFFFF;
			border: solid 1px #CCCCCC;
			padding: 10px;
			height: 58px;
			width: 398px;
			display: none;
			/*visibility: hidden;*/
		}
		
		.popupContainer .popup_text .close {
			float: right;
		}
		
		.popup_link {
			position: absolute;
			top: 42px;
			left: 22px;
			background-color: #FFFFFF;
			border: solid 1px #CCCCCC;
			padding: 10px;
			width: 422px;
			display: none;
			/*visibility: hidden;*/
		}
		
		.popup_link .close {
			float: right;
		}
		
.greenCalc_image {
			float: left;
			padding: 0px;
		}

  div#ContentScrollFocus div#textModule {
  	text-align: justify;
	width: 520px;
  }

  div#ContentScrollFocus div.nummers {
  	float: right;
  	margin-right: 22px;
  }


   div#ContentScrollFocus div.missiecontent p{
	margin: 0px;
}



/*-----------------------------------------------------------------------------------------------*/
 
 div#hotels{
	float: left;
	width: 995px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	margin-top: 0px;
	padding-left: 30px;
	padding-top: 0px;

}
 div#hotels ul{
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
 div#hotels ul li{
	float: left;
	list-style: none;
	margin: 0px;
	padding-right: 10px;
}
 div#hotels a{
	padding-top: 20px;
	padding-right: 10px;
	margin: 0px;
}
 div#hotels a:hover{
	padding-top: 20px;
	padding-right: 10px;
	margin: 0px;
}
div#Content div.titel{
	float: left;
	width: 442px;
	padding-top: 5px;
	margin-top: 5px;

 }

div#Content div.searchResults ul {
	clear: both;
	padding-top: 10px;
}

div#Content div.searchResults h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold; 
	margin: 0px;
}
div#Content div.searchResults a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold; 
	margin-top: 5px;
	color: #000000;
}
div#Content div.laatstenieuws{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	width: 300px;
 }
   div#Content h1{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	padding-right: 10px;
	background-image: url(../images/bordernews.gif);
	background-position: right;
	background-repeat: no-repeat;
	margin: 0px;
}
    div#Content p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 442px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin: 0px;
	float: left;
 }
    div#Content p a{
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	background-image: url(../images/arrow_2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
 }
   div#Content div.datum {
	float: left;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	padding-left: 10px;
 }
    div#Content div.datumvolledig {
	float: left;
	height: auto;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	 }
    div#Content div.print{
	float: right;
	height: auto;
	border-left: 1px solid #e1e1e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
 }
 div#Content div.print a{
	font-size: 10px;
	color: #999999;
	text-decoration:none;
 }

  div#Content div.nummers {
	height: 10px;
	width: auto;
	position: absolute;
	right: 22px;
	bottom: 0px;
	text-align: right;
	
 }

    div.nummers div {
		float: left;
	}
    div.nummers a{
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 7px;
	color: #000000;
	text-decoration: none;
 }
    div.nummers a:hover, div.nummers a:active{
	text-decoration: underline;
 }
div#Footer {
	width: auto;
	float: left;
	list-style: none;
	text-decoration: none;
	padding-top: 0px;
	width: 995px;
	margin-left: auto;
	margin-right: auto;
}
div#Footer ul{
	float: left;
	list-style: none;
	text-decoration: none;
	padding-right: 8px;
	margin-right: 8px;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}
div#Footer a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	text-decoration: none;
	color: #000000;
	background-image: url(../images/bordersubnav.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 5px;
	margin-right: 5px;

}
div#Footer ul li{
	float: left;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;	
}
div#Footer ul li.lastChild {
	background-image: none;
}
div#Footer img {
	float: right;
}

div#textModule-loader {
	display: none;
	position: absolute;
	top: 120px;
	left: 30px;
	width: 442px;
	height: 30px;
	text-align: center;
}

/* Case tool */

#casePlayer {
	position: absolute;
	background-image: url(/client/slavenburg/images/back_player.jpg);
	background-repeat: no-repeat;
	width: 717px;
	height: 336px;
}
#contentViewers {
	width: 480px;
	height: 285px;
}
div#photoViewer, div#videoViewer, div#caseFacts, div#contactForm {
	position: absolute;
	width: 480px;
	height: 285px;
	top: 45px;
	left: 20px;
}

div#videoViewer {
    top: -5px;
    left: 32px;
	width: 666px;
	height: 336px;
}
div#caseFacts {
	padding-left: 12px;
	width: 450px;
	overflow: auto;
	height: 280px;
}

div#contactForm img {
	float: left;
	margin-right: 50px;
	padding-left: 10px;
}
div#contactForm div.contactInformation {
	float: left;
	margin-top: 60px;
	padding-left: 16px;
}
div#contactForm div.contactInformation div.labeledRow {
	clear: both;
    height: 15px;
}
div#contactForm div.contactInformation label {
	float: left;
	width: 80px;
	font-weight: bold;
}
div#contactForm iframe {
	margin-top: 20px;
	background-color: transparent;
	border: none;
    width: 470px;
    height: 240px;
    padding-left: 10px;
}
div#videoViewer, div#photoViewer, div#contactForm {
	display: none;
}
#casePlayer div#caseSubmenu {
	position: absolute;
	left: 507px;
	top: 0px;
	width: 210px;
	height: 156px;
	padding: 0;
	padding-top: 10px;
	margin: 0;
	z-index: 10;
}
#casePlayer ul.menu li {
	padding-left: 20px;
}
#casePlayer img.header {
	position: relative;
	top: 11px;
	left: 33px;
}

form#form188 tr.formRow,
form#form487 tr.formRow {
	height: 2em;
}

form#form188 td.formColumnLeft,
form#form487 td.formColumnLeft {
	vertical-align: top;
	padding-top: 4px;
	
}

form#form188 td.formColumnLeft,
form#form487 td.formColumnLeft {
	width: 150px;

}

form#form188 td.formColumnRight input.elementText,
form#form487 td.formColumnRight input.elementText {
	width: 200px;
}

form#form487 td.formColumnSubmit input#submitSend {
	float: right;
	background: url(../images/button_download.gif) right no-repeat;
	border-style: none;
	cursor: pointer;
	height: 32px;
	width:112px;
}

/**
 * Search
<div xmlns:php="http://php.net/xsl" class="accuracyOuterBar">
<div class="accuracyText">100%</div>
<div class="accuracyInnerBar" style="width: 100%"></div>
</div>
 
 */

div.accuracyOuterBar {
	float: right;
	width: 70px;
	border: 1px solid #666666;
	margin-top: 3px;
	height: 10px;
}

	div.accuracyOuterBar div {
		height: 10px;
		line-height: 10px;
	}

	div.accuracyOuterBar div.accuracyText {
		position: absolute;
		font-size: 10px;
		text-align: center;
		width: 70px;
		text-align: center;
		_margin-top: 2px;
		color: #333333;
	}

	div.accuracyOuterBar div.accuracyInnerBar {
		background-color: #c8c8c8;
	}
		
/* Print preview */


div#printContent {
	padding: 10px;
	overflow: auto;
	height: 580px;
}

div#printContent div.print, div#printContent div.pback, div#printContent div.laatstenieuws, div#printContent div.datumvolledig {
	display: none;
}
div#printContent div.print, div#printContent div.pback p{
	width: 100%;
}

div#printContent h1 {
	font-size: 14px;
}

/**
 * Filter referentieprojecten
 */

form#form268 {
    position: absolute;
}

	form#form268 tr {
	    display: block;
	    position: absolute;
		margin-top: 45px;
	}

    form#form268 td {
	    display: block;
        position: absolute;
        *display: table-cell;
        *position: relative;
	}

    /* Submit button */

	form#form268 td.formColumnSubmit {
	    visibility: hidden;
	    display: none;
	}
	
	/* Veld: product */
	
	form#form268 tr#cms_cm268__form__product_row td.formColumnLeft {
	    width: 30px;	    
	}

    form#form268 tr#cms_cm268__form__product_row td.formColumnRight {
        padding-left: 30px;
		position: absolute;
        width: 250px;
        display: block;
	}
 
    /* Velden: project, opdrachtgever, huidige gebruiker en architect */
 
	form#form268 tr#cms_cm268__form__project_row,
	form#form268 tr#cms_cm268__form__contractor_row,
	form#form268 tr#cms_cm268__form__user_row,
	form#form268 tr#cms_cm268__form__architect_row {
	    margin-left: 300px;
	}
	
	form#form268 tr#cms_cm268__form__project_row td.formColumnLeft,
	form#form268 tr#cms_cm268__form__contractor_row td.formColumnLeft,
	form#form268 tr#cms_cm268__form__user_row td.formColumnLeft,
	form#form268 tr#cms_cm268__form__architect_row td.formColumnLeft {
	    width: 100px;
	    
	}
	
    form#form268 tr#cms_cm268__form__project_row td.formColumnRight,
    form#form268 tr#cms_cm268__form__contractor_row td.formColumnRight,
    form#form268 tr#cms_cm268__form__user_row td.formColumnRight,
    form#form268 tr#cms_cm268__form__architect_row td.formColumnRight {
        margin-left: 120px;
    }

    form#form268 tr#cms_cm268__form__contractor_row {
        margin-top: 68px;
    }
    
    form#form268 tr#cms_cm268__form__user_row {
        margin-top: 91px;
    }
    
    form#form268 tr#cms_cm268__form__architect_row {
        margin-top: 113px;
    }
	
    form#form268 select#cms_cm268__form__project,
    form#form268 select#cms_cm268__form__contractor,
    form#form268 select#cms_cm268__form__user,
	form#form268 select#cms_cm268__form__architect {
        width: 250px;
    }
	
	/* Velden: oppervlakte, plaats en regio */
	
	form#form268 tr#cms_cm268__form__surfaceArea_row,
	form#form268 tr#cms_cm268__form__city_row,
	form#form268 tr#cms_cm268__form__region_row {
	    margin-left: 690px;
	}
	
	form#form268 tr#cms_cm268__form__surfaceArea_row td.formColumnLeft,
	form#form268 tr#cms_cm268__form__city_row td.formColumnLeft,
	form#form268 tr#cms_cm268__form__region_row td.formColumnLeft {
	    width: 110px;
	
	}
	
	form#form268 tr#cms_cm268__form__surfaceArea_row td.formColumnRight,
    form#form268 tr#cms_cm268__form__city_row td.formColumnRight,
    form#form268 tr#cms_cm268__form__region_row td.formColumnRight {
        margin-left: 110px;
    }
	
    form#form268 tr#cms_cm268__form__city_row {
        
        margin-top: 68px;
    }
    
    form#form268 tr#cms_cm268__form__region_row {
        margin-top: 91px;
    }

    form#form268 select#cms_cm268__form__surfaceArea,
    form#form268 select#cms_cm268__form__city,
    form#form268 select#cms_cm268__form__region {
        width: 170px;
    }

/**
 * Referentieprojecten
 */

div.Referenties {
   height: auto !important;
   width: 994px !important;
   padding-left: 0px;
   padding-right: 0px;
   overflow: hidden;
}

div.database {
    background-image: url(/client/slavenburg/images/bg_database.jpg);
    background-repeat: no-repeat; 
    height: 186px;
    width:  994px;
    padding-bottom: 20px;
}

	div.database .left {
	    padding-left: 30px;
	    padding-bottom: 8px;
	    padding-top: 5px;
	}
	
	div.database a#submitButton {
        position: absolute;
		margin-left: 820px;
		margin-top: 85px;
	}
	

div.titelzoekdata {
    padding-bottom: 10px;
    padding-left: 15px;
}

a.dataresultaat {
    display: block;
	color: #000;
	text-decoration: none;
    width: 450px;
    border-top: 1px solid #CCCCCC;
    padding-bottom: 20px;
	padding-left: 5px;
    float: left;
    margin-left: 15px;
	cursor: pointer;
	clear: right;
}

    a.dataresultaat:hover {
        background-color: #f4f4f4;
	}

	a.dataresultaat img {
	    float: left;
	    padding-top: 8px;
	    padding-right: 15px;
	}
	
	a.dataresultaat .tabel {
	    padding-top: 5px;
		height: 110px;
		*height: 135px;
	    width: 340px;
	}

div.noResults {
    padding: 5px 15px 15px;;
}

div.popup {
    height: 400px;
    width: 600px;
    padding-left: 20px;
    padding-top: 15px;
}

	div.popup div.fotos {
	    float: left;
	}
	
		div.popup div.fotos img {
		    padding-right: 3px;
		}
	
	div.popup div.sluitvenster {
	    height: 218px;
	}
	
		div.popup div.sluitvenster img {
		    padding-left: 20px;
		}
	
	div.popup div.popuptitel {
	    clear: both;
	    padding-top: 15px;
	    padding-bottom: 5px;
		font-weight: bold;
		font-size: 16px;
		letter-spacing: -1px;
		color: #4E2020;
	}
	
	div.popup div.tabel {
	    border-top: 1px solid #CCCCCC;
	    width: 590px;
	    padding-top: 5px;
	}
	
div.cleaner {
    clear: both;
	font-size: 1px;
	height: 1px;
}

/**
 * Informatie aanvraagformulier
 */

form#form291 table {
    width: 100%;
}

form#form291 td.formColumnLeft {
    width: 180px;
	padding-right: 10px;
}

form#form291 td.formColumnRight {
    padding: 2px 0px;
    
}

form#form291 input.elementText,
form#form291 textarea.elementTextarea {
    width: 210px;
}

div#Webcam {
	background-image: url(/client/slavenburg/images/Webcams_background.jpg);
	background-repeat: no-repeat;
	width: 557px;
	height: 436px;
}
div#Webcam iframe {
	padding-left: 15px;
	padding-top: 12px;
}

div.factsheetForm { 
    position: absolute;
	height: 80px;
	width: 200px;
	top: 280px;
	left: 650px;
	*left: 640px;
}

    div.factsheetForm span.elementTitle {
        padding-right: 5px;
	}

    div.factsheetForm input.elementText {
        width: 140px;
	}
	
	div.factsheetForm .elementRequired {
        display: none;
	}