/* CSS Document */
body, html { margin: 0; padding:0;}
h1, h2, h3, .menu { margin: 0; padding:0;}
.menu { list-style: none;}
a { text-decoration: none;}
a img {border: 0;vertical-align: middle;}

body, html { width: 100%; height: 100%;font: 12px arial,sans-serif;}
body { background: #C7C8CA; height: 100%;}
#top { background: #EBE9EA;}

#container { width: 900px; min-height: 650px;background: #fff url(img/container_bg.png) left repeat-y; margin: 0 auto;}

#left { width: 205px; float: left;overflow-x: hidden;}
#center{float: left; width: 695px;}
h1 { width: 205px; background: #fff;}
#hardchroom { font-size: 18px; font-style: italic; text-align: right; height: 57px; width: 695px; background: #004C93 url(img/topbar.png) top right no-repeat;color: #fff;float: right;}
#hardchroom span { font-weight: bold;}

#nav {width: 173px; padding: 8px 0 0 32px;background: #004C93;}
#nav li { border-top: 1px solid #fff;}
#nav li.first { border:0;}
#nav a { color: #fff; line-height: 29px; display: block; }  

#nav li li a{ padding-left: 20px;}

#staticnav {width: 173px;padding:0 0 20px 32px;background: #DADADA;}
#staticnav li { border-top: 1px solid #fff;}
#staticnav li.first { border:0;}
#staticnav a { color: #000; line-height: 29px; display: block; }  
#staticnav li li a{ padding-left: 20px;}

#topwrapper{height: 113px;}
#topimg { width: 496px; height: 113px;display: block;}
#topwrapper #topimg{float: left;}
#content { width: 659px; padding: 18px; line-height: 150%; overflow-x: hidden;}

#content h2 { color: #004C93; font: 18px/36px arial,sans-serif;background: #F0F0F0; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA;padding-left: 15px; margin-bottom: 15px;}
#content .text{padding: 0 15px; }
.editorlink, .leesverder{ color: #004C93; font-weight: bold; }
.editorlink:hover, .leesverder:hover { text-decoration: underline;} 

address { float: right;color: #fff; background: #000 url(img/address_bg.png);font-style: normal;height: 103px;padding: 10px 0 0 20px;line-height: 150%;width: 179px;}
address a { color: #fff;font-weight: bold;} 

.news{margin-top: 18px; padding: 0;line-height: 150%;font-size: 11px;}
.news .inner {padding: 0 15px;}
.news h3 { color: #004C93; font-size: 13px; font-weight: bold;margin-bottom: 13px;background: url(img/newsback.gif) top left no-repeat;padding: 0 15px;height: 37px;line-height: 37px;}
.news img { margin-bottom: 5px;}
.news a { font-weight: bold; color: #004C93;}
.news .more, .nieuwsitem .more { font-weight: normal; color:#000; text-decoration: underline; display: block; }

#footer { height: 70px; width: 900px; margin: 0 auto;clear: both;background: #DADADA url(img/footer.png) left repeat-y;}
#footer img{float: right; margin-right: 20px;}
.clearer { clear: both; height: 1px;line-height: 1px; width: 100%;overflow: hidden;background: url(img/container_bg.png) left repeat-y;} 

#copy { width: 890px; margin: 0 auto;color: #003399;font-size: 10px; padding-left: 10px;padding-bottom: 20px;}

/* news overview */
.nieuwsitem {padding: 0 15px;margin-top: 15px;}
#content .nieuwsitem h3 { color: #004C93; font-size: 13px; font-weight: bold;margin-bottom: 13px;background: url(img/newsback.gif) top left repeat-x;padding: 0 15px;margin: 0 -30px 15px -30px;height: 37px;line-height: 37px;}

/* form */
form { padding-left: 50px;}
label { width: 150px; line-height: 20px; vertical-align: top; margin-top: 5px; height: 20px;display: block;float: left;}
.txt { width: 250px; line-height: 20px; margin-top: 5px;border: 1px solid #004C93; height:20px; font: 11px arial,sans-serif;}
textarea.txt{height: 70px;}
.submit { width: 90px; background: #fff; border: 1px solid #004C93; color: #004C93;margin-left: 312px;}

/* paginanummers */
.paginanummers {color: #000; text-decoration: underline}
.huidigepagina { color: #004C93; font-weight: bold;}