@charset "utf-8";
@import url("reset.css");
/*@import url("editinplace.css");*/

body {
    font-family:"Lucida Sans Unicode", Corbel, "Lucida Grande", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    font-size: 12px;
    color: #ebebeb;
    background-color: #323c44;
    background-image: url('../images/background.png');
    background-position: top center;
    background-repeat: repeat-x;
}

/** DEFAULT ELEMENTS */
p {
    line-height: 1.6;
    margin-bottom: 1.8em;
}

h2 {
    padding-left: 2px;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 1.8em 0;
}

a {
    color: #ebebeb;
}

a:hover {
    color: #ff9466;
}

div.cleardiv {
    clear: both;
}

.clear {
    clear: both;
}

span.strong {
    font-weight: bold;
}
/** LAYOUT **/

/* Wrapper voor gecentreerde alignment */
#wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
    /*background-image: url('../images/logo.png');
    background-repeat: no-repeat;*/
}
/* Navigatie en header */
/* Background-image is voor schaduw om logo. Als #header h1 margin-left 80px is, is position van image 70px.
Altijd 10 verschil aanhouden */

#header {
    width: 100%;
    height: 76px;
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: 10px 0px;
}
    #header h1 {
        float: left;
        margin: 0 0 0 20px;
        padding: 0;
    }
#content {
    width: 100%;
}
#print {
    padding-left: 2px;
    width:200px;
    height: 30px;
    color: #919191;
}
    span.printknop {
        cursor: pointer;
        padding-left: 20px;
        background-image: url('../images/print.png');
        background-repeat: no-repeat;
        background-position: center left;
    }
    span.printknop:hover {
        color: #ff9466;
    }
    #toonOpKaart {
        padding-left: 20px;
    }   
    #toonOpKaart a {
        color: #919191;
        text-decoration: none;
    }
    #toonOpKaart a:hover {
        color: #ff9466;
    }
    
/* Disclaimer, RSS */
#footer {
    margin-top: 10px;
    width: 100%;
}

/** MENU'S **/
#topnav {
    float: right;
    list-style: none;
    padding: 30px 0 0 0;
    margin: 0 70px 0 0;
}
    #topnav li {
        float: left;
        margin: 0;
        padding: 0 0 0 19px;    
        list-style: none;
    }
    #topnav li a {
        display: block;
        height: 15px;
        text-decoration: none;
        color: #eae4e2;
        background-repeat: no-repeat;
    }
    #topnav li a:hover,
    #topnav li a.active {
        color: #ff9466;
    }
    
    #link_homepage {
        width: 66px;
        height: 13px;
        background: url(../images/menu.gif);
        background-position: 0 0;
    }
    #link_homepage:hover,
    #link_homepage.active {
        background-position: 0 -15px;
    }
    
    #link_nieuws {
        width: 46px;
        background: url(../images/menu.gif);
        background-position: -85px 0;
    }
    #link_nieuws:hover,
    #link_nieuws.active {
        background-position: -85px -15px;
    }
    
    #link_projecten {
        width: 61px;
        background: url(../images/menu.gif);
        background-position: -150px 0;
    }
    #link_projecten:hover,
    #link_projecten.active {
        background-position: -150px -15px;
    }
    
    #link_informatie {
        width: 67px;
        background: url(../images/menu.gif);
        background-position: -230px 0;
    }
    #link_informatie:hover,
    #link_informatie.active {
        background-position: -230px -15px;
    }
    
    #link_kaart_li {
        padding-left: 25px;
    }
    #link_kaart {
        width: 93px;
        margin-right: 20px;
        background: url(../images/menu.gif);
        background-position: -467px 0;
    }
    #link_kaart:hover,
    #link_kaart.active {
        background-position: -467px -15px;
    }
    
    #link_kaart_li {
        padding-left: 25px;
    }
    #link_kaart_terug {
        width: 113px;
        background: url(../images/menu.gif);
        background-position: -329px 0;
    }

#bottomnav {
    float: right;
    list-style: none;
    padding: 0 20px 0 0;
}   
    #bottomnav li {
        float: left;
        margin: 0;
        padding: 0 0 0 20px;    
        list-style: none;
    }
    #bottomnav li a {
        display: block;
        text-decoration: none;
        color: #eae4e2;
    }
    #bottomnav li a:hover {
        color: #ff9466;
    }
    #bottomnav li a img {
        margin-top: -4px;
    } 
    
    #bottomnav li#swis_c a { color:#687681; display:inline }
    
/* Subnavigatie */
#submenu {
    list-style: none;
}    
#submenu li {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #465e73;
}   
#submenu li.submenu_first {
    padding-top: 0;
}  
#submenu li a {
    text-decoration: none;
    font-size: 120%;
}
#submenu li a.active {
    color: #ff9466;
}

/* Projectzoeker */
#fieldset_zoekproject input.text,
input.styledTextField {
    float: left;
    font-size: 90%;
    color: white !important;
    width: 160px;
    height: 16px;
    padding: 3px 10px;;
    background-color: transparent;
    background-image: url('../images/input.png');
    background-repeat: no-repeat;
    border: 0;
} 
#fieldset_zoekproject input.submit,
#fieldset_zoekproject_uitgebreid input.submit {
    float: right;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
}

