/*
@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-Semibold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open-sans/OpenSans-SemiboldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}
*/

* {
    box-sizing: border-box;
}

body{
    font-family:  OpenSans, Verdana, Tahoma, Geneva, sans-serif;
    background-color: rgb(0, 0, 0);
    color: rgb(180, 240, 180);
/*    color: rgb(255, 255, 153); */
    padding: 1em;
    font-size:100%
}

h1.toc{
  text-align: left;
  margin: 0em;
  font-size: 110%;
  margin-top: 1em;
  font-weight: bold;
}

h2.toc, h3.toc, h4.toc, h5.toc, h6.toc {
  font-size: 100%;
  text-align: left;
  margin: 0em;
  font-weight: normal;
  margin-top: 0.5em;
}
/*
h1,h2,h3,h4,h5,h6 {
  margin: 1em 0em 0em 0em;
  font-weight: bold;
}

h1{font-size: 120%;}
h2{font-size: 110%;}
h3{font-size: 100%;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}
*/

img {max-width: 95vw}

p {
  line-height: 1.25em;
  margin: 0.5em 0 0 0;
  text-indent: 0em;
}
p.kerronta {text-indent: 2em;}
p.xkerronta {text-indent: 0em; margin-top: 1em;}


p.author {text-align: right; margin-top: 0; font-style: oblique; font-size: 0.9em; font-weight: normal}

a {
    text-decoration: none;

}

p.rheader {
    text-align: right; font-size: 0.9em; margin: 0.5em 1.0em 0 0;

}

a:link {
    color: rgb(51, 153, 255);
}

a:visited {
    color: rgb(217, 179, 255)

}

a:hover {
    color: yellow;
}
a:active {
    font-weight: bold;
}

.right {text-align: right}

/*
hr {
    display: none;
}
*/

ul {
    list-style-type: none;
    margin-left: 1.0em;
    padding: 0.5em;
}
/*
dl {
  display: block;
  margin-top: 1em;
  margin-bottom: 0em;
  margin-left: 1em;
  margin-right: 0;
  line-height: 125%;
}

dt {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0em;
}

dd {
  display: block;
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0em;
}
*/

div.summary {
    /*    style="font-weight: bold;     */
}

button {
padding: 0.5em;
background-color: rgba(50, 50, 0, 0.3);
font-size: 100%;
color: white;
}

button.info {
  float: right;
/*  background-color: rgb(50, 50, 0);  */
  margin: 0em;
  font-size: 100%;
  color: white;
}

/*
 * button.sulje {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0em;
  font-size: 100%;
  color: white;
}
*/
/* Dropdown Button */
.dropbtn {
  /*    background-color: rgba(76, 175, 80,0.3); */
/*  background-color: rgba(50, 50, 0, 0.3); */
  color: white;
  cursor: pointer;
  font-size: 100%;
  margin: 0.5em;
  /*			font-size: 80%; */
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

.dropdown {
  position: fixed;
  top:0vw;
  right:0vw;
  background-color: rgba(50, 50, 0, 0.2);
}

.dropdown:hover {
    background-color: rgba(50, 50, 0, 0.8);
}

.buttonit {
    color: rgb(255, 255, 255);
    font-size: 100%;
    margin: 0.5em;
    cursor: pointer;
    padding: 0.5em;
    background-color: rgba(50, 50, 0, 0.3);
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: fixed;
  top:10px;
  right: 10px;
  /*    position: fixed;*/
  background-color: black;
  border: 1px solid green;
  /*	 min-width: 20em; */
  /*     box-shadow: 0vw 8vw 16vw 0vw rgba(0,0,0,0.2); */
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 0.5em;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover  */
.dropdown-content a:hover {
  background-color: DarkGreen
}

.show {
  display:block;

}
/*
backbutton {
  background-color: rgba(50, 50, 0, 0.3);
  border: 1px solid green;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
  margin: 0.5em;
}
backbutton:hover {
  color: green;
  font-weight: bold;
}

*/
/*
.back {
    position: fixed;
    top: 0vw;
    left: 0vw;
    display: inline-block;
}
*/
.backbtn {
/*    background-color: rgba(76, 175, 80,0.3); */
    color: white;
    cursor: pointer;
}
/* .topright {
    position:fixed;
    top:0vw;
    right:0vw;
    color: white;
    background: rgba(0, 0, 0, 0.5);

}
*/