/* proentia.css */

body { 
  background: white; 
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%; 
  margin-top: 7vh;
  margin-right: 5vw;
/*  margin-left: 5vw; replaced by padding-right in elements */
  margin-bottom: 0;
}

* {
    box-sizing: border-box;
}

.viewBlock {
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: auto;
  max-width:800px;
}

.headerBlock {
   width: 100%;
   min-width: 20em;
   margin: 0 3%;
   padding: 5vh 1vw 5vh 0;
   text-align: right;
   border-top: 0.3em solid #73827b;
}

.spacerBlock {
   width: 1px;
}

.naviBlock {
   float: left;
   min-width: 20%;
   max-height: 20em;
   padding-bottom: 5vh;
   margin-top: auto;
   margin-left: 4% ;
   margin-right: 0;
}

.mainBlock {
   float: right;
   width: 69%;
   min-width: 20em;
   min-height: 16em;
   margin-left: 4% ;
   margin-right: 3%;
}

.footerBlock {
   float: left;
   width: 100%;
   min-width: 20em;
   margin: 5vh 3% 2vh 3%;
   border-top: 0.3em solid #73827b;
   padding: 1vh 1vw;
   text-align: right;
}

/*
.navi {
  font-weight: bolder;
  color: #73827b;
}
*/

SPAN.naviActive {
/*  font-weight: bolder; */
  color: #73827b;
}

.main {
   margin-left: 0;
}

img.logo {
   float: left;
   border: none;
}

.name {
  color: #73827b;
}

H1, H2, H3, H4, H5, H6 { 
  font-weight: bold; 
  color: #73827b;
}

H2 {
  margin-top: 0;   
}

:link, :visited {
   text-decoration: underline;
   color: black;
}

:link:hover, :visited:hover {
  text-decoration: underline;
  color: #73827b;
}

:link:active, :visited:active {
  text-decoration: none;
  color: black; 
}

A:link, A:visited {
   text-decoration: underline;
   color: black; 
}

A:link:hover, A:visited:hover {
  text-decoration: underline;
  color: #73827b;
}

A:link:active, A:visited:active {
  text-decoration: none;
  color: #73827b;
}