body { background-color:#FFFAF5; color:#666666; font-family: "Trebuchet MS"; font-size: 12px; line-height:19px; margin:0px; } /* body { background-color:#FFFAF5; background-image:url(../../tso-ext!@$$/images/testomgeving.png); background-repeat:repeat; color:#666666; font-family: "Trebuchet MS"; font-size: 12px; line-height:19px; margin:0px; } */ /*wens*/ #klik { position:absolute; margin-left:190px; margin-top:350px; left:50%; width:125px; height:125px; z-index:999; } #wens { position:absolute; margin-left:-358px; margin-top:0px; left:50%; width:706px; height:487px; z-index:100; } /*z-index ivm wens /* plaatje in het scherm zelf wijzigen anders wordt de vorige wens kort getoond! */ #loginform { position: relative; margin:0px; z-index:101; } /*z-index ivm wens*/ /*layout*/ #houder { position:absolute; margin-left:-388px; margin-top:0px; left:50%; width:776px; height:690px; } #houder-login { position:absolute; margin-left:-388px; margin-top:0px; left:50%; width:776px; } #wait { position:absolute; left:510px; top:30px; width:49px; height:49px; z-index:9 } #poweredby { position:absolute; margin-left:-388px; top:30px; left:50%; width:77px; height:55px; } #naarorganisatie { position:absolute; margin-left:-296px; top:0px; left:50%; width:684px; height:85px; } #navbar { width:776px; height:29px; margin:0px; z-index:99; } /*z-index ivm wens*/ #navbar td { margin:0px; padding:0px; line-height:0px; } #navbar img { margin:0px; padding:0px; border:0; } .tabborder { background-image:url(/tso-ext!@$$/images/tabborder.png); background-position:bottom; background-repeat:repeat-x } /*navbar stijl*/ #content { margin:0px; cursor:default; } .menucel { border:12px solid #FFFAF5; cursor:default; } #prikbord-co { position: absolute; width:427px; left:50%; margin-left:-214px; top:200px; margin-bottom:38px; } /* #prikbord-co a:hover { color: #ff0000; text-decoration:none; cursor: pointer;} */ #prikbord-kr { position: absolute; width:427px; left:50%; margin-left:-214px; top:366px; margin-bottom:38px; } /* #prikbord-kr a:hover { color: #ff0000; text-decoration:none; cursor: pointer;} */ .prikbord-selectable a:hover { color: #ff0000; text-decoration:none; cursor: pointer;} .prikbord-selected { color: #ff0000 !important; text-decoration:none;} /*wachtwoord placeholder*/ ::-webkit-input-placeholder { color: #439DCE; } /* WebKit, Blink, Edge */ :-moz-placeholder { color: #439DCE; } /* Firefox 18- */ ::-moz-placeholder { color: #439DCE; } /* Firefox 19+ */ :-ms-input-placeholder { color: #439DCE; } /* Internet Explorer 10-11 */ /*tekst*/ .uitloggen { font-family:Arial; color:#FFF; padding:0px 10px 0px 4px; font-size:10px; font-weight:bold; letter-spacing:1px; text-align:left } .uitloggen a:active { color:#FFF; font-size:10px; text-decoration:none; font-weight:bold; } .uitloggen a:link { color:#FFF; font-size:10px; text-decoration:none; font-weight:bold; } .uitloggen a:visited { color:#FFF; font-size:10px; text-decoration:none; font-weight:bold; } .uitloggen a:hover { color:#FFF; font-size:10px; text-decoration:underline; font-weight:bold; } .status { font-family:"Trebuchet MS"; color:#4F83B0; padding:65px 0px 0px 0px; font-size:13px; text-align:right; } .school { position:absolute; text-align:left; font-weight:bold; z-index:99 } .ingelogd { position:relative; text-align:right; } /*margin-top:-19px gaat niet altijd goed*/ .wachtwoord { font-family:Arial; color:#FFF; padding:51px 10px 0px 0px; font-size:10px; font-weight:bold; letter-spacing:1px; line-height:15px; text-align:right } .wachtwoord a:active { color:#FFF; font-size:10px; text-decoration:none; font-weight:bold; } .wachtwoord a:link { color:#FFF; font-size:10px; text-decoration:none; font-weight:bold; } .wachtwoord a:visited { color:#FFF; font-size:10px; text-decoration:none; font-weight:bold; } .wachtwoord a:hover { color:#FFF; font-size:10px; text-decoration:underline; font-weight:bold; } #geotrust { display:inline; } #footer { position:fixed; left:0px; bottom:0px; height:70px; width:100%; display:inline; padding:0; margin:0; z-index:101; } /*z-index ivm wens*/ #footer-links { float:left; bottom:0px; height:70px; width:50%; padding:0; margin:0; } #footer-rechts { float:right; bottom:0px; height:70px; width:50%; text-align:right; padding:0; margin:0; } * html #footer { position:absolute; top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); } /* voor ie6 */ #footer img { border:0px; } #footer a:active { color: #439DC7; font-size: 10px; text-decoration: none; font-weight: normal; } #footer a:link { color: #439DC7; font-size: 10px; text-decoration: none; font-weight: normal; } #footer a:visited { color: #439DC7; font-size: 10px; text-decoration: none; font-weight: normal; } #footer a:hover { color: #666666; font-size: 10px; text-decoration: none; font-weight: normal; text-align:right } #credits { position:absolute; bottom: 0px; margin-bottom: 0px; right:5px; width: 95px; z-index:99 } #credits a:active { color: #439DC7; font-size: 10px; text-decoration: none; font-weight: normal; } #credits a:link { color: #439DC7; font-size: 10px; text-decoration: none; font-weight: normal; } #credits a:visited { color: #439DC7; font-size: 10px; text-decoration: none; font-weight: normal; } #credits a:hover { color: #666666; font-size: 10px; text-decoration: none; font-weight: normal; text-align:right } h1 { color:#3b6da2; font-family:Verdana; font-size:12px; margin:0px; font-weight:bold; } h2 { color:#ff0000; font-family:Verdana; font-size:12px; margin:0px; font-weight:bold; } /* is h1 in rood*/ p,tr,td { color: #666666; font-size: 14px; font-weight: normal; margin: 0px; line-height:19px; } h5 { color: #3b6da2; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; } a:active, a:link, a:visited { color:#3b6da2; text-decoration:none; } a:hover { color:#3b6da2; text-decoration:underline; } .form-tekst { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; } .form-tekst a:active { color:#ff0000; text-decoration:none; } .form-tekst a:visited, .form-tekst a:link { color:#666666; text-decoration:none; } .form-tekst a:hover { color:#ff0000; text-decoration:underline; } .form-tekst-rood { color:#ff0000; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; } .form-tekst-rood a:active { color:#ff0000; text-decoration:none; } .form-tekst-rood a:link { color:#ff0000; text-decoration:none; } .form-tekst-rood a:visited { color:#ff0000; text-decoration:none; } .form-tekst-rood a:hover { color:#ff0000; text-decoration:underline; } .form-tekst-vetblauw { color:#00A7EB; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; font-weight:bold} .form-tekst-link { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; } .form-tekst-link a:active { color:#00A7EB; text-decoration:none; } .form-tekst-link a:link { color:#00A7EB; text-decoration:none; } .form-tekst-link a:visited { color:#00A7EB; text-decoration:none; } .form-tekst-link a:hover { color:#FD696D; text-decoration:none; } .form-tekst-link-donker { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; } .form-tekst-link-donker a:active { color:#3b6da2; text-decoration:none; } .form-tekst-link-donker a:link { color:#3b6da2; text-decoration:none; } .form-tekst-link-donker a:visited { color:#3b6da2; text-decoration:none; } .form-tekst-link-donker a:hover { color:#00A7EB; text-decoration:none; } .form-tekst-vet { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; font-weight:bold } .form-tekst-vet a:active, .form-tekst-vet a:link, .form-tekst-vet a:visited { color:#3b6da2; text-decoration:none; font-weight:bold } .form-tekst-vet a:hover { color:#3b6da2; text-decoration:underline; font-weight:bold } .upload-tekst { background-color:#FFFAF5; color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:16px; margin:0px; border:0px; width:240px} .form-tekst-klein { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:16px; margin:0px; } .form-tekst-error { color:#ff0000; font-family:"Trebuchet MS"; font-size:12px; margin:0px; font-weight:normal; } .form-tekst-groen { color:#09b100; font-family:"Trebuchet MS"; font-size:12px; margin:0px; font-weight:normal; } .form-tekst-gifgroen { color:#3F0; font-family:"Trebuchet MS"; font-size:12px; margin:0px; font-weight:normal; } .form-tekst-onclic { color:#ff0000; font-family:"Trebuchet MS"; font-size:12px; margin:0px; font-weight:normal; } .form-tekst-gegevens { color:#ff0000; font-family:"Trebuchet MS"; font-size:12px; margin:0px; font-weight:bold; } .form-tekst-mededeling { color:#ff0000; font-family:"Trebuchet MS"; font-size:16px; margin:-13px 0px 20px 0px; font-weight:bold; } .vet { font-weight:bold; } .tel { color:#71ccff; font-weight:bold; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; } .euro-rood { color:#ff0000; font-weight:bold; } .euro-blauw { color:#3b6da2; font-weight:bold; } .heel-klein { font-size:4px; line-height:4px; } /*voor het vullen van lage tabelcellen*/ .rood { color:#ff0000; } .prikbord-item { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; border-bottom:1px solid #ccc; width:402px; } .prikbord-item-last { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; margin:0px; } /*form input*/ .inlognaam { color:#439DC7; font-family:"Trebuchet MS"; font-size:12px; line-height:25px; width:298px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-375 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:374px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-300 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:298px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-271 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:271px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-275 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:274px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-400-prikbord-co { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:401px; border-top:1px solid #ccc; border-right:0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin:0px ; padding:0px; background-color:#FFF; } /*height hard definieren*/ .input-400-prikbord-kr { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:401px; border-top:1px solid #ccc; border-right:0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin:0px ; padding:0px; background-color:#FFFAF5; } /*height hard definieren*/ .input-400-prikbord-dummy { color:#FFFAF5; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:400px; border:1px solid #FFFAF5; margin:0px ; padding:0px; background-color:#FFFAF5; } /*height hard definieren*/ .input-250 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:249px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-225 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:224px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-200 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:199px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-175 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:174px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-175-sticht { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:13px; width:174px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-150 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:149px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-125 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:124px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-100 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 99px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-75 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 74px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-60 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:13px; width: 60px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-60a { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:17px; width: 64px; border:1px solid #ccc; margin:0px ; padding:0px; background-color:#d9f2ff; } /*height hard definieren*/ .input-60b { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:13px; width: 64px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-50 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 49px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-31 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 31px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-31-midden { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 31px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:0px solid #ccc; border-right:0px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-45 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 45px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-22 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 22px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-22-midden { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 22px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:0px solid #ccc; border-right:0px solid #ccc; margin:0; padding:0px; } /*height hard definieren*/ .input-26 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 26px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-26-midden { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 26px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:0px solid #ccc; border-right:0px solid #ccc; margin:0; padding:0px; } /*height hard definieren*/ .select-275 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:275px; } .select-300 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:300px; } .select-300RM { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:15px; width:300px; } .select-325 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:325px; } .select-375 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:375px; } .select-149 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:149px; } .select-189 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:189px; } /* form input met placeholder */ .input-150-ph { font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:149px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-175-ph { font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:174px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-200-ph { font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:199px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .input-375-ph { font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:374px; border:1px solid #ccc; margin:0px ; padding:0px; } /*height hard definieren*/ .textarea-775 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:771px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-660 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:660px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-660RM { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:660px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-570 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:570px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-427 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:427px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-375 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:370px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-300 { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:300px; border:1px solid #ccc; } /*height hard definieren*/ .textarea-345 { color:#666666; font-family:"Trebuchet MS"; font-size:12px; line-height:19px; width:345px; border:1px solid #ccc; } /*height hard definieren*/ /*form "output", d.w.z. niet veranderbare velden of aanwijzingen */ .output-175 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:174px; background-color:#d9f2ff; border:1px solid #d9f2ff; margin:0px ; padding:2px 0px 0px 5px; } /*height hard definieren*/ .output-169 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:169px; background-color:#d9f2ff; border:1px solid #d9f2ff; margin:0px ; padding:2px 0px 0px 5px; } /*height hard definieren*/ .output-75 { color:#71ccff; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:74px; background-color:#d9f2ff; border:1px solid #d9f2ff; margin:0px ; padding:4px 0px 0px 5px; } /*height hard definieren*/ .output-69 { color:#666666; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:69px; background-color:#d9f2ff; border:1px solid #d9f2ff; margin:0px ; padding:2px 0px 0px 5px; } /*height hard definieren*/ /*form knoppen*/ .kn-ruit-blauw { border: none; background: url('/tso-ext!@$$/images/i-ruit-blauw.png') no-repeat top left; width:14px; height:14px; cursor:pointer; } .kn-ruit-oranje { border: none; background: url('/tso-ext!@$$/images/i-ruit-oranje.png') no-repeat top left; width:14px; height:14px; cursor:pointer; } .kn-ruit-rood { border: none; background: url('/tso-ext!@$$/images/i-ruit-rood.png') no-repeat top left; width:14px; height:14px; cursor:pointer; } .kn-kruis-rood { border: none; background: url('/tso-ext!@$$/images/i-kruis-rood.png') no-repeat top left; width:14px; height:14px; cursor:pointer; } .kn-inloggegevens { border: none; background: url('/tso-ext!@$$/images/buttons/inloggegevens-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-inloggegevens:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/inloggegevens-o.png') no-repeat top left; } .kn-login { border: none; background: url('/tso-ext!@$$/images/buttons/inloggen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-login:hover { border: none; background: url('/tso-ext!@$$/images/buttons/inloggen-o.png') no-repeat top left; } .kn-versturen { border: none; background: url('/tso-ext!@$$/images/buttons/versturen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-versturen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/versturen-o.png') no-repeat top left; } .kn-aanmaken { border: none; background: url('/tso-ext!@$$/images/buttons/aanmaken-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-aanmaken:hover { border: none; background: url('/tso-ext!@$$/images/buttons/aanmaken-o.png') no-repeat top left; } .kn-nu-versturen { border: none; background: url('/tso-ext!@$$/images/buttons/nu-versturen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-nu-versturen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nu-versturen-o.png') no-repeat top left; } .kn-nu-versturen-ghost { border: none; background: url('/tso-ext!@$$/images/buttons/nu-versturen-g.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-verwijderen { border: none; background: url('/tso-ext!@$$/images/buttons/verwijderen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-verwijderen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/verwijderen-o.png') no-repeat top left; } .kn-nieuw { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwebeheerder-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-nieuw:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwebeheerder-o.png') no-repeat top left; } .kn-menu { border: none; background: url('/tso-ext!@$$/images/buttons/menu-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-menu:hover { border: none; background: url('/tso-ext!@$$/images/buttons/menu-o.png') no-repeat top left; } .kn-herstellen { border: none; background: url('/tso-ext!@$$/images/buttons/herstellen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-herstellen:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/herstellen-o.png') no-repeat top left; } .kn-annuleren { border: none; background: url('/tso-ext!@$$/images/buttons/annuleren-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-annuleren:hover { border: none; background: url('/tso-ext!@$$/images/buttons/annuleren-o.png') no-repeat top left; } .kn-opslaan { border: none; background: url('/tso-ext!@$$/images/buttons/opslaan-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-opslaan:hover { border: none; background: url('/tso-ext!@$$/images/buttons/opslaan-o.png') no-repeat top left; } .kn-wissen126 { border: none; background: url('/tso-ext!@$$/images/buttons/wissen126-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-wissen126:hover { border: none; background: url('/tso-ext!@$$/images/buttons/wissen126-o.png') no-repeat top left; } .kn-wissen76 { border: none; background: url('/tso-ext!@$$/images/buttons/wissen76-u.png') no-repeat top left; width:76px; height:29px; cursor:pointer; } .kn-wissen76:hover { border: none; background: url('/tso-ext!@$$/images/buttons/wissen76-o.png') no-repeat top left; } .kn-nee { border: none; background: url('/tso-ext!@$$/images/buttons/nee-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-nee:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nee-o.png') no-repeat top left; } .kn-ja { border: none; background: url('/tso-ext!@$$/images/buttons/ja-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-ja:hover { border: none; background: url('/tso-ext!@$$/images/buttons/ja-o.png') no-repeat top left; } .kn-akkoord { border: none; background: url('/tso-ext!@$$/images/buttons/akkoord-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-akkoord:hover { border: none; background: url('/tso-ext!@$$/images/buttons/akkoord-o.png') no-repeat top left; } .kn-accorderen { border: none; background: url('/tso-ext!@$$/images/buttons/accorderen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-accorderen:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/accorderen-o.png') no-repeat top left; } .kn-toevoegen { border: none; background: url('/tso-ext!@$$/images/buttons/toevoegen-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-toevoegen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/toevoegen-o.png') no-repeat top left; } .kn-doorgaan { border: none; background: url('/tso-ext!@$$/images/buttons/doorgaan-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-doorgaan:hover { border: none; background: url('/tso-ext!@$$/images/buttons/doorgaan-o.png') no-repeat top left; } .kn-uploaden { border: none; background: url('/tso-ext!@$$/images/buttons/uploaden-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-uploaden:hover { border: none; background: url('/tso-ext!@$$/images/buttons/uploaden-o.png') no-repeat top left; } .kn-up-downloads { border: none; background: url('/tso-ext!@$$/images/buttons/up-downloads-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-up-downloads:hover { border: none; background: url('/tso-ext!@$$/images/buttons/up-downloads-o.png') no-repeat top left; } .kn-downloads { border: none; background: url('/tso-ext!@$$/images/buttons/downloads-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-downloads:hover { border: none; background: url('/tso-ext!@$$/images/buttons/downloads-o.png') no-repeat top left; } .kn-downloaden { border: none; background: url('/tso-ext!@$$/images/buttons/downloaden-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-downloaden:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/downloaden-o.png') no-repeat top left; } .kn-print { border: none; background: url('/tso-ext!@$$/images/buttons/print-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-print:hover { border: none; background: url('/tso-ext!@$$/images/buttons/print-o.png') no-repeat top left; } .kn-registreren { border: none; background: url('/tso-ext!@$$/images/buttons/registreren-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-registreren:hover { border: none; background: url('/tso-ext!@$$/images/buttons/registreren-o.png') no-repeat top left; } .kn-klaar { border: none; background: url('/tso-ext!@$$/images/buttons/klaar-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-klaar:hover { border: none; background: url('/tso-ext!@$$/images/buttons/klaar-o.png') no-repeat top left; } .kn-nogeenkind { border: none; background: url('/tso-ext!@$$/images/buttons/nogeenkind-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-nogeenkind:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/nogeenkind-o.png') no-repeat top left; } .kn-helelijst { border: none; background: url('/tso-ext!@$$/images/buttons/helelijst-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-helelijst:hover { border: none; background: url('/tso-ext!@$$/images/buttons/helelijst-o.png') no-repeat top left; } .kn-lijstalspdf { border: none; background: url('/tso-ext!@$$/images/buttons/lijstalspdf-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-lijstalspdf:hover { border: none; background: url('/tso-ext!@$$/images/buttons/lijstalspdf-o.png') no-repeat top left; } .kn-printlijst { border: none; background: url('/tso-ext!@$$/images/buttons/printlijst-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-printlijst:hover { border: none; background: url('/tso-ext!@$$/images/buttons/printlijst-o.png') no-repeat top left; } .kn-invoeren { border: none; background: url('/tso-ext!@$$/images/buttons/invoeren-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-invoeren:hover { border: none; background: url('/tso-ext!@$$/images/buttons/invoeren-o.png') no-repeat top left; } .kn-overzicht { border: none; background: url('/tso-ext!@$$/images/buttons/overzicht-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-overzicht:hover { border: none; background: url('/tso-ext!@$$/images/buttons/overzicht-o.png') no-repeat top left; } .kn-completelijst { border: none; background: url('/tso-ext!@$$/images/buttons/completelijst-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-completelijst:hover { border: none; background: url('/tso-ext!@$$/images/buttons/completelijst-o.png') no-repeat top left; } .kn-nieuwegroep { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwegroep-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-nieuwegroep:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwegroep-o.png') no-repeat top left; } .kn-toonhuidig { border: none; background: url('/tso-ext!@$$/images/buttons/toonhuidig-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-toonhuidig:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/toonhuidig-o.png') no-repeat top left; } .kn-nieuwekracht { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwekracht-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-nieuwekracht:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwekracht-o.png') no-repeat top left; } .kn-koelkastlijst { border: none; background: url('/tso-ext!@$$/images/buttons/koelkastlijst-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-koelkastlijst:hover { border: none; background: url('/tso-ext!@$$/images/buttons/koelkastlijst-o.png') no-repeat top left; } .kn-bevestigen { border: none; background: url('/tso-ext!@$$/images/buttons/bevestigen-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-bevestigen:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/bevestigen-o.png') no-repeat top left; } .kn-exporteren { border: none; background: url('/tso-ext!@$$/images/buttons/exporteren-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-exporteren:hover { border: none; background: url('/tso-ext!@$$/images/buttons/exporteren-o.png') no-repeat top left; } .kn-importeren { border: none; background: url('/tso-ext!@$$/images/buttons/importeren-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-importeren:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/importeren-o.png') no-repeat top left; } .kn-volgende { border: none; background: url('/tso-ext!@$$/images/buttons/volgende-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-volgende:hover { border: none; background: url('/tso-ext!@$$/images/buttons/volgende-o.png') no-repeat top left; } .kn-nieuwaccount { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwaccount-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-nieuwaccount:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nieuwaccount-o.png') no-repeat top left; } .kn-wijzigen { border: none; background: url('/tso-ext!@$$/images/buttons/wijzigen-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-wijzigen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/wijzigen-o.png') no-repeat top left; } .kn-gebruikers { border: none; background: url('/tso-ext!@$$/images/buttons/gebruikers-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-gebruikers:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/gebruikers-o.png') no-repeat top left; } .kn-deactiveren { border: none; background: url('/tso-ext!@$$/images/buttons/deactiveren-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-deactiveren:hover { border: none; background: url('/tso-ext!@$$/images/buttons/deactiveren-o.png') no-repeat top left; } .kn-factuur { border: none; background: url('/tso-ext!@$$/images/buttons/factuur-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-factuur:hover { border: none; background: url('/tso-ext!@$$/images/buttons/factuur-o.png') no-repeat top left; } .kn-kiesbestand { border: none; background: url('/tso-ext!@$$/images/buttons/kiesbestand-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-kiesbestand:hover { border: none; background: url('/tso-ext!@$$/images/buttons/kiesbestand-o.png') no-repeat top left; } .kn-onbetaald { border: none; background: url('/tso-ext!@$$/images/buttons/onbetaald-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-onbetaald:hover { border: none; background: url('/tso-ext!@$$/images/buttons/onbetaald-o.png') no-repeat top left; } .kn-permaand { border: none; background: url('/tso-ext!@$$/images/buttons/permaand-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-permaand:hover { border: none; background: url('/tso-ext!@$$/images/buttons/permaand-o.png') no-repeat top left; } .kn-terug { border: none; background: url('/tso-ext!@$$/images/buttons/terug-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-terug:hover { border: none; background: url('/tso-ext!@$$/images/buttons/terug-o.png') no-repeat top left; } .kn-kasboek { border: none; background: url('/tso-ext!@$$/images/buttons/kasboek-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-kasboek:hover { border: none; background: url('/tso-ext!@$$/images/buttons/kasboek-o.png') no-repeat top left; } .kn-contact { border: none; background: url('/tso-ext!@$$/images/buttons/contact-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-contact:hover { border: none; background: url('/tso-ext!@$$/images/buttons/contact-o.png') no-repeat top left; } .kn-clieop { border: none; background: url('/tso-ext!@$$/images/buttons/clieop-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-clieop:hover { border: none; background: url('/tso-ext!@$$/images/buttons/clieop-o.png') no-repeat top left; } .kn-sepa { border: none; background: url('/tso-ext!@$$/images/buttons/sepa-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-sepa:hover { border: none; background: url('/tso-ext!@$$/images/buttons/sepa-o.png') no-repeat top left; } .kn-actief { border: none; background: url('/tso-ext!@$$/images/buttons/actief-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-actief:hover { border: none; background: url('/tso-ext!@$$/images/buttons/actief-o.png') no-repeat top left; } .kn-nonactief { border: none; background: url('/tso-ext!@$$/images/buttons/nonactief-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-nonactief:hover { border: none; background: url('/tso-ext!@$$/images/buttons/nonactief-o.png') no-repeat top left; } .kn-standaard { border: none; background: url('/tso-ext!@$$/images/buttons/standaard-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-standaard:hover { border: none; background: url('/tso-ext!@$$/images/buttons/standaard-o.png') no-repeat top left; } .kn-reset { border: none; background: url('/tso-ext!@$$/images/buttons/reset-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-reset:hover { border: none; background: url('/tso-ext!@$$/images/buttons/reset-o.png') no-repeat top left; } .kn-meer { border: none; background: url('/tso-ext!@$$/images/buttons/meer-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-meer:hover { border: none; background: url('/tso-ext!@$$/images/buttons/meer-o.png') no-repeat top left; } .kn-dummy { border: none; background: url('/tso-ext!@$$/images/buttons/dummy-u.png') no-repeat top left; width:126px; height:29px;cursor:default; } .kn-dummy:hover { border: none; background: url('/tso-ext!@$$/images/buttons/dummy-o.png') no-repeat top left; } .kn-koppelkind { border: none; background: url('/tso-ext!@$$/images/buttons/koppelkind-u.png') no-repeat top left; width:126px; height:29px;cursor:default; } .kn-koppelkind:hover { border: none; background: url('/tso-ext!@$$/images/buttons/koppelkind-o.png') no-repeat top left; } .kn-plus-1 { border: none; background: url('/tso-ext!@$$/images/buttons/plus-1-u.png') no-repeat top left; width:25px; height:29px;cursor:default; } .kn-plus-1:hover { border: none; background: url('/tso-ext!@$$/images/buttons/plus-1-o.png') no-repeat top left; } .kn-plus-2 { border: none; background: url('/tso-ext!@$$/images/buttons/plus-2-u.png') no-repeat top left; width:25px; height:29px;cursor:default; } .kn-plus-2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/plus-2-o.png') no-repeat top left; } .kn-min-1 { border: none; background: url('/tso-ext!@$$/images/buttons/min-1-u.png') no-repeat top left; width:25px; height:29px;cursor:default; } .kn-min-1:hover { border: none; background: url('/tso-ext!@$$/images/buttons/min-1-o.png') no-repeat top left; } .kn-min-2 { border: none; background: url('/tso-ext!@$$/images/buttons/min-2-u.png') no-repeat top left; width:25px; height:29px;cursor:default; } .kn-min-2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/min-2-o.png') no-repeat top left; } .kn-opslaan-menu { border: none; background: url('/tso-ext!@$$/images/buttons/opslaan-menu-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-opslaan-menu:hover { border: none; background: url('/tso-ext!@$$/images/buttons/opslaan-menu-o.png') no-repeat top left; } .kn-dagrooster { border: none; background: url('/tso-ext!@$$/images/buttons/dagrooster-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-dagrooster:hover { border: none; background: url('/tso-ext!@$$/images/buttons/dagrooster-o.png') no-repeat top left; } .kn-maandrooster { border: none; background: url('/tso-ext!@$$/images/buttons/maandrooster-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-maandrooster:hover { border: none; background: url('/tso-ext!@$$/images/buttons/maandrooster-o.png') no-repeat top left; } .kn-afhandeling { border: none; background: url('/tso-ext!@$$/images/buttons/afhandeling-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-afhandeling:hover { border: none; background: url('/tso-ext!@$$/images/buttons/afhandeling-o.png') no-repeat top left; } .kn-om { border: none; background: url('/tso-ext!@$$/images/buttons/om-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-om:hover { border: none; background: url('/tso-ext!@$$/images/buttons/om-o.png') no-repeat top left; } .kn-welniettso { border: none; background: url('/tso-ext!@$$/images/buttons/welniettso-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-welniettso:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/welniettso-o.png') no-repeat top left; } .kn-ouder { border: none; background: url('/tso-ext!@$$/images/buttons/ouder-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-ouder:hover { border: none; background: url('/tso-ext!@$$/images/buttons/ouder-o.png') no-repeat top left; } .kn-reserveringen { border: none; background: url('/tso-ext!@$$/images/buttons/reserveringen-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-reserveringen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/reserveringen-o.png') no-repeat top left; } .kn-beeindigen { border: none; background: url('/tso-ext!@$$/images/buttons/beeindigen-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-beeindigen:hover { border: none; background: url('/tso-ext!@$$/images/buttons/beeindigen-o.png') no-repeat top left; } .kn-extra { border: none; background: url('/tso-ext!@$$/images/buttons/extra-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-extra:hover { border: none; background: url('/tso-ext!@$$/images/buttons/extra-o.png') no-repeat top left; } .kn-overblijf { border: none; background: url('/tso-ext!@$$/images/buttons/overblijf-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-overblijf:hover { border: none; background: url('/tso-ext!@$$/images/buttons/overblijf-o.png') no-repeat top left; } .kn-aanuit { border: none; background: url('/tso-ext!@$$/images/buttons/aanuit-u.png') no-repeat top left; width:126px; height:29px; cursor:pointer; } .kn-aanuit:hover { border: none; background: url('/tso-ext!@$$/images/buttons/aanuit-o.png') no-repeat top left; } /* brede formknoppen versies "2" */ .kn-inloggegevens2 { border: none; background: url('/tso-ext!@$$/images/buttons/inloggegevens2-u.png') no-repeat top left; width:138px; height:29px;cursor:pointer; } .kn-inloggegevens2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/inloggegevens2-o.png') no-repeat top left; } .kn-login2 { border: none; background: url('/tso-ext!@$$/images/buttons/login2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-login2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/login2-o.png') no-repeat top left; } .kn-versturen2 { border: none; background: url('/tso-ext!@$$/images/buttons/versturen2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-versturen2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/versturen2-o.png') no-repeat top left; } .kn-registreren2 { border: none; background: url('/tso-ext!@$$/images/buttons/registreren2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-registreren2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/registreren2-o.png') no-repeat top left; } .kn-smartphone2 { border: none; background: url('/tso-ext!@$$/images/buttons/smartphone2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-smartphone2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/smartphone2-o.png') no-repeat top left; } .kn-wachtwoord2 { border: none; background: url('/tso-ext!@$$/images/buttons/wachtwoord2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-wachtwoord2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/wachtwoord2-o.png') no-repeat top left; } .kn-terug2 { border: none; background: url('/tso-ext!@$$/images/buttons/terug2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-terug2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/terug2-o.png') no-repeat top left; } .kn-doorgaan2 { border: none; background: url('/tso-ext!@$$/images/buttons/doorgaan2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-doorgaan2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/doorgaan2-o.png') no-repeat top left; } .kn-annuleren2 { border: none; background: url('/tso-ext!@$$/images/buttons/annuleren2-u.png') no-repeat top left; width:138px; height:29px; cursor:pointer; } .kn-annuleren2:hover { border: none; background: url('/tso-ext!@$$/images/buttons/annuleren2-o.png') no-repeat top left; } .kn-blokkeer { border: none; background: url('/tso-ext!@$$/images/buttons/blokkeer-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-blokkeer:hover { border: none; background: url('/tso-ext!@$$/images/buttons/blokkeer-o.png') no-repeat top left; } .kn-deblokkeer { border: none; background: url('/tso-ext!@$$/images/buttons/deblokkeer-u.png') no-repeat top left; width:126px; height:29px;cursor:pointer; } .kn-deblokkeer:hover { border: none; background: url('/tso-ext!@$$/images/buttons/deblokkeer-o.png') no-repeat top left; } /* speciale knoppen */ .kn-login3 { border: none; background: url('/tso-ext!@$$/images/buttons/login3-u.png') no-repeat top left; width:300px; height:29px; cursor:pointer; } .kn-login3:hover { border: none; background: url('/tso-ext!@$$/images/buttons/login3-o.png') no-repeat top left; } .input-250-zoek { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:276px; border:1px solid #4F83B0; border-right:none; margin:0px ; padding:0px; } /*height hard definieren*/ .input-XXX-zoek { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:176px; border:1px solid #4F83B0; border-right:none; margin:0px ; padding:0px; } /*height hard definieren*/ .input-zoek { color:#439DC7; font-family:'Trebuchet MS'; font-size:11px; line-height:25px; height:20px; margin:0; padding:0; width: 174px; border:1px solid #4F83B0; text-indent:2px; } .loep-icon { content: url(/tso-ext!@$$/images/buttons/loep-u.png); position: absolute; width:24px; height:29px; bottom: 0px; right: 0px; cursor: pointer; } .loep-icon:hover { content: url(/tso-ext!@$$/images/buttons/loep-o.png); position: absolute; width:24px; height:29px; bottom: 0px; right: 0px; cursor: pointer; } .kn-zoek { border:1px solid #4F83B0; border-left:none; background: transparent url('/tso-ext!@$$/images/buttons/loep-u.png') no-repeat top left; width:24px; height:29px; cursor:pointer; } .kn-zoek:hover { border:1px solid #4F83B0; border-left:none; background: transparent url('/tso-ext!@$$/images/buttons/loep-o.png') no-repeat top left; } .kn-zoek-div { position: absolute; z-index: 1010; left: 553px; top: 132px; } /*tooltip*/ .iframeTooltip { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } .tooltipContent { position: absolute; background-image:url(/tso-ext!@$$/images/shadow.png); background-position:right bottom; color:#333; left: 1px; } .schaduw { position: relative; background-color: #FEF073; top:-4px; left:-4px; padding:3px; } .schaduw-geen-tso { position: relative; background-color: #FFAF4F; top:-4px; left:-4px; padding:3px; } .schaduw a:link, .schaduw a:active, .schaduw a:visited { color:#00A7EB; text-decoration:none; } .schaduw a:hover {color:#00A7EB; text-decoration:underline; } .schaduw-qr { position: relative; background-color: #FEF073; top:-4px; left:-4px; padding:0px; } .tabeltooltip { color:#333; font-size: 12px; line-height:17px; } /*pop-up*/ #popup_exporteren { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_afbreken { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_verwijder { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_uitloggen { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_select { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_checksave { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_saveall { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_accorderen { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_menu { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_geenkind { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_kasboek { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup_sepa { position:absolute; left:50%; margin-left:-147px; top:161px; z-index:201; color:#333; } #popup_debug { position:absolute; left:50%; margin-left: 400px; top:0px; z-index:1010; color:#333; } #popup_vriendjemee { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } /*pop-up accorderen*/ .modal { position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; } .modal-content { background-image:url(/tso-ext!@$$/images/shadow.png); background-position:right bottom; margin: 15% auto; padding:0; border:none; width: 80%; } /* rechts onder vraagteken */ #popup_questionmark { position:absolute; left:50%; margin-left:-147px; top:170px; z-index:1010; color:#333; } #popup_questionmark-inlog { position:absolute; left:50%; margin-left:-295px; top:145px; z-index:1010; color:#333; } #popup_questionmark-overdracht { position:absolute; left:50%; margin-left:-195px; top:145px; z-index:1010; color:#333; } #popup_questionmark-breed { position:absolute; left:50%; margin-left:-287px; top:170px; z-index:1010; color:#333; cursor:pointer; } #popup_questionmark-calc { position:absolute; left:50%; margin-left:-287px; top:15px; z-index:1010; color:#333; cursor:pointer; } .popup-contentagenda { font-size:12px; color:#000; position: absolute; margin-top:0px; margin-left:4px; background-image:url(/tso-ext!@$$/images/shadow.png); background-position:right bottom; } .schaduwagenda { position: relative; background-color: #FEF073; top:-4px; left:-4px; padding:3px; } /* ouder reserveren tooltip geen TSO */ .popup-geentsoagenda { font-size:12px; color:#000; position: absolute; margin-top:0px; margin-left:4px; background-image:url(/tso-ext!@$$/images/shadow.png); background-position:right bottom; } .schaduwgeentsoagenda { position: relative; background-color: #FFAF4F; top:-4px; left:-4px; padding:3px; } #popup-aan { position:absolute; left:50%; margin-left:-147px; top:180px; z-index:201; color:#333; } #popup-uit { display:none; } .popup-content { position: absolute; background-image:url(/tso-ext!@$$/images/shadow.png); background-position:right bottom; } .popup-schaduw { position: relative; background-color: #FEF073; top:-4px; left:-4px; padding:12px; color:#333; text-align:center } .pupup-vuller { height:10px; } .pupup-vuller5 { height:5px; } .popup-support { width:100%; background: url(/tso-ext!@$$/images/sluit.png); padding:0; margin:0; background-size: 18px 18px; background-position:right bottom; background-repeat:no-repeat; } .popup-support a:link, .popup-support a:active, .popup-support a:visited { color:#00A7EB; text-decoration:none; } .popup-support a:hover {color:#00A7EB; text-decoration:underline; } /*kalender*/ .kalender { background-color:#FFFFFF; border-left:1px solid #dcd8cf; font-family:Arial; cursor:default } .maand { background-color:#dcd8cf; font-size:12px; color:#3b6da2; } .andere-maand { font-size:13px; color:#CCC; } .week { background-color:#dcd8cf; font-size:12px; color:#3b6da2; } .geen-tso { font-size:13px; } .focus-geen-tso { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-wit.png); } .heden-geen-tso { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-wit.png); } .verl-tso-dag { font-size:13px; background-color:#e6e2db; } .focus-verl-tso-dag { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-beige-licht.png); } /* .heden-tso-dag { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-beige.png); color: #FFF; font-weight:bold; } .toek-tso-dag { font-size:13px; background-color:#cdc8bb; color: #FFF; font-weight:bold; } */ .focus-toek-tso-dag { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-donker-beige.png); } /* .heden-partieel { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-oranje.png); font-weight:bold; } .toek-partieel { font-size:13px; background-color:#ffc28b; font-weight:bold; } */ .heden-partieel { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-beige.png); color: #FFF; font-weight:bold; } .toek-partieel { font-size:13px; background-color:#cdc8bb; color: #FFF; font-weight:bold; } /*kalender overdracht*/ .o-verl-tso-dag { font-size:13px; background-color:#e6e2db; } .o-toek-tso-dag { font-size:13px; background-color:#cdc8bb; } .o-heden-tso-dag { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-beige.png); } .o-heden-tso-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-blauw.png); color: #FFF; font-weight:bold; } .o-gereserveerd { font-size:13px; background-color:#ffa0a1; font-weight:bold; } .o-geaccord { font-size:13px; background-color:#d0f3cf; } .o-heden-gereserveerd { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-roze.png); } .o-heden-geaccord { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-groen.png); } .o-focus-geen-tso { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-beige-donker.png); } .o-focus-gereserveerd { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-roze.png); font-weight:bold; } .o-focus-geaccord { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-groen.png); } .o-focus-toek-tso { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-blauw-donker.png); color: #FFF; font-weight:bold; } /*kalender extra*/ .verl-extra-wel-geres { font-size:13px; background-color:#d59c95; } .focus-extra-wel-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-steenrood.png); color: #FFF; font-weight:bold; } .verl-extra-niet-geres { font-size:13px; background-color:#e6e2db; } .focus-extra-niet-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-beige-donker.png); } .toek-extra-wel-geres { font-size:13px; background-color:#d59c95; color: #FFF; font-weight:bold; } .heden-extra-wel-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-steenrood.png); color: #FFF; font-weight:bold; } .heden-extra-niet-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-beige.png); } .toek-extra-niet-geres { font-size:13px; background-color:#cdc8bb; } /*RM*/ .verl-extra { font-size:13px; background-color:#ebc2bb; ; color: #FFF; font-weight:bold;} .heden-extra { font-size:13px; background-color:#d28f84; ; color: #FFF; font-weight:bold;} .heden-extra-partieel { font-size:13px; background-color:#d28f84; color: #FFF; font-weight:bold;} .toek-extra { font-size:13px; background-color:#d28f84; ; color: #FFF; font-weight:bold;} .toek-extra-partieel { font-size:13px; background-color:#d28f84; color: #FFF; font-weight:bold;} .focus-extra { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-steenrood.png); ; color: #FFF; font-weight:bold;} /*kalender reserveren*/ .verl-tso-wel-geres { font-size:13px; background-color:#cfddea; } .focus-tso-wel-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-blauw-donker.png); color: #FFF; font-weight:bold; } .verl-tso-niet-geres { font-size:13px; background-color:#e6e2db; } .focus-tso-niet-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-beige-donker.png); } .toek-tso-wel-geres { font-size:13px; background-color:#94b1ce; color: #FFF; font-weight:bold; } .heden-tso-wel-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-blauw.png); color: #FFF; font-weight:bold; } .heden-tso-niet-geres { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-beige.png); } .toek-tso-niet-geres { font-size:13px; background-color:#cdc8bb; } /*kalender rooster*/ .verl-beschikbaar { font-size:13px; background-color:#ffdebf; } .verl-ingeroos { font-size:13px; background-color:#cfddea; } .heden-beschikbaar { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-oranje.png); font-weight:bold; } .heden-wel-ingeroos { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-blauw.png); color: #FFF; font-weight:bold; } .toek-beschikbaar { font-size:13px; background-color:#ffc28b; font-weight:bold; } .toek-ingeroos { font-size:13px; background-color:#94b1ce; color: #FFF; font-weight:bold; } .focus-verl-beschikbaar { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-oranje-licht.png); } .focus-verl-rooster { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-blauw-licht.png); } .heden-niet-ingeroos { font-size:13px; background-image:url(/tso-ext!@$$/images/heden-beige.png); } /* gebruik heden-tso */ .focus-toek-beschikbaar { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-oranje-donker.png); font-weight:bold; } .focus-toek-rooster { font-size:13px; background-image:url(/tso-ext!@$$/images/focus-blauw-donker.png); color: #FFF; font-weight:bold; } .buttonclick { background-color:#6AADD7 } /*lijsten*/ .licht { background-color:#d9f2ff; height:19px; } .donker { background-color:#c0d2e2; height:19px; } .licht-leeg { background-color:#d9f2ff; } .donker-leeg { background-color:#c0d2e2; } #sorteer-bar { background-color:#71ccff; height:19px; } #sorteer-bar td { color:#3b6da2; font-family:"Trebuchet MS"; font-size:11px; line-height:19px; padding:0; margin:0; } .kn-sorteer11 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer11-u.png') no-repeat top left; width:11px; height:19px; cursor:pointer; } .kn-sorteer11:hover { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer11-d.png') no-repeat top left; } .kn-sorteer19c { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer19c-u.png') no-repeat top left; width:19px; height:19px; cursor:pointer; } .kn-sorteer19c:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer19c-d.png') no-repeat top left; } .kn-sorteer20 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer20-u.png') no-repeat top left; width:20px; height:19px; cursor:pointer; } .kn-sorteer20:hover { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer20-d.png') no-repeat top left; } .kn-sorteer35 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer35-u.png') no-repeat top left; width:35px; height:19px; cursor:pointer; } .kn-sorteer35:hover { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer35-d.png') no-repeat top left; } .kn-sorteer60 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer60-u.png') no-repeat top left; width:60px; height:19px; cursor:pointer; } .kn-sorteer60:hover { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer60-d.png') no-repeat top left; } .kn-sorteer60-op { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer60-u.png') no-repeat top left; width:60px; height:19px; cursor:pointer; } .kn-sorteer60-op:hover { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer60-d.png') no-repeat top left; } .kn-sorteer85 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer85-u.png') no-repeat top left; width:85px; height:19px; cursor:pointer; } .kn-sorteer85:hover { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer85-d.png') no-repeat top left; } .kn-sorteer125 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer125-u.png') no-repeat top left; width:125px; height:19px; cursor:pointer; } .kn-sorteer125:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer125-d.png') no-repeat top left; } .kn-sorteer475 { border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer475-u.png') no-repeat top left; width:475px; height:19px; cursor:pointer; } .kn-sorteer475:hover{ border: none; background: url('/tso-ext!@$$/images/buttons/pijlneer475-d.png') no-repeat top left; } #kol168 { width:168px; display:block; background-color:#CC6 } #kol23 { width:23px; display:block; background-color:#CF9 } #kol91 { width:91px; display:block; background-color:#CC9 } #kol38 { width:38px; display:block; background-color:#CF6 } .login-error { font-size:20px; color:#ff0000} .login-succes { font-size:20px; color:#09b100} /* tablet proof scrollbar stijlen - scrollbar000x000-2 gebruiken voor de 2e bar op hetzelfde scherm */ .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } #scrollbar-prikbord-co { width: 427px; margin: 0; } #scrollbar-prikbord-co .viewport { width: 402px; height: 361px; overflow: hidden; position: relative; } #scrollbar-prikbord-co .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar-prikbord-co .scrollbar { position: relative; float: right; width: 25px; } #scrollbar-prikbord-co .track { position: relative; background-color: #9ADEFD; } #scrollbar-prikbord-co .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar-prikbord-co .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar-prikbord-co .disable { display: none; } #scrollbar-prikbord-kr { width: 427px; margin: 0; } #scrollbar-prikbord-kr .viewport { width: 402px; height: 161px; overflow: hidden; position: relative; } #scrollbar-prikbord-kr .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar-prikbord-kr .scrollbar { position: relative; float: right; width: 25px; } #scrollbar-prikbord-kr .track { position: relative; background-color: #FDE5CC; } #scrollbar-prikbord-kr .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar-2.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar-prikbord-kr .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar-2.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar-prikbord-kr .disable { display: none; } #scrollbar176x152-1 { width: 176px; margin: 0; } #scrollbar176x152-1 .viewport { width: 151px; height: 152px; overflow: hidden; position: relative; } #scrollbar176x152-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar176x152-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar176x152-1 .track { position: relative; background-color:#71ccff; } #scrollbar176x152-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar176x152-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar176x152-1 .disable { display: none; } #scrollbar376x133-1 { width: 376px; margin: 0; } #scrollbar376x133-1 .viewport { width: 351px; height: 133px; overflow: hidden; position: relative; } #scrollbar376x133-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x133-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x133-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x133-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x133-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x133-1 .disable { display: none; } #scrollbar376x171-1 { width: 376px; margin: 0; } #scrollbar376x171-1 .viewport { width: 351px; height: 171px; overflow: hidden; position: relative; } #scrollbar376x171-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x171-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x171-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x171-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x171-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x171-1 .disable { display: none; } #scrollbar376x171-2 { width: 376px; margin: 0; } #scrollbar376x171-2 .viewport { width: 351px; height: 171px; overflow: hidden; position: relative; } #scrollbar376x171-2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x171-2 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x171-2 .track { position: relative; background-color:#71ccff; } #scrollbar376x171-2 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x171-2 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x171-2 .disable { display: none; } #scrollbar376x228-1 { width: 376px; margin: 0; } #scrollbar376x228-1 .viewport { width: 351px; height: 228px; overflow: hidden; position: relative; } #scrollbar376x228-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x228-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x228-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x228-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x228-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x228-1 .disable { display: none; } #scrollbar376x266-1 { width: 376px; margin: 0; } #scrollbar376x266-1 .viewport { width: 351px; height: 266px; overflow: hidden; position: relative; } #scrollbar376x266-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x266-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x266-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x266-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x266-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x266-1 .disable { display: none; } #scrollbar376x285-1 { width: 376px; margin: 0; } #scrollbar376x285-1 .viewport { width: 351px; height: 285px; overflow: hidden; position: relative; } #scrollbar376x285-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x285-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x285-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x285-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x285-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x285-1 .disable { display: none; } #scrollbar376x302-1 { width: 376px; margin: 0; } #scrollbar376x302-1 .viewport { width: 351px; height: 302px; overflow: hidden; position: relative; } #scrollbar376x302-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x302-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x302-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x302-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x302-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x302-1 .disable { display: none; } #scrollbar376x304-1 { width: 376px; margin: 0; } #scrollbar376x304-1 .viewport { width: 351px; height: 304px; overflow: hidden; position: relative; } #scrollbar376x304-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x304-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x304-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x304-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x304-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x304-1 .disable { display: none; } #scrollbar376x322-1 { width: 376px; margin: 0; } #scrollbar376x322-1 .viewport { width: 351px; height: 322px; overflow: hidden; position: relative; } #scrollbar376x322-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x322-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x322-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x322-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x322-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x322-1 .disable { display: none; } #scrollbar376x361-1 { width: 376px; margin: 0; } #scrollbar376x361-1 .viewport { width: 351px; height: 361px; overflow: hidden; position: relative; } #scrollbar376x361-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x361-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x361-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x361-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x361-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x361-1 .disable { display: none; } #scrollbar376x380-1 { width: 376px; margin: 0; } #scrollbar376x380-1 .viewport { width: 351px; height: 380px; overflow: hidden; position: relative; } #scrollbar376x380-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x380-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x380-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x380-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x380-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x380-1 .disable { display: none; } #scrollbar376x399-1 { width: 376px; margin: 0; } #scrollbar376x399-1 .viewport { width: 351px; height: 399px; overflow: hidden; position: relative; } #scrollbar376x399-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x399-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x399-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x399-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x399-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x399-1 .disable { display: none; } #scrollbar376x399-2 { width: 376px; margin: 0; } #scrollbar376x399-2 .viewport { width: 351px; height: 399px; overflow: hidden; position: relative; } #scrollbar376x399-2 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x399-2 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x399-2 .track { position: relative; background-color:#71ccff; } #scrollbar376x399-2 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x399-2 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x399-2 .disable { display: none; } #scrollbar376x418-1 { width: 376px; margin: 0; } #scrollbar376x418-1 .viewport { width: 351px; height: 418px; overflow: hidden; position: relative; } #scrollbar376x418-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x418-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x418-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x418-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x418-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x418-1 .disable { display: none; } #scrollbar376x437-1 { width: 376px; margin: 0; } #scrollbar376x437-1 .viewport { width: 351px; height: 437px; overflow: hidden; position: relative; } #scrollbar376x437-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x437-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x437-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x437-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x437-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x437-1 .disable { display: none; } #scrollbar376x456-1 { width: 376px; margin: 0; } #scrollbar376x456-1 .viewport { width: 351px; height: 456px; overflow: hidden; position: relative; } #scrollbar376x456-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar376x456-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar376x456-1 .track { position: relative; background-color:#71ccff; } #scrollbar376x456-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar376x456-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar376x456-1 .disable { display: none; } #scrollbar427x78-1 { width: 427px; margin: 0; } #scrollbar427x78-1 .viewport { width: 402px; height: 78px; overflow: hidden; position: relative; } #scrollbar427x78-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar427x78-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar427x78-1 .track { position: relative; background-color:#71ccff; } #scrollbar427x78-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar427x78-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar427x78-1 .disable { display: none; } #scrollbar576x304-1 { width: 576px; margin: 0; } #scrollbar576x304-1 .viewport { width: 551px; height: 304px; overflow: hidden; position: relative; } #scrollbar576x304-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar576x304-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar576x304-1 .track { position: relative; background-color:#71ccff; } #scrollbar576x304-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar576x304-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar576x304-1 .disable { display: none; } #scrollbar776x285-1 { width: 776px; margin: 0; } #scrollbar776x285-1 .viewport { width: 751px; height: 285px; overflow: hidden; position: relative; } #scrollbar776x285-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar776x285-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar776x285-1 .track { position: relative; background-color:#71ccff; } #scrollbar776x285-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar776x285-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar776x285-1 .disable { display: none; } #scrollbar776x304-1 { width: 776px; margin: 0; } #scrollbar776x304-1 .viewport { width: 751px; height: 304px; overflow: hidden; position: relative; } #scrollbar776x304-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar776x304-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar776x304-1 .track { position: relative; background-color:#71ccff; } #scrollbar776x304-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar776x304-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar776x304-1 .disable { display: none; } #scrollbar776x399-1 { width: 776px; margin: 0; } #scrollbar776x399-1 .viewport { width: 751px; height: 399px; overflow: hidden; position: relative; } #scrollbar776x399-1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar776x399-1 .scrollbar { position: relative; float: right; width: 25px; } #scrollbar776x399-1 .track { position: relative; background-color:#71ccff; } #scrollbar776x399-1 .thumb { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 100%; overflow: hidden; width: 25px; cursor: pointer; position: absolute; top: 0; left: 0px; } #scrollbar776x399-1 .thumb .end { background: transparent url(/tso-ext!@$$/images/bg-scrollbar.png) no-repeat 50% 0; overflow: hidden; width: 25px; height: 25px;} #scrollbar776x399-1 .disable { display: none; } /* calculator */ .uitkomsthouder { display: inline-block; width:70px; text-align:right; } .groen { background-color:#D7F5D7; color:#000; padding:3px 5px 3px 5px; } .oranje { background-color:#FFC690; color:#000; padding:3px 5px 3px 5px; } .roze { background-color:#FFADAE; color:#000; padding:3px 5px 3px 5px; } .input-tekst { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:376px; border:1px solid #ccc; margin:0px ; padding:2px 0px 0px 0px; } /*height hard definieren*/ .input-minuten { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width: 58px; border:1px solid #ccc; margin:0px ; padding:2px 0px 0px 0px; text-align:center } /*height hard definieren*/ .input-slider { color:#439DC7; font-family:"Trebuchet MS"; font-size:11px; line-height:25px; width:376px; border:0px solid #ccc; margin:0px ; padding:0px; } .output-slider { position:absolute; margin-left:-14px; margin-top:-24px; left:50%; width:22px; height:24px; } /* wat is dit? */ input.rightAligned { text-align: right; } input.leftAligned { text-align: left; } input.hidden { visibility: hidden; } .hidden { visibility: hidden; } /*div.fileinputs { position: relative; } div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1;} input.file { position: relative; text-align: right; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; } */