@charset "utf-8";
/* CSS Document */

body, html {
	background-color: #363727;
	background-image: url(../img/bkg.jpg);
	background-repeat: repeat-y;
	height: 100%;
}
.wrapper {
	background-image: url(../img/bkg-wrapper2.png);
	background-repeat: no-repeat;
	background-position: 0px 127px;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

td {
	vertical-align:top;
}

a {
	font-size: 12px;
	color: #c6c0b2;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	font-size: 12px;
	color: #c6c0b2;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-size: 12px;
	color: #5c6442;
	text-decoration: none;
	font-weight: bold;
}
.align-left {
	margin-left: 0px;	
}
.height147 {
	height: 147px;
}
.header {
	height: 147px;
	width: 100%;
	background-image: url(../img/bkg-header-repeat.png);
	background-repeat: repeat-x;
	z-index: 9997;
	position: absolute;	
}
.bkgheader {
	background-image: url(../img/bkg-header.png);
	background-repeat: no-repeat;	
}
.content {
	background-image: url(../img/bkg-content3.png);
	background-repeat: no-repeat;
	width: 100%;
	background-position: 0px 125px;
	padding-top: 147px;
}
.contentsplash {
	background-image: url(../img/bkg-content-splash.png);
	background-repeat: no-repeat;
	width: 100%;
	background-position: 0px 0px;
}
.footer {
	width: 100%;
	background-image: url(../img/bkg-footer-repeat.png);
	background-repeat: repeat-x;
	margin-top: -25px;	
}
.bkgfooter {
	background-image: url(../img/bkg-footer.png);
	background-repeat: no-repeat;	
}
.bkgfooter h3{
	padding-top: 13px;
}
/* Hack voor Safari en Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bkgfooter h3 {padding-top: 38px;}
.welkom {margin-top: 30px;}
}

.adres {
	font-size:10px;
}
.adres a, .culd a, .sitemap a {
	font-size: 10px;
	color: #c6c0b2;
	text-decoration: none;
	font-weight: bold;
}
.adres a:active, .culd a:active, .sitemap a:active {
	font-size: 10px;
	color: #c6c0b2;
	text-decoration: none;
	font-weight: bold;
}
.adres a:hover, .culd a:hover, .sitemap a:hover {
	font-size: 10px;
	color: #5c6442;
	text-decoration: none;
	font-weight: bold;
}
.sitemap {
	margin-right: 20px;	
}
.sitemap, .culd {
	font-size:10px;
	text-align: right;
}
.height10 {
	height: 10px;
}
.height15 {
	height: 15px;
}
.height20 {
	height: 20px;
}
.height25 {
	height: 25px;
}
.height150 {
	height: 150px;
}
.bkg-transp {
	background-image: url(../img/bkg-transp.png);
	background-repeat: repeat;	
}
.bkg-transp li {
	margin-left: 20px;
	margin-bottom: 5px;
}
.bkg-transp h1, h2, h6 {
	padding: 10px;
}
.bkg-transp h2 {
	font-size: 14px;
	font-weight: bold;		
}
.bkg-transp p {
	padding: 10px;
}
#grootadres h3 {
	font-size: 23px;
}


/*Navigatie linkerkolom 2*/
#navcontainer { 
	margin-left: 0px; 
	margin-bottom: 20px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
line-height: normal;
}

#navcontainer li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#navcontainer a
{
	display: block;
	width: 220px;
	color: #c6c0b2;
	text-decoration: none;
	font-size:18px;
	background-image: url(../img/bkg-nav-links.png);
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	background-position: bottom;
	background-repeat: no-repeat;
}

#navcontainer a:hover
{
color: #5c6442;
text-decoration: none;
}

#navcontainer ul ul li { margin: 0 0 0px 0; }

#navcontainer ul ul a
{
	display: block;
	width: 205px;
	color: #c6c0b2;
	background-color: none;
	text-decoration: none;
	font-size:13px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: none;
	font-weight: bold;
}

#navcontainer ul ul a:hover
{
color: #5c6442;
text-decoration: none;
}

#navcontainer ul ul ul a
{
	display: block;
	width: 195px;
	color: #c6c0b2;
	background-color: none;
	text-decoration: none;
	font-size:13px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: none;
	font-weight: normal;
}

#navcontainer ul .active a{
	color: #5c6442;
	text-decoration: none;
}
#navcontainer ul a{
	color: #c6c0b2;
	text-decoration: none;
}
#navcontainer ul a:hover{
	color: #5c6442;
	text-decoration: none;
}
#navcontainer ul .active ul .active a{
	color: #5c6442;
	text-decoration: none;
}
#navcontainer ul .active ul a{
	color: #c6c0b2;
	text-decoration: none;
}
#navcontainer ul .active ul a:hover{
	color: #5c6442;
	text-decoration: none;
}
#navcontainer ul .active ul .active ul .active a{
	color: #5c6442;
	text-decoration: none;
}
#navcontainer ul .active ul .active ul a{
	color: #c6c0b2;
	text-decoration: none;
}
#navcontainer ul .active ul .active ul a:hover{
	color: #5c6442;
	text-decoration: none;
}

