@charset "utf-8"; a.nsp i, a.nsp b, a.nsp u, a i, a b, a u { display: none !important; } /* DEBUG: Modules: 595: Stylesheet sourcecode-blok.css NIET geladen 595: Stylesheet sourcecode.css NIET geladen 595: Stylesheet dialogbox.css NIET geladen 595: Stylesheet xfade.css NIET geladen 595: Stylesheet jplayer.css NIET geladen 595: Stylesheet tooltipster.css NIET geladen 595: Stylesheet editor.css NIET geladen 595: Stylesheet upload.css NIET geladen 595: Stylesheet hint.css NIET geladen 595: Stylesheet tabs.css NIET geladen 595: Stylesheet scrollable.css NIET geladen 595: Stylesheet jstree.css NIET geladen 618: Stylesheet googlemaps.css LOKAAL geladen REGEL ((linemarker)) 339: BASALE VALIDATIE met succes afgesloten... 595: Stylesheet filemanager.css NIET geladen 595: Stylesheet fancybox.css NIET geladen 595: Stylesheet scripts.css NIET geladen 618: Stylesheet css.css LOKAAL geladen REGEL ((linemarker)) 339: BASALE VALIDATIE met succes afgesloten... 595: Stylesheet informationplatform.css NIET geladen 595: Stylesheet controlclasses.css NIET geladen 595: Stylesheet agenda.css NIET geladen 595: Stylesheet simpleform.css NIET geladen 618: Stylesheet formulieren.css LOKAAL geladen REGEL ((linemarker)) 339: BASALE VALIDATIE met succes afgesloten... 595: Stylesheet alex.css NIET geladen */ screen-CSS van smartscripts.nl

smartscripts.nl: screen-CSS voor browser ie11

Door CSS-optimizer gerealiseerde bandbreedtebesparing in kilobytes

Bronbestand: googlemaps.css (enkel indien nodig op pagina) - omhoog

0001
0002
0003 #mapfromgooglecontainer {
0004   position: relative;
0005   width: 32.4em;
0006   height: 31.3em;
0007   margin-top: 2em;
0008 }
0009
0010 #mapfromgoogle {
0011   width: 32.4em;
0012   height: 31.3em;
0013   position: absolute;
0014 }
0015 #gmsidebar {
0016   background: #fff;
0017   font-size: 90%;
0018   display: none;
0019
0020         border-right: 1px solid #cccccc;
0021         border-left: 1px solid #cccccc;
0022         border-bottom: 1px solid #cccccc;
0023         
0024         
0025         padding: 0;
0026         -moz-border-radius-bottomleft: 9px 9px;
0027         -webkit-border-bottom-left-radius: 9px 9px;
0028         -khtml-border-bottom-left-radius: 9px 9px;
0029         -o-border-bottom-left-radius: 9px 9px;
0030         border-bottom-left-radius: 9px 9px;
0031         -moz-border-radius-bottomright: 9px 9px;
0032         -webkit-border-bottom-right-radius: 9px 9px;
0033         -khtml-border-bottom-right-radius: 9px 9px;
0034         -o-border-bottom-right-radius: 9px 9px;
0035         border-bottom-right-radius: 9px 9px;
0036 }
0037
0038 #gmsidebar ul {
0039         margin: 0 0 .6em 0;
0040         padding-top: .3em;
0041         text-align: center;
0042 }
0043
0044 #gmsidebar li, #gmsidebar li:before {
0045         margin-right: 1.5em;
0046 }
0047
0048 #gmsidebar li {
0049         display: inline;
0050         white-space: pre-line;
0051 }
0052 #gmsidebar li:last-child {
0053         margin-right: 0;
0054 }
0055 #gmsidebar li:before {
0056         content: "|";
0057 }
0058 #gmsidebar li:first-child:before {
0059         content: "";
0060         margin-right: 0;
0061 }
0062
0063 #gmopeninfobar {
0064         float: right;
0065         margin-top: -1.25em;
0066         position: relative;
0067         z-index: 999999999;
0068         margin-right: .5em;
0069 }
0070 #gmopeninfobar.close {
0071         -webkit-transform: rotate(180deg);
0072         -moz-transform: rotate(180deg);
0073         -ms-transform: rotate(180deg);
0074         -o-transform: rotate(180deg);
0075         transform: rotate(180deg);
0076 }
0077 #mapcover {
0078   background: #FFF;
0079   background: rgba(255,255,255,0.9);
0080   width: 32.4em;
0081   height: 31.3em;
0082   position: absolute;
0083   left: 0;
0084   top: 0;
0085   display: none;
0086 }
0087
0088 #mapinvoer p {
0089   margin-left: 0;
0090 }
0091 #mapvelden input {
0092   filter: alpha(opacity=100);
0093   -moz-opacity: 1.0;
0094   opacity: 1.0;
0095   background: #FFF;
0096 }
0097 #opties label {
0098   padding-bottom: 0;
0099 }
0100 label.disabled {
0101     font-style: italic;
0102     color: #CCC;
0103 }
0104 #lopen, #snelwegen {
0105   width: auto;
0106   height: auto;
0107   margin-right: 1em;
0108 }
0109 #buttons {
0110   padding: 1em 0 0 0;
0111 }
0112 #buttons input {
0113   margin-left: .5em;
0114 }
0115 #buttons input:first-child {
0116   margin-left: 13.7em;
0117 }
0118 #wissen {
0119   top: 3em;
0120 }
0121 #routebeschrijving, #routebeschrijvingvanaf {
0122   position: relative;
0123   overflow: show;
0124   height: auto;
0125   display: none;
0126   width: 32.4em;
0127   padding: 0;
0128   margin-right: 24px;
0129   margin-left: 25px;
0130 }
0131 #cgmz {
0132   position: absolute;
0133   top: -3.2em;
0134   right: 1em;
0135   font-size: 70% ;
0136 }
0137 #contactroute h2 {
0138   float: left;
0139 }
0140 #mapinvoer h3 {
0141   padding-left: 0;
0142   margin: 0;
0143   display: inline;
0144 }
0145 h3#routenaarkop, h3#routevanafkop {
0146   display: none;
0147   margin-top: 2.5em;
0148   margin-bottom: .8em;
0149 }
0150 .googledir b {
0151   position: relative;
0152   left: -20px;
0153 }
0154 .googledir table b {
0155   left: 0;
0156 }
0157 img.reset {
0158   position: relative;
0159   top: .3em;
0160 }
0161 #indicator a {
0162   display: inline-block;
0163   margin-top: 1em;
0164 }
0165 #gm-print {
0166   float: right;
0167   margin-top: -1.25em;
0168   position: relative;
0169   z-index: 999999999;
0170 }
0171 ul#gmnav {
0172   padding-left: 0;
0173   padding-bottom: 1em;
0174   visibility: hidden;
0175 }
0176 ul#gmnav li {
0177   float: left;
0178   margin-left: 30px;
0179   list-style: none;
0180 }
0181 ul#gmnav li+li {
0182   margin-left: 0;
0183 }
0184
0185 .infobubble {
0186   border: 1px solid #ccc;
0187   -webkit-border-radius: 12px;
0188   -moz-border-radius: 12px;
0189   border-radius: 12px;
0190   margin-top: 8px;
0191   background: #fff;
0192   padding: 10px;
0193   min-width: 180px;
0194   font-size: 85%;
0195   position: relative;
0196 }
0197
0198 div.infobubble-pijl {
0199   position: absolute;
0200   left: 82px;
0201   top: -7px;
0202   width: 0;
0203   height: 0;
0204   border-left: 7px solid transparent;
0205   border-right: 7px solid transparent;
0206
0207   border-bottom: 7px solid #fff;
0208 }
0209
0210 a.infobubble-close {
0211   position: absolute;
0212   top: 5px;
0213   right: 5px;
0214   text-decoration: none;
0215   cursor: pointer;
0216 }
0217
0218
0219
0220 #routeresultaat {
0221   display: none;
0222 }
0223 #beschrijving {
0224   width: 32.4em;
0225   float: left;
0226 }
0227
0228 #routekaart {
0229   width: 32.4em;
0230   height: 45em;
0231   float: left;
0232   margin-left: .3em;
0233 }
0234
0235

Bronbestand: css.css

