body{background: URL(images/background.png) top repeat-x; margin: 0px; font: 12px Arial;}
img{border: 0px;}

/******* MENU OPMAAK *********/
#nav{text-align: center; margin: 16px 0 0 0;}
.menu{list-style-type: none; font: 13px Arial; display: table; font-weight: bold; color: #FFFFFF;height: 27px; margin: 0px auto 0px auto; text-align: center; padding: 0px;}
.menu li{display: table-cell;position: relative;  padding: 0px 11px 0 0;}
.menu li a{padding: 0px 10px 0px 10px ;line-height: 27px; height:27px; display: block; color: #FFF; text-decoration: none;}
.menu li a:hover{background: URL(images/menu_hover_left.png) top left no-repeat; color: #000;}
.menu li span {display: block; height: 27px; margin: 0; padding: 0px 0px 0px 0; line-height: 27px;}
.menu li span:hover{background: URL(images/menu_hover_right.png) right no-repeat;}
.menu .selected a{background: URL(images/menu_hover_left.png) top left no-repeat; color: #000;}
.menu .selected span{background: URL(images/menu_hover_right.png) right no-repeat;}

/****** SUB MENU OPMAAK *******/
.selected .submenu a{text-decoration: none; background: none; color: #FFFFFF;}
.submenu{display: none; margin: 0px; position: absolute; padding: 10px 0 0 0;}
.submenu li a{display: block; height: auto; text-align: left; min-width: 150px;}
.submenu li a:hover{background: none;}
.submenu li{background: URL(images/submenu_background.png); display: block;}
.menu li:hover .submenu{display: block; position: absolute;}


#container{width: 790px; margin: 36px auto 0px auto;}

#header{overflow: hidden; margin: 0 0 34px 3px;}
   #header .logo{float: left; margin-right: 77px;}
   #header .slogan{float: left; margin: 8px 0 0 0;}
   
#body{clear: both; overflow: hidden;}

#news{float: left; width: 235px;}
#news_header{background: URL(images/nieuwsberichten.png) top left no-repeat; margin: 19px 0 19px 0; height: 27px; width: 166px;}
#news_header span{display: none;}
#news .news_item{width: 235px; overflow: hidden;line-height: 19px; color: #636363;}
#news .news_item h4{color: #0a50b8; margin: 0px; font: 12px Arial;font-weight: bold; }
#news .news_item div{margin-right: 14px;}
#news .news_item .date{float: left; background: URL(images/date_background.png) no-repeat; width: 56px; height: 36px; color: #FFFFFF; text-align: center; font: 10px Arial;}
#news .news_item .date span{display: block; font: 12px Arial; font-weight: bold; margin: 3px 0 0 0;}
#news .news_item .more{margin-top: 1px; float: left; clear: left; background: URL(images/more_background.png) no-repeat; width: 46px; height: 31px; text-align: center; font: 10px Arial; color: #FFFFFF; padding: 5px 5px 0px 5px;}
#news .news_item .more a{color: #FFFFFF; text-decoration: none;}
   .seperator{background: URL(images/seperator.png) center no-repeat; height: 10px; width: 235px; margin: 15px 0px 7px 0px;}

#short_content{float: left; width: 540px; margin: 0px 0px 0px 15px;}
#short_content .content{padding: 20px; background: #e3edf9 URL(images/short_content.png) top right no-repeat; line-height: 19px;}
#short_content .content h1{color: #f5008b; margin: 0px; padding: 0px; font: 20px Arial;}

#large_content{float: left; width: 790px; margin: 0px 0px 0px 0px;}

/*
#large_content .content{padding: 20px; background: #f3f3f3 URL(images/content_background.png) top right no-repeat; line-height: 19px;}
*/
#large_content .content{padding: 20px; background: #e3edf9 URL(images/short_content.png) top right no-repeat; line-height: 19px;}

#large_content .content h1{color: #f5008b; margin: 0px; padding: 0px; font: 20px Arial;}
#large_content .content .image{float: right; border: 1px solid #000000; padding: 3px; background: #FFFFFF}

#footer{line-height: 19px; font: 10px Arial; color: #6a6a6a; height: 19px; text-align: right; margin: 20px 15px 0 0;}
#footer a{color: #6a6a6a;}