@import url(reset.css);

/***************
    Layout
***************/

html {
    height: 101%;
}

body {
    font-family: "Tahoma", sans-serif;
    font-size: 11px;

    background: #ffffff url(../images/header.jpg) repeat-x top left;

    color: #009AB1;
    text-align: center;
}


#backgroundHeader{
    background: transparent url(../images/background_menu_nieuw.jpg) no-repeat top center;
    z-index: 0;
}
body.submenu #backgroundHeader {
    background: transparent url(../images/background_submenu_nieuw.jpg) no-repeat top center;
}

#header {
    position: relative;

    width: 990px;
    height: 90px;

    margin-left: auto;
    margin-right: auto;

    text-align: left;
    /*background: #ffffff url(../images/header_menu.png) no-repeat top left;*/

    z-index: 2;
}
    #header a, #header a:hover { color: white; text-decoration: none; }
    #header.submenu {
    height: 131px;
    /*background: #ffffff url(../images/header_submenu.png) no-repeat top left;*/

    z-index: 2;
}

h1#logo {
    position: relative;
    top: 40px;
    left: 50px;

    height: 57px;
    width: 233px;

    background: transparent url(../images/logo.png) no-repeat;
}
    h1#logo span {
        display: none;
    }
    h1#logo a {
        display: block;
        height: 57px;
        width: 233px;
    }

#backgroundLeft {
    background: transparent url(../images/backgroundLeft.png) no-repeat bottom left;
    z-index: -100;
}
#backgroundRight {
    background: transparent url(../images/backgroundRight.png) no-repeat bottom right;
    z-index: -100;
}
#backgroundLeftHome {
    /*background: transparent url(../images/backgroundLeftHome.png) no-repeat bottom left;*/
    background: transparent url(../images/sp_home_backleft.jpg) no-repeat bottom left;
    z-index: -100;
    height: 580px;
    margin-top: -40px;
    padding-top: 40px;
}
#backgroundRightHome {
    /*background: transparent url(../images/backgroundRightHome.png) no-repeat bottom right;*/
    background: transparent url(../images/sp_home_backright.jpg) no-repeat bottom right;
    z-index: -100;
    height: 580px;
    margin-top: -40px;
    padding-top: 40px;
}

#content {
    width: 920px;

    margin-left: auto;
    margin-right: auto;

    padding: 20px 35px 20px 35px;

    text-align: left;
    z-index: 2;
}

#backgroundFooter {
    position: relative;
    background: transparent url(../images/footer.png) repeat-x top;
}

#footer {
    position: relative;

    width: 920px;
    height: 160px;

    margin-left: auto;
    margin-right: auto;

    padding: 20px 35px 20px 35px;

    text-align: left;
    color: white;
    background: transparent url(../images/footer.png) no-repeat top left;

    overflow: hidden;
}
    #footer span {
        float: left;
    }

.clearer {
    clear: both;
    height: 1px;
}



/***************
    Menu
***************/

ul.menu {
    position: relative;

    overflow: hidden;
    height: 50px;

    margin: -35px 0 0 320px;
    list-style: none;
}
    ul.menu li {
        float: left;
        display: inline;
        margin: 2px 26px 0 0;
    }
    ul.menu li a {
        font-size: 14px;
        padding: 0 0 0 20px;
        background: transparent url(../images/menubutton.gif) no-repeat bottom left;
    }
    ul.menu li a:hover {
        text-decoration: none;
    }
    ul.menu li.searchField {
        float: left;
        height: 22px;
        width: 186px;
        background: transparent url(../images/zoekveld.gif) no-repeat;
        margin: 0 0 0 10px;
        padding: 0 5px 0 0;
    }
    ul.menu li.searchField input {
        height: 20px;
        width: 170px;

        margin: 3px 10px 0 10px;

        color: #009AB1;
        background: none;
        border: none;

        font-family: "Tahoma", sans-serif;
        font-size: 11px;
    }
    ul.menu li.searchButton {
        font-size: 14px;
        margin: -2px 0 0 0;
        padding: 0 0 5px 20px;
        background: transparent url(../images/menubutton.gif) no-repeat 0px 9px;
    }
    ul.menu li.searchButton button {
        height: 22px;

        padding: 0;
        margin: 0;

        background: none;
        border: none;
        color: white;
        font-size: 14px;
        cursor: pointer;
    }


