
/*__________ RESET DEFAULTS __________ */

* {
    padding: 0;
    margin: 0;
}

ul {
    list-style:none;
    padding-left:0;
}

div#content_module ul {   
    list-style:none;
}

div#content_module ol {
    padding-left: 2.2em;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 0;
}

h2 {
    text-transform:uppercase;
    font-weight:normal;
}

/*__________ HTML DEFAULTS __________ */
body {
    font-family: Arial, Verdana;
    font-size:10px; 
    background: #afafaf;
    text-align:center;
    color:#000;
}

a {

}

a img {
    border:none;
}

/*__________ SITE LAYOUT __________ */
div#site {
    font-size: 110%;
    width:900px;
    background: #fff url('../images/debrug/content_bg.gif') left top repeat-y;
    margin:0 auto;
    text-align:left;
    border-left:1px solid #989898;
    border-right:1px solid #989898;
    overflow:hidden;
    position:relative;
}

div#header {
    position:relative;
    width:100%;
    height:238px;
    background:#F6153D url('../images/debrug/img_default.jpg') left top no-repeat;
}

div#search {
    position:absolute;
    width:200px;
}

div#header-image {
    position:absolute;
    top:0;
    left:0;
    width:380px;
    height:238px;
    background:#F6153D url('') left top no-repeat;
    overflow:hidden;
}

div#header-overlay {
    position:absolute;
    top:0;
    width:100%;
    height:238px;
    background:url('../images/debrug/header.png') left top no-repeat;
}

div#carrousel {
    position:absolute;
    width:380px;
    height:238px;
    overflow:hidden;
}

div#carrousel .hidden {
    display:none;
}

div#carrousel img {
    position:absolute;
}

div#snelmenu {
    position:absolute;
    bottom:6px;
    left:185px;
}

a#logo {
    position:absolute;
    top:0;
    right:0;
    width:200px;
    height:62px;
}

div#crumb {
    color:#F6153F;
    font-weight:bold;
    padding-top:5px;
    padding-left:208px;
    background:#fff url('../images/debrug/crumb_bg.gif') left bottom no-repeat;
}

div#content {
    min-height:450px;
    padding-bottom:40px;
}

div#site div.home {
    width:701px;
    float:left;
    border-right:1px solid #9E9E9E;
}

div#navigation {
    width:184px;
    float:left;
    padding-bottom:22px;
    margin-bottom:80px;
    border-bottom:1px solid #808080;
    position:relative;
    z-index:10;    
}

div#content_module {
    margin-left:185px;
    padding:24px;
}

div#right_information {
    width:150px;
    padding-left:15px;
    padding-top:45px;
    float:left;
}

a#print {
    position:absolute;
    top:14px;
    left:170px;    
    color:#fff;
    text-decoration:none;
    text-transform:capitalize;
    font-size:120%;
}

a#back {
    display:block;
    width:44px;
    height:13px;
    padding:2px;
    margin-top:10px;
    background:url('../images/debrug/but_terug.gif') left top no-repeat;
}

/*__________ NAVIGATION __________ */
div#navigation ul.mainmenu {
    position:relative;
}

div#navigation ul.mainmenu li {
    position:relative;
    width:180px;
}

div#navigation ul.mainmenu li a {
    display:block;
    background:url('../images/debrug/menu_li.gif') 19px 50% no-repeat;
    padding:6px 0;
    padding-left:30px;
    width:153px;
    color:#484848;
    text-decoration:none;
}

div#navigation ul.mainmenu li a:hover {
    background:#F7153D;
    color:#fff;
}

div#navigation ul.mainmenu li.hover a {
    background:#F7153D;
    color:#fff;
}

div#navigation ul.mainmenu li.active a {
    background:#F7153D url('../images/debrug/menu_li_current.gif') left top no-repeat;
    color:#fff;
    padding-left:45px;
    width:139px;
    
}

div#navigation ul.mainmenu li.last {
    margin-bottom:20px;
}

div#navigation ul.submenu {
    position:absolute;
    width:184px;
    background:#F7153D;
    top:0;
    left:183px;
}

div#navigation ul.mainmenu li.active li a,
div#navigation ul.submenu li a {
    display:block;
    background:url('../images/debrug/submenu_li.gif') 12px 50% no-repeat;
    color:#fff;
    padding:6px 0;
    padding-left:22px;
    width:162px;
}

