/* HEADER */
    * {
        margin:                 0;
        padding:                0;
    }

    body {
        background-color:       #B2B2B2;
        font:                   12px Verdana, Arial, Helvetica, sans-serif;
    }

    #container {
        border:                 1px solid #909090;
        color:                  #000000;
        background:             #FFFFFF;
        width:                  1000px;
        margin:                 0 auto 0 auto;
    }

    #groupheader {
        height:                 25px;
        background-image:       url('../img/groupmenu_back.gif');
        font-weight:            bold;
        font-size:              10px;
    }

    #grouplinks {
        list-style:             none;
        float:                  right;
        margin-top:             4px;
    }

    #grouplinks li {
        float:                  left;
        margin-right:           20px;
        color:                  #FFFFFF;
    }

    #grouplinks a {
        display:                block;
        width:                  15px;
        height:                 15px;
        background-repeat:      no-repeat;
    }

    #grouplinks a.grouplink_rescue {
        background-image:       url('../img/group_rescue.png');
    }

    #grouplinks a.grouplink_healthcentre {
        background-image:       url('../img/group_healthcentre.png');
    }

    #grouplinks a.grouplink_vitbox {
        background-image:       url('../img/group_vitaliteitsbox.png');
    }

    #header {
        height:                 174px;
        background:             no-repeat right top;
    }

    #menubar {
        height:                 24px;
        clear:                  both;
        background-image:       url('../img/menu_bar.gif');
        background-repeat:      repeat-x;
        border-top:             1px solid #FFFFFF;
    }

    #certificeringen {
        list-style:             none;
        float:                  right;
        margin-top:             -22px;
    }

    #certificeringen li {
        float:                  left;
        margin-right:           10px;
    }

    #certificeringen a {
        display:                block;
        width:                  30px;
        height:                 30px;
    }

    #certificeringen a span {
        display:                none;
    }

    #certificeringen a.mkbok {
        background-image:       url('../img/cert_mkbok.png');
    }

    #certificeringen a.springest {
        background-image:       url('../img/cert_springest.png');
    }

    #certificeringen a.nrto {
        background-image:       url('../img/cert_nrto.png');
    }

    #certificeringen a.geschillencommissie {
        background-image:       url('../img/cert_geschillencommissie.png');
    }

    #certificeringen a.evc {
        background-image:       url('../img/cert_evc.png');
    }

    #certificeringen a.iso9001 {
        background-image:       url('../img/cert_iso9001.png');
    }

    #certificeringen a.venvn {
        background-image:       url('../img/cert_venvn.png');
    }

    #certificeringen a.ocenw {
        background-image:       url('../img/cert_ocenw.png');
    }

    #certificeringen a.ideal {
        background-image:       url('../img/cert_ideal.png');
    }
/* END HEADER */

/* MENU */
    #nav, #nav ul {
        list-style:             none;
    }

    #nav li {
        width:                  165px;
        height:                 20px;
        float:                  left;
        border-left:            1px #FFFFFF solid;
    }

    #nav ul {
        position:               absolute;
        width:                  165px;
        left:                   auto;
        display:                none;
    }

    #nav li:hover ul ul, #nav li.ie_does_hover ul ul {
        display:                none;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li.ie_does_hover ul, #nav li li.ie_does_hover ul {
        display:                block;
    }

    #nav a {
        display:                block;
    }

    #nav li ul {
        margin:                 0 0 0 -1px;
    }

    #nav li ul ul {
        margin:                 -21px 0px 0px 165px;
    }

    #nav li ul li {
        border:                 1px #FFFFFF solid;
        border-top:             0;
        background:             url('../img/menu_back.gif') repeat-x;
    }

    a.rootmenu {
        width:                  160px;
        height:                 17px;
        color:                  #FFFFFF;
        text-decoration:        none;
        padding:                3px 0 0 5px;
        font-weight:            bold;
        font-size:              10px;
    }

    a.rootmenu:hover {
        color:                  #FFFFFF;
        text-decoration:        underline;
    }

    a.submenu, a.subsubmenu {
        width:                  160px;
        height:                 17px;
        color:                  #FFFFFF;
        text-decoration:        none;
        padding:                3px 0 0 5px;
        font-weight:            bold;
        font-size:              10px;
    }

    a.submenu:hover, a.subsubmenu:hover {
        color:                  #FFFFFF;
        text-decoration:        underline;
    }
/* END MENU*/

