/* global elements */
html, body, #body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { text-align: center; font: .7em/1.5em Verdana, Helvetica, sans-serif; background-color: #fdf4e3; }

a { font-weight: bold; text-decoration: none; }
    a:hover { color: #b94510; }
a img { border: 0; }

p { margin: .3em 0; }
object { margin: 0; padding: 0; }

/* page structure */
#body { margin: 0 auto; background: url(/images/2007/b_portal.jpg) top center no-repeat; }
    #content { min-height: 100%; background: url(/images/2007/giraffe.gif) left center no-repeat transparent; }
        #cols { position: relative; top: 80px; width: 736px; text-align: left; margin: 0 auto; padding-bottom: 335px; }
        .col { position: absolute; top: 0; width: 192px; color: black; }
            .col h2 { background-repeat: no-repeat; background-position: left center; }
                .col h2 span { display: none; }
        #col_nl { left: 20px; }
        #col_de { left: 275px; }
        #col_com { left: 530px; }
    #footer { position: fixed; bottom: 0; left: 0; right: 0; height: 6px; background: url(/images/2007/b_portal_bottom.gif) center bottom no-repeat; }

/* content */
#logo { position: relative; top: 1em; margin: 0 auto; width: 199px; height: 87px; background: url(/images/2007/l_djoser.gif) left top no-repeat; }
    #logo span { visibility: hidden; }

.body { height: 120px; overflow: auto; }

.sitelink { }
    .sitelink a { color: black; }
    .sitelink img { margin-right: 1em; }

.dropdown { position: relative; margin: 1em 0 50px 0; width: 100%; list-style: none; cursor: default; background: url(/images/a_hoekdown.gif) top right no-repeat; }
    .dropdown li { border: 1px solid #85623d; }
    .dropdown, .dropdown ul { padding: 0; font: 1em Verdana, Helvetica, sans-serif; color: #85623d; background-color: #f9efcd; }
    .dropdown ul { z-index: 2; display: none; position: absolute; left: 0; top: 100%; margin: 0; border: 1px solid #85623d; width: 100%; height: 160px; overflow: auto; }
        .dropdown:hover ul { display: block; }
        .dropdown ul li { margin: 0; border: 0; }
            .dropdown ul li a { width: 100%; color: #85623d; font-weight: normal; }
            .dropdown ul>li a { display: block; }
                .dropdown ul li a:hover { background-color: #85623d; color: #f9efcd; }
            .dropdown ul li strong a { margin-top: .5em; font-weight: bold; }

#photoslider { position: relative; top: 275px; }