/* Basis */

html, body {
	height: 100%;
}

body {
	background-color: #8d9cb1;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: black;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#houder {
	background-color: white;
	margin-top: 20px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	color: black;
	overflow: hidden;
}

#inhoud {
	width: 930px;
	background-color: white;
	color: black;
}

/* Einde basis */

/* Opmaak tekst */

p {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	
	line-height: 1.4em;
}

h1 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-variant: normal;
	color: black;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;	
}

h2 {
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Einde opmaak tekst */

/* Opmaak hyperlinks */

a:link { 
	color: blue; 
	text-decoration: none;
}

a:visited { 
	color: blue;
	text-decoration: none;
}

a:hover { 
	color: #DC143C;
	text-decoration: none;
}

a:active {
	color: #DC143C;
	text-decoration: none;
}

a.selected {
	color: #DC143C;
	text-decoration: none;
}
/* Einde opmaak hyperlinks */

/* Header */

#header {
	background-color: white;
	width: 930px;
	height: auto;
}

#fotobalk {
	width: 914px;
	height: 30px;
	margin-top: -35px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 20px;
	background: #000000;	
	color: #FFFFFF;
	font-size: 24px;
}

/* Einde header */

/* Hoofdmenu */

#hoofdmenu ul{
	list-style-type: none;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	background-color: white;
}
#hoofdmenu li {
	display: inline;
}
#hoofdmenu li a {
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	background-color: #1a3762;
	color: white;
}
#hoofdmenu li a:hover {
	background-color: orange;
	color: #1a3762;
}
#hoofdmenu li a.selected {
	background-color: #dd2f49;
	color: white;
}

/* Einde hoofdmenu */

/* Hoofdmenu met submenu */

#hoofdmenu2 ul{
	list-style-type: none;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
	background-color: white;
}
#hoofdmenu2 li {
	display: inline;
}
#hoofdmenu2 li a {
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	background-color: #8d9cb1;
	color: white;
}
#hoofdmenu2 li a:hover {
	background-color: orange;
	color: #1a3762;
}
#hoofdmenu2 li a.selected {
	background-color: #dd2f49;
	color: white;
}

/* Einde hoofdmenu met submenu */

/* Submenu */ 

#submenu ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 20px 0px;
	text-align: center;
	background-color: white;
}
#submenu li {
	display: inline;
}
#submenu li a {
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	background-color: #1a3762;
	color: white;
}
#submenu li a:hover {
	background-color: orange;
	color: #1a3762;
}
#submenu li a.selected {
	background-color: #dd2f49;
	color: white;
}

/* Einde submenu */

/* Drie gelijke kolommen */

#kolomlinks {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	width: 300px;
	background-color: white;
	line-height: 1.6em;
	height: auto;
}

#kolommidden {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;	
	width: 300px;
	background-color: white;
	line-height: 1.6em;
	height: auto;
}

#kolomrechts {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 0px;
	width: 300px;
	background-color: white;
	line-height: 1.6em;
	height: auto;
}

.boxgelijkekolommen {
	text-align: left;
	width: 288px;
	float: left;
	margin: 10px 0px 10px 0px;
	border: 0px solid;
	padding: 10px 0px 0px 0px;
	background-color: white;
}

/* Einde drie gelijke kolommen */

/* Twee kolommen */

.kolomlinks {
	float: left;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	background-color: white;
	line-height: 1.6em;
	height: auto;
}

.boxlinks {
	text-align: right;
	width: 290px;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0px solid;
	border-color: #8d9cb1;
	padding: 0px 0px 0px 0px;
	background-color: white;
}

.kolomrechts {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 600px;
	background-color: white;
	line-height: 1.6em;
	height: auto;
}

.boxrechts {
	text-align: left;
	width: 590px;
	float: left;
	margin: 0px 0px 0px 0px;
	border: 0px solid;
	padding: 0px 0px 0px 0px;
	background-color:white;
}

/* Einde twee kolommen */

/* Brede balken */

#sluitbalk {
	line-height: 1.6em;
	background-color: #8d9cb1;
	color: white;
	height: 50px;
	width: 930px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#blankebalk {
	line-height: 1.6em;
	background-color: white;
	color: white;
	height: 20px;
	width: 930px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#bredebalk {
	line-height: 1.6em;
	background-color: white;
	height: auto;
	width: 930px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.boxbredebalk {
	text-align: left;
	width: 898px;
	float: left;
	margin: 10px 0px 10px 10px;
	border: 0px solid;
	padding: 10px 0px 0px 10px;
	background-color: white;
}

/* Einde brede balken */ 



.boxitem {
	text-align: center;
	width: 190px;
	float: left;
	margin: 0px 0px 0px 3px;
	border: 0px solid;
	padding: 0px 0px 10px 0px;
	background-color: white;
}
#boxitem a {
	text-decoration: none;
	color: blue;
	display: block;
}
#boxitem a:hover {
	color: #cc0000;
	text-decoration: none;
}
#boxmenu ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	line-height: 1.8em;
	padding: 0px 0px 0px 0px;
}
#boxmenu {
	text-align: left;
	width: 222px;
	float: left;
	margin: 0px 0px 0px 3px;
	border: 1px solid;
	padding: 10px 0px 10px 10px;
	border-color: #1a3762;
	background-color: #eff2fc;
	height: auto;
}
#boxmenu li a {
	text-decoration: none;
	color: #1a3762;
	display: block;
	background-color: transparent;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 0px;
}
#boxmenu li a:hover {
	color: #dd2f49;
	text-decoration: none;
	background-color: transparent;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 0px;
}
#boxmenu li a.selected {
	color: #dd2f49;
	text-decoration: none;
	background-color: transparent;
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 0px;
}
#inhoudrechts {
	float: none;
	padding: 0px 0px 0px 0px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	background-color: green;
}

#inhoudbreed {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 310px;
	margin: 0px 0px 0px 0px;
	background-color: fuchsia;
	line-height: 1.6em;
	height: auto;
}
#inhoudbreed a {
	text-decoration: none;
	color: blue;
}
#inhoudbreed a:hover {
	color: #e8553b;
	text-decoration: none;
}
.driefotos {
	float: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	
	width: 930px;
	background-color: white;
}
.onderschrift {
	color: #1a3762;
	font-size: 10px;
}

.links {
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

.midden {
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

.rechts {
	float: right;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.grotefoto {
	float: left;
	padding: 0px 0px 0px 0px;
}
.kleinefotolinks {
	float: left;
	padding: 0px 0px 20px 20px;
	height: 270px;
	width: 360px;
}
.kleinetekstrechts {
	float: right;
	padding: 0px 20px 20px 0px;
	width: 360px;
	line-height: 1.6em;
}
.kleinefotorechts {
	float: right;
	padding: 0px 0px 20px 0px;
	height: 270px;
	width: 360px;
}
.kleinetekstlinks {
	float: left;
	padding: 0px 0px 20px 20px;
	width: 360px;
	line-height: 1.6em;	
}


#koptekst {
	padding: 0px 0px 0px 0px;
	color: gray;
	background-color: fuchsia;
}