/* OPL/MIJN/UW/BEHEER MENU */
    #nav2 {
        list-style:             none;
        float:                  left;
        width:                  100%;
    }

    #nav2 li {
        width:                  173px;
        height:                 23px;
        float:                  left;
        border:                 1px solid #C0C0C0;
        border-top:             0px;
    }

    #nav2 ul {
        list-style:             none;
        position:               absolute;
        width:                  173px;
        left:                   auto;
        display:                none;
    }

    #nav2 li:hover ul ul, #nav2 li.ie_does_hover ul ul {
        display:                none;
    }

    #nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.ie_does_hover ul, #nav2 li li.ie_does_hover ul {
        display:                block;
    }

    #nav2 a {
        display:                block;
    }

    #nav2 li ul {
        margin:                 -24px 0px 0px 173px;
    }

    a.oplmenu {
        display:                block;
        width:                  168px;
        height:                 19px;
        padding:                4px 0px 0px 5px;
        color:                  #000000;
        background-color:       #E8F5FD;
        text-decoration:        none;
        font-weight:            bold;
    }

    a.oplmenu:hover {
        color:                  #FFFFFF;
        background-color:       #005EA7;
    }
/* END OPL/MIJN/UW/BEHEER MENU */

/* CUSTOM LAYOUT */
    div.item {
        float:                  left;
        clear:                  both;
        width:                  100%;
        padding-bottom:         10px;
    }

    a span {
        display:                none;
    }
/* END CUSTOM LAYOUT */

/* CENTER LAYOUT */
    #center {
        float:                  left;
        width:                  630px;
        margin:                 0 0 15px 0;
    }

    #centercontainer, #centercontainernoskin {
        float:                  left;
        clear:                  both;
        width:                  100%;
        background:             no-repeat bottom right url('../img/bg_bird.gif');
        min-height:             500px;
    }

    #center h3 {
        font-size:              18px;
        color:                  #F05D36;
        background:             none;
        height:                 auto;
        width:                  auto;
        padding:                0px;
        margin:                 0px 5px 15px 20px;
        float:                  left;
    }

    #center h3 a, #center h4 a {
        color:                  #F05D36;
        text-decoration:        none;
    }

    #center h3 a:hover, #center h4 a:hover {
        text-decoration:        underline;
    }

    #center p, #center dl {
        margin:                 0 20px 15px 40px;
    }

    #center ul, #center ol {
        line-height:            22px;
        margin:                 0px 20px 15px 55px;
    }

    #center dt {
        width:                  100px;
        float:                  left;
        font-weight:            bold;
    }

    #center dd {
        margin-left:            100px;
    }

    #center img {
        float:                  right;
        margin:                 0px 20px 10px 10px;
        border:                 1px solid #C0C0C0;
    }
/* END CENTER LAYOUT*/

/* LEFT & RIGHT LAYOUT */
    #right, #left {
        float:                  left;
        width:                  175px;
        margin:                 0 5px 15px 5px;
    }

    div.iteminhoud {
        background-color:       #E8F5FD;
        border:                 1px solid #C0C0C0;
        border-top:             0px;
        padding:                10px 0 0 0;
    }

    #right h4, #left h4 {
        font-size:              12px;
        font-weight:            bold;
        color:                 #000000;
    }

    dl.contact dt {
        width:                  47px;
        float:                  left;
    }

    #center ul.socialmedia {
        list-style:             none;
        height:                 25px;
        margin-left:            40px;
    }

    #right ul.socialmedia {
        margin:                 -7px 0px 0px 5px;
        list-style:             none;
        height:                 25px;
    }

    ul.socialmedia li {
        float:                  left;
        margin-right:           5px;
    }

    ul.socialmedia a {
        display:                block;
        width:                  16px;
        height:                 16px;
    }

    a.twitter {
        background-image:       url('../img/icon_twitter.gif');
    }

    a.hyves {
        background-image:       url('../img/icon_hyves.gif');
    }

    a.linkedin {
        background-image:       url('../img/icon_linkedin.gif');
    }

    a.nieuwsbrief {
        background-image:       url('../img/icon_email.gif');
    }

    a.rss {
        background-image:       url('../img/icon_rss.gif');
    }

    a.favorites {
        background-image:       url('../img/icon_favorites.gif');
    }
/* END LEFT & RIGHT LAYOUT */

