@import url(resetclearfix.css);

body {
    background: #489341;
    font: 13px Arial;
    color: #3b3750;
}

/* Text */

#text a:link, #text a:visited, #text a:active {
    color: #57a850;
    text-decoration: underline;
}

#text a:hover {
    color: #eb2427;
    text-decoration: underline;
}

h1 {
    font-size: 22px;
    font-weight: normal;
}

h2 {
    font-size: 17px;
    font-weight: normal;
}

h4 {
    font-size: 17px;
    font-weight: normal;
}


.greenh1 {
    color: #51994c;
    font-size: 22px;
}

.orangeh1 {
    color: #f4823e;
    font-size: 22px;
}

/* Floats */

.left {
    float: left;
}

.right {
    float: right;
}

/* Colours */

.green {
    color: #5b9d57;
}

    a.green:hover {
        text-decoration: underline;
        color: #eb2427;
    }

.light {
    color: #656081;
}

.lightgreen {
    color: #a6d77e;
}

    #footer .lightgreenfooter {
        color: #9dd078;
    }

.lightergreen {
    color: #cff4cd;
}

    #footer .lightergreen {
        color: #c2eabf;
    }

.midgreen {
    color: #87cb85;
}

    a.midgreen:link, a.midgreen:visited, a.midgreen:active {
        color: #87cb85!important;
    }

    a.midgreen:hover {
        color: #eb2427!important;
    }

.white {
    color: #fff;
}

    a.white:link, a.white:visited, a.white:active {
        color: #fff;
        text-decoration: underline;
    }

    a.white:hover {
        text-decoration: underline;
        color: #eb2427;
    }

.orange {
    color: #f38d4f;
}

.darkorange {
    color: #ce6827;
}

.grey {
    color: #797491;
}

    a.grey:link, a.grey:visited, a.grey:active {
        color: #797491;
        text-decoration: underline;
    }

    a.grey:hover {
        text-decoration: underline;
        color: #eb2427;
    }

    h1.grey a {
        text-decoration: none!important;
    }

.lighterblue {
    color: #68bbe6;
}

    a.lighterblue:hover {
        text-decoration: underline;
        color: #eb2427;
    }

.normalopacity {
    color: #625f73;
}

/* Containers */

#headerbg {
    background: #fff url(../images/bg.jpg) no-repeat top center;
    width: 100%;
    height: 790px;
    position: absolute;
}

#bg {
    background: #fff;
    padding-top: 20px;
}

.container {
    width: 880px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#footercontainer {
    width: 920px;
    margin: 0 auto;
    text-align: left;
}

/* Columns */

.column_1 {
    width: 230px;
}

.column_2 {

}

#column_1_footer {
    width: 230px;
}

#column_2_footer {
    width: 690px;
}


/* overig */

#header {
    height: 190px;
}

    #logo {
        margin-right: 40px;
    }

    #slogan {
        margin-top: 80px;
        margin-left: 8px;
        width: 440px;
    }

        #slogan h1 {
            font-size: 33px;
            float: left;
        }

        .servicepunth1 {
            margin-top: 1px;
        }

        #slogan h3.light {
            font-size: 15px;
            font-weight: normal;
            color: #8b8ba4;
        }

        #slogan div {
            margin-bottom: 3px;
        }

    #uploadpic {
    }

#menu {
    width: 160px;
    margin-right: 50px;
    font-size: 14px;
}

    #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 25px;
    }

    #menu ul#socialmedia li {
        display: inline;
        margin-right: 8px;
    }

    #menu ul li a {
        color: #3b3750;
        text-decoration: none;
        line-height: 22px;
    }

    #menu ul li a:hover {
        color: #eb2427;
        text-decoration: underline;
    }


        #menu ul li a.actief {
            font-size: 15px;
            color: #e82426;
            text-decoration: underline;
            line-height: 22px;
        }

        #menu li ul {
            margin-bottom: 0px;
        }

        #menu li ul li ul {
            margin-bottom: 0px;
            margin-left: 10px;
        }

#text {
    width: 670px;
    line-height: 19px;
    margin-bottom: 30px;
}

    #vervolg_left .clearfix h1 {
        font-size: 17px;
        margin-bottom: 20px;
    }

    #text_home {
        width: 460px;
        margin-right: 40px;
    }

        #text_home h1 {
            margin-bottom: 16px;
            font-size: 17px;
            font-weight: normal;
        }

    #text_home_search {
        width: 167px;
    }
    
        #text_home_search h2 {
            margin-bottom: 6px;
            margin-left: 8px;
            color: #7c7f91;
        }

        #text_home_search p {
            border: 1px solid #f1fcfe;
        }

        #text_home_search a {
            margin-right: 25px;
        }

        #text_home_search p {
        }
    
