* 
{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 

img{
  behavior:url("css/pngbehavior.htc");
  }

body { behavior:url("css/csshover.htc"); 
}

img#help{
	border:0px;
	position:absolute;
	left:1030px;
	top:0px;
}
img#publication{
	border:0px;
	position:absolute;
	left:950px;
	top:0px;
}
img#topLink{
	border:0px;
	position:absolute;
	left:867px;
	top:0px;
}

html, body{
background-image: url(../images/strip.gif); 
background-repeat: no-repeat;
background-position:0 0px;
background-color: white;

    height:100%;
    font-family: Verdana;
    margin:0px;
    padding:0px;
    
    scrollbar-base-color: #DCDBDB;
    scrollbar-shadow-color: rgb(150,150,150);
    scrollbar-highlight-color: #DCDBDB; 
    scrollbar-3dlight-color: rgb(150,150,150); 
    scrollbar-darkshadow-color: #DCDBDB;
    scrollbar-track-color: #DCDBDB; 
    scrollbar-arrow-color: white;
}
.hidden{
  display:none;
  
}
div#main{
  left:-60px;
  position:absolute;
}
img#topBanner{
  top:0px;
  float:left;
  position:relative;
  left:170px;
}

div#nav{
  float:left;
  clear:left;
  position:absolute;
  top:35px;
  width:1000px;
  left:60px;
}
#imgNav{
  position:absolute;
  width:1000px;
  left:-14px;	
	
}
/**************************************************** MAIN MENU ITEM'S */
.iwanbaan a {
  float:left;
  top:90px;
  margin:0px;
  padding:0px;
  display: block; 
  width: 94px; 
  height: 30px; 
  background-image: url(../images/nav/iwanbaan.gif);
  background-repeat:no-repeat;
  background-position: -94px 0; 
} 

.iwanbaan a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}
.photography a,.photographyOn a {
  float:left;
  top:90px;
  margin:0px;
  padding:0px;
  display: block; 
  width: 119px; 
  height: 30px; 
  background-image: url(../images/nav/photography.gif);
  background-repeat:no-repeat;
  background-position: -119px 0; 

} 
.photographyOn{
  float:left;
  top:90px;
  margin:0px;
  padding:0px;
  display: block; 
  width: 119px; 
  height: 30px; 
  background-image: url(../images/nav/photography.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 

}
.photography a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}
.about a {
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 60px; 
  height: 30px; 
  background-image: url(../images/nav/about.gif);
  background-repeat:no-repeat;
  background-position: -60px 0; 

} 
.aboutOn{
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 60px; 
  height: 30px; 
  background-image: url(../images/nav/about.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 
} 

.about a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}

 

.links a {
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 64px; 
  height: 30px; 
  background-image: url(../images/nav/links.gif);
  background-repeat:no-repeat;
  background-position: -64px 0; 

} 
.linksOn{
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 64px; 
  height: 30px; 
  background-image: url(../images/nav/links.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 
} 

.links a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}
.publication a {
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 105px; 
  height: 30px; 
  background-image: url(../images/nav/publications.gif);
  background-repeat:no-repeat;
  background-position: -105px 0; 

} 
.publicationOn{
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 105px; 
  height: 30px; 
  background-image: url(../images/nav/publications.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 
} 

.help a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}
.help a {
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 56px; 
  height: 30px; 
  background-image: url(../images/nav/help.gif);
  background-repeat:no-repeat;
  background-position: -56px 0; 

} 
.helpOn{
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 56px; 
  height: 15px; 
  background-image: url(../images/nav/help.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 
} 
/*NEWS*/
.news a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}
.news a {
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 56px; 
  height: 30px; 
  background-image: url(../images/nav/news.gif);
  background-repeat:no-repeat;
  background-position: -56px 0; 

} 
.newsOn{
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 56px; 
  height: 30px; 
  background-image: url(../images/nav/news.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 
} 

/* END NEWS*/
.publication a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}
.contact a {
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 79px; 
  height: 30px; 
  background-image: url(../images/nav/contact.gif);
  background-repeat:no-repeat;
  background-position: -79px 0; 

} 
.contactOn{
  float:left;
  margin:0px;
  padding:0px;
  display: block; 
  width: 79px; 
  height:30px; 
  background-image: url(../images/nav/contact.gif);
  background-repeat:no-repeat;
  background-position: 0 0; 
} 
.contact a:hover {
  margin:0px;
  padding:0px;
  background-position: 0 0; 
}