#fieldset_zoekproject_uitgebreid input.submit {
    margin-top: 4px;
}
    
#label_zoekproject {
    display: block;
    height: 25px;
    padding: 0;
    margin: 0;
    padding-left: 32px;
    padding-top: 4px;
    background-image: url('../images/home_kaartmenu/zoekproject.png');
    background-repeat: no-repeat;
}

#label_uitgebreidzoeken {
    display: block;
    margin: 8px 0 4px 11px;
    color: #1293d5;
    font-size: 90%;
    cursor: pointer;
}

#fieldset_zoekproject select,
#fieldset_zoekproject_uitgebreid select {
    width: 100%;
    margin: 5px 0;   
}   

#container_uitgebreidzoeken {
    visibility: hidden;
}
    
/** HOMEPAGE **/

/* Padding voor positie in pagina (verticaal) */
#content_home_wrapper {
    background-image: url('../images/nederland_glow.png');
    background-repeat: no-repeat;
    position:relative;
    padding: 36px 0 33px 0;
}
#home_left {
    float: left;
    width: 330px;
    margin-top: 10px;
}

#home_center {
    float: left;
    width: 332px;
    margin-top: 7px;
}

#home_right {
    float: left;
    margin-left: 75px;
    width: 203px;   
}
    

/** TEKSTPAGINA **/

/* Padding voor positie in pagina (verticaal) */
#content_tekstpagina_wrapper {
    padding: 16px 0 30px 0;
}

#tekstpagina_left {
    float: left;
    width: 581px;
}

#tekstpagina_right {
    float: left;
    margin-top: 30px;
    margin-left: 75px;
    width: 304px;   
}

#tekstpagina_footer {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}

#tekstpagina_footer #bottomnav {
    float: left;
    padding: 0;
}   
    div#tekstpagina_footer ul#bottomnav li {
        padding: 0 20px 0 0; 
    }
    
/** PROJECTEN **/

#content_projecten_wrapper {
    padding: 46px 0 33px 0;
}

#content_projecten_wrapper h2 {
    margin-bottom: 15px;
    color: #bad1e7;
}

#projecten_left {
    float: left;
    width: 702px;
}

#projecten_right {
    float: left;
    margin-left: 55px;
    width: 203px;
}

#projecten_overzicht {
    width: 100%;
    list-style: none;
}
    #projecten_overzicht li {
        list-style: none;
        display: block;
        float: left;
        height: 50px; 
        padding: 10px 20px 10px 0;
        margin: 0;
        width: 321px;
    }
        #projecten_overzicht li img {
            float: left;
            margin-right: 10px;
        }
        #projecten_overzicht li a {
            text-decoration: none;
        }

#projecten_paginator {
    list-style: none;
    margin-top: 5px;
}
    #projecten_paginator li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
    }
    #projecten_paginator li a {
        list-style: none;
        display: block;
        height: 13px;
        width: 15px;
        float: left;
        background: #3e4c5a;
        color: #ffffff;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        padding: 1px 0;
        margin: 2px;
    }
    ul#projecten_paginator li a:hover {
        background: #ffffff;
        color: #3e4c5a;
    }
    #projecten_paginator li.first a,
    #projecten_paginator li.last a {
        height: 14px;
        padding-top: 0;
        font-weight: bold
    }
    
/** PROJECT **/
/* Padding voor positie in pagina (verticaal) */
#content_project_wrapper {
    padding: 26px 0 20px 0;
}

#project_left {
    float: left;
    width: 580px;
}

#project_right {
    float: right;
    clear: right;
    width: 340px;
    padding: 20px;
    background: url(../images/staticmap_back.png);
    background-repeat: no-repeat;
}

#project_details {
}

#project_details p {
    margin: 0;
}

#project_details ul {
    margin-left:10px;
}

#project_details h2 {
    color: white !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 0 0 1.4em 0 !important;
}

img#staticmap {
    width: 340px;
    height: 175px;
}

img#marker {
    top: -117px;
    left: 160px;
}

#meerinfo_bottom_left {
    float: left;
    width: 350px;
}

#meerinfo_bottom_right {
    float: left;
    width: 135px;
    padding-top: 10px;
}

#chart {
    height: 132px;
    width: 132px;
    padding-top:20px;
}
.label_legend {
    color: #eeeeee;
}

#legend_1,
#legend_2,
#legend_3,
#legend_4 {
    width: 100%;
    height: 15px;
    background: url(/images/chartLegend.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 25px;
    font-size: 12px;
    line-height:15px;
    margin-top:5px;
}
#legend_2 {
    background-position: 0 -15px;
}
#legend_3 {
    background-position: 0 -30px;
}
#legend_4 {
    background-position: 0 -45px;
}

.legend_beschrijving {
    width:150px;
    float:left;
    height:15px;
    display:table-cell;
}

.legend_waarde { 
    width:150px;
    text-align:right;
    float:left;
    height:15px;
    display:block;
}

#label_1,
#label_2 {
    font-size: 85%;
}