/* BOTTOM */
    #bottommenu {
        height:                 50px;
        padding-top:            20px;
    }

    #bottommenu ul.menu {
        width:                  796px;
        margin:                 0 auto 0 auto;
        margin-top:             15px;
    }

    #bottommenu ul.menu li {
        padding:                0 15px 0 15px;
        float:                  left;
        border-left:            solid 1px #F05D36;
        list-style:             none;
    }

    #bottommenu ul.menu li:first-child {
        border-left:            none;
    }

    address { 
        color:                  #005EA7;
        font-style:             normal;
    }

    address.maker {
        display:                none;
    }
/* END BOTTOM */

/* GENERAL FORM ITEMS */
    input {
        width:                  300px;
        height:                 16px;
        margin:                 0 0 4px 0;
        padding:                0 4px 0 4px;
    }

    input.zoeken {
        width:                  106px;
        margin:                 0;
        padding:                0;
    }

    input.iteminput {
        width:                  160px;
        margin:                 0;
        padding:                0;
    }

    input.file {
        height:                 22px;
    }

    input.image {
        display:                block;
        width:                  187px;
        height:                 24px;
        float:                  right;
        margin:                 0px 30px 20px 0px;
        
    }

    label {
         display:               block;
         width:                 170px;
         float:                 left;
         cursor:                pointer;
    }

    input.option {
        width:                  16px;
        float:                  left;
        margin:                 3px 10px 0 0;
    }

    label.optionhorizontal {
        width:                  100px;
        float:                  left;
        margin:                 0 0 4px 0;
    }

    label.optionvertical {
        width:                  auto;
        float:                  none;
        margin:                 0 0 4px 0;
    }

    select {
        width:                  312px;
        height:                 20px;
        margin:                 0 0 4px 0;
    }

    textarea {
        font-family:            Verdana, Arial, Helvetica, sans-serif;
        font-size:              12px;
        width:                  300px;
        height:                 140px;
        margin:                 0 0 2px 0;
        padding:                0 4px 0 4px;
    }

    button {
        cursor:                 pointer;
    }

    #center button {
        margin-left:            170px;
    }

    input.datefield {
        width:                  275px;
    }
/* END GENERAL FORM ITEMS*/

/* GENERAL ITEMS */
    hgroup {
        clear:                  both;
    }

    h1 {
        width:                  167px;
        height:                 160px;
        cursor:                 pointer;
        background:             url('../img/rescue_logo.gif') bottom right no-repeat;
    }

    h1 span {
        display:                none;
    }

    h2 {
        display:                none;
    }

    h3 {
        font-size:              12px;
        font-weight:            bold;
        color:                  #FFFFFF;
        background:             url('../img/h3_back.gif');
        height:                 19px;
        width:                  170px;
        padding:                5px 0 0 5px;
        margin:                 15px 0 0 0px;
    }

    h4 {
        font-size:              18px;
        color:                  #F05D36;
        margin:                 15px 0px 15px 0px;
    }

    h5 {
        margin:                 0 20px 10px 20px;
        font-size:              14px;
        font-weight:            bold;
        line-height:            24px;
        color:                  #005EA7;
    }

    h6 {
        font-size:              12px;
        font-weight:            bold;
        margin:                 10px 20px 5px 30px;
        line-height:            20px;
    }

    a {
        color:                  #005EA7;
        cursor:                 pointer;
    }

    a:hover {
        color:                  #A5C6E2;
    }

    p, dl, #right h4, #left h4 {
        margin:                 0 5px 10px 5px;
        line-height:            20px;
    }

    p.introtext {
        font-style:             italic;
    }

    hr {
        height:                 1px;
        border:                 0px;
        border-top:             1px dotted #C0C0C0;
        padding-bottom:         10px;
    }

    fieldset {
        border:                 1px solid #C0C0C0;
        padding:                10px;
        margin:                 0 20px 15px 40px;
    }

    legend {
        padding:                0px 5px 0px 5px;
        font-weight:            bold;
        font-style:             italic;
        color:                  #000000;
    }

    table {
        margin:                 0 20px 15px 40px;
        line-height:            20px;
        width:                  570px;
    }

    thead tr {
        font-weight:             bold;
        color:                  #FFFFFF;
        background-color:       #015CA7;
    }

    th, td {
        padding:                2px 5px 2px 5px;
        border-right:           1px solid #FFFFFF;
        border-bottom:          1px solid #C0C0C0;
        text-align:             left;
    }

    th {
        border-top:             1px solid #C0C0C0;
    }

    th.icon {
        width:                  16px;
    }

    th.register {
        width:                  87px;
    }

    th.boeken {
        width:                  65px;
    }

    tr.odd {
        background-color:      #E8F5FD;
    }

    tr.even {
        background-color:      #FFFFFF;
    }

    td a {
        display:               block;
        color:                 #000000;
        text-decoration:       none;
    }

    td a:hover {
        color:                 #000000;
    }

    div.message {
        margin:                 15px 20px 0px 20px;
        padding:                2px 5px 2px 40px;
        color:                  #000000;
        background-color:       #E8F5FD;
        background-image:       url('../img/icon_accept.gif');
        background-position:    5px 1px;
        background-repeat:      no-repeat;
        border:                 1px solid #1860AB;
    }

    div.error {
        margin:                15px 20px 0px 20px;
        padding:               2px 5px 2px 40px;
        color:                 #FF0000;
        background-color:      #FFB3B3;
        background-image:      url('../img/icon_error.gif');
        background-position:   5px 1px;
        background-repeat:     no-repeat;
        border:                1px solid #FF0000;
    }

    #center div.error ul {
        margin:                 0px 0px 0px 15px;
    }

    nav.prevnextpage {
        clear:                  both;
        padding-bottom:         0px;
    }

    a.previouspage {
        display:                block;
        float:                  left;
        margin:                 10px 0 0px 40px;
    }

    a.nextpage {
        display:                block;
        float:                  right;
        margin:                 10px 40px 0px 0px;
    }
