/* CSS Document */

body {
	background: #fff;
	font: normal 12px/18px Arial, Helvetica, Verdana, "sans serif";
	padding: 0px;
	margin: 0px;
    text-align:center;
}


#header {
	width: 896px;
	background: #fff;
	border-bottom: dashed 1px #00418d;
	padding: 10px 0px 10px 108px;
}

a {
	color: #00418d;
	text-decoration: none;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #00418d;
	font: normal 18px/22px Georgia, "Times New Roman", Times, serif;
}

#missie h1 {
	color: #00418d;
	font: normal 18px/22px Georgia, "Times New Roman", Times, serif;
	border-bottom: solid 1px #005395;
}

h2 {
	color: #00418d;
	font: bold 12px/18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0px;
	padding: 6px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}

p {
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.littleLink {
	text-align: right;
}

.infoText {
	color:#00418d;
}

.clr {
clear:both;
} 

a img, a imgLeft {
	border: 0;
}

.imgLeft {
	float: left;
	display: block;
	margin: 5px 10px 10px 0px;
	border: #bfd0e3 solid 1px;
}

.imgRight {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	border: 0;
}

#menu {
	width: 150px;
	float: left;
	margin: 20px 20px 0px 0px;
}

#menu ul {
	float: left;
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#menu li {
	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
	display: block;
	border-bottom: dashed 1px #00418d;
	padding: 3px 5px 3px 5px;
	letter-spacing: 1px;
	font-weight: bold;
}

#menu ul li:link {
	color: #00418d;
	text-decoration: none;
}

#menu ul li:visited {
	color: #00418d;
	text-decoration: none;
}

#menu ul li:hover {
	color: #00418d;
	text-decoration: none;
 	background-color: #e5edf4;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited, #menu ul li a:hover {
	color: #00418d;
	text-decoration: none;
}

#container {
	width: 1004px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	min-height: 100%;
	height:auto; /* voor moderne browsers */
	height:100%; /* voor IE */
}

#mainContent {
	width: 500px;
	height: auto;
	min-height: 500px;
	overflow: visible;
	text-align: left;
	padding: 0px 20px 0px 0px;
	margin: 20px 0px 20px 0px;
	float: left;
}

#mainContent ul li {
	color: #00418d;
}

#mainContent ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;

}

#mainContentXL {
	width: 720px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	float: left;
}

#medewerker {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	float: left;
}

#media {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#medewerkerTextBox {
	width: 500px;
	text-align: left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#mediaTextBox {
	width: 500px;
	text-align: left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}

#medewerkerImageBox {
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	float: left;
}

#medewerkerImageBox img {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	float: left;
	border: #bfd0e3 solid 1px;
}

#mediaImageBox {
	width: 125px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#mediaImageBox img {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	float: left;
	border: #bfd0e3 solid 1px;
}

#missie {
	width: 230px;
	float: right;
	margin: 20px 20px 0px 0px;
}

#missieContent {
	float: right;
	padding: 0px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	color: #00418d;
}

#missie ul {
	float: left;
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#footer {
	background: #e5edf4;
	width: 834px;
	float: left;
	border-top: dashed 1px #00418d;
	border-bottom: dashed 1px #00418d;
	padding: 0px 0px 20px 170px;
	margin-top: 20px;
}

#footerText {
	float: left;
	width: 500px;
	padding: 20px 0px 0px 0px;
	color: #00418d;
}	

#quote{
	font: normal 14px/18px Georgia, Times, serif;
	font-style: italic;
	color: #00418d;
}	

#author {
	font: normal 12px/14px Verdana, Helvetica, "sans serif";
	font-variant: small-caps;
	text-align: right;
	padding: 10px 0px 0px 0px;
}

#copyright {
	float: right;
	display: block;
	padding: 5px 5px 10px 0px;
	color: #00418d;
}

#copyrightText {
	font: normal 9px/11px Verdana, Helvetica, "sans serif";
	text-align: right;
	padding: 0px 0px 0px 0px;
}

.bron {
	font: normal 10px/14px Verdana, Helvetica, "sans serif";
	color: #00418d;
}