@charset "utf-8";
/* CSS Document */

body {padding:65px 0 65px 0; margin:0; background: url(../images/layout/background.jpg) center repeat-y; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
html{overflow-y:scroll; }
img {border-bottom:0px; }
.wrapper {width: 100%; height: 100%; overflow: hidden; }
#topmenu {background: url(../images/layout/background.jpg) center repeat-y; height:34px; width:100%; padding:20px 0 0 0; margin:0 0 0 0; position:fixed; top:0; z-index:57; }
.menubar {height:34px; width:100%; background: url(../images/layout/topmenu_background.jpg) top repeat-x; color:#FFFFFF; font-size:12px;}
.menu { width:800px; height:34px; position:relative; left:50%; margin:0 0 0 -400px; }
a:link, a:visited, a:active { font-size:12px; text-decoration:none; color:#646464; border-bottom:1px dotted #bbbbbb; }
a:hover { color:#e5202b; border-bottom:1px solid #e5202b; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; width:800px; list-style-type:none; float:left; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:12px; font-weight:bold; text-decoration:none; color:#646464; height:34px; line-height:26px; padding:0 33px; margin:0; border-bottom:0px; text-align:center; float:left; }
.menu a.menulogo, .menu a.menulogo:visited { display:block; height:34px; padding:0; margin:0; width:76px; border-bottom:0px; text-align:right; float:left; }
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; width:0px; float:left;}
/* style the top level hover */
.menu a:hover {color:#e40133; border-bottom:0px;}
.menu :hover > a { color:#e40133; border-bottom:0px; }
/* selected menu item */
.menu a.selected, .menu a.selected:hover, .menu a.selected:active, .menu a.selected:visited{ background:url(../images/layout/topmenu-bg.jpg) top left repeat-x #e40133; color:#ffffff; float:left; }
/* streep */
.menu li.streep { color:#a8a8a8; height:34px; line-height:26px; width:3px; float:left;}
/* MENU DIENSTEN */
#bottommenu .menu a, #bottommenu .menu a:visited { display:block; font-size:12px; font-weight:bold; text-decoration:none; color:#646464; height:34px; line-height:34px; padding:0 27px; border-bottom:none;text-align:center; float:left; }
#bottommenu .menubar { height:34px; width:100%; background:#dcdcde; font-size:12px; }
#bottommenu .menu li.streep {color:#a8a8a8; height:34px; line-height:34px; width:3px; float:left; }
/* style the top level hover */
#bottommenu .menu a:hover { color:#e40133; }
#bottommenu .menu :hover > a { color:#e40133; }
#newstickerbalk { background:url(../images/layout/newsticker-bg.jpg) top left repeat-x #840116; height:30px; width:100%; font-size:12px; color:#FFFFFF; margin:0 0 0 0; }
#newsticker { width:800px; margin:0px auto 0px auto; height:30px; line-height:30px; }
#newsticker h3 {font-family:"Arial Black", Arial, Tahoma; font-size:14px; line-height:30px; text-transform:uppercase; letter-spacing:-1px; color:#e2e2e2; margin:0; padding:0;}
#newsticker h3 span {font-family:Arial, Tahoma, Verdana; font-size:12px; line-height:30px; font-weight:300; text-transform:none; margin:0px 0px 0px 10px; letter-spacing:0px;}
#newsticker h3 span a, #newsticker h3 span a:visited {font-family:Arial, Tahoma, Verdana; font-size:12px; line-height:30px; font-weight:bold; color:#e2e2e2; border-bottom:none; text-decoration:none;}
#newsticker h3 span a:hover {color:#e40133;}
#contentbalk { height:100%; width:100%; margin:0 0 0 0; }
#content { width:800px; margin:0px auto 0px auto; height:100%; min-height:320px; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#logo { width:315px; margin:0 0 0 85px; position:fixed; bottom:62px; left:50%; }
#bottommenu { background:#dcdcde; height:30px; width:100%; font-size:12px; color:#FFFFFF; margin:0px 0 0px 0; position:fixed; bottom:32px; z-index:56; }
#footerbar { background:url(../images/layout/background.jpg) center repeat-y; width:100%; height:18px; position:fixed; bottom:0; padding:10px 0 0 0; z-index:99; }
#footerbar a, #footerbar a:visited {text-decoration:none; font-size:11px;}
#footerbar a:hover {}

#footer-left {position:fixed; bottom:0; padding:0 10px 5px 0; width:395px; margin:0 0 0 -400px; left:50%; text-align:left; font-size:11px; color:#646464; height:15px; line-height:15px;}
#footer { position:fixed; bottom:0; padding:0 10px 5px 0; width:395px; margin:0 0 0 0px; left:50%; text-align:right; font-size:11px; color:#646464; height:15px; line-height:15px; }
#footer a:link, #footer a:visited, #footer a:active {font-size:11px; text-decoration:none; color:#e5202b; border-bottom:0; }
#footer a:hover {color:#e5202b; border-bottom:1px solid #e5202b; }
span.rood {color:#e5202b;}
#links {width:485px; float:left; z-index:55; position:relative;}
#rechts {position:fixed; top:65px; left:50%; margin:0 0 0 85px; width:315px;}
.contentitem {background:url(../images/layout/niews_itembg.jpg) top left repeat-y; margin:0px 0px 9px 5px; padding:9px 9px 9px 9px; width:443px; color:#646464; line-height:18px; height:100%;}
.contentitem:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contentitem ul {font-size:12px;}

#socialmedia {width:446px; height:65px; right:50%; bottom:84px; position:fixed; margin-right:-46px;}
#socialmedia .tweet-wrap {background:url(../images/layout/twitter-msg-bg.jpg) top left no-repeat; width:428px; height:28px; line-height:28px; overflow:hidden; padding:0 9px; float:left; font-size:11px; color:#3f3f3f;}
#socialmedia .tweet-overflow {width:428px; height:24px; line-height:24px; overflow:hidden; float:left;}
#socialmedia .tweet {width:205%; height:24px; float:left;}
#socialmedia #logos { float:left; width:100%; margin:6px 0 0 0;}
#socialmedia #logos a.btn-twitter { float:left; background:url(../images/layout/socialmedia-twitter.jpg) top left no-repeat; width:112px; height:31px; display:block; text-indent:-9999px; border:0;}
#socialmedia #logos a.btn-facebook { float:left; background:url(../images/layout/socialmedia-facebook.jpg) top left no-repeat; width:111px; height:31px; display:block; text-indent:-9999px; border:0;}
#socialmedia #logos a.btn-linkedin { float:left; background:url(../images/layout/socialmedia-linkedin.jpg) top left no-repeat; width:112px; height:31px; display:block; text-indent:-9999px; border:0;}
#socialmedia #logos a.btn-flickr { float:left; background:url(../images/layout/socialmedia-flickr.jpg) top left no-repeat; width:111px; height:31px; display:block; text-indent:-9999px; border:0;}

#socialmedia #logos a.btn-twitter:hover,
#socialmedia #logos a.btn-facebook:hover,
#socialmedia #logos a.btn-linkedin:hover,
#socialmedia #logos a.btn-flickr:hover {background-position:bottom left;}
/* TWEET */

.tweet .tweet_list, .query .tweet_list {list-style-type: none; margin: 0; padding:0;}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {text-transform: uppercase;}
.tweet .tweet_list li, .query .tweet_list li {overflow-y: auto; overflow-x: hidden;}
.tweet .tweet_list li a, .query .tweet_list li a {}
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {float: left;}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align: middle;}
.tweet .tweet_time a, .tweet .tweet_time a:visited {color:#666; text-decoration:none; margin:0 0 0 10px; font-size:11px;}
.tweet .tweet_time a:hover {text-decoration:underline;}


h2 {width:443px; font-size:13px; font-weight:boldd; padding:0 0 3px 0; margin:0 0 3px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e71544;}
p.contenttitel {font-size:13px; font-weight:bold; padding:0; margin:0;}
p.contentbericht {font-size:12px; padding:0; margin:0;  width:443px;}
p.contentbericht img {margin:0 0 10px 10px;}
p.contentbericht p {margin:0; padding:0; font-size:12px;}
p.rodestreep {padding:0; margin:3px 0px;}
h1 {font-size:21px; font-weight:bold; color:#e40133; margin:0; padding:0;}
p.ganaar {padding:0; margin:6px 0px 0px 0px; color:#646464; font-size:12px; font-weight:bold;}
p.ganaar a {border-bottom:0px;}
.subnavigatie ul {list-style:none; padding:0; margin:0px 0px 0px 6px; color:#646464; font-size:12px;}
.subnavigatie ul li {height:24px; line-height:24px; background:url(../images/layout/subnavigatie_icoon.gif) left center no-repeat; padding:0 0 0 20px;}
.subnavigatie ul li a, .subnavigatie ul li a:active, .subnavigatie ul li a:visited, .subnavigatie ul li a:hover {border-bottom:0px;}
.logo {height:100%;}

.row {width:443px; float:left; font-size:12px; line-height:15px; border-bottom:1px dashed #DDDDDD; padding:5px 0;}
.nieuwsarchief_datum {width:120px; float:left;}
.nieuwsarchief_titel {width:320px; float:left;}
.form_info {width:440px; line-height:18px; float:left;}
.form_left {float:left; width:170px; padding:3px 0 0 0;}
.form_right {float:left; width:270px;}

.form_left_small {float:left; width:80px; padding:3px 0 0 0;}
.form_right_small {float:left; width:360px;}
.medewerkersitem {width:440px; float:left; margin:0px 0px 4px 0px; padding:5px 0px 9px 0px; border-bottom:1px dashed #DDDDDD; height:100%;}
.medewerkersfoto {width:130px; margin:0px 5px 0px 0px; float:left;}
.medewerkersinfo {width:305px; float:left; font-size:12px;}
.medewerkersinfo p {margin:0; padding:0;}
.cases_foto {width:129px; float:left;}
.cases_info {width:314px; float:left;}
h4 {width:314px; font-size:13px; font-weight:boldd; padding:0 0 3px 0; margin:0 0 3px 0; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e71544;}
.cases_info p.contentbericht {font-size:12px; padding:0; margin:0;  width:314px;}
* html #topmenu, * html #logo, * html #rechts, * html #footer, * html #bottommenu{position: absolute;}

/** ADDED BY PIM **/
.pagetitle{color:#646464; font-size:16px; font-weight:bold;}
input, select, textarea{border: 1px solid #CCCCCC;}
input.warning, select.warning, textarea.warning {border: 1px solid #e40133;}
.error{color:#FF0000;}