/***************
    Submenu
***************/

#submenu {
    margin: 19px 0 0 25px;
    padding: 0;
    list-style: none;
}
    #submenu li {
        position: relative;
        float: left;
        margin: 0;
    }

    #submenu li a {
        display: block;
        color: red;
        text-decoration: none;
        padding: 2px 0 2px 10px;
        font-size: 11px;
    }
    #submenu li a span {
        color: red;
        padding: 2px 10px 2px 0;
        font-size: 11px;
    }

    #submenu li:hover a,
    #submenu li:active a,
    #submenu li.hover a {
        background: #E2001A url(../images/lefttab.gif) left top no-repeat;
        color: white;
    }
    #submenu li:hover span,
    #submenu li:active span,
    #submenu li.hover span {
        background: #E2001A url(../images/righttab.gif) right top no-repeat;
        color: white;
    }

    #submenu li.active a {
        background: #E2001A url(../images/lefttab.gif) left top no-repeat;
        color: white;
    }
    #submenu li.active span {
        background: #E2001A url(../images/righttab.gif) right top no-repeat;
        color: white;
    }

ul.subsubmenu {
    position: absolute;
    left: -999em;
    width: 100%;
    list-style: none;
    line-height: 16px;
    color: white;
}
#submenu li:hover ul.subsubmenu,
#submenu li:active ul.subsubmenu,
#submenu li.hover ul.subsubmenu {
    position: absolute;
    left: auto;
    vertical-align: top;
}

    #submenu ul.subsubmenu li {
        float: none;
        margin: 0;
        padding: 0;
        color: white;
        /*line-height: 16px;*/
    }
    #submenu ul.subsubmenu li a {
        display: block;
        float: none;

        padding: 2px 0 0 10px;

        background: #009AB2;
        color: white;
        text-decoration: none;
    }
    #submenu ul.subsubmenu li a:hover {
        /*text-decoration: underline;*/
        background: #009AB2;
    }
    #submenu ul.subsubmenu li a span {
        display: block;
        padding: 0 10px 0 0;
        color: white;
        background: #009AB2;
    }
    #submenu ul.subsubmenu li a:hover span {
        color: #DF0923;
    }

    #submenu ul.subsubmenu li.last a,
    #submenu ul.subsubmenu li.last a:hover {
        margin: -1px 0 0 0;
        padding: 2px 0 5px 10px;
    }
    #submenu ul.subsubmenu li.last a span,
    #submenu ul.subsubmenu li.last a:hover span { background: transparent; }

    #submenu ul.subsubmenu li.lastluisteren a,
    #submenu ul.subsubmenu li.lastluisteren a:hover {
        background: transparent url(../images/tab_luisteren.png) bottom left no-repeat;
    }

    #submenu ul.subsubmenu li.lastfotograferen_filmen a,
    #submenu ul.subsubmenu li.lastfotograferen_filmen a:hover {
        background: transparent url(../images/tab_fotograferen_filmen.png) bottom left no-repeat;
    }

    #submenu ul.subsubmenu li.lasthuishouden a,
    #submenu ul.subsubmenu li.lasthuishouden a:hover {
        background: transparent url(../images/tab_huishouden.png) bottom left no-repeat;
    }

    #submenu ul.subsubmenu li.lastkoelen_vriezen a,
    #submenu ul.subsubmenu li.lastkoelen_vriezen a:hover {
        background: transparent url(../images/tab_koelen_vriezen.png) bottom left no-repeat;
    }

    #submenu ul.subsubmenu li.lastwassen_drogen a,
    #submenu ul.subsubmenu li.lastwassen_drogen a:hover {
        background: transparent url(../images/tab_wassen_drogen.png) bottom left no-repeat;
    }

    #submenu ul.subsubmenu li.last a span,
    #submenu ul.subsubmenu li.last a:hover span {
        display: block;
    }


/***************
    Footer menu
***************/

ul.footermenu {
    position: relative;
    float: right;
    list-style: none;
}
    ul.footermenu li {
        float: left;
        margin: 0 0 0 30px;
    }
    ul.footermenu li a {
        color: white;
        text-decoration: underline;
    }
    ul.footermenu li a:hover {
        text-decoration: none;
    }

/***************
    Hoofdcategorieën
***************/

