body          { background: #FBF7E2; color: #643B0F; font: normal normal 14px Helvetica, Verdana, Geneva, Arial; font-style:Italic; }
       
#titel        { position:absolute; left:0px;  top:5px; width:100%; font-family: Helvetica; font-style: Italic; font-size:1.4em; color:#643B0F; text-align:center; }
       
#container    { position:absolute; left:1px; top:130px; border-top: #643B0F 1px solid; border-bottom: #643B0F 1px solid; }

#foto         { position:absolute; top:35%; width:100px; z-index:-100;}         /* voor gebruik in zoom.php tonen small-image */

tr:hover      { background-color: #e0d3b8;}
    
.tableFixHead { overflow: auto; height: 111px; }               /* wordt bepaald volgens schermgrootte via javascript in programma) */ 

.tableFixHead thead th { position: sticky; top: 0; }   
      
.tablesorter-blue {	
	color: #643B0F;
	font: Helvetica, Verdana, Geneva, Arial;
	font-size:15px;
	font-style:Italic;
	background-color: #FBF7E2;
	margin: 0;
	text-align: left;
	border-spacing: 0;
	border: #643B0F 1px solid;
	border-width: 1px 0 0 1px;	
	overflow: auto;
        height: 1200px;
}
.tablesorter-blue th,
.tablesorter-blue td {
	border: #643B0F 1px solid;
	border-width: 0 1px 1px 0;	
}

.tablesorter-blue th,
.tablesorter-blue thead td {
	font: normal normal 18px Helvetica, Verdana, Geneva, Arial;
	font-style:Italic;
	color: #fffaeb;
	background-color: #8f753d;
	border-collapse: collapse;
	padding: 1px 14px 14px 14px;
}

.tablesorter-blue .header,
.tablesorter-blue .tablesorter-header {
	background-image: url(/updown/ascending.gif);
	background-repeat: no-repeat;
	background-position: 96% 50%; 
	padding: 13px 14px 13px 18px;
	white-space: normal;
	cursor: pointer;
}

.tablesorter-blue .headerSortUp,
.tablesorter-blue .tablesorter-headerSortUp,
.tablesorter-blue .tablesorter-headerAsc  { background-color: #8f753d; background-image: url(/updown/ascending.gif);  }

.tablesorter-blue .headerSortDown,
.tablesorter-blue .tablesorter-headerSortDown,
.tablesorter-blue .tablesorter-headerDesc { background-color: #8f753d; background-image: url(/updown/descending.gif); }

a          { font-size:1.0em; font-weight:normal ; color:#643B0F; text-decoration: none; }

a:hover    { font-size:1.0em; font-weight:normal ; text-decoration: none; }   

#button1   { position:absolute; left:-30px; top:10px;  font-family:Helvetica; font-style:Italic; }

ul#button1 li          { list-style:none; font-size:0.95em; }
ul#button1 li a:hover  { background: #8f753d; color: #FBF7E2;}

ul#button1 li a        { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	                color: #643B0F;	      
	                padding: 7px 20px 7px;
	                text-decoration: none;
                        border: solid 1px #643B0F;
                        width:100px;
}
     

#button2   { position:absolute; right:10px; top:05px; }

ul#button2 li          { list-style:none; font-size:0.95em; font-family: Helvetica; font-weight: normal; font-style: Italic;}
ul#button2 li a:hover  { background: #8f753d; color: #FBF7E2;}

ul#button2 li a        { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	                 color: #643B0F;	      
	                 padding: 6px 20px 6px;
	                 text-decoration: none;
                         border: solid 1px #643B0F;
}

form#zoek { position:absolute; left:0px; top:70px;  }

* {
    box-sizing: border-box;
}

form#zoek input[type=text] {
    padding: 8px;
    font-size: 15px;
    font-style: Italic;
    border: 1px solid #8f753d;
    float: left;
    width: 230px;
    background: #FBF7E2;
    border-top-left-radius:    7px;
    border-bottom-left-radius: 7px;
    
}

form#zoek button {
    float: left;
    width: 40px;
    padding: 8px;
    background: #8f753d;
    border-top-right-radius:    7px;
    border-bottom-right-radius: 7px;    
    color: white;
    font-size: 15px;
    border: 1px solid #8f753d;
    border-left: none;
    cursor: pointer;
}

form#zoek button:hover { background: DodgerBlue; }

form#zoek::after {
    content: "";
    clear: both;
    display: table;
}
