html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
}
body, td, div, h1, h2, h3, span, p, th, select, option, input, textarea, form {
	font-family: Arial;
	font-size: 10pt;
}
body {
	background-color: #263E8D;
	/*background-image: url('img/bg.png');*/
	background-repeat: repeat-x;
	overflow-x: auto;
	overflow-y: scroll;
}
h1 {
	font-size: 12pt;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
h2 {
	font-size: 11pt;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
h3 {
	font-size: 10pt;
	padding: 5px 0px 10px 0px;
	margin: 0px;
}
p {
	padding: 0px;
	margin: 0px;
}
table {
	border-collapse: collapse;
}

#content {
	width: 100%;
	height: 100%;	
}

#wrapper {
	background-color: #FFFFFF;
	background-image: url('img/bg_grey.jpg');
	background-repeat: repeat-y;
	background-position: 0px 100px;
	border: solid 3px #FFFFFF;
	position: relative;
	margin: 0px auto;
	width: 800px;
	height: 100%;
	padding: 0px 15px 0;	
	vertical-align: top;
}

#logo {
	padding: 15px 5px 20px 5px;
}

#navigation {

}
#navigation-bar {
	margin: 0px;
	padding: 0px;
	background: #A9A4CE;
	float: left;
	width: 100%;	
	border-width: 1px 0;
}
#navigation-bar li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#navigation-bar a:link,
#navigation-bar a:visited {
	color:#000;
	background: #A9A4CE;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	border-left: 1px solid #C6C5CC;
	border-right: 1px solid #8F88CC;
	float: left;
	width: auto;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #555;
	font-weight: bold;	
}
#navigation-bar a:hover {
	color: #fff;
	background: #30489B;
}
#navigation-bar li:first-child a {	
	border-left: none;
}
.navigation-active {
	color: #fff !important;
	background: #30489B !important;
	border-right: 1px solid #092A99 !important;
}

#panes {
	width: 100%;	
}
.blank {
	width: 50%;
}
.pane {		
	width: 800px;	
	padding: 60px 0px 20px 0px;	
	_padding: 30px 0px 20px 0px; /* IE only */
}

.wie-logo {
	display: inline;
	border: solid 1px #CCCCCC;
	width: 240px;
	height: 120px;
	margin: 20px 10px 0px 10px;	
}

.waarom
{
	padding: 0px 0px 18px 0px;
}
.waarom-icon
{
  float: left;
	margin: 8px 5px 25px 0px;
	border: solid 1px #CCCCCC;
}

#contact {
	float: right;
	border-left: solid 1px #CCCCCC;
	padding: 0px 0px 0px 10px;
}
#contactform {
	width: 450px;	
}
#contactform textarea {
	width: 100%;
	height: 200px;
	border: solid 1px #CCCCCC;
	overflow: auto;
}
#contact-naam,
#contact-email,
#contact-onderwerp {
	width: 250px;
	border: solid 1px #CCCCCC;
}
.invalid {
	border: solid 1px #FF3300 !important;
}
.invalid-field {
	color: #FF3300;
	font-style: italic;	
	margin: 0px 0px 0px 10px;
}
.contact-logo {
	border: none;
	width: 180px;
	height: 60px;
	border: solid 1px #CCCCCC;	
	margin: 5px;
}
.contact-hanneke {
	border: none;
	width: 180px;
	height: 150px;
	border: solid 1px #CCCCCC;
	margin: 5px;
}

#footer {	
	text-align: center;
}
#footer a:hover,
#footer a:active,
#footer a:link,
#footer a:visited {
	font-size: 7pt;
	color: #FFFFFF;
	text-decoration: none;
{