.searchbox {
    background-image: url(../images/searchbox_left.gif);
    background-repeat: no-repeat;
    width: 119px;
    height: 32px;
    padding: 0px 0px 0px 13px;
    border: none;
    margin: 0px 0px 12px 0px;
    color: #797b7a;
    float: left;
}
.searchboxsubmit {
    background-image: url(../images/searchbox_right.gif);
    background-repeat: no-repeat;
    width: 33px;
    height: 32px;
    border: none;
    margin: 0px;
    margin: 0px 0px 12px 0px;
    float: left;
    cursor: pointer;
}
    .searchboxsubmit:hover, .searchboxsubmit:active {
        background-image: url(../images/searchbox_right_hover.gif);
    }

#boxes_head {
    margin: 45px 0px 25px 0px;
}

    #boxes_head .greenh1 {
        width: 335px;
    }

.boxes {
    margin-bottom: 10px;
    position: relative;
}

    #boxes_left_container {
        width: 340px;
    }

    #boxes_right_container {
        width: 330px;
    }

    .boxes_left {
        width: 340px;
        margin-bottom: 10px;
    }

    .boxes_right {
        margin-bottom: 10px;
    }

    .boxes ul, .boxes_left ul, boxes_right ul {
        margin: 5px 0px 5px 0px;
        padding: 0px 0px 0px 20px;
        color: #605e73;
    }

.boxes_icon {
    width: 60px;
}

    .boxes_icon a {
        width: 45px;
        height: 46px;
        display: block;
    }

        .boxes_icon a#algemeen {
            background: url(../images/icon/algemeen_sprite.gif);
        }

        .boxes_icon a#algemeen:hover {
            background-position: 0px -46px;
        }

        .boxes_icon a#zorg {
            background: url(../images/icon/zorg_sprite.gif);
        }

        .boxes_icon a#zorg:hover {
            background-position: 0px -46px;
        }

        .boxes_icon a#techniek {
            background: url(../images/icon/techniek_sprite.gif);
        }

        .boxes_icon a#techniek:hover {
            background-position: 0px -46px;
        }

        .boxes_icon a#leerwerkloket_eemland {
            background: url(../images/icon/leerwerkloket_eemland_sprite.gif);
        }

        .boxes_icon a#leerwerkloket_eemland:hover {
            background-position: 0px -46px;
        }

        .boxes_icon a#mobiliteitscentrum {
            background: url(../images/icon/mobiliteitscentrum_sprite.gif);
        }

        .boxes_icon a#mobiliteitscentrum:hover {
            background-position: 0px -46px;
        }

        .boxes_icon a#wajong_werkt {
            background: url(../images/icon/wajong_werkt_sprite.gif);
        }

        .boxes_icon a#wajong_werkt:hover {
            background-position: 0px -46px;
        }

.boxes_text {
    width: 230px;
}

    .boxes_text_right {
        width: 270px;
    }

    .boxes_text h1, .boxes_text_right h1 {
        margin: 12px 0px 10px 0px;
    }

        .boxes_text h1 a.normal, .boxes_text_right h1 a.normal {
            color: #524f65!important;
            text-decoration: none!important;
        }

        .boxes_text h1 a.normal:hover, .boxes_text_right h1 a.normal:hover, .boxes_text h1 a:hover {
            color: #eb2427!important;
            text-decoration: underline!important;
        }

#spacefooter_white {
    height: 191px;
    background: #fff;
}

/* Vervolg */

#vervolg_left {
    width: 450px;
    color: #5d5e73;
}

    #vervolg_left ul {
        border-bottom: 0px;
    }

#vervolg_right {
    width: 170px;
}

    #vervolg_right h4 {
        margin: 40px 0px 20px 0px;
    }

    #vervolg_right p {
        margin-bottom: 30px;
    }

    #vervolg_right img {
        margin-bottom: 3px;
    }

#filters {
}

    #filters h4 {
        margin: 40px 0px 6px 0px;
    }

#filters_top {
    background: url(../images/filters_top.jpg) no-repeat;
    width: 165px;
    height: 18px;
}

#filters_mid {
    width: 139px;
    border-left: 3px solid #b7e2ee;
    border-right: 3px solid #b7e2ee;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
}