ul.hoofdcats {
    position: relative;

    width: 840px;
    overflow: hidden;

    margin: 10px auto 20px auto;
    list-style: none;
}
    ul.hoofdcats li {
        position: relative;
        float: left;
        display: inline;

        width: 186px;
        height: 144px;

        margin: 0 15px 15px 0;
        overflow: hidden;
    }
    ul.hoofdcats li.blaat {
        overflow: hidden;
    }
    ul.hoofdcats li a { color: white; text-decoration: none; }
    ul.hoofdcats li img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    ul.hoofdcats li .overlay_hoofdcat {
        position: absolute;
        width: 186px;
        height: 144px;
        z-index: 1;
        background: url(../images/hoofdcat_overlay.png) top left no-repeat;
        cursor: pointer;
    }
    ul.hoofdcats li .overlay_subcat {
        position: absolute;
        width: 186px;
        height: 144px;
        z-index: 1;
        background: url(../images/subcat_overlay.png) top left no-repeat;
        cursor: pointer;
    }
    ul.hoofdcats li .overlay_hoofdcat a,
    ul.hoofdcats li .overlay_subcat a {
        display: block;
        height: 100%;
        width: 100%;
    }
    ul.hoofdcats li h1 {
        position: absolute;
        top: 115px;
        left: 0px;
        width: 186px;

        margin: 0;
        padding: 0;
        z-index: 100;
        text-align: center;
    }
    ul.hoofdcats li h1 a,
    ul.hoofdcats li h1 a:hover {
        color: white;
        text-decoration: none;
    }
    ul.hoofdcats .overlay_inactive {
        position: absolute;
        top: 0;
        left: 0;

        height: 480px;
        width: 790px;

        background: transparent url(../images/overlay_inactive.png) top left repeat;
        cursor: pointer;
        z-index: 500;
    }
    ul.hoofdcats .overlay_inactive a {
        position: relative;
        display: block;
        height: 500px;
        width: 100%;
        z-index: 505;
    }

    li.subcat { position: absolute; z-index: 1000; }
    li.hoofdcat_active { position: absolute; z-index: 1000; }

    ul.hoofdcats li.maandmagazine { width: 99px; height: 144px; margin: 0 8px 15px 0; }
    ul.hoofdcats li.maandmagazine h1 { position: absolute; top: 95px; z-index: 100; width: 100px; text-align: center; }

    ul.hoofdcats .zoek_postcode { height: 150px; height: 144px; width: 286px; overflow: hidden; cursor: auto; font-size: 11px; z-index: 1; }
    ul.hoofdcats .zoek_postcode .winkel_slideshow { position: relative; top: 6px; left: 101px; z-index: 1; }
    ul.hoofdcats .zoek_postcode h1 { position: absolute; top: 20px; left: 20px; width: 70px; z-index: 100; cursor: auto; }
    ul.hoofdcats .zoek_postcode span.blaat { position: absolute; top: 85px; left: 20px; color: white; z-index: 100; }
    ul.hoofdcats .zoek_postcode span.winkel_tekst { position: absolute; top: 115px; left: 110px; width: 160px; color: white; font-family: "Tahoma", sans-serif; font-size: 12px; line-height: 10px; z-index: 100; }
    ul.hoofdcats .zoek_postcode .overlay_postcode {
        position: absolute;
        top: 0;
        left: 0;

        height: 150px;
        width: 286px;

        background: transparent url(../images/zoek_postcode.png) top left no-repeat;
        cursor: default;
        z-index: 100;
    }
    ul.hoofdcats .zoek_postcode .slideshow_clickwindow { position: absolute; top: 6px; left: 101px; width: 180px; height: 140px; z-index: 200; cursor: pointer; }

/***************
    Winkels
***************/

    div.vraag .zoek_postcode { position: relative; height: 150px; width: 286px; overflow: hidden; cursor: auto; font-size: 11px; }
    div.vraag .zoek_postcode .winkel_slideshow { position: relative; top: 6px; left: 101px; z-index: 1; }
    div.vraag .zoek_postcode h1 { position: absolute; top: 20px; left: 20px; width: 70px; z-index: 100; cursor: auto; color: white; font-size: 14px; }
    div.vraag .zoek_postcode span.blaat { position: absolute; top: 85px; left: 20px; color: white; z-index: 100; }
    div.vraag .zoek_postcode span.winkel_tekst { position: absolute; top: 118px; left: 110px; color: white; z-index: 100; font-size: 12px; font-weight: bold; width: 160px; }
    div.vraag .zoek_postcode .overlay_postcode {
            position: absolute;
            top: 0;
            left: 0;

            height: 150px;
            width: 286px;

            background: transparent url(../images/zoek_postcode.png) top left no-repeat;
            cursor: default;
            z-index: 100;
        }
    div.vraag .zoek_postcode .slideshow_clickwindow { position: absolute; top: 6px; left: 101px; width: 180px; height: 140px; z-index: 200; cursor: pointer; }