#label_1 {
    margin-right: 30px;
    float: right;
}
#label_2 {
    margin-left: 30px;
    float: left;
}
#label_1.invert {
    margin-left: 30px;
    float: left;
}
#label_2.invert {
    margin-right: 30px;
    float: right;
}

#project_footer {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}

#project_footer #bottomnav {
    float: left;
    padding: 0;
}   
    #project_footer #bottomnav li {
        padding: 0 20px 0 0; 
    }
    

/** NIEUWS **/

#content_nieuws_wrapper {
    padding: 16px 0 15px 0;
}

#content_nieuws_wrapper h2 {
    margin-top: 0;
    margin-bottom: 15px;
}

#nieuws_left {
    float: left;
    width: 581px;
    margin-top: 30px;
}

#nieuws_right {
    float: left;
    margin-top: 30px;
    margin-left: 75px;
    width: 304px;   
}

#nieuws_overzicht {
    width: 581px;
    list-style: none;
}
    #nieuws_overzicht li {
        float: left;
        clear: both;
        list-style: none;
        display: block;
        padding: 10px 20px 10px 0;
        margin: 0;
        width: 561px;
    }
        #nieuws_overzicht li a {
            display: block;
            text-decoration: none;
        }
        #nieuws_overzicht li a img {
            float: left;
            margin: 4px 10px 4px 0;
        }
        h3.nieuws {
            float: left;
            font-size: 13px;
            font-weight: normal;
            margin: 0 0 0.6em 0;
            padding: 0;
        }
        div.nieuws_datum {
            float: right;
            font-size: 11px;
            padding: 0;
            margin: 0 0 0.6em 0;
            color: #bdbdbd;
        }
        p.nieuws_intro {
            display: block;
            float: left;
            margin: 0;
            padding: 0 0 5px 0;
        }
        p.nieuws_metimg {
            width: 431px;
        }
        #nieuws_overzicht li div.lees_meer a {
            text-decoration: underline;
        }
        
#nieuws_paginator {
    list-style: none;
    margin-top: 5px;
}
    #nieuws_paginator li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
    }
    #nieuws_paginator li a {
        list-style: none;
        display: block;
        height: 13px;
        width: 16px;
        float: left;
        background: #3e4c5a;
        color: #ffffff;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        padding: 1px 0;
        margin: 2px;
    }
    ul#nieuws_paginator li a:hover {
        background: #ffffff;
        color: #3e4c5a;
    }
    #nieuws_paginator li.first a,
    #nieuws_paginator li.last a {
        height: 14px;
        padding-top: 0;
    }
    #nieuws_paginator li a.selected {
        background: #ffffff;
        color: #3e4c5a;
    }

#nieuws_archive {
    list-style: none;
    margin-left: 2px;
}

#nieuws_archive li {
    margin: 0;
    padding: 0;
}

#nieuws_archive li.year {
    margin-top: 10px;
    font-size: 13px;
}

#nieuws_archive li.year a {
    text-decoration: none;
}

#nieuws_archive ul.subarch li {
    font-size: 11px;
    list-style: none
}

#nieuws_archive ul.subarch li a {
    text-decoration: none;
    color: #bdbdbd;
}

img.tekstpagina_img {
    float: left;
    margin: 6px 10px 0 1px;
}

    div#topbar { display: none !important; visibility: hidden !important;}
    
    #footer_wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        padding-top: 5px;
        height: 45px;
        overflow: hidden;
        z-index: 0;
        color: #ebebeb;
        left: 258px;
    }

     #copy {
        position: absolute;
        top: 44px;
        right: 10px;
        z-index: 2;
        text-align: center;
        border: 1px solid #444e59;
        background-image: url(/images/geostart_button.gif) !important;
        background-repeat: repeat-x !important;
        border: 1px solid #384049 !important;
        height: 23px !important;
        line-height: 23px !important;
        width: 130px;
        height:23px;
        display:block;
    } 
    
    #copy a {
        display: block;
        position:relative;
        height: 23px;
        width: 100%;
        color: #afafaf;
        text-decoration: none;
    }
    
div.bijlage {
    border-top: 1px dashed #6c7984;
    padding-top: 5px;
}

div.bijlage a{
    background-image: url('/images/file-icons.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-top: 6px;
    margin-left: 2px;
    display: block;
    float: left;
    text-decoration: none;
    vertical-align: baseline;
}

/* CONTACT */

#contactform, div.contact_bedankt {
    border-top: 1px dashed #6c7984;
    padding-top: 5px;
}

div.contact_warning {
    color: #ff9466;
    font-weight: bold;
    padding-bottom: 8px;
}

#contactform label {
    float: left;
    margin: 5px 0;
    width: 100px;
    clear: left;
    font-weight: bold;
}

#contactform input {
    float: left;
    margin: 5px 0;
    clear: right;
}

#contactform textarea {
    float: left;
    margin: 5px 0;
    clear: right;
}

#contactform input.submit {
    clear: both;
    margin: 10px 0 0 0;
}

#tekstpagina_left table, #tekstpagina_left td{
    border-color: #ccc;
}