/* @import url("scrollbar/uvumi-scrollbar.css"); */ html{ height:100%; } body{ margin: 0px; /* padding:0px; */ /* border:0px; */ overflow: hidden; height:100%; /* opacity: 0; */ } #topsection { margin: 0 auto; position:relative; /* width:1002px; */ height:120px; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; background-image:url('/images/header_background_gradient_120h.jpg'); } #header-1024 { position: relative; /* top: 0px; left: 0px; */ /*width: 1002px;*/ /* 168 + 582 + 240 */ height: 120px; /* Height of top section */ margin: 0px; padding: 0px; border-width: 0px; /* background-image:url('/images/header_background_gradient_120h.jpg'); */ /* opacity:0; */ } #header-800 { position: absolute; top: 0px; left: 0px; /* width: 800px; */ /* * 150 + 450 + 200 */ height: 40px; /* Height of top section */ /* visibility: hidden; z-index: 0; */ /* display:none; weer aan voor isTel */ } #headCont { position:relative; height:120px; } #headLeft { position: absolute; height:120px; } #headMain { position: absolute; height:120px; } #headRight { position: absolute; height:120px; } #bottomsection { margin: 0 auto; position:relative; left:0px; top:0px; /* width:1002px; */ /* Width of main container */ height:100%; border-left: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; } #frameLeft { position:absolute; /* in sc-site van relative -> absolute */ /* left:0px; */ top:0px; /* width:150px; */ /* border en padding erbij tellen */ height:100px; margin: 0px; padding-left:13px; padding-top:0px; padding-right:0px; padding-bottom:0px; overflow:auto; /* overflow:hidden; */ background-color:#f6f6ff; border-left:0px none transparent; /* border-right:1px solid #ff0000; */ border-top: 1px solid #c0c0c0; border-right:0px none transparent; border-bottom:0px none transparent; display:none; /* jan2021 nodig voor tel, zie page_800_tel.css */ } #frameMain { position:absolute; /* left:163px; */ /* border en padding-left van leftFrame erbij tellen */ top:0px; /* width:600px; */ height:1000px; margin: 0px; padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; border-left: 1px solid #000080; border-top: 1px solid #000080; border-right: 1px solid #000080; border-bottom: 0px none transparent; overflow:auto; /* overflow:hidden; */ background-color: white; z-index: 1; } #frameRight { position:absolute; /* left:765px; */ /* border en padding van left en main erbij tellen: 163 + 600 + 2 */ top:0px; /* width:219px; */ /* border plus padding eraf gehaald - voor sc-site van 220 -> 218 - na border weghalen: 219 */ height:1000px; margin: 0px; padding-left:15px; padding-top:0px; padding-right:3px; padding-bottom:0px; overflow:auto; /* overflow:hidden; */ background-color:#f6f6ff; /* border-left:1px solid #ff0000; */ border-left:0px none transparent; border-top: 1px solid #909090; /* border-right: 1px solid #C0C0C0; */ border-right:0px none transparent; border-bottom:0px none transparent; display:none; /* jan2021 nodig voor tel, zie page_800_tel.css */ } #bottomfiller{ height:0px; } /* *** Algemeen *** */ .standaardfont { font-family:"Times New Roman", Times, serif; font-size:12pt; color:black; } .standaardfontklein { font-family:"Times New Roman", Times, serif; font-size:10pt; color:black; } .standaardfontgroot { font-family:"Times New Roman", Times, serif; font-size:14pt; color:black; } .standaardfontgrootextra { font-family:"Times New Roman", Times, serif; font-size:16pt; color:black; } .center { text-align:center; } hr.standard { width: 100%; height: 1px; color: #C0C0C0; background-color: #C0C0C0; /* voor Opera */ border: 0; } /* Oud */ table.cellborders td { border: 1px solid #c0c0c0; } /* 1-pixel scheidslijnen in tabel */ table.cellliners { border-left: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; } table.cellliners td { border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; /* margin-left:2px; margin-right:2px; padding-left:2px; padding-right:2px; */ } table.cellliners-sitecolor { border-left: 1px #b0b0e0 solid; border-top: 1px #b0b0e0 solid; } table.cellliners-sitecolor td { border-right: 1px #b0b0e0 solid; border-bottom: 1px #b0b0e0 solid; } td.showcell {border: 1px solid #c0c0c0;} /* Standaardiseer bovenmarge van tabellen voor alle browsers */ table.tableformat { margin-top: 18px; } table.nomargin { margin: 0px; } .datestable tr td:nth-child(1){ /* background-color:lime; */ vertical-align:text-top; padding-top:4px; padding-right:12px; white-space:nowrap; } .datestable tr td:nth-child(2){ padding-left: 12px; text-indent: -12px; } /* algemene_semantiek_krachten, economische_krachten, methoden_begrippen, psychologische_krachten, sociologische_krachten, */ .contentstable { table-layout:fixed; } .contentstable tr td:nth-child(1) { width:4%; } .contentstable tr td:nth-child(2) { width:48%; vertical-align:text-top; padding-left: 12px; text-indent: -12px; padding-right:5px; } .contentstable tr td:nth-child(3) { width:48%; vertical-align:text-top; padding-left: 12px; text-indent: -12px; } .outdentgeneral { padding-left: 18px; text-indent: -18px; } /* Fonts voor gebruiksaanwijzingen e.d. */ .sitefont {font-family: Verdana; font-size: 10pt; font-weight: normal; color: #000080;} .sitefontb {font-family: Verdana; font-size: 10pt; font-weight: bold; color: #000080;} .sitefontsm {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000080;} .sitefontsmb {font-family: Verdana; font-size: 8pt; font-weight: bold; color: #000080;} .sitefontssm {font-family: Verdana; font-size: 7pt; font-weight: normal; color: #000080;} .sitefontssmb {font-family: Verdana; font-size: 7pt; font-weight: bold; color: #000080; letter-spacing: 1px;} .sitefontlg {font-family: Verdana; font-size: 11pt; font-weight: normal; color: #000080;} .sitefontxlg {font-family: Verdana; font-size: 12pt; font-weight: normal; color: #000080;} .sitefontxxlg {font-family: Verdana; font-size: 14pt; font-weight: normal; color: #000080;} /* *** Voor mainpages *** */ /* #maintable {width:100%; border:0px;} Slechts één per pagina gebruiken */ .maintablecell { margin:0px; padding-top: 14px; padding-left: 14px; padding-right:13px; vertical-align:top; } h1 { font-family: Arial; font-size:12pt; margin-top:2px; margin-bottom:7px; } h2 { font-family: Arial; font-size:10pt; margin-top:0px; margin-bottom:6px; } h2.tussen { font-family: Arial; font-size:10pt; margin-top:0px; margin-bottom:0px; } h1.h1date { font-family: Courier; font-size:10pt; font-weight:normal; color:#808080; margin-top:2px; margin-bottom:7px; } h3 { font-family: Arial; font-size:9pt; margin-top:0px; margin-bottom:0px; } h4 { font-family: Arial; font-size:8pt; margin-top:0px; margin-bottom:0px; } .mainpagetitle {font-family: Arial; font-size: 12pt; font-weight: bold; color: #000000;} .mainpagefloattitle {text-indent: -70px; margin-left: 70px;} p.subtitle { margin-top: 18px; margin-bottom:8px; font-weight:bold; } .caption-ancient { font-family:"Old English Text MT","Palatino Linotype", Palatino; font-size: 18pt; font-style: italic; font-weight:bold; white-space:nowrap; } p.imagetext { margin-left: 20px; margin-right: 20px; margin-top: 3px; margin-bottom: 0px; } /* werkt niet - span is geen blokelement span.imagetext { margin-left: 20px; margin-right: 20px; margin-top: 3px; margin-bottom: 0px; } */ /* Standaard plaatjes - marge-waarden gebaseerd op Times New Roman 12 pt. */ img.standard { border: 1px solid #C0C0C0; margin-left:15px; margin-top:6px; margin-bottom:7px; float:right; } img.borderonly { border: 1px solid #C0C0C0; } .rightalign { margin-left:13px; margin-top:6px; margin-bottom:7px; float:right; } .leftalign { margin-left:0px; margin-top:4px; margin-right:18px; margin-bottom:7px; float:left; } /* https://stackoverflow.com/questions/1409649/how-to-change-the-height-of-a-br */ br.extrasm { display: block; margin: 3px 0; content:''; /* voor Chrome ? */ } br.sm { display: block; margin: 6px 0; content:''; /* voor Chrome ? */ } table.standard { border-width: 0 0 1px 1px; border-spacing: 0; border-collapse: collapse; border-style: solid; border-color: #C0C0C0; } table.standard td, th { margin: 0; /* padding: 1px; */ border-width: 1px 1px 0 0; border-style: solid; border-color: #C0C0C0; } td.valigntop { vertical-align: top; padding-top: 5px; } /* TNR links */ .maintextlink a:link {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #0000cc; text-decoration: none;} .maintextlink a:visited {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #0000cc; text-decoration: none;} .maintextlink a:hover {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .maintextlink a:active {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #0000cc; text-decoration: none;} /* Voor niet-zichtbare links in tekst, naast pijl-image links */ .noshowmaintextlink a:link {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: none;} .noshowmaintextlink a:visited {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: none;} .noshowmaintextlink a:hover {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: none;} /* Niet-zichtbare links als standaard */ /* Uitgeschakeld */ /* a:link {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: none;} a:visited {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: none;} a:hover {font-family: Times New Roman; font-size: 12pt; font-weight: normal; color: #000000; text-decoration: none;} */ /* Voor Arial links in tekst */ .linkarial a:link {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linkarial a:visited {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linkarial a:hover {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .linkarial a:active {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} /* Enlarged view */ .mainEnlarge { font-size: 14pt; } /* Niet-zichtbare links als standaard */ .mainEnlarge a:link {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #000000; text-decoration: none;} .mainEnlarge a:visited {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #000000; text-decoration: none;} .mainEnlarge a:hover {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #000000; text-decoration: none;} /* TNR ENLARGED links */ .maintextlinkenlarge a:link {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #0000cc; text-decoration: none;} .maintextlinkenlarge a:visited {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #0000cc; text-decoration: none;} .maintextlinkenlarge a:hover {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #0000cc; text-decoration: underline;} /* Voor niet-zichtbare links in tekst, naast pijl-image links */ .noshowmaintextlinkenlarge a:link {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #000000; text-decoration: none;} .noshowmaintextlinkenlarge a:visited {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #000000; text-decoration: none;} .noshowmaintextlinkenlarge a:hover {font-family: Times New Roman; font-size: 14pt; font-weight: normal; color: #000000; text-decoration: none;} /* In menus's en lijsten Arial links */ .linklistenlarge a:link {font-family: Arial; font-size: 12pt; font-weight: 200; color: #0000cc; text-decoration: none;} .linklistenlarge a:visited {font-family: Arial; font-size: 12pt; font-weight: 200; color: #0000cc; text-decoration: none;} .linklistenlarge a:hover {font-family: Arial; font-size: 12pt; font-weight: 200; color: #0000cc; text-decoration: underline;} .linklistenlarge a:active {font-family: Arial; font-size: 12pt; font-weight: 200; color: #0000cc; text-decoration: none;} /* In menus's en lijsten Arial links */ .linklistenlargeextra a:link {font-family: Arial; font-size: 14pt; font-weight: 200; color: #0000cc; text-decoration: none;} .linklistenlargeextra a:visited {font-family: Arial; font-size: 14pt; font-weight: 200; color: #0000cc; text-decoration: none;} .linklistenlargeextra a:hover {font-family: Arial; font-size: 14pt; font-weight: 200; color: #0000cc; text-decoration: underline;} .linklistenlargeextra a:active {font-family: Arial; font-size: 14pt; font-weight: 200; color: #0000cc; text-decoration: none;} .mainEnlargeMobile { font-size: 14pt; } .mainEnlargeExtra { font-size: 16pt; } /* Niet-zichtbare links als standaard */ .mainenlargeextra a:link {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #000000; text-decoration: none;} .mainenlargeextra a:visited {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #000000; text-decoration: none;} .mainenlargeextra a:hover {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #000000; text-decoration: none;} /* TNR ENLARGED links */ .maintextlinkenlargeextra a:link {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #0000cc; text-decoration: none;} .maintextlinkenlargeextra a:visited {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #0000cc; text-decoration: none;} .maintextlinkenlargeextra a:hover {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #0000cc; text-decoration: underline;} /* Voor niet-zichtbare links in tekst, naast pijl-image links */ .noshowmaintextlinkenlargeextra a:link {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #000000; text-decoration: none;} .noshowmaintextlinkenlargeextra a:visited {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #000000; text-decoration: none;} .noshowmaintextlinkenlargeextra a:hover {font-family: Times New Roman; font-size: 16pt; font-weight: normal; color: #000000; text-decoration: none;} .mainEnlargeExtraMobile { font-size: 16pt; } .spot { position: absolute; margin: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; border: 1px solid #a0a0a0; background-color: #f2f2ff; display: none; } .cursorspan { cursor:pointer; } .spotword { cursor:wait; background-color: #f2f2ff; /* dec2020 */ } #closesym { position:absolute; width: 20px; height: 20px; cursor: pointer; display: none; } .hightext{ background-color:#ffff60; } /* *** Voor menu's en lists *** */ .menutopmargin { height: 15px; } .listtopmargin { height: 15px; } .listbreak {height: 24px;} .listend {height: 30px;} .listsubtitle { /* width: 100%; */ } /* Let op   regelafstand in list links, in listlinkstable - wordt bepaald door line-height van p.outdent */ .linklistlineheight {height: 18px;} .linklistlineheighttitlebelow {height: 8px;} .linklistlineheightsubtitleabove {height: 12px;} .linklistlineheightsubtitlebelow {height: 4px;} .linklistlineheightgroupbreak {height: 20px;} .linklistlineheightlarge {height: 24px;} .linklistlineheighttitlebelowlarge {height: 10px;} .linklistlineheightsubtitleabovelarge {height: 14px;} .linklistlineheightsubtitlebelowlarge {height: 5px;} .linklistlineheightgroupbreaklarge {height: 26px;} .outdent { margin-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-indent: -10px; display: inline-block; line-height: 18px; } /* Op tabel. Nodig voor relatieve font-sizes van links (relatief relateert aan voorgaand element met font-size ! */ .linklist {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} /* In menus's en lijsten Arial links */ /* .linklist a:link {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linklist a:visited {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linklist a:hover {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .linklist a:active {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linklisttext {font-family: Arial; font-size: 10pt; font-weight: normal; color: #000080;} */ .linklist a:link {font-size: 1.0em; color: #0000cc; text-decoration: none;} /* font-size aangapast in readsize() in em's */ .linklist a:visited {font-size: 1.0em; color: #0000cc; text-decoration: none;} .linklist a:hover {font-size: 1.0em; color: #0000cc; text-decoration: underline;} .linklist a:active {font-size: 1.0em; color: #0000cc; text-decoration: none;} /* Tekst bij Arial links - welke gebruikt? */ .linktext {font-family: Arial; font-size: 10pt; font-weight: normal; color: #000080;} .linklisttext {color: #000080;} /* Onder table-css */ .listtitle {font-family: Verdana; font-size: 10pt; font-weight: bold; color: #000080;} .listsubtitle {font-family: Verdana; font-size: 7pt; font-weight: bold; color: #000080; letter-spacing: 1px;} .listtext {font-family: verdana; font-size: 8pt; color: #000080;} /* Tekst in Arial */ .arialtext {font-family: Arial; font-size: 10pt; font-weight: normal; color: #000000;} .arialtextlarge {font-family: Arial; font-size: 12pt; font-weight: normal; color: #000000;} .arialtextblue {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000ff;} .arialtextbluelarge {font-family: Arial; font-size: 12pt; font-weight: normal; color: #0000ff;} .arialblack { font-family: "Arial Black", Arial; font-weight: 900; font-size: 10pt; } .arialblack2 { font-family: "Arial Black", Arial; font-weight: 600; font-size: 8pt; color: #00dd00; } .symgreen { color: #00f800; } .symblue { color: #0000ff; } .symbrown { color: #cc9900; } .selectlink { border: 1px solid #0000c0; } .foldsymbol { z-index: 3; zIndex: 3; } .menusymspacer{ width:12px; } .listsymspacer { width: 0px; /* Door script in te stellen als er scrollbar-hidden en de sense-div de symbolen blokkeert */ } /* *** Voor de header *** */ #headertable-1024 { background-image:url('/images/header_background_gradient_120h.jpg'); background-repeat:repeat; height:120px; } #headertable-800 { background-image:url('/images/header_background_gradient_80h.jpg'); height:80px; } #headertable-1024-low { background-image:url('/images/header_background_gradient_80h.jpg'); height:60px; } .maintitle { font-family: Verdana; font-size: 18pt; color: #000080; font-weight: bold; text-decoration: none; } .maintitle a:link, .maintitle a:visited, .maintitle a:hover { font-family: Verdana; font-size: 18pt; color: #000080; font-weight: bold; text-decoration: none; } .maintitlesmall { font-family: Verdana; font-size: 16pt; color: #000080; font-weight: bold; text-decoration: none; } .maintitlesmall a:link, .maintitlesmall a:visited, .maintitlesmall a:hover { font-family: Verdana; font-size: 16pt; color: #000080; font-weight: bold; text-decoration: none; } .maintitlesmallextra { font-family: Verdana; font-size: 14pt; color: #000080; font-weight: bold; text-decoration: none; } .maintitlesmallextra a:link, .maintitlesmallextra a:visited, .maintitlesmallextra a:hover { font-family: Verdana; font-size: 14pt; color: #000080; font-weight: bold; text-decoration: none; } /* .maintitlesmall a:link {font-family: Verdana; font-size: 16pt; color: #000080; font-weight: bold; text-decoration: none;} .maintitlesmall a:visited {font-family: Verdana; font-size: 16pt; color: #000080; font-weight: bold; text-decoration: none;} .maintitlesmall a:hover {font-family: Verdana; font-size: 16pt; color: #000080; font-weight: bold; text-decoration: none;} */ /* Voor headerlinks */ /* centrering */ /* .headerlink, .headerlinkselected { text-align:center; line-height: 18px; voor vertikale centrering: line-height = height } */ .headerlink-1024 a:link {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: none;} .headerlink-1024 a:visited {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: none;} .headerlink-1024 a:hover {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: underline;} .headerlink-1024 {width:101px; height: 18px; border: 1px solid #0000c0; background-color:#F4F4FF; text-align:center;} .headerlinkselected-1024 {width:101px; height:18px; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #000080; text-decoration: none; width:101px; text-align:center; background-color:#F8F8FF; border: 1px solid #000080;} .headerlink a:link {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: none; white-space:pre} .headerlink a:visited {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: none; white-space:pre} .headerlink a:hover {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: underline; white-space:pre} .headerlinkselected {font-family: Verdana, Arial; font-size: 10px; font-weight: bold; color: #000080; text-decoration: none;} .headerlinkmb a:link {font-family: Verdana, Arial; font-size: 5pt; font-weight: bold; color: #0000ff; text-decoration: none; white-space:pre} .headerlinkmb a:visited {font-family: Verdana, Arial; font-size: 5pt; font-weight: bold; color: #0000ff; text-decoration: none; white-space:pre} .headerlinkmb a:hover {font-family: Verdana, Arial; font-size: 5pt; font-weight: bold; color: #0000ff; text-decoration: underline; white-space:pre} /* .headerlink-80 {width:80px; height: 18px; border: 1px solid #0000c0; background-color:#F4F4FF; text-align:center;} */ .headerlink-80 {width:80px; height: 18px; border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; background-color:#F4F4FF; text-align:center;} /* .headerlinkselected-80 {width:80px; height:18px; font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #000080; text-decoration: none; text-align:center; background-color:#F8F8FF; border: 1px solid #000080;} */ .headerlinkselected-80 {width:80px; height:18px; text-align:center; background-color:#F8F8FF; border-width: 1px; border-style: solid; border-top-color: #000080; border-right-color: #3060f0; border-bottom-color: #3060f0; border-left-color: #000080; } /* .headerlink-100 {width:106px; height: 18px; border: 1px solid #0000c0; background-color:#F4F4FF; text-align:center;} .headerlink-100 {width:106px; height: 18px; border-left: thin solid #0000e0; border-top: thin solid #0000e0; border-right: thin solid #0000c0; border-bottom: thin solid #0000c0; background-color:#F4F4FF; text-align:center;} */ .headerlink-100 {width:106px; height: 18px; border-style: solid; border-width: 1px; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; background-color:#F4F4FF; text-align:center;} .headerlinkselected-100 {width:106px; height:18px; text-align:center; background-color:#F8F8FF; border: 1px solid #0000c0;} .headerlink-800 a:link {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: none;} .headerlink-800 a:visited {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: none;} .headerlink-800 a:hover {font-family: Verdana, Arial; font-size: 7pt; font-weight: bold; color: #0000ff; text-decoration: underline;} .headerlink-800-60 {width:60px; height: 16px; background-color:#F4F4FF; text-align:center; border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0;} .headerlinkselected-800-60 {font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #000080; text-decoration: none; width:60px; height: 16px; text-align:center; background-color:#F8F8FF; border-width: 1px; border-style: solid; border-top-color: #000080; border-right-color: #3060f0; border-bottom-color: #3060f0; border-left-color: #000080; } .headerlink-800-80 {width:80px; height: 16px; background-color:#F4F4FF; text-align:center; border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0;} .headerlinkselected-800-80 {font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #000080; text-decoration: none; width:80px; height: 16px; text-align:center; background-color:#F8F8FF; border-width: 1px; border-style: solid; border-top-color: #000080; border-right-color: #3060f0; border-bottom-color: #3060f0; border-left-color: #000080;} .buttonsqrdiv { width:38px; height:38px; min-height:38px; border:1px blue solid; border-radius: 20%; opacity: 1; text-align:center; vertical-align: middle; display: table-cell; } .buttoncrcdiv { display: table-cell; width:38px; height:38px; min-height:38px; border:1px blue solid; border-radius: 50%; opacity: 1; text-align:center; vertical-align: middle; cursor:pointer; } .buttonsqrbgdiv { width:34px; height:34px; border:2px blue solid; border-radius: 20%; opacity: 1; text-align:center; vertical-align:middle; min-height:34px; display: table-cell; cursor:pointer; } .buttoncrcbgdiv { width:32px; height:32px; border:1px blue solid; border-radius: 50%; opacity: 1; display: table-cell; text-align:center; vertical-align:middle; min-height:32px; color: #0000c0; cursor:pointer; } .buttoncrcssmdiv { width:19px; height:19px; border:1px blue solid; border-radius: 50%; opacity: 1; text-align:center; vertical-align:middle; min-height:19px; /* display: table-cell; */ display:inline-block; cursor:pointer; } .buttoncrcsmdiv { width:23px; height:23px; margin:0px; padding:0px; border:1px blue solid; border-radius: 50%; opacity: 1; text-align:center; vertical-align:middle; min-height:23px; display: table-cell; /* display:inline-block; */ cursor:pointer; } .paddinglefttop { width:0px; height:0px; } .paddingmid { width:8px; height:6px; } /* *** Voor lange paginas *** */ .boxitems { display:none; width:inherit; /* padding-bottom:20px; */ } /* *** Voor de links-pagina *** */ .maincolor {background-color: #c0ffc0;} .br2color {background-color: #ffcc80;} .extcolor {background-color: #dddddd;} .linkslink a:link {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linkslink a:visited {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linkslink a:hover {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .linkslink a:active {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .linkstext {font-family: Arial; font-size: 8pt; font-weight: normal; color: #000000; text-decoration: none;} .sourcecell { background-color: #c0ffc0; border: 3px solid #00ff00; /* font-weight: 600; */ } /* *** Voor de navigatie-pagina's *** */ .center { text-align: center; } .right { text-align: right; } .top { vertical-align: text-top; } .right-top { text-align: right; vertical-align: text-top; } .contentcell { width: 80px; height: 30px; } .plink { font-family: arial; font-size: 10pt; } .contentwidth { /* width: 80px; */ width: 78px; /* borders eraf */ } .contentheight { height: 30px; } .spacerwidth { width: 20px; } .spacerheight { height: 20px; } .spacerheightsm { height: 5px; } .geel { /* background-color: #ffff00; */ background-color: #b0ffb0; } .page { border: 1px solid #c0c0c0; } .sitemapmaincell { border: 1px solid #000080; text-align: center; font-family: Verdana; font-size: 8pt; font-weight: bold; color: #000080; } .map { background-color: #cce6ff; border: 1px solid #c0c0c0; } .selborder { border: 3px solid #00FF00; width: 74px; height: 24px; /* background-image:url('/images/background-selected.gif'); background-size:78px 30px; background-color: #ffff00; */ } .seldashedborder { border: 3px dashed #00FF00; width: 74px; height: 24px; } .selmap { border: 3px solid #00ff00; background-color: #cce6ff; } .bloklinksgroot a:link {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinksgroot a:visited {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinksgroot a:hover {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .bloklinksgroot a:active {font-family: Arial; font-size: 10pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinksgrootvet {font-family: Arial; font-size: 10pt; font-weight: bold; color: #000080; text-decoration: none;} .bloklinksgrootvet a:link {font-family: Arial; font-size: 10pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinksgrootvet a:visited {font-family: Arial; font-size: 10pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinksgrootvet a:hover {font-family: Arial; font-size: 10pt; font-weight: bold; color: #0000cc; text-decoration: underline;} .bloklinksgrootvet a:active {font-family: Arial; font-size: 10pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinks a:link {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinks a:visited {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinks a:hover {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .font-family a:active {font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinksvet {font-family: Arial; font-size: 8pt; font-weight: bold; color: #000080; text-decoration: none;} .bloklinksvet a:link {font-family: Arial; font-size: 8pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinksvet a:visited {font-family: Arial; font-size: 8pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinksvet a:hover {font-family: Arial; font-size: 8pt; font-weight: bold; color: #0000cc; text-decoration: underline;} .bloklinksvet a:active {font-family: Arial; font-size: 8pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinksklein a:link {font-family: Arial; font-size: 7pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinksklein a:visited {font-family: Arial; font-size: 7pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinksklein a:hover {font-family: Arial; font-size: 7pt; font-weight: normal; color: #0000cc; text-decoration: underline;} .bloklinksklein a:active {font-family: Arial; font-size: 7pt; font-weight: normal; color: #0000cc; text-decoration: none;} .bloklinkskleinvet {font-family: Arial; font-size: 7pt; font-weight: 800; color: #000080; text-decoration: none;} .bloklinkskleinvet a:link {font-family: Arial; font-size: 7pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinkskleinvet a:visited {font-family: Arial; font-size: 7pt; font-weight: bold; color: #0000cc; text-decoration: none;} .bloklinkskleinvet a:hover {font-family: Arial; font-size: 7pt; font-weight: bold; color: #0000cc; text-decoration: underline;} .bloklinkskleinvet a:active {font-family: Arial; font-size: 7pt; font-weight: bold; color: #0000cc; text-decoration: none;} div#size-warning { position: absolute; right: 1px; top: 1px; width: 130px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #a00000; font-family: Verdana; font-size: 8pt; color: #000080; background-color: #fff0f0; } div#to-top-of-page { display: none; position: absolute; right: 500px; top: 1000px; width: 50px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; /* border: 1px solid #a00000; */ font-family: Verdana; font-size: 8pt; color: #000080; text-align: right; } div#to-top-of-page a:link {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000080; text-decoration: none;} div#to-top-of-page a:visited {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000080; text-decoration: none;} div#to-top-of-page a:hover {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} div#to-top-of-page a:active {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #0000cc; text-decoration: none;} .keywordBoxLength8 { padding-bottom:5px; /* line-clamp: 3; */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; /* number of lines to show */ -webkit-box-orient: vertical; } /* *** Voor illustratie *** */ .caption-narrenschiff { font-family:"Old English Text MT","Palatino Linotype", Palatino; font-size: 18pt; font-style: italic; font-weight:bold; white-space:nowrap; } /* *** Hoverdiv op maps *** */ a.hoverdiv { position: relative; width: 132px; cursor: pointer; color: black; text-decoration: none; /* z-index: 5; */ } a.hoverdiv div.hdivcloff { position: absolute; display: none; top: 1.0em; left: -12em; width: 132px; margin: 0px; padding-left: 6px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; text-align: left; background-color: #f2fff2; border: 1px solid #000080; font-family: verdana; font-size: 8pt; color: #000080; text-decoration: none; z-index: 1; /* voor IE - werkt niet indien css op pagina */ } /* Houdt hoverdiv zichtbaar indien muis boven hoverdiv - wordt in- en uitgeschakeld door javascript */ a.hoverdiv div.hdivclon { position: absolute; display: block; top: 1.0em; /* moet deels samenvallen met link-image/text, zodat de muis zonder onderbreking van link-image/text naar hoverdiv kan bewegen */ left: -12em; /* moet deels samenvallen met link-image/text, zodat de muis zonder onderbreking van link-image/text naar hoverdiv kan bewegen */ width: 132px; margin: 0px; padding-left: 6px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; text-align: left; background-color: #f2fff2; border: 1px solid #000080; font-family: verdana; font-size: 8pt; color: #000080; text-decoration: none; z-index: 2; /* voor IE - werkt niet indien css op pagina */ } /* Laat hoverdiv verschijnen indien muis boven link met class=hoverdiv */ a.hoverdiv:hover div.hdivcloff { display: block; z-index: 2; } /* Voor uplists-symbool - splitsen en/of combineren van hoverdivul met hoverdiv mislukt */ a.hoverdivul { position: relative; width: 132px; cursor: pointer; color: black; text-decoration: none; } a.hoverdivul div.hdivcloff { position: absolute; display: none; top: 1.0em; left: -11.0em; width: 132px; margin: 0px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px; text-align: left; background-color: #f2fff2; border: 1px solid #000080; font-family: verdana; font-size: 8pt; color: #000080; text-decoration: none; z-index: 1; /* voor IE - werkt niet indien css op pagina */ } a.hoverdivul div.hdivclon { position: absolute; width: 132px; display: block; top: 1.0em; /* moet deels samenvallen met link-image/text, zodat de muis zonder onderbreking van link-image/text naar hoverdiv kan bewegen */ left: -11.0em; /* moet deels samenvallen met link-image/text, zodat de muis zonder onderbreking van link-image/text naar hoverdiv kan bewegen */ margin: 0px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px; text-align: left; background-color: #f2fff2; border: 1px solid #000080; font-family: verdana; font-size: 8pt; color: #000080; text-decoration: none; z-index: 2; /* voor IE - werkt niet indien css op pagina */ } a.hoverdivul:hover div.hdivcloff { display: block; z-index: 2; } .nomargin {margin-top: 0px; margin-bottom: 0px;} .nowrapp {white-space: pre;} /* Voor onzichtbaar-maken van links in o.a. hoverdiv (zonder dit verschijnt daar altijd een underline) */ .noshowlinkar a:link {font-family: Arial; font-size: 10pt; font-weight: normal; color: #000080; text-decoration: none;} .noshowlinkar a:visited {font-family: Arial; font-size: 10pt; font-weight: normal; color: #000080; text-decoration: none;} .noshowlinkar a:hover {font-family: Arial; font-size: 10pt; font-weight: normal; color: #000080; text-decoration: none;} .noshowlinkvd a:link {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000080; text-decoration: none;} .noshowlinkvd a:visited {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000080; text-decoration: none;} .noshowlinkvd a:hover {font-family: Verdana; font-size: 8pt; font-weight: normal; color: #000080; text-decoration: none;} /* *** Diversen *** */ td.indexpage { font-family: monospace; font-size: 10pt; font-weight: normal; color: #000000; height:18px; } .actueel { font-family: Arial; font-size: 10pt; font-weight: normal; } h1.actueel { font-family: Arial; font-size:18pt; font-weight: bold; margin-top:0px; margin-bottom:0px; } /* Archief-pagina's */ /* Koplinks */ .archivelink a:link {font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #0000cc; text-decoration: none;} .archivelink a:visited {font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #0000cc; text-decoration: none;} .archivelink a:hover {font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #0000cc; text-decoration: underline;} .archivelink a:active {font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #0000cc; text-decoration: none;} .archivelinktext {font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #000000; text-decoration: none;} /* Data */ .archivedate { font-family: Courier, monospace; font-size:10pt; color:#404040; padding-right:12px; white-space:nowrap; vertical-align:text-top; padding-top:3px; } #infohd { padding-top:0px; /* Hier geen top/bottom padding gebruiken - FF ziet dit anders dan IE/Chr*/ padding-bottom:0px; padding-left:5px; padding-right:5px; width:196px; height:83px; font-family:verdana; font-size:8pt; color:#000080; } #infohdoff { background-color:transparent; } #infohdbase { padding-top:8px; padding-left:9px; padding-right:10px; padding-bottom:4px; } /* Slide-site button */ button.noshow { /* color: transparent; */ background-color: transparent; border: none; width: 55px; padding:0px; } button.header-600 { /* color: transparent; */ background-color: transparent; border: none; width: 45px; padding:0px; } /* Voor Google form in header */ form.header { display: inline; padding: 0px; margin: 0px; } /* Google zoek-button - een echte button lijkt border niet mee te nemen in width/height */ #buttongg { display: inline-block; width: 51px; height: 20px; margin: 0px; padding: 0px; text-align: center; /* vertical-align:middle; */ font-family: Arial; font-size: 9pt; line-height: 20px; /* voor vertikale centrering - in FF met borders eraf in js */ color: #0000e0; text-decoration: none; background-color: #f4f4ff; /* border: 1px solid #0000a0; */ border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; -moz-border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; cursor: pointer; } #buttonggtab { display: inline-block; width: 51px; height: 22px; margin: 0px; padding: 0px; text-align: center; font-family: Arial; font-size: 10pt; line-height: 20px; /* voor vertikale centrering - height met borders eraf */ color: #0000e0; text-decoration: none; background-color: #e8e8ff; border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; -moz-border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; cursor: pointer; } #fieldgg { width:110px; height: 18px; margin: 0px; padding-left: 4px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; font-family: Arial; font-size: 9pt; color: #B0B0B0; border: 1px solid #6a6a6a; -moz-border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; } #fieldggtab { width:110px; height: 20px; margin: 0px; padding-left: 4px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; font-family: Arial; font-size: 10pt; color: #B0B0B0; border: 1px solid #6a6a6a; -moz-border-radius: 0px; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; } /* Zoek-button pagina - waardes voor Chrome-desktop */ #buttonpg { width: 49px; height: 18px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align:center; font-family: Arial; font-size: 9pt; /* vertical-align:middle; */ line-height:18px; /* voor vertikale centrering */ color: #0000e0; background-color: #f4f4ff; border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; */ background-image: url('/images/arrow-bare_down_lbl_bckgr.png'); background-repeat: no-repeat; /* background-attachment: fixed; background-size: cover; */ cursor: pointer; } #buttonpgtab { width: 49px; height: 20px; margin: 0px; padding: 0px; text-align:center; font-family: Arial; font-size: 10pt; line-height: 20px; /* voor vertikale centrering */ color: #0000e0; background-color: #e8e8ff; border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; background-image: url('/images/arrow-bare_down_lbl_bckgr_tab.png'); background-repeat: no-repeat; /* background-attachment: fixed; background-size: cover; */ cursor: pointer; } #fieldpg { /* display:inline-block; */ width:110px; height: 17px; margin: 0px; padding-left: 4px; padding-top: 0px; padding-right: 2px; padding-bottom: 1px; font-family: Arial; font-size: 9pt; color: #B0B0B0; border: 1px solid #6a6a6a; } #fieldpgtab { /* display:inline-block; */ width:110px; height: 19px; margin: 0px; padding-left: 4px; padding-top: 0px; padding-right: 2px; padding-bottom: 1px; font-family: Arial; font-size: 10pt; color: #B0B0B0; border: 1px solid #6a6a6a; } #buttonpg a:link {font-family: Arial; font-size: 9pt; font-weight: normal; color: #0000e0; text-decoration: none;} #buttonpg a:visited {font-family: Arial; font-size: 9pt; font-weight: normal; color: #0000e0; text-decoration: none;} #buttonpg a:hover {font-family: Arial; font-size: 9pt; font-weight: normal; color: #0000e0; text-decoration: none;} #buttonpgd { width: 15px; height: 13px; margin: 0px; padding-left: 2px; padding-right: 1px; padding-top: 5px; padding-bottom: 0px; font-family: Arial; font-size: 9pt; color: #0000e0; background-color: #f4f4ff; /* border: 1px solid #0000a0; */ border-width: 1px; border-style: solid; border-top-color: #3060f0; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #3060f0; text-align:center; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; */ } #buttonpgup { width: 18px; height: 18px; display:table-cell; vertical-align:middle; /* height: 14px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 6px; padding-bottom: 0px; padding: 6px 0; */ background-color: #e4e4ff; /* border: 1px solid #0000a0; */ border-width: 1px; border-style: solid; border-top-color: #9080ff; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #9080ff; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; */ } #buttonpguptab { width: 20px; /* height: 14px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 6px; padding-bottom: 0px; */ padding: 6px 0; background-color: #e4e4ff; /* border: 1px solid #0000a0; */ border-width: 1px; border-style: solid; border-top-color: #9080ff; border-right-color: #000060; border-bottom-color: #0000a0; border-left-color: #9080ff; /* -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; */ } #buttonpgd a:link {font-family: Arial; font-size: 9pt; font-weight: normal; color: #0000e0; text-decoration: none;} #buttonpgd a:visited {font-family: Arial; font-size: 9pt; font-weight: normal; color: #0000e0; text-decoration: none;} #buttonpgd a:hover {font-family: Arial; font-size: 9pt; font-weight: normal; color: #0000e0; text-decoration: none;} /* Voor mobile dragger-mouse */ /* make sure the draggable element has "position: absolute" and then top and left are set for the start position */ #dragdiv { height: 50px; width: 50px; /* background: #000; */ position: absolute; top: 0; left: 0; background-image: url(/images/circle-open-blue-dk_50.png); height: 50px; width: 50px;" z-index: 3; } /* make sure the drag container is set with position relative */ #drag_cont { background-color: #ccc; height: 600px; width: 500px; position: relative; margin-top: 100px; margin-left: 100px; } #drag_handle { width: 100%; height: auto; /* background-color: #666; */ background-image: url(/images/circle-open-blue-dk_50.png); height: 50px; width: 50px;" } #dragdivright { height: 50px; width: 50px; /* background: #000; */ position: absolute; top: 0; left: 0; background-image: url(/images/circle-open-blue-dk_50.png); height: 50px; width: 50px;" z-index: 3; } #drag_handle_right { width: 100%; height: auto; /* background-color: #666; */ background-image: url(/images/circle-open-blue-dk_50.png); height: 50px; width: 50px;" } #drag_handle_right span { display: block; padding: 5px; } #dragdivmain { height: 50px; width: 50px; /* background: #000; */ position: absolute; top: 0; left: 0; background-image: url(/images/circle-open-blue-dk_50.png); height: 50px; width: 50px;" z-index: 3; } #drag_handle_main { width: 100%; height: auto; /* background-color: #666; */ background-image: url(/images/circle-open-blue-dk_50.png); height: 50px; width: 50px;" } #drag_handle_main span { display: block; padding: 5px; } /* #searchbutton:hover { border: none; background:red; box-shadow: 0px 0px 1px #777; } */ /* *** Browser-excepties *** */ /* Voor lege anchors's in Chrome */ a:empty { display: inline-block; } /* Voor focused elements in Chrome - anders rand eromheen */ *:focus { outline: 0; } /* Voor hiddenUvumi-scrollbar - nodig voor Chrome om niet alleen de scrollbar maar ook het door Chrome gereserveerde gebied (20px breed) weg te krijgen */ ::-webkit-scrollbar { display: none; width:0 !important; } /* Voor rounded corners voornmelijk in safari */ input { /* -webkit-appearance: none; */ border-radius: 0; } select { -webkit-appearance: none; border-radius: 0; } submit { -webkit-appearance: none; border-radius: 0; } /* Extra voor Firefox - in fn-versie overbodig @-moz-document url-prefix(){ a.hoverdiv div.hdivcloff { padding-left: 5px; } a.hoverdiv div.hdivclon { padding-left: 5px; } a.hoverdiv { text-indent: 0px; } } */ /* De originele breedte van de scrollbars was 15 px - dat is nu 11px (moet oneven ivm. symmetrie van pijlen) De originele afmetingen van de kopelementen van de scrollbar-knoppen zijn 12px - dat is nu 2px geworden De optie om de scrollbar-knop van accent te laten verschillen bij activering is uitgeschakeld */ .scrollBar .bar{ width:11px; height:11px; } .scrollBar .button{ width:11px; height:11px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar .button.topButton{ background-image:url('scrollbar/arrow-up_11.gif'); } .scrollBar .button.bottomButton{ background-image:url('scrollbar/arrow-down_11.gif'); } .scrollBar .button.leftButton{ background-image:url('scrollbar/arrow-left_11.gif'); } .scrollBar .button.rightButton{ background-image:url('scrollbar/arrow-right_11.gif'); } .scrollBar .button.active{ background-position:bottom center ; } .scrollBar .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar .knob{ height:11px; } .scrollBar .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar .knob.horizontalKnob{ cursor:w-resize; } .scrollBar .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar .active .knobHorizontalTip{ background-position:right center; } .scrollBar .leftTip{ left:0px; background-image:url('scrollbar/knob-left_11.gif'); } .scrollBar .rightTip{ right:0px; background-image:url('scrollbar/knob-right_11.gif'); } .scrollBar .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_11.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar .active .knobVerticalTip{ background-position:bottom center; } .scrollBar .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_11.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar .active .knobVerticalFill{ background-position:right center; } .scrollBar .topTip{ background-image:url('scrollbar/knob-top_11.gif'); } .scrollBar .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_11.gif'); } .scrollBar .knob.active{ border:none; } .scrollBar .corner{ background:#aaaaff url('scrollbar/corner_11.gif') center center no-repeat; } .scrollBar0 .bar{ width:1px; height:1px; } .scrollBar0 .button{ width:1px; height:1px; background-color:transparent; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar0 .button.topButton{ background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .button.bottomButton{ background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .button.leftButton{ background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .button.rightButton{ background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .button.active{ background-position:bottom center ; } .scrollBar0 .scrollable{ cursor:pointer; background-color: transparent; } .scrollBar0 .knob{ height:1px; } .scrollBar0 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar0 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar0 .knobHorizontalTip{ width:1px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar0 .active .knobHorizontalTip{ background-position:right center; } .scrollBar0 .leftTip{ left:0px; background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .rightTip{ right:0px; background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:transparent; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/1pixel.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 0px; } .scrollBar0 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar0 .knobVerticalTip{ height:1px; background-position:top center; background-repeat:no-repeat; } .scrollBar0 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar0 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:transparent; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/1pixel.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:1px; top:1px; } .scrollBar0 .active .knobVerticalFill{ background-position:right center; } .scrollBar0 .topTip{ background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/1pixel.gif'); } .scrollBar0 .knob.active{ border:none; } .scrollBar0 .corner{ background:transparent url('scrollbar/1pixel.gif') center center no-repeat; } .scrollBar9 .bar{ width:9px; height:9px; } .scrollBar9 .button{ width:9px; height:9px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar9 .button.topButton{ background-image:url('scrollbar/arrow-up_9.gif'); } .scrollBar9 .button.bottomButton{ background-image:url('scrollbar/arrow-down_9.gif'); } .scrollBar9 .button.leftButton{ background-image:url('scrollbar/arrow-left_9.gif'); } .scrollBar9 .button.rightButton{ background-image:url('scrollbar/arrow-right_9.gif'); } .scrollBar9 .button.active{ background-position:bottom center ; } .scrollBar9 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar9 .knob{ height:9px; } .scrollBar9 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar9 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar9 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar9 .active .knobHorizontalTip{ background-position:right center; } .scrollBar9 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_9.gif'); } .scrollBar9 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_9.gif'); } .scrollBar9 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_9.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar9 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar9 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar9 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar9 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_9.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar9 .active .knobVerticalFill{ background-position:right center; } .scrollBar9 .topTip{ background-image:url('scrollbar/knob-top_9.gif'); } .scrollBar9 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_9.gif'); } .scrollBar9 .knob.active{ border:none; } .scrollBar9 .corner{ background:#aaaaff url('scrollbar/corner_9.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar11 .bar{ width:11px; height:11px; } .scrollBar11 .button{ width:11px; height:11px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar11 .button.topButton{ background-image:url('scrollbar/arrow-up_11.gif'); } .scrollBar11 .button.bottomButton{ background-image:url('scrollbar/arrow-down_11.gif'); } .scrollBar11 .button.leftButton{ background-image:url('scrollbar/arrow-left_11.gif'); } .scrollBar11 .button.rightButton{ background-image:url('scrollbar/arrow-right_11.gif'); } .scrollBar11 .button.active{ background-position:bottom center ; } .scrollBar11 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar11 .knob{ height:11px; } .scrollBar11 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar11 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar11 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar11 .active .knobHorizontalTip{ background-position:right center; } .scrollBar11 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_11.gif'); } .scrollBar11 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_11.gif'); } .scrollBar11 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_11.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar11 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar11 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar11 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar11 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_11.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar11 .active .knobVerticalFill{ background-position:right center; } .scrollBar11 .topTip{ background-image:url('scrollbar/knob-top_11.gif'); } .scrollBar11 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_11.gif'); } .scrollBar11 .knob.active{ border:none; } .scrollBar11 .corner{ background:#aaaaff url('scrollbar/corner_11.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar13 .bar{ width:13px; height:13px; } .scrollBar13 .button{ width:13px; height:13px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar13 .button.topButton{ background-image:url('scrollbar/arrow-up_13.gif'); } .scrollBar13 .button.bottomButton{ background-image:url('scrollbar/arrow-down_13.gif'); } .scrollBar13 .button.leftButton{ background-image:url('scrollbar/arrow-left_13.gif'); } .scrollBar13 .button.rightButton{ background-image:url('scrollbar/arrow-right_13.gif'); } .scrollBar13 .button.active{ background-position:bottom center ; } .scrollBar13 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar13 .knob{ height:13px; } .scrollBar13 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar13 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar13 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar13 .active .knobHorizontalTip{ background-position:right center; } .scrollBar13 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_13.gif'); } .scrollBar13 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_13.gif'); } .scrollBar13 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_13.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar13 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar13 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar13 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar13 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_13.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar13 .active .knobVerticalFill{ background-position:right center; } .scrollBar13 .topTip{ background-image:url('scrollbar/knob-top_13.gif'); } .scrollBar13 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_13.gif'); } .scrollBar13 .knob.active{ border:none; } .scrollBar13 .corner{ background:#aaaaff url('scrollbar/corner_13.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar15 .bar{ width:15px; height:15px; } .scrollBar15 .button{ width:15px; height:15px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar15 .button.topButton{ background-image:url('scrollbar/arrow-up_15.gif'); } .scrollBar15 .button.bottomButton{ background-image:url('scrollbar/arrow-down_15.gif'); } .scrollBar15 .button.leftButton{ background-image:url('scrollbar/arrow-left_15.gif'); } .scrollBar15 .button.rightButton{ background-image:url('scrollbar/arrow-right_15.gif'); } .scrollBar15 .button.active{ background-position:bottom center ; } .scrollBar15 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar15 .knob{ height:15px; } .scrollBar15 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar15 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar15 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar15 .active .knobHorizontalTip{ background-position:right center; } .scrollBar15 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_15.gif'); } .scrollBar15 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_15.gif'); } .scrollBar15 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_15.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar15 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar15 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar15 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar15 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_15.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar15 .active .knobVerticalFill{ background-position:right center; } .scrollBar15 .topTip{ background-image:url('scrollbar/knob-top_15.gif'); } .scrollBar15 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_15.gif'); } .scrollBar15 .knob.active{ border:none; } .scrollBar15 .corner{ background:#aaaaff url('scrollbar/corner_15.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar17 .bar{ width:17px; height:17px; } .scrollBar17 .button{ width:17px; height:17px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar17 .button.topButton{ background-image:url('scrollbar/arrow-up_17.gif'); } .scrollBar17 .button.bottomButton{ background-image:url('scrollbar/arrow-down_17.gif'); } .scrollBar17 .button.leftButton{ background-image:url('scrollbar/arrow-left_17.gif'); } .scrollBar17 .button.rightButton{ background-image:url('scrollbar/arrow-right_17.gif'); } .scrollBar17 .button.active{ background-position:bottom center ; } .scrollBar17 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar17 .knob{ height:17px; } .scrollBar17 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar17 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar17 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar17 .active .knobHorizontalTip{ background-position:right center; } .scrollBar17 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_17.gif'); } .scrollBar17 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_17.gif'); } .scrollBar17 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_17.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar17 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar17 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar17 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar17 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_17.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar17 .active .knobVerticalFill{ background-position:right center; } .scrollBar17 .topTip{ background-image:url('scrollbar/knob-top_17.gif'); } .scrollBar17 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_17.gif'); } .scrollBar17 .knob.active{ border:none; } .scrollBar17 .corner{ background:#aaaaff url('scrollbar/corner_17.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar19 .bar{ width:19px; height:19px; } .scrollBar19 .button{ width:19px; height:19px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar19 .button.topButton{ background-image:url('scrollbar/arrow-up_19.gif'); } .scrollBar19 .button.bottomButton{ background-image:url('scrollbar/arrow-down_19.gif'); } .scrollBar19 .button.leftButton{ background-image:url('scrollbar/arrow-left_19.gif'); } .scrollBar19 .button.rightButton{ background-image:url('scrollbar/arrow-right_19.gif'); } .scrollBar19 .button.active{ background-position:bottom center ; } .scrollBar19 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar19 .knob{ height:19px; } .scrollBar19 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar19 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar19 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar19 .active .knobHorizontalTip{ background-position:right center; } .scrollBar19 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_19.gif'); } .scrollBar19 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_19.gif'); } .scrollBar19 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_19.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar19 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar19 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar19 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar19 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_19.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar19 .active .knobVerticalFill{ background-position:right center; } .scrollBar19 .topTip{ background-image:url('scrollbar/knob-top_19.gif'); } .scrollBar19 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_19.gif'); } .scrollBar19 .knob.active{ border:none; } .scrollBar19 .corner{ background:#aaaaff url('scrollbar/corner_19.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar23 .bar{ width:23px; height:23px; } .scrollBar23 .button{ width:23px; height:23px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar23 .button.topButton{ background-image:url('scrollbar/arrow-up_23.gif'); } .scrollBar23 .button.bottomButton{ background-image:url('scrollbar/arrow-down_23.gif'); } .scrollBar23 .button.leftButton{ background-image:url('scrollbar/arrow-left_23.gif'); } .scrollBar23 .button.rightButton{ background-image:url('scrollbar/arrow-right_23.gif'); } .scrollBar23 .button.active{ background-position:bottom center ; } .scrollBar23 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar23 .knob{ height:23px; } .scrollBar23 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar23 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar23 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar23 .active .knobHorizontalTip{ background-position:right center; } .scrollBar23 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_23.gif'); } .scrollBar23 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_23.gif'); } .scrollBar23 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_23.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar23 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar23 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar23 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar23 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_23.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar23 .active .knobVerticalFill{ background-position:right center; } .scrollBar23 .topTip{ background-image:url('scrollbar/knob-top_23.gif'); } .scrollBar23 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_23.gif'); } .scrollBar23 .knob.active{ border:none; } .scrollBar23 .corner{ background:#aaaaff url('scrollbar/corner_23.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar27 .bar{ width:27px; height:27px; } .scrollBar27 .button{ width:27px; height:27px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar27 .button.topButton{ background-image:url('scrollbar/arrow-up_27.gif'); } .scrollBar27 .button.bottomButton{ background-image:url('scrollbar/arrow-down_27.gif'); } .scrollBar27 .button.leftButton{ background-image:url('scrollbar/arrow-left_27.gif'); } .scrollBar27 .button.rightButton{ background-image:url('scrollbar/arrow-right_27.gif'); } .scrollBar27 .button.active{ background-position:bottom center ; } .scrollBar27 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar27 .knob{ height:27px; } .scrollBar27 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar27 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar27 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar27 .active .knobHorizontalTip{ background-position:right center; } .scrollBar27 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_27.gif'); } .scrollBar27 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_27.gif'); } .scrollBar27 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_27.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar27 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar27 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar27 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar27 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_27.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar27 .active .knobVerticalFill{ background-position:right center; } .scrollBar27 .topTip{ background-image:url('scrollbar/knob-top_27.gif'); } .scrollBar27 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_27.gif'); } .scrollBar27 .knob.active{ border:none; } .scrollBar27 .corner{ background:#aaaaff url('scrollbar/corner_27.gif') center center no-repeat; /* background:#e2e3fe; */ } .scrollBar31 .bar{ width:31px; height:31px; } .scrollBar31 .button{ width:31px; height:31px; background-color:#e2e3fe; outline:none; background-position:top center; background-repeat:no-repeat; cursor:pointer; } .scrollBar31 .button.topButton{ background-image:url('scrollbar/arrow-up_31.gif'); } .scrollBar31 .button.bottomButton{ background-image:url('scrollbar/arrow-down_31.gif'); } .scrollBar31 .button.leftButton{ background-image:url('scrollbar/arrow-left_31.gif'); } .scrollBar31 .button.rightButton{ background-image:url('scrollbar/arrow-right_31.gif'); } .scrollBar31 .button.active{ background-position:bottom center ; } .scrollBar31 .scrollable{ cursor:pointer; /* background-image:url('scrollbar/stripe.gif'); */ /* background-repeat:repeat; */ /* scrollbar zichtbare gedeelte */ background-color: #e2e3fe; } .scrollBar31 .knob{ height:31px; } .scrollBar31 .knob.verticalKnob{ cursor:n-resize; } /* voor horizontaal-liggende scrollbar */ .scrollBar31 .knob.horizontalKnob{ cursor:w-resize; } .scrollBar31 .knobHorizontalTip{ /* 12px -> 2px */ width:2px; position:absolute; background-position:left center; background-repeat:no-repeat; } .scrollBar31 .active .knobHorizontalTip{ background-position:right center; } .scrollBar31 .leftTip{ left:0px; background-image:url('scrollbar/knob-left_31.gif'); } .scrollBar31 .rightTip{ right:0px; background-image:url('scrollbar/knob-right_31.gif'); } .scrollBar31 .knobHorizontalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:top center; background-repeat:repeat-x; background-image:url('scrollbar/horizontal-knob_31.gif'); /* margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px: 0 12 -> 0 0 - nu naar 0 2 */ margin:0 2px; } .scrollBar31 .active .knobHorizontalFill{ background-position:bottom center; } .scrollBar31 .knobVerticalTip{ height:2px; background-position:top center; background-repeat:no-repeat; } .scrollBar31 .active .knobVerticalTip{ background-position:bottom center; } .scrollBar31 .knobVerticalFill{ /* scrollbar schuifgedeelte */ background-color:#cecefa; background-position:left center; background-repeat:repeat-y; background-image:url('scrollbar/vertical-knob_31.gif'); position:absolute; /* margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px */ bottom:2px; top:2px; } .scrollBar31 .active .knobVerticalFill{ background-position:right center; } .scrollBar31 .topTip{ background-image:url('scrollbar/knob-top_31.gif'); } .scrollBar31 .bottomTip{ position:absolute; bottom:0; background-image:url('scrollbar/knob-bottom_31.gif'); } .scrollBar31 .knob.active{ border:none; } .scrollBar31 .corner{ background: url('scrollbar//css/scrollbar/corner_31.gif') center center no-repeat; /* background:#e2e3fe; background:#aaaaff url('scrollbar//css/scrollbar/corner_31.gif') center center no-repeat; */ }