@charset "utf-8";

/***** RESET HTML *****/
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;
}

h1, h2, h3, h4, h5, h6, p, ul, li, ol {
    margin: 0px 0px 7px 0px;
    padding: 0px;
}

body {
    line-height: 1;
}

ol, ul {
    padding: 0px 20px;
}

/*****Body*****/
body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #bfd3e3;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: center;
    height: 100%;
}
tbody {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.paragraph {
    margin-bottom: 7px;
}

.lineheight {
    line-height: 1.5;
}
.lineheight h1, h2, h3, h4, h5, h6 {
    line-height: 1;
}

div {
    text-align: left;
}

hr {
    border-top: 1px solid #8097DD;
    border-bottom: 1px solid #bfd3e3;
}
fieldset {
    border: 2px groove #8097DD;
    border-radius: 4px;
    padding: 0.75em;
}
a {
    color: #000000;
}


/* Holder */
.holder {
    width: 975px;
    height: 100%;
    min-height: 100%;
    margin: 0px auto;
}

/*****Contentvelden*****/
.smallfield,
.mediumfield,
.largefield {
    margin: 0;
    padding: 10px;
    float: left;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 5px 2px #a9bac8;
    margin-bottom: 15px;
}
.smallfield {
    width: 288px;
}

.mediumfield{
    width: 613px;
}

.largefield{
    width: 938px;
}

.smallfield  .smallmid,
.mediumfield .mediummid,
.largefield  .largemid {
    overflow: hidden;
}

.blockwidthmargin {
    margin-left: 4px;
    margin-right: 13px;
}
.rightfloat {
    float: right;
}

/*****Header*****/
.header {
    width: 968px;
    height: 156px;
    min-height: 156px;
    margin: 0px 3px 0px 4px;
}

.headerbg {
    background: no-repeat url(https://centraal.helpmij.nl/images/global/header.jpg);
    width: 940px;
    height: 128px;
}
.headerbgoverlay {
    padding-left: 9px;
    float: right;
    text-align: right;
}
.headersub {
    width: 968px;
    height: 124px;
    min-height: 124px;
    margin: 0px 3px 0px 4px;
}
.headersubbg {
    background: no-repeat url(https://centraal.helpmij.nl/images/global/header_sub.jpg);
    width: 940px;
    height: 124px;
}
.headersubbgoverlay {
    padding-left: 9px;
    float: right;
        text-align: right;
}
.headersublogo {
    width: 145px;
    padding-left: 17px;
    float: left;
}
.headersubright {
    width: 778px;
    height: 124px;
    float: left;
    text-align: center;
}
.headersubright .menu {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 10px;
}
.headersubright .menu a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 20px 15px 10px 15px;
}
.headersubright h1 {
    margin-top: 10px;
    font-size: 16px;
}
.logo {
    position: relative;
    float: left;
    top: 20px;
}
.headercontent {
    position: relative;
    height: 128px;
    text-align: center;
}
.headercontent .menu a {
    display: inline-block;
    color:  #fff;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 20px 15px 10px 15px;
}
.headercontent .menu {
    text-align: center;
    padding-top: 5px;
}
.headercontent .menu a:hover, .headersubright .menu a:hover {
    color: #00a2ff;
}
.headercontent .quote {
    margin-top: 15px;
    text-align: center;
}
.headersubright .quotesub {
    margin-top: 15px;
    text-align: center;
}
.supagemenu a {
    line-height: 2;
    color: #0074d9;
    font-size: 10pt;
}
.supagemenu a:hover {
    color: #004b8c;
}

/*****Content*****/
.content {
    width: 968px;
    overflow: hidden;
}

/*****Footer*****/
.footer {
    margin: 0px 3px 0px 4px;
    width: 975px;
    height: 171px;
    min-height: 171px;
 }
.footerbg {
    background: no-repeat url(https://centraal.helpmij.nl/images/global/footer.jpg);
    width: 940px;
    height: 143px;
}
.footer_field_een {
    width: 280px;
    height: 83px;
    position: relative;
    float: left;
    margin-right: 35px;
    padding: 60px 0px 0px 10px;
}
.footer_field_twee {
    width: 290px;
    height: 123px;
    position: relative;
    float: left;
    margin-right: 35px;
    padding-top: 20px;
}
.footer_field_drie {
    width: 290px;
    height: 123px;
    position: relative;
    float: left;
    padding-top: 20px;
}
.footer_field_een a, .footer_field_twee a, .footer_field_drie a {
    color: #fff;
    line-height: 150%;
}

/***** Buttons *****/
.button {
    position: absolute;
    bottom: 15px;
    right: 13px;
}

/* specific custom properties */
.header .largefield {
    margin-top: 10px;
}
.headersub .largefield {
    padding-top: 0px;
}
.footer .largefield {
    margin-bottom: 5px;
}


/*****Hoogte van blokken*****/
.halfblockheight { /* 0.5 */
    height: 127px;
    min-height: 127px;
}
.threeqrtblockheight { /* 0.75 */
    height: 209px;
    min-height: 209px;
}
.singleblockheight { /* 1 */
    height: 290px;
    min-height: 290px;
}
.onehalfblockheight { /* 1.5 */
    height: 452px;
    min-height: 452px;
}
.onethreeqrtblockheight { /* 1.75 */
    height: 534px;
    min-height: 534px;
}
.doubleblockheight { /* 2 */
    height: 615px;
    min-height: 615px;
}
.twohalfblockheight { /* 2.5 */
    height: 777px;
    min-height: 777px;
}

/*** Heading 1 ***/
h1, h1 a {
    color: #004c8f;
    font-size: 17px;
}
/*** Heading 2 ***/
h2, h2 a {
    color: #004c8f;
    font-size: 14px;
}
/*** Heading 3 ***/
h3, h3 a {
    color: #004c8f;
    font-size: 13px;
}
.wit {
    color: #fff;
    font-size: 17px;
}

.witmargin {
    margin-bottom: 20px;
}
div.nomargin p {
    margin: 0;
    padding: 0;
    overflow: auto;
}
smaller {
    font-size: 15px;
}
/*** Thumb images en velden ***/
.thumb {
    border: 5px solid #e2e2e2;
    margin-right: 10px;
}

.thumb_img {
    width: 90px;
    height: 80px;
    overflow: hidden;
    float: left;
}
.thumb_txt {
    width: 192px;
    height: 80px;
    float: left;
    overflow: none;
    padding: 5px 0px 1px 0px;
    text-align: left;
    font-size: 0;
}
.thumb_txt div {
    margin: 0;
    padding: 0;
}
.thumb_txt div.spacer {
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    width: 0px;
}
.thumb_txt div.text {
    width: 188px;
    display: inline-block;
    vertical-align: middle;
}
.thumb_txt p a, .thumb_txt h2 a {
    text-decoration: none;
    color: #000;
}
.thumb_txt h2 {
    color: #003366;
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
.thumb_txt p {
    font-size: 12px;
    margin: 2px 0px 0px 0px;
    padding: 0px;
}
.thumb_top {
    margin-top: 3px;
}
.thumb_bottom {
    margin-bottom: 7px;
}

/*** quick section selection popup ***/
.quicksection_holder{
    height: 135px;
}
.quicksection_text {
    margin: 5px 0px 0px 0px;
    padding: 5px;
    height: 112px;
}
.quicksection_text p a, .quicksection_text h2 a {
    text-decoration: none;
    color: #000;
}
.quicksection_text h2 {
    color: #003366;
    margin-bottom: 8px;
    margin-top: 2px;
    font-size: 12px;
    font-weight: bold;
}
.quicksection_img {
    width: 150px;
    height: 112px;
    overflow: hidden;
    display: inline;
}
.quicksection_left {
    float: left;
}
.quicksection_right {
    float: right;
}

/*** Laatste 10 ***/
.last_container {
    float: left;
    padding-top: 5px;
}
.last_title {
    float: right;
    width: 260px;
    height: 23px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}
.last_arrow {
    float: left;
    width: 26px;
    height: 23px;
    border-right: 1px dashed #7f7f7f;
    background-image:url(https://centraal.helpmij.nl/images/global/arrow3.gif)
}
.last_arrow_reaction {
    float: left;
    width: 26px;
    height: 23px;
    border-right: 1px dashed #7f7f7f;
    background-image:url(https://centraal.helpmij.nl/images/global/arrow.gif)
}
.last_top {
    border-top: 0;
}
.last_normal {
    border-top: 1px dashed #7f7f7f;
}
.last_title a:hover span {
    background: #bfd3e3;
}
.last_title a span {
    line-height: 150%;
    text-decoration: none;
    display: block;
    height: 21px;
    color: #000;
    padding-left:10px;
    padding-top:3px;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

/*** Nieuws ***/
.nieuws_field_een {
    width: 288px;
    height: 288px;
    position: relative;
    float: left;
}
.nieuws_field_twee {
    width: 288px;
    height: 288px;
    position: relative;
    float: left;
}
.nieuws_field_drie {
    width: 288px;
    height: 288px;
    position: relative;
    float: left;
}
.titlebar {
    width: 132px;
    height: 30px;
    background-color: #FFF;
    position: absolute;
    padding: 14px 0px 0px 10px;
    top: 10px;
    left: 0px;
}
.nieuws_content_back {
    width: 270px;
    height: 70px;
    background-color: #FFF;
    position: absolute;
    padding: 6px 0px 2px 10px;
    bottom: 10px;
    left: 0px;
    opacity: 0.7;
    filter: alpha(opacity=90);
}
.nieuws_content {
    width: 270px;
    height: 70px;
    background-color: transparent;
    position: absolute;
    padding: 6px 0px 2px 10px;
    left: 0px;
    bottom: 10px;
}
.nieuws_content p a, .nieuws_content h2 a {
    text-decoration: none;
    color: #000;
    position: relative;
}
.nieuws_content h2 {
    color: #000;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: bold;
}
.nieuws_content p {
    position:absolute; bottom: 0px;
}
.nieuws_center {
    text-align: center;
}
.nieuws_line {
    width: 1px;
    height: 280px;
    background-color: #aaa;
    margin: 0px 17px 0px 17px;
    float: left;
}
.inline_image {
    vertical-align: bottom;
}
.success {
    color: green;
}
.error {
    color: red;
}
.warn {
    color: darkorange;
}
.form_sidebar {
    padding: 1px 10px 0px 0px;
    vertical-align: top;
}

div.hide {
    display: none;
}
div.inline-block {
    display: inline-block;
}
.headernavigation, .headernavigation a {
    color: #888888;
    text-align: right;
    margin: 10px 15px 0px 15px;
    text-decoration: none;
}
.headernavigation h1 {
    display: inline;
}
.headernavigation a:hover {
    color: #000000;
}
.bannerbar {
    line-height: 0;
}
.bannerbarcenter {
    margin: auto;
}
.bannerbarleft {
    float: left;
}
.bannerbarright {
    float: right;
}

/*** commercial bar ***/
.commercial {
    background: no-repeat url(https://centraal.helpmij.nl/images/global/footer.jpg);
    width: 940px;
    height: 64px;
}

.commercial a {
    color: #ffffff;
    font-size: 150%;
}

.commercial .column {
    width: 235px;
    position: relative;
    float: left;
    padding: 23px 0px 0px 0px;
    line-height: 1;
}
.commercial a:hover {
    color: #00a2ff;
}

/*** login form ***/
.loginform input.textfield {
    max-width: 100%;
}

/** ajax loader **/
.ajaxloader {
    background: no-repeat url(https://centraal.helpmij.nl/images/global/icons/ajaxloader.gif);
    width: 16px;
    height: 16px;
}

/** Styled Helpmij.nl table **/

table.hmtable {
    background: url("https://centraal.helpmij.nl/images/forum/header.jpg") no-repeat scroll top center transparent;
    font: bold 12px arial,tahoma,calibri,verdana,geneva,sans-serif;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: -2px 2px 2px #c8c8c8;
    border: 1px solid #c4c4c4;
    border-collapse: 0;
    border-spacing: 0;
}

table.hmtable thead td,
table.hmtable thead th {
    color:#FFFFFF;
    font-weight:bold;
    padding: 0px 10px;
    height:25px;
    vertical-align:middle;
    text-align: left;
    border-bottom: 1px solid #C4C4C4;
}

table.hmtable tbody tr {
    background: url("https://centraal.helpmij.nl/images/forum/grey-up.png") repeat-x scroll left bottom #FFFFFF;
    border-bottom: 1px solid #C4C4C4;
}
table.hmtable tbody td {
    padding: 0px 10px;
    height: 25px;
    vertical-align: middle;
}

table.hmtable tfoot {
    background: url("https://centraal.helpmij.nl/images/forum/grey-up.png") repeat-x scroll left bottom #FFFFFF;
    border-bottom: 1px solid #C4C4C4;
}

table.hmtable tfoot td {
    padding-left:10px;
    height: 25px;
    color:#9C9C9C;
    vertical-align: middle;
}
.submenu1 {
    color: #0074d9;
}
.submenuimg1{
    margin-left: 5px;
    vertical-align: middle;
}
.submenu2 {
    color: #4e88bb;
}
.submenuimg2{
    margin-left: 25px;
    vertical-align: middle;
}
.submenu3 {
    color: #4e88bb;
}
.submenuimg3{
    margin-left: 45px;
    vertical-align: middle;
}