div#navigation ul.mainmenu li.active li a:hover,
div#navigation ul.submenu li a:hover {
    background:#FA8E9D url('../images/debrug/submenu_li_hover.gif') 12px 50% no-repeat;
}

div#navigation ul.mainmenu ul.submenu li.last {
    margin-bottom:0;
}

/*__________ SNELMENU __________ */
div#snelmenu li {
    float:left;
}

div#snelmenu li a {
    font-size:105%;
    padding:6px;
    padding-left:8px;
    color:#464646;
    text-decoration:none;
}

div#snelmenu li.active a {
    color:#333;
    font-weight:bold;
}

/*__________ SEARCH __________ */
div#search {
    padding-top:10px;
    padding-left:16px;
    height:23px;
}

div#search form {
    height:23px;
    background:url('../images/debrug/search_form.png') left top no-repeat;
    padding-left:8px;
    float:left;
}

div#search form fieldset {
    border:none;
    height:23px;
}

div#search form fieldset legend {
    display:none;
}

div#search form fieldset input.searchbox_submit {
    width:47px;
    height:23px;
    background:url('../images/debrug/search_submit.png') left top no-repeat;
    border:none;
}

div#search form fieldset input.searchbox_trefwoord {
    width:80px;
    height:19px;
    background:url('../images/debrug/search_input.png') center top;
    border:none;    
    float:left;
    overflow:hidden;
    padding-top:4px;
}

div#search form fieldset input.searchbox_submit:hover {
    cursor:pointer;
}

/*__________ OTHER __________ */

div#crumb a,
div#crumb a:hover {
    color:#F6153F;
    font-weight:bold;
    text-decoration:none;
}

div#content_module h1,
div#content_module h6 {
    font-size:180%;
    margin-bottom:20px;
    color:#F6163D;
    font-family: "myriad pro", Arial, sans-serif;
    text-transform:capitalize;
}

div.home div#content_module h1 {
    padding-left:24px;
    padding-top:24px;
}

div.home div#content_module h6,
div.home div#content_module div#intro {
    padding-left:24px;
    padding-right:24px;
}

div.home div#content_module div#intro div#intro {
    padding:0;
}

div#content_module h6.rubriektitel {
    display:block;
    margin-bottom:10px;
    font-size:170%;
    font-weight:bold;
}

div#content_module h6 {
    font-size:180%;
    font-weight:bold;
    width:70%;
}

p a,
p.word a,
p.word a font,
a strong font,
div.lijstitem_intro a,
div#intro a,
div#content_module a {
    color:#F6163D;
    font-weight:bold;
    text-decoration:none;
}


p a:hover,
p.word a:hover,
div.lijstitem_intro a:hover,
div#intro a:hover,
div#content_module a:hover {
    text-decoration:underline;
}

div#content_module div.lijstitem_intro ul li,
div#content_module div#intro ul li,
div#content_module div.vervolg ul li {
    background:url('../images/debrug/bullet_groot.gif') left 6px no-repeat;
    padding-left:12px;       
}

div#content_module div#intro ol,
div#content_module div.vervolg ol,
div.lijstitem_intro ol {
    color:#F6163D;
}

div#content_module div#intro ol li div,
div#content_module div.vervolg ol li div,
div.lijstitem_intro ol li div {
    color:#000;
}

div#content_module span.rubriek h6 {
    font-family: Arial, Verdana;
    font-size:120%;
    margin-bottom:4px;
}

h6.rubriek {
    padding-left:8px;
    background:url('../images/debrug/bullet_groot.gif') left 7px no-repeat;
}

div.home a.archief {
    margin-left:24px;
    margin-bottom:24px;
}

div#content_module span.evenement_titel a {
    padding-top:3px;
    font-size: 140%;
    margin-top:3px;
    text-transform:capitalize;    
}

div#content_module span.evenement_titel a:hover {
    
}

/*__________ READSPEAKER __________ */
div#readspeaker {
    position:absolute;
    top:260px;
    left:715px;
    height: 32px;
    display: block;
    width: 122px;    
}

div#readspeaker h2 {
    
}

a#readspeaker_href {
    background: url(../images/debrug/leesvoor.gif) no-repeat;
    float: right;
    height: 32px;
    display: block;
    width: 122px;
}
div#content_module table {
    width:90%;
}

body tr.links td.module_documentenlijst_documenten {
    border:none;
}

p.word {
    font-size:110%;
}