/* licht (maandag 18 april 2011 10:30:13) */ /* Shared Smartlet Style (maandag 18 april 2011 10:30:13) */ /* style properties shared by all smartlets */ div.sml_box form { padding: 0; } .ScfPopup { font-size: 0.75em; } /* Smartlet Compact Box Style (maandag 18 april 2011 10:30:13) */ /* resizable box with background and transparency*/ .smlboxcompact{ width: 100%; float: left; margin-bottom: 15px; } .smlboxcompactcontent{ overflow: auto; background-color: #EEEEEE; background-image: url('/scf/gfx/box/boxback.jpg'); background-position: left top; background-repeat: repeat-x; width: 100%; } .smlboxcompactleft{ border: 1px solid #000000; border-width: 0px 1px 1px 1px; } .smlboxcompactright{ overflow: hidden; } .smlboxcompact .smlboxcompactcontent p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlboxcompacttop div { margin: 0px; padding: 0px; color: #FFFFFF; overflow: hidden; white-space: nowrap; } .smlboxcompacttop div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlboxcompacttop div.smlboxbtns{ float: right; margin-right: 10px; } .smlboxcompacttop div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: white; text-decoration: none; } .smlboxcompacttop div a:hover{ text-decoration: underline; } .smlboxcompacttop button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxcompacttop hidden { display:none; } .smlboxcompacttop{ height: 20px; padding-top: 4px; margin-left: 11px; background-image: url('/scf/gfx/box/boxctop.png'); background-position: top right; background-repeat:no-repeat; } .smlboxcompacttop span{ display: block; width: 11px; height: 24px; background-image: url('/scf/gfx/box/boxctl.png'); background-repeat: no-repeat; margin-left: -11px; margin-top: -4px; position: absolute; } .yellow .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_geel.png'); } .yellow .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_geel.png'); } .blue .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_blauw.png'); } .blue .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_blauw.png'); } .gray .smlboxcompacttop{ background-image: url('/scf/gfx/box/boxctop_grijs.png'); } .gray .smlboxcompacttop span{ background-image: url('/scf/gfx/box/boxctl_grijs.png'); } /* Smartlet Fat Box Style (maandag 18 april 2011 10:30:13) */ /* resizable box with background and transparency*/ .smlbox{ width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; } .smlboxcontent{ padding: 5px 5px 5px 5px; background-color: #EEEEEE; background-image: url('/scf/gfx/box/boxback.jpg'); background-position: left top; background-repeat: repeat-x; overflow: auto; display: block; } .smlbox .smlboxcontent p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlboxtop div { margin: 0px; padding: 0px; color: #FFFFFF; overflow: hidden; white-space: nowrap; } .smlboxtop div.smlboxcapt{ font-size: 1em; font-weight: bold; } div.smlboxbtns{ clear:both; display:block; font-size:0.9em; text-align:right; z-index:100; } div.smlboxbtns a{ height: 16px; margin: 2px 4px 2px 0; display:inline-block; text-decoration: none; } .smlboxtop div a{ vertical-align: top; height: 16px; padding: 0; margin: 2px 0 0 5px; color: white; text-decoration: none; } .smlboxtop div a:hover{ text-decoration: underline; } .smlboxtop button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxtop hidden { display:none; } .smlboxtop{ height: 20px; padding-top: 18px; margin-left: 22px; background-image: url('/scf/gfx/box/boxtop.png'); background-position: top right; background-repeat:no-repeat; } .smlboxtop span{ display: block; width: 22px; height: 38px; background-image: url('/scf/gfx/box/boxtl.png'); background-repeat: no-repeat; margin-left: -22px; margin-top: -18px; position: absolute; } .yellow .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_geel.png'); } .yellow .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_geel.png'); } .blue .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_blauw.png'); } .blue .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_blauw.png'); } .gray .smlboxtop{ background-image: url('/scf/gfx/box/boxtop_grijs.png'); } .gray .smlboxtop span{ background-image: url('/scf/gfx/box/boxtl_grijs.png'); } .smlboxfoot{ height: 30px; background-image: url('/scf/gfx/box/boxfooter.png'); background-position: bottom right; margin-left: 22px; margin-top: 0px; } .smlboxfoot span{ display: block; width: 22px; height: 30px; background-image: url('/scf/gfx/box/boxfl.png'); background-position: left bottom; background-repeat: no-repeat; margin-left: -22px; position: absolute; } .smlboxfootbtns{ float: right; margin-right: 30px; } .smlboxleft{ padding-left: 22px; background-image: url('/scf/gfx/box/boxl.png'); background-repeat: repeat-y; background-position: left; } .smlboxright{ padding-right: 31px; background-image: url('/scf/gfx/box/boxr.png'); background-repeat: repeat-y; background-position: right; } /* donker (maandag 18 april 2011 10:30:13) */ /* Smartlet Light Box Style (maandag 18 april 2011 10:30:13) */ /* resizable box with background and transparency*/ .smlbox2{ width: 100%; float: left; margin-bottom: 15px; } .smlbox2content{ padding: 4px 0px 0px 0px; background-color: white; background-image: url('/scf/gfx/box/frameback.gif'); background-position: left top; background-repeat: repeat-x; overflow: auto; width: 100% } .smlbox2 .smlbox2content p{ margin: 0px; padding: 0px 0px 0px 0px; } .smlbox2top div { margin: 0px; padding: 0px; color: black; overflow: hidden; white-space: nowrap; } .smlbox2top div.smlboxcapt{ font-size: 1em; font-weight: bold; } .smlbox2top div.smlboxbtns{ float: right; margin-right: 16px; } .smlbox2top div a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; color: black; text-decoration: none; } .smlbox2top div a:hover{ text-decoration: underline; } .smlbox2top button { vertical-align: top; height: 16px; background-color: transparent; text-align: left; color: black; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlbox2top hidden { display:none; } .smlbox2top{ height: 18px; padding-top: 6px; margin-left: 16px; background-image: url('/scf/gfx/box/framet.gif'); background-position: top right; background-repeat: no-repeat; } .smlbox2top span{ display: block; width: 16px; height: 24px; background-image: url('/scf/gfx/box/frametl.gif'); background-repeat: no-repeat; margin-left: -16px; margin-top: -6px; position: absolute; } .blue .smlbox2top{ background-image: url('/scf/gfx/box/framet_blue.gif'); } .blue .smlbox2top span{ background-image: url('/scf/gfx/box/frametl_blue.gif'); } .smlbox2foot{ height: 18px; background-image: url('/scf/gfx/box/frameb.gif'); background-position: bottom right; background-repeat: no-repeat; margin-left: 16px; margin-top: 0px; } .smlbox2foot span{ display: block; width: 16px; height: 18px; background-image: url('/scf/gfx/box/framebl.gif'); background-position: left bottom; background-repeat: no-repeat; margin-left: -16px; position: absolute; } .smlboxfootbtns{ float: right; margin-right: 30px; } .smlbox2left{ background-image: url('/scf/gfx/box/framecl.gif'); background-repeat: no-repeat; padding-left: 16px; } .smlbox2right{ padding-right: 16px; background-image: url('/scf/gfx/box/framer.gif'); background-position: top right; background-repeat: no-repeat; } /* SmartInstant Box Style (dinsdag 17 juli 2012 15:37:00) */ /* resizable box with background and transparency*/ .smlboxsi{ /*width: 100%; float: left; overflow: auto;*/ padding: 5px; margin: 0px 0px 10px 0px; clear: both; } /*.smlboxsicontent{ overflow: auto; width: 100%; } .smlboxsileft{ margin:0; } .smlboxsiright{ overflow: hidden; } */ .smlboxsitop div { margin: 0px; padding: 0px; overflow: hidden; white-space: nowrap; } .smlboxsitop div.smlboxcapt{ font-size: 1em; font-weight: bold; white-space: normal; } .smlboxsitop div.smlboxbtns{ float: right; margin-right: 10px; margin-top: 3px; } .smlboxsitop div.smlboxbtns a{ vertical-align: top; height: 16px; padding: 0; margin:0 0 0 5px; text-decoration: none; } .smlboxsitop div.smlboxcapt a{ text-decoration: none; } .smlboxsitop div a:hover{ text-decoration: underline; } .smlboxsitop button { vertical-align: top; height: 16px; text-align: left; color: white; cursor: pointer; border: 0; padding: 0; margin: 0 0 0 5px; } .smlboxsitop hidden { display:none; } .smlboxsitop{ margin-left: 0px; } .smlboxsitop span{ display: block; width: 0px; height: 24px; margin-left: -11px; margin-top: -4px; position: absolute; } /* clear.css (vrijdag 17 oktober 2014 14:11:15) */ /* General ---------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; } blockquote, q, pre, address, hr, code, samp, dl, ol, ul, table, fieldset, menu { margin-bottom: 1.5em; } p { padding: 0 0 0.75em; } /* Text ---------------------------------------- */ h1, h2, h3, h4, h5, h6 { line-height: 1.3em; margin: 0; padding: 0.75em 0 0; } .afwijkendh2 h2.pageTitle { font-size: 2.6em; min-height: 45px; line-height: 1.1; padding: 0 0 30px; } h2 { font-size: 1.8em; font-weight: normal; } h3 { font-size: 1.2em; } h4, h5 { font-size: 1em; } h5 { font-style: oblique; } h6 { font-size: 0.8em; } em, i { font-style: italic;} strong, b { font-weight: bold;} blockquote blockquote {margin-right: 0px;} code, kbd, pre, samp, tt { font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace; line-height: 1.3; font-size: 1em; } pre { white-space: pre-wrap; } abbr, acronym, dfn { border-bottom: 1px dotted; cursor: help; font-style: normal; font-variant: normal; } var { font-style: normal;} center { text-align: center;} /* Hypertext ---------------------------------------- */ a:link { color: black; } a:visited { color: black; } a:hover { text-decoration:none; } a:active { color: black; } /* a:link:visited { color: black; } a:link:hover { color: black; text-decoration:none; } a:link:active { color: black; } */ /* Image ---------------------------------------- */ img { border: 0;} a img { border:0; } img[align="left"]{ margin-right: 5px;} img[align="right"]{ margin-left: 5px;} /* List ---------------------------------------- */ ul, ol { margin:0 0 0.75em; padding: 0 0 0 25px; } ul{ list-style: url(/designs/Alkmaar/bullet_menu.gif); } ol { list-style: decimal outside none;} li { margin-left: 2em; line-height: 1.5em;} li ul, li ol { margin-bottom: 0;} dd { margin-bottom: 1em;} /* Presentation ---------------------------------------- */ hr { border: 0; border-bottom: 1px solid; height: 0px; color: #cccccc; background-color: #cccccc; clear: both; } big { font-size: 1.25em;} small, sub, sup { font-size: .85em;} sub, sup { line-height: 1;} sub { vertical-align: bottom;} sup {vertical-align: top;} del, s, strike { text-decoration: line-through;} ins { border-bottom: 1px dotted; text-decoration: none; } bdo { border-bottom: 1px dotted;} u { text-decoration: underline;} /* Form ---------------------------------------- */ fieldset { padding: 1em; border: 1px solid #cccccc; } legend { font-weight: bold; padding: 0 .25em; } input, textarea, select, button { font-family: inherit; font-size: 1em; margin-left: 0; } input, button{ line-height: 1.4em; } textarea { line-height: 1.25; text-align: left; } /* Table ---------------------------------------- */ table { border: 0; border-collapse: collapse; border-spacing: 0; line-height: 1.3; width: 100%; } td table{ margin-bottom: 0; width: auto; } caption, th, td { text-align: left; vertical-align: top; } th, td { border: 1px solid #CCCCCC; padding: 0.3em 0.3em; } caption { padding-bottom: 1em;} th { font-weight: bold;} /* grid.css (donderdag 1 december 2011 08:34:47) */ /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/Licensed under GPL and MIT.*/ /* =Containers --------------------------------------------------------------------------------*/ .container_12, .container_16{ width: 92%; margin-left: 4%; margin-right: 4%; } /* =Grid >> Global --------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{ display: inline-block; float: left; min-height:1px; } .container_12 .grid_3, .container_16 .grid_4{ width: 25%; } .container_12 .grid_6, .container_16 .grid_8{ width: 50%; } .container_12 .grid_9, .container_16 .grid_12{ width: 75%; } .container_12 .grid_12, .container_16 .grid_16{ width: 100%; } /* =Grid >> Children (Alpha ~ First, Omega ~ Last) --------------------------------------------------------------------------------*/ .alpha{ margin-left: 0;} .omega{ margin-right: 0;} /* =Grid >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .grid_1{ width: 8.333%;} .container_12 .grid_2{ width: 16.666%;} .container_12 .grid_4{ width: 33.333%;} .container_12 .grid_5{ width: 41.666%;} .container_12 .grid_7{ width: 58.333%;} .container_12 .grid_8{ width: 66.666%;} .container_12 .grid_10{ width: 83.333%;} .container_12 .grid_11{ width: 91.666%;} /* =Grid >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .grid_1{ width: 6.25%;} .container_16 .grid_2{ width: 12.5%;} .container_16 .grid_3{ width: 18.75%;} .container_16 .grid_5{ width: 31.25%;} .container_16 .grid_6{ width: 37.5%;} .container_16 .grid_7{ width: 43.75%;} .container_16 .grid_9{ width: 56.25%;} .container_16 .grid_10{ width: 62.5%;} .container_16 .grid_11{ width: 68.75%;} .container_16 .grid_13{ width: 81.25%;} .container_16 .grid_14{ width: 87.5%;} .container_16 .grid_15{ width: 93.75%;} /* =Prefix Extra Space >> Global --------------------------------------------------------------------------------*/ .container_12 .prefix_3, .container_16 .prefix_4{ padding-left: 25%; } .container_12 .prefix_6, .container_16 .prefix_8{ padding-left: 50%; } .container_12 .prefix_9, .container_16 .prefix_12{ padding-left: 75%; } /* =Prefix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .prefix_1{ padding-left: 8.333%;} .container_12 .prefix_2{ padding-left: 16.666%;} .container_12 .prefix_4{ padding-left: 33.333%;} .container_12 .prefix_5{ padding-left: 41.666%;} .container_12 .prefix_7{ padding-left: 58.333%;} .container_12 .prefix_8{ padding-left: 66.666%;} .container_12 .prefix_10{ padding-left: 83.333%;} .container_12 .prefix_11{ padding-left: 91.666%;} /* =Prefix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .prefix_1{ padding-left: 6.25%;} .container_16 .prefix_2{ padding-left: 12.5%;} .container_16 .prefix_3{ padding-left: 18.75%;} .container_16 .prefix_5{ padding-left: 31.25%;} .container_16 .prefix_6{ padding-left: 37.5%;} .container_16 .prefix_7{ padding-left: 43.75%;} .container_16 .prefix_9{ padding-left: 56.25%;} .container_16 .prefix_10{ padding-left: 62.5%;} .container_16 .prefix_11{ padding-left: 68.75%;} .container_16 .prefix_13{ padding-left: 81.25%;} .container_16 .prefix_14{ padding-left: 87.5%;} .container_16 .prefix_15{ padding-left: 93.75%;} /* =Suffix Extra Space >> Global --------------------------------------------------------------------------------*/ .container_12 .suffix_3, .container_16 .suffix_4{ padding-right: 25%; } .container_12 .suffix_6, .container_16 .suffix_8{ padding-right: 50%; } .container_12 .suffix_9, .container_16 .suffix_12{ padding-right: 75%; } /* =Suffix Extra Space >> 12 Columns --------------------------------------------------------------------------------*/ .container_12 .suffix_1{ padding-right: 8.333%;} .container_12 .suffix_2{ padding-right: 16.666%;} .container_12 .suffix_4{ padding-right: 33.333%;} .container_12 .suffix_5{ padding-right: 41.666%;} .container_12 .suffix_7{ padding-right: 58.333%;} .container_12 .suffix_8{ padding-right: 66.666%;} .container_12 .suffix_10{ padding-right: 83.333%;} .container_12 .suffix_11{ padding-right: 91.666%;} /* =Suffix Extra Space >> 16 Columns --------------------------------------------------------------------------------*/ .container_16 .suffix_1{ padding-right: 6.25%;} .container_16 .suffix_2{ padding-right: 16.5%;} .container_16 .suffix_3{ padding-right: 18.75%;} .container_16 .suffix_5{ padding-right: 31.25%;} .container_16 .suffix_6{ padding-right: 37.5%;} .container_16 .suffix_7{ padding-right: 43.75%;} .container_16 .suffix_9{ padding-right: 56.25%;} .container_16 .suffix_10{ padding-right: 62.5%;} .container_16 .suffix_11{ padding-right: 68.75%;} .container_16 .suffix_13{ padding-right: 81.25%;} .container_16 .suffix_14{ padding-right: 87.5%;} .container_16 .suffix_15{ padding-right: 93.75%;} /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:8.333%;} .container_12 .push_2 { left:16.667%;} .container_12 .push_3 { left:25.0%;} .container_12 .push_4 { left:33.333%;} .container_12 .push_5 { left:41.667%;} .container_12 .push_6 { left:50.0%;} .container_12 .push_7 { left:58.333%;} .container_12 .push_8 { left:66.667%;} .container_12 .push_9 { left:75.0%;} .container_12 .push_10 {left:83.333%;} .container_12 .push_11 {left:91.667%;} /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-8.333%;} .container_12 .pull_2 { left:-16.667%;} .container_12 .pull_3 { left:-25.0%;} .container_12 .pull_4 { left:-33.333%;} .container_12 .pull_5 { left:-41.667%;} .container_12 .pull_6 { left:-50.0%;} .container_12 .pull_7 { left:-58.333%;} .container_12 .pull_8 { left:-66.667%;} .container_12 .pull_9 { left:-75.0%;} .container_12 .pull_10 {left:-83.333%;} .container_12 .pull_11 {left:-91.667%;} /* Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left:6.25%;} .container_16 .push_2 { left:12.5%;} .container_16 .push_3 { left:18.75%;} .container_16 .push_4 { left:25.0%;} .container_16 .push_5 { left:31.25%;} .container_16 .push_6 { left:37.5%;} .container_16 .push_7 { left:43.75%;} .container_16 .push_8 { left:50.0%;} .container_16 .push_9 { left:56.25%;} .container_16 .push_10 {left:62.5%;} .container_16 .push_11 {left:68.75%;} .container_16 .push_12 {left:75.0%;} .container_16 .push_13 {left:81.25%;} .container_16 .push_14 {left:87.5%;} .container_16 .push_15 {left:93.75%;} /* Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { left:-6.25%;} .container_16 .pull_2 { left:-12.5%;} .container_16 .pull_3 { left:-18.75%;} .container_16 .pull_4 { left:-25.0%;} .container_16 .pull_5 { left:-31.25%;} .container_16 .pull_6 { left:-37.5%;} .container_16 .pull_7 { left:-43.75%;} .container_16 .pull_8 { left:-50.0%;} .container_16 .pull_9 { left:-56.25%;} .container_16 .pull_10 {left:-62.5%;} .container_16 .pull_11 {left:-68.75%;} .container_16 .pull_12 {left:-75.0%;} .container_16 .pull_13 {left:-81.25%;} .container_16 .pull_14 {left:-87.5%;} .container_16 .pull_15 {left:-93.75%;} /* =Clear Floated Elements --------------------------------------------------------------------------------*/ div.cleargrid { clear: both; } .gridrow{ display: inline-block; float: left; width: 100%; } #top .lastgrid{ margin-right: 0px; } /* Css (woensdag 26 juni 2013 10:57:00) */ /* sml_AddThis ***********************************************************************/ .addthis a { float: left; display: block; margin-right: 3px } /* CSS (woensdag 26 juni 2013 10:51:00) */ /* Error rendering item 31350: The page could not be rendered: Unable to get the Smartlet resource '/ClientData/FotoMask1' because it does not exist under item '31346'. */ /* Smartlet FS Box Style (maandag 18 april 2011 10:30:13) */ .sml_box.fs{ clear: both; margin:0 0 15px 0; padding: 0 0 0 10px; } .sml_box.fs .boxtop{ padding: 2px 4px; z-index: 1; } .sml_box.fs .boxcapt { margin-bottom:0; padding:0; font-size: 1.1em; } .sml_box.fs .clear{ clear:both; } .sml_box.fs .boxcapt h2{ padding: 0; margin: 0; font-size: 1em; } .sml_box.fs .smlboxbtns { display: block; clear:both; font-size: 0.9em; line-height: 1em; z-index: 100; text-align: right; float: left; width: 100%; } .sml_box.fs .smlboxbtns.left{ text-align: left; } .sml_box.fs .box-caption.link > em{ display: block; font-style: normal; width: 100%; background-image: url(/scf/gfx/box/switch_wclose.gif); background-position: right 1px; background-repeat: no-repeat; cursor: pointer; min-height:11px; } .sml_box.fs.collapsed .box-caption.link > em{ background-image: url(/scf/gfx/box/switch_wopen.gif); } .sml_box.fs.collapsed .smlboxbtns { display: none; } .sml_box.fs.busy .box-caption.link em{ background-image: url(/scf/gfx/wait16trans.gif); background-position: right top; } .sml_box.fs.busy.collapsed.collapsible .box-caption.link em{ background-image: url(/scf/gfx/box/switch_wopen.gif); } /* layout.css (donderdag 12 april 2018 15:10:52) */ /*****************************************************************************************************/ /* Basecolors: */ /* basiskleur 1 - grijs */ /* basiskleur 2 - rood */ /* tekstkleur */ /* Blended colors: */ /* smartlet colors */ /* CSS ----------------------------------------------- */ html,body{ background-color: #FFFFFF; color: #4c4c4c; margin:0px; padding:0px; font-size: 100%; height: 100%; } div{ position: relative; margin:0px; padding:0px; } /* Basic Font Declarations ----------------------------------------------- */ html, body{ font-family: Arial, Helvetica, sans-serif; } #top,#footer{ font-size: 0.75em; line-height: 1.4em; } h2.pageTitle{ font-size: 2.4em; } h2, .afwijkendh2 h2.pageTitle { color: #d21c1b; font-weight: normal; } .afwijkendh2 h2.pageTitle { margin-top: -9px; } h3 { color: #84888b; } /* correctie voor h2's in de tekst */ .afwijkendh2 h2 { color: #d21c1b; font-size: 1.8em; padding: 0.75em 0 0; font-weight: normal; } /* Basic Smartletbox ----------------------------------------------- */ .sml_box { margin: 5px 0 0px 0; padding: 10px 0; } .sml_si_field_box{ margin-bottom: 0; padding-bottom: 0px; } .sml_box .sml_box { padding: 0 0px 0px 0px; } .smlboxcontent{ background: transparent none; } /* rechtzetten maten 1 op 1 Alkmaar */ .container_16 .headerrow .grid_12 .sml_box, .container_16 .navigationrow .sml_box, .container_16 .content .grid_4 .sml_box { padding-left: 43px; } .container_16 .lastgrid .sml_box { padding-right: 6px; padding-bottom: 0; margin-bottom: 0; } .container_16 .content .grid_4 .sml_box { margin-right: 3px; padding-right: 10px; width: 170px; } .container_16 .content .grid_9 .sml_box { width: 525px; margin-left: -18px; } .container_16 .content .grid_12 .sml_box{ margin-left: -18px; } .container_16 .content .grid_9 div.sml_box form { margin-left: 18px; } .container_16 .content .grid_4 h2.pageTitle { display: none; } .container_16 .push_4 { z-index:1; } /* Sticky footer eruitgehaald ----------------------------------------------- */ #push { clear: both; } .push #top{ } .push #footer{ clear: both; } /* structuur ----------------------------------------------- */ #top,#footer{ margin: 0px auto; display: block; width: 960px; float: none; } #top #backtop { background: url(/designs/Alkmaar/back_top.gif) repeat-y left transparent; width: 137px; left:-112px; top: 36px; position: absolute; height: 124px; z-index:9; } #top #backleft, #top #backlogo { width: 137px; left:-112px; top: 108px; position: absolute; height: 100%; z-index: 9999; } #top #backleft { background: url(/designs/Alkmaar/back_links.gif) repeat-y left top transparent; } #top #backlogo { background: url(/designs/Alkmaar/logotekst.gif) no-repeat left top transparent; } #gridcontent{ display: block; clear: both; float:left; width: 100%; min-height: 100%; } #header,.headerrow,#headerspace{ height: 160px; /* must be the same height*/ } #header{ position: absolute; top: 0px; left: 0; overflow: visible; width: 960px; padding: 0; background-image: url(); background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; } #header .headerrow{ } #header .navigationrow{ position: absolute; bottom: 0px; left: 0px; background-color: transparent; } #navigation{ padding: 0 0px; margin: 0px; } #navigation h2{ display: none; } #menu{ width: 960px; } #headerlinks{ color: #737475; font-size: 0.9em; text-align: right; position: absolute; right: 4px; } #headerlinks a { color: #737475; line-height: 3.8em; } #headerlinks h2{ display: none; } #logo{ margin: 0px 0 0 0px; } #printlogo, h1{ display:none; } #quicklinks{ position: absolute; top:-100em; left: 0px; } #search{ background: url(/designs/Alkmaar/zoekvak.gif) no-repeat left transparent; width: 229px; padding:0; height: 28px; float: right; padding-right: 6px; margin-top: 18px; } #search fieldset{ border: 0; margin: 0; padding: 0; } #search .button{ float: left; background-color: transparent; border: 0px solid; width: 39px; font-size: 0; height: 28px; cursor: pointer; } #search .field{ float: left; background: none; height: 22px; line-height: 22px; margin: 0; padding: 3px 6px; width: 161px; border: 0px solid; margin-right: 12px; font-size: 1.2em; } #search .default { color: #999999; } #search input.default{ color: #999999; } #search h2{ display: none; } #search table{ margin:0; width: 100%; } #search input.button, #search input.gsc-search-button{ background-color: transparent; border: 0px; text-indent: -200px; bottom:0; cursor: pointer; height: 100%; overflow: hidden; position: absolute; right: -55px; top:0; width: 39px; min-width: 30px; padding:0; line-height: 100px; } #search input.field, #search input.gsc-input{ border: 0; font-size: 14px; margin:0; padding: 1px 6px; width: 162px; line-height: 22px; height: 22px; background: transparent !important; } #FontSize{ display: none; } .navigationrow .visuals #visual { height: 90px; overflow: hidden; width: 911px; } .navigationrow .visuals #visual img { width: 911px; } /* Hoofdmenu */ div.hoofdingangen { padding-top: 19px; padding-left: 43px; } div.hoofdingangen h2 { display: none; } div.hoofdingangen ul { list-style: none; margin: 0; padding: 0; } div.hoofdingangen li { float: left; display: inline; margin-left: 0; } div.hoofdingangen li a { display: inline-block; margin-right: 20px; padding: 7px 0 10px 40px; text-decoration: none; font-size: 1.3em; font-weight: bold; line-height: 1.5em; color: #4e5051; } div.hoofdingangen li a { background: url(/designs/Alkmaar/menu_home2.gif) no-repeat 0 0 transparent; } div.hoofdingangen li a.Inwoners { background: url(/designs/Alkmaar/menu_inw.gif) no-repeat 0 0 transparent; } div.hoofdingangen li a.Bedrijven { background: url(/designs/Alkmaar/menu_bedr.gif) no-repeat 0 0 transparent; } div.hoofdingangen li a.Bestuur { background: url(/designs/Alkmaar/menu_best.gif) no-repeat 0 0 transparent; } div.hoofdingangen li a.Toeristen { background: url(/designs/Alkmaar/menu_toer.gif) no-repeat 0 0 transparent; } div.hoofdingangen li a:hover, div.hoofdingangen li a.active { background-position: 0 -43px; color: #d21c1b; } /* content ----------------------------------------------- */ #top a:focus{ outline: none; } .fl_lt { float:left; } .fl_rt { float:right; } .clear { clear:both; } .hidden, .hide{ display:none;} .clear{ clear: both;} .more a{ display: block; } .img.left{ float: left; margin: 3px 10px 0.5em 0; } .img.right{ float: right; margin: 3px 0px 0.5em 10px; } .img.wide{ width: 100%; overflow: hidden; margin-bottom: 1em; } .img img{ float :left; } .kruimelblok { padding-bottom:0; margin-bottom: 0; } p.kruimelpad{ margin: 13px 0 0 0; max-width: 500px; padding-bottom: 0; } .kruimelpad, .kruimelpad a{ color: #d21c1b; font-size: 0.95em; } p.intro{ font-weight: bold; } hr { color: #E4E1DB; background-color: #E4E1DB; } .mod p.read, p.date, p.category, p.author, p.location, p.who{ font-size: 0.9em; } .mod p.read, p.date, p.category, p.category a, p.author, p.author a, p.location, p.location a, p.who, p.who a{ color: #666666; } .contentbox .read{ clear: both; } .contentbox ul { list-style: url(/designs/Alkmaar/bullet_menu.gif); } .contentbox ul, .contentbox ol { margin: 0 0 10px 0; padding: 0; } .contentbox li { } .contentbox li a { /* padding: 2px 0 2px 18px; display: inline-block;*/ text-decoration: underline; color: black; } .contentbox li a:hover { text-decoration: none; } .field{ border: 1px solid #E4E1DB; background: #f3f1ed none; } .button{ border: 1px solid #E4E1DB; background-color: #adc0cf; color: #FFFFFF; cursor: pointer; } /* menu ----------------------------------------------- */ #hoofdmenu li a{ color: #FFFFFF; background-color: #d21c1b;} #hoofdmenu li a:hover{ color: #d21c1b; background-color: #dadbdc;} #hoofdmenu li.on a{ color: #d21c1b; background-color: #dadbdc;} #hoofdmenu li.active a{ color: #d21c1b; background-color: #dadbdc;} #hoofdmenu li ol{ background-color: #dadbdc;} #hoofdmenu li ol a{ color: #d21c1b; background-color: #dadbdc;} #hoofdmenu li.on ol a{ color: #d21c1b; background-color: #dadbdc;} #hoofdmenu li.active ol a{ color: #d21c1b; background-color: #dadbdc;} #hoofdmenu li ol a:hover{ color: #FFFFFF; background-color: #84888b;} #hoofdmenu li.on ol a:hover{ color: #FFFFFF; background-color: #84888b;} #hoofdmenu li.active ol a:hover{color: #FFFFFF; background-color: #84888b;} #doormat { background-color: #dadbdc;} /* footermenu ----------------------------------------------- */ #footer{ width: 960px; padding: 0; height: 125px; position: relative; color: #808080; z-index: 9999; } #footer #backfooter { background-image: url(/designs/Alkmaar/backfoot.gif); background-repeat: no-repeat; position: absolute; left:-112px; top: 0; height: 125px; width: 160px; z-index:9; } #footer .footerrow { background-color: #F2F2F2; width: 956px; height: 100%; } #footer .lastgrid .sml_box { margin-top: 0; padding-top: 0; } #footer .col{ width: 23%; float: left; margin:0; padding: 10px 10% 0 0; border: 0; min-height: 93px; } #footer .col1{ padding: 10px 70px 0 225px; width: 173px; } #footer .col2{ width: 170px; padding-right:0; } #footer .col3{ float: right; padding-right: 100px; width: 154px; } #footer h2{ color: #4e5051; margin:0; font-size: 1em; font-weight: bold; } #footer a{ color: #808080; } #footer a:hover{ color: #000000; } #footersitewide{ font-size: 0.9em; } #footersitewide ul{ margin: 0px; padding: 0px; list-style: none; float: right; } #footersitewide li{ display: inline; float: left; margin-left: 0; padding-right: 10px; } #footersitewide li a{ background: none; text-decoration: none; display: inline-block; padding: 1px 4px 1px 0px; margin-right: 4px; xborder-right: 1px solid #4c4c4c; color: #4c4c4c; line-height: 1em; } #footersitewide li a.FontSizeInc{border:0;} #footersitewide li a:hover{ text-decoration: none; color: #d21c1b; } #footersitewide li a.twitter{ padding-left: 18px; margin-left: 10px; background: url(/designs/Alkmaar/swtwitter.gif) no-repeat 0 0; } #footersitewide li a.facebookjw{ padding-left: 18px; margin-left: 10px; background: url(/designs/Alkmaar/swfacebook.gif) no-repeat 0 0; } #footersitewide li a.rss{ padding-left: 18px; background: url(/designs/Alkmaar/swrss.gif) no-repeat 0 0; border: 0px; } #footermenu{ margin: 0; padding: 0px 0 0 0px; list-style: none; width: 100%; } #footermenu li{ margin: 0 0 0 0px; float: left; font-weight: bold; } #footermenu li ol{ margin: 0; padding: 0px 0 0 0; list-style: none; } #footermenu li li{ margin: 0; float: none; font-weight: normal; } /* ul.list ----------------------------------------------- */ /* .list basislist */ .list{ margin: 0; padding: 0; list-style: none; border-bottom:1px solid #E4E1DB ; } .list li{ margin: 0; display: block; padding: 5px 0px; border-top: 1px solid #E4E1DB; } .list li li { border-top: 0px solid #E4E1DB; } .list li.hover{ cursor: pointer; } .list li a{ text-decoration: none; } .list h2{ font-size: 1em; margin: 0; padding: 0; } .list p{ margin: 0; padding:0; } #top .formlist, #top .formlist li{ border :0; } /* list.detaillist */ .detaillist .listlink{ display: block; font-weight: bold; } /* navigatie list */ .content .grid_4 .navigatie { margin-top: 66px; border: 0px solid; } .navigatie li { border: 0px solid; padding:0; } .navigatie li a { background: url(/designs/Alkmaar/bullet_menu.gif) no-repeat left 0 transparent; font-weight: bold; padding: 2px 0 2px 18px; color: #4c4c4c; display: inline-block; } .navigatie li a:hover, .navigatie li a.hi { color: #d21c1b; text-decoration: none; } .navigatie .subnavigatie { padding-left: 18px; } .navigatie .subnavigatie li a { font-weight: normal; } .navigatie .subnavigatie li.hi a { font-weight: bold; } /* imagelist */ .imagelist .thleft ul.itemcontent{ padding-left: 110px; } .imagelist .thright .itemcontent{ padding-right: 110px; } .imagelist .listlink{ display: block; font-weight: bold; } .thumbnail{ text-align: center; overflow: hidden; } .thumbnail img{ float: left; } .imagelist li{ position: relative; display: block; } .imagelist li.thleft .thumbnail{ margin-right: 5px; float: left; width: 90px; max-height: 90px; } .imagelist li.thright .thumbnail{ margin-left: 5px; float: right; width: 90px; max-height: 90px; } .imagetoplist{ margin-left: -10px; } .imagelist li.thtop{ width: 218px; float: left; margin: 10px 22px 10px 0; padding: 10px; } .imagelist li.thtop .itemdetails{ display: block; padding-bottom: 2em; } .imagelist li.thtop .itemcontent .more{ position: absolute; bottom: 0; } .imagelist li.thtop .thumbnail{ display: block; width: 218px; height: 90px; margin-bottom: 5px; } .collapslist .listlink:hover{ text-decoration: none; } .list p.more{ display:none; } .list.collapslist p.more, .list.leesverder p.more{ display:block; } li.hover{ cursor: pointer; } #top .overzicht li.hover{ background-color: transparent; } .nocategory .category{ display: none;} .nodate .date { display: none;} .noauthor .author{ display: none;} .nolocation .location{ display: none;} .formlist label{ display: block; width: 30%; margin-right: 3%; float: left; } .formlist .field{ display: block; width: 60%; margin-right: 1%; float: left; } p.submitp{ clear: both; padding-left: 33%; padding-top: 1em; } /* table ----------------------------------------------- */ table { border: 0px solid #E4E1DB; } table th { border :0; border-bottom:1px solid #E4E1DB; background: #cccccc; } table td { border :0; border-top:0px solid #E4E1DB; border-bottom:0px solid #E4E1DB; background: transparent; } tbody tr.odd th, tbody tr.odd td { background: #F4F4F4; } tfoot th, tfoot td { border-top:2px solid #E4E1DB; background:#ECECEC; } th.td_right, td.td_right { text-align:right; } td.td_bold{ font-weight: bold; } /* forms ----------------------------------------------- */ fieldset { padding:20px 10px 10px 10px; position:relative; margin-bottom:10px; border:1px solid #E4E1DB; } legend { background:#FFFFFF; border:1px solid #E4E1DB; font-size:1.1em; padding:.4em .8em; } /* paging ----------------------------------------------- */ .pages span{ font-weight: bold; } .pages span, .pages a{ display: inline-block; padding: 2px 3px ; float: left; } /* Horizontal menus (#sitewide & #breadcrumbs) ----------------------------------------------- */ .menuhorizontaal{ margin: 0px 0px 0.75em 0px; padding: 0px; list-style: none; } .menuhorizontaal li{ display: inline; padding: 0px 0.5em 0px 0px; margin: 0; } .menuhorizontaal li a{ text-decoration: none; } .menuhorizontaal li a:hover{ text-decoration: underline; } /* Lightbox ----------------------------------------------- */ .gallery li{ background-color: #dadbdc; border: 1px solid #E4E1DB; } #black{ background-color: #84888b; } #imagecontainer{ background-color: #FFFFFF; border: 1px solid #E4E1DB; } #imagecontainer #right a,#imagecontainer #left a{ color: #696c6f; } #imagecontainer #right a:hover,#imagecontainer #left a:hover{ color: #84888b; } #imagecontainer img{ border: 1px solid #E4E1DB; } #imagecontainer #close{ color: #FF0000; background-color: #FFFFFF; border-left: 1px solid #E4E1DB; border-bottom: 1px solid #E4E1DB; } #imagecontainer #ajaxtekst{ color: #d21c1b; } #black{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: none; z-index: 1000; } #imagecontainer{ position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin-left: -100px; display: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.4em; z-index: 1005; } #imagecontainer #ajaximage{ padding: 10px; display: none; } #imagecontainer #left{ position: absolute; background-image: url(../images/pixel.gif); top: 10px; display: block; left: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left 20px; } #imagecontainer #right{ position: absolute; background-image: url(../images/pixel.gif); top: 10px; display: block; left: 10px; cursor: pointer; background-repeat: no-repeat; background-position: right 20px; text-align: right; } #imagecontainer #right a,#imagecontainer #left a{ text-decoration: none; } #imagecontainer #right a:hover,#imagecontainer #left a:hover{ text-decoration: none; } #imagecontainer img{ margin: 10px; } #imagecontainer #close{ position: absolute; text-decoration: none; font-weight: bold; font-size: 1.4em; top: 10px; display: block; right: 8px; width: 28px; padding: 3px 0px 6px 0px; text-align: center; } #ajaxtekst{ padding: 10px 10px 0px 10px; display: none; } #zijkolom #ajaxtekst{ display: block; } #imagecontainer #ajaxtekst .datum{ display: block; font-size: 0.9em; } /* FontResizer ----------------------------------------------- */ .FontSizeDec{font-size: 80%} .FontSizeInc{font-size: 120%} /* sitemap ----------------------------------------------- */ #sitemap, #sitemap ul{ margin: 0; padding: 0; list-style: none; } #sitemap li{ margin: 0; padding: 0 0 0 20px; position: relative; font-weight: bold; } #sitemap li .openchild{ display: inline-block; background: transparent url(/designs/design4/switch_plus.gif) no-repeat left center; width: 11px; min-height: 11px; height: 1em; position: absolute; margin-left: -20px; top: 2px; } #sitemap li.open>.openchild{ background: transparent url(/designs/design4/switch_minus.gif) no-repeat left center; } #sitemap li li{ font-weight: normal; } /* loginpage */ #pf label{ display:inline-block; width:10em; } #pf p{ margin-bottom: 0.5em; } #pf .medium{ width: 50%; } /* paginafuncties */ #paginafuncties { float: right; height: 5.5em; text-align: right; width: 172px; } #paginafuncties a{ display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: left; text-decoration: none; } #paginafuncties a, #paginafuncties span{ color: #4c4c4c; font-size: 0.9em; height: 20px; } #paginafuncties a:hover{ color: #d21c1b; } #paginafuncties #mgrLnk { background-image: url(/designs/icon/icon_mgrlnk.gif);} #paginafuncties #sendafriend { background-image: url(/designs/icon/icon_send.gif);} #paginafuncties #makepdf { background-image: url(/designs/icon/icon_makepdf.gif);} #paginafuncties .printbutton a{ background-image: url(/designs/Alkmaar/print.gif); cursor: pointer; margin-left: 10px; } #paginafuncties .leesvoorbutton a{ background-image: url(/designs/Alkmaar/readspeak-klein.gif); cursor: pointer; } .modified { clear: both; margin-bottom: 0; padding-top: 0.75em; } /* Deel dit -----------------------------------------*/ #deeldit{ border-top: 1px solid #808080; float: left; width: 100%; position:relative; font-size: 0.9em; font-weight: bold; padding-top: 10px; margin-top: 10px; } #deeldit a{ display:inline-block; width: 16px; height: 16px; background: no-repeat left bottom; vertical-align: text-bottom; margin: 0 0 0 3px; } #deeldit a.deel_f{background-image: url(/designs/Alkmaar/share_f.gif);} #deeldit a.deel_h{background-image: url(/designs/Alkmaar/share_h.gif);} #deeldit a.deel_t{background-image: url(/designs/Alkmaar/share_t.gif);} #deeldit a.deel_in{background-image: url(/designs/Alkmaar/share_in.gif);} #deeldit a.deel_jij{background-image: url(/designs/Alkmaar/share_jij.gif);} #deeldit a.deel_e{background-image: url(/designs/Alkmaar/share_e.gif);} #deeldit a:hover{background-position: left top;} /* slider --------------------------------------------*/ #slider{ margin-bottom: 35px; padding-left: 160px; height: 198px; padding-top: 0; margin-top: 0; } #slider img{ display: none; } #slider ul{ background: #d21c1b; height: 196px; margin:0; padding: 3px 0 0 0; list-style: none outside; list-style-image: none; position: relative; } #slider li{ background: white; height: 46px; margin-bottom:3px; padding: 0; display: block; list-style: none outside; list-style-image: none; margin-left:0; } .js #slider li{ width: 255px; z-index: 5; } #slider li a{ text-decoration: none; font-weight: bold; font-size: 1.1em; display: block; padding-top: 5px; padding-right: 10px; height: 41px; overflow: hidden; } .js #slider ul{ background: url(/designs/Alkmaar/sliderpijl.gif) no-repeat 255px 15px #d21c1b; width: 270px; } #slider li a:hover, #slider li.active a{ color: #d21c1b; } .js #slider img{ position: absolute; display: block; left: 270px; top:0; width: 525px; height: 199px } /* big search */ .portalzoeken #bigsearch{ background: url("/designs/Alkmaar/zoekvakgroot.gif") no-repeat 15px 30px #e3e3e3; padding: 6px 64px 8px 12px; margin-bottom: 57px; margin-right: 5px; float: right; height: 80px; } #bigsearch .sml_si_custom { height: auto; } #bigsearch h2, #bigsearch span.searchtitle{ padding:0; color: #4e5051; font-weight: bold; font-size: 18px; display: block; } #bigsearch #search{ position: relative; top:-10px; width: auto; background: none; height: 47px; } #bigsearch #search input.gsc-search-button, #bigsearch #search #zoekbuttonheader{ width: 72px; } #bigsearch #search input.gsc-input, #bigsearch #search #fldTerms{ font-size: 21px; padding: 5px 6px; width: 668px; height: 25px; } .push_160 { padding-left: 160px; } /* intern */ .intern{ border: 2px solid red; padding: 3px; } .intern h2{ font-size: 1.4em; border-bottom: 1px solid red; } /* portal-ingangen */ .portalzoeken #bigsearch, .portalpage h2.pageTitle{ margin-bottom: 0; padding-bottom: 0; } .homezoek #bigsearch { margin-bottom: 72px; } .portalpage .kruimelpad{ margin-top: 0; } .doe .landcol { width: 255px; border:0; padding:0; margin:0; min-height: 287px; display: inline-block; vertical-align: top; } .doe .homelist li a:hover { background-color: #838485; background-position: 0 -40px; } .landcol.col2{ padding: 0 12px; } .landcol ul, .landcol li{ margin:0; padding:0; list-style: none outside; list-style-image: none; } .landcol ul li a{ background: url(/designs/Alkmaar/bullet_meer.gif) no-repeat scroll 13px 14px #ebebeb; display: block; padding: 11px 13px 13px 45px; text-decoration: none; margin: 0 0 7px; color: #4e5051; font-weight: bold; font-size: 1.1em; } .landcol ul li a:active { color: #FFFFFF; } .landcol ul li a:hover{ background: url(/designs/Alkmaar/bullet_meer2.gif) no-repeat 13px 13px #838485; color: white; } .landcol.col3{ background: #d7d7d7; padding: 13px; width: 229px; min-height: 261px; } .landcol.col3 img{ margin: 0 0 13px 0; } .landcol.col3 h2{ padding: 0; font-size: 1.2em; font-weight: bold; } .landcol.col3 h2 a{ text-decoration: none; color: #d21c1b; } /* afwijkende layout Portalpages */ .doe .container_16 .lastgrid .sml_box { padding-right: 0; padding-top: 0; } .doe .container_16 .lastgrid .hoofdingangen { padding-top: 19px; } .doe #top #backleft, .doe #top #backtop { background: url(/designs/Alkmaar/back_portal.gif) repeat-y left top transparent; top: 36px; left: 0; } .doe #top #backlogo { background: url(/designs/Alkmaar/logotekstrood.gif) no-repeat left top transparent; left: 0; top: -73px; z-index:99999; height: 432px; } .doe #header, .doe .headerrow, .doe #headerspace { height: 72px; } .doe div.hoofdingangen { padding-left: 160px; } .doe #footer #backfooter { background: url(/designs/Alkmaar/backfootrood.gif) no-repeat left top transparent; left: 0; } .doe #footer .footerrow { width: 949px; margin-left: 5px; } .doe h2.pageTitle { color: #4e5051; font-weight: bold; margin-top: 0; margin-bottom: 0; } .container_16 .lastgrid .portalsidewide { padding-right: 0; } .rij{ border-top: 1px solid #d21c1b; margin-bottom: 10px; float: left; } .rij.top{ border-top: 0; } .rij .col1, .rij .col2{ float: left; } .rij .col1{ width: 315px; margin-right: 10px; } .rij .col2{ width: 200px; } .rij ul{ list-style: none; list-style-image: none; margin: 0px; padding: 0px 0px 0px 0px; } .rij ul li { margin-left:0; padding: 2px 0px 2px 18px; display: block; background-image: url(/designs/Alkmaar/bullet_menu.gif); background-repeat: no-repeat; background-position: left 0px; } .rij ul a{ color: black; } /* Letterbrowser ----------------------------------------------- */ .prodwrap{ width: 100%; float: left; } .prodwrap ul li{ list-style-type: none; list-style-image: none; margin-left: 0; } .letter{ display: inline; font-size: 1.5em; font-weight: bold; } .contentbox .letter a{ color: #d21c1b; } .contentbox a.anchor{ color: #d21c1b; text-decoration: none; } .leftside, .rightside{ width: 230px; float: left; } .leftside{ margin-right: 20px; } /* End ----------------------------------------------- */ /* links ----------------------------------------------- */ .contentbox a:link { color: black; text-decoration: underline; } .contentbox a:hover { text-decoration: none; } td a { text-decoration: none;} td a:hover { text-decoration: underline;} .more a { text-decoration: none;} .more a:hover { text-decoration: underline;} .list a { text-decoration: none;} .list a:hover { text-decoration: underline;} .item a { text-decoration: none;} .item a:hover { text-decoration: underline;} .pages a { text-decoration: none;} .pages a:hover { text-decoration: underline;} .pageTitle a { text-decoration: none;} .pageTitle a:hover { text-decoration: underline;} #headerlinks a { text-decoration: none;} #headerlinks a:hover{ text-decoration: underline;} #sitemap a { text-decoration: none;} #sitemap a:hover { text-decoration: underline;} #footer a { text-decoration: underline;} #footer a:hover { text-decoration: none;} .kruimelpad a { text-decoration: underline;} .kruimelpad a:hover { text-decoration: none;} .thesterms_plaincs a { text-decoration: none;} .thesterms_plaincs a:hover { text-decoration: underline;} #gpdc_text blockquote { margin: 0 35px; } .rood { color: #D21C1B; } .links { text-align:left; } .rechts { text-align:right; } .midden { text-align:center; } #top .letter{ float: left; padding: 0px 2px; } #top .letter a{ color: #d21c1b; font-weight: bold; font-size: 0.9em; font-style: normal; } p.more a { background: url("/designs/Alkmaar/bullet_meer.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0); color: #d21c1b; display: inline-block; padding-left: 14px; text-decoration: none; } .red{ color: #df0000; } /* Woohoo additions for new design */ .toptaken { padding: 20px 0; clear: both; position: relative; display: table; height: 100%; } .toptaken .first, .toptaken .second { width: 50%; float: left; padding-right: 18px; box-sizing: border-box; } .toptaak { position: relative; display: block; width: 100%; height: 58px; background-color: #fff; margin: 0 0 6px 0; } .toptaak_icon { position: relative; display: inline-block; float: left; padding: 8px 10px 7px 10px; } .toptaak_titel { position: relative; display: inline-block; height: 54px; width: 180px; top: -5px; float: left; } .toptaak_titel h2, .infoblock h2 { color: #000; font-size: 18px; font-weight: 700; line-height: 1.1; padding: 0.75em 0 0; } .alkmaar_icon { width: 36px; height: 39px; } .alkmaar_icon g, .toptaak { transition: all 0.15s; } .toptaak a { text-decoration: none; color: #000; } .toptaak:hover { background-color: #d21c1b; color: #fff; cursor: pointer; } .toptaak:hover a, .toptaak:hover a h2 { color: #fff; } .toptaak .alkmaar_icon g { /* SVG */ fill: #d21c1b; } .toptaak:hover .alkmaar_icon g { /* SVG */ fill: #fff; } .icon, .icon_vlag { position: relative; display: inline-block; } .icon_vlag { width: 100px; } .web_icon { position: relative; display: inline-block; float: left; padding: 0 4px; } .web_icon_titel { position: relative; display: inline-block; height: 54px; width: 72px; top: -17px; text-align: center; } .web_icon_titel h5 { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 1; } /********************************************************************/ /* !Social Media Iconen *********************************************/ /********************************************************************/ .alkmaar_web_icon { width: 36px; height: 39px; } /* Contact en Search iconen */ .alkmaar_web_icon g.basis { /* SVG */ fill: #d21c1b; } /********************************************************************/ /* !Vlag Iconen *****************************************************/ /********************************************************************/ .alkmaar_vlag_icon { width: 62px; } .web_icon .alkmaar_vlag_icon path { /* SVG */ transition: all 0.15s; } .web_icon:hover .alkmaar_vlag_icon path.blue { /* SVG */ fill: #3f9cec; } .web_icon:hover .alkmaar_vlag_icon path.red { /* SVG */ fill: #eb4646; } .web_icon:hover .alkmaar_vlag_icon path.white { /* SVG */ fill: #fff; } .web_icon:hover .alkmaar_vlag_icon path.black { /* SVG */ fill: #000; } .web_icon:hover .alkmaar_vlag_icon path.yellow { /* SVG */ fill: #fdd742; } .web_icon:hover .alkmaar_vlag_icon path.green { /* SVG */ fill: #36a16b; } .alkmaar_menu_icon, .alkmaar_menu_icon img.fallback_svg { height: 28px; margin-right: 6px; } img.menu_fallback_svg { height: 28px; } .menu_icon span { position: relative; display: inline-block; top: -6px; } .menu_icon.readspeaker .alkmaar_menu_icon { height: 23px; } .menu_icon.readspeaker { width: 200px; } .menu_icon.readspeaker:hover span { color: #d21c1b; } .menu_icon.readspeaker span { font-weight: bold; font-size: 14px; vertical-align: sub; } .alkmaar_menu_icon g { /* SVG */ fill: #848486; } /* De readspeaker blijft altijd rood */ .menu_icon.readspeaker .alkmaar_menu_icon path { /* SVG */ fill: #d21c1b; } .menu_icon.active .alkmaar_menu_icon g { /* SVG */ fill: #d21c1b; } .menu_icon:hover .alkmaar_menu_icon g { /* SVG */ fill: #d21c1b; } /********************************************************************/ /* !Navigatie bullets ***********************************************/ /********************************************************************/ .list { margin: 0; padding: 0; list-style: none; } .navigatie li a { background: url(/designs/Alkmaar/svg/bullet.svg) no-repeat transparent; font-weight: bold; padding: 2px 0 2px 14px; color: #000; display: inline-block; background-size: 0.6em; background-position-y: 0.4em; text-decoration: none; font-size: 12px; line-height: normal; } .navigatie li a:hover, .navigatie li a.hi { color: #d21c1b; } /********************************************************************/ /* !Nieuws blokjes met bullets **************************************/ /********************************************************************/ .nieuws { position: relative; display: block; height: 72px; background-color: #fff; background: url(/designs/Alkmaar/svg/bullet.svg) no-repeat #fff; background-position-x: 19em; background-position-y: 2em; background-size: 1em; margin-bottom: 6px; } .nieuws_titel { position: relative; display: inline-block; height: 72px; width: 216px; float: left; padding-left: 10px; } .nieuws_titel h4 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; line-height: 1.3; } .nieuws:hover a { color: #d21c1b; } /* SdN additions for new design */ #top #backtop{ height: 132px; } #top p.kruimelpad{ max-width: none; } #top .list{ border: 0; } .content .col_content ul, .content .col_content .rij ul{ list-style: none; padding: 0; } .content .col_content ul li, .content .col_content .rij ul li{ background: url(/designs/Alkmaar/svg/bullet.svg) no-repeat transparent; background-size: 0.6em; padding: 0 0 0 15px; background-position-y: 0.4em; margin-left: 0; } .custom_readspeaker{ position: absolute; top: 30px; right: 30px; } #top h2.pageTitle{ padding: 0 0 30px; margin-top: -9px; } #top .rsbtn_colorskin{ border: 0; margin-right: 15px; } #top .rsbtn_colorskin .rsbtn_left .rsbtn_text{ color: #000000; font-weight: bold; font-size: 14px; } #homepage, #portalpage{ margin-left: 119px; padding: 0px 18px 0 36px; background-image: url('/designs/Alkmaar/backgrounds/homepage.jpg'); background-position: 0 0; background-repeat: no-repeat; background-size: cover; height: 534px; overflow: hidden; } #homepage > div.smartlet, #portalpage > div.smartlet{ min-height: 530px; } #homepage .newsrow, #portalpage .newsrow{ position: absolute; bottom: 0; } #import_inwoners #portalpage { background-image: url('/designs/Alkmaar/backgrounds/inwoners.jpg'); } #import_bestuur #portalpage { background-image: url('/designs/Alkmaar/backgrounds/bestuur.jpg'); } #import_bedrijven #portalpage { background-image: url('/designs/Alkmaar/backgrounds/bedrijven.jpg'); } #import_toeristen #portalpage { background-image: url('/designs/Alkmaar/backgrounds/toeristen.jpg'); } #homepage .container_12, #portalpage .container_12{ width: 100%; margin: 0; } .rij{ border: 0; width: 100%; } .rij .col1, .rij col2{ width: 50%; box-sizing: border-box; } .rij .col1{ margin-right: 0; padding-right: 10px; } .rij .col_full{ width: 100%; } .infoblocks{ padding-top: 20px; } .infoblock { background-color: #fff; padding: 0 8px; margin-bottom: 6px; min-height: 122px; } #portalpage .infoblock{ min-height: 234px; } .infoblock h2{ padding-top: 6px; } .infoblock p{ font-size: 18px; line-height: 22px; } .infoblock .phone{ padding-top: 15px; } .infoblock .phone h2{ float: right; margin-right: 140px; } #search{ margin-top: 10px; } .portalzoeken #bigsearch{ background: none; float: left; margin-left: 152px; } #bigsearch span.searchtitle{ display: none; } .homezoek #bigsearch{ margin-bottom: 0; padding: 0; } #bigsearch #search{ top: 0; } #top #bigsearch #search input.gsc-input{ width: 100%; border: 2px solid #d21c1b; height: 32px; line-height: 26px; font-size: 19px; padding: 0 0 0 5px; width: 870px; } #bigsearch #search .gsc-search-button input{ width: 40px; right: 0; } #bigsearch #search .gsc-search-button svg{ position: absolute; } #bigsearch #search .gsc-search-button svg:hover{ cursor: pointer; } #top .kruimelblok{ margin: 0; padding: 0; } #top .portalzoeken #bigsearch{ padding-left: 0; } #top .portalzoeken #bigsearch #search input.gsc-input{ width: 729px; } .doe #footer .footerrow{ width: 955px; } #backleft{ z-index: 9999; } #header, .headerrow, #headerspace{ height: 60px; } #top #backtop{ z-index: 99999; } .content .grid_13{ box-sizing: border-box; padding-left: 40px; padding-right: 35px; background-image: url('/designs/Alkmaar/red.gif'); background-repeat: repeat-y; background-position: right 15px center; } .content .grid_16{ box-sizing: border-box; padding-left: 42px; } .kruimelpad{ font-size: 18px; line-height: 24px; } /* SdN collapse */ .toptaken{ width: 100%; } .collapse input { display: none; visibility: hidden; } .collapse > div{ position: relative; margin-bottom: 10px; } .collapse label { display: block; font-size: 18px; line-height: 26px; color: #000; background-color: #F2F2F2; padding: 5px 12px; } .collapse label:hover{ cursor: pointer; } .collapse label:focus{ border: 1px dotted #000; } .collapse label::before, .collapse .expand::before { position: absolute; content: "+"; display: inline-block; width: 20px; height: 20px; right: 0; top: 8px; font-size: 18px; font-weight: bold; color: #d21c1b; background-color: #F2F2F2; pointer-events: none; } .collapse .expand { position: static; height: 0px; overflow: hidden; transition: height 0.5s; } .collapse .toggle:checked + .expand { height: auto; border: 1px solid #F2F2F2; padding: 5px 12px; } .collapse .toggle:checked + .expand::before{ content: "-"; } @media screen and (max-width: 770px) { #top #header, #top .headerrow, #top #headerspace, #top .doe #header, #top .doe .headerrow, #top .doe #headerspace{ border-bottom: 1px solid #d21c1b; } #bigsearch #search{ padding: 0; } #top .portalzoeken #bigsearch #search input.gsc-input, #top #bigsearch #search input.gsc-input{ width: 100%; } #bigsearch #search .gsc-search-button svg{ top: 0; } #search table{ width: 95%; } .content .grid_16{ padding-left: 10px; } .content .grid_13{ background: none; padding-left: 0; } .hide_mobile{ display: none} #top .rightresp{ width: 40px; top: 10px; } #top .rightresp img{ margin: 0 0 10px 0; } #homepage, #portalpage{ padding: 0; } #homepage, #import_inwoners #portalpage, #import_bestuur #portalpage, #import_bedrijven #portalpage, #import_toeristen #portalpage{ margin-left: 0; background-image: none; background-color: #C1C1C1; } .doe .hometopnav{ background-color: #C1C1C1; } #homepage > div.smartlet, #portalpage > div.smartlet{ min-height: auto; } #homepage .newsrow, #portalpage .newsrow{ position: static; bottom: auto; } #top .portalzoeken #bigsearch{ background-color: transparent; padding: 20px 5px; } #top #bigsearch #search input.gsc-search-button{ width: 40px; color: transparent; border: none; } .infoblocks .first, .infoblocks .second { width: 50%; float: left; padding-right: 18px; box-sizing: border-box; } } @media screen and (max-width: 770px) { .content .grid_3 .navigatie { display: none; } } @media screen and (max-width: 600px) { .toptaken .first, .toptaken .second, .infoblocks .first, .infoblocks .second{ width: 100%; padding-right: 0; } } ul.iconlist li a.icoIMPORT_GUID-6C42AB9B09674DBE85B10063209293E6{background: url('/gemeente/webcms/site/gemeente/images/p_61670.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-D27090AA36C74179AA26F55AFA38B326{background: url('/gemeente/webcms/site/gemeente/images/p_61671.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-5AD48D548C79437780FD6533BD7760A5{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61827.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-B83B1D897769479D8A7A675DFE2B3BCF{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61828.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-8C0CEF45007D474DAC53875C6C61883F{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61829.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-8E25D5B62DC54EC3B3DF48542AE13065{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61830.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-EBF1BDA88017428C9AA709BA63E504B6{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61831.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-887BD1B041C246FD93377A1AB49CB64A{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61832.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-C769CA7E8D1947FC912B8552D5D6F66D{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61833.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-28BA0FB5147F4AC09B0CF5A5FF654110{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61834.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-87FAECBCA34C44E1BBB1DAFD960C48B2{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61835.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-31B83752D1624626871B30AD54FAF06B{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61836.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-BF79F90252FF437B9341ADF35861F97B{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61837.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-D958D7F1A907477DBF43C944B3CE8859{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61838.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-6A83688D84AF42BCBC505DA08070A055{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61839.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-92C63391C8904670BF897E5B1361B8E9{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61840.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-4564E61A32EE4E1393999909E11D61C5{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61841.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-F605746441734AAF854656CF54DA15A5{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61842.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-03BAB85A4B4443A999DCE11058824B41{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61843.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-E1C3B67F624344509E29FB744DAD666B{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61844.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-3310BE9DF3B548B4BF8A2DEF5186CCA6{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61846.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-DA1E45DBFB6E4CD9809B8C0C84BAD156{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61847.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-5624EFF2F8EC4BEEBC6DA959085D66E2{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61848.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-00920AEA447D4BC6A35EF0D87EB9C3AF{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61849.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-70C14E47E603445C987E6A59BAB28E26{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61850.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-E787C5DB43754EECB97CC12F5E365E68{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61851.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-63AA25C84980416A937D856C568E1D4F{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61852.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-B9D107947F60417AA2C22ED07470F18D{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61853.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-FC3843C536694216BDC0422C423C8F20{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61855.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-D662EC9ACDB547EC8AAA4A3016C0B0A7{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61856.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-7649365B298344D4995FCBF910013893{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61857.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-43AB80505FD54BBA8183A1D8A2992049{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61858.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-B85105A5E9BA46828088347F94808AC1{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61859.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-5CF6372E27D04CB4970C019E218A7C1C{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61860.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-796D5369D82A414FA31CE420696DC26B{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61861.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-0C9AD0BABAB34DFB859A0A26E5A8684E{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61863.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-A9EDBF597FAF40C2BE712741D314AB74{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61864.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-710DC3F83EE14EC7BDAC4044225E5AFE{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61865.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-22183168E3C540D49BD7B680E85B93A9{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61866.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-B47F98B3A50C4DE38DA1E903A64A913E{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61867.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-924CC8CB57304115BB7B14339AB1D87E{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61868.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-CFC760D3EA884A05BA0025AE6DF82F80{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61869.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-D42756F54A6C4C34AB35C0F4F8AA7B33{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61871.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-733597171D9A4AC8B189CA77FC693AB0{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61872.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-C3C9E34113A14F6AA10A12A4A7D12E5B{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61873.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-C71F66C034AE4BC8ADA4B2F67A1D2CFD{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61874.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-9C835364A87B4E51AFDA650E3E4D2DA1{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61875.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-0CB7CBA2A7524DE18DCDB0C2BCCEB22B{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61876.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-83A649C5E88F4A57AD898DC9A9AC4072{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61877.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-7FAC27292B7A4074A1C82A1134A9F317{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61878.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-A720AAE613784233B929642F66D367D4{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61879.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-90A6B6DCA3054CACBB2637847737B5AB{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61880.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-F8B379E24D0D499195466D862822F817{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61881.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-FCB736AF38C14EE5BB52AF93E2D6119E{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/icon_wi-kl.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-8358D8E921B74FDC8DB695CEE99B2E72{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61883.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-E8A9151F8ACD4E42BE1E3E00467BB618{background: url('/gemeente/webcms/site/images/icon_zo-kl.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-3854F2D5D5894CB8A7B26688926AFD23{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61885.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoIMPORT_GUID-A388BCB104F44D478A65C2D9B67C8F1D{background: url('/gemeente/webcms/site/gemeente/images/p_70670.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoGUID-A25FB49622114022B38A918B740707AE{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61884.png') no-repeat 0 0 #ebebeb;}ul.iconlist li a.icoGUID-2E3BA688F08945AF8EA6919EEA68CDBB{background: url('/gemeente/webcms/site/gemeente/voorpagina/images/p_61882.png') no-repeat 0 0 #ebebeb;} /* Google default.css (dinsdag 2 december 2014 13:25:36) */ /** * Default theme * */ /* Slight reset to make the preview have ample padding. */ .cse .gsc-control-cse, .gsc-control-cse { padding: 1em; width: auto; } .cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse { width: 100%; } .cse .gsc-branding, .gsc-branding { display: none; } .cse .gsc-control-cse div, .gsc-control-cse div { /* position: normal; JW not valid */ } /* Selector for entire element. */ .cse .gsc-control-cse, .gsc-control-cse { background-color: #ffffff; border: 1px solid #ffffff; } .cse .gsc-control-cse:after, .gsc-control-cse:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .cse .gsc-resultsHeader, .gsc-resultsHeader { /* border: block; JW not valid */ display:none; } .container_16 .content form.gsc-search-box { margin-left:0 !important; } table.gsc-search-box td.gsc-input { padding-right: 12px; } table.gsc-search-box td { border: 0px solid; } input.gsc-input { padding: 1px 6px; border: 1px solid #D9D9D9; font-size: 13px; margin-right: 2px; /* padding: 0px 0px 1px 0px; */ } /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { font-family: inherit; font-size: 11px; font-weight: bold; color: #FFF; padding: 0px; /* height: 20px; JW */ min-width: 52px; background-color: #B4B4B4; border: 0px solid #000000; /*-moz-border-radius: 2px; JW tbv ronde hoeken voor oude browser */ /*-webkit-border-radius: 2px; JW tbv ronde hoeken voor oude browser */ } /* Inactive tab */ .cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive { border-bottom: none; color: #666666; background-color: #e9e9e9; border: 1px solid; border-color: #e9e9e9; border-bottom: none; } /* Active tab */ .cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive { background-color: #FFFFFF; border: 1px solid; border-top: 2px solid; border-color: #e9e9e9; border-top-color: #FF9900; border-bottom: none; } /* This is the tab bar bottom border. */ .cse .gsc-tabsArea, .gsc-tabsArea { margin-top: 1em; border-bottom: 1px solid #e9e9e9; } /* Inner wrapper for a result */ .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic { padding: 0 .25em; border: 1px solid; border-color: #ffffff; } /* Result hover event styling */ .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover { border: 1px solid; border-color: #FFFFFF; } /*Promotion Settings*/ /* The entire promo */ .cse .gsc-webResult.gsc-result.gsc-promotion, .gsc-webResult.gsc-result.gsc-promotion { background-color: #FFFFFF; border-color: #336699; } /* Promotion links */ .cse .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link, .cse .gs-promotion a.gs-title:link *, .gs-promotion a.gs-title:link *, .cse .gs-promotion .gs-snippet a:link, .gs-promotion .gs-snippet a:link { color: #000000; } .cse .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited, .cse .gs-promotion a.gs-title:visited *, .gs-promotion a.gs-title:visited *, .cse .gs-promotion .gs-snippet a:visited, .gs-promotion .gs-snippet a:visited { color: #000000; } .cse .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover, .cse .gs-promotion a.gs-title:hover *, .gs-promotion a.gs-title:hover *, .cse .gs-promotion .gs-snippet a:hover, .gs-promotion .gs-snippet a:hover { color: #000000; } .cse .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active, .cse .gs-promotion a.gs-title:active *, .gs-promotion a.gs-title:active *, .cse .gs-promotion .gs-snippet a:active, .gs-promotion .gs-snippet a:active { color: #000000; } /* Promotion snippet */ .cse .gs-promotion .gs-snippet, .gs-promotion .gs-snippet, .cse .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right, .cse .gs-promotion .gs-title .gs-promotion-title-right *, .gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; } /* Promotion url */ .cse .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl { color: #008000; } /* Style for auto-completion table * .gsc-completion-selected : styling for a suggested query which the user has moused-over * .gsc-completion-container : styling for the table which contains the completions */ .gsc-completion-selected { background: #EEE; color: #D21c1b; /* JW geselecteerde suggestie */ } .gsc-completion-container { font-family: Arial, sans-serif; font-size: 13px; background: white; border: 1px solid #CCC; border-top-color: #D9D9D9; margin-left: 0; margin-right: 0; /* The top, left, and width are set in JavaScript. */ } .gsc-completion-title { color: #000000; } .gsc-completion-snippet { color: #000000; } /* Full URL */ .gs-webResult div.gs-visibleUrl-short, .gs-promotion div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long { display: block; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #000000; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #000000; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #000000; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #000000; } .gsc-cursor-page { color: #000000; } a.gsc-trailing-more-results:link { color: #000000; }