﻿*{margin: 0px;padding: 0px;}
img{border: 0px;display: block;}
body{text-align: center;font-family: Arial;}
h2{color:#0077b5; font-size:22px;}
h4{margin-bottom:10px;}

/* FORMULIERONDERDELEN */
fieldset { border: 0px; }
.formfield { border:solid 1px #fff;background-color:#09609a;color:#fff;margin-bottom:10px;}
.formbutton { border:solid 1px #fff;background:URL(/lib/images/backgroundformbutton.gif) repeat-x top left;color:#fff;font-size:12px;padding:4px;float:right;font-family:Arial}
label{ display:block; margin-bottom:5px; }
legend { font-size:18px; }

/* CONTENTONDERDELEN */
#paginacontainer { width:995px;position: relative;margin: 0 auto 0 auto;text-align: left;}
#header{height: 84px;width:995px;background-color:#fff;font-size: 12px;}
#utilities { position: absolute; top: 25px; left: 680px; height: 30px; width:150px; color:#004380; z-index: 10; }
#utilities ul{list-style: none;overflow:hidden}
#utilities li{float:left;margin-right:5px;}
#utilities a{text-decoration: none;color:#004380;}
#utilities a:hover{text-decoration: underline;}
#logo{width:100px;height: 50px;position: absolute;top: 0px;left: 38px;background:URL(/lib/images/politielogo.gif) no-repeat 0 0;}
#logo a{display: block;height: 50px;width: 100px;text-indent:-5000px;}

/* MAIN MENU */
#mainmenucontainer { position:absolute; background-color: #009ee0; width:995px; left:0px; top:57px; }
#mainmenu { background: #009ee0; color: #fff; }
#mainmenu a { display: block; float: left; color:#fff; text-transform: uppercase; text-decoration: none; padding: 7px 10px 5px 10px; }
#mainmenu a:hover { background:URL(/lib/images/backgroundmainmenurollover.gif) repeat-x left top; }
#mainmenu ul { list-style: none }
#mainmenu li { float: left; position: relative; border-left: solid 1px #0ea5dc; border-right: solid 1px #0586c8; }
#mainmenu li ul { display: none; position:absolute; top: 27px; left: 0; background-color:#009ee0;border:0px;}
#mainmenu li ul li{border-top:solid 1px #fff; border-bottom:0px; border-left:0px;border-right:0px; clear: both; }
#manimenu li ul li a {  }
#mainmenu li > ul{ top:27px; left:0;}
#mainmenu li:hover ul{ display:block }
#flashmovie{height:280px;width:995px; background: #000; }

/* NIEUWS */
ul.nieuwsitems li {padding:0 0 10px 5px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;list-style:none; width:100%; float:left;}
ul.nieuwsitems li:nth-child(odd) {background:#e3e3e3;}

.nieuwsitem{font-size:12px;margin-top:12px;}
.nieuwsitem .nieuwsdatum{background:URL(/lib/images/backgrounddatum.gif) no-repeat top left;width:31px;height:34px;color:#fff;text-align:center;float:left;margin-right:13px;}
.nieuwsitem .nieuwsdatum .maand{font-size:10px;width:31px;}
.nieuwsitem .nieuwsdatum .dag{font-size:18px;font-weight:bold;}
.nieuwsitem .nieuwstitle{font-weight:bold;float:none;display:block;}
.nieuwsitem a{text-decoration:none;color:#000}
.nieuwsitem a:hover{text-decoration:underline}
.nieuwsitem .teaser { width: 380px; margin-left: 44px;}

/* CONTENT */
#content { background: #fff URL(/lib/images/contentshader.gif) repeat-x center top; font-size:12px; min-height: 208px; }
#content .leftcolumn { width:436px; padding:30px; color:#383a3e; float: left; }
#content .rightcolumn { width:436px; padding:30px; float:right; }
#content .fullwidth { padding: 30px; width: 935px; }
#content .fullwidth .text {  width: 436px; float: left; }
#content .fullwidth .image { width: 406px; float: left; margin-left: 30px; }
#content .fullwidth .paragraaf { clear: both; width: 935px; }
#content a { color:#09609a; font-weight:bold; }
#content a:hover { color:#000; }
#content .leesverder { clear: both; float: right; background: url(/lib/images/bluearrow.gif) no-repeat 3px 3px; padding-left:20px; }
#content .paragraaf { width:436px; }
#content .paragraaf .text { line-height: 18px; margin-bottom: 1em; }
#content .paragraaf .text img { margin-left: 450px; }
#content .paragraaf ul, #content .paragraaf ol { margin: 1em 0 1em 3em; }
#content .paragraaf ul { list-style-type: none; list-style-image: url(/lib/images/bullet.gif); }
#content .paragraaf h2 { margin: 0 0 0.5em 0; }
#content .laatstenieuws { margin-top: 2em; }
#content .laatstenieuws .nieuwsitems { width: 362px; border: 1px solid #b6b6b6; padding: 10px; }
#content .laatstenieuws .nieuwsitems .teaser { width: 300px; }
#content .laatstenieuws a.leesverder { background: #0074b1; padding: 3px 6px 3px 6px; color: #fff; text-decoration: none; position: relative; top: -1px; right: 52px; font-weight: normal; }
#content .homepageteaser .image { width: 100px; float: left;  }
#content .homepageteaser .image img { position: absolute; clip:rect(0 100px 150px 0); }
#content .homepageteaser .teaser { width: 320px; margin-left: 110px; }

/* PAGING */
#content .paging {clear:both; padding-top:30px; margin:0 auto;}
#content .paging ul li{float:left; list-style:none;margin:1px;}
#content .paging ul li.nummer a{padding-top:1px; text-align:center; display:block; width:16px; height:17px; background:url(/lib/images/backgroundpaging.gif) no-repeat; color:#FFF;}
#content .paging ul li a{margin:0 2px; text-decoration:none; color:#000;}
#content .paging ul li.nummer a.active, #content .paging ul li.nummer a:hover {background:url(/lib/images/backgroundpaging_active.gif) no-repeat;}

/* MODULES */
#modules { height:204px; clear:both; position:relative; color:#000; font-size:12px; }
#modules .module { width: 209px; height: 193px; background: URL(/lib/images/bg-footer-bloks.png) no-repeat; padding:20px; float:left; position: relative; font-size: 0.9em; }
#modules .module legend { display: none; }
#modules .module h3 { margin-bottom: 1em; position:relative; z-index:2; }
#modules input.submit { position: absolute; right: 12px; bottom: 80px; padding: 1px 3px 1px 3px; cursor: pointer; width: 75px; }
#modules .statistieken { }
#modules .banner {  }
#modules .banner div.smsalert { width: 214px; height: 50px; position: absolute; left: 15px; top: 60px; cursor: pointer; text-decoration: none; }
#modules .banner div.smsalert img { float: left; }
#modules .banner div.smsalert p { padding-top: 10px; color: #000; text-decoration: none; }
#modules .banner div.smsalert a { text-decoration: none; }
#modules .poll { }
#modules .poll label { margin: 0px; margin-left: 0px; position: relative; height: 16px; }
#modules .poll h4 { font-size: 1em; }
#modules .poll table.pollResult { width: 100%; }
#modules .poll table.pollResult img { display: inline; }
#modules .tellafriend { width: 208px; }
#modules .tellafriend label { display: block; width: 78px; float: left;  }
#modules .tellafriend input.small { clear: right; width: 121px; height: 16px; color: #000; background: #fff; border: 1px solid #6a6868; }

/* FOOTER */
#footer { background-color: #09609a; color: #fff; font-size: 11px; padding-left: 23px; padding-top: 3px; padding-bottom: 3px; clear: both; }
#footer ul{list-style:none;overflow:hidden}
#footer li{float:left;margin-right:5px;}
#footer a{color:#fff}
#footer a:hover{color:#000}

/* FLASH STICKER */
#sticker { position: absolute; right: 0px; z-index: 9; }

/* BANNER */
#banner { width: 995px; height: 213px; background: url(/lib/images/headerbottom.gif) left bottom repeat-x; }

/* CONTACTFORMULIER */
.contactform { background: #000 url(/lib/images/contact-bg.gif) repeat-x; }
.contactform legend { display: none; }
.contactform label { color: #fff; float: left; display: block; width: 140px; clear: left; margin-bottom: 1em; height: 20px; }
.contactform label span { font-weight: bold; color: #f00; }
.contactform input { display: block; margin-bottom: 1em; height: 20px; border: 0; width: 285px; }
.contactform textarea { width: 285px; height: 100px; border: 0; margin-bottom: 3em; font-family: Sans-Serif; }
.contactform input.submit { position: relative; left: 349px; padding: 1px 3px 1px 3px; height: 20px; cursor: pointer; width: 75px; border: 1px solid #fff; background: url(/lib/images/contact-submit-bg.gif) repeat-x; color: #fff; margin-bottom: 3em; }
.contactform form { margin-top: 1em; }
.contactgegevens { border: 1px solid #b6b6b6; clear: both; margin-top: 1em; padding: 15px; color: #0077b5; width: 402px; }
.contactmelding { width: 434px; height: 98px; background: url(/lib/images/contactmelding.png); text-indent: -1000em; }
.contactform input.hidden { display: none; }

/* PRINT */
.print { display: none; }

#stats_details { float: left; width: 616px; padding: 0 18px 120px 0px; }
#stats_details img { width: 614px; border: 1px solid #b6b6b6;}

#stats_overzicht { float: left; width: 301px; margin: 0; padding: 0; }

#content .stats { margin: 0; padding: 0; overflow: hidden; float: left; width: 301px; }
#content .stats li { list-style: none; margin: 0 0 9px 0; padding: 0; width: 301px; overflow: hidden; }
#content .stats li a.header { display: block; text-decoration: none; color: #38393d; line-height: 29px; padding: 0 0 0 9px; margin: 0; width: 292px; background: #e4f5fc; overflow: hidden; }
#content .stats li.active a.header { border-left: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; width: 290px; }
#content .stats li a.header:hover { background: #009ee0; color: #fff !important; }
#content .stats li a.header span { float: left; }
#content .stats li a.header span.weeknummer { display: none; } 
#content .stats li.active a.header span.weeknummer { display: inline; } 
#content .stats li a.header span.klap { font-weight: normal; color: #009edf; font-size: 11px; float: right; margin-right: 9px; }
#content .stats li a.header:hover span.klap { color: #fff; }

#district_flash { width: 300px; height: 100px; margin-top: -20px }
.district_1 { background: transparent url('/lib/images/stats_maas.png') no-repeat 0 0; }
.district_2 { background: transparent url('/lib/images/stats_maasland.png') no-repeat 0 0; }
.district_3 { background: transparent url('/lib/images/stats_meierij.png') no-repeat 0 0; }

#content .weken { display: none; width: 300px; border-left: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; margin: 0; padding: 0; float: left; background: #fff url('/lib/images/weken_bg.png') no-repeat bottom right; overflow: hidden; }
#content .stats li.active .weken { display: block; }
#content .weken li { float: left; width: 29px; height: 29px; list-style: none; margin: 0; padding: 0; border-right: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6;  }
#content .weken li a { display: block; width: 29px; height: 29px; line-height: 29px; text-align: center; text-decoration: none; color: #b6b6b6;  }
#content .weken li a:hover { background: #b6b6b6; color: #fff; }
#content .weken li a.used { color: #09609a;  }
#content .weken li a.used:hover { background: #009ee0; color: #fff; }
#content .weken li a.active { background: #000 url('/lib/images/active_week_bg.png') no-repeat 0 0; color: #fff; }

.tweets ul		{list-style:none; margin-left:-13px; margin-top:10px; font-size:10px; }
.tweets ul li	{position:relative;color:#1169a0;   padding:3px 4px 0 8px;   height:78px; width:205px; margin-left:10px; overflow:hidden; background:url(/lib/images/bg-twitter.png) no-repeat;}
.tweets ul li a {color:#1169a0;}
.tweets ul li span	{color:#89cae4;}
.tweets ul li img {position:absolute;top:50%; left:50%; margin-top:-10px; margin-left:10px;}
a.TwitterTitel {text-indent:-99999px; background:url(/lib/images/h3-twitter.png) no-repeat -183px 0; height:10px; width:135px; display:block; margin-left:25px; margin-top:3px; z-index:2; position:relative;}
a.TwitterTitellast {text-indent:-99999px; background:url(/lib/images/h3-twitter.png) no-repeat; height:10px; width:183px; display:block;  margin-left:25px; margin-top:3px; z-index:2; position:relative;}
.twitter-vogeltje {position:absolute; top:12px; left:10px; z-index:2;}
.titleBg		{position:absolute; top:19px; left:19px; z-index:1;}
