/* ############### Css voor alle pagina's ############### */

/* Algemeen */
body {
  background-color:#5B676C;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 13px;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  position:relative;
}
h1 {
  color:#660000;
  margin-top:0px;
  font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
}
h2 {
  border-bottom: 1px dashed #5B676C;
  margin-bottom:10px;
  font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
}
p {
  margin:13px 1px 13px 1px;
}
a {
  color:#000000;
}
a:hover {
  color:#880000;
}
img {
  border:0px;
}

/* Hoofding */
#header {
  background-color:#5B676C;
  color:#CCD1CB;
  font-size:40px;
  width: 100%;
  height: 140px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #CCD1CB;
}
#titel {
	display:none;
}
#printvriendelijk {
	float:right;
	margin-top:10px;
	margin-right:5px;
}

/* Hoofdmenu */
#menu {
  width:150px;
  float:left;
  height:auto; 
}
#menu ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
#menu li a, #menu li a:link {
  color: #83A596;
  text-decoration: none;
  font-weight: bold;
  padding:  20px 20px 5px 5px;
  display: block;
  border-bottom: 1px solid #CCD1CB;
  border-collapse:collapse;
  margin: 0px 0px 0px 0px;
  width:150px;	
}
#menu li a:active {
  color: #59656A;
  background-color: #deebe5;
  padding:  20px 20px 5px 5px;
}
#menu li a:hover {
  color: #74a893;
  background-color: #6A7980; 
  padding:  20px 20px 5px 5px;
}
#menu .huidigepagina {
  background-color:#79888E;
} 
ul#navigatie .huidigepagina a {
  color: #434C50;
}
.about_map {
  color:#CCD1CB;
}
.about_map a, about_map a:link, about_map a:active {
  color:#CCD1CB;
  margin-left:5px;
}
.about_map a:hover {
  /*color:#880000;*/
  color:#74A893;
}



/* Submenu */
#submenu {
  float:left;
  width:580px;
  height:auto;
  margin-bottom:10px;
}
#submenu ul {
  width:100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
#submenu li {
  background-color: #CCD1CB;
  border-right: 1px solid #5B676C;
  float:left;
  font-size:11px;
  padding:5px 0px 5px 0px;
}
#submenu li a, #submenu li a:link {
  color: #434C50;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 8px 5px 5px;
  
}
#submenu li a:active {
  color: #59656A;
  background-color: #deebe5;
}
#submenu a:hover {
  color: #83A596;
  background-color: #6A7980;
}
#submenu .huidigepagina {
  background-color:#79888E;
} 
ul#subnavigatie .huidigepagina a {
  color: #434C50;
}


/* Pagina */
#pagina {
  width:566px;
  height:auto;
  
  padding-left:3px;
  padding-right:4px;
  padding-bottom:5px;
  
  float:left;
  border-bottom: 1px solid #CCD1CB;
  border-right: 1px solid #CCD1CB;
  border-left: 1px solid #CCD1CB;
  
  background-color:#CCD1CB;
  
  background-image:url(../images/back_pag.gif);
  background-attachment:scroll;
  background-repeat:no-repeat;
  background-position:bottom;  
}
#midden {
  width:760px;
  height: auto; 
}
/* volgende en vorige op soorten-pagina */
#volgende{
  float:right;
}	
#vorige{
  float:left;
}
/* Copyrightbalk */
#footer {
  color:#CCD1CB;
  width:570px;
  text-align:center;    
  padding-left:150px;
  padding-bottom:20px;  
  margin-top:10px;  
  margin-bottom:20px; 
}
#footer a {
  color:#CCD1CB;
}
#footer a:hover {
  color:#880000;
}

/* ############### css voor de dingen die te maken hebben met het help-divje en zo... ############### */

#woordenlijst {
	display:none;	
}
.help{
	border-bottom-style:dotted;
	border-bottom-color:#000000;
	border-bottom-width:1px;
	text-decoration:none;
	cursor:help;
}
.uitleg{
	display:none;
	
	background-color:#BABFBA;
	border-color:#660000;
	border-style:solid;
	border-width:1px;
	color:#660000;
	padding:6px 6px 6px 6px;
}

/* ############### Code voor speciefieke pagina's ############### */

/* Code voor de quiz pagina */
.quizbol {
  vertical-align:top;
}
#score {
  font-size:20px;
}
#duurtijd {
  font-size:14px;
}
#quizform {
  display:none;
}
#reset {
  display:none;
}
#duidOplossingenAan {
  float:left;
}


/* code voor de feedback pagina */

#mailform{
  font-family: "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;  
}
#mailform td{
  vertical-align:top;
}
#mailform table{
	width:100%;
}
#commentaar_verplicht, #email_verplicht{
	font-size:10pt;
	width:150px;
}


/* Logboek */

.right {
	text-align:right;
}