html, body {
    min-height: 100vh;
    overflow: auto;
    font-size:100%;
}

BODY	{background:#000000;
		 color:#ffffff;
		 margin-left: auto;
		 margin-right: auto;
		 width: 1026px;
		 font-family:Verdana;
		 text-align:left;
     vertical-align: middle;
}
H6		{color:silver;
		 font-size:8.0pt;
		 text-align:right
}

h2	{
	font-weight: bold;
	text-decoration: underline
}

img.top {
    vertical-align: text-top;
}

li{
	font-size: .7rem;
}

.tekstblok {position: relative;
       top: -570px;
       left: 110px;
       text-align: left;
       background: black;
       /* height: 460px; */
       width: 860px;
       overflow: auto;
}

.tekstbloklinks {position: relative;
       top: -1060px;
       left: 110px;
       text-align: left;
			 background: black; 
  		 height: 600px;
		   width: 700px;
}
.tekstbloklinksonder {position: fixed;
       top: 650px;
       left: 0px;
       text-align: center;
			 background: black; 
  		 height: 60px;
		   width: 700px;
}
.tekstblokrechts {position: relative;
       top: -600px;
			 left: 600px;
       text-align: left;
			 background: black; 
  		 height: 600px;
		   width: 380px;
}
.tekstblokrechtsonder {position: relative;
    top: -400px;
	left: 720px;
	text-align: left;
	background: grey; 
	height: 400px;
	width: 230px;
	font-size:0.75rem;
	box-shadow: 5px 5px 8px white;
	border-radius: 0px 20px;
}
.tekstblokactie {position: relative;
       top: -600px;
	   left: 110px;
       text-align: left;
	   background: grey; 
	   color: yellow;
	   height: 500px;
	   width: 460px;
	   padding-left: 15px;
	   padding-right: 5px;
	   border: 1p solid;
	   box-shadow: 5px 10px;
}
.duimnagels {position: relative;
       top: -610px;
			 left: 840px;
			 overflow-y: scroll;
			 overflow-x: hidden;
       text-align: center;
			 background: url(image/negatief4.jpg); 
  		 height: 510px;
		   width: 135px;
}
.navigatietekst {position: relative;
       top: -605px;
			 left: 100px;
       text-align: left;
       background-color: rgba(5,4,2,0.1);
			 height: 20px;
		   width: 800px;
}
.foto {position: relative;
       top: 20px;
       text-align: center; 
	   border: solid 2px white
}
.trans {position: absolute;
        top: 0px;
	    left: 0px
}
.blokje {position: relative;
        background: black;
		color: #ffffff;
		text-align: center; 
		height: 495px;
		width: 475px
}
A:link, A:visited, A:active { background: #000000;
         color: silver;
				 border: none;
}
A:hover { background: black;
           color: white;
}
A.galerij:link, A.galerij:visited, A.galerij:active { background: #000000;
         color:#ffffff;
		 text-decoration:none
}
A.galerij:hover { background: silver;
           color:#000000
}
A.biceps:link, A.biceps:visited, A.biceps:active { background: silver;
		 font-family:Verdana, Arial;
		 font-size:8.0pt;
         color:#000000
}
A.biceps:hover { background: white;
		 font-family:Verdana, Arial;
		 font-size:8.0pt;
         color:black
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 13px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
		font-size:9.0pt;
}

.tabcontent #mijntabel {
    border: none;
		font-size:9.0pt;
}

#mijntabel th	{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
		font-weight: normal;
		text-align: left;
    background-color: #ccc;
		color: black;
}

#mijntabel td.midden	{
		text-align: center;
}
.marquee {
 height: 30px;	
 overflow: hidden;
 position: relative;
 background: white;
 color: black;
 border: 1px solid grey;
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 30px;
 text-align: center;
 font-size: 0.75rem;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 10s linear infinite;
 -webkit-animation: scroll-left 10s linear infinite;
 animation: scroll-left 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
 
.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 10px;
    transition: 0.3s;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}