@charset "UTF-8";
/* basis elementen */
body  {
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #000000;
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	background-color: #eeeeee;
	line-height: 17px;
	list-style-type: disc;
}
h1 {
	color: #009ee0;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 9px;
	line-height: 25px;
}
h2 {
	color: #009ee0;
	font-weight: normal;
	font-size: 15px;
	margin-top: 10px;
	padding-bottom: 10px;
}
h3 {
	font-size: 11px;
	color: #009ee0;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 10px;
}
h4 {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	margin-top: 10px;
}
h5 {
	font-size: 11px;
	color: #009ee0;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 10px;
}
a:link {
	color: #009ee0;
}
a:visited {
	color: #66ccff;
}
a:active {
	color: #333333;
}
a:hover {
	color: #006699;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #009ee0;
	width: 600px;
	margin-bottom: 15px;
	margin-top: 10px;
}
/* basis elementen */
.basis #container {
	position: relative; /* door de toevoeging van position: relative kunt u de twee zijbalken relatief ten opzichte van deze container (het hoofdobject) positioneren */
	width: 1024px;
	text-align: justify; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 12px;
	padding-left: 12px;
	font-size: 10px;
	line-height: 10px;
	background-image: url(../images/all/blur.jpg);
} 

.basis #header {
	height: 87px; /* als u de bronvolgorde van de kolommen wijzigt, wilt u mogelijk een hoogte voor de header gebruiken, zodat u de kolommen een voorspelbare waarde voor top kunt geven */
	background: #009ee0;  /* deze instelling voor padding (opvulling) komt overeen met de uitlijning links van de elementen binnen de div-elementen, die volgen op deze padding. Als een afbeelding wordt gebruikt in de #header in plaats van tekst, wilt u wellicht de padding (opvulling) verwijderen. */
	width: 1000px;
	text-align: center;
} 
.basis  #linkermenu {
	position: absolute;
	top: 97px;
	left: 12px;
	width: 175px;
	list-style-type: none;
}
.basis    #header    #menu  {
	background-image: url(../images/all/menu.jpg);
	height: 27px;
	text-align: center;
	background-position: center;
	vertical-align: middle;
	margin: auto;
	padding-top: 1px;
}
.basis #container #header #logo object {
	height: 60px;
	width: 468px;
}
.basis  #header  #logo  {
	text-align: center;
	height: 60px;
}
.basis  #blokjes {
	position: absolute;
	right: 24px;
	width: 168px; /* met een waarde voor padding houdt u de inhoud van het element div van de randen vandaan */
	margin-right: 13px;
	text-align: center;
	top: 97px;
}
.basis  #mainimage {
	margin-top: 0px;
	margin-bottom: 25px;
	top: 87px;
	height: 157px;
	left: 0px;
	margin-left: 219px;
	position: absolute;
	width: 600px;
	padding: 0;
}
.basis     #content {
	width: 600px;
	margin-bottom: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-left: 207px;
	margin-right: 193px;
	margin-top: 25px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	top: 167px;
	position: relative;
	clear: both;
}
.basis   #item {
	width: 600px;
	margin-bottom: 15px;
	margin-left: 207px;
	margin-right: 193px;
	margin-top: 15px;
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	text-align: left;
	padding: 0;
	clear: both;
	position: static;
}
.basis #footer {
	background-image: url(../images/all/footer.jpg);
	margin-right: -12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: -88px 0px;
	height: 150px;
	margin-left: -12px;
	clear: both;
} 
#disclaimer    {
	margin-top: 120px;
	float: left;
	font-size: 9px;
	color: #666666;
}
#lijn  {
	margin-top: 35px;
	margin-bottom: 25px;
	clear: both;
	z-index: 3;
}
.disclaimer {
	font-family: Verdana, Helvetica;
	font-size: 9px;
	line-height: 13px;
	color: #666666;
}
.disclaimerclear {
	font-family: Verdana, Helvetica;
	font-size: 9px;
	line-height: 13px;
	color: #666666;
	clear: both;
}