/**************************************************** END MAIN MENU ITEM'S */

/***************************************CONTENT*/
/* a work around for the randompage it keep shifting*/
.contentRandom{
  position:absolute;
  left:170px;
  top:80px;
  font-size:9px;
}
.content{
  position:absolute;
  left:110px;
  top:80px;
  font-size:9px;
}
.contentText{
  position:absolute;
  left:170px;
  top:80px;
  font-size:9px;
}
.content h1, .contentText h1{
  font-size:15px;
  font-weight:bolder;
  color:rgb(100,100,100);
}
.content p.adres, .contentText p.adres{
  float:left;
  padding-right:30px;
  padding-left:10px;
  border-left:solid gray 1px;
}
.content ul, .content ul li, .contentText ul, .contentText ul li{
  list-style:none;
  padding:0px;
  margin:0px;
}
.content a, .contentText a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.content a:hover, .contentText a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;
}
.content img, .contentText img{

  border:solid 1px rgb(220, 220, 220);

  margin-right:0px;
  margin-bottom:0px;
 vertical-align: bottom;

}
img.shadow{
 
  background-image:url("../images/shadow.jpg");
  background-position: -5px -5px;
  background-repeat: no-repeat;
}
/*****************************************/
.contentIndex{
  position:absolute;
  left:200px;
  top:10px;
  
}
.contentIndex img{
}


/*scrollbar*/
div.contentBlock{
  position:absolute;
  left:110px;
  top:130px;
  height:200px;
  overflow:auto;
  width:800px;

}
div.contentBlockPublication{
  position:absolute;
  left:110px;
  top:130px;
  height:236px;
  overflow:auto;
  width:800px;

}
/*******************************************************************/
.imageContainer{

}
.imageBlock{
  position:relative;
  top:0;
  left:0;
  margin:0px;
  padding:0px;
  width:90px;
  float:left;
}
.imageBlockPublication{
  position:relative;
  top:0;
  left:0;
  margin:0px;
  padding:0px;
  width:90px;
  float:left;
}

.imageBlock img{
  border:0px;
  float:left;
  position:relative;
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  padding-right:10px;
}
.imageBlockPublication img{
  border:0px;
  float:left;
  position:relative;
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  padding-right:10px;
}


.imageBlock img.shadow{
  background-image:url("../images/shadow.jpg");
  background-position: -5px -5px;
  background-repeat: no-repeat;
}
.imageBlockPublication img.shadow{
  background-image:url("../images/shadow-publication.jpg");
  background-position: -5px -5px;
  background-repeat: no-repeat;
}

.description{
  background-image:url("../images/arrow-over.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  position:relative;
  top:460px;
  left:110px;
}  
.description a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.description a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
}
.description2{
  position:absolute;
  font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;
  position:absolute;
  top:520px;
  left:110px;
}  
.description2 a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.description2 a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
}
.description h1{
  position:relative;
  font-size:10px;
  color:rgb(230,220,0);
  letter-spacing:0.1em;
  margin-top:-3px;
  margin-left:30px;
}
.description3{
  position:absolute;
  font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;
  position:absolute;
  top:380px;
  left:110px;
}  
.description3 a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.description3 a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
}
.description3 h1{
  position:relative;
  font-size:10px;
  color:rgb(230,220,0);
  letter-spacing:0.1em;
  margin-top:-3px;
  margin-left:30px;
}
.description3Publication{
  position:absolute;
  font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;
  position:absolute;
  top:440px;
  left:170px;
}  
.description3Publication a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.description3Publication a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
}
.description3Publication h1{
  position:relative;
  font-size:10px;
  color:rgb(230,220,0);
  letter-spacing:0.1em;
  margin-top:-3px;
  margin-left:30px;
}
div#publicationDescription{
	position:absolute;
	left:110px;
	top:42px;
  font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;

	}
div#publicationDescription a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
	}
div#publicationDescription a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
	}
