/*
* Main body and table defenitions
*/
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background: #FFF url(../images/background.gradient.jpg) repeat-x ; text-align: center; }
/*
* Table and td defenitions
*/
table, tr, td { border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
/*
* Main div definitions (display inline fixes IE double margin bug)
*/
div#main { width: 707px; margin: 0 auto; }
div#header { background: #FFF; height: 161px; background-color: #FFF;}
div#left { text-align: left; width: 180px; float: left; margin: 5px 0; display: inline; }
div#middle { text-align: left; width: 517px; float: left; margin: 5px 0 0 5px; display: inline; }
div#right { text-align: left; width: 200px; float: left; margin: 5px; display: inline;border:1px solid #DDD; }
div#footer { text-align: center; background-color: #EDEDED; height: 20px; width: 707px; clear: both; margin: 0 auto;border-top:3px solid #DEDEDE; padding-right: 8px;}
div#horizontal-spacer { background: #FFF; border-top: 1px #B6B6B6 dashed; margin: 10px 10px 5px 0;}
div#top { height: 58px; }
div#top div.button { margin: 0 auto; height: 58px; width:720px; }
/* header layout */
div#header div.left { float:left; width:128px; height:161px; }
div#header div.right { float:left; width:579px; height:161px; background: transparent url(../images/header_2.jpg); }
/* Making the footer stick to the bottom =] */
div#main { min-height: 100%; }
* html div#main { height: 100%; }
div#footer { position: relative; margin-top: -20px; }
div#middle { padding-bottom: 60px; }
/*
* Module, menu and block definitions
*/
div.block { margin-bottom: 0px; }
div.menu { margin-bottom: 0px; border: #c3c3c3 solid 1px; border-bottom: none; }
div.menu_bottom { margin-top: 0px; height:7px; background: url(../images/menu_bottom.gif) no-repeat bottom; }
div.module { margin-bottom: 5px; }
div.header { font-size: 150%; line-height: 30px; padding: 5px; }
div.module div.header { }
div.block div.header { background: #ffffff; }
div.menu div.header { background: #EDEDED; margin: 3px;}
div.content { margin-left: 5px; padding: 5px; }
div.module div.content { margin: 0px; padding: 0px; text-align: justify; clear: both;}
div.block div.content { margin: 0px; padding: 0px }
div.menu div.content { }
div.module div.content div { float: left; }
div.module div.content div div.top { width: 310px; height: 7px; line-height: 7px; background: url(../images/content_background_vertical_edge.jpg) repeat-x top; clear: both; }
div.module div.content div div.top div.left { width:7px; height: 7px; background: url(../images/content_round_edge.gif) no-repeat top left; float:left;}
div.module div.content div div.top div.right { width: 7px; height: 7px; background: url(../images/content_round_edge.gif) no-repeat top right; float:right;}
div.module div.content div div.middle { padding: 0 10px; width: 288px; background: #F7F7F7; border: 1px solid #c6c6c6; border-bottom: none; border-top:none; }
div.module div.content div div.bottom { width: 311px; height: 7px; background: url(../images/content_background_vertical_edge.jpg) repeat-x bottom; clear: both; }
div.module div.content div div.bottom div.left_normal {width:7px; height: 7px; background: url(../images/content_round_edge.gif) no-repeat bottom left; float:left;}
div.module div.content div div.bottom div.right_normal {width:7px; height: 7px; background: url(../images/content_round_edge.gif) no-repeat bottom right; float:right;}
div.module div.content div div.bottom div.left_more { width:136px; height: 21px; background: url(../images/content_round_bottom.gif) no-repeat bottom left; float:left;}
div.module div.content div div.bottom div.right_more { width:136px; height: 21px; background: url(../images/content_round_bottom.gif) no-repeat bottom right; float:right;}
div.module div.content div.image { margin-left: 5px; padding: 3px; border: #c3c3c3 1px solid; }
div.welcome { width: 310px; }
div.clear { clear: both; }
div.menu ul{border: none; margin: 0; padding: 0; list-style: none; }
/*
* Wait and error screen container
*/
div#messageContainer { width: 400px; margin: 0 auto; }
/* several distinct colors */
.nieuws_color a { color: #FF0; }
div#top.nieuws { background: transparent url(../images/top_bar_repeat.news.jpg) repeat-x; }
div#top div.nieuws { background: transparent url(../images/top_bar_button.news.jpg) no-repeat right; }
div#header div.nieuws { background: transparent url(../images/logo_nieuws.jpg); }
.home_color a { color: #AAA; }
div#top.home { background: transparent url(../images/top_bar_repeat.home.jpg) repeat-x; }
div#top div.home { background: transparent url(../images/top_bar_button.home.jpg) no-repeat right; }
div#header div.home { background: transparent url(../images/logo_home.jpg); }
.contact_color a { color: #0F0; }
div#top.contact { background: transparent url(../images/top_bar_repeat.contact.jpg) repeat-x; }
div#top div.contact { background: transparent url(../images/top_bar_button.contact.jpg) no-repeat right; }
div#header div.contact { background: transparent url(../images/logo_contact.jpg); }
.meedoen_color a { color: #00F; }
div#top.meedoen { background: transparent url(../images/top_bar_repeat.join.jpg) repeat-x; }
div#top div.meedoen { background: transparent url(../images/top_bar_button.join.jpg) no-repeat right; }
div#header div.meedoen { background: transparent url(../images/logo_meedoen.jpg); }
.projecten_color a { color: #F00; }
div#top.projecten { background: transparent url(../images/top_bar_repeat.projects.jpg) repeat-x; }
div#top div.projecten { background: transparent url(../images/top_bar_button.projects.jpg) no-repeat right; }
div#header div.projecten { background: transparent url(../images/logo_projecten.jpg); }
.login_color { color: #FF0; }
div.block div.content div.contact_top{
width: 180px;
height: 21px;
background: #FaFaFa url(../images/contact.gif) no-repeat top;
margin: 5px 0 0 0px;
}
div.block div.content div.contact {
background: #FaFaFa;
padding: 10px 0 0 10px;
border: 1px #DEDEDE solid;
border-top: none;
margin: 0 0px 0 0px;
}
.blog-more { float: right; margin-left:420px; width: 60px; }
.blog-back { float: left; }