html, body, img, form { margin: 0; padding: 0; }
html, body { height: 100%; background: #ececed; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 1.4; color: #222; }

p { margin: 0; padding: 0 0 4px 0; }
a img { border: none; }
a { text-decoration: none; color: #004b95; }
a:hover { text-decoration: underline; }

h1,h2,h3 { margin: 0; padding: 0; font-weight: bold; color: #004b95; text-decoration: none; }
h1,h2 { font-size: 16px; }
h3 { font-size: 14px; }

.usablitityaddon { display: none; }
.menu, .menu li, .flat, .flat li { margin: 0; padding: 0; list-style-type: none; }

#wrapper { position: relative; min-height: 100%; margin: 0 auto; width: 990px; background: #FFF; border-left: 1px solid #c7c7c8; border-right: 1px solid #c7c7c8; overflow: hidden; }

/**
 * Header with tagline and basic navigation
 */
#header { background: #FFF url("img/header_home.jpg") top left no-repeat; padding: 27px 224px 0 30px; }
#header a { color: #004b95; text-decoration: none; }
#header a:hover { color: #FFF; text-decoration: none; }
#tagline { height: 158px; width: 736px; background: url("img/tagline.png") top left no-repeat; }
#tagline h1, #tagline strong { visibility: hidden; }
#top_menu {  text-align: right; line-height: 37px; font-size: 12px; color: #004b95; margin-right: 16px; padding-bottom: 2px; height: 37px; }
#top_menu a { padding: 4px; }

/**
 * Main navigation in max three levels, javascript-aided for IE6 and extra usability
 */
#navigation { position: relative; background: url("img/nav_bg.png") bottom left no-repeat; z-index: 100; }
#nav { background: url("img/header_nav_trans.png") center top no-repeat; position: absolute; top: -28px; left: 30px; width: 676px; }
#nav li { background: url("img/menu_li.png") center right no-repeat; float: left; padding: 0 15px; font-weight: bold; font-size: 14px; height: 28px; line-height: 28px; }
#nav li:last-child { background: none; }
#nav li a:hover { color: #4ca2d6; text-decoration: none; }
#nav li.current { background: url("img/menu_current_right.png") top right no-repeat; padding: 0 13px 0 0;  }
#nav li.current span { height: 24px; line-height: 24px; color: #FFF; float: left; position: relative; z-index: 50; left: -2px; padding: 4px 0 0 17px; background: url("img/menu_current.png") top left no-repeat; }
#nav li.current span a { color: #fff; }

#nav #submenu { position: absolute; top: 32px; left: 0; z-index: 50; width: 550px; }
#nav #submenu li { float: left; position: relative; margin: 0; z-index: 50; }
#nav #submenu li a { color:#004b95; }
#nav #submenu li a:hover, #nav #submenu li a.current { color: #FFF; }
#nav #submenu ul { background: url("img/sub_submenu.png") top left; width: 170px; z-index: 50; }
#nav #submenu ul li { float: none; padding: 0; margin: 0; padding: 0 15px; background: transparent; height: auto; line-height: 16px; padding-bottom: 3px; font-size: 12px; }
#nav #submenu ul li a { font-weight: normal; color: #fff; }
#nav #submenu ul li a:hover { color: #004b95; }

#nav #submenu div { display: none; position: absolute; opacity: 0.99; top: 32px; left: 0; width: 170px; height: auto; padding: 0 0 11px 0; background: url("img/sub_sub_bottom.png") bottom left no-repeat; z-index: 51; }
#nav #submenu li.hover div, #nav #submenu li:hover div { display: block; }

/**
 * Sidebar for news, etc...
 */
#sidebar { float: left; width: 170px; margin: 27px 0 27px 0; background: #ededed url("img/sidebar_bottom.gif") bottom left no-repeat; }
#sidebar h2 { margin: 0; padding: 0 20px; line-height: 39px; height: 39px; color: #FFF; font-size: 16px; font-weight: normal; background: url("img/sidebar.h2.png") left top no-repeat; }
#sidebar h2 a { color:#fff; }
#sidebar .inner { padding: 10px; }
/** News side bar */
#news , #news dd,#news dt { margin: 0; padding: 0; }
#sidebar #news { padding-top: 0; }
#news dt { padding: 10px 0 0 0; font-weight: bold; color: #004b95;  }
#news dd { padding: 0 0 5px 0; }

/* issue side bar */
#sidebar ul, #sidebar li { margin: 0; padding: 0; list-style-type: none; }
#sidebar li { padding-left: 10px; background: url("img/bullet.png") top left no-repeat; }
#sidebar h3 { font-size: 12px; padding: 5px 0 10px 0; }
          
/**
 * Main content field
 */
#content_wrapper { width: 544px; float: left; margin: 27px 20px 27px 30px; position: relative; background: #EDEDED url("img/content_top.gif") top left no-repeat; line-height: 1.5; }
#content_inner { padding:  0 20px 20px 20px; margin-top: 20px;  background: #EDEDED url("img/content_bottom.gif") bottom left no-repeat; }

#content_wrapper h1 { padding-bottom: 10px; }
#content_wrapper .tagline { position: relative; top: -10px; }
#content_wrapper h1.rounded { margin: 0; padding: 0 20px; line-height: 39px; height: 39px; color: #FFF; font-size: 16px; font-weight: normal; background: url("img/h1.rounded.png") left top no-repeat; }
#content_wrapper img.left { float: left; margin: 0 20px 0 0; }
#content_wrapper p { padding-bottom: 10px; }
#content_wrapper .first { font-size: 14px; }
#content_wrapper .desc { float: left; width: 235px; }
#content_wrapper ul, #content_wrapper li { margin: 0; padding: 0; list-style-type: none; }
#content_wrapper li { padding-left: 10px; background: url("img/bullet.png") top left no-repeat; }

 /**
 * Archive content field
 */
#archive { width: 736px; margin: 27px 20px 27px 30px; position: relative; background: #EDEDED url("img/archive_top.gif") top left no-repeat; line-height: 1.5; }
#archive h1 { padding: 20px 30px 5px 30px; }
#archive ol { padding:  0 20px 20px 20px; }
#archive li { float: left; width: 129px; margin: 15px 35px 15px 10px; height:200px; overflow:hidden;}
#archive li strong { display: block; line-height: 39px; height: 39px; margin-bottom: 0px/**7**/; padding-left: 10px; color: #FFF; font-size: 16px; font-weight: normal; background: url("img/archive.strong_with_marker.png") left top no-repeat; }

#archive .foot { background: #EDEDED url("img/archive_bottom.gif") bottom left no-repeat; height: 15px; clear: both; }



/**
 * Advertisements at the right
 */ 
#sponsors { position: absolute; top: 0; right: 0; width: 197px; }
#sponsors li { width: 168px; height: 118px; /*background: url("img/ad.png") top left no-repeat;*/ padding: 1px; margin: 12px 0; } 

/**
* changes that deal with the newspage
*/

body.news #news dt {
    font-size: 14px;
    font-weight:normal;
}

body.news #news dt {
    border-bottom: 1px solid #FFF;
}

body.news #news dt a {
    color: #4AA1D4;
}

body.wide #content_wrapper {
    width: 736px;
}

body.wide #content_wrapper h1.rounded {
    width: 736px;
    background: transparent url(img/h1.rounded_wide.png) no-repeat scroll left top;
}

body.wide #content_inner {
    background: #EDEDED url("img/content_bottom_wide.png") bottom left no-repeat; 
}

body.wide #sidebar {
    display:none;
}

#archive h1 {
    font-size: 24px;
}

#archive dd {
    margin-left: 25px;
    padding: 0px;
}

#cover {
    display:block;
    float:left;
    margin: 0 20px;
}

#content p , #content {
    margin: 0 20px 20px 0px;
}
.archief #content ul {
    padding-left: 20px;
}
.archief #content li {
    float:none;
    margin:inherit;
    width:inherit;
}

.b {
    font-weight:bold;
}

dl.agenda_item dt {
    font-weight: bold;
}