/*************************************************Categorie  INTRO*/

.catIntro{
  float:left;
  margin:0px;
  padding:0px;
  text-align:left;
  position:relative;
  display:block;
}
.catIntro ul, li{
  color:rgb(185,185,185);
  font-size:9px;
  margin:0px;
  padding:0px;
  list-style:none;
  list-style-type:none;
}
.catIntro img{
  border:0px;
  float:left;
  position:relative;
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  padding-right:10px;
}
.catIntro img.shadow{
  background-image:url("../images/shadow.jpg");
  background-position: -5px -5px;
  background-repeat: no-repeat;
}
//
.catIntroPublication{
  float:left;
  margin:0px;
  padding:0px;
  text-align:left;
  position:relative;
  display:block;
}
.catIntroPublication ul, li{
  color:rgb(185,185,185);
  font-size:9px;
  margin:0px;
  padding:0px;
  list-style:none;
  list-style-type:none;
}
.catIntroPublication img{
  border:0px;
  float:left;
  position:relative;
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  padding-right:10px;
}
.catIntroPublication img.shadow{
  background-image:url("../images/shadow-publication.jpg");
  background-position: -5px -5px;
  background-repeat: no-repeat;
}


/************************************************* ITEM INTRO*/
.iconBox{
position:absolute;
left:-47px;
 top:513px;
width:150px;
}
.iconBoxRandom{
position:absolute;
left:25px;
 top:513px;
width:150px;
}
.iconBoxFullscreen{
position:absolute;
left:815px;
top:509px;
width:150px;
}
.navIcons{
  text-decoration:none;
  font-size:9px;
  color:rgb(100,100,100);
}
.navIcons:hover{
  text-decoration:underline;
  font-size:9px;
  color:rgb(70,70,70);
}
#nawImage{
  font-family:helvetica;
  font-size:9px;
  color:rgb(100,100,100);
  position:absolute;
	top:500px;
  left:0px;
  width:900px;
  height:20px;
}
#nawImage a{
  color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;
}
#nawImage a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;
  } 


/* #NEW NEW ########################################## PULLDOWN topNav menu */
div#subNav{
	margin:0px;
	padding:0px;
  top:40px;
  left:108px;
  position:absolute;
  /*width:100%;*/
width:1200px;
  z-index:200;
}

div#subNav a{
  Filter:none;
}
div#subNav a:hover{
  Filter:none;
}
div#subNav ul ul a{
  font-size:9px;
  background-image:none;
}
div#subNav ul ul a:hover{
  font-size:9px;	
  color:rgb(100,100,100);
  background-image:none;
}
div#subNav ul{
  text-align:left;	
  margin:0;
  padding:0;
  margin-left:30px;
  background-color:rgb(240,240,240);
}
div#subNav li{
  Filter:none;
  position:relative;
  list-style:none;
  margin:0;
  float:left;
  margin-right:20px;
  line-height:1.2em;
}
div#subNav li:hover{
  
}
div#subNav li.submenu{

}
div#subNav li.submenu:hover{
  
}
div#subNav li a{
  display:block;
  padding:0.25em 0 0.23em 0.5em;
  text-decoration: none;
  color:black;
  background-image:url(../images/arrow.gif);
  background-position:0px 4px;
  background-repeat:no-repeat;
  padding-left:20px;
  
}
div#subNav li a:hover{
  display:block;
  text-decoration: none;
  color:black;
  text-decoration:none;
  background-image:url(../images/arrow-over.gif);
}

div#subNav ul ul{
  font-size:9px;
  margin:0px;
  padding:0px;
  position:absolute;
  width:200px;
  display:none;
}
div#subNav ul ul li{
  float:left;
  clear:both;
  width:100%;
  margin:0px;
  padding:0px;
  
}
div#subNav ul ul a, div#subNav ul ul a:hover{
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  left:20px;
  color:rgb(100,100,100);
}
div#subNav ul ul li:hover
{
  background-color:rgb(245,245,245);
}
div#subNav ul.level1  li.submenu:hover ul.level2{
  display:block;
  margin:0px;
  padding:0px;
  left:20px;
}
div#subNav ul.level2  li.submenu:hover ul.level3{
  display:block;
       
}
div#subNav ul.level2{
  top:1.5em;
  left:1px;
  margin:0px;
  padding:0px;
}
div#subNav ul.level3{
  top:1px;
  left:14em;
}
div#subNav ul.level3  li.submenu:hover ul.level4{
  display:block;
        
}
div#subNav ul.level1{
  display:block;
  margin:0px;
  padding:0px;
}


