/* 	Reset */
*{margin:0;padding:0}
img{border:0}
a{outline:none}

/* HTML  */
html{overflow-x:hidden;overflow-y:scroll}
body {background:#e0e0e0;color:#333;font-family: Verdana, Helvetica, Arial, sans-serif;font-size:12px;line-height:18px}
h1{color:#0d3865;font-family:Helvetica;font-size:24px;font-weight:normal;margin-bottom:21px}
h2{color:#0d3865;font-size:14px;margin:0 20px 20px 0}
h3{color:#0d3865;font-size:12px;margin:0 5px 9px 0}
p{margin-bottom:10px}
a:link,a:visited{color:#0d3865}
a:hover,a:active{color:#b62c45}
table{border-bottom:1px solid #ccc;border-right:1px solid #ccc;margin-bottom:20px;width:100%}
td,th{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:4px}
th{background:#e0e0e0;color:#0d3865;text-align:left}
tr.zebra{background:#f1f1f1}
hr{border:1px solid #e0e0e0;margin:20px 0}

/* wrapper */
#wrapper{background:url(../img/bg-wrapper.jpg) repeat-y #fff;margin:10px auto 0 auto;padding-bottom:20px;width:980px}

/* header */
#header{background:url(../img/bg-header.jpg) no-repeat}
#header img{float:left;margin-left:20px}

/* top right navigation */
#topnav{float:right;margin:10px 10px 0 0}
#topnav li{float:left;font-size:11px;list-style:none;padding-right:10px}
#topnav li a{text-decoration:none}

/* top social navigation */
#socialnav{left:617px;position:relative;top:70px}
#socialnav li{float:left;font-size:0;list-style:none;padding-right:5px;width:32px}
#socialnav li a{display:block;height:32px;text-decoration:none;width:32px}
#socialnav li a.youtube{background:url(../img/youtube.png)}
#socialnav li a.facebook{background:url(../img/facebook.png)}
#socialnav li a.linkedin{background:url(../img/linkedin.png)}
#socialnav li a.twitter{background:url(../img/twitter2.png)}

/* main navigation */
#mainnav{background:#b42640;clear:both;height:30px;line-height:30px;margin-left:20px;position:relative;width:940px;z-index:999}
#mainnav li{background:url(../img/bg-button-mainnav.jpg) left no-repeat;float:left;font-size:12px;list-style:none;padding:0 20px}
#mainnav li.first{background:none}
#mainnav li.last{float:right;padding:0 20px} /*background:none;*/
#mainnav li a{color:#fff;display:block;height:30px;text-decoration:none}
#mainnav li:hover, #mainnav li.hover{background:url(../img/bg-button-mainnav-hover.jpg) left no-repeat #0d3865;position:relative}
#mainnav li:hover > ul{visibility:visible}
#mainnav li ul{background:url(../img/bg-dropdown.png) bottom no-repeat;left:0;padding-bottom:13px;position:absolute;top:100%;visibility:hidden;width:227px;z-index:999}
#mainnav li ul li{background:url(../img/bg-button-mainnav-hover.jpg) left no-repeat #0d3865;float:none}
#mainnav li ul li.first{background:url(../img/bg-button-mainnav-hover.jpg) left no-repeat #0d3865}
#mainnav li ul li a{border-top:1px solid #70879f;font-size:12px;padding:0 5px 0 0}
#mainnav li ul li a:hover,#mainnav li ul li a:active{color:#70879f}
#mainnav li ul li.first a{border:none}

/* banner */
#banner{background:#e0e0e0;height:340px;margin:10px 0 0 20px;width:940px}
#banner h1{color:#fff;font-size:24px;margin:10px 0 0 10px;position:absolute}
#banner p{background:url(../img/bg-banner.png);color:#fff;display:block;height:50px;margin:270px 0 0 0;padding:10px;position:absolute;width:920px}

/* box wrapper */
#boxwrapper{margin-left:10px}

/* box */
.box{color:#0d3865;display:block;float:left;margin:10px 0 0 10px}
.box h2{color:#b62c45;margin:10px}
.box ul{margin:10px 10px 0 10px}
.box ul.equalheight{height:200px}
.box ul li{border-top:1px solid #fff;display:block;list-style:none;padding:5px 0 10px 0}
.box ul li.first{border:none}
.box ul li a{text-decoration:none}

/* 1 column box */
.c1{background:url(../img/bg-box-1c.jpg) no-repeat #e0e0e0;width:227px}
.c1 p{background:#ccc;font-weight:bold;height:30px;line-height:30px;margin:0;padding:0 0 0 10px}

/* 2 column box */
.c2{background:url(../img/bg-box-2c.jpg) no-repeat #e0e0e0;width:464px}
.c2 span{display:block;float:left;width:50px}
.c2 p{background:#ccc;font-weight:bold;height:30px;line-height:30px;margin:0;padding:0 0 0 10px}

/* 3 column box */
.c3{background:url(../img/bg-box-3c.jpg) no-repeat #e0e0e0;width:701px}

/* sidebar */
#sidebar{float:left;margin-top:10px;width:227px}
#sidebar ul{display:block;margin:5px 10px}
#sidebar img{margin:10px 0 10px 10px}
#sidebar p{background:#e0e0e0;border:1px solid #0d3865;margin:10px 0 10px 10px;padding:5px;width:212px}

/* content */
#content{float:left;margin:20px 0 0 20px;width:701px}
#content ul{margin-bottom:10px}
#content ul li{background:url(../img/bullet.jpg) 0 8px no-repeat;line-height:24px;list-style-type:none;padding-left:20px}
#content ul li span{color:#666;display:block;float:left;width:150px}

.zebralist li{background:none!important;height:30px;line-height:30px;margin:0;padding:0 5px!important}
.zebralist li span{display:block;float:left;width:100px}
.zebralist .dark{background:#f1f1f1!important}

.datefooter{border-top:1px solid #e0e0e0;font-size:11px;margin-top:20px;padding-top:10px}

/* content-form */
#content-form{margin:20px 0 0 10px;width:940px}
#content-form h2{background:#e0e0e0;border:1px solid #ccc;margin:20px 0;padding:4px}

/* form */
fieldset{border:none;margin-bottom:20px}
fieldset legend{font-weight:bold;margin-bottom:10px}
label{display:block;float:left;width:200px}
input[type="text"],input[type="password"]{width:400px;height:22px;margin-bottom:8px;padding:0 8px}
.input-login{width:200px!important}
select{width:400px;height:22px;margin-bottom:8px;padding:0 8px}
.options label{float:none;width:auto}
.options input{display:block;float:left;margin-right:20px}
.options .other{float:right}
.error, .label-error{color:#b62c45}
textarea{margin:0 0 20px 0;padding:5px;width:690px}
select{padding:0!important}
form table{border-top:1px solid #ccc}
form th{background:#fff;border-top:none;line-height:15px}
input[type="submit"]{height:28px;min-width:100px}
.w400{width:600px!important}
.w100{width:100px!important}

.msg {padding:15px 15px 15px 60px}
.msg.msg-warning {background:url("/img/cms/ico-warning.png") 5px 50% no-repeat #ffa;border:1px solid #dda}
.msg.msg-ok {background:url("/img/cms/ico-ok.png") 5px 50% no-repeat #e2f6a4;border:1px solid #add42c}
.msg.msg-error {background:url("/img/cms/ico-error.png") 5px 50% no-repeat #ffe1b5;border:1px solid #b62c45}

/* footer */
#footer{background:url(../img/bg-footer.jpg) no-repeat;height:80px;margin:0 auto;padding-top:30px;width:980px}
#footer p{color:#666;font-size:11px;text-align:center}
#footer a{color:#333}
#footer a:hover{color:#b62c45}

/*
.active{font-weight:bold}

*/

#map_canvas{margin-bottom:20px}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.clear{clear:both}

.faq h3{background:url(../img/bg-box-3c.jpg) no-repeat #e0e0e0;cursor:pointer;height:24px;margin:30px 0 0 0;padding:5px 0 0 5px;width:696px}
.faq div{background:#e0e0e0;margin:0 0 30px 0;padding:5px}

.announcement{background:#e0e0e0;margin-bottom:20px;padding:5px}
.announcement .date{border-top:1px solid #fff;font-size:10px;font-style:italic;padding-top:5px}

.addressbox{background:url(../img/bg-box-1c.jpg) top right no-repeat #e0e0e0;width:212px;display:block;float:left;margin:10px 10px 0 0;min-height:165px;padding:5px}

.videoplayer{z-index:0}

/* /// MIJN KOB //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

body#mijnkob {background:#999}
body#mijnkob #wrapper{background:url(../img/bg-wrapper2.jpg) repeat-y}
body#mijnkob #header{background:url(../img/bg-header2.jpg) no-repeat}
body#mijnkob #header h2{margin-left:885px; padding-top:85px}
body#mijnkob #footer{background:url(../img/bg-footer2.jpg) no-repeat}