body {
    font: 100%/1.125em normal Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
    background: #242424 url(../images/magda-bg.png) repeat left top;
    color: #767676;
}

a { color: #CF617E; text-decoration: none; border-bottom: 1px solid #CF617E; }
a:hover {border: none;
color: #8cc63f;}
h2 { color: #8cc63f; margin: 0 0 1em; }

h3 {
    color: #49acb3;
    margin-bottom: 0;
    font-size: 1.2em;
}

h4 {
    color: #8CC63F;
    margin: 0.6em 0 0;
    font-size: 1em;
}

ul li {
    list-style: url(../images/bolletje.gif);
    vertical-align: middle;
}

/*
 * Header
 */

#header, #content {
    font-size: 0.825em;
}
#header h1 a {
    position: relative;
    display: block;
    height: 72px;
    width: 336px;
    text-indent: -9999px;
    border: none;
}
#header h1 a span {
    position: absolute;
    left: 0; top: 0;
    background: transparent url(../images/magda-logo.png) no-repeat left top;
    display: block;
    height: 72px;
    width: 336px;
}
#header #navigation {
    background-color: #fff;
    padding: 8px 0 0;
    border-top: 1px solid #d4d0cb;
    position: relative;
}
#header #navigation ul.nav {
    margin: 0;
    float: left;
}
#header #navigation ul.nav li {
    list-style: none;
    list-style-image: none;
    margin: 0 10px;
    position: relative;
    display: block;
    float: left;
    height: 28px;
}
#header #navigation ul.nav li a {
    color: #757575; border: none;
    padding: 0 0 8px;
    display: block;
}

#header #navigation ul.nav li a:hover,
#header #navigation ul.nav li:hover a,
#header #navigation ul.nav li.over a,
#header #navigation ul.nav li.selected a {
    border-bottom: 2px solid #e33b96;
}

    #header #navigation ul.nav li ul {
        display: none;
    }
    #header #navigation ul.nav li:hover ul,
    #header #navigation ul.nav li.over ul {
        position: absolute;
        display: block;
        top: 28px;
        left: -10px;
    }
    #header #navigation ul.nav li ul li { display: block; float: none; list-style-image: none; height: auto; }


    #header #navigation ul.nav li:hover ul li a,
    #header #navigation ul.nav li.over ul li a,
    #header #navigation ul.nav li ul li a {
        background: #fff;
        display: block;
        width: 140px;
        padding: 8px 4px;
        border-bottom: 1px solid #d4d0cb;
        color: #e33b96;
    }
    #header #navigation ul.nav li ul li a:hover {
        color: #fff;
        background: #e33b96;
        border-bottom: 1px solid #d4d0cb;
    }

#header #navigation .rss {
    float: right;
    margin-right: 10px;
    border:none;
}


/*
 * Content
 */

#content { margin: 20px 0;}

#content #content_main .nieuwsbericht {
    border-bottom: 1px solid #afafaf;
    padding: 0 0 15px;
}
#content #content_main .nieuwsbericht h3 a { border: none; color: #49acb3; }


#content #content_main  {
    padding-bottom: 10px;
}

#content #content_main img {
    max-width: 400px;
    width: expression(document.geElementById('content_main').style.width > 400 ? "400px": "auto" );
}

#content #content_main .nieuwsbericht a:hover {
    border: none;
    color: #8cc63f;

 }
#content #content_main .nieuwsbericht .info{
    color: #767676;
    padding: 0 0 10px;
    font-size: 0.8em;
    line-height: 1.19em;
}

#content #content_main .pagination {
    margin: 15px 0 0;
    text-align: center;
}


#content #content_main #overignieuws ul {
/*  background: black; */
    padding-bottom: 0.5em;
    border-bottom: 1px solid #afafaf;
    margin: 1em 0 0;
}


#content #content_main #overignieuws li {
    margin-left: 2em;
}
#content #content_main #overignieuws li, #content #content_main #overignieuws li a {
    color: #49acb3;
    border: none;
    margin-bottom: 0.5em;
}

#content #content_main #overignieuws .meerberichten, #content #content_main #overignieuws .meerberichten a {
    border-bottom: 1px solid #911b39;
    float: right;
    padding: 0.7em 0 0;
}

