@charset "utf-8";
/* CSS Document */
html, body {
	height:100%; /* héél belangrijk */
	background-color: #CECEFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-align: center;/*req in combination with margin:0 auto in #main for align in center */
}
/* @main */
#main {
	margin:0 auto;
	min-height:100%; /* For Modern Browsers */
	height:auto !important; /* For Modern Browsers */
	height:100%; /* For IE */
	background-color:#FFFFFF;
	text-align: left;
}
body > #main {
	overflow:hidden;
}
/* @main */
/* Width used for header, main and footer */
.setwidth {
	width:800px;
}
.setpadding {
	padding:10px;
}
/* @header */
#header {
	background-image:url(img/design/headerbckgrnd.jpg);
	position:relative;
	height:150px;
	margin:0 auto;
	background-color:#7777FF;
	text-align: left;
}
#header h1 {padding:10px; color:#FFF;}
#header p {margin:0; padding:3px 10px; color:#FFF;}
/* @header */

/* @logo */
.logo {float:left; overflow:auto;}
.logoimg {}
/* @logo */

/* @searchform */
#searchform {float:right; margin:0px; padding:18px 10px 0px 0px;}
#searchform p {float:left; margin:0px; padding:0px;}
#searchform img {float:left; border:none; margin:0px; padding:0px;}
.searchform_input {width:120px; height:auto;}
.searchform_button {color:#333;}
#searchform form {margin:0px; padding:0px;}
/* @searchform */

/* @navigation */
.navigation {float:left; line-height:150px; font-size:18px; color:#000;}
.navigation a:link {color:#000; font-weight:bold; text-decoration:none;}
.navigation a:visited {color:#000; font-weight:bold; text-decoration:none;}
.navigation a:hover {color:#FFF; text-decoration:none;}
/* @navigation */

/* @textnavigation */
#textnavigation {height:auto; margin:0px 0px 5px 0px; padding:0px 5px 5px 5px; color:#646464; border-bottom:dotted 1px silver;}
#textnavigation a:link, #textnavigation a:visited {color:#646464; font-weight:normal; text-decoration:none;}
#textnavigation a:hover {color:#646464; font-weight:normal; text-decoration:underline;}
.textnavigationimg {clear:both; float:left; margin:0px; padding:0px 5px 0px 0px;}
/* @textnavigation */

/* @articleprev */
.articleprev {border-top:dotted 1px;}
.articleprev h4 {margin:4px 0px 0px 0px; font-size:15px;}
.articleprev a:link {color:#000; font-weight:bold; text-decoration:none;}
.articleprev a:visited {color:#000; font-weight:bold; text-decoration:none;}
.articleprev a:hover {color:#7777FF; text-decoration:underline;}
.imgpreview img{float:right; background-color:transparent; padding:0px 0px 0px 5px; height:75px; }
/* @articleprev */

/* @articleindex */
.articleindex {border-top:solid 1px #A1A1A1;}
.articleindex h4 {margin:4px 0px 0px 0px; font-size:12px;}
.articleindex a:link {color:#000; font-weight:bold; text-decoration:none;}
.articleindex a:visited {color:#000; font-weight:bold; text-decoration:none;}
.articleindex a:hover {color:#7777FF; text-decoration:underline;}
/* @articleindex */

/* @article all */
.article, .articleprev, .articleindex {background-color:#E7EDF9; overflow:auto; padding:5px; }
/* @article all */

/* @image */
img {border:none; display:block;}
.imgindex {float:left; height:auto; margin:0px 1px 1px 0px;}
.imgleft {float:left; background-color:transparent; margin:3px 6px 0px 0px; padding:0px; border:0px solid #999; height:auto; line-height:0px;}
.imgleft p, .imgright p {text-align:center; margin:0px; padding:8px;}
.imgcenter img {margin-left:auto; margin-right:auto; background-color:transparent; padding:2px; border:0px solid #999;}

.imgright {float:right; background-color:transparent; margin:3px 0px 0px 6px; padding:0px; border:0px solid #999; height:auto; line-height:0px;}

/* @image */

/* @sitepromote */
#sp1 {width:99%; height:46px; border:1px solid #88A0C8; font-family: Tahoma, verdana, arial,sans-serif; font-size:11px; color:#003068; text-decoration:none; background-color:#FFF;}
/* @sitepromote */

td,th { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-top: 0px;
}
ul, ol {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
li {
	margin-bottom: 0.2em
}
a:link {
	color: #7777FF;
	font-weight: bold;
	text-decoration: none
}
a:visited {
	color: #7777FF;
	font-weight: bold;
	text-decoration: none
}
a:hover {
	color: #CECEFF;
	text-decoration: underline
}
#youtube {
	margin:auto;
	float: left;
	padding: 0px 15px 5px 0px;
	width: 425px;
}
.adsense {clear:both;}

/* @sitemap */
li.pp {list-style:inside disc;}
li.ap {list-style:inside circle; margin-left:10px;}
/* @sitemap */

#end {clear:both;}
/* @footer */
#footer {
	clear:both;
	height:40px;
	margin:0 auto;
	border-top:1px solid #CCCCCC;
	background-color:#7777FF;
	text-align:center;
}
#footer p {margin:0; padding:3px; color:#FFF;}
#footer a {color:#FFF; font-weight:bold; text-decoration:none;}
#footer a:hover {color:#FFF; text-decoration:underline;}
/* @footer */


/* @contact */
#contact-area {width:600px; margin-top:25px;}
#contact-area input, #contact-area textarea {padding:5px; width:471px; font-family:Helvetica, sans-serif; font-size:1.4em; margin:0px 0px 10px 0px; border:1px solid #ccc;}
#contact-area textarea {height:90px;}
#contact-area textarea:focus, #contact-area input:focus {border:2px solid #900;}
#contact-area input.submit-button {width:100px; float:right;}

label {float:left; text-align:left; margin-right:15px; width:100px; padding-top:5px; font-size:1em;}
#contact-wm {padding:75px 0px 0px 0px;}
/* @contact */