0001
0002
0003 body, article, aside, canvas,
0004 footer, header, menu, nav, section, summary,
0005 time, audio, video, #wrapper, #kop, #inhoud, .zonder, h1, h2, h3, h4, h3 + dl, p, pre, blockquote, cite, code, abbr, acronym, del, ins, object, ul, ol, li, dl, dd, dt, a, a:hover, img, img a, form, fieldset, label, legend, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td, small, dfn, div.so-article, div.so-aside, div.so-canvas,
0004 div.so-footer, div.so-header, div.so-menu, div.so-nav, div.so-section, div.so-summary,
0005 div.so-time, div.so-audio, div.so-video {
0006   font-size: 100%;
0007   font-weight: normal;
0008   font-style: normal;
0009   color: #333;
0010   text-align: left;
0011   text-decoration: none;
0012   border: 0;
0013   padding: 0;
0014   margin: 0;
0015   list-style: none;
0016         line-height: 1;
0017 }
0018
0019 header, section, article, figure, figcaption, aside, menu, nav, footer,
0018
0019 div.so-header, div.so-section, div.so-article, div.so-figure, div.so-figcaption, div.so-aside, div.so-menu, div.so-nav, div.so-footer {
0020   display: block;
0021 }
0022 a:focus {
0023   outline: 0;
0024 }
0025 blockquote, q {
0026   quotes: none;
0027
0028         font-size: calc(1.5vmax + .1vw);
0029         font-size: 100%;
0030 }
0031
0032 blockquote:before, blockquote:after, q:before, q:after, cite:before, cite:after {
0033   content: none;
0034 }
0035 blockquote, q {
0036   quotes: "\201C" "\201D" "\2018" "\2019";
0037 }
0038 q:before, blockquote:before {
0039   content: open-quote;
0040 }
0041 q:after, blockquote:after {
0042   content: close-quote;
0043 }
0044
0045 blockquote div {
0046         display: inline;
0047 }
0048
0049 del {
0050   text-decoration: line-through;
0051 }
0052
0053 table {
0054   border-collapse: collapse;
0055 }
0056 dfn {
0057   cursor: pointer;
0058   font-style: italic;
0059 }
0060
0061
0062
0063
0064 body {
0065         padding-bottom: 1em;
0066
0067         
0068         border-collapse: separate;
0069
0070         font: 100%/1.4 Arial, Helvetica, sans-serif;
0071         color: #000;
0072 }
0073
0074
0075
0076 #home {
0077         background-color: #1E5CA5;
0078 }
0079 header,
0079 div.so-header {
0080         background-color: #FFF;
0081 }
0082 section,
0082 div.so-section {
0083         max-width: 37.5em;
0084         margin-left: 3%;
0085 }
0086
0087 #illustratie, #kreet {
0088         display: none;
0089 }
0090
0091 footer,
0090
0091 div.so-footer {
0092         margin-left: 3%;
0093 }
0094
0095 textarea {
0096         width: 97%;
0097         max-width: 37.5em;
0098 }
0099
0100
0101
0102 h1, h2, h3, h4, p, li, dt, dd, label {
0103         margin-top: 1em;
0104 }
0105 h1 {
0106         margin-top: 0;
0107         line-height: 1.2;
0108 }
0109 h2 {
0110         font-size: 150%;
0111         line-height: 1.3;
0112 }
0113 h3 {
0114         font-size: 110%;
0115         line-height: 1.5;
0116         color: #777;
0117         margin-top: 1em;
0118 }
0119 p, li, dd {
0120         font-size: 90%;
0121         line-height: 1.2;
0122 }
0123 p, dd {
0124         margin-bottom: 1em;
0125 }
0126
0127 dl {
0128         padding-left: 0;
0129 }
0130 dt {
0131         font-size: 90%;
0132         line-height: 1.5;
0133         font-weight: bold;
0134         font-style: italic;
0135         color: #201875;
0136         margin-bottom: 5px;
0137 }
0138 dd {
0139         line-height: 1.2;
0140 }
0141 ul li {
0142         list-style-type: square;
0143         
0144 }
0145 blockquote {
0146         margin: 0 20px 0 12px;
0147 }
0148 cite {
0149         font-size: 90%;
0150         line-height: 1.35;
0151         margin: 0 20px 0 12px;
0152 }
0153 a {
0154         color: #901D7C;
0155         text-decoration: underline;
0156 }
0157 a:hover, a:focus, a:active {
0158         color: #000;
0159         text-decoration: none;
0160 }
0161
0162
0163
0164 #inhoudsopgave {
0165         display: none;
0166 }
0167
0168 .logo {
0169         margin: 5px 5px 12px 5px;
0170         float: left;
0171 }
0172 .staatrechts {
0173         float: right;
0174         margin: 5px 0 0 5px;
0175 }
0176
0177
0178
0179 header h1,
0176
0177
0178
0179 div.so-header h1 {
0180         color: #C68E17;
0181         font-size: 90%;
0182         line-height: 1.1;
0183         font-style: italic;
0184         width: 6em;
0185         padding: 10px 0 20px 0;
0186         margin: 0 0 0 70px;
0187 }
0188 section header h1,
0188 div.so-section div.so-header h1 {
0189         line-height: 1.1;
0190         color: #901D7C;
0191         font-size: 150%;
0192         font-style: normal;
0193         width: auto;
0194         padding: 0;
0195         margin: .7em 0 .7em 0;
0196 }
0197 #home h2 {
0198         font-size: 100%;
0199         text-transform: uppercase;
0200         color: #CFF;
0201         margin: 1em 0 .6em 15px;
0202 }
0203 section p.tekstrandboven,
0203 div.so-section p.tekstrandboven {
0204         padding-top: 1em;
0205         margin-top: 1em;
0206         border-top: 5px solid #98D8F3;
0207 }
0208 ul#inhoudsopgave li {
0209         list-style: none;
0210 }
0211 nav ul,
0211 div.so-nav ul {
0212         padding-left: 0;
0213         margin: 0 3%;
0214 }
0215 nav li,
0215 div.so-nav li {
0216         margin: auto 0;
0217         list-style: none;
0218 }
0219 nav a,
0219 div.so-nav a {
0220         display: block;
0221         clear: both;
0222 }
0223 a img.logo {
0224         border: solid #FFF 1px;
0225 }
0226 a:hover img.logo, a:focus img.logo, a:active img.logo {
0227         border: solid #AF7817 1px;
0228 }
0229 #home nav a,
0229 #home div.so-nav a {
0230         display: inline;
0231 }
0232 #topnav, nav.mobiel, div.so-nav.mobiel {
0233         background-color: #FFF;
0234         padding: 6px 0 10px 2px;
0235         margin: 0;
0236         clear: both;
0237 }
0238 nav.mobiel,
0238 div.so-nav.mobiel {
0239         padding-bottom: 0;
0240 }
0241 #topnav li {
0242         display: inline-block;
0243         font-weight: bold;
0244 }
0245 #topnav li a, nav.mobiel a, nav.mobiel a, div.so-nav.mobiel a, div.so-nav.mobiel a {
0246         font-size: 90%;
0247         line-height: 1;
0248         color: #000;
0249         text-decoration: none;
0250         padding: 4px;
0251         margin: 3px;
0252         border: solid #98D8F3 1px;
0253         background-color: #98D8F3;
0254 }
0255 nav.mobiel,
0255 div.so-nav.mobiel {
0256         height: 2.10em;
0257 }
0258 nav.mobiel a,
0258 div.so-nav.mobiel a {
0259         margin-top: 0;
0260 }
0261 nav.mobiel a,
0261 div.so-nav.mobiel a {
0262         width: 4em;
0263 }
0264 nav.mobiel a:before,
0264 div.so-nav.mobiel a:before {
0265         content: '\00bb\00a0';
0266 }
0267 #topnav li a:hover, #topnav li a:focus, #topnav li a:active, nav.mobiel a:hover, nav.mobiel a:focus, nav.mobiel a:active, div.so-nav.mobiel a:hover, div.so-nav.mobiel a:focus, div.so-nav.mobiel a:active {
0268         color: #901D7C;
0269         border: solid #901D7C 1px;
0270         background-color: #FFF;
0271 }
0272 #scripts {
0273         padding-bottom: .2em;
0274         margin-left: 15px;
0275         background: #1E5CA5;
0276 }
0277 #scripts li {
0278         font-weight: bold;
0279         padding: 5px 0 5px 0;
0280         border-top: solid #CFF 1px;
0281         list-style: url('/a/bullet.gif');
0282 }
0283
0284 #scripts li a {
0285         color: #FFF;
0286         text-decoration: none;
0287         padding: 0 3px;
0288 }
0289 #scripts li a:hover, #scripts li a:focus, #scripts li a:active {
0290         color: #901D7C;
0291         background-color: #FFF;
0292 }
0293 ul.tarieven {
0294         width: 97%;
0295 }
0296 .tarieven li {
0297         list-style: none;
0298         margin-bottom: .5em;
0299 }
0300 .tarieven li span {
0301         display: inline-block;
0302         width: 4em;
0303         top: 0;
0304 }
0305 .tarieven span.schuinklein {
0306         font-size: 90%;
0307         font-style: italic;
0308         color: #999;
0309         width: auto;
0310         top: auto;
0311 }
0312 a#mailadres:hover, a#mailadres:focus, a#mailadres:active {
0313         color: #901D7C;
0314 }
0315 #home a#mailadres {
0316         color: #98D8F3;
0317 }
0318 #home a#mailadres:hover, #home a#mailadres:focus {
0319         color: #FFF;
0320 }
0321 li#mobieldesktop {
0322         list-style: none;
0323         margin-left: 3px;
0324 }
0325 #infosite, #extramenu, #socialmedia {
0326         padding: .9em 3%;
0327         margin: 0;
0328         background-color: #98D8F3;
0329 }
0330 #extramenu {
0331         background-color: #FFF;
0332 }
0333 #socialmedia {
0334         background-color: #CCCADF;
0335 }
0336 #socialmedia li {
0337         font-size: 90%;
0338 }
0339 #socialmedia li a {
0340         color: #AF7817;
0341 }
0342 #infosite li {
0343         line-height: 1.1;
0344 }
0345 #infosite a {
0346         color: #901D7C;
0347         font-size: 75%;
0348 }
0349
0350 #infosite address {
0351         font-size: 80%;
0352   display: block;
0353   text-align: left;
0354   margin: 1em 0 0 0;
0355   font-style: normal;
0356 }
0357
0358 #infosite ul {
0359   margin-left: .85em !important;
0360 }
0361 #infosite address {
0362   margin-left: 1em !important;
0363 }
0364
0365 #infosite li:first-child {
0366   margin-left: 0;
0367 }
0368
0369 a#ldisclaimer {
0370   padding-left: 0 !important;
0371 }
0372
0373 #socialmedia li a:hover, #socialmedia li a:focus, #socialmedia li a:active, #infosite li a:hover, #infosite li a:focus, #infosite li a:active {
0374         color: #000;
0375         text-decoration: underline;
0376 }
0377 #mobielswitch {
0378         font-size: 90%;
0379         font-weight: bold;
0380         background-color: #FFF;
0381         padding-top: .8em;
0382         padding-bottom: .8em;
0383 }
0384 #mobielswitch li {
0385         margin-top: 0;
0386 }
0387 #mobielswitch a {
0388         color: #AF7817;
0389         border: solid #FFF 1px;
0390         padding: 5px;
0391 }
0392 #mobielswitch a:hover, #mobielswitch a:focus, #mobielswitch a:active {
0393         border: solid #AF7817 1px;
0394 }
0395 #mobielswitch a:before {
0396         content: '\00ab\00a0';
0397 }
0398 #socialmedia a, #mobielswitch a {
0399         text-decoration: none;
0400 }
0401
0402 a#mailadres {
0403         font-size: 85%;
0404         line-height: 2;
0405         display: inline-block;
0406         padding: 0;
0407
0408         margin: 0 0 1em 0;
0409 }
0410
0411
0412 #alert {
0413         width: 50%;
0414         text-align: center;
0415         margin: 1em auto;
0416 }
0417
0418
0419
0420 label, input, textarea {
0421         display: inline;
0422 }
0423 label {
0424         margin-bottom: .4em;
0425 }
0426 input, textarea, select {
0427         border: 1px solid #B7B7B7;
0428         display: inline;
0429 }
0430 #Verzenden {
0431         padding: .3em;
0432         margin: 1em 0 1em 3%;
0433 }
0434
0435 .desktop, .desktop-or-home-mobile, #home .not-home-and-mobile {
0436         display: none !important;
0437 }
0438 #home .desktop-or-home-mobile {
0439         display: block !important;
0440 }
0441
0442 div#optiebeheerlink {
0443         position: absolute;
0444         top: 3px;
0445         right: 3px;
0446         width: 16px;
0447         height: 16px;
0448 }
0449
0450 input#q {
0451         width: 15em;
0452 }
0453
0454 ul.tarieven span {
0455         float: right;
0456         margin: 0 0 .5em .5em;
0457 }
0458
0459 #zoekformulier {
0460         margin-bottom: 1.7em;
0461 }
0462
0463 #zoekformulier fieldset {
0464         width: 20em;
0465 }
0466
0467 form#zoekformulier label {
0468         color: #000;
0469 }
0470
0471 #zoekformulier ul {
0472         padding-left: 1em;
0473 }
0474 #zoekformulier li {
0475         list-style: none;
0476 }
0477
0478 li#helewoordencheck {
0479         margin-top: .3em;
0480 }
0481
0482 #searchsubmit {
0483         position: relative;
0484         top: .25em;
0485         left: .5em;
0486         border: 0;
0487 }
0488
0489 .only-desktop {
0490         display: none !important;
0491 }
0492
0493
0494 @media all and (min-width:50em) {
0495
0496         
0497         body {
0498                 font: 100%/1.4 Arial, Helvetica, sans-serif;
0499                 color: #333;
0500                 padding-bottom: 1em;
0501                 margin: 0;
0502
0503                 
0504                 border-collapse: collapse;
0505         }
0506
0507         #home h2 {
0508                 font-size: 150%;
0509                 text-transform: none;
0510                 color: #901D7C;
0511                 margin: .75em 0 .35em 0;
0512         }
0513
0514         #home nav a,
0513
0514         #home div.so-nav a {
0515                 display: block;
0516         }
0517
0518         #home nav #infosite a,
0517
0518         #home div.so-nav #infosite a {
0519                 display: inline;
0520         }
0521
0522         nav a,
0521
0522         div.so-nav a {
0523                 clear: none;
0524         }
0525
0526         nav.mobiel a:before,
0525
0526         div.so-nav.mobiel a:before {
0527                 content: '';
0528         }
0529
0530         .only-desktop, .desktop-or-home-mobile, #home .not-home-and-mobile {
0531                 display: block !important;
0532         }
0533
0534         .only-mobile {
0535                 display: none !important;
0536         }
0537
0538         a#mailadres {
0539                 font-size: 85%;
0540                 color: #1E5CA5;
0541                 line-height: 2;
0542                 display: inline-block;
0543                 padding: 0 0 .6em 3%;
0544
0545                 margin: 0;
0546         }
0547
0548         #home a#mailadres {
0549                 color: #322A7F;
0550                 padding: 0;
0551         }
0552         #home a#mailadres:hover, #home a#mailadres:focus {
0553                 color: #901D7C;
0554         }
0555
0556         #wrapper {
0557                 width: 58.13em;
0558                 padding-bottom: 4em;
0559                 margin: 0 auto;
0560                 position: relative;
0561                 overflow: hidden;
0562                 background: url('/a/basis.png') no-repeat;
0563                 background-size: 58.13em 62.88em;
0564                 -o-background-size: 58.13em 62.88em;
0565                 -webkit-background-size: 58.13em 62.88em;
0566                 -khtml-background-size: 58.13em 62.88em;
0567                 -moz-background-size: 58.13em 62.88em;
0568
0569                 min-height: 600px;
0570         }
0571
0572         #home {
0573                 background-color: transparent;
0574         }
0575
0576         header,
0575
0576         div.so-header {
0577                 width: 42.85em;
0578                 background: transparent;
0579         }
0580
0581         section,
0580
0581         div.so-section {
0582                 max-width: 50em;
0583                 margin-left: 0;
0584         }
0585
0586         textarea {
0587                 width: 13em !important;
0588         }
0589
0590         #reactieformulier fieldset {
0591                 padding-bottom: 0;
0592         }
0593
0594         #reactieformulier input {
0595                 position: absolute;
0596                 top: 1.7em !important;
0597                 right: 0;
0598         }
0599
0600         li.knoppen {
0601                 border-width: 0;
0602                 clear: both;
0603         }
0604
0605         #reactieformulier li.knoppen {
0606                 width: 30.1em;
0607         }
0608
0609         li.knoppen input {
0610                 margin-left: 22em;
0611                 font-size: 14px !important;
0612         }
0613
0614         #reactieformulier li.knoppen input {
0615                 position: static;
0616                 left: auto;
0617                 right: auto;
0618                 top: auto;
0619                 bottom: auto;
0620                 float: right;
0621         }
0622
0623         p, li, dd {
0624                 line-height: 1.4;
0625         }
0626
0627         #inhoudsopgave {
0628                 display: block;
0629         }
0630
0631         section header, .vervolg, #snap-vervolgtekst, div.accordeon.noaccordeon,
0630
0631         div.so-section div.so-header {
0632                 margin: 6em 0 0 14.3em;
0633                 float: left;
0634                 background: rgba(255, 255, 255, .8);
0635         }
0636
0637         .vervolg, #snap-vervolgtekst, div.accordeon, div#ajaxrefresh3 {
0638                 position: relative;
0639         }
0640
0641         #voorwaarden div.accordeon.noaccordeon {
0642                 margin-left: 0;
0643         }
0644
0645         input, textarea, select {
0646                 font: 100%/1.5 Helvetica, Arial, sans-serif;
0647                 padding: .3em;
0648                 margin: .1em;
0649                 border: 1px solid #B7B7B7;
0650                 overflow: hidden;
0651                 -moz-box-shadow: 0 0 4px #CCC;
0652                 -webkit-box-shadow: 0 0 4px #CCC;
0653                 box-shadow: 0 0 4px #CCC;
0654                 -moz-border-radius: 5px;
0655                 -webkit-border-radius: 5px;
0656                 border-radius: 5px;
0657                 background-color: #F5F5F5;
0658                 background: -moz-linear-gradient(top, #EAEAEA 0%, #FAFAFA 30%);
0659                 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #EAEAEA),color-stop(30%, #FAFAFA));
0660                 background: -webkit-linear-gradient(#EAEAEA, #FAFAFA);
0661                 background: linear-gradient(#EAEAEA, #FAFAFA);
0662         }
0663
0664
0665         #Verzenden, #verzenden_last, #reactieformulier input {
0666                 font-size: 90%;
0667                 color: #333;
0668                 font-weight: bold;
0669                 padding: .4em .3em;
0670                 background-color: #EAEAEA;
0671                 background: -moz-linear-gradient(top, #EAEAEA 0%, #FAFAFA 100%);
0672                 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #EAEAEA),color-stop(100%, #FAFAFA));
0673                 background: -webkit-linear-gradient(#EAEAEA, #FAFAFA);
0674                 background: linear-gradient(#EAEAEA, #FAFAFA);
0675                 cursor: pointer;
0676         }
0677         input#Verzenden:hover, input#Verzenden:focus, input#verzenden_last:hover, input#verzenden_last:focus, #reactieformulier input:hover, #reactieformulier input:focus {
0678                 color: #901D7C;
0679                 background-color: #EEE;
0680                 background: -moz-linear-gradient(top, #DEDEDE 0%, #EEE 100%);
0681                 background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #DEDEDE),color-stop(100%, #EEE));
0682                 background: -webkit-linear-gradient(#DEDEDE, #EEE);
0683                 background: linear-gradient(#DEDEDE, #EEE);
0684         }
0685
0686         #reactieformulier textarea {
0687                 width: 81% !important;
0688         }
0689
0690         form#zoekformulier {
0691                 position: absolute;
0692                 top: 1em;
0693                 left: 49.55em;
0694                 width: 9.6em;
0695         }
0696
0697         form#zoekformulier input#helewoorden {
0698                 float: none;
0699                 position: absolute;
0700                 top: .15em;
0701                 right: 2.4em;
0702                 -moz-box-shadow: 0 0 0 transparent;
0703                 -webkit-box-shadow: 0 0 0 transparent;
0704                 box-shadow: 0 0 0 transparent;
0705         }
0706
0707         #zoekformulier {
0708                 margin-bottom: 0;
0709         }
0710
0711         #zoekformulier fieldset {
0712                 width: auto;
0713         }
0714
0715         form#zoekformulier label {
0716                 color: #fff;
0717         }
0718
0719         #zoekformulier ul {
0720                 padding-left: 0;
0721         }
0722
0723         .achandle {
0724                 cursor: pointer;
0725                 text-decoration: underline;
0726         }
0727
0728         .achandle:hover {
0729                 text-decoration: none;
0730         }
0731
0732         div.imagegroup {
0733                 margin-left: 1em;
0734         }
0735
0736         div.imagegroup a {
0737                 display: inline-block;
0738                 margin-bottom: .3em;
0739                 margin-right: .3em;
0740         }
0741
0742         section header,
0741
0742         div.so-section div.so-header {
0743                 width: 17.8em;
0744                 padding-bottom: 25px;
0745                 position: relative;
0746         }
0747
0748         nav #topnav,
0747
0748         div.so-nav #topnav {
0749                 width: 33em;
0750                 position: absolute;
0751                 top: 6.75em;
0752                 left: 14.3em;
0753                 line-height: 1.4;
0754         }
0755
0756         #homelink {
0757                 text-indent: -999999px;
0758                 width: 11.5em;
0759                 height: 11.5em;
0760                 display: inline-block;
0761                 background: url('/a/smartscripts-logo.png') no-repeat;
0762                 position: absolute;
0763                 top: .3125em;
0764                 left: .75em;
0765                 -moz-box-shadow: 0 0 4px #FFF;
0766                 -webkit-box-shadow: 0 0 4px #FFF;
0767                 box-shadow: 0 0 4px #FFF;
0768         }
0769
0770         a#homelink:hover, a#homelink:focus {
0771                 
0772                 -moz-box-shadow: 0 0 4px #98D8F3;
0773                 -webkit-box-shadow: 0 0 4px #98D8F3;
0774                 box-shadow: 0 0 4px #98D8F3;
0775         }
0776
0777         nav #scripts,
0776
0777         div.so-nav #scripts {
0778                 width: 12.85em;
0779                 float: none;
0780                 position: absolute;
0781                 top: 16.3em;
0782                 left: 0;
0783         }
0784
0785         #socialmedia li a {
0786                 color: #901D7C;
0787         }
0788
0789         #socialmedia li a:hover {
0790                 text-decoration: none;
0791         }
0792
0793         footer,
0792
0793         div.so-footer {
0794                 color: #150162;
0795                 width: 32.4em;
0796                 padding: .7em 0 0 0;
0797                 margin: 1.5em 0 0 14.3em;
0798                 border-top: solid 1px #150162;
0799                 float: left;
0800         }
0801
0802         #alert {
0803
0804                 font-size: 95%;
0805                 font-weight: bold;
0806                 color: #C71B0C;
0807                 line-height: 1.2;
0808                 text-align: center;
0809                 padding: .5em 0;
0810                 margin-top: 1.3em;
0811                 position: absolute;
0812                 top: 7.5em;
0813                 left: 30%;
0814         }
0815
0816         
0817         #illustratie {
0818                 height: 20.937em;
0819                 width: 13.45em;
0820                 position: absolute;
0821                 top: 10.3em;
0822                 right: 11.5em;
0823                 display: block;
0824         }
0825
0826         #illustratie img,
0827         section header img,
0827         div.so-section div.so-header img {
0828                 height: 20.937em;
0829                 width: 13.45em;
0830                 position: absolute;
0831         }
0832
0833         #kreet, header img, div.so-header img {
0834                 display: block;
0835         }
0836
0837         section header a.editicoon img,
0836
0837         div.so-section div.so-header a.editicoon img {
0838                 height: 16px;
0839                 width: 16px;
0840                 position: relative;
0841         }
0842
0843         a.editicoon {
0844                 position: absolute;
0845                 top: 0;
0846                 right: 0;
0847         }
0848
0849         #reactieformulier textarea {
0850                 width: 100%;
0851         }
0852
0853         #reageren #illustratie, #htmlemail #illustratie {
0854                 
0855                 top: 23em;
0856                 left: 14.3em;
0857         }
0858
0859         #htmlemail #illustratie {
0860                 top: 24.35em;
0861         }
0862
0863         #formulier section header img,
0864         #apache section header img,
0865         #voorwaarden section header img,
0866         #tweets section header img,
0862
0863         #formulier div.so-section div.so-header img,
0864         #apache div.so-section div.so-header img,
0865         #voorwaarden div.so-section div.so-header img,
0866         #tweets div.so-section div.so-header img {
0867                 
0868                 right: 0;
0869         }
0870
0871         
0872         
0873         
0874         #smartscripts section header,
0875         #tarieven section header,
0876         #contact section header,
0877         #siteoptimizer section header,
0878         #formulier section header,
0879         #mailinglist section header,
0880         #mobielweb section header,
0881         #googlemaps section header,
0882         #zoeken section header,
0883                 
0884         #apache section header,
0885         #voorwaarden section header,
0886         #bodyhosting section header,
0887         #alex section header,
0888         #vragen section header,
0889         #sitebouwer section header,
0890         #tweets section header,
0891         #voorwaarden section header,
0892         #disclaimer section header,
0870
0871         
0872         
0873         
0874         #smartscripts div.so-section div.so-header,
0875         #tarieven div.so-section div.so-header,
0876         #contact div.so-section div.so-header,
0877         #siteoptimizer div.so-section div.so-header,
0878         #formulier div.so-section div.so-header,
0879         #mailinglist div.so-section div.so-header,
0880         #mobielweb div.so-section div.so-header,
0881         #googlemaps div.so-section div.so-header,
0882         #zoeken div.so-section div.so-header,
0883                 
0884         #apache div.so-section div.so-header,
0885         #voorwaarden div.so-section div.so-header,
0886         #bodyhosting div.so-section div.so-header,
0887         #alex div.so-section div.so-header,
0888         #vragen div.so-section div.so-header,
0889         #sitebouwer div.so-section div.so-header,
0890         #tweets div.so-section div.so-header,
0891         #voorwaarden div.so-section div.so-header,
0892         #disclaimer div.so-section div.so-header {
0893                 width: 32.3em;
0894                 padding-bottom: 0;
0895         }
0896
0897         #disclaimer .zonder {
0898                 min-height: 21em;
0899         }
0900
0901         
0902         #smartscripts section header,
0903         #siteoptimizer section header,
0904         #formulier section header,
0905         #mailinglist section header,
0906         #apache section header,
0907         #voorwaarden section header,
0908         #bodyhosting section header,
0909         #tweets section header,
0900
0901         
0902         #smartscripts div.so-section div.so-header,
0903         #siteoptimizer div.so-section div.so-header,
0904         #formulier div.so-section div.so-header,
0905         #mailinglist div.so-section div.so-header,
0906         #apache div.so-section div.so-header,
0907         #voorwaarden div.so-section div.so-header,
0908         #bodyhosting div.so-section div.so-header,
0909         #tweets div.so-section div.so-header {
0910                 overflow: hidden;
0911                 background: none;
0912         }
0913
0914         
0915         #reageren section header, #htmlemail section header,
0913
0914         
0915         #reageren div.so-section div.so-header, #htmlemail div.so-section div.so-header {
0916                 width: 13.45em;
0917                 padding-bottom: 22.4em;
0918                 background: none;
0919         }
0920
0921         
0922         #reageren div#snap-vervolgtekst, #htmlemail div#snap-vervolgtekst, #reageren #snap-vervolgtekst, #htmlemail #snap-vervolgtekst {
0923                 width: 17.8em;
0924                 padding-bottom: 1em;
0925                 margin-top: 6.5em;
0926                 margin-right: 2.5em;
0927                 margin-left: 0;
0928                 border: 0;
0929                 float: right;
0930         }
0931
0932         
0933         #home div#snap-vervolgtekst, #home #snap-vervolgtekst {
0934                 width: 17.6em;
0935                 padding-bottom: 1em;
0936                 margin-top: 1.3em;
0937                 border: solid 1px #901D7C;
0938         }
0939
0940         
0941         div#snap-vervolgtekst,
0942         #smartscripts div.accordeon.noaccordeon,
0943         #siteoptimizer div.accordeon.noaccordeon,
0944         #formulier div.accordeon.noaccordeon,
0945         #mailinglist div.accordeon.noaccordeon,
0946         #mobielweb div.accordeon.noaccordeon,
0947         #zoeken div#snap-vervolgtekst,
0948         #apache div.accordeon.noaccordeon,
0949         #voorwaarden div.accordeon.noaccordeon,
0950         #bodyhosting div.accordeon.noaccordeon,
0951         #smartscripts div#snap-vervolgtekst,
0952         #vragen div.accordeon.noaccordeon,
0953         #sitebouwer div#snap-vervolgtekst,
0954         #tweets div.accordeon.noaccordeon,
0955         #voorwaarden div.accordeon.noaccordeon {
0956                 width: 32.2em;
0957                 padding-bottom: 1em;
0958                 margin-top: 1.3em;
0959                 border: solid 1px #901D7C;
0960         }
0961
0962         
0963         #vragen div.accordeon.noaccordeon,
0964         #sitebouwer div#snap-vervolgtekst,
0965         #zoeken div#snap-vervolgtekst {
0966                 width: 32.4em;
0967                 border: 0;
0968         }
0969
0970         
0971         #tarieven div#snap-vervolgtekst,
0972         #alex div.accordeon.noaccordeon,
0973         #contact div#snap-vervolgtekst,
0974         #googlemaps div#snap-vervolgtekst,
0975         #zoeken div#snap-vervolgtekst {
0976                 width: 32.4em;
0977                 margin-top: 0;
0978         }
0979
0980         #smartscripts div.accordeon.noaccordeon,
0981         #siteoptimizer div.accordeon.noaccordeon,
0982         #mailinglist div.accordeon.noaccordeon,
0983         #formulier div.accordeon.noaccordeon,
0984         #apache div.accordeon.noaccordeon,
0985         #voorwaarden div.accordeon.noaccordeon,
0986         #bodyhosting div.accordeon.noaccordeon,
0987         #alex div.accordeon.noaccordeon,
0988         #tweets div.accordeon.noaccordeon {
0989                 padding-bottom: 1.7em;
0990         }
0991
0992         #alex .staatrechts {
0993                 margin-top: 1em;
0994                 margin-right: 0;
0995                 margin-left: 2em;
0996         }
0997
0998         
0999         h1 {
1000                 font-size: 150%;
1001                 line-height: 1.1;
1002                 font-weight: normal;
1003                 color: #901D7C;
1004                 margin: .65em 0 .5em 0;
1005         }
1006
1007         h2 {
1008                 font-size: 150%;
1009                 line-height: 1.1;
1010                 font-weight: normal;
1011                 color: #333;
1012                 margin: .75em 0 .35em 0;
1013         }
1014
1015         nav h2,
1014
1015         div.so-nav h2 {
1016                 text-indent: 100%;
1017                 white-space: pre;
1018                 overflow: hidden;
1019                 height: 0;
1020         }
1021
1022         h3 {
1023                 font-size: 100%;
1024                 line-height: 1.1;
1025                 font-weight: bold;
1026                 color: #999;
1027                 margin-top: 1em;
1028                 border: 0;
1029                 background: none;
1030         }
1031
1032         h4, dt {
1033                 font-size: 95%;
1034                 font-weight: bold;
1035                 color: #333;
1036                 margin-top: 1em;
1037         }
1038
1039         p, li, dd, td, label, blockquote {
1040                 font-size: 90%;
1041         }
1042
1043         p, ul, ol, dd, blockquote {
1044                 margin-bottom: 1em;
1045         }
1046
1047         dt {
1048                 line-height: 1.1;
1049                 margin: .75em 0;
1050         }
1051
1052         section dd ul,
1051
1052         div.so-section dd ul {
1053                 padding-left: 17px;
1054         }
1055
1056         dd li {
1057                 font-size: 100%;
1058         }
1059
1060         cite {
1061                 font-size: 75%;
1062                 line-height: 1.3;
1063                 display: block;
1064                 margin: 0 0 1em 0;
1065         }
1066
1067         a {
1068                 color: #901D7C;
1069                 text-decoration: underline;
1070         }
1071
1072         a:hover, a:active {
1073                 text-decoration: none;
1074                 color: #901D7C;
1075         }
1076
1077         nav, img, footer, header[role=banner] h1, #topnav, #scripts, #mobielswitch, #zoekformulier, #illustratie, #infosite, #socialmedia, #extramenu, #reactieformulier, #reactieveldlabel, #kreet,
1076
1077         div.so-nav, div.so-footer, div.so-header[role=banner] h1 {
1078                 -webkit-touch-callout: none;
1079                 -webkit-user-select: none;
1080                 -moz-user-select: none;
1081                 -ms-user-select: none;
1082
1083                 user-select: none;
1084         }
1085
1086         
1087
1088         header h1,
1085
1086         
1087
1088         div.so-header h1 {
1089                 font-size: 180%;
1090                 line-height: 1;
1091                 font-weight: normal;
1092                 font-style: italic;
1093                 letter-spacing: normal;
1094                 text-transform: lowercase;
1095                 text-align: right;
1096                 color: #901D7C;
1097                 padding: .7em;
1098                 margin: 0;
1099                 width: auto;
1100         }
1101
1102         section header h1,
1101
1102         div.so-section div.so-header h1 {
1103                 font-size: 180%;
1104                 font-style: normal;
1105                 text-transform: none;
1106                 line-height: 1;
1107                 text-align: left;
1108                 padding: 0 .7em .7em .7em;
1109                 margin: 0;
1110         }
1111
1112         section header p, section header blockquote,
1111
1112         div.so-section div.so-header p, div.so-section div.so-header blockquote {
1113                 font-weight: bold;
1114                 color: #322A7F;
1115                 padding-top: .15em;
1116                 margin-bottom: 0;
1117         }
1118
1119         
1120         #smartscripts section header h1, #smartscripts section header p,
1121         #siteoptimizer section header h1, #siteoptimizer section header p,
1122         #formulier section header h1, #formulier section header p,
1123         #mailinglist section header h1, #mailinglist section header p,
1124         #apache section header h1, #apache section header p,
1125         #voorwaarden section header h1, #voorwaarden section header p,
1126         #bodyhosting section header h1, #bodyhosting section header p, #bodyhosting section header blockquote,
1127         #tweets section header h1, #tweets section header p,
1118
1119         
1120         #smartscripts div.so-section div.so-header h1, #smartscripts div.so-section div.so-header p,
1121         #siteoptimizer div.so-section div.so-header h1, #siteoptimizer div.so-section div.so-header p,
1122         #formulier div.so-section div.so-header h1, #formulier div.so-section div.so-header p,
1123         #mailinglist div.so-section div.so-header h1, #mailinglist div.so-section div.so-header p,
1124         #apache div.so-section div.so-header h1, #apache div.so-section div.so-header p,
1125         #voorwaarden div.so-section div.so-header h1, #voorwaarden div.so-section div.so-header p,
1126         #bodyhosting div.so-section div.so-header h1, #bodyhosting div.so-section div.so-header p, #bodyhosting div.so-section div.so-header blockquote,
1127         #tweets div.so-section div.so-header h1, #tweets div.so-section div.so-header p {
1128                 padding-top: 0;
1129                 margin-bottom: 0;
1130                 float: right;
1131         }
1132
1133         #smartscripts section header h1, #smartscripts section header p,
1134         #siteoptimizer section header h1, #siteoptimizer section header p,
1135         #formulier section header h1, #formulier section header p,
1136         #reageren section header h1, #reageren section header p,
1137         #mailinglist section header h1, #mailinglist section header p,
1138         #htmlemail section header h1, #htmlemail section header p,
1139         #apache section header h1, #apache section header p,
1140         #voorwaarden section header h1, #voorwaarden section header p,
1141         #bodyhosting section header h1, #bodyhosting section header p, #bodyhosting section header blockquote,
1142         #tweets section header h1, #tweets section header p,
1132
1133         #smartscripts div.so-section div.so-header h1, #smartscripts div.so-section div.so-header p,
1134         #siteoptimizer div.so-section div.so-header h1, #siteoptimizer div.so-section div.so-header p,
1135         #formulier div.so-section div.so-header h1, #formulier div.so-section div.so-header p,
1136         #reageren div.so-section div.so-header h1, #reageren div.so-section div.so-header p,
1137         #mailinglist div.so-section div.so-header h1, #mailinglist div.so-section div.so-header p,
1138         #htmlemail div.so-section div.so-header h1, #htmlemail div.so-section div.so-header p,
1139         #apache div.so-section div.so-header h1, #apache div.so-section div.so-header p,
1140         #voorwaarden div.so-section div.so-header h1, #voorwaarden div.so-section div.so-header p,
1141         #bodyhosting div.so-section div.so-header h1, #bodyhosting div.so-section div.so-header p, #bodyhosting div.so-section div.so-header blockquote,
1142         #tweets div.so-section div.so-header h1, #tweets div.so-section div.so-header p {
1143                 background: rgba(255, 255, 255, .8);
1144                 width: 8.1em;
1145         }
1146
1147         #smartscripts section header p,
1148         #siteoptimizer section header p,
1149         #reageren section header p,
1150         #formulier section header p,
1151         #mailinglist section header p,
1152         #htmlemail section header p,
1153         #apache section header p,
1154         #voorwaarden section header p,
1155         #bodyhosting section header p,
1156         #bodyhosting section header blockquote,
1157         #tweets section header p,
1146
1147         #smartscripts div.so-section div.so-header p,
1148         #siteoptimizer div.so-section div.so-header p,
1149         #reageren div.so-section div.so-header p,
1150         #formulier div.so-section div.so-header p,
1151         #mailinglist div.so-section div.so-header p,
1152         #htmlemail div.so-section div.so-header p,
1153         #apache div.so-section div.so-header p,
1154         #voorwaarden div.so-section div.so-header p,
1155         #bodyhosting div.so-section div.so-header p,
1156         #bodyhosting div.so-section div.so-header blockquote,
1157         #tweets div.so-section div.so-header p {
1158                 width: 16.2em;
1159                 padding-bottom: 25px;
1160                 clear: right;
1161         }
1162
1163         #apache section header p,
1164         #voorwaarden section header p,
1165         #bodyhosting section header p,
1166         #bodyhosting section header blockquote,
1162
1163         #apache div.so-section div.so-header p,
1164         #voorwaarden div.so-section div.so-header p,
1165         #bodyhosting div.so-section div.so-header p,
1166         #bodyhosting div.so-section div.so-header blockquote {
1167                 padding-bottom: .7em;
1168         }
1169
1170         
1171         #formulier section header h1, #formulier section header p,
1172         #apache section header h1, #apache section header p,
1173         #voorwaarden section header h1, #voorwaarden section header p,
1174         #tweets section header h1, #tweets section header p,
1169
1170         
1171         #formulier div.so-section div.so-header h1, #formulier div.so-section div.so-header p,
1172         #apache div.so-section div.so-header h1, #apache div.so-section div.so-header p,
1173         #voorwaarden div.so-section div.so-header h1, #voorwaarden div.so-section div.so-header p,
1174         #tweets div.so-section div.so-header h1, #tweets div.so-section div.so-header p {
1175                 float: left;
1176         }
1177
1178         #formulier section header h1,
1179         #apache section header h1,
1180         #voorwaarden section header h1,
1181         #bodyhosting section header h1,
1182         #alex section header h1,
1177
1178         #formulier div.so-section div.so-header h1,
1179         #apache div.so-section div.so-header h1,
1180         #voorwaarden div.so-section div.so-header h1,
1181         #bodyhosting div.so-section div.so-header h1,
1182         #alex div.so-section div.so-header h1 {
1183                 padding-left: 25px;
1184         }
1185
1186         
1187         
1188         #apache .pluspadbot,
1189         #voorwaarden .pluspadbot,
1190         #bodyhosting .pluspadbot,
1191         #vragen section header p,
1192         #sitebouwer section header p,
1193         #mobielweb section header p,
1194         #voorwaarden section header p,
1191         #vragen div.so-section div.so-header p,
1192         #sitebouwer div.so-section div.so-header p,
1193         #mobielweb div.so-section div.so-header p,
1194         #voorwaarden div.so-section div.so-header p {
1195                 padding-bottom: 1.5em;
1196         }
1197
1198         
1199         #reageren section header h1, #reageren section header p,
1200         #htmlemail section header h1, #htmlemail section header p,
1197
1198         
1199         #reageren div.so-section div.so-header h1, #reageren div.so-section div.so-header p,
1200         #htmlemail div.so-section div.so-header h1, #htmlemail div.so-section div.so-header p {
1201                 width: auto;
1202         }
1203
1204         #reageren section header h1,
1205         #htmlemail section header h1,
1203
1204         #reageren div.so-section div.so-header h1,
1205         #htmlemail div.so-section div.so-header h1 {
1206                 padding-left: 25px;
1207         }
1208
1209         
1210         #kreet {
1211                 font-size: 130%;
1212                 font-weight: normal;
1213                 line-height: 1.3;
1214                 color: #FFF;
1215                 padding: 1em 1em 1em 1.3em;
1216         }
1217
1218         #home #kreet, #smartscripts #kreet, #siteoptimizer #kreet, #formulier #kreet, #reageren #kreet, #tweets #kreet, #mailinglist #kreet, #htmlemail #kreet, #apache #kreet, #voorwaarden #kreet, #bodyhosting #kreet {
1219                 width: 8em;
1220                 position: absolute;
1221                 top: 1em;
1222                 left: 0;
1223                 background: none;
1224                 z-index: 100;
1225         }
1226
1227         #home #kreet {
1228                 top: 0;
1229                 left: auto;
1230                 right: -11.1em;
1231         }
1232
1233         #formulier #kreet, #apache #kreet, #voorwaarden #kreet, #tweets #kreet {
1234                 left: auto;
1235                 right: .1em;
1236         }
1237
1238         #reageren #kreet, #htmlemail #kreet {
1239                 top: auto;
1240         }
1241
1242         
1243         section h1, section h2, section h3, section h4, section p, section ul, section dl, section blockquote, .zonder li,
1241
1242         
1243         div.so-section h1, div.so-section h2, div.so-section h3, div.so-section h4, div.so-section p, div.so-section ul, div.so-section dl, div.so-section blockquote {
1244                 padding-right: 25px;
1245                 padding-left: 25px;
1246         }
1247
1248         
1249         #reageren div#snap-vervolgtekst h2, #htmlemail div#snap-vervolgtekst h2 {
1250                 margin-top: 0;
1251         }
1252
1253         section h1, section h2, section h3,
1252
1253         div.so-section h1, div.so-section h2, div.so-section h3 {
1254                 color: #901D7C;
1255                 font-weight: normal;
1256         }
1257
1258         section ul, section ol, section dl,
1257
1258         div.so-section ul, div.so-section ol, div.so-section dl {
1259                 margin-top: .75em;
1260                 margin-bottom: .5em;
1261         }
1262
1263         section ul,
1262
1263         div.so-section ul {
1264                 padding-left: 40px;
1265         }
1266
1267         section ol,
1266
1267         div.so-section ol {
1268                 padding: 0 15px 0 43px;
1269         }
1270
1271         section ol li,
1270
1271         div.so-section ol li {
1272                 list-style: decimal;
1273         }
1274
1275         section ul li,
1274
1275         div.so-section ul li {
1276                 list-style-type: square;
1277         }
1278
1279         #home div#snap-vervolgtekst li {
1280                 font-size: 85%;
1281                 line-height: 1.3;
1282                 margin-top: .5em;
1283         }
1284
1285         section header a, section header a:hover, section header a:focus, section header a:active,
1284
1285         div.so-section div.so-header a, div.so-section div.so-header a:hover, div.so-section div.so-header a:focus, div.so-section div.so-header a:active {
1286                 font-weight: bold;
1287         }
1288
1289         section header a:hover, section header a:focus, section header a:active,
1288
1289         div.so-section div.so-header a:hover, div.so-section div.so-header a:focus, div.so-section div.so-header a:active {
1290                 background-color: #9ACEF3;
1291                 text-decoration: none;
1292         }
1293
1294         #illustratie a, #illustratie a:hover, #illustratie a:focus, #illustratie a:active {
1295                 color: #FFF;
1296         }
1297
1298         ul#inhoudsopgave {
1299                 padding-top: .2em;
1300                 padding-left: 0;
1301                 margin-bottom: 0;
1302         }
1303
1304         ul#inhoudsopgave li {
1305                 font-size: 100%;
1306                 line-height: 2;
1307                 list-style: none;
1308                 padding: 0 25px;
1309         }
1310
1311         ul#inhoudsopgave li:after {
1312                 color: #901D7C;
1313                 font-weight: bold;
1314                 
1315                 padding-left: .5em;
1316         }
1317
1318         ul#inhoudsopgave li a {
1319                 text-decoration: none;
1320         }
1321
1322         ul#inhoudsopgave li a:hover, ul#inhoudsopgave li a:focus, ul#inhoudsopgave li a:active {
1323                 color: #72BAE0;
1324         }
1325
1326         ul.tarieven {
1327                 width: 25em;
1328         }
1329
1330         .tarieven li {
1331                 position: relative;
1332         }
1333
1334         .tarieven li span {
1335                 position: absolute;
1336                 width: 5em;
1337                 top: 0;
1338                 left: 29.5em;
1339         }
1340
1341         .tarieven li .schuinklein {
1342                 float: none;
1343                 position: static;
1344         }
1345
1346         section p.tekstrandboven,
1345
1346         div.so-section p.tekstrandboven {
1347                 padding: 1em 0 0 0;
1348                 margin: 1.5em 25px 1em 25px;
1349                 border-top: 1px solid #901D7C;
1350         }
1351
1352         #contact footer,
1351
1352         #contact div.so-footer {
1353                 padding-top: 2em;
1354         }
1355
1356         #disclaimer .zonder li {
1357                 margin-bottom: 1em;
1358         }
1359
1360         
1361         figure,
1359
1360         
1361         div.so-figure {
1362                 
1363                 margin: 5px 0 10px 0;
1364                 position: relative;
1365         }
1366
1367         #siteoptimizer figure,
1366
1367         #siteoptimizer div.so-figure {
1368                 display: inline;
1369         }
1370
1371         .afm160x120 {
1372                 width: 10em;
1373                 height: 7.44em;
1374         }
1375
1376         .afm80x60 {
1377                 width: 5em;
1378                 height: 3.75em;
1379         }
1380
1381         figcaption,
1380
1381         div.so-figcaption {
1382                 position: absolute;
1383                 left: 0;
1384                 bottom: 0;
1385                 width: 100%;
1386                 font-size: .7em;
1387                 color: #FFF;
1388                 background-color: rgba(0, 0, 0, .7);
1389                 opacity: 0;
1390                 filter: alpha(opacity=0);
1391                 -webkit-transition: opacity .5s ease-in-out;
1392                 -moz-transition: opacity .5s ease-in-out;
1393                 -o-transition: opacity .5s ease-in-out;
1394                 transition: opacity .5s ease-in-out;
1395         }
1396
1397         figure:hover figcaption,
1396
1397         div.so-figure:hover div.so-figcaption {
1398                 opacity: 1;
1399         }
1400
1401         figcaption * {
1402                 padding: 0 10px;
1403                 margin: 0;
1404         }
1405
1406         .afm160x120 {
1407                 width: 10em;
1408                 height: 7.44em;
1409         }
1410
1411         
1412         
1413         #topnav {
1414                 margin: 0;
1415                 padding: 0;
1416                 background: transparent;
1417                 clear: none;
1418         }
1419
1420         #topnav li {
1421                 font-size: 105%;
1422                 width: 8em;
1423                 padding: 0;
1424                 margin: 0 1em 0 0;
1425                 float: left;
1426                 position: relative;
1427                 display: block;
1428                 font-weight: normal;
1429                 color: #333;
1430                 border: 0;
1431         }
1432
1433         #topnav li.geladen {
1434                 font-weight: bold;
1435                 text-align: center;
1436                 background: #FFF;
1437                 padding: .2em 0 .1em 0;
1438                 color: #150162;
1439
1440         }
1441
1442         #topnav li a {
1443                 font-weight: bold;
1444                 text-align: center;
1445                 color: #150162;
1446                 text-decoration: none;
1447                 padding: .2em 0 .1em 0;
1448                 display: block;
1449                 background: #9ACEF3;
1450                 font-size: 100%;
1451                 line-height: 1.4;
1452                 margin: 0;
1453                 border: 0;
1454         }
1455
1456         #topnav li a:hover, #topnav li a:focus, #topnav li a:active {
1457                 font-weight: bold;
1458                 text-align: center;
1459                 color: #FFF;
1460                 padding: .2em 0 .1em 0;
1461                 transition: color .8s ease-out;
1462                 -moz-transition: color .8s ease-out;
1463                 -webkit-transition: color .8s ease-out;
1464
1465                 border: 0;
1466                 background-color: #9ACEF3;
1467         }
1468
1469         #scripts {
1470                 padding-bottom: 1em;
1471                 margin-left: 0;
1472                 background: transparent;
1473         }
1474
1475         #scripts ul {
1476                 padding-bottom: 1.5em;
1477
1478         }
1479
1480         #scripts li {
1481                 font-size: 95%;
1482                 line-height: 2;
1483                 font-weight: normal;
1484                 padding: 0;
1485                 list-style: none;
1486                 border-top: 0;
1487         }
1488
1489         #scripts li a {
1490                 font-weight: bold;
1491                 text-align: right;
1492                 padding: 0 1.5em 0 0;
1493                 display: block;
1494                 line-height: 2;
1495         }
1496
1497         #scripts li a:hover, #scripts li a:focus, #scripts li a:active {
1498                 color: #98D8F3;
1499                 font-weight: bold;
1500                 background: url('/a/misc.gif') no-repeat right -4.38em;
1501                 background-size: 1em 8em;
1502                 -o-background-size: 1em 8em;
1503                 -webkit-background-size: 1em 8em;
1504                 -khtml-background-size: 1em 8em;
1505                 -moz-background-size: 1em 8em;
1506         }
1507
1508         #scripts li.geladen {
1509                 color: #B78EBC;
1510                 font-weight: bold;
1511                 text-align: right;
1512                 padding-right: 1.5em;
1513                 background: url('/a/misc.gif') no-repeat right -6.65em;
1514                 background-size: 1em 8em;
1515                 -o-background-size: 1em 8em;
1516                 -webkit-background-size: 1em 8em;
1517                 -khtml-background-size: 1em 8em;
1518                 -moz-background-size: 1em 8em;
1519         }
1520
1521         #socialmedia, #extramenu {
1522                 width: 8.5em;
1523                 margin-top: 5.5em;
1524                 position: absolute;
1525                 top: 4em;
1526                 right: 0;
1527         }
1528
1529         #socialmedia {
1530                 background: transparent;
1531                 padding: 0;
1532                 margin: 5.5em 0 0 0;
1533         }
1534
1535         #extramenu {
1536                 width: 7.5em;
1537                 right: 1.1em;
1538                 background: transparent;
1539                 padding: 0;
1540         }
1541
1542         #socialmedia li {
1543                 font-size: 80%;
1544                 line-height: 1.6em;
1545                 color: #901D7C;
1546                 height: 1.55em;
1547                 padding: 0 1em 0 1.5em;
1548                 margin: 1em 0 0 0;
1549         }
1550
1551         li.twitter, li#linkedin, li#delicious {
1552                 
1553                 background: url('/a/misc.gif') no-repeat left .23em;
1554                 background-size: 1.25em 10em;
1555                 -o-background-size: 1.25em 10em;
1556                 -webkit-background-size: 1.25em 10em;
1557                 -khtml-background-size: 1.25em 10em;
1558                 -moz-background-size: 1.25em 10em;
1559                 list-style: none;
1560         }
1561
1562         li#delicious {
1563                 background: url('/a/misc.gif') no-repeat left -3.6em;
1564         }
1565
1566         li#linkedin {
1567                 background: url('/a/misc.gif') no-repeat left -1.73em;
1568         }
1569
1570         
1571         li#rss {
1572                 display: none;
1573         }
1574
1575         #socialmedia a {
1576                 color: #901D7C;
1577                 font-weight: bold;
1578                 text-decoration: none;
1579                 padding: .1em .2em .2em .3em;
1580         }
1581
1582         #socialmedia a:hover, #socialmedia a:focus, #socialmedia a:active {
1583                 color: #901D7C;
1584                 font-weight: bold;
1585                 padding: .1em .2em .2em .3em;
1586                 background: #FFF;
1587         }
1588
1589         #extramenu li {
1590                 font-size: 70%;
1591                 width: 10.6em;
1592                 position: absolute;
1593                 top: 46.5em;
1594         }
1595
1596         #extramenu #faq {
1597                 top: 15em;
1598         }
1599
1600         #extramenu #nieuws {
1601                 top: 18.5em;
1602         }
1603
1604         #extramenu #blog {
1605                 top: 22em;
1606         }
1607
1608         #extramenu #alexlink {
1609                 top: 47.5em;
1610         }
1611
1612         #extramenu a, #extramenu a:hover, #extramenu a:focus, #extramenu a:active, #extramenu .geladen {
1613                 font-weight: bold;
1614                 color: #322A7F;
1615                 text-align: center;
1616                 text-decoration: none;
1617                 display: block;
1618                 padding: .3em .2em;
1619                 background-color: #FFF;
1620                 border: solid 1px #FFF;
1621                 line-height: 1.4;
1622         }
1623
1624         #extramenu #faq.geladen, #extramenu #nieuws.geladen, #extramenu #blog.geladen {
1625                 padding: .3em 0;
1626                 border: 0;
1627         }
1628
1629         #alexlink a, #alexlink a:hover, #alexlink a:focus, #alexlink a:active, #alexlink.geladen {
1630                 font-weight: normal;
1631                 font-style: italic;
1632                 text-decoration: underline;
1633                 background: none;
1634                 border: 0;
1635         }
1636
1637         #alexlink a:hover, #alexlink a:focus, #alexlink a:active, #alexlink.geladen {
1638                 background-color: #FFF;
1639         }
1640
1641         #alexlink a:hover, #alexlink a:focus, #alexlink a:active, #alexlink.geladen, #faq a:hover, #faq a:focus, #faq a:active, #faq.geladen, #nieuws a:hover, #nieuws a:focus, #nieuws a:active, #nieuws.geladen, #blog a:hover, #blog a:focus, #blog a:active, #blog.geladen {
1642                 text-decoration: none;
1643         }
1644
1645         #faq a, #faq.geladen, #nieuws a, #nieuws.geladen, #blog a, #blog.geladen {
1646                 transition: color 0s ease-out;
1647                 -moz-transition: color 0s ease-out;
1648                 -webkit-transition: color 0s ease-out;
1649         }
1650
1651         #faq a:hover, #faq a:focus, #faq a:active, #nieuws a:hover, #nieuws a:focus, #nieuws a:active, #blog a:hover, #blog a:focus, #blog a:active, #alexlink a:hover, #alexlink a:focus, #alexlink a:active {
1652                 color: #901D7C;
1653                 border-color: #901D7C;
1654         }
1655
1656         a#mailadres {
1657                 font-size: 75%;
1658                 text-align: right;
1659                 color: #322A7F;
1660                 width: 15em;
1661                 position: absolute !important;
1662                 top: 54.5em;
1663                 right: 1.6em;
1664         }
1665
1666         a#mailadres span {
1667                 text-align: center;
1668                 display: block;
1669                 width: 10.1em;
1670                 padding: .3em 0;
1671                 position: absolute;
1672                 right: 0;
1673         }
1674
1675         a#mailadres:hover, a#mailadres:focus, a#mailadres:active {
1676                 color: #901D7C;
1677         }
1678
1679         a#mailadres:hover span, a#mailadres:focus span, a#mailadres:active span {
1680                 background-color: #FFF;
1681         }
1682
1683         
1684         #infosite {
1685                 position: absolute;
1686                 left: 13.7em;
1687                 bottom: 0;
1688                 padding: 0;
1689                 background: transparent;
1690                 width: 100%;
1691     margin-left: 0;
1692         }
1693
1694         #infosite li {
1695                 font-size: 75%;
1696                 color: #150162;
1697                 display: inline;
1698                 border-right: solid 1px #98D8F3;
1699         }
1700
1701         #infosite li:last-child {
1702                 border: 0;
1703                 padding-left: .8em;
1704         }
1705
1706         #infosite li a {
1707                 color: #999;
1708                 display: inline-block;
1709                 font-size: 100%;
1710                 padding: 0 .8em;
1711         }
1712
1713         #infosite li:last-child a {
1714                 padding: 0;
1715         }
1716
1717         #infosite li a:hover, #infosite li a:focus, footer li a:active, div.so-footer li a:active {
1718                 color: #901D7C;
1719                 background: #FFF;
1720         }
1721
1722         .overleg {
1723                 background: #F60;
1724                 font-weight: bold;
1725         }
1726
1727         .nieuwetekstschrijven {
1728                 background: #F9F;
1729         }
1730
1731         .alextekst {
1732                 background: #3C0;
1733         }
1734
1735         #mobielswitch {
1736                 position: absolute;
1737                 top: 5em;
1738                 left: 48.25em;
1739
1740                 font-size: 100%;
1741                 font-weight: normal;
1742                 background-color: transparent;
1743                 padding: 0;
1744
1745                 line-height: 1.4;
1746
1747                 width: 7.25em;
1748         }
1749
1750         #mobielswitch a {
1751                 font-size: 80%;
1752                 font-weight: bold;
1753                 color: #FFF;
1754                 text-decoration: none;
1755                 padding: .2em;
1756                 border: 0;
1757         }
1758
1759         #mobielswitch a:hover, #mobielswitch a:focus, #mobielswitch a:active {
1760                 background-color: #993087;
1761                 transition: none;
1762                 -moz-transition: none;
1763                 -webkit-transition: none;
1764         }
1765
1766         #mobielswitch a:before {
1767                 content: "";
1768         }
1769
1770         
1771         .staatrechts {
1772                 margin: 0 1.5em .5em .8em;
1773                 float: right;
1774         }
1775
1776         .staatlinks {
1777                 float: left;
1778         }
1779
1780         .schuin {
1781                 font-style: italic;
1782         }
1783
1784         .schuinklein {
1785                 font-size: 80%;
1786                 font-weight: normal;
1787                 font-style: italic;
1788                 line-height: 1.1;
1789                 color: #333;
1790         }
1791
1792         .vet {
1793                 font-weight: bold;
1794         }
1795
1796         .plus {
1797                 margin-top: 1em;
1798         }
1799
1800         .zonder li {
1801                 list-style: none;
1802
1803         }
1804
1805         .clear {
1806                 clear: both;
1807         }
1808
1809         code {
1810                 white-space: normal;
1811                 padding: 10px 0;
1812                 margin: 0;
1813                 position: relative;
1814                 left: 10px;
1815         }
1816
1817         #test {
1818                 background-color: #CC0;
1819         }
1820
1821         div.scrollable_container {
1822                 margin-left: .8em;
1823                 min-height: 120px;
1824         }
1825
1826         div.mobile {
1827                 display: none;
1828         }
1829
1830         p.totalen {
1831                 font-style: italic;
1832         }
1833
1834         ol.zoekresultaat li {
1835                 font-weight: bold;
1836                 margin-top: 1.5em;
1837         }
1838
1839         span.viazoekmachine, ol.zoekresultaat li em {
1840                 display: inline-block;
1841                 padding: 1px 4px;
1842                 background: #98D8F3;
1843                 -webkit-border-radius: 9px;
1844                 -moz-border-radius: 9px;
1845                 border-radius: 9px;
1846                 color: #000;
1847                 font-style: normal;
1848         }
1849
1850         ol.zoekresultaat li span {
1851                 font-weight: normal;
1852                 display: block;
1853                 margin-left: 1.5em;
1854         }
1855
1856         ol.zoekresultaat li span.treffers {
1857                 font-weight: bold;
1858                 margin-bottom: .5em;
1859                 margin-left: 0;
1860         }
1861
1862         ol.zoekresultaat li span.ingeperkt {
1863                 font-style: italic;
1864                 font-size: 90%;
1865                 margin-top: .3em;
1866                 margin-left: 0;
1867         }
1868
1869         ol.zoekresultaat span.puntjes {
1870                 white-space: pre;
1871                 display: inline;
1872                 margin-left: 0;
1873         }
1874
1875         
1876         div.ui-tooltip {
1877                 max-width: 70%;
1878         }
1879
1880         
1881         .hint:after, [data-hint]:after {
1882                 background: #1e5ca5;
1883                 color: white;
1884         }
1885
1886         .hint--top:before, .hint--bottom:before, .hint--left:before, .hint--right:before {
1887                 border-right-color: #1e5ca5;
1888         }
1889
1890 }
1891