#navcontainer ul ul ul a:hover
{
color: #5c6442;
text-decoration: none;
}

/*Navigatie boven*/
ul.navlist-boven {
	width: 300px;
	list-style:none;
	margin-right: 0px;
	margin-left: auto;
	padding:0;
	padding-top:75px;
}

ul.navlist-boven li {
	float:left;
	margin-right: 5px;
	margin-left: 5px;
}

ul.navlist-boven li a {
	display:block;
	height:40px;
	position:relative;
	background-attachment: scroll;
	background-image: url(../img/sprite_navigatie.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.navlist-boven li a#navlist-boven8, ul.navlist-boven li a#navlist-boven9, ul.navlist-boven li a#navlist-boven10, ul.navlist-boven li a#navlist-boven11, ul.navlist-boven li a#navlist-boven13 {
width:40px;
}

ul.navlist-boven li a#navlist-boven14, ul.navlist-boven li a#navlist-boven1044, ul.navlist-boven li a#navlist-boven1050, ul.navlist-boven li a#navlist-boven1053, ul.navlist-boven li a#navlist-boven1056 {
width:40px;
background-position:-40px 0px;
}

ul.navlist-boven li a#navlist-boven15, ul.navlist-boven li a#navlist-boven1048, ul.navlist-boven li a#navlist-boven1051, ul.navlist-boven li a#navlist-boven1054, ul.navlist-boven li a#navlist-boven1057 {
width:40px;
background-position:-80px 0px;
}

ul.navlist-boven li a#navlist-boven16, ul.navlist-boven li a#navlist-boven1049, ul.navlist-boven li a#navlist-boven1052, ul.navlist-boven li a#navlist-boven1055, ul.navlist-boven li a#navlist-boven1058 {
width:40px;
background-position:-120px 0px;
}
ul.navlist-boven li a#navlist-boven17, ul.navlist-boven li a#navlist-boven1174, ul.navlist-boven li a#navlist-boven1164, ul.navlist-boven li a#navlist-boven1184, ul.navlist-boven li a#navlist-boven1194 {
width:40px;
background-position:-160px 0px;
}

ul.navlist-boven li a#navlist-boven18, ul.navlist-boven li a#navlist-boven1315, ul.navlist-boven li a#navlist-boven1316, ul.navlist-boven li a#navlist-boven1317, ul.navlist-boven li a#navlist-boven1318 {
width:40px;
background-position:-200px 0px;
}

ul.navlist-boven li a span {
background:url(../img/sprite_navigatie.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

ul.navlist-boven li a#navlist-boven8 span, ul.navlist-boven li a#navlist-boven9 span, ul.navlist-boven li a#navlist-boven10 span, ul.navlist-boven li a#navlist-boven11 span, ul.navlist-boven li a#navlist-boven13 span {
background-position:0px -40px;
}
ul.navlist-boven li a#navlist-boven14 span, ul.navlist-boven li a#navlist-boven1044 span, ul.navlist-boven li a#navlist-boven1050 span, ul.navlist-boven li a#navlist-boven1053 span, ul.navlist-boven li a#navlist-boven1056 span {
background-position:-40px -40px;
}
ul.navlist-boven li a#navlist-boven15 span, ul.navlist-boven li a#navlist-boven1048 span, ul.navlist-boven li a#navlist-boven1051 span, ul.navlist-boven li a#navlist-boven1054 span, ul.navlist-boven li a#navlist-boven1057 span {
background-position:-80px -40px;
}

ul.navlist-boven li a#navlist-boven16 span, ul.navlist-boven li a#navlist-boven1049 span, ul.navlist-boven li a#navlist-boven1052 span, ul.navlist-boven li a#navlist-boven1055 span, ul.navlist-boven li a#navlist-boven1058 span {
background-position:-120px -40px;
}
ul.navlist-boven li a#navlist-boven17 span, ul.navlist-boven li a#navlist-boven1174 span, ul.navlist-boven li a#navlist-boven1164 span, ul.navlist-boven li a#navlist-boven1184 span, ul.navlist-boven li a#navlist-boven1194 span {
background-position:-160px -40px;
}
ul.navlist-boven li a#navlist-boven18 span, ul.navlist-boven li a#navlist-boven1315 span, ul.navlist-boven li a#navlist-boven1316 span, ul.navlist-boven li a#navlist-boven1317 span, ul.navlist-boven li a#navlist-boven1318 span {
background-position:-200px -40px;
}

