body {
	background-color: white;
	font-size: 12px;
	color:#415c77;
	font-family:  sans-serif;
	padding:0;
	margin:0;
}
a { color: #97afbf; text-decoration: none; }
a:visited { color:#415c77; text-decoration: none; }
a:hover { color: #e62700; text-decoration: none; }
a:active { color:#000000; text-decoration: none; }

h1 {
	color: #999;
	font-size: 20pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	line-height: 24pt;
	text-align: left;
	text-indent: 0;
	padding-top: 10px;
}


h2 {
	color: #999;
	font-size: 12pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: lighter;
	line-height: 14pt;
	text-align: left;
	text-indent: 0;
	padding-top: 10px;
}
h6 { color: #415c77; font-size: 12px; font-family: sans-serif; font-weight: bold; margin: 12px 12px 4px 10px; }
h4 { color: #e62700; font-size: 18px; font-family: sans-serif; font-weight: bold; margin: 12px 12px 4px 10px; }
h7 { color: #e62700; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-size-adjust: 120%; text-decoration: none; text-align: center; letter-spacing: 10px; }
h5 { color: #b9c6cf; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-size-adjust: 120%; text-decoration: none; text-align: left; letter-spacing: 2px; }
.logo { color: #e62700; font-size: 10px; font-family: sans-serif; text-decoration: none; font-weight: bold; text-align: center; letter-spacing: 10px; }

img.download {vertical-align:middle;}

/* ----------containers-------------- */
#main_container { width: 960px; background-color: white; height: 720px; z-index: 4; margin-top: 30px !important; margin-right: auto; margin-left: auto; border: dotted 1px #999; }
#menu1_container {position: absolute; width: 960px; height: 20px; z-index: 1; margin-top: 650px; margin-left: 100px; display: table-row; }
#project-tekst-container-knop { position: absolute; width:10px; height: 10px; z-index: 1; margin-top: 550px; margin-left: 20px;}
#project-tekst-container {color: #999; position: absolute; width: 960px; height: 60px; margin-top: 550px; margin-left:95px; line-height: 10px;}

#bijschrift {
	position: absolute;
	top: 631px;
	height: 40px;
	width: 300px;
	margin-left: 101px;
	background-color: #FFF;
	opacity: 0.7;
	padding: 2px 4px 2px 4px;
}
/*{ color: #fff; font-size: 9pt; line-height: 18px; width: 750px; height: 60px; visibility: visible; margin-top: 560px; margin-left: 105px; }*/
#klikdiv { font-size: 10pt; line-height: 18px; visibility: hidden; margin-top: 0; margin-left: 105px; width: 340px; height: 68px; }
#logo_container { color: #e62700; font-size: 10px; font-family: sans-serif; text-decoration: none; font-weight: bold; /*text-align: center; */letter-spacing: 10px; background-repeat: no-repeat; background-position: right 0; margin-top: 30px; position: absolute; width: 200px; height: 60px; z-index: 3; margin-left: 720px; }
#menu2_container { text-indent: 0px; vertical-align: 30px; margin-top: 25px; position: absolute; width: 50px; height: 300px; z-index: 2; }
#info_container { margin-top: 150px; position: absolute; z-index: 2; width: 680px; height: 400px; margin-left: 150px; }
/* ----------banner for logo-------------- */
#banner { background-color: #e1ddd9; text-align: right; height: auto; margin: 0; }
/* -----------------Inhalt--------------------- */
#content { background-color: transparent; margin-left: 0;}
#archief_container { position: absolute; width: 780px; height: 400px; z-index: 2; margin-top: 150px; margin-left: 100px; }
div#content { background-color: transparent; margin-left: 142px; top: 10px; z-index: 2; min-height:400px; }

p, pre{padding: 5px 10px;margin:0px;}
/* -----------footer--------------------------- */
#footer { margin: 0; padding: 0; text-align: right; clear: both; }
/* --------------left navigavtion------------- */
/*Leftmenu container*/
#menu2_container ul{ text-decoration: none; padding: 0; margin: 0; border: thick; }
/*Leftmenu list; standaard*/
#menu2_container li{ text-decoration: none; padding: 0; margin: 0; list-style-type: none; }
/*Leftmenu links*/
#menu2_container li a{ display: inline-block; padding: 1px 4px 1px 4px; color: #FFF; background-color:#000; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; list-style-type: none; line-height: 14px; }
/*Leftmenu links visited*/
#menu2_container li a:visited{ color: #b5bec5; text-align: left; }
/*Leftmenu links active and visited; standaard weergave, geselecteerde link*/
#menu2_container li.active a:visited{ color: #b5bec5; text-align: left; }
/*Leftmenu links hover*/
#menu2_container li a:hover{ background-color: #999; color: #FFF; text-decoration: none; text-align: left; }
/*Leftmenu links hover*/
#menu2_container li.active a{ color: #e62700; text-decoration: none; text-align: left; }
/*Leftmenu selected menu item hover*/
#menu2_container li.active a:hover{ color: #426483; text-decoration: none; text-align: left; }
/* ------------------------------ */
/* --------------bottommenu navigavtion------------- */
/*bootommenu container*/
#menu2_container ul {line-height: 22px;}
#menu1_container ul{ text-decoration: none; padding: 0; margin: 0;}
/*bottommenu list; standaard*/
#menu1_container li{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight:normal letter-spacing: 2px; display: inline-block; text-decoration: none; padding: 0; margin: 0; list-style-type: none; display: inline; }
/*bottommenu links*/
#menu1_container li a{ background-color:#000; color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; list-style-type: none; line-height: 20px; padding: 2px 10px 2px 10px; margin: 0; }
/*bottommenu links visited*/
#menu1_container li a:visited{ color: #fff; text-align: left; }
/*bottommenu links active and visited; standaard weergave, geselecteerde link*/
#menu1_container li.active a:visited{ color: #fff: text-align: left; }
/*bottommenu links hover*/
#menu1_container li a:hover{background-color: #999; color:#fff; text-decoration: none; text-align: left; }
/*bottommenu links hover*/
#menu1_container li.active a{ color:#fff; text-decoration: none; text-align: left; }
/*bottommenu selected menu item hover*/
#menu1_container li.active a:hover{ color: #426483; text-decoration: none; text-align: left; }
/* ------------------------------ */

 
/*-----------spry effect----------------- */
#spryknop {
	position: absolute;
	top:682px;
	margin: 0px;
	padding: 0px;
	background-color: green;
	height:18px;
	width:22px;
	z-index: 100;
}
#spryknop a{
	display:block;
	background-color:#000;
	color: #fff;
	font-size: 12px;
	letter-spacing: 4px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 14px;
	margin:0;
}
#spryknop a:hover{background-color: #999; color:#fff; text-decoration: none; text-align: left; }



#wrapper
#animation-content {height: 20px; background-color:#CCC; overflow: hidden;}
.hideInitially {visibility: hidden;}


	
#animation-container{
	position: absolute;
	top: 630px;
	height: 250px;
	width: 670px;
	margin-left: 99px;
}

.demoDiv{
	background-color: #FFF; opacity: 0.7;
	height: 100px;
	width: 350px;
	border: 1px dotted black;
	margin-left: 1px;
	overflow: hidden;
}

.infoknopje {font-size:18px;}
.infoknopje a: {border:none; }