/**
 *
 * HKZ, for Drupal 6.x
 * Chris Blokland, Rik Lamme
 * chris@sixsenses.nl, rik.lamme@sixsenses.nl
 */

/* @group Import CSS bestand */
@import url("reset.css"); 
@import url("module.css"); 
@import url("fckeditor.css"); 
@import url("hkz_bar.css"); 
@import url("jScrollPane.css");
/* @end */

/* Datepicker
----------------------------------*/
.ui-datepicker { background-color:#FFF; width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* @group Generic Elements */
body {margin:0; padding:14px 0px 0px 0px; font:12px/170% verdana, arial, sans-serif; color:#000; text-align:center; }
input {font:11px/100% verdana, arial, sans-serif; color:#000; } 
textarea, select {font:12px/160% verdana, arial, sans-serif; color:#000; }
th {font-weight:bold; color:#333555; vertical-align:top; font-size:11px; }
h1 {height:25px; font-size:15px; font-weight:normal; color:#ee820f; }
h1 a {height:25px; font-size:15px; font-weight:normal; color:#ee820f; }
h2 {height:25px; font-size:12px; font-weight:normal; color:#ee820f; }
h3 {height:25px; font-size:12px; font-weight:normal; color:#000; }
a {color:#ee820f; text-decoration:none; }
a:hover {color:#ee820f; text-decoration:underline; }
p {font-size:12px; margin-bottom:15px; line-height:16px; }
ol, ul {list-style:none; margin:0; padding:0; }
span.orange {color:#ee820f; }
fieldset {color:#ee820f; border:1px solid #000; margin:20px 0 20px 0; text-align:left; }
legend {padding: 2px 5px; border:1px solid #000; font-size:100%; text-align:right;  }
legend a {background:#fff; display:block; padding:1px 8px 1px 8px; cursor:pointer; }
legend a:hover {background:#ee820f; border:0; text-decoration:none; display:block; color:#fff;  }
label {float:left; padding-top:2px; text-align:left; }
img.hkz_info_logo {float:right; margin:0 0 0 15px; }
/* @end */

/* @group form-item */
.form-required {color:#ee820F; }
.form-text {border:1px solid #000; }
.form-submit {float:right; margin-left:5px; padding:2px 8px 2px 8px; height:28px; color:#000; font-weight:bold; border:1px solid #ee820f; cursor:pointer; }
.form-submit:hover {background:#ee820f; color:#fff; }

div.form-item {width:100%; margin:2px 0 5px 0; padding:1px; }
div.form-item div {width:100%; padding:4px;  }
div.form-item label {width:100%; padding:4px; font-weight:bold; }
div.form-item label.option {color:#000; }
div.form-item input {}
div.form-item div.description {float:left; font-size:10px; font-style:italic; margin:0 0 0 4px; color:#000; }
div.description p {color:#000; }
div.form-item div.description a {background:none; border:0; }
div.form-item div.description a:hover {background:none; border:0; text-decoration:underline; color:#ee820f; }
div.form-item .form-select {margin:4px 0 4px 0; }
div.form-item div.form-radios { width:100%; display:table-cell; }
div.form-item .form-submit {background:#f3ece7; padding: 2px 6px 2px 6px; border:1px solid #ee820f; }
/* @end */

/* @group FCK Editor */
div#fck_oFCK_1, div#fck_oFCK_2, div#fck_oFCK_3, div#fck_oFCK_4 {min-width:540px; max-width:100%; }
textarea#oFCK_1, textarea#oFCK_2, textarea#oFCK_3, textarea#oFCK_4 {min-width:540px; max-width:100%; }
#switch_oFCK_1, #switch_oFCK_2, #switch_oFCK_3, #switch_oFCK_4 {background:#f3ece7; padding: 2px 6px 2px 6px; border:1px solid #ee820f; }
#switch_oFCK_1:hover, #switch_oFCK_2:hover, #switch_oFCK_3:hover, #switch_oFCK_4:hover {background:#ee820f; padding: 2px 6px 2px 6px; color:#fff; text-decoration:none; }
div.textarea-identifier.description {color:#000; padding-bottom:20px; }
div.textarea-identifier.description a {background:none; border:0; padding:0; color:#ee820f; text-decoration:none; }
div.textarea-identifier.description a:hover {background:none; border:0; padding:0; color:#ee820f; text-decoration:underline; }
/* @end */

/* @group Developer toolbar */
.developer_toolbar {background:#999; position:absolute; padding:3px 5px 3px 5px; bottom:20px; right:20px; width:175px; text-align:left; border:1px solid #333; z-index:100; }
/* @end */

/* @group Framework Sitecontainer */
table.sitecontainer {position:relative; margin:auto; width:900px; text-align:left; }
td.content_table {width:100%; border:1px solid #6b696c; }
td.content_left, td.content_left_partners {vertical-align:top; width:300px; }
td.content_right {vertical-align:top; padding:15px 10px 5px 20px; width:100%; text-align:left; }
/* @end */

/* @group Kruimelpad */
div.breadcrumb {float:left; padding-right:5px; }
td.breadcrumbs {padding-left:6px; height:32px; }
td.breadcrumbs a {background:#f3ece7; padding: 2px 6px 2px 6px; border:1px solid #ee820f; color:#ee820f; }
td.breadcrumbs a:hover {background:#ee820f; padding: 2px 6px 2px 6px; color:#fff; text-decoration:none; }
/* @end */

/* @group Header  */
td.header {position:relative; width:900px; }
td.header .logo {position:relative; left:0; width:63px; height:95px; }
td.header .header_line {position:absolute; margin:33px 0 0 67px; width:699px; border:1px solid #f2a14b; }
/* @end */

/* @group tabs  */
td.tabs {text-align:right; }
td.tabs div {float:right; }
/* @end */

/* @group Header User Login Box */
td.header .inlogform {position:relative; float:right; width:128px; height:60px; }
form#user-login-form div.login_box_bg {background:url(../images/layout/loginbox.png) no-repeat top right; width:128px; height:53px; }
form#user-login-form h3 {margin:0px 0 0 3px; height:19px; font-size:9px; font-weight:normal; color:#fff; }
form#user-login-form input {width:117px; height:14px; background:#fff; margin-left:0; font-size:10px; padding-left:3px; color:#000; }
form#user-login-form input#edit-name {position:relative; float:left; margin:0 0 0 4px; }
form#user-login-form input#edit-pass {position:relative; float:left; margin:2px 0 0 4px; }
form#user-login-form input.form-submit{ background:url(../images/layout/buttons/inloggen.png) no-repeat right 3px; width:128px; height:20px; padding:0; margin-top:0px; border:0; font-weight:bold; text-align:left; cursor:pointer; }
/* @end */

/* @group Header UserInfo.module */
div.userinfo {background:url(../images/layout/loginbox.png) no-repeat top right; float:right; width:128px; height:53px; }
div.userinfo .txt {position:absolute; margin-top:-3px; }
div.userinfo h3 {margin:0px 0 0 3px; height:19px; font-size:9px; font-weight:normal; color:#fff; }
div.userinfo div.username, div.userinfo div.password, div.userinfo div.logout a {position:relative; width:117px; height:14px; background:#fff; margin-left:0; font-size:10px; padding:0 0 0 3px; color:#000; }
div.userinfo div.username {position:relative; float:left; margin:0 0 0 4px; }
div.userinfo div.password {position:relative; float:left; margin:2px 0 0 4px; }
div.logout a {position:relative;  float:left; background:url(../images/layout/buttons/inloggen.png) no-repeat right 2px; width:128px; height:20px; padding:0; margin:0; font-size:10px; font-weight:bold; color:#000; text-align:left; cursor:pointer; }
div.logout a:hover {text-decoration:underline; }
/* @end */

/* @group Topnav Primary Navigation */
div.topmenu {position:relative; margin:-21px 0 0 0; width:825px; }
div.topmenu ul.menu {list-style-type:none; float:right; }
div.topmenu ul.menu li.leaf {text-align:center; float:left; margin-left:2px; }
div.topmenu ul.menu li.leaf a {padding:4px 12px 0 8px; height:23px; display:block; color:#000; text-decoration:none; }
div.topmenu ul.menu li.leaf a:hover {background:url(../images/layout/menu/active.png) no-repeat top right; color:#fff; text-decoration:none; display:block; }
div.topmenu ul.menu li.active a, div.topmenu ul.menu li.leaf a.active {background:url(../images/layout/menu/active.png) no-repeat top right; color:#fff; }
/* div.topmenu ul.menu li.leaf a.active {background:url(../images/layout/menu/active.png) no-repeat top right; color:#fff; } */
/* @end */

/* @group Message status */
div.messages {margin:5px auto 5px auto; padding:5px 10px 5px 36px; color:#000; }
div.messages a {text-decoration:none; color:#EE820F; }
div.messages a:hover {text-decoration:underline; color:#EE820F; }
div.messages.error {background:#f3ece7 url(../images/melding/error.png) no-repeat 6px 2px; border:2px solid #ee2e0f; }
div.messages.warning {background:#f3ece7 url(../images/melding/warning.png) no-repeat 6px 2px; border:2px solid #c4d62a; }
div.messages.status {background:#f3ece7 url(../images/melding/status.png) no-repeat 6px 2px; border:2px solid #270ea7; }
/* @end */