#content #content_main #overignieuws a.meerberichten:hover  {
    color: #8cc63f;
    border-bottom: none;
}

#content #content_main #overignieuws li a span { color: #757575; font-size: 0.9em; }
#content #content_main #overignieuws li a:hover {
    color: #8cc63f;
/*  border-bottom: 1px solid #8cc63f; */
 }

#content #content_main .breadcrumbs {
    color: #E33B96;
    font-size: 0.85em;
}
#content #content_main .breadcrumbs a { color: #757575; border: none; }
#content #content_main .breadcrumbs a:hover { color: #757575; border-bottom: 1px solid #E33B96; }


#content #content_main #beelden h3 { margin: 1em 0; }

#content #content_main #beelden .imageThumb,
#content #content_main #beelden .albumThumb {
    width: 115px;
    text-align: center;
    float: left;
    margin: 0 0 15px;
}
#content #content_main #beelden .imageThumb a,
#content #content_main #beelden .albumThumb a { border: none; }

#content #content_main #beelden .imageThumb a img,
#content #content_main #beelden .albumThumb a img { border: 3px solid #49ACB3; }

#content #content_main #beelden .imageThumb a:hover img,
#content #content_main #beelden .albumThumb a:hover img { border: 3px solid #37868b; }
#content #content_main #beelden .up { float: right; }

#content #content_main #beelden .imageThumb a.albumname,
#content #content_main #beelden .albumThumb a.albumname {
    display: block;
}

/*
 * Content Sub
 */


#content #content_sub {
    color: white;
    line-height: 1.7em;
    font-size: 0.9em;
}


#content #content_sub p{
    margin-top: 10px;
}


#content #content_sub ul {
    color: white;
    margin-left: 0px;
    line-height: 1.7em;
    margin-right: 0;
}


#content #content_sub ul li {
    color: white;
}

#content #content_sub #trajecten ul li, #content #content_sub #wegwijs ul li {
    list-style: none;
}

#content #content_sub #wegwijs a,
#content #content_sub #trajecten a, #content #content_sub #wegwijs a {
    color: white;
    border: none;
}

#content #content_sub #wegwijs a:hover,
#content #content_sub #trajecten a:hover,
#content #content_sub #inbeeld a:hover {
    border-bottom: 1px solid #ffffff;
}


#content_sub #trajecten {
    padding: 3px 6px 6px 10px;
    background: #f1943f;
    width: 204px;
    height: 130px;
}


#content_sub #wegwijs {
    padding: 3px 6px 6px 10px;
    background: #cf617d;
    width: 204px;
    height: 130px;
}

#content #content_sub #wegwijs h4, #content_sub #trajecten h4 {
    color: #901b39;
}

#content #content_sub #magneetbord {
    position: relative;
/*  height: 232px; */

}

#content #content_sub #magneetbord #bg {
    margin-top: 10px;
    padding: 3px 10px 12px 10px;
    background-color: #f6f6f6;
    background: url(../images/magneetbordbg.png);
    width: 449px; height: 180px;
}

#content #content_sub #magneetbord ul { margin-left: 1.5em; }

#content #content_sub #magneetbord ul li {
    padding: 0 0 8px;
    color: #b8b8b8;
}
#content #content_sub #magneetbord ul li a {
    color: #333; border: none;
}
#content #content_sub #magneetbord ul li a span, #content #content_sub #magneetbord ul li a:hover {
    color: #8cc63f;
}
#content #content_sub #magneetbord .empty_block { float: right; width: 100px; height: 100px; }


#content #content_sub #magneetbord h4 {
    color: #8cc63f;
    margin-top: 15px;
}

#content #content_sub #magneetbord .meerberichten {
    margin-right: 10px;
}


#content #content_sub #magneetbord a.meerberichten:hover {
    border-bottom: 1px solid #f6f6f6;
}


