/* style10.css */
body { 
 scrollbar-arrow-color: #FFff00;
 scrollbar-face-color: #00ffff;
 scrollbar-highlight-color: #d0d0d0;
 scrollbar-3dlight-color: #d0d0d0;
 scrollbar-shadow-color: #d0d0d0;
 scrollbar-darkshadow-color: #d0d0d0;
 scrollbar-track-color: #0000ff; 
 background-color: #ffffc8;
 color: #00003f;
 cursor: url(/0-ico/pijl-blauw.ico), auto; 
 font-family: verdana, arial, sans-serif;
 font-size: 100%; 
 
 
}
pre {
 font-family: monospace; 
 font-size: 100%; 
}
table {
 empty-cells: show; 
}
table.border {
 border-color: #ffff8f; 
 
 border-style: inset;
 
}
th {	
 background: #efffff; 
 border-color: #ffff8f; 
 padding: 2px; 
 
}
th span {	
 font-weight: normal; 
}
td {
 
 border-color: #ffff8f; 
 padding: 2px; 
}
tr.row0 {
 background: #ffffef; 
}
tr.row1 {
 background: #efffff; 
}
tr.row2 {
 background: #ffefff; 
}
table.user1 th {
 color: #707070; 
}
table.user1 td {
 color: #707070; 
}
table.zebra tr:nth-child(odd) {
 background-color: #efffff; 
}
table.zebra tr:nth-child(even) {
 background-color: #ffffef; 
}
table.zebra2 tr:nth-child(odd) {
 background-color: #ffffef; 
}
table.zebra2 tr:nth-child(even) {
 background-color: #efffff; 
}
#tokentabel td {
 padding: 3px;
 vertical-align: top;
}
.ll {
 text-align: left; 
 font-size: 12px; 
}
a:link { 
 color: #0000ff;
}
a:link img { 
 border: 2px solid #0000ff;
}
a[href]:hover { 
 color: #00ff00;
 text-decoration: underline;
 cursor: url(/0-ico/hand-magenta.ico), auto;
}
a[href]:hover img {
 border: 2px solid #00ff00;
}
a:visited { 
 color: #00cfcf;
}
a:visited img { 
 border: 2px solid #00cfcf;
}
a.noborder:link img { border: 0px; } 
a.noborder:visited img { border: 0px; } 
a.noborder:hover img { border: 0px; } 
a.noborder img { border: 0px; } 
.link { 
 color: #0000ff;
}
.link:hover { 
 color: #00ff00;
}
	
.tooltip { 
 position: relative; 
}
.tooltip span { 
 display: none; 
}
.tooltip:hover span { 
 position: absolute; 
 display: block; 
 border-radius: 6px; 
 color: #0000ff; 
 background: #ffff7f; 
 min-width: 100px; 
 z-index: 2; 
 font-size: 12px; 
 padding: 5px; 
 text-align: left; 
 top: 22px; 
 left: 20px; 
 border: 2px solid #ff7fff;
}
.tooltip:hover .back { 
 width: 200px; 
 text-align: center;
}
.tooltip:hover .link { 
 top: 27px; 
 width: 100px; 
 text-align: center;
 left: 50%;
 margin-left: -55px; 
}
.tooltip:hover .link::after { 
 content: " "; 
 position: absolute;
 bottom: 100%; 
 left: 50%; 
 margin-left: -10px;
 border-width: 10px; 
 border-style: solid;
 border-color: transparent transparent #ff7fff transparent; 
}
.tooltip:hover .picture { 
 top: 10px; 
 width: 120px; 
 text-align: center;
 left: 50%;
 margin-left: -65px; 
}
.tooltip:hover .token { 
 top: 27px; 
 
 width: 250px; 
}
.tooltip:hover .token::after { 
 content: " "; 
 position: absolute;
 bottom: 100%; 
 left: 50%; 
 margin-left: -10px;
 border-width: 10px; 
 border-style: solid;
 border-color: transparent transparent #ff7fff transparent; 
}
.tooltip:hover .kopregel { 
 top: 40px;
 left: 50%;
 margin-left: -130px; 
 width: 250px; 
}
.tooltip:hover .kopregel::after { 
 content: " ";
 position: absolute;
 bottom: 100%; 
 left: 50%; 
 margin-left: -10px;
 border-width: 10px; 
 border-style: solid;
 border-color: transparent transparent #ff7fff transparent;
}
.tooltip:hover .lijst { 
 top: 27px; 
 width: 200px; 
 left: -180px; 
}
.tooltip:hover .lijst::after { 
 content: " ";
 position: absolute;
 bottom: 100%; 
 
 
 right: 10px;
 border-width: 10px; 
 border-style: solid;
 border-color: transparent transparent #ff7fff transparent;
}
a.pagnrs23 { 
 display: inline-block; 
 text-align: center;
 height: 23px;
 width: 23px;
 background-color: #c8ffff; 
 background-image: url(/0-gif/bol23cyaan0.gif); 
 background-repeat: no-repeat; 
 line-height: 23px; 
 font-size: 0.6em; 
 margin: 2px; 
}
a.pagnrs23selected { 
 display: inline-block; 
 text-align: center;
 height: 23px;
 width: 23px;
 background-color: #00ffff; 
 background-image: url(/0-gif/bol23cyaan1.gif); 
 background-repeat: no-repeat; 
 line-height: 23px; 
 font-size: 0.6em; 
 margin: 2px; 
 font-weight: bold;
}
a.pagnrs35 { 
 display: inline-block; 
 text-align: center;
 height: 35px; 
 width: 35px; 
 background-color: #c8ffff; 
 background-image: url(/0-gif/bol35cyaan0.gif); 
 background-repeat: no-repeat;
 line-height: 35px; 
 font-size: 1em; 
 margin: 2px; 
}
a.pagnrs35selected { 
 display: inline-block; 
 text-align: center;
 height: 35px; 
 width: 35px; 
 background-color: #00ffff; 
 background-image: url(/0-gif/bol35cyaan1.gif); 
 background-repeat: no-repeat;
 line-height: 35px; 
 font-size: 1em; 
 margin: 2px; 
 font-weight: bold;
}
a.pagnrs35.geen { 
 background-color: #ffffc8; 
 background-image: url(/0-gif/leeg.gif); 
}
label {
 display: block; 
 float: left; 
 width: 200px;
 text-align: right;
}
input[type=text], 
input[type=password] { 
 background-color: #ffffff; 
 border-width: 1px;
 border-style: solid;
 border-color: #7f7f7f;
 border-radius: 5px; 
 margin-right: 5px;
 padding-left: 5px;
 width: 200; 
}
input[type=text].zoekwoord { 
 width: 160; 
}
input[type=text].pagnrs { 
 width: 50; 
}
select {
 width: 200px;
}
input[type=submit] { 
 color: #0000ff; 
 background-color: #bfbfbf; 
 border-width: 1px; 
 border-style: solid; 
 border-color: #7f7f7f; 
 border-radius: 5px; 
 cursor: pointer; 
}
input[type=submit]:focus {
 color: #00af00; 
}
input[type=submit]:hover { 
 color: #00af00; 
}
input[type=submit]:active { 
 color: #00afaf; 
}
#keuze select { 
 width: 100px;
}
.fixed { 
 position: fixed;
 bottom: 0; 
 right: 0; 
 width: 300px; 
}
.sticky { 
 position: -webkit-sticky; 
 position: sticky;
 top: 0; 
}
