/* === ALLE STIJLEN RESETTEN === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;	outline:0; font-size:100%; vertical-align:baseline;	background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* === BODY === */
html, body {height:100%; min-height:100%;}
body {font-family:"Arial"; color:#000; background-color:#ccdc00; font-size:14px; line-height:16px;}

/* === LAYOUT === */
#container {margin:0 auto; min-height:100%;	width:980px; position:relative;}
#header {width:980px; height:150px; background-image:url(../images/logo.png); background-repeat:no-repeat; float:left; display:inline;}
#logo {width:480px; height:150px; float:left; display:inline;}
#banner {width:468px; height:60px; float:left; display:inline; margin:45px 0px 45px 32px;}
#links {width:720px; float:left; display:inline;}
#rechts {width:250px; margin-right:10px; float:left; display:inline;}
#footer {width:980px; height:30px; margin-top:40px; text-align:center; float:left; display:inline;}

/* === H TAGS === */
h1 a {display:block; width:480px; height:150px; text-indent:-9999px;}
h2 {color:#003366; font-size:14px; font-weight:bold; margin:0px 0px 5px 0px;}
h3 {color:#003366; font-size:16px; border-bottom:2px dotted; font-weight:bold; margin: 0px 20px 5px 0px;}
h4 {color:#003366; font-size:16px; border-bottom:2px dotted; font-weight:bold; margin: 0px 20px 5px 0px;}

/* === KADER === */
.kader {width:220px; height:306px; margin-bottom:25px; margin-right:20px; float:left; display:inline;}
.kaderTop {width:220px; height:3px; background-image:url(../images/kader_top.png); background-repeat:no-repeat; float:left; display:inline;}
.kaderMiddle {width:220px; background-image:url(../images/kader_middle.png); background-repeat:repeat-y; float:left; display:inline;}
.kaderBottom {width:220px; height:3px; background-image:url(../images/kader_bottom.png); background-repeat:no-repeat; float:left; display:inline;}
.kaderLogo {width:200px; height:40px; float:left; display:inline; margin:5px 10px 0px 10px;}
.kaderImg {width:200px; height:150px; float:left; display:inline; margin:5px 10px 0px 10px;}
.kaderTitel {width:200px; height:36px; text-align:center; float:left; display:inline; overflow:hidden; margin:10px 10px 0px 10px;}
.kaderTitel p {font-size:12px; color:#000000; text-decoration:none; font-weight:bold;}
.kaderButton {width:200px; height:40px; float:left; display:inline; margin:10px 10px 10px 10px;}

/* === KADER BUTTON === */
a#btn_kader {width:200px; height:40px; background-image:url(../images/button.png); display:block; text-decoration:none; float:left;}
a#btn_kader:hover {background-position:200px 0;}

/* === MENU === */
.menu {text-align:left; color:#000000; width:250px; margin-top:10px; margin-bottom:10px; line-height:16pt; float:left; display:inline;}
.menu li {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ffffff; list-style:none;}
.menu li a {color:#000; font-weight:bold; text-decoration:none; background:#ccdc00; display:block;}
.menu li a:hover {color:#fff; font-weight:bold; text-decoration:none; background:#003366; display:block;}

/* === SPACERS === */
.spacerRechts {width:250px; height:25px; float:left; display:inline;}

/* === LINKPAGINA === */
.partners {width:220px; min-height:300px; margin-bottom:25px; margin-right:20px; float:left; display:inline;}
.spacerPartners {width:720px; height:25px; float:left; display:inline;}

/* === CLASSES CONTACTFORMULIER === */
.nameform {font-size: 18px; color:#000000; border:#003366 1px solid;	text-align:justify;	padding:3px; width:300px; margin-bottom:10px;}
.emailform {font-size: 18px; color:#000000; border:#003366 1px solid;	text-align:justify;	padding:3px; width:300px; margin-bottom:10px;}
.subjectform {font-size: 18px; color:#000000; border:#003366 1px solid;	text-align:justify;	padding:3px; width:310px; margin-bottom:10px;}
.contactform {font-size: 18px; color:#000000; border:#003366 1px solid;	text-align:justify;	padding:3px; width:600px; margin-bottom:10px;}
.button {border:0; padding:2px; background:#003366;	color:#fff; font-weight:bold; cursor:pointer;}
.button:hover {background:#000; color:#fff;}

/* === TEXT CLASSES === */
.bodytext {font-size:12px; color:#000; text-align:justify; text-decoration:none; margin:0px 10px 0px 0px;}
.bodytext a:link {font-size:12px; color:#000; text-align:justify; text-decoration:underline;}
.bodytext a:visited {font-size:12px; color:#000; text-align:justify; text-decoration:underline;}
.bodytext a:hover {font-size:12px; color:#ff0000; text-align:justify; text-decoration:underline;}

.footertxt {font-size:10px; color:#ffffff; text-decoration:none; margin:0px 0px 0px 0px;}
.footertxt a:link {font-size:10px; color:#ffffff; text-decoration:underline;}
.footertxt a:visited {font-size:10px; color:#ffffff; text-decoration:underline;}
.footertxt a:hover {font-size:10px; color:#ff0000; text-decoration:underline;}