#content #content_sub #cycle {
    color: #222;
    margin: 0 auto 15px;
}
#content #content_sub #cycle img {
    border: 5px solid #ffffff;
    display: block;
}
#content #content_sub #cycle .tekening {
    width: 220px; float: left;
    margin-right: 20px;
}
#content #content_sub #cycle .tekening div { text-align: right; font-size: 0.85em; color: #a5a5a5; }
#content #content_sub #cycle .tek2 { margin: 0;}


#content_sub #newsletter {
    padding: 3px 6px 6px 10px;
    background: #8CC63F;
    margin-top: 20px;
}

body table.publications {
    width: 100%;
}

body table.publications td {
    vertical-align: top;
    border: 0;
}

body table.publications td.image {
    width: 120px;
}


/*
 * Tekeningen
 */



#tekeningen {
    /*padding: 15px;*/
    font-size: 0.75em;
    color: #6b6b6b;
    margin: 0 0 25px;
}

#tekeningen img {
    border: 5px solid #ffffff;
    display: block;
}

#tekeningen a {
  text-decoration: none;
  display: block;
  border: none;
}


#tekeningen .tekening{
    float: left;
    margin-right: 20px;
    }
#tekeningen .tek4 {margin-right: 0;}


#tekeningen a:hover img{
    border: 5px solid #cebd9c;
}

#tekeningen span {
    font-size: 85%;
}

.googleMap { display: block; height: 275px; width: 440px; }

/* FORM */
    form div label {
        display: block;
        float: left;
        width: 90px;
    }
    form div {
        clear: both;
        padding: 0 0 10px;
    }
    form div textarea, form div input {
        font-size: inherit;
        font-family: inherit;
        padding: 2px;
    }
    form div textarea {
        height: 80px;
        width: 250px;
    }
    form div .submit {
        margin-left: 80px;
    }


    /* formMagneetbord */

    form#formMagneetbord div label {
        float: none;
        width: auto;
        padding: 5px 0;
    }
    form#formMagneetbord div textarea {
        height: 140px;
        width: 360px;
    }

    /* END FORM */


/*
 * Footer
 */

#footer {
    background: #1d1d1d url(../images/footer-bg.jpg) no-repeat 50% 50%;
    font-size: 0.9em;
    color: #494949;
    height: 210px;
}

#footer a,
#footer a:visited { border: none; color: #494949; }

#footer a:hover { color: #93815e; }

#footer #content {
    width:960px;
    margin: 0 auto;
}

#footer #adres {
    float: left;
    margin: 10px 0;
}

#footer #copyright {
    float: right;
    margin: 10px 0;
}

#footer #tagline {
    width: 615px; height: 34px;
    background: transparent url(../images/tagline-bg.png) no-repeat left top;
    color: #6b6b6b;
    margin: 25px auto 0;
    padding: 10px 10px 10px 0; text-align: center;
}

#footer #tagline span {
    color: #e33b96;
    font-weight: bold;
}
#footer #logos { text-align: center; }
#footer #logos a { border: none; }
#footer #logos img {
    vertical-align: middle;
}

/* FANCY BOX */
#fancy_wrap a { border: none; }

#player {
    text-align: center;
    border: 0;
}

#content_sub div.gallerySlideshow {
    width: 460px;
    height: 250px;
    margin-top: 20px;
 }

#content_sub div.gallerySlideshow ul {
    background-color: transparent;
    width: 460px;
    height: 250px;
}

#content_sub div.gallerySlideshow ul li {
    background-color: transparent;
    width: 460px;
    height: 250px;
}

#content_sub div.gallerySlideshow ul li img {
    background-color: transparent;
    z-index: 10;
}

#content_sub div.gallerySlideshow ul li div.description {
    position: relative;
    top: -50px;
    /* margin-top: -70px; */
    height: 40px;
    background-image: url(../images/bg.slideshow.png);
    width: 450px;
    padding: 5px;
    z-index: 15;
}

#content #content_sub div.gallerySlideshow ul li a {
    color: #FFF;
    border-color: #FFF;
    border: 0;
}

#content #content_sub div.gallerySlideshow ul li div.description p {
    margin: 0;
    padding: 0;
}

#content_sub div.gallerySlideshow ul li div.description span {
    display: block;
} 

#content_sub div.gallerySlideshow ul li div.description span.title {
    font-weight: bold;
}