h2 {
  text-transform: uppercase;
}

/*//////////////////////////////////////////////////////////////////////////////////// */

.blauw-top { position: fixed; top: 0; width: 100%; font-size: 1em; display: block;
		background-color: transparent; color: dodgerblue; z-index: 1000; }

/*//////////////////////////////////////////////////////////////////////////////////// */

html {font-family: Georgia, "Times New Roman",Times, serif;}
html, body { height: 100%; margin: 0; padding: 0; }
/*.sizes { max-height: 70vh; max-width: 25vw;}*/

/*//////////////////////////////////////////////////////////////////////////////////// */

hr { border-style: solid; border-width: 1px; border-color: lightgray; }

.tab { border-bottom: 2px solid lightgray;} /* lijnen in table */

.blue_line { position: absolute; left: 0; width: 100%; height: 1em;  
            background-color: dodgerblue; display-block; } 

/*//////////////////////////////////////////////////////////////////////////////////// */

a:link, a:visited {color: #1564b2;}
a:hover {color: #1e90ff}
a {text-decoration: none;}

a.red:link, a.red:visited {color: rgb(100,0,0);}
a.red:hover {color: rgb(240,120,120);}

a.yellow:link, a.yellow:visited {color: rgb(150,150,0);}
a.yellow:hover {color: rgb(240,240,120);}

/*//////////////////////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////// */

.top_margin {position: relative; left: 0%; width: 100%; height: 4%; display: block;
    background-color: transparent;}

.bottom_margin {position: relative; left: 0%; width: 100%; height: 40%; display: block;
background-color: rgb(50,50,50); z-index: -1;}

.white_margin {position: relative; left: 0%; width: 100%; height: 40%; display: block;
background-color: rgb(255,255,255); z-index: -1;}

.lower_bar { background-color: rgb(50,50,50); color: white; }
/*//////////////////////////////////////////////////////////////////////////////////// */

.top_frame { position:fixed;bottom:96%;height:4%;left:0;width:100%; text-align: right;
    display:block;background-color:black ; color: rgb(40,100,200); font-weight:bold; z-index:499;}

/*//////////////////////////////////////////////////////////////////////////////////// */

.bottom_frame { position:fixed;bottom:0%;height:4%;left:0;width:100%;
	    display:block;background-color:#d4d8dd ; z-index:499;}

/*//////////////////////////////////////////////////////////////////////////////////// */
/*//////////////////////////////////////////////////////////////////////////////////// */

.grijs { color: grey ; text-decoration: none;}
.kop {color: dodgerblue}
.blauw { color: dodgerblue }

/*//////////////////////////////////////////////////////////////////////////////////// */

.list-button { 
	background-color: rgb(225,236,244); /* rgb(200,225,250);(210,230,230) */ 
	border: none;
	color: rgb(100,125,150);
	padding: 5px 25px;
	text-align: center;
	text-decoration: none;
	font-size: 0.7em;
	display: inline-block;
	cursor: pointer;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////*/


.img {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

.img_bg { position: fixed; top: 4%; left: 0; width: 100%; height: 92%;
                display: block; background-color: rgb(50,50,50); z-index: -1000;}


/*//////////////////////////////////////////////////////////////////////////////////////////////*/

div.relative { position: relative; width: 102%; height: 200px; left:-1%;
               display: block; color: dodgerblue; text-align: left;
               background-color: navy}

div.absolute { position: absolute; top: 50px; right: 5%; padding: 30px;
               text-align: center; font-weight: bold; border: 3px solid white;
               font-family: 'Rubik Mono One';font-size: 22px;}
               a.absolut:link, a.absolut:visited {color:dodgerblue;}
/*73 10 padding 30px 40px */
.folio { position: relative; width: 69%; left:10%; border: 1px solid gray;
           padding-top: 15px; padding-bottom: 10px; padding-left: 5%; padding-right: 5%;
           display: block; color: rgb(50,50,50); text-align: left;}
           
.top_tree { border: 0px solid gray; background-color: rgb(238,239,240);}

.bottom_tree { border: 2px solid gray; border-bottom-style: dotted; border-top-style: none;
           background-color: rgb(255,255,255);}

.tree { border: 2px solid gray; border-top-style: none; background-color: rgb(255,255,255);}

.tree:hover, .bottom_tree:hover { background-color: rgb(248,249,250);}