Bronbestand: formulieren.css - omhoog

0001 #contact ul#staatlinks, #contact ul#staatrechts {
0002   width: 15em;
0003   float: left;
0004         padding: 0;
0005         margin: 0;
0006 }
0007 #contact ul.clear {
0008   margin-top: 2em;
0009 }
0010
0011 fieldset {
0012   padding-bottom: 1em;
0013   
0014 }
0015
0016 form ul, form li {
0017   list-style: none !important;
0018   margin: 0;
0019   padding: 0;
0020   overflow: hidden;
0021   position: relative;
0022 }
0023 form li {
0024   margin-bottom: .6em;
0025 }
0026   
0027 label {
0028   float: left;
0029   font-weight: bold;
0030   text-align: right;
0031   width: 13em;
0032   padding-right: 1em;
0033   font-size: 14px;
0034 }
0035 li.knoppen input {
0036   font-size: 14px !important;
0037 }
0038 #verzendknop, #wisknop {
0039   margin-top: 1em;
0040 }
0041
0042 #staatlinks input, #staatrechts input {
0043 }
0044 #staatrechts input {
0045 }
0046 select {
0047   width: 14.6em;
0048   height: 1.8em;
0049   outline: 0 none;
0050 }
0051 .normaalveld, .emailveld, .telefoonveld {
0052   width: 13em;
0053 }
0054 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
0055   font-family: Helvetica, Arial, sans-serif;
0056   color: #BFC4C1; text-shadow: 0 1px 0 #777;
0057 }
0058 input:-moz-placeholder, textarea:-moz-placeholder {
0059   font-family: Helvetica, Arial, sans-serif;
0060   color: #BFC4C1; text-shadow: 0 1px 0 #777;
0061 }
0062 textarea::-webkit-input-placeholder {
0063   margin-top: .3em;
0064 }
0065 textarea:-moz-placeholder {
0066   margin-top: .3em;
0067 }
0068 input:focus, textarea:focus {
0069   outline: 0 none;
0070   background-color: #FDFDFD;
0071   background: -moz-linear-gradient(top, #EBEBEB 0%, #FDFDFD 35%);
0072   background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #EAEAEA),color-stop(35%, #FDFDFD));
0073   background: -webkit-linear-gradient(#EBEBEB, #FDFDFD);
0074   background: linear-gradient(#EBEBEB, #FDFDFD);
0075   -moz-box-shadow: 0 0 4px #901D7C;
0076   -webkit-box-shadow: 0 0 4px #901D7C;
0077   box-shadow: 0 0 4px #901D7C;
0078 }
0079
0080
0081
0082 .validatiemarker {
0083   position: absolute;
0084   top: .5em;
0085   left: 28.3em;
0086 }
0087 span.validatiemarker {
0088   padding: 0;
0089   background-color: #CCC;
0090   display: inline-block;
0091   width: 20px;
0092   height: 20px;
0093   vertical-align: middle;
0094 }
0095 span.validatiemarker input[type=checkbox] {
0096   vertical-align: top;
0097   margin: -3px 0 0 1px;
0098 }
0099 span.validatiemarker.ongevalideerd {
0100   background-color: #CCC;
0101 }
0102 span.validatiemarker.gevalideerd {
0103   background-color: #359F20;
0104 }
0105 span.validatiemarker.nietvalide, span.checkboxgroupmarker.nietvalide {
0106   background-color: #98D8F3;
0107   -moz-box-shadow: 0 0 4px #901D7C;
0108   -webkit-box-shadow: 0 0 4px #901D7C;
0109   box-shadow: 0 0 4px #901D7C;
0110 }
0111 input.nietvalide, textarea.nietvalide {
0112   background-color: #98D8F3;
0113 }
0114
0115 input#verzenden_last {
0116   margin-right: 9.9em;
0117   margin-top: -.2em;
0118 }
0119
0120 textarea {
0121   overflow: auto;
0122 }
0123
0124 li#captcharegel {
0125   font-size: 90%;
0126 }
0127 li#captcharegel label {
0128   font-style: italic;
0129   font-weight: normal;
0130 }
0131
0132
0133
0134 #reactieformulier li.knoppen {
0135         overflow: hidden;
0136 }
0137
0138 #reactieformulier {
0139   position: relative;
0140 }
0141 #reactieveldlabel {
0142   text-align: left;
0143   width: 30.125em;
0144   margin-top: .5em;
0145   line-height: 1.2;
0146   margin-bottom: 5em;
0147   float: none;
0148 }
0149 #reactieformulier textarea {
0150   color: #666;
0151   margin-top: .3em;
0152   margin-left: 2px;
0153   overflow: auto;
0154         display: block;
0155 }
0156
0157
0158 #reactieformulier .foutmelding {
0159         color: #c00;
0160         display: block;
0161         font-style: italic;
0162         width: 31em;
0163 }
0164
0165 form#zoekformulier li {
0166   position: relative;
0167   height: 2em;
0168 }
0169 form#zoekformulier li#helewoordencheck {
0170   height: 1.4em;
0171   margin-top: -.5em;
0172 }
0173
0174 form#zoekformulier label {
0175   font-weight: normal;
0176   font-size: 80%;
0177   font-style: italic;
0178   padding-bottom: 0;
0179   float: none;
0180 }
0181
0182 form#zoekformulier input#q {
0183   width: 9.1em;
0184   font-size: 70%;
0185   margin: 0;
0186   -webkit-border-radius: 0;
0187   -moz-border-radius: 0;
0188   border-radius: 0;
0189   -moz-box-shadow: 0 0 0 transparent;
0190   -webkit-box-shadow: 0 0 0 transparent;
0191   box-shadow: 0 0 0 transparent;
0192   background: #fff;
0193   color: #CCC;
0194   height: 14px;
0195 }
0196
0197 form#zoekformulier input#q:focus, form#zoekformulier input#q.gevuld {
0198   background: #fff;
0199   color: #000;
0200 }
0201
0202 #searchsubmit {
0203   float: none;
0204   position: relative;
0205   left: -2px;
0206   margin: 0;
0207   border: 1px solid #CCC;
0208
0209   padding: 2px 1px;
0210
0211   
0212   top: 7px;
0213   
0214
0215   
0216   top: 8px;
0217   
0218
0219   -moz-box-shadow: 0 0 0 transparent;
0220   -webkit-box-shadow: 0 0 0 transparent;
0221   box-shadow: 0 0 0 transparent;
0222   -moz-border-radius: 0;
0223   -webkit-border-radius: 0;
0224   border-radius: 0;
0225   background-color: transparent;
0226 }

Klik-indexen

informatie in/uitklappenId's in de sheets

informatie in/uitklappenClasses in de sheets

informatie in/uitklappenAfbeeldingen in de sheets

viewer

informatie in/uitklappenCommentaren in de sheets

omhoog