/***************
    Fonts
***************/

ul li h1 { font-size: 14px; color: white; }
h2 { font-size: 24px; color: #DF0923; margin: 0 0 15px 0; }
h3 { font-size: 13px; margin: 0 0 0 0; }
p { margin: 0 0 15px 0; }
a { color: #009AB1; text-decoration: underline; }
a:hover { color: #009AB1; text-decoration: underline; }
.error { color: red; font-style: italic; }
.bold { font-weight: bold }
.tekstGroter { font-size: 12px; }

/***************
    Formulieren
***************/

input {
    font-family: "Tahoma", sans-serif;
    font-size: 11px;
    color: #009AB1;
}

input.route_van { margin: 5px 0 0 0; font-size: 12px; width: 300px; border: 1px inset gray; }
input.route_van_vol { border: 0px; }

input.route_naar { margin: 5px 0 0 0; font-size: 12px; width: 300px; border: 0; }

button.route_submit { width: 108px; height: 20px; background: transparent url(../images/button_route.gif) top left no-repeat; border: 0; margin: 10px 0 10px 0; cursor: pointer; }
button.route_reset { width: 155px; height: 22px; background: transparent url(../images/button_route_reset.gif) top left no-repeat; border: 0; margin: 10px 0 10px 0; cursor: pointer; }
button.route_print { width: 94px; height: 19px; background: transparent url(../images/button_print.gif) top left no-repeat; border: 0; margin: 10px 0 10px 50px; cursor: pointer; }

#zoek_postcode input {
    position: absolute;
    top: 108px;
    left: 25px;

    width: 50px;
    height: 18px;

    background: none;
    border: none;
    z-index: 100;
}
#zoek_postcode button.zoek {
    position: absolute;
    top: 123px;
    left: 53px;

    color: white;
    background: none;
    border: none;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;

    cursor: pointer;
    z-index: 100;
}

#zoek_postcode_producten input {
    position: absolute;
    top: 225px;
    left: 110px;

    width: 90px;
    height: 18px;

    background: none;
    border: none;
    z-index: 100;
}
#zoek_postcode_producten button.zoek {
    position: absolute;
    top: 248px;
    left: 160px;

    color: #009AB1;
    background: none;
    border: none;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;

    cursor: pointer;
    z-index: 100;
}

/***************
    Knoppen
***************/

