/* CSS Document */
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html { height: 100%; background:#ffffff url('../images/body_bg_gradient.jpg') repeat-y fixed; overflow: auto; scrollbar-base-color:#e2001a; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#e2001a; scrollbar-darkshadow-Color:#e2001a; }
body { margin:0; padding:0; height: auto; font-family: arial, verdana, sans-serif; font-size: 62.5%; behavior: url('htc/csshover.htc'); }
img { border-width: 0; behavior:url('htc/pngbehavior.htc'); }
.error, .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }
div.wrapper { height: 587px; overflow-y:hidden; }
/*styles*/
h1 { color:#e2001a; font-size:2.4em; font-weight:bold; padding:0 0 6px 0; margin:-3px 0 6px 0; white-space:nowrap}
h2 { color:#e2001a; font-size:2.4em; font-weight:bold; padding:0 0 6px 0; margin:-3px 0 6px 0; }
h2 a { color:#e2001a; text-decoration:none; }
h3 { color:#009cd1; font-size:2.4em; font-weight:bold; padding:0 0 6px 0; margin:-3px 0 6px 0;}
h3 a { color:#009cd1; text-decoration:none; }
h3 a:hover { color:#009cd1; }
h4 { color:#e2001a; font-size:1.5em; font-weight:bold; padding:0 0 6px 0; margin:-3px 0 6px 0;}
h5 { color:#000000; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:2px 0; }
h6 { color:#e2001a; font-size:1.1em; font-weight:bold; line-height:1.3em; }
h6 a { color:#e2001a; text-decoration:none; }
h6 a:hover { text-decoration:underline; }
/*columninner styles*/
div.columnbox div.columninner h1 { color:#e2001a; font-size:1.6em; font-weight:bold; padding:0 0 3px 0; margin:-3px 0 0 0; white-space:nowrap; border-bottom:none;}
div.columnbox div.columninner h2 { color:#e2001a; font-size:1.4em; font-weight:bold; padding:0 0 3px 0; margin:-3px 0 0 0; border-bottom:none; }
*+html div.columnbox div.columninner h2 { padding:0;}
div.columnbox div.columninner h3 { color:#009cd1; font-size:1.4em; font-weight:bold; padding:0 0 3px 0; margin:-3px 0 0 0; border-bottom:none; }
div.columnbox div.columninner hr { margin:0 0 13px; background:url(../images/empty.gif); border: 1px solid transparent; }
*+html div.columnbox div.columninner hr { margin:0; }
noscript div { position:absolute; z-index:100; background:#E2001A; color:#FFFFFF; font-size:1.3em; padding:4px 10px 6px; width:100%; text-align:center; }
/*links*/
a { color:#e2001a; text-decoration:none; cursor:pointer; }
a:hover { color:#e2001a; text-decoration:underline; }
a.gogoblack { color:#000000; padding:0 5px; }
a.gogoblack:hover { color:#e2001a; }
h1 a:hover, h2 a:hover, h3 a:hover { text-decoration:none; }
span.category,
span.date { font-size:0.9em; color:#9c9c9c; float:left; padding:0 5px 0 0; }
/*columninner styles*/
div.columninner ul { list-style-position: outside; display: block; position: relative; list-style: disc; margin:-9px 0 5px 0; }
div.columninner ol { list-style-position: outside; display: block; position: relative; list-style: decimal; }
div.columninner li { margin:0 0 0 25px; }
div.columninner p { margin:0 0 1.4em 0; }
div.columninner p img { margin-bottom:-1em; }
div.columnbox div.columninner h1 { visibility:visible; }
div.columnbox div.columninner h1,
div.columnbox div.columninner h2,
div.columnbox div.columninner h3,
div.columnbox div.columninner h4,
div.columnbox div.columninner h5,
div.columnbox div.columninner h6, { border-bottom:none; }
/*clock icon*/
div.clock { position:relative; z-index:800; }
div.clockoverlay { position:fixed; width:100%; height:100%; top:0; left:0; z-index:900; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
div.loading { position:absolute; z-index:1000; width:100%; height:100%; display:block; }
div.loading div { width:195px; height:150px; position:absolute; top:250px; left:50%; margin-left:-97px; text-align:center; }
div.loading div h4 { display:block; background:white; padding:5px; }
div.loading div img { margin:-7px 0 0 0; }
/*fixedmenu*/
div.fixedheader { position:fixed; top:0; left:0; height:145px; width:1500px; }
div.headermenu { width:494px; height:145px; background:transparent url('../images/header_white_box.gif') 100% 0 no-repeat; display:inline-block; float:left; }
/*headermenu*/
div.headermenu div.logo { margin:27px 40px 0 0; height:44px; display:block; text-align:right; }
div.headermenu div.logo img {}
div.headermenu ul { margin: 10px 34px 0 0; padding: 0; display:inline-block; float:right; }
div.headermenu ul li { display: block; float: left; list-style: none; border-left:1px solid #e2001a; }
div.headermenu ul li:first-child { display: block; float: left; list-style: none; border-left:1px solid #FFFFFF; }
div.headermenu ul li a { display:block; font-size: 1.2em; padding:1px 6px 2px; color:#000000; text-decoration:none; }
div.headermenu ul li:hover a,
div.headermenu ul li a.selected { color: #e2001a; }
div.headerelementbox { height:131px; width:460px; margin:0 0 14px 24px; display:inline-block; float:left; overflow:hidden; }
/*servicemenu*/
div.headerelementbox ul { padding: 0; margin:11px 0 0 -4px; display:inline-block; float:left; }
div.headerelementbox ul li { display: block; float: left; list-style: none; border-left:1px solid #969595; }
div.headerelementbox ul li:first-child { display: block; float: left; list-style: none; border-left:1px solid #dff6fd; }
div.headerelementbox ul li a { display:block; font-size: 1.0em; line-height:0.7em; padding:1px 4px 2px; color:#969595; text-decoration:none; }
div.headerelementbox ul li:hover a,
div.headerelementbox ul li a.selected { text-decoration:underline; }
div.headerelements { margin:12px 0 0 0px; }
div.headerelements div.dossieritem a { background:url('../images/dossier_map_header.gif') 0 0 no-repeat; width:69px; height:22px; overflow:hidden; float:left; margin:0 7px 7px 0; padding:16px 5px 6px 3px; text-align:center; }
div.headerelements div.dossieritem a.selected,
div.headerelements div.dossieritem a:hover { background:url('../images/dossier_map_header.gif') -100px 0 no-repeat; text-decoration:none; }
div.headerelements div.dossieritem a h4 { font-size:1.1em; }
/*search*/
div.servicemenu div.searchbox form { margin:7px 0 0 6px; *margin-top:6px; display:inline-block; }
div.servicemenu div.searchbox input.text { color: #969595; padding: 1px 2px; *padding:1px 2px 0; background:none; border:1px solid #969595; font-size: 1.1em; width:110px; height:13px; }
div.servicemenu div.searchbox input.button { background: #969595; border:1px solid #969595; color:#FFFFFF; font-size:1.1em; padding:0; margin:0 0 0 -5px; font-weight:bold; cursor: pointer; vertical-align:bottom; *vertical-align:text-bottom; height:17px; *height:16px; }
div.servicemenu div.searchbox input.button:hover { background: #009CD1; border:1px solid #009CD1; }
/*fixed scrollermenu*/
div.scrollermenu { position: fixed; top: 490px; left: 50%; width: 180px; height: 35px; cursor: pointer; }
div.scrollermenu ul { list-style:none; }
div.scrollermenu ul li { display:inline-block; width: 75px; height: 22px; margin:0 10px 0 0; background:#e2001a; float:left; }
div.scrollermenu li a { float: left; display: block; cursor: pointer; padding:5px 10px; color:#FFFFFF; font-size:1.2em; }
/*columns*/
div.columnwrapper { margin: 152px 0 0 0; float: left; height:475px; }
div.columnbox { padding:0 13px 0; margin:0 0 95px; border-right:1px solid #e2001a; float: left; width: 234px; height: 380px; overflow:hidden; position:relative; }
div.morecolumncontainer { display:none; }
/*small column*/
div.smallcolumnbox { padding:3px 13px 0; margin:-3px 0 95px; border-right:1px solid #e2001a; float: left; width: 145px; height: 380px; overflow:hidden; }
/*colomn styles*/
div.columnbox h2, div.smallcolumnbox h2 { border-bottom:1px solid #e2001a; }
div.columnbox h3, div.smallcolumnbox h3 { border-bottom:1px solid #009cd1; }
div.columnbox h2 a,
div.columnbox h3 a { padding:0 30px 0 0; }
div.columnbox h2 a:hover { background:url('../images/title_gogo_red.gif') 100% 9px no-repeat; }
div.columnbox h3 a:hover { background:url('../images/title_gogo_blue.gif') 100% 9px no-repeat; }
div.columnbox h2 a.image { padding:0; }
div.columnbox h2 a.image:hover { background:none; }
div.innerbox h2 a,
div.innerbox h3 a { padding:0 30px 0 0; }
div.innerbox h2 a:hover,
div.innerbox h3 a:hover { background:none; }
div.columninner { color:#000000; line-height:1.4em; font-size:1.1em; padding:6px; width:222px; height:346px; margin:0 17px 0 0; float:left; position:relative; background:#FFFFFF; }
div.columninner_split { color:#000000; line-height:1.4em; font-size:1.1em; padding:6px; width:222px; height:182px; margin:0 17px 0 0; float:left; position:relative; background:#FFFFFF; }
/*submenu*/
/*div.submenu { padding:0 13px 0; margin:0 0 95px 10px; float: left; width: 170px; height: 380px; overflow:hidden; }*/
div.submenu { position:fixed; left:0; z-index:100; background: url('../images/body_bg_gradient.jpg') repeat-y; padding:0 13px 0 23px; margin:0 0 95px; float: left; width: 170px; height: 380px; overflow:hidden; }
div.subopinion { margin-top:-10px; padding-top:10px; }
div.menumarge { margin:0 0 0 206px; }
div.submenu h1 { border-bottom:1px solid #e2001a; visibility:visible; font-size:2.3em; }
div.submenu h2 { border-bottom:1px solid #e2001a; }
div.submenu h3 { border-bottom:1px solid #009cd1; }
div.submenu ul {}
div.submenu ul li {}
div.submenu ul li a { font-size:1.6em; font-weight:bold; line-height:1.2em; display:block; padding:6px 0 6px; }
div.submenu ul li a:hover,
div.submenu ul li a.selected { color:#009cd1; text-decoration:none; }
/*submenu dossiers*/
div.submenu div.dossieritem a { height:45px; margin:0 0 14px; padding:25px 8px 5px 3px; display:inline-block; font-size:1.6em; font-weight:bold; float:none; }
div.submenu div.dossieritem a h4 { font-size:1em; }
/*submenu nieuws*/
div.submenu div.calendaritem { font-size:1.1em; margin:12px 0 10px; height:58px; overflow:hidden; }
/*========================================================================== homepage elements ==========================================================================*/
/*header*/
div.introtekst { font-size:1.3em; line-height:1.2em; font-weight:bold; color:#009cd1; }
/*homepage blogger*/
div.homepage_blogger_img { position:relative; padding:0 13px 0 0; margin:-41px 0 0 0; float: left; width: 309px; height: 476px; overflow:hidden; }
div.homepage_blogger_img img { position:absolute; z-index:100; bottom:0;}
div.spacer_blogger_quote { height:160px; }
div.homepage_blogger_quote { position:absolute; left:240px; width:260px; height:150px;/*height of spacer_blogger_quote*/ z-index:100;}
div.homepage_blogger_quote h4 { color:#e2001a; font-size:2.0em; line-height:1.3em; font-weight:bold; padding:0 0 4px 0; margin:0 0 6px 0; text-indent:-6px; }
div.homepage_blogger_quote span.name_of_quote { color:#000000; font-size:1em; }
/*homepage news*/
div.newsitem { margin:0 0 11px; }
div.secondpost { margin:17px 0;}
div.newsitem div.newsitem_details { display:inline-block }
div.newsitem div.newsitem_details h6 { float:left; }
div.newsitem div.newsitem_post p { margin:0; }
/*homepage blogitems*/
div.blogcontainer_home { margin:-2px 0 0 0; }
div.blogitem { display:inline-block; margin:0 0 5px; }
div.blogthumb { width:58px; height:53px; margin:0 5px 0 -6px; overflow:hidden; float:left; }
div.blogthumb img { padding:0 0 0 6px; }
div.blogitem_post { float:left; width:165px; height:45px; overflow:hidden; }
/*gastblogger*/
div.gastbloggerhome { height:108px; margin:0 0 10px; overflow:hidden; float:none; }
div.gastbloggerhome img { float:left; display:block; padding:2px 6px 6px 0; margin:0 0 -6px 0; }
div.gastbloggerhome h6,
div.gastbloggerhome h6 a,
div.gastbloggerhome a { color:#009cd1; }
/*dossiers*/
div.dossierhome p a img { margin-bottom:-1.2em; }
/*kalender*/
div.calendaritem { margin:0 0 4px; height:65px; overflow:hidden; }
div.firstcalendar h6,
div.firstcalendar h6 a,
div.firstcalendar a { color:#009cd1; }
/*dossiers*/
div.dossieritem a { background:url('../images/dossier_map.gif') 0 0 no-repeat; width:94px; height:40px; overflow:hidden; float:left; margin:0 7px 7px 0; padding:30px 5px 10px 5px; text-align:center; }
div.dossieritem a:hover { background:url('../images/dossier_map.gif') -124px 0 no-repeat; text-decoration:none; }
div.dossieritem a.selected h4,
div.dossieritem a:hover h4 { color:#FFFFFF; }
/*halfcolumn*/
div.hphalfcolumn { height:150px; margin:0 0 14px; float:none; }
hr.hptags { border: 1px solid #ffffff; border-top: 1px solid #E2001A; margin: 0 0 5px 0; padding: 0; }
div.hptagcloud { background: #ebf6fa; text-align: center; height: 170px; }
div.hptagcloud a { color: #E2001A; font-weight: bold; line-height: 1.2em; padding: 0 3px; }
div.hptagcloud a:hover { color: #009CD1; text-decoration: none; }
/*======================================================================== end homepage elements ========================================================================*/
/*===============================================+======================= overige opmaak elements =======================================================================*/
/*downloaditem*/
div.downloaditem { clear:both; }
div.downloadpost { width:162px; float:left; margin:0 0 15px; }
div.downloadpost p { margin-bottom:0; }
div.downloadthumb { width:50px; margin:4px 0 0 10px; text-align:right; overflow:hidden; float:left; }
div.downloadthumb img.fileicon { padding:0; margin:0; display:block; padding:0 9px; }
/*faq item*/
div.faqitem { margin:0 0 21px; height:60px; overflow:hidden; }
/*kalender menu*/
/*submenu*/
*div.kalendermenu ul { margin:-4px 0 0 0; }
div.kalendermenu ul li a { font-size:1.5em; font-weight:bold; display:block; line-height:1.1em; padding:3px 0; }
div.kalendermenu ul li a:hover { color:#009cd1; text-decoration:none; }
div.kalendermenu ul li.selected span.selected { color:#000000; font-size:1.5em; font-weight:bold; display:block; line-height:1.1em; padding:3px 0;}
div.kalendermenu ul li.selected a { color:#000000; }
/*niveau 2*/
div.kalendermenu ul li ul { display:none; padding:0 0 4px 10px; margin:0 0 4px; border-bottom:1px solid #e2001a; }
div.kalendermenu ul li.selected ul { display:block; }
div.kalendermenu ul li.selected ul li a { display:block; color:#e2001a; text-decoration:none; cursor:pointer; }
div.kalendermenu ul li ul li.none-event { display:block; color:#a8a8a8; font-size:1.5em; font-weight:bold; line-height:1.5em; }
div.kalendermenu ul li.selected ul li a:hover,
div.kalendermenu ul li.selected ul li a.selected { color:#009cd1; text-decoration:none; }
/*archief menu*/
/*submenu*/
div.archief { padding:0 13px 0; margin:0 0 95px 0; float: left; width: 170px; height: 380px; overflow:hidden; }
div.overflowarchief { margin:33px 0 95px 0; height:347px; }
div.archief h2 { border-bottom:1px solid #e2001a; }
div.archief ul li a { font-size:1.5em; font-weight:bold; display:block; line-height:1.1em; padding:3px 0; }
div.archief ul li a:hover { color:#009cd1; text-decoration:none; }
div.archief ul li.selected a { color:#000000; }
div.archief ul li.selected span.selected { color:#000000; font-size:1.5em; font-weight:bold; display:block; line-height:1.1em; padding:3px 0;}
div.archief ul li a.selected { color:#009cd1; text-decoration:none; }
div.gastrss a.gastblog_rss { margin:10px 0 0 0; display:block; color:#009cd1; font-size:1.3em; font-weight:bold; display:block; line-height:1.2em; padding:3px 0 3px 31px; }
div.gastrss a.gastblog_rss:hover { text-decoration:none; }
div.gastrss a.gastblog_rss span { margin:0; display:inline-block }
div.gastrss a.gastblog_rss span.rss_icon { background:url(../images/blogger_rss_icon.png) left bottom no-repeat; width:31px; height:18px; overflow:hidden; display:block; float:left; margin:0 0 0 -31px; }
div.gastrss a.gastblog_rss:hover span.rss_icon { background-position:left top; }
/*niveau 2*/
div.archief ul li ul { display:none; padding:0 0 4px 10px; margin:0 0 4px; border-bottom:1px solid #e2001a; }
div.archief ul li.selected ul { display:block; }
div.archief ul li.selected ul li a { display:block; color:#e2001a; text-decoration:none; cursor:pointer; }
div.archief ul li.selected ul li.none-event,
div.archief ul li.none-post { display:block; color:#a8a8a8; font-size:1.5em; font-weight:bold; line-height:1.5em; }
div.archief ul li.selected ul li a:hover,
div.archief ul li.selected ul li a.selected { color:#009cd1; text-decoration:none; }
/*blogger overzicht pagina*/
div.blogger_intro { width:145px; position:relative; float:left; color:#000000; line-height:1.4em; font-size:1.1em; margin:0 17px 0 0; }
div.blogger_intro:hover { width:148px; background:url('../images/blogger_intro_hover.png') 100% 100% repeat-y; }
* html div.blogger_intro:hover { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blogger_intro_hover.png', sizingMethod='scale'); }
div.blogger_intro div.thumb { width:145px; position:relative; height:145px; background:#FFFFFF; }
div.blogger_intro:hover div.thumb { background:#FFFFFF; }
div.blogger_intro div.thumb span.thumbhover { display:none; }
div.blogger_intro div.thumb:hover span.thumbhover { display:block; position:absolute; left:0; top:0; width:145px; height:145px; overflow:hidden; color:#FFFFFF; font-weight:bold; text-align:center; padding:13px 6px; text-decoration:none; }
div.blogger_intro div.blogdescription { width:133px; height:161px; border-bottom:2px solid #FFFFFF; background:#FFFFFF; padding:6px; overflow:hidden; }
div.blogger_intro div.introheight { height:161px; }
div.blogger_intro div.woordvoerders { height:139px; }
div.blogger_intro:hover div.blogdescription { background:#e2001a; border-bottom:2px solid #e2001a; color:#FFFFFF; }
div.blogger_intro div.blogdescription a { text-decoration:none; color:#000000; }
div.blogger_intro:hover div.blogdescription a { color:#FFFFFF; text-decoration:none; }
div.blogger_intro div.blogdescription h6 { margin:0 0 4px; }
div.blogger_intro:hover div.blogdescription h6 { color:#FFFFFF; }
div.blogger_intro div.blogmovie { width:145px; height:27px; background:url('../images/blogger_intro_watchmovie.gif') 0 0 repeat-x; }
div.blogger_intro:hover div.blogmovie { background:url('../images/blogger_intro_watchmovie.gif') 0 -60px repeat-x; }
div.blogger_intro div.blogmovie a { font-weight:bold; color:#FFFFFF; height:21px; padding:4px 6px; display:block; }
div.blogger_intro:hover div.blogmovie a { color:#e2001a; }
div.blogger_intro:hover div.blogmovie a.blogmovie { color:#e2001a; }
div.blogger_intro div.woordvoerders a { color:#e2001a; }
div.blogger_intro:hover div.woordvoerders a { color:#ffffff; text-decoration:underline; }
div.blogger_intro div.woordvoerders a.blogmovie { color:#000000; }
div.blogger_intro:hover div.woordvoerders a.blogmovie { text-decoration:none; color:#FFFFFF; }
/*gastblogger overzicht pagina*/
div.gastblogger_intro h2 { color:#009cd1; border-bottom:1px solid #009cd1; }
div.gastblogger_intro h2 a { color:#009cd1; }
div.gastblogger_intro:hover div.thumb { background:#009cd1; }
div.gastblogger_intro div.blogger_intro:hover div.blogdescription { background:#009cd1; border-bottom:2px solid #009cd1; }
div.gastblogger_intro div.blogger_intro div.blogmovie { background:url('../images/blogger_intro_watchmovie.gif') 0 -103px repeat-x; }
div.gastblogger_intro div.blogger_intro:hover div.blogmovie { background:url('../images/blogger_intro_watchmovie.gif') 0 -60px repeat-x; }
div.gastblogger_intro div.blogger_intro:hover div.blogmovie a { color:#009cd1; }
div.gastblogger_intro div.blogger_intro div.blogdescription a,
div.gastblogger_intro div.blogger_intro div.blogdescription h6 { color:#009cd1; }
div.gastblogger_intro div.blogger_intro:hover div.blogdescription a,
div.gastblogger_intro div.blogger_intro:hover div.blogdescription h6 { color:#FFFFFF; }
/*dossier overzicht pagina*/
div.smallcolumnbox div.dossieritem { display:block; width:145; height:111px; }
div.smallcolumnbox div.dossieritem a { background:url('../images/dossier_map_big.gif') 0 0 no-repeat; width:145px; height:60px; overflow:hidden; padding:35px 0 10px 0; text-align:center; font-size:2em; }
div.smallcolumnbox div.dossieritem a:hover { background:url('../images/dossier_map_big.gif') -200px 0 no-repeat; text-decoration:none; }
div.smallcolumnbox div.dossieritem a h4 { font-size:1.1em; }
div.dossierintrobox { width:145px; overflow:hidden; position:relative; float:left; color:#000000; line-height:1.4em; font-size:1.1em; margin:0 24px; color:#009cd1; font-size:1.3em; font-weight:bold; }
div.smallcolumnbox div.dossier_intro { width:145px; overflow:hidden; position:relative; float:left; color:#000000; line-height:1.4em; font-size:1.1em; margin:0 17px 0 0; }
div.smallcolumnbox div.dossierdescription { width:133px; height:257px; border-bottom:2px solid #FFFFFF; background:#FFFFFF; padding:6px; overflow:hidden; }
/*sitemap*/
div.sitemap { margin:0 0 0 13px; }
div.sitemap div.columnbox div.columninner { height:346px; }
div.sitemap div.columnbox div.columninner ul { margin:10px 0 0 10px; display:inline-block; list-style:none; }
div.sitemap div.columnbox div.columninner ul li { margin:0 0 10px; }
div.sitemap div.columnbox div.columninner ul li a { font-size:1.5em; font-weight:bold; display:block; }
div.sitemap div.columnbox div.columninner ul li a:hover,
div.sitemap div.columnbox div.columninner ul li a.selected { color:#009cd1; text-decoration:none; }
div.sitemap div.columnbox div.columninner ul li ul { margin:6px 0 0 10px; }
div.sitemap div.columnbox div.columninner ul li ul li { margin:0 0 4px; }
div.sitemap div.columnbox div.columninner ul li ul li a { font-size:1.2em; margin:0 0 0 4px; }
/*serach items*/
div.searchitem { height:100px; margin:0 0 15px 0; }
div.searchitem div.searchitem_details { width:222px; }
/*===================================================================== end overige opmaak elements =====================================================================*/
/*====================================================================== blogpage opmaak elements =======================================================================*/
/*blogpost header*/
div.blogheader { position:fixed; top:0; left:0; height:145px; width:1500px; }
div.blogheader div.headermenu { width:628px; height:145px; background:transparent url('../images/header_white_box.gif') 100% 0 no-repeat; display:inline-block; float:left; }
div.blogheader div.logo { width:628px; }
div.blogheader div.logo div.sifrblogger { float:left; width:250px; position:absolute; left:0px; top:15px; }
div.blogheader div.logo div.sifrblogger img { margin:11px 0 0 0; }
div.sifrblogger h3.blognamen { font-size:49px; text-align:right; line-height:1.3em; }
div.sifrblogger h3.blognamen a { color: #e2001a; }
div.blogheader div.logo div.logoimg { float:left; width:337px; margin:0 0 0 251px; }
/*blog header element*/
div.headerelements div.blogface { float:left; margin:0 10px 0 0; position:relative; width:27px; height:27px; }
div.headerelements div.blogface img { border:1px solid #E2001A; }
div.headerelements div.blogface div.blogface_name { width:27px; height:27px; margin:1px; background:url('../images/black_transparent.png') 0 0; position:absolute; top:0; left:0; }
* html div.headerelements div.blogface div.blogface_name{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/black_transparent.png', sizingMethod='scale'); }
div.headerelements div.blogface div.blogface_name:hover { background:none; }
div.headerelements div.blogface div.selected { background:none; }
div.headerelements div.blogface div.blogface_name a { display:none; }
div.headerelements div.blogface:hover div.blogface_name a { display:block; position:relative; top:0; background:url('../images/empty.gif') 0 0; padding:32px 0 0 0; font-size:1.1em; width:27px; height:27px; text-decoration:none; white-space:nowrap; }
div.headerelements div.gastface img { border:1px solid #009cd1; }
div.headerelements div.gastface div.blogface_name a { color:#009cd1; }
/*blog verkiezingen*/
div.verkiezingenwrapper div.columnbox div.columninner { background-color: transparent; }
/*blog boxen opmaak*/
*+html div.blogwrapper div.columnbox h2, *+html div.blogwrapper div.columnbox h3 { margin:0 0 6px 0; }
div.blogwrapper div.columnbox { padding:0 13px 0; margin:0 0 95px; border-right:1px solid #e2001a; float: left; width: 234px; height: 380px; overflow:hidden; }
div.blogwrapper div.columnbox div.columninner { color:#000000; line-height:1.4em; font-size:1.1em; padding:6px; width:222px; margin:0 17px 0 0; float:left; position:relative; background:none; height:368px; overflow:hidden; }
div.columninner a img,
div.columninner img { margin:0 0 6px -6px }
div.postitem_header { min-height:37px; height:auto !important; height:37px; margin:-3px 0 0 0; }
div.postitem_header h2, div.postitem_header h3 { margin-top:0; }
div.blogwrapper h2,
div.blogwrapper h3 { border-bottom:none; line-height:1em; }
div.postitem_more { display:inline-block; width:222px; line-height:1.2em; margin:-6px 0 0 0; height:11px; }
div.postitem_details { color:#666666; height:15px; display:block; margin:-6px 0 6px 0; font-size:1em; }
div.twitter_details { color:#666666; height:31px; display:block; margin:-6px 0 0 0; font-size:1em; }
div.twitter_details img { float:left; margin:0 6px 0 0; }
div.twitter_message { color:#009cd1; font-size:2.4em; font-weight:bold; line-height:1em; text-indent:-8px; padding:0 0 0 8px; }
/*emotion image leftside*/
div.blogger_emotion_img { position:relative; padding:0 13px 0 0; margin:-41px 0 0 0; float: left; width: 309px; height: 476px; overflow:hidden; }
div.blogger_emotion_img img { position:absolute; z-index:100; bottom:0; }
div.blogger_quote { position:absolute; z-index:150; left:0; top:370px; width:241px; height:134px; overflow:hidden; background:url('../images/blogger_quote_bg.png') 0 0 no-repeat; }
* html div.blogger_quote { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blogger_quote_bg.png', sizingMethod='scale'); }
div.blogger_quote div.quote_inner { color:#009cd1; font-size:1.3em; margin:30px 20px 20px 20px; line-height:1.3em; font-weight:bold; height:88px; overflow:hidden; }
div.blogger_quote div.quote_inner a { color:#009cd1; display:block; }
div.blogger_quote div.quote_inner a:hover{ text-decoration:none; }
/*socialchannels homepage*/
div.socialchannels { position:absolute; z-index:150; left:334px; top:545px; width:236px; height:30px; overflow:hidden; }
div.socialchannels ul {}
div.socialchannels ul li { float:left }
div.socialchannels ul li a { color:#009cd1; display:block; width:58px; float:left; margin:0 1px 0 0; background: url('../images/social_icons_homepage.png') left bottom no-repeat; width:58px; height:28px; overflow:hidden; }
div.socialchannels ul li a:hover { text-decoration:none; }
div.socialchannels ul li a.hyves { background-position:left bottom; }
div.socialchannels ul li a.linkedin { background-position:-59px bottom; }
div.socialchannels ul li a.twitter { background-position:-120px bottom; }
div.socialchannels ul li a.youtube { background-position:-178px bottom; }
div.socialchannels ul li a.hyves:hover { background-position:0 0; }
div.socialchannels ul li a.linkedin:hover { background-position:-59px top; }
div.socialchannels ul li a.twitter:hover { background-position:-120px top; }
div.socialchannels ul li a.youtube:hover { background-position:-178px top; }
/*blogger rss*/
div.blogger_rss { position:absolute; z-index:150; left:0; top:500px; width:241px; height:73px; overflow:hidden; background:url('../images/blogger_rss_bg.png') 0 0 no-repeat; }
* html div.blogger_rss { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/blogger_rss_bg.png', sizingMethod='scale'); }
div.blogger_rss div.rss_inner { color:#009cd1; font-size:1.3em; margin:25px 20px 20px 20px; line-height:1.3em; font-weight:bold; height:30px; overflow:hidden; }
div.blogger_rss div.rss_inner a { color:#009cd1; display:block; padding:5px 0 0 0; }
div.blogger_rss div.rss_inner a:hover { text-decoration:none; }
div.blogger_rss div.rss_inner a span.rssicon { display:inline-block; background: url('../images/blogger_rss_icon.png') left bottom no-repeat; width:31px; height:18px; overflow:hidden; }
div.blogger_rss div.rss_inner a:hover span.rssicon { background-position:left top; }
/*blog reactiepagina*/
div.reactiebox { padding:0 13px 0; border-right:1px solid #e2001a; float: left; height: 380px; overflow:hidden; }
div.reactiebox div.reactiecolumn { color:#000000; width:222px; margin:0 13px 0 6px; float:left; position:relative; height:380px; }
div.reactiebox div.reactiecolumn div.reactieform table { width:220px; }
div.reactiebox div.reactiecolumn div.reactieform table tr td { padding:2px 0; }
div.reactiebox div.reactiecolumn div.reactieform table tr td label { font-size:1.1em; font-weight:bold; }
div.reactiebox div.reactiecolumn div.reactieform textarea,
div.reactiebox div.reactiecolumn div.reactieform table tr td input.text { width:100%; border: 1px solid #E31028; background:#FFFFFF; }
div.reactiebox div.reactiecolumn div.reactieform table tr td input.text { font-size:1.1em; padding:2px 0; width:140px; }
div.reactiebox div.reactiecolumn div.reactieform textarea { margin:0 0 15px; height:75px; width:220px; }
div.reactiebox div.reactiecolumn div.reactieform table tr td.footer { padding:20px 0 0 0; }
div.reactiebox div.reactiecolumn div.reactieform table tr td.footer button { border:1px solid #E31028; background:#E31028; color:#FFFFFF; font-weight:bold; cursor:pointer; }
div.reactiebox div.reactiecolumn div.reactieform table tr td.footer button:hover { border:1px solid #009CD1; background:#009CD1; }
div.reactiebox div.reactiecolumn div.reactieform table tr td.userloggedin { font-size:1.1em; }
div.reactiebox div.reactiecolumn div.reactieform table tr td.note { padding:10px 0 0 0; margin:0 }
div.reactieform span.required { color:#E2001A; }
li span.reactions,
h2 span.reactions { font-size:0.5em; font-weight:normal; }
/*standaard*/
div.reaction { margin-bottom: 10px; }
div.columnbox div.reactieitem { border:1px solid #E31028; margin:0 0 10px; padding:6px; background:#FFFFFF; line-height:1.4em; margin:10px 0; }
div.columnbox div.reactieitem p { margin:0; }
div.columnbox div.reactiedetails { color:#666666; }
div.reactiebox div.reactieitem { border:1px solid #666666; margin:0 0 10px; padding:6px; background:#FFFFFF; line-height:1.4em; font-size:1.1em; }
div.reactiebox div.reactiedetails { color:#666666; font-size:1em; }
div.reactiebox div.voteblue { border:1px solid #009cd1; }
div.reactiebox div.voteblue div.reactiedetails { color:#009cd1; }
div.reactiebox div.votered,
div.blogreaction div.reactieitem { border:1px solid #e31028; }
div.reactiebox div.votered div.reactiedetails { color:#e2001a; }
div.blogreaction div.reactiedetails { color:#666666; }
div.reactiebox h2 { border-bottom:1px solid #e2001a; margin-left:6px; margin-right:12px }
div.reactiebox h2 a,
div.reactiebox h3 a { padding:0 30px 0 0; }
div.reactiebox h2 a:hover { background:url('../images/title_gogo_red.gif') 100% 9px no-repeat; }
div.reactiebox h3 a:hover { background:url('../images/title_gogo_blue.gif') 100% 9px no-repeat; }
div.reactiecolumn h2 { border-bottom:1px solid #e2001a; margin-right:0; margin-left:0; }
div.reactiecolumn h2 a,
div.reactiecolumn h3 a { padding:0 30px 0 0; }
div.reactiecolumn h2 a:hover { background:url('../images/title_gogo_red.gif') 100% 9px no-repeat; }
div.reactiecolumn h3 a:hover { background:url('../images/title_gogo_blue.gif') 100% 9px no-repeat; }
div.submenu div.add_reaction { margin:25px 0 0 0; }
div.submenu div.add_reaction a { display:block; background:#FFFFFF url('../images/gogo_red_white_submenu_button.gif') 100% 0 no-repeat; font-size:1.6em; font-weight:bold; border:1px solid #e2001a; line-height:1.4em; height:25px; padding:0 4px; text-decoration:none; }
div.submenu div.add_reaction a:hover { background:#009CD1 url('../images/gogo_red_white_submenu_button.gif') 100% -30px no-repeat; color:#FFFFFF; border:1px solid #009CD1; }
.nowrap { white-space:nowrap; }
div.opendagvoorzorg { position:absolute; z-index:1000; left:457px; top:190px; width:133px; height:161px; }
div.opendagvoorzorg img { margin:20px 0 0 30px; }
/* verkiezingen */
a.pparty { display: block; text-align: center; }
div.columnbox h2 a.pparty:hover { background: none; }
a.pparty img { margin: 3px 0 -3px 0; }
div.electionmenu { margin: 30px 0 0 0; width: 160px; }
div.electionmenu h5 { color: #009CD1; }
div.electionmenu ul { margin:0; height: 65px; position: relative; }
div.electionmenu ul li { float: left; display: block; margin: 0 5px 5px 0; padding: 0; }
div.electionmenu ul li a { float: left; display: block; margin: 0; padding: 3px; line-height: 1px; border:1px solid #E2001A; position: relative; }
div.electionmenu ul li span.title { display: none; position: absolute; left: 0; top: 65px; width: 120px; color: #E2001A; }
div.electionmenu ul li:hover span.title { display: block; font-size: 11px; }
div.electionmenu ul li a span.overlay { width:18px; height:18px; margin:0; padding: 3px; background:url('../images/black_transparent.png') 0 0; position:absolute; top:0; left:0; }
div.electionmenu ul li a:hover span.overlay { display: none; }
div.electionmenu ul li a.selected span.overlay { display: none; }
/*tags*/
div.tags { color:#9C9C9C; display:block; margin: -3px 0 6px 0; font-size:1em; clear: both; }
div.tags a { color: #E2001A; }
div.searchitem div.tags { margin: 0 0 6px 0; overflow: hidden; max-height: 30px; }
/*--- end toevoegen aan wordpress onno! */
/*==================================================================== end blogpage opmaak elements =====================================================================*/
/* ----------- Formulier ----------- */
div.opinionform { background:#E2001A; padding:1px; font-size:1.1em; }
div.opinionform form { padding:10px; overflow:hidden; background:#FFFFFF; width:200px; }
div.opinionform table {}
div.opinionform table tr {}
div.opinionform table tr td { padding:2px 0 4px; font-size:1em; }
div.opinionform table tr td.note{ padding:10px 0 0 0; }
div.opinionform textarea { border:1px solid #E2001A; overflow:auto !important; padding:2px; }
div.opinionform label { margin:0 10px 0 0; white-space:nowrap }
div.opinionform input { border:1px solid #E2001A; font-size:1em; padding:2px; }
div.opinionform input.textform { width:120px; }
div.opinionform input.radio { border:none; }
div.opinionform span.required { color:#E2001A; }
div.opinionform button { background:#E2001A; border:none; color:#FFFFFF; font-weight:bold; text-align:center; cursor:pointer; margin:10px 0 0 0; }
div.opinionform button:hover { background:#009CD1; }
/*======================================================================== ie6 back to the 60s ==========================================================================*/
* html div.columnwrapper { position:absolute; top:152px; margin: 0; }
* html div.fixedheader,
* html div.scrollermenu,
* html div.submenu,
* html div.blogheader { position: absolute; top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');} }
* html div.menumarge { padding:0 0 0 216px; margin:0; } /*ie6*/
* html div.archief ul li a,
* html div.kalendermenu ul li a { line-height:0.5em; }
* html div.archief ul li ul,
* html div.kalendermenu ul li ul { margin:14px 0 4px; }
* html div.blogheader div.logo div.logoimg { float:none; }
* html div.blogheader div.logo { width:579px; }
* html div.blogger_quote { top:250px; }
/*======================================================================== end ie6 back to the 60s ==========================================================================*/