
body {
    text-align: center;
    background: url(../images/internet/bg.gif) repeat-x #61BAD7;
}

div#globalwrapper {
    width: 940px;
    margin: 0 auto;
    text-align: left;
}

div#container {
    float: left;
    clear: both;
    width: 940px;
    padding: 20px 0 0 0;
    margin: 0;
    background: url(../images/internet/watermark.gif) bottom left no-repeat #FFFFFF;
}

div#header {
    position: relative;
    height: 80px;
    background: url(../images/internet/logo.gif) 50px bottom no-repeat;
    padding: 0 20px;
}

div#header ul#quickmenu {
    float: right;
    list-style: none;
}

div#header ul#quickmenu li {
    float: left;
    background: url(../images/internet/border_quickmenu.gif) center right no-repeat;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}

div#header ul#quickmenu a.epreadspeaker {
    width: 80px;
    height: 16px;
    background: url(../images/leesvoorportal.gif) no-repeat;
    display: block;
}

div#header ul#quickmenu a.epreadspeaker:hover {
    background: url(../images/leesvoorportal_hover.gif) no-repeat;
}

div#header ul#quickmenu li.last {
    background: none;
    margin: 0;
    padding: 0;
}

#xp1 {
    position: absolute;
    top: 16px;
    right: 20px;
}

div#header div#search {
    position: absolute;
    right: 20px;
    bottom: 0;
}

div#header div#search label {
    display: none;
}

div#header div#search input#keyword {
    border: none;
    border-top: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
    border-bottom: 1px solid #C6C6C6;
    width: 181px;
    height: 16px;
    padding: 0 0 0 10px;
    font-size: 90%;
    font-style: italic;
    color: #999999;
    vertical-align: middle;
}

div#header div#search input#submit {
    vertical-align: middle;
}

div#navigation {
    height: 260px;
    padding: 20px 0 50px 0;
}

div#navigation ul {
    float: left;
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

div#navigation ul li {
    float: left;
    width: 210px;
    margin: 0 20px 0 0;
}

div#navigation ul li a {
    position: relative;
    display: block;
    width: 210px;
    height: 220px;
    cursor: pointer;
}

div#navigation ul li a:hover {
    text-decoration: none;
}

div#navigation ul li span.background {
    position: relative;
    display: block;
    width: 210px;
    height: 220px;
}

div#navigation ul li a span.background span.title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 35px 25px 25px;
    font-size: 125%;
    font-weight: bold;
    color: #FFFFFF;
}

div#navigation ul li a span.background span.arrows {
    position: absolute;
    top: 29px;
    right: 0px;
    width: 26px;
    height: 10px;
    display: block;
}

/* ACTUEEL */
div#navigation ul li#medium_actueel {
    border-top: 20px solid #CCE7F0;
}

div#navigation ul li#medium_actueel a {
    border-top: 20px solid #FFFFFF;
    background: url(http://www.druten.nl/plaat.php?fileid=670&f=05af46b9f656d34321782e725fdb4d39d30a153a7abb8a8e3629a66cf9c221067f0c6304d0cfefd93f72ce54913d24574390d6a361fbf57bee241119fb08d96a) no-repeat;
}

div#navigation ul li#medium_actueel a span.background {
    background: url(../images/internet/actueel/portal_bg.png) bottom left no-repeat;
}

div#navigation ul li#medium_actueel a:hover {
    border-top: 20px solid #0077A2;
    background: none;
    background: #0077A2;
}

div#navigation ul li a span.background span.text {
    display: none;
}

div#navigation ul li a:hover span.background span.text {
    display: block;
    padding: 0 25px;
    color: #FFFFFF;
}

div#navigation ul li a:hover span.background span.arrows {
    background: url(../images/internet/arrows.png) center right no-repeat;
}

/* INWONERS */

div#navigation ul li#medium_inwoners {
    border-top: 20px solid #FAE5B8;
}

div#navigation ul li#medium_inwoners a {
    border-top: 20px solid #FFFFFF;
    background: url(http://www.druten.nl/plaat.php?fileid=9761&f=f033d4d294743a85047c61ae702c17104e7422ec03ec2262dbac184951e33e6eb314a331d164586de9d67e0171550ff16886880d8a700396d07cafecfec432ca) no-repeat;
}

div#navigation ul li#medium_inwoners a span.background {
    background: url(../images/internet/inwoners/portal_bg.png) bottom left no-repeat;
}

div#navigation ul li#medium_inwoners a:hover {
    border-top: 20px solid #EA9D01;
    background: none;
    background: #EA9D01;
}

/* BEZOEKERS */

div#navigation ul li#medium_bezoekers {
    border-top: 20px solid #90F990;
}

div#navigation ul li#medium_bezoekers a {
    border-top: 20px solid #FFFFFF;
    background: url(http://www.druten.nl/plaat.php?fileid=9239&f=ad728d9f30f2b7ad341ffbb86494ef6b90e3d801cd730cf37584cca506d4769208c3e85ea07e6c9a96fa43649ab4c57502dfc69d8ecce9e62180564c2832cf44) no-repeat;
}

div#navigation ul li#medium_bezoekers a span.background {
    background: url(../images/internet/bezoekers/portal_bg.png) bottom left no-repeat;
}

div#navigation ul li#medium_bezoekers a:hover {
    border-top: 20px solid #01B702;
    background: none;
    background: #01B702;
}

/* ONDERNEMERS */

div#navigation ul li#medium_ondernemers {
    border-top: 20px solid #F3B9C8;
}

div#navigation ul li#medium_ondernemers a {
    border-top: 20px solid #FFFFFF;
    background: url(http://www.druten.nl/plaat.php?fileid=674&f=014aacd9674f0f1eea343226103303bd841f60b3a4f74ed9fef61fc7a58cc352b9c0e4fd5079671ddec3c313c5d9b251451dbca921f1bf69dd39a4a4bddaa8f0) no-repeat;
}

div#navigation ul li#medium_ondernemers a span.background {
    background: url(../images/internet/ondernemers/portal_bg.png) bottom left no-repeat;
}

div#navigation ul li#medium_ondernemers a:hover {
    border-top: 20px solid #C7023A;
    background: none;
    background: #C7023A;
}

div#navigation ul li.last {
    margin: 0;
}

div#news {
    padding: 0 40px 20px;
    color: #0077A2;
    min-height: 90px;
}
div#news h2,
div#wysiwyg h2 {
    font-size: 100%;
    margin: 0.2em 0;
    color: #0077A2;
}
div#news ul,
div#news li {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#wysiwyg {
    width: 860px;
    padding: 0 40px 20px 40px;
    min-height: 33px;
}

div#footer {
    width: 940px;
    height: 7px;
    font-size: 0px;
    line-height: 0px;
    background: #A9D7E6;
    border-bottom: 1px solid #FFFFFF;
}