#filters input {
    margin: 5px 4px 5px 10px;
}

#filters_bottom {
    background: url(../images/filters_bottom.jpg);
    width: 165px;
    height: 18px;
}

#filters #filterssubmit {
    background: url(../images/filters_submit.jpg);
    width: 138px;
    height: 23px;
    display: block;
    cursor: pointer;
    border: none;
    margin: 0px;
    overflow:hidden;
}

    #filters #filterssubmit:hover input {
        margin-top:-23px;
    }

    #filters #filterssubmit:hover img {
        margin-top:-23px;
    }

/* Kennisstroom */

#kennisstroom {
    background: #f4fafd url(../images/kennisstroom.gif) no-repeat top center;
    padding-top: 35px;
}

.kennisstroom_on {
    height: 94px;
    background: #f4fafd;
    padding-top: 40px;
}

.kennisstroom_off {
    height: 51px;
    background: #fff;
    padding-top: 40px;
}

#kennisstroom_text {
    width: 670px;
    margin-left: 210px;
    line-height: 19px;
}

#kennisstroom_text h1 {
    margin-top: 12px;
}

.kennisstroom_icon {
    width: 40px;
    margin-left: 20px;
    margin-top: 10px;
}

.first_item {
    margin-top: 20px;
}

    .first_item h2 {
        font-size: 19px;
        margin-bottom: 10px;
    }

        .first_item h2 a:link, .first_item h2 a:visited, .first_item h2 a:active {
            text-decoration: none;
            color: #3b3750;
        }

        .first_item h2 a:hover {
            color: #eb2427!important;
            text-decoration: underline;
        }

    .first_item_text {
        margin-bottom: 10px;
        line-height: 20px;
    }

    .first_item_link {
        font-size: 16px;
        margin-right: 12px;
        float: left;
        margin-bottom: 10px;
    }
    
        a.first_item_link:link, a.first_item_link:visited, a.first_item_link:active {
            text-decoration: none!important;
            border-bottom: 1px solid #f5fbfd;
        }

        a.first_item_link:hover {
            text-decoration: none!important;
            border-bottom: 1px solid #eb2427;
        }

    .first_item_link2 {
        font-size: 16px;
        margin-left: 12px;
        float: left;
    }

        a.first_item_link2:link, a.first_item_link2:visited, a.first_item_link2:active {
            text-decoration: none!important;
        }

        a.first_item_link2:hover {
            text-decoration: none!important;
            border-bottom: 1px solid #eb2427;
        }

/* Kennisstroom vervolg */

#kennisstroom_vervolg {
}

#kennisstroom_vervolg h1 {
    margin-bottom: 32px;
}

.item {
    margin-bottom: 20px;
}

    .item img, .item_vervolg img {
        margin-right: 15px;
    }

    .item h2 {
        font-size: 19px;
        width: 400px;
    }

        .item h2 a:link, .item h2 a:active, .item h2 a:visited, .item h2 a:hover {
            text-decoration: none!important;
            color: #008cd5!important;
        }

        .item h2 a:hover {
            text-decoration: underline!important;
            color: #eb2427!important;
        }

    .item_text {
        margin: 5px 0px 15px 0px;
    }

        .item_text img {
            border: 3px solid #bce1b6;
        }

    .item_link:link, .item_link:active, .item_link:visited {
        font-size: 16px;
        color: #008cd5!important;
        text-decoration: none!important;
    }

    .item_link:hover {
        font-size: 16px;
        text-decoration: underline!important;
        color: #eb2427!important;
    }

.item_vervolg {
    margin-bottom: 10px;
}

.item_vervolg_icon {
    width: 60px;
    height: 85px;
}

.item_vervolg_soort {
    width: 390px;
    height: 85px;
}

.item_vervolg_soort h1.soorth1 {
    font-size: 22px!important;
    font-weight: bold;
    margin: 0px 0px 5px 0px!important;
    color: #57a850;
    padding-top: 12px;
}

.item_vervolg_soort h2.soorth2 {
    font-size: 16px!important;
    font-weight: normal;
    color: #57a850;
}

.item_datum {
    margin: 25px 0px 10px 0px;
}

