@charset "UTF-8";
* { margin:0px; padding:0px; }
html, body {font-family:Arial, Helvetica, sans-serif; font-size:12px;line-height:18px;background-color:#529fd0; /* 529fd0*/color:#333333;/* background-image:url(../img/bg_3.jpg); background-position:top left; background-repeat:no-repeat; background-attachment:fixed; */	overflow-x:hidden;}
.header {width:100%; height:400px;margin-bottom:0px;float:left;}
.block a, .contact a, .block a:visited { color:#f5f2eb; text-decoration:none; border-bottom:1px dotted #f5f2eb; }
.block a:hover, .contact a:hover { color:#FFFFFF; text-decoration:none; border-bottom:1px solid #f5f2eb; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; padding:10px; padding-left:0px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; padding:8px; padding-left:0px; }
h3 { font-family:Arial, Helvetica, sans-serif;  font-size:17px; padding:6px; padding-left:0px; }
ul { list-style:none; }
a { border-bottom:1px dotted #e6e7ed; color:#e6e7ed; text-decoration:none; }
a:hover { color:#000; border-bottom:1px dotted #000; }
a img { border:0px; text-decoration:none; }
.down {width:850px;float:left;}
/* Loginform */
.loginform {width:300px; height:160px;padding:20px; color:#FFFFFF;margin-left:100px;font-size:13px;}
.loginform h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px;padding:10px; padding-left:0px;}
.loginform input {width:120px;font-family:Arial, Helvetica, sans-serif; font-size:12px;padding:3px; margin:2px;background-color:#FFFFFF; color:#333333;border:1px solid #999999;}
/* Header */
.header img {float:left;overflow:hidden;}
/* Menu */
.menu {width:170px; height:450px;padding:10px;margin-top:30px; float:left;}
.menu ul { list-style:none; }
.menu li a {width:150px;font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; padding:5px; line-height:20px; padding-left:15px;color:#ffffff;display:block;border:0px;text-decoration:none;cursor:pointer;background-image:url(../img/dottedh.png); background-position:bottom left; background-repeat:repeat-x;}
.menu li a:hover {color:#126891; cursor:pointer;}
.menu h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px;padding-left:15px;}
.menu img {height:25px; border:0px;float:left;padding:2px;}
/* Logo */
.logo {width:100%; height:250px;position:absolute; top:180px; left:0px;overflow:hidden;background-image:url(../img/logo_header.png); background-position:bottom left; background-repeat:no-repeat;z-index:1000;}
/* Home */
.hometekst { width:450px; padding:20px;position:absolute; top:425px; left:230px;padding-bottom:40px;}
.block, .contact, .bestelformulier {width:600px; padding:20px;position:absolute; top:425px; left:180px;padding-bottom:20px;}
.line {width:550px; height:10px;border-top:1px solid #438fc0;margin-top:20px;}
/* Content */
.block img {border:0px;padding:0px;border:0px solid #b0cfe2;}
/* Contact */
.contact input {width:140px;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;padding:3px; border:1px solid #93c1de;background-color:#93c1de;}
.contact textarea {width:250px; height:90px;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;padding:3px; border:1px solid #93c1de;background-color:#93c1de;}
/* bestelformulier */
.bestelform {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:18px;padding:0px; margin:0px; text-align:left;}
.bestelform td {padding:2px;}
.bestelform .ftext {width:150px;padding:2px; border:1px solid #999999;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.printknop {width:140px; padding:5px; border:1px solid #666666; background-color:#CCCCCC; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000;}
/* Validation */
.valid { border:1px solid #93c1de !important;}
.invalid { border:1px solid #C32525 !important;}
.lightlogo { display:none; }
/* keuzemenu */
.keuzemenu {width:250px;position:absolute; top:3px; left:3px; z-index:1000;}
.keuzemenu a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;display:block;text-decoration:none; background-color:#FFFFFF; padding:3px; margin:2px; float:left;}
.keuzemenu a:hover {border:0px; text-decoration:none;background-color:#333333; color:#FFFFFF;}
/* aanvraagform */
.form { width:500px; padding:25px; margin-top:20px; float:left; display:table; }
.form input { padding:4px; width:140px; margin:2px; font-size:12px; border:1px solid #333; }
/* nieuws */
.nieuws_home { width:250px; padding:5px; position:absolute; top:430px; left:760px; }
/* video */
.video { width:640px; padding:0px; margin-top:20px; background-color:#e5e5e5; float:right; display:table;}
.video h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:300; color:#333; padding:5px; padding-left:0px; }
.video h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:300; color:#333; padding:10px; padding-left:0px; }
.video h3 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; padding:10px; padding-left:0px; }
.video a { color:#333; background-image:none; border:0px; line-height:25px; }
.video a:hover { color:#000; }
.video a img { height:25px; padding-right:10px; float:left; }
.video .zoeken { padding:20px; width:600px; background-color:#80b8db;}
.video .zoekform input { padding:5px; border:1px solid #999; font-size:12px; color:#000; }
.videolijst { width:600px; padding:20px; } 
/* login */
.login { width:400px; padding:20px; margin-left:20px; float:left; margin-top:40px;  background-color:#afd6ef; border-radius: 10px; }
.login p { padding:10px; }
.login form { width:400px; text-align:center; }
.login .login_link { line-height:30px; }
.login .headline {font-size:24px;color:#555;margin-bottom:10px;}
.login input {border:1px solid #bbb;border-radius: 5px;padding:6px 8px; width:150px;color:#555;font-size:11px;box-shadow: 1px 1px 3px 2px rgba(200,200,200, 0.2) inset;}
.login input[type="text"],input[type="password"] {margin-bottom:5px;color:#999; background-color:#FFFFFF; padding:4px;}
.login input[type="submit"] {border-color: #999;  cursor: pointer;background:-webkit-linear-gradient(top, white, #E0E0E0);background:-moz-linear-gradient(top, white, #E0E0E0);background:-ms-linear-gradient(top, white, #E0E0E0);background:-o-linear-gradient(top, white, #E0E0E0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;margin-top: 5px;}
.login input[type="submit"]:hover {background: -webkit-linear-gradient(bottom, white, #E0E0E0);background:-moz-linear-gradient(bottom, white, #E0E0E0);background:-ms-linear-gradient(bottom, white, #E0E0E0);background:-o-linear-gradient(bottom, white, #E0E0E0);}
.login .message_success {border:1px solid #58BA36;border-radius: 5px;background-color: #E9F9E5;padding:6px 8px; color:#58BA36;font-size:11px;margin-bottom: 10px;}
.login .message_error {border:1px solid #C83E16;border-radius: 5px;background-color: #F9E5E6;padding:6px 8px; color:#C83E16;font-size:11px;-webkit-box-shadow: 0 2px 3px rgba(62,120,170,0.25);-moz-box-shadow:0 2px 3px rgba(62,120,170,0.25);box-shadow:0 2px 3px rgba(62,120,170,0.25);margin-bottom: 10px;}
/* nieuwslijst */
.nieuwslijst { width:600px; padding:10px; float:left; background-color:#afd6ef; border:0px solid #CCCCCC; margin-top:20px; border-radius: 10px; }
.nieuwslijst h2 { width:480px; height:20px; line-height:20px; padding:10px; text-align:left; float:left; display:table; }
.nieuwslijst ul { clear:both; }
.nieuwslijst li { width:600px; border-bottom:1px solid #b7daf0; background-color:#FFFFFF; float:left; }
.nieuwslijst a { display:block; width:580px; padding:10px; color:#333333; border:0px; }
.nieuwslijst a:hover { background-color:#d7ecf9; color:#000;}
.nieuwslijst a b { font-size:12px; }
.nieuwslijst a.logout { width:80px; float:right; text-align:center; line-height:20px; font-size:13px; }
.nieuwslijst .logout img { float:left; height:20px; padding-right:4px; }
.iteminfo { width:600px; padding:10px; float:left; background-color:#afd6ef; border:0px solid #CCCCCC; margin-top:20px; border-radius: 10px; }
.iteminfo h2 { width:460px; height:20px; line-height:20px; padding:10px; text-align:left; float:left; }
.iteminfo table { width:600px; background-color:#FFFFFF; }
.iteminfo td { font-size:13px; padding:5px; border-bottom:1px solid #b7daf0; }
.iteminfo .gaterug { color:#333333; border:0px; font-size:13px; line-height:35px; float:right; width:100px; }
.iteminfo .gaterug:hover { color:#000000; text-decoration:underline; }