ul.navlist-boven li a span:hover {
cursor:pointer;
}

#navtip {
	display:none;
	font-size:12px;
	height:35px;
	width:160px;
	background-color: transparent;
	background-image: url(../img/black_arrow_shadow.png);
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


/*Navigatie language*/
ul#navlanguage-list
{
margin-left: 0;
padding-left: 0;
padding-top: 14px;
float:right;
}
/* Hack voor Safari en Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul#navlanguage-list{padding-top: 39px;}
}

#navlanguage-list li
{
display: inline;
list-style-type: none;
}

#navlanguage-list a {
	font-size: 10px;
	font-family: verdana, arial, Helvetica, sans-serif;
	padding: 5px;
	font-weight: normal;
}

#navlanguage-list a:link, #navlanguage-list a:visited
{
color: #c6c0b2;
text-decoration: none;
font-weight: normal;
}

#navlanguage-list a:hover
{
color: #5c6442;
text-decoration: none;
font-weight: normal;
}
#navlanguage-list .active a {
	color: #5c6442;
	font-weight: bold;
}

/* Begin css fotogallerij op detailpagina projecten */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 580px;
	height:140px;
	/* custom decorations */
	border:1px solid #c6c0b2;
	background-color: #000000;
}
.vertical {
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 400px;	 
	width: 580px;
	/* custom decorations */
	border:1px solid #c6c0b2;
	background-color: #000000;
}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items2 {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}
/* single scrollable item */
.items2 .item-div {
	float: left;
	width:180px;
	height: 120px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.items .item-div {
	float: left;
	width:180px;
	height: 120px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
/* elements inside single item */
.items2 img {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:0px;
	border:1px solid #c6c0b2;
	cursor:pointer;
	width:178px;
	height:118px;
}
.items img {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:0px;
	border:1px solid #c6c0b2;
	cursor:pointer;
	width:178px;
	height:118px;
}
/* remove margins from the image */
.items2 img {
	margin:0;
}
.items img {
	margin:0;
}

/* make A tags our floating scrollable items */
.items2 a {
	display:block;
	float:left;
} 
.items a {
	display:block;
	float:left;
} 
/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:0px;
	border:1px solid #c6c0b2;
	cursor:pointer;
	width:178px;
	height:118px;
}
.vertical img {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:0px;
	border:1px solid #c6c0b2;
	cursor:pointer;
	width:178px;
	height:118px;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:60px;
	float:left;
	margin:40px -1px;
	cursor:pointer;
	font-size:1px;
	background-image: url(../img/horizontal-arrows.png);
	background-repeat: no-repeat;
	z-index:9998;
	position:relative;
}

a.browse-vert {
	display:block;
	width:30px;
	height:60px;
	float:left;
	cursor:pointer;
	font-size:1px;
	background-image: url(../img/horizontal-arrows.png);
	background-repeat: no-repeat;
	z-index:9998;
	position:relative;
	margin-top: 170px;
	margin-right: -1px;
	margin-bottom: 170px;
	margin-left: -1px;
}

/* right */
a.right 				{ background-position: 0 -60px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -60px; }
a.right:active 	{ background-position:-30px -60px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-30px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/vertical-arrows.png) no-repeat; 
}

/* up */
a.down 				{ background-position: 0 -60px; clear:right; margin-right: 0px;}
a.down:hover 		{ background-position:-30px -60px; }
a.down:active 	{ background-position:-30px -60px; } 


/* left */
a.up				{ margin-left: 0px; } 
a.up:hover  		{ background-position:-30px 0; }
a.up:active  	{ background-position:-30px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	border:1px solid #c6c0b2;
	
	width:800px;	
	min-height:200px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #c6c0b2;
	position:relative;
	margin-left: -1px;
	margin-top: -1px;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #c6c0b2;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;	
}

.prev {
	left:0;
	margin-left: -1px;
}

.next {
	right:0;
	margin-right: -1px;	
}