#pages {
}

    #pages ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #pages li {
        float: left;
        margin-right: 10px;
        text-align: center;
    }

        #pages li a.page:link, #pages li a.page:visited, #pages li a.page:active {
            background: url(../images/icon/pages.gif);
            width: 37px;
            height: 25px;
            display: block;
            color: #3b3750;
            text-decoration: none;
            padding-top: 5px;
        }

        #pages li a.page:hover {
            background: url(../images/icon/pages_on.gif);
            width: 31px;
            height: 21px;
            display: block;
            color: #fff;
            text-decoration: none;
            padding-top: 3px;
            margin: 2px 3px 2px 3px;
        }

        #pages li a.actief {
            background: url(../images/icon/pages_on.gif);
            width: 31px;
            height: 21px;
            display: block;
            color: #fff;
            text-decoration: none;
            padding-top: 3px;
            margin-top: 2px;
            cursor: default;
        }

        #pages li#none {
            width: 32px;
            margin: 0;
            padding: 0;
            padding-right: 4px;
            padding-top: 8px;
        }

#geenberichten {
    margin-bottom: 20px;
}

.pages_detail_back {
    width: 50px;
}

    div.item_link_detail {
        text-decoration: none!important;
        float: left;
        width: 292px;
        padding-top: 4px;
        font-size: 16px;
        margin-left: 10px;
    }

    .item_link_detail a:link, .item_link_detail a:active, .item_link_detail a:visited {
        text-decoration: none!important;
    }

    .item_link_detail a:hover {
        text-decoration: underline!important;
        color: #eb2427;
    }

.pages_detail_previous {
    width: 46px;
}

.pages_detail_next {
}

/* Kennisbank */

.kennisbankh1 {
    padding-top: 12px;
}

#kennisbank_top {
    background: url(../images/kennisbank_top.gif) no-repeat;
    width: 457px;
    height: 15px;
    margin-top: 25px;
}

#kennisbank_mid {
    width: 411px;
    border-left: 3px solid #b7e2ee;
    border-right: 3px solid #b7e2ee;
    padding: 2px 20px 14px 20px;
    height: 302px;
    position: relative;
}

    #kennisbank_left {
        float: left;
        width: 230px;
    }

    #kennisbank_right {
        float: left;
        width: 180px;
    }

#kennisbank input {
    margin: 4px 10px 0px 10px;
}

#kennisbank_bottom {
    background: url(../images/kennisbank_bottom.gif);
    width: 457px;
    height: 14px;
    margin-bottom: 50px;
}

#kennisbank_submit {
    width: 138px;
    height: 23px!important;
    cursor: pointer;
    border: none;
    margin: 0px;
    position: absolute;
    top: 318px;
    left: 166px;
    overflow:hidden;
}

    #kennisbank_submit:hover input {
        margin-top:-23px;
    }

    #kennisbank_submit:hover img {
        margin-top:-23px;
    }

.kennisbank_search {
    background-image: url(../images/kennisbank_search.gif);
    background-repeat: no-repeat;
    width: 371px;
    height: 32px!important;
    padding: 0px 20px 0px 20px;
    border: none;
    margin: 0px;
    color: #797b7a;
    margin: 6px 0px 0px 0px!important;
}

#kennisbank_left span, #kennisbank_right span {
    display: block;
    margin: 18px 0px 13px 0px;
    font-size: 15px;
}

#kennisbank h1 {
    margin-bottom: 15px;
}

#kennisbank h2 {
    margin: 20px 0px 15px 0px;
}

#kennisbank ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#kennisbank li {
    margin-bottom: 10px;
    font-size: 15px;
}

.fontnineteen {
    font-size: 19px;
}

#kennisbankform_text {
    margin: 20px 0px 0px 0px;
}

/* Contactformulier */

.contactformulier input, .contactformulier textarea {
    margin-bottom: 10px;
    border: 2px solid #9de2f6;
    padding: 4px;
    font-family: arial;
    font-size: 12px;
}

    .contactformulier input {
        width: 265px;
    }

        .contactformulier input#telefoonnummer, .contactformulier input#mailterug, .contactformulier input#belterug {
            margin-bottom: 6px;
        }

        .contactformulier input#mailterug, .contactformulier input#belterug {
            text-align: left;
            width: 20px;
            margin-right: 6px;
        }

        .contactformulier input#belterug {
            margin-left: 20px;
        }

    .contactformulier input:focus, .contactformulier textarea:focus {
        margin-bottom: 10px;
        border: 2px solid #18b5e7;
    }

#contactsubmit {
    width: 138px;
    height: 23px;
    display: block;
    cursor: pointer;
    border: none;
    margin: 0px;
    float: right;
    overflow:hidden;
}

    #contactsubmit:hover input {
        margin-top:-23px;
    }

    #contactsubmit:hover img {
        margin-top:-23px;
    }