/* END GENERAL ITEMS */

/* NIEUWSBRIEVENARCHIEF */
    #nieuwsbrievenarchief dt {
        width:                 130px;
    }

    #nieuwsbrievenarchief dd {
        margin-left:           130px;
        margin-bottom:         10px;
    }
/* END NIEUWSBRIEVENARCHIEF */

/* COURSES */
    #ruit {
        width:                  599px;
        margin:                 0px auto 40px auto;
        padding-right:          36px;
    }

    #ruit ul {
        list-style:             none;
    }

    #ruit li {
        float:                  left;
        border:                 1px solid #C0C0C0;
        width:                  250px;
        height:                 150px;
        margin:                 5px;
    }

    #ruit a {
        display:                block;
        width:                  250px;
        height:                 150px;
        background-position:    right;
    }

    #ruit a:hover {
        background-position:    left;
}

    #ruit span {
        display:                none;
    }

    #aBHV {
        background-image:       url('../img/illustraties/opleiden_bhv.jpg');
}

    #aCommunicatie {
        background-image:       url('../img/illustraties/opleiden_communicatie.jpg');
}

    #aE-learning {
        background-image:       url('../img/illustraties/opleiden_elearning.jpg');
}

    #aEHBO {
        background-image:       url('../img/illustraties/opleiden_ehbo.jpg');
}

    #aMBO {
        background-image:       url('../img/illustraties/opleiden_mbo.jpg');
}

    #aReanimatie {
        background-image:       url('../img/illustraties/opleiden_reanimatie.jpg');
}

    #aSeminars {
        background-image:       url('../img/illustraties/opleiden_seminars.jpg');
}

    #aTriage {
        background-image:       url('../img/illustraties/opleiden_triage.jpg');
}
/* END COURSES */

/* OPLEIDINGDETAIL */
    div.cursusleft {
        float:                  left;
        width:                  50%;
    }

    div.cursusright {
        float:                  left;
        width:                  50%;
    }

    a.inschrijven {
        display:                block;
        width:                  187px;
        height:                 24px;
        background:             url('../img/button_inschrijven.gif') left no-repeat;
        float:                  right;
        margin:                 0px 30px 20px 0px;
    }

    a.boeken {
        display:                block;
        width:                  187px;
        height:                 24px;
        background:             url('../img/button_boeken.gif') left no-repeat;
        float:                  right;
        margin:                 20px 30px 0px 0px;
    }

    a.inschrijven:hover, a.boeken:hover {
        background-position:    right;
    }

    #center dl.opleidingdetail dt {
        width:                  100px;
        float:                  left;
        font-weight:            bold;
    }

    #center dl.opleidingdetail dd {
        margin-left:            100px;
    }

    a.closelink {
        display:                block;
        float:                  right;
        height:                 16px;
        padding-right:          20px;
        margin-right:           20px;
        background-image:       url('../img/icon_close.gif');
        background-repeat:      no-repeat;
        background-position:    right;
        cursor:                 pointer;
        font-size:              9px;
        font-style:             italic;
        line-height:            16px;
    }
/* END OPLEIDINGDETAIL */

/* JQUERY */
    #center img.ui-datepicker-trigger {
        float:                  right;
        margin:                 2px 5px 0px 0px;
        padding:                0px;
    }
/* END JQUERY */