/* mac hide\*/
html {height:100%}
/* end hide */

body {
  display: block;
  height: 100%;
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-weight: normal;
  font-size: 80%;
  color: #000033;
  text-decoration: none;
  line-height: 125%;
  background-color: #191970;
  margin-bottom: 0px;
}

#container {
  left: 50%;
  margin-left: -400px;
  position: absolute;
  width: 800px;
  top: 0px;
  border: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
  background-color: #FFFACD;
}


#LayerKop{
Position: absolute;
top: 37px;
left: 150px;
line-height: 225%;
padding: 0px;
margin: 0px;
} 
 
#LayersubKop{
Position: absolute;
top: 62px;
left: 150px;
line-height: 225%;
padding: 0px;
margin: 0px;
}  

#top {
  height: 200px;
  width: 800px;
  border: none; 
  padding: 0px;
  margin: 0px;
  background-color: #FFFACD;
}


#submenu {
  width: 150px;
  float: left;
  background-color: #FFFACD;
  border-top: 7px solid #FFFACD; /*om gelijk te maken ivm 7px gekleurde lijn van tabs*/
  text-align: right;
}

#side {
  width: 150px;
  float: left;
  margin-left: 0px;
  padding-top: 58px;
  background: url() top left no-repeat;
  background-color: #FFFACD;
  border-top: 7px solid #FFFACD; /*om gelijk te maken ivm 7px gekleurde lijn van tabs*/
}

#footer {
  position: relative;
  left: 50%;
  margin-left: -400px;
  width: 800px;
  height: 40px;
  background: #6495ED;
  clear: both;
}

#nav {
	position: absolute;
	top: 160px;
	left: 150px;
	margin: 0px;
	padding: 0px;
	display: inline;
	z-index:999;
}
	
#nav li {
	margin: 0px 0px; 
	padding: 0px 0px;
	display: inline;
	list-style-type: none;
	}

#tabhome a  {
	display: block;
	height: 35px;
	width: 121px;
	float: left;
	text-align: center;	
	text-decoration: none;
	padding-top: 3px;
	background: #FF9999;
	border-top: 2px solid red;
	border-right: 2px solid red;
	border-left: 2px solid red;
	color: black;
	}
	
#tabhome a:hover, #tabhome a:active, #tabhome a.selected {
	color: #FFFACD;
	background: red;
	border-top: 2px solid red;
	border-right: 2px solid red;
	border-left: 2px solid red;
	}

#tab2 a  {
	display: block;
	height: 35px;
	width: 121px;
	float: left;
	text-align: center;	
	text-decoration: none;
	padding-top: 3px;
	background: #66CDAA;
	border-top: 2px solid #2E8B57;
	border-right: 2px solid #2E8B57;
	border-left: 2px solid #2E8B57;
	color: black;
	}
	
#tab2 a:hover, #tab2 a:active, #tab2 a.selected {
	color: white;
	background: #2E8B57;
	border-top: 2px solid #2E8B57;
	border-right: 2px solid #2E8B57;
	border-left: 2px solid #2E8B57;
	}

#tab3 a  {
	display: block;
	height: 35px;
	width: 121px;
	float: left;
	text-align: center;	
	text-decoration: none;
	padding-top: 3px;
	background: #6495ED; /*87CEFA*/
	border-top: 2px solid blue;
	border-right: 2px solid blue;
	border-left: 2px solid blue;
	color: black;
	}

#tab3 a:hover, #tab3 a:active, #tab3 a.selected {
	color: #FFFACD;
	background: blue;
	border-top: 2px solid blue;
	border-right: 2px solid blue;
	border-left: 2px solid blue;
}

#tab4 a  {
	display: block;
	height: 35px;
	width: 121px;
	float: left;
	text-align: center;	
	text-decoration: none;
	padding-top: 3px;
	background: #FFA07A;
	border-top: 2px solid #FF4500;
	border-right: 2px solid #FF4500;
	border-left: 2px solid #FF4500;
	color: black;
}
	
#tab4 a:hover, tab4 a:active, #tab4 a.selected {
	color: #FFFACD;
	background: #FF4500;
	border-top: 2px solid #FF4500;
	border-right: 2px solid #FF4500;
	border-left: 2px solid #FF4500;
}

/*Einde navigatie*/
	
#contenthome {
  width: 500px;
  min-height: 560px;
  height:auto !important; /*deze en volgende regel fixen de IE min-height bug*/
  height:560px;
  border-top: 7px solid red;
  margin-left: 0px;
  float: left;
  background-color: #FF9999; /* F08080*/
}

	
#contenttab2 {
  width: 500px;
  min-height: 560px;
  height:auto !important;
  height:560px;
  border-top: 7px solid #2E8B57;
  margin-left: 0px;
  float: left;
  background-color: #66CDAA; /*CCFF99 98FB98*/
}
	
#contenttab3 {
  width: 500px;
  min-height: 560px;
  height:auto !important;
  height:560px;
  border-top: 7px solid blue;
  margin-left: 0px;
  float: left;
  background-color: #87CEEB;
}
	
#contenttab4 {
  width: 500px;
  min-height: 560px;
  height:auto !important;
  height:560px;
  border-top: 7px solid #FF4500;
  margin-left: 0px;
  float: left;
  background-color: #FFA07A;
}

a img {border: none;}

a {
  color: blue;
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a:hover {
  color: purple;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a:active {
  color: purple;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  background: none;
}


h1 {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.5em;
  font-weight: normal;
  color: black;
  margin-top: 31px;
  margin-bottom: 17px;
  padding-left: 20px;
  }
  
h2 {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1.2em;
  font-weight: bold;
  color: black;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-left: 20px;
  }
 
h3 {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  font-weight: bold;
  color: black;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-left: 20px;
}

p {
  font-family: Helvetica, sans-serif, Arial, Verdana;
  font-size: 1em;
  margin: 0px;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
}
 
a.akop {
font-family: Helvetica, sans-serif, Arial, Verdana;
font-size: 2em;
text-decoration: none;
font-weight: bold;
color: #FFFACD;
}
 
a.asubkop {
font-family: Helvetica, sans-serif, Arial, Verdana;
font-size: 1.4em;
text-decoration: none;
font-weight: normal;
color: #FFFACD;
}


.submenu {
	list-style-type: none;
	margin: 0px;
	padding-top: 59px;
  	padding-left: 10px;
  	padding-right: 10px;
  	line-height: 34px;
 }

a.submenu {
  color: black;
  font-weight: bold;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
}

a.submenu:active {
  font-weight: bold;
  color: blue;
  text-decoration: underline;
  margin: 0px;
  padding: 0px;
  border: none;
}

a.submenu:hover {
  font-weight: bold;
  text-decoration: underline;
  color: blue;
  margin: 0px;
  padding: 0px;
}

a.submenuselected {
  font-weight: bold;
  text-decoration: underline;
  color: blue;
  margin: 0px;
  padding: 0px;
}

.list {
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 0px;
	padding-top: 5px;
  	padding-left: 10px;
  	padding-right: 10px;
  	line-height: 25px;
 }


.footer {
padding: 5px;
margin: 5px;
font-size: 0.8em;
font-weight: bold;
text-align: left; 
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid blue;
margin: 0px 0px 5px 20px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFACD;
padding: 5px;
left: -1000px;
border: 1px dashed grey;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 140px; /*position where enlarged image should offset horizontally */
z-index: 5;
}