p.buttonLeft { float: left; margin: 20px 0 0 0; }
p.buttonRight { float: right; margin: 20px 0 0 0; }
p.buttonLeft a, p.buttonRight a { background: transparent url(../images/contentbutton.gif) top left no-repeat; padding: 0 0 0 25px; font-size: 14px; color: #DF0822; text-decoration: none; }
p.buttonLeft a:hover, p.buttonRight a:hover { background: transparent url(../images/contentbutton_over.gif) top left no-repeat; padding: 0 0 0 25px; font-size: 14px; color: #009AB2; text-decoration: none;}
p.buttonLeftSubcat { position: absolute; top: 240px; left: 40px; }

p.buttonLeftNav { float: left; margin: 20px 0 0 0; height: 20px; }
p.buttonRightNav { float: left; margin: 20px 0 0 40px; height: 20px; }
p.buttonLeftNav a { position: relative; z-index: 1; background: transparent url(../images/navbutton_left.gif) bottom left no-repeat; padding: 0 0 0 25px; font-size: 14px; color: #DF0822; text-decoration: none;}
p.buttonRightNav a { position: relative; z-index: 1; background: transparent url(../images/navbutton_right.gif) bottom right no-repeat; padding: 0 25px 0 0; font-size: 14px; color: #DF0822; text-decoration: none; }
p.buttonLeftNav a.selected { opacity: 0.5; cursor: auto; }
p.buttonRightNav a.selected { opacity: 0.5; cursor: auto; }

/***************
    Classes
***************/

.hidden { display: none; }

/***************
    Individuele vraag
***************/

.vraagContainer .foto { float: left; position: relative; width: 532px; height: 412px; z-index: 1; }
.vraagContainer .foto img { position: absolute; top: 0; left: 0; z-index: -1; }
.vraagContainer .overlay { width: 532px; height: 412px; z-index: 2; background: url(../images/vraag_overlay.png) top left no-repeat; }
.vraagContainer .vraag { float: right; width: 370px; }
.vraagContainer .vraag .button { text-align: right; }

/***************
    Servicepunten
***************/

h2.kop_servicepunten { padding-left: 30px; background: transparent url(../images/background_servicepunten.jpg) center left no-repeat; }
.servicepuntenContainer .foto { float: right; position: relative; width: 276px; height: 214px; z-index: 1; margin: 50px 0 0 0; }
.servicepuntenContainer .foto img { position: absolute; top: 0; left: 0; z-index: -1; }
.servicepuntenContainer .overlay { width: 276px; height: 214px; z-index: 2; background: url(../images/servicepunt_overlay.png) top left no-repeat; }
.servicepuntenContainer .servicepunten { float: left; width: 629px; height: 390px; background: transparent url(../images/servicepunten_overlay.png) top left no-repeat; }

.servicepuntenContainer ul { list-style: none; float: left; width: 230px; margin: 50px 0 0 30px; }
.servicepuntenContainer li { position: relative; width: 224px; height: 46px; margin: 0; color: #009AB1; font-size: 18px; }
.servicepuntenContainer li.active { background: transparent url(../images/servicepunt_active.jpg) top left no-repeat; }
.servicepuntenContainer li a,
.servicepuntenContainer li a:hover { display: block; height: 100%; width: 100%; text-decoration: none; }
.servicepuntenContainer li img { margin: 3px 0 0 5px; }
.servicepuntenContainer li span { position: absolute; top: 10px; left: 50px; }

.servicepuntenContainer .tekst { float: left; width: 310px; margin: 53px 0 0 10px; font-size: 12px; }
.servicepuntenContainer .tekst img { float: left; margin: 0 0 15px 0; }
.servicepuntenContainer .tekst h3 { float: left; font-size: 18px; color: #DF0923; padding: 7px 0 0 15px; }



/***************
    Overzicht vragen
***************/

.subcatContainer .vragen { position: relative; float: left; display: inline; width: 348px; height: 278px; background: transparent url(../images/background_vragen.png) no-repeat top left; margin: 47px 0 0 0; padding: 40px 0 0 40px; overflow: hidden;  }
.subcatContainer .vragen h2 { font-size: 23px; font-weight: normal; color: #009AB1;}
.subcatContainer .vragen h3 { font-size: 14px; margin: 0; color: #DF0923; }

.subcatContainer .vragen ul { position: relative; width: 450px; list-style: none; border: 0; }
.subcatContainer .vragen ul li { border-bottom: 1px solid #D3ECF4; line-height: 18px; margin: 0; }
.subcatContainer .vragen ul li img { margin: 0 5px 0 0; vertical-align: bottom; }
.subcatContainer .vragen ul a { text-decoration: none; color: #009AB0; font-size: 12px !important; }
.subcatContainer .vragen ul a:hover,
.subcatContainer .vragen ul a:active,
.subcatContainer .vragen ul a:visited { text-decoration: none; color: #DF0923; }


.subcatContainer .foto { float: right; position: relative; width: 532px; height: 412px; z-index: 1; }
.subcatContainer .foto img { position: absolute; top: 0; left: 0; z-index: -1; }
.subcatContainer .overlay { width: 532px; height: 412px; z-index: 2; background: url(../images/vragen_overlay.png) top left no-repeat; }

/***************
    Winkels
***************/

.winkelColumn { float: left; width: 290px; margin: 20px 10px 0 0; border-right: 1px solid #DF0822; color: #009AB1; }
.winkelColumn.last { border-right: none; }

.winkelSummary {  }
.winkelSummary a {  }
.winkelSummary a.plaatsnaam { width: 100px; float: left; color: #009AB1; text-decoration: none; }
.winkelSummary a.titel {  width: 185px; float: left; color: #009AB1; }

.winkelContainer { margin: 10px 0 10px 0; }
.winkelContainer .foto { float: left; position: relative; width: 156px; height: 120px; z-index: 1; }
.winkelContainer .foto img { position: absolute; top: 0; left: 0; z-index: -1; }
.winkelContainer .overlay { width: 156px; height: 120px; z-index: 2; background: url(../images/winkel_overlay.png) top left no-repeat; }

.winkelContainer .info { float: right; position: relative; width: 761px; height: 120px; background: #D3ECF4 url(../images/background_winkel.png) top left no-repeat; }
.winkelContainer .info .adres { float: left; width: 160px;  margin: 15px 0 0 30px; }
.winkelContainer .info .tijden { float: left; width: 200px; margin: 15px 0 0 30px; }
.winkelContainer .info .quote { float: left; width: 200px; margin: 15px 0 0 30px; vertical-align: middle; }

.gezocht_postcode { float: left; position: relative; width: 261px; height: 38px; background: url(../images/background_gezocht.png) top left no-repeat; color: white; padding: 12px 0 0 10px;}
.alle_winkels a, .alle_winkels a:hover { float: right; color: #009AB1; text-decoration: underline; margin: 25px 0 0 0; }
.gezocht_postcode input { position: absolute; top: 10px; left: 135px; height: 19px; width: 54px; margin: 2px 12px 0 0px; color: #009AB1; background: none; border: none; font-family: "Tahoma", sans-serif; font-size: 11px; }
.gezocht_postcode button.zoek {
    position: absolute;
    top: 10px;
    left: 210px;

    color: #ffffff;
    background: none;
    border: none;
    font-family: "Tahoma", sans-serif;
    font-size: 12px;

    cursor: pointer;
    z-index: 100;
}

/***************
    Zoeken
***************/

.gezocht { float: left; position: relative; width: 360px; height: 38px; background: url(../images/background_zoeken.png) top left no-repeat; color: white; padding: 12px 0 0 10px;}
.gezocht input { position: absolute; top: 10px; left: 105px; height: 19px; width: 155px; margin: 2px 12px 0 0px; color: #009AB1; background: none; border: none; font-family: "Tahoma", sans-serif; font-size: 11px; }
.gezocht input.submit { width: 50px; margin: -2px 0 0 180px; color: white; font-size: 12px; cursor: pointer; }

/*****
*   Brandbook
*****/
#brandbook_error {
    color: #d00;
    font-weight: bold;
}

/***************
    Producten
***************/

.productContainer { margin: 40px 0 0 0; }
.productContainer .flash { float: left; position: relative; width: 390px; z-index: 1; }
.productContainer .product { float: right; width: 528px; }

div.product .zoek_postcode { position: relative; height: 294px; width: 528px; overflow: hidden; cursor: auto; }
div.product .zoek_postcode .winkel_slideshow { position: relative; top: 32px; left: 230px; z-index: 1; }
div.product .zoek_postcode .tekst { position: absolute; top: 40px; left: 30px; z-index: 100; color: #009AB1; width: 190px; }
div.product .zoek_postcode h1 { font-size: 24px; }
div.product .zoek_postcode span.blaat { position: absolute; top: 227px; left: 30px; z-index: 100; }
div.product .zoek_postcode span.winkel_tekst { position: absolute; top: 210px; left: 260px; color: white; z-index: 100; font-size: 14px; font-weight: bold; width: 240px; }
div.product .zoek_postcode .overlay_winkels {
        position: absolute;
        top: 0;
        left: 0;

        height: 294px;
        width: 528px;

        background: transparent url(../images/producten_overlay.png) top left no-repeat;
        cursor: default;
        z-index: 100;
    }
div.product .zoek_postcode .slideshow_clickwindow { position: absolute; top: 30px; left: 230px; width: 300px; height: 230px; z-index: 200; cursor: pointer; }


/***************
    Zoekresultaten
***************/

.zoekResultaten p.rood{ color: red; }
.zoekResultaten p.summary { margin: 2px 0 20px 0; width: 500px; }

.left { float: left; width: 50%; clear: left; }
.right { float: right; width: 50%; clear: right; }

.route_beschrijving { float: left; clear: left; width: 520px; }
.map_canvas { float: right; clear: right; width: 380px; height: 260px; border: 1px solid #949494; margin: 13px 0 0 0; }