.next:hover, .prev:hover {
	text-decoration:none;
	font-size:11px;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #c6c0b2;
	margin-left: 0px;
	margin-bottom: 0px;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#000 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}

/*** override styling in external stylesheets ***/


/* tooltip styling */
.tooltip {
	display:none;
	font-size:10px;
	height:111px;
	width:160px;
	padding:10px;
	background-image: url(../img/tooltip-1.png);
	position:relative;
	z-index: 9999;
	overflow:hidden;
}
.tooltip h1 {
	font-size: 11px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
.tooltip h2 {
	font-size: 10px;
	font-weight: bold;
	padding: 0px; 
}
.tooltip p{
	font-size: 10px;	
}
.items2 .item-div .tooltip {
	display:none;
	font-size:12px;
	height:111px;
	width:160px;
	padding:10px;
	background-image: url(../img/tooltip-1.png);
	z-index: 9999;
	position: relative;
}


/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}


/* Einde css fotogallerij op detailpagina projecten */

/*Breadcrumb*/
.B_firstCrumb a{
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c6c0b2;	
	text-decoration: none;
	font-weight: bold;	
}
.B_firstCrumb a:hover{
	color: #5c6442;		
}
.B_crumb {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c6c0b2;	
	text-decoration: none;
	font-weight: bold;	
}
.B_crumb:hover{
	color: #5c6442;
	font-size: 10px;		
}
.B_currentCrumb{
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c6c0b2;	
	text-decoration: none;	
}

/* images home */
.kader-home {	
	/* required settings */
	position:relative;
	overflow:hidden;
	height: 260px;	 
	width: 570px;
	/* custom decorations */
	border:1px solid #c6c0b2;
	background-color: #000000;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}


.image-wrap {
	float: left;
	margin: 5px;
	width: 180px;
	height: 120px;
	position: relative;
}

.image-home img {
	border: 1px solid #c6c0b2;
}
.home-title a{
	display: block;
	width: 174px;
	position: absolute;
	left:-10px;
	top: 70px;
	z-index: 9999;
	color: #c6c0b2;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c6c0b2;
	border-bottom-color: #c6c0b2;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-image: url(../img/bkg-transp70.png);
	background-repeat: repeat;
}
.home-title a:hover{
	background-color: #000000;	
}
.home-title h3 a{
	font-size: 12px;
}
.margin-left5{
	margin-left:5px;
}
.margin-right5{
 	margin-right: 5px;
}
.margin-left15{
	margin-left:15px;
}
.margin-left8{
	margin-left:8px;
}
.margin-right8{
	margin-left:8px;
}
/*SPLASH*/
.languages .language {
	display:block;
	width: 260px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	font-style: italic;
	text-align: justify;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 22px;
}
.languages {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
}
.description .arrow {
	top: 380px;
	padding-top: 380px;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: 127px 370px;
}
#frans .arrow {
	background-position: 427px 370px;	
}

#engels .arrow {
	background-position: 727px 370px;
}
.description .slideshow {
	top: 10px;
}

/*SPLASH Talenkeuze*/
.talenkeuze {
	height: 140px;
	width: 200px;
	position:absolute;
	z-index: 9999;
	left: 0px;
	top: 50px;
}
.talenkeuze ul {
	list-style:none;
}
.talenkeuze ul li {
	background-image: url(../img/bkg-taalkeuze.jpg);
	background-repeat: no-repeat;
	line-height: 18px;
	height: 37px;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 1px;
}

/** 
* Generated by www.formstylegenerator.com 
**/

/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 1px solid #c6c0b2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #c6c0b2;
	background-color: #363727;
	background-image: url(../img/bg127954217.png);
	background-repeat: repeat-x;
	margin: 5px;
	float: left;
	width: 300px;
}
select {
	border: 1px solid #c6c0b2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #c6c0b2;
	background-color: #363727;
	margin: 5px;
	padding: 0px;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #c6c0b2;
	margin: 5px;
	float: right;
	vertical-align: top;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #c6c0b2;
	/** remember to change image path **/
	background: url(none) no-repeat #363727;
	color: #c6c0b2;
	background-color: #363727;
}

/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.myinputstyle:focus {
	border: 1px solid #c6c0b2;
	/** remember to change image path **/
	background: url(none) no-repeat #363727;
	color: #c6c0b2;
}
.verimage {
	margin: 5px;
}
#cfContainer {
	margin: 10px;
}
.error {
	font-weight: bolder;
	color: #c6c0b2;	
}

/*in de kijker onderaan homepage*/
.indekijker {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 580px;
	height:140px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8px;
	/* custom decorations */
	border:1px solid #c6c0b2;
	background-color: #000000;
}
.indekijker-items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
/* remove margins from the image */
.indekijker-items img {
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:0px;
	border:1px solid #c6c0b2;
	cursor:pointer;
	width:178px;
	height:118px;
}

/* make A tags our floating scrollable items */
.indekijker-items a {
	display:block;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
} 

.link-logo {
	position: absolute;
	z-index:9999;
	height: 130px;
	width: 240px;
	left: 60px;
	top: 0px;	
}
.link-logo a{
	display:block;
	height: 130px;
	width: 240px;
	text-indent: -9999px;
}

#LastName{
    position:absolute;
    text-decoration:underline;
    background-color:#CC0000;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}