img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Add a background color to the top navigation */
.topnav {
  text-align:center;
  background-color: #c2c2c2;
  background-color: #043f5d;
  overflow: hidden;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  font-size: 1.2em; 
  font-color: white;
  color: white;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: center;
  color: #ffffff;
  text-align: center;
  padding: 240px 40px;
  text-decoration: none;
}

/* Change the color of links on hover */
.topnav a:hover {
  //background-color: #bbbbbb;
  //color: #308f25; //green
  color: ##1d1666; 
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}


.transparent1{
  background:rgba(255,255,255,0);
}

.wrapper {
    width:100%;
    height:10vh;
    display: table;
    background:white;
}

.left {
    height:50px;
    width: 30%;        
    display: table-cell;
    background-color:white;
    padding-right:2em;
    padding-left:1em;
}

.central {
    width: 0%;        
    //height:50px;
    line-height:1.2em;
    background-color:transparent;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
}
.right {
    //height:50px;        
    width: 70%;        
    display: table-cell;
    background-color:transparent;
    //background-color:black;
    //background: white url(../img/ptr1-4mer-only_pale_cartoon_tr.png) 10% 40% no-repeat;
    background-size: 100%;
}


container1 {
    float: left;
    width: 100%;
    background-color:transparent;
}

container2 {
    float: left;
    width: 30%;
    padding: 4em;
    background-color:transparent;
}

.kontener
{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
	margin: 0% 0%;
	width: 100%;
	text-align: center;
	max-height: 100px;
}

.column
{
        text-align: left;
        margin: 0% 0%;
}

.note {
	background-color:white;
	border-top: 3px solid #c2c2c2;
	padding-left:3em;
	padding-right:3em;
	padding-top:1em;
	padding-bottom:1em;
	text-align:justify;
}

//-----------------------------------------------------------------


a{
    text-decoration: none;
}

/* unvisited link */
a:link {
    //color: #286360;
    //color: #000000;
    //color: #001254;
    //color: #131a36; 
    //color: #37457a; 
    //color: #ae6fad;
    //color: #138a13;
    color: ##1d1666;

    text-decoration: none;
}

/* visited link */
a:visited {
    //color: #23514f;
    //color: #000000;
    //color: #001254;
    //color: #131a36; 
    //color: #37457a; 
    //color: #ae6fad;
    //color: #138a13;
    color: ##1d1666;
}

/* mouse over link */
a:hover {
    color: #46d136; 
}

/* selected link */
a.active {
    color: #23514f;
    background-color: #4CAF50;
}


ul, h1, h2, h3, h4, h5 , h6, body, th, td, input, textarea, select, option {
	font-family: 'Calibri', sans-serif; 
	font-weight: normal;
	color: #000000;
	background-color: transparent;
}

unstyled {
  font-size: 1.0em; 
}


header{
    padding: 0em;
    color: transparent;
    #background-color: #c2c2c2;
    background-color: #043f5d;
    clear: left;
    text-align: center;
    background-size: 950px;
    font-size: 1em;
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 15px;
	text-align: left;
	min-height:100%;
  height:auto !important;
}


nav {
    float: left;
    width: 20%;
    margin: 0;
    padding-top: 4em;
    padding-left: 0.1em;
    padding-right: 2.5em;
    font-size:0.8em;
    
}


nav ul {
    //list-style-type: none;
    padding-right: 1.0em;
    line-height: 200%;
    background-color: #f1f1f1;
    //border-top: 5px solid #b2b2b2;
    
}
   
nav li a.active {
    color: #23514f;
    background-color: #4CAF50;
}



article {
    float: left;
    margin-top: 0%;
    margin-bottom: -1%;
    margin-left: 0px;
    padding: 2%;
    overflow: hidden;
    line-height: 200%;
    width: 50%;
    background-color: white;
    box-shadow: 0px 0px 10px 0px #c2c2c2;
    #box-shadow: 0px 0px 10px 10px #043f5d;
}


aside {
    padding-top: 3.5em;
    padding-left: 2em;
    display: block;
    float: left;
    margin: 0 1.5%;
    width: 15%;
    line-height: 300%;
    color: #19334d;

}

footer {
    padding: 2em;
    font-size: 1vw;
    line-height: 200%;
    #color: #000000;
    color: #FFFFFF;
    background-color: #043f5d;
    clear: left;
    text-align: center;
}



// -------------------------------------------------

h1 {
  letter-spacing: 0.1em;
  font-size: 3em;
  text-align: left;
  margin-left: 0.1em;
  display:inline;
  background:rgba(255,255,255,0.5);
}

h2 {
	font-size: 250%;
        color: #131a36;
        font-weight: bold;
	letter-spacing: 0.1em;
}

h3 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
}

h4 {
	margin-top: 1.3em;
	margin-bottom: 1em;
	font-size: 1.0em;
	letter-spacing: 0.05em;
}
h5 {
	font-size: 0.8em;
}

h6 {
	margin: 0px;;
	font-size: 0.7em;
}


//ul.unstyled li a {
//   color: #000000;
//}


p, ul, ol {
	line-height: 200%;
	background: transparent;
	margin-left:0.5em;
}
p {
	margin-left:3.5em;
}


li{
    margin-top: 10px;
}

li:first-child {
    margin-top:0;
}