input[type="checkbox"], input[type="radio"] {
    background: transparent;
    border: 0;
}

input[type="checkbox"]:focus, input[type="radio"]:focus {
    background: transparent;
    border: 0;
}

/* Nieuwsbrief */

.nieuwsbriefformulier input, .nieuwsbriefformulier textarea {
    margin-bottom: 10px;
    border: 2px solid #9de2f6;
    padding: 4px;
    font-family: arial;
    font-size: 12px;
    width: 188px;
}

    .nieuwsbriefformulier input {
        width: 265px;
    }

    .nieuwsbriefformulier input:focus, .nieuwsbriefformulier textarea:focus {
        margin-bottom: 10px;
        border: 2px solid #18b5e7;
    }

#nieuwsbriefsubmit {
    width: 138px;
    height: 23px;
    display: block;
    cursor: pointer;
    border: none;
    margin: 0px;
    float: right;
    overflow:hidden;
}

    #nieuwsbriefsubmit:hover input {
        margin-top:-23px;
    }

    #nieuwsbriefsubmit:hover img {
        margin-top:-23px;
    }

/* Vacature */


.vacatureformulier input, .vacatureformulier textarea {
    margin-bottom: 10px;
    border: 2px solid #9de2f6;
    padding: 4px;
    font-family: arial;
    font-size: 12px;
}

    .vacatureformulier input {
        width: 265px;
    }

    .vacatureformulier textarea {
        margin-top: 10px;
        width: 445px;
    }

        .vacatureformulier input#bestand, .vacatureformulier input#omschrijving {
            text-align: left;
            width: 20px;
            margin-right: 6px;
        }

        .vacatureformulier input#bestandfile {
            border: none;
        }

    .vacatureformulier input:focus, .vacatureformulier textarea:focus {
        margin-bottom: 10px;
        border: 2px solid #18b5e7;
    }

.vacatureformulier .grey {
    font-size: 11px;
}

.vacatureformulier .formsmall {
    font-size: 11px;
}

#vacaturesubmit {
    width: 138px;
    height: 23px;
    display: block;
    cursor: pointer;
    border: none;
    margin: 0px;
    float: right;
    overflow:hidden;
}

    #vacaturesubmit:hover input {
        margin-top:-23px;
    }

    #vacaturesubmit:hover img {
        margin-top:-23px;
    }

/* Footer */

#footer {
    background: url(../images/footer.gif) no-repeat top center!important;
    width: 100%;
    min-height: 94px;
    height: auto !important;
    height: 94px;
    position: absolute;
    margin-top: -94px;
    padding-top: 50px;
    line-height: 22px;
    font-size: 15px;
    color: #edf4ec;
}

    #footer span {
        display: block;
        margin-bottom: 4px;
    }

    #legenda {
        list-style: none;
        color: #fff;
        margin: 0;
        padding: 0;
    }

        #legenda li img {
            margin-right: 6px;
        }

        #legenda li a {
            color: #dae9d9;
            text-decoration: none;
        }

        #legenda li a:hover {
            color: #eb2427;
            text-decoration: underline;
        }

    #adres {
        width: 254px;
        height: 110px;
    }

    #vragen {
        width: 254px;
        height: 110px;
    }

    #rechten {
        width: 176px;
        height: 110px;
    }

    .footer_text {
        margin-top: 150px;
        margin-bottom: 20px;
    }

/* Overig */

.btn_contact_sprite {
    background: url(../images/btn_contact.jpg);
    height: 27px;
    width: 164px;
    display: block;
    margin-bottom: 7px;
}

    .btn_contact_sprite:hover {
        background-position: 0px -27px;
    }

.btn_tel_sprite {
    background: url(../images/btn_tel.jpg);
    height: 27px;
    width: 164px;
    display: block;
    margin-bottom: 7px;
}

    .btn_tel_sprite:hover {
        background-position: 0px -27px;
    }

.btn_zoeken_sprite {
    background: url(../images/btn_zoeken.jpg);
    height: 27px;
    width: 164px;
    display: block;
    margin-bottom: 7px;
}

    .btn_zoeken_sprite:hover {
        background-position: 0px -27px;
    }

#gezocht {
    color: #5e5e73;
    margin: 0px 0px 20px 0px;
}

    #gezocht h2 {
        color: #37a5de;
    }

/* Jquery call-back opmaak */

#simple {
    color: #E82426;
}

#simplesmall {
    color: #E82426;
}