* { 
margin: 0;
padding: 0;
} 

body { 
/*background-color: silver;*/
background: silver url("main_22.jpg") no-repeat center center fixed;
background-size: cover;

/*font-family: "Varela", sans-serif;*/
font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	color: #000;
font-size: 100%;
color: black;
} 

#kop { 
width: 900px;
height: 300px;
margin: 0 auto;
background-color: rgba(255,255,255,0.8);
/*background-image: url("head.jpg");*/
background-image: url("page-header-1923.JPG");
background-size: contain;

background-repeat: no-repeat;
} 

#kop p {
font-family: Georgia, serif;
font-size: 10px;
font-weight: bold;
color: white;
font-variant: small-caps;
padding-left: 20px;
padding-top: 16px;
}

#midden { 
width: 898px;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 0 auto;
overflow: hidden;
} 

#menu { 
height: 50px;
width: 898px;
margin: 0 auto;
padding:10px;
background-color: rgba(255,255,255,0.8);
} 
/* voor navigatielinks nav zie beneden


/* menu in rechter kolom */

#menu-rechts { 
list-style-type: none;
} 

#menu-rechts ul { 
list-style-type: none;
}

#menu-rechts li { 
list-style-type: none;
}

#menu-rechts li a {
display: block;
/*width: 127px;*/
height: 30px;
line-height:1.0;
/*border-radius: 25px;
border: 3px solid rgba(0,0,255,0.6);*/
padding: 4px 10px;
text-align: left;
font-size: 12px;
/*text-decoration: none;*/
/*text-transform: uppercase;*/
color: blue;
/*background-color:yellow;*/
font-weight: bold;
margin-top:20px;
margin-left:5px;
}

#menu-rechts li a:hover {
background-color: grey;
}

#hoofdvak {
clear: left; 
float: left;
width: 652px;
padding-left: 18px;
padding-right: 18px;
padding-top: 28px;
/*background-color: white;*/
background-color: rgba(255,255,255,0.8);
padding-bottom: 32000px;
margin-bottom: -32000px;
}

#hoofdvak p {
font-size: 85%;
margin-bottom: 18px;
}

#hoofdvak ul, #hoofdvak ol {
font-size: 85%;
margin-bottom: 18px;
margin-left: 18px;
}

#hoofdvak h1 {
font-size: 120%;
font-weight: bold;
color: maroon;
margin-bottom: 6px;
}

#hoofdvak h2 {
font-size: 100%;
font-weight: bold;
color: navy;
margin-bottom: 6px;
}

#kolomrechts { 
width: 197px;
float: left;
border-left: 1px solid black;
padding-right: 4px;
padding-left: 8px;
padding-top: 28px;
background-color: /*white;*/ rgba(192,192,192,0.8);
text-align: center;
padding-bottom: 32000px;
margin-bottom: -32000px;
}

#kolomrechts p {
font-size: 75%;
margin-bottom: 24px;
}

#voet { 
clear: both;
width: 888px;
margin: 0 auto;
background-color: rgba(0,51,102,0.9);
color: white;
font-size: 60%;
/*text-align: right;*/
padding-top: 6px;
padding-right: 6px;
padding-left: 6px;
padding-bottom: 6px;
}

.nadruk {
font-weight: bold;
color: maroon;
}

input[type=submit],
button{
    width:120px;
		height:25px;
		margin:0px 20px 0px 0px;
		border:none;
		border-radius:15px;
		box-shadow:0px 0px 10px 3px rgba(0,0,0,0.2);
    background-color:#FF6600;
		color:#FFFFFF;
		font-size:14px;
		cursor:hand;
		cursor:pointer;
}


/* dit de navigatie via het menu */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	/*width: 8em;*/
	margin: 0 5px;
	padding: 4px 10px;
  text-align: center;
	font-size: 14px;
	font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: blue;
}

#nav li {
   float: left;
	/*width: 10em;*/
	/*width: 127px;*/
	/*border: 1px solid black;*/
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;

}
#nav li ul a{
  font-size: 80%;
	width: 12em;
	text-align: left;
	padding: 0 5px;
	text-decoration: none;
  text-transform: none;
	font-weight: normal;
	background: orange;
	border: 1px solid grey;
	}
#nav li a:hover {
background-color: grey;
}

#nav li:hover ul {
	left: auto;
}
#content {
	clear: left;
	color: #ccc;
}


/* en dit is het einde de navigatie via het menu */