body
	{
		font-family: verdana, arial, sans-serif;
		font-size: 1em;
		text-align: left;
		width: 100%;
		height: 100%;
		margin: 0px;
		overflow: auto;
		background-color: #222222;
	}

body img
	{
		border: none;
	}
 
div.block
	{
		width: 80%;
		height: 100%;
		position: absolute;
		top: 0%;
		right: 0%;
/*		border: solid red 2px;*/
		background-color: black;
    color: silver;
	}

div.fwd
	{
		position: absolute;
		top: 46%;
		left: 92.5%;
	}

div.bwd
	{
		position: absolute;
		top: 46%;
		left: 2.5%;
	}

div.text
	{
		position: absolute;
		top: 90%;
		left: 10%;
	}

div.content
	{
		text-align: left;
		position: absolute;
		width: 80%;
		height: 80%;
		top: 10%;
		right: 10%;
/*		border: solid red 1px;*/
		background-color: black;
		color: #C0C0C0;
		overflow: auto;
	}

div.photocontent
	{
		text-align: left;
		position: absolute;
		width: 80%;
		height: 80%;
		top: 10%;
		right: 10%;
/*		border: solid red 1px;*/
		background-color: black;
		color: #C0C0C0;
		overflow: hidden;
	}

div.photocontent img
	{
    height: 44%;
	}

div.photo img
	{
		position: absolute;
		height: 95%;
	}
	
div.photo1 img
	{
		position: absolute;
		bottom: 55%;
		right: 54%;
	}

div.photo2 img
	{
		position: absolute;
		bottom: 55%;
		left: 54%;
	}
	
div.photo3 img
	{
		position: absolute;
		top: 55%;
		right: 54%;
	}
	
div.photo4 img
	{
		position: absolute;
		top: 55%;
		left: 54%;
	}

div.zoom1 img
	{
		position: absolute;
		bottom: 55%;
		right: 54%;
	}

div.zoom2 img
	{
		position: absolute;
		top: 45%;
		right: 46%;
	}

div.zoom3 img
	{
		position: absolute;
		top: 55%;
		right: 54%;
	}

div.zoom4 img
	{
		position: absolute;
		top: 55%;
		left: 54%;
	}

table.exp
	{
		position: absolute;
		width: 99%;
		color: silver;
		border-spacing: 1px;
	}

table.exp img
	{
		position: relative;
		height: 6em;
	}

th
	{
		background-color: #222222;  /*#1f1f1f*/
		font-weight: bold;
		padding: 3px;
	}

td
	{
		background-color: #222222;  /*#1f1f1f*/
		padding: 3px;
	}

.start                          /*start exp; plaatst tekst in th en td in het centrum*/
  {
    text-align: center;
  }

.eind                           /*eind exp; plaatst tekst in th en td in het centrum*/
  {
    text-align: center;
  }
	
div.logo
	{
		position: absolute;
		width: 20%;
		text-align: center;
		font-size: 1.2em;
		color: black;
		background-color: silver;
	}

div.logo img
	{
		width: 100%;
		top: 0%;
		left: 0%;
/*		border: solid red 2px;*/
	}
	
div.menu
	{
		position: absolute;
		width: 19.8%;
		bottom: 20%;
		text-align: center;
		color: silver;
		background-color: #222222;
	}

div.menu a#current
  {
    color:red;
  }

h1
	{
		font-size: 2em;
		font-weight: normal;
	}
		
a
	{
		font-family: verdana, universe, arial, sans-serif;
		font-size: 1em;
		text-decoration: none;
	} 

a:link
	{
		color: silver;
	}    

a:visited
	{
		color: #808080;
	}

a:hover
	{
		color: red;
	}

a:active
	{
		color: black;
	}

span a:link
	{
		color: red;
	}

span a:hover
	{
		color: silver;
	}

span a:visited
	{
		color: red;
	}

.progressBar {
                position: relative;
                padding: 2px;
                width: 300px;
                height: 40px;
                font-size: 14px;
}
.progressBar .background {
                border: solid 1px black;
                width: 270px;
                height: 20px;
}
.progressBar .bar {
                position: relative;
                background-color: red;
                width: 0px;
                height: 20px;
}