/* REGULAR ITEMS  */
    * {
        margin:                 0px;
        padding:                0px;
        font-family:            Verdana, Arial, Helvetica, sans-serif;
    }

    body {
        color:                  #000000;
        background-color:       #B2B2B2;
    }

    #container {
        width:                  1000px;
        margin:                 0px auto 0px auto;
        background-color:       #FFFFFF;
        font-size:              12px;
        line-height:            18px;
    }

    a {
        cursor:                 pointer;
        color:                  #1C3F94;
    }

    a:hover {
        color:                  #8186BE;
    }

    a span {
        display:                none;
    }
/* END REGULAR ITEMS */

/* HEADER */
    #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;
    }

    #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:                 175px;
        background:             url('../img/header01.jpg') top right no-repeat;
    }

    h1 {
        width:                  218px;
        height:                 117px;
        background:             url('../img/logo_rescuehc.png') bottom right no-repeat;
        padding:                30px 0px 0px 20px;
        cursor:                 pointer;
    }

    h1 span {
        display:                none;
    }

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

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

    #certificeringen a {
        display:                block;
        width:                  30px;
        height:                 30px;
        background-repeat:      no-repeat;
    }

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

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

/* MENU */
    #menubar {
        height:                 25px;
        background-image:       url('../img/topmenu_back.gif');
        
    }

    #nav1, #nav1 ul {
        list-style:             none;
    }

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

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

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

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

    #nav1 a {
        display:                block;
    }

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

    #nav1 li ul ul {
        margin:                 -20px 0px 0px 165px;
}

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

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

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

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

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

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

    div.item {
        float:                  left;
        clear:                  both;
        width:                  100%;
        padding-bottom:         25px;
        font-size:              10px;
    }

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

    #left h2, #right h2 {
        font-size:              10px;
        font-weight:            bold;
        background:             url('../img/leftmenu_back.gif');
        height:                 22px;
        width:                  170px;
        padding:                3px 0px 0px 5px;
    }

    #left p, #right p {
        margin:                 0px 0px 10px 0px;
        line-height:            18px;
    }


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

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

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

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

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


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

/* LEFT MENU'S */
    #nav2, #nav3 {
        list-style:             none;
        float:                  left;
        width:                  100%;
    }

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

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

    #nav2 li:hover ul ul, #nav2 li.ie_does_hover ul ul, #nav3 li:hover ul ul, #nav3 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, #nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li.ie_does_hover ul, #nav3 li li.ie_does_hover ul {
        display:                block;
    }

    #nav2 a, #nav3 a {
        display:                block;
    }

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

    a.leftmenu {
        display:                block;
        width:                  168px;
        height:                 20px;
        padding:                3px 0px 0px 5px;
        color:                  #000000;
        background-color:       #E4F2D6;
        text-decoration:        none;
        font-weight:            bold;
    }

    a.leftmenu:hover {
        background-color:       #8DC63F;
    }
/* END LEFT MENU'S */

/* CENTER */
    #center {
        float:                  left;
        width:                  620px;
        min-height:             200px;
        padding-top:            25px;
        margin:                 0px 5px 15px 5px;
        background:             url('../img/background.jpg') no-repeat bottom right;
    }

    #center h2 {
        color:                  #8DC63F;
        font-weight:            bold;
        font-size:              16px;
        line-height:            22px;
        margin:                 0px 0px 15px 15px;
    }

    #center h3 {
        color:                  #8DC63F;
        font-weight:            bold;
        font-size:              14px;
        line-height:            20px;
        margin:                 20px 0px 10px 25px;
    }

    #center h4 {
        color:                  #8DC63F;
        font-weight:            bold;
        font-size:              12px;
        margin:                 20px 20px 0px 35px;
    }

    #center h5, #center h6 {
        margin:                 20px 20px 0px 35px;
        font-size:              12px;
        font-weight:            bold;
    }

    #center p {
        margin:                 0px 20px 10px 35px;
        line-height:            20px;
    }

    #center p.introtext {
        font-style:             italic;
    }

    #center dl {
        margin:                 0px 20px 10px 35px;
    }

    #center dt {
        float:                  left;
        width:                  180px;
        font-weight:            bold;
        line-height:            20px;
    }

    #center dd {
        padding-left:           180px;
        line-height:            20px;
        margin-bottom:          5px;
    }

    #center ul {
        list-style-type:        disc;
        margin:                 0px 20px 10px 50px;
        line-height:            20px;
    }

    #center ol {
        list-style-type:        decimal;
        margin:                 0px 20px 10px 50px;
        line-height:            20px;
    }

    #center ul ul, ol ul {
        list-style-type:        disc;
        margin:                 0px 0px 0px 25px;
    }

    #center ol ol, ul ol {
        list-style-type:        decimal;
        margin:                 0px 0px 0px 25px;
    }

    #center img {
        float:                  right;
        margin:                 5px 15px 10px 10px;
        border:                 1px solid #D1D2D4;
    }

    #center table {
        margin:                 0px 20px 10px 35px;
    }

    #center th {
        text-align:             left;
        padding:                0px 10px 2px 10px;
        border-bottom:          1px solid #C0C0C0;
        font-weight:            bold;
        line-height:            20px;
    }

    #center td {
        padding:                0px 10px 2px 10px;
        border-bottom:          1px solid #C0C0C0;
        line-height:            20px;
    }

    #center hr {
        margin:                 20px 20px 20px 20px;
        height:                 1px;
        border:                 0px;
        border-top:             1px dotted #C0C0C0;
}

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

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

    div.message {
        margin:                 0px 15px 15px 15px;
        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:                0px 15px 15px 15px;
        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;
    }

    #center hr.prevnextpage {
        margin:                 30px 20px 15px 20px;
    }

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

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

/* FOOTER */
    #footer {
        clear:                  both;
        padding:                20px 0px 15px 0px;
        font-size:              10px;
    }

    #footer ul {
        width:                  520px;
        margin:                 0px auto 0px auto;
    }

    #footer ul li {
        padding:                0px 15px 0px 15px;
        float:                  left;
        list-style-type:        none;
        border-left:            solid 1px #8DC63F;
    }

    #footer li:first-child {
        border-left:            none;
    }

    a.hostedby {
        color:                  #FFFFFF;
        font-size:              1px;
        text-decoration:        none;
    }
/* END FOOTER */

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

    input.file {
        height:                 22px;
    }

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

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

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

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

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

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

    button {
        cursor:                 pointer;
        margin-left:            170px;
    }
/* END FORMS */