/* Forms algemeen */
.button {
	color: #fff;
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #009ee0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: 5px 8px;
	border-style: groove;
}
.inputmax {
	font-size: 10px;
	background-color: #fff;
	position: static;
	bottom: 20px;
	width: 250px;
	float: left;
	margin-top: 3px;
	margin-right: 6px;
	margin-left: 0px;
	padding: 2px;
	border: solid 1px #009ee0;
	margin-bottom: 3px;
}


.inputSmall {
	font-size: 10px;
	background-color: #fff;
	position: static;
	left: 200px;
	bottom: 20px;
	float: left;
	margin-top: 3px;
	margin-right: 6px;
	padding: 3px;
	border: solid 1px #009ee0;
	margin-bottom: 3px;
}
.inputbox {
	font-size: 10px;
	background-color: #fff;
	bottom: 20px;
	margin-top: 3px;
	margin-right: 6px;
	padding: 3px;
	border: solid 1px #009ee0;
	margin-bottom: 3px;
}

/* Typografisch */
.indent {
	margin-right: 25px;
	margin-left: 25px;
}
.centreer  {
	text-align: center;
}
.plaatje {
	margin-bottom: 8px;
	border-width: 0px;
}
.plaatjeFlLinks    {
	text-align: left;
	border: 0px;
	float: left;
	margin-right: 10px;
}
.plaatjeFlRechts {
	text-align: right;
	border: 0px;
	float: right;
}
/* lijst */
.lijst {
	font-family: verdana, helvetica;
	vertical-align: text-top;
	text-align: left;
	line-height: 15px;
	margin-left: 5px;
	list-style: outside;
}
.lijst li {
	font-size: 15px;
	color: #009ee0;
	text-align: left;
	margin-left: 15px;
	list-style: outside;
}
.lijst span {
	font-size: 10px;
	color: #000000;
	text-align: left;
}

.lijst ol {
	font-size: 10px;
	color: #000000;
	text-align: left;
}
.clear {
	clear: both;
}

/* Kolommen */

#kolom190_links, #kolom190_center, #kolom190_rechts  {
	padding: 5px;
	float: left;
	width: 178px;
	margin-right: 15px;
}
#kolom290_links, #kolom290-rechts {
	padding: 5px;
	float: left;
	width: 288px;
	margin-right: 20px;
	}
#kolom190_rechts, #kolom290_rechts {
	margin-right: 0px;
}
#kolom130_links, #kolom130_lcenter,#kolom130_rcenter, #kolom130_rechts  {
	padding: 5px;
	float: left;
	width: 130px;
	margin-right: 10px;
}
.kolomblauw {
	border: 1px solid #009ee0;
	background-image: url(../images/all/blurblauw.jpg);
	}


/* Checkbox */
span.checkbox {
	width: 100px;
	height: 25px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
	background-image: url(../images/all/checkbox.gif);
	background-repeat: repeat;
}
.nobr {white-space: nowrap}

/* scrollbox rechts */
#message a
{
	/* display: block before hiding */
	display: block;
	display: none;
	/* link is above all other elements */
	z-index: 999;
	/* link doesn't hide text behind it */
	opacity: .8;
	/* link stays at same place on page */
	position: fixed;
	/* link goes at the bottom of the page */
	top: 100%;
	margin-top: -107px; /* = half of width */
	/* make it big and easy to see (size, style to preferences) */
	width: 100px;
	padding: 10px;
	background-color: #fff;
	height: 24px;
}
.basis     #messageblock {
	width: 100px; /* met een waarde voor padding houdt u de inhoud van het element div van de randen vandaan */
	margin-right: 48px;
	text-align: center;
	float: right;
}


.input { border: 1px solid #0099cc; background-color: #ccebf6; color: #000000; }

textarea { border: 1px solid #0099cc; background-color: #ccebf6; color: #000000; font-family: Verdana; font-size: 8pt; }

  

.required { color: #FF0000; }

.requiredmsg { font-family: Verdana; font-size: 7pt; }

.mailtable { width: 620px; font-family: Verdana; font-size: 8pt; }

.mailtitle { font-size: 14pt; font-family: Tahoma; background-color: #0099cc; margin:0px; color: #FFFFFF; padding: 5px; }
.button { color: #000; font-size: 10px; font-family: verdana, arial; background: #09c; padding: 5px 2px; border: solid 1px #09c; }