/******************************************   Random overlay**/
/* ########################################## image Overlay random image*/    
.imageOverlay{
    left:0px;
    top:-30px;
    position:relative;
    width:80px;
    height:12px;
    background-color:white;
    font-size:9px;
    padding-left:10px;
    }
.imageOverlay a{
    text-shadow: 2px 2px 3px rgb(110,110,110);
    font-size:9px;
    color:gray;
    text-decoration:none;
    }
div#navRandom{
    z-index:91;
	text-align:left;
	font-size:9px;
	font-family:verdana;
	float:left;
	text-align:center;
}
div#navRandom a{
	color:gray;
	Filter:none;
}
div#navRandom a:hover{
	color:rgb(180,180,180);
    Filter:none;
}
div#navRandom ul ul a{
	Filter:none;
	font-size:10px;
	color:rgb(0, 0, 0);
}
div#navRandom ul ul a:hover{
	color:rgb(180,180,180);
}
div#navRandom ul{
    text-align:center;
	z-index:102;
	margin:0;
	padding:0;
	}
div#navRandom li{
	Filter:none;
	z-index:103;
	position:relative;
	list-style:none;
	margin:0;
	float:left;
	 margin-right:2px;
}
div#navRandom li:hover{
    
}
div#navRandom li.submenu{

}
div#navRandom li.submenu:hover{

}
div#navRandom li a{
	display:block;
	padding:0.25em 0 0.23em 0.5em;
	text-decoration: none;
}
div#navRandom ul ul{
	background-color:rgb(220,220,220);
	position:absolute;
	display:none;
	bottom:15px;
}
div#navRandom ul ul li:hover
{
	background-color:rgb(245,245,245);

}
div#navRandom ul.level1_r  li.submenu_r:hover ul.level2_r{
	display:block;
	width:770px;
	height:20px;
	background-color:rgb(220,220,220);
}
div#navRandom ul.level2_r  li.submenu_r:hover ul.level3_r{
	display:block;
        background-color:rgb(220,220,220);
}
div#navRandom ul.level2_r{
    left:1 px;
    background-color:rgb(220,220,220);
}
div#navRandom ul.level3_r{
    top:1px;
    left:10em;
}
div#navRandom ul.level3_r  li.submenu_r:hover ul.level4{
	display:block;
}
div#navRandom ul.level1_r{
	/**top:-1px;
	left:-10em;
	**/
}
/******* photodescription */
div.photoDescription{
	position:absolute;
	left:110px;
	top:553px;
	width:150px;
	 font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;
}
 
.photoDescription a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.photoDescription a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
}
.photoDescription h1{
  position:relative;
  font-size:10px;
  color:rgb(230,220,0);
  letter-spacing:0.1em;
  margin-top:-3px;
  margin-left:30px;
}
/******* photodescriptionRANDOM */
div.photoDescriptionRandom{
	position:absolute;
	left:0px;
	top:470px;
	width:700px;
	 font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;
}
 
.photoDescriptionRandom a{
  color:rgb(100,100,100);
  text-decoration:none;
  font-weight:bolder;
}
.photoDescriptionRandom a:hover{
   color:rgb(100,100,100);
  text-decoration:underline;
  font-weight:bolder;  
}
.photoDescriptionRandom h1{
  position:relative;
  font-size:10px;
  color:rgb(230,220,0);
  letter-spacing:0.1em;
  margin-top:-3px;
  margin-left:30px;
}

div.newsItems {
	width:760px;
	float:left;
	position:relative;
}
div.newsItems h3{
  font-size:12px;
  font-weight:bolder;
  color:rgb(100,100,100);
padding:0;
margin:0;
}
div.newsItems p{
  font-size:10px;
  color:rgb(100,100,100);
  letter-spacing:0.1em;

margin-top:5px;
}