body {background-color: white;
color: black;
font-family: "dejavu sans", sans-serif;
margin: 0;
width:100%; /* tämän arvoa säätämällä, näkee ylimenijät*/
}
h1 {margin-top: 0.72em;
margin-bottom: 0.72em;
clear:none;}

h2 {margin-top: 1em;
margin-bottom:1em;}
p{margin:0.90em;
margin-left:0;
text-align:justify;
text-justify:inter-word;
clear:none;}

.navbartop {
color: black;
background-color: #b9b898;
width: 100%;
padding: 0.4em;
padding-right:0;
padding-left: 0;
margin: 0;
border: 0;
margin-bottom: 0%;}

.navbartop ul {padding: 0;
margin:0;} /*vikaa oli tsäsä marginaalissa */

.navbartop ul li {display:inline-block;
background: #b9b898;
border-left: 2px solid #979d15;
padding: 0;
margin-left: 0.5em;
padding-left: 0.5em;
text-align: center;
}

.navbartop ul li:first-child {
  border-left: 0;
  border-left:0;
  padding-left: 0;}

.navbar {color:black;
background-color: #b9b898;
border: 6px dotted #979d15;
width: 16%;
float:left;
clear:none;
margin-left: 0.5em;
margin-top: 2em;
margin-right:0.5em;
}
.navbar ul {padding: 0.3em;
padding-right: 0;
margin:0.5em;
margin: 0;
margin-left: 0.6em;}
.navbarbottom { color: black;
background-color:#b9b898;
padding: 0.1%;
padding-left: 0; padding-right: 0;
margin-left: 0%;
margin-right: 0%;
width:100%;
}
.navbarbottom ul {padding-left:0; padding-right:0;}

.navbarbottom ul li {background-color: #b9b898;
display: inline;
color:black;}

.navbarbottom ul {padding: 0.3em;
  margin:0;}


ul li .float-l {float:left;
    clear: none;}
  .float-r {float:right;
  clear:none;
/*padding-right: 0.5em;*/}

/*posuere*/
.posuere p {width:80%;
clear:none;}

.navbaright {color: black; /*posuere sivupalkki*/
  background-color: #b9b898;
  width: 16%;
  float:right;
  padding-right: 0;
  border: 0;
  margin: 0;
  height:100%;
  padding-bottom:134%;}
.flexboxpo{height:100%;}

.navbaright ul {padding-top: 0;
padding-left: 1.75em;
margin-top:0; padding-left:1em;}

iframe {clear:right;
  height:20em;
  width:60%;}
video {height: 80%;
    width: 80%;} /*Käytä CSS:n width/height- ja min-width/min-height-ominaisuuksia */

/*taulukkoo*/
td {border: 2px dashed #98973e;
}
table {table-layout:auto;
width:15em;
height:15em;
float:initial;
border-collapse:collapse;
text-align:center;
border-spacing: 20px;
border:2px solid #98973e;}

table th {font-weight: bolder;
border: 2px dashed #98973e;
border-collapse:collapse}

/*etusivu kuvat*/
.etu {display:inline-block;
text-align:center;
margin-bottom:0.5em;
margin-bottom: 2em;}
.etusivu {float: left;
  margin-left: 3em;}

.clear-left {clear: both;}

/*mauris kuvat */
.flexbox {display:flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 0em;}

/*turha setti*/
.flexbox div {margin:0.3em;}

.maurisp {clear: left;}

.kuvateksti {padding: 0.5em;
  text-align: center;
  font-weight: bold;
margin:0;
margin-bottom:0.3em;}

/*skaalautuminen mobiliin*/
@media all and (max-width: 600px){
  /*posuere sivu*/
.flexboxpo {display: flex;
flex-direction: row;
flex-wrap: nowrap;
height:14em;
align-items: stretch;
margin-top: 0.9em;}
.flexboxpo p {font-size: 95%;}
.posuere  p{width:98%;}
.flexboxpo .navbartop {display:flex;
order:2;
width:48%;
padding:0;
margin:0.2em;
height:13em;}
.navbartop ul, .navbartop ul li {max-width:44%;}

.navbaright {display:flex;
  height: 13em;
padding:0;
padding-left: 0.4em;
margin: 0.2em ;
order:1;
width:48%;}
.navbaright ul {margin-top:0;
padding-left:0.5em;}

form {display: inline;}
form input{display: inline;
flex-wrap: wrap;}
form p {margin:0;
  display: inline;  
  flex-wrap: wrap;}
/*iframe, video {width:24em;
height:16em;} */
iframe, video {width:95%;
height:12em;}


/*muut sivut*/
h1 {margin-top:0.25em;
margin-bottom: 0.5em;}
.katto {display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 12em;
  align-items: stretch;
  margin-top: 0.9em;}
.katto {font-size: 97%;}
.navbartop {color: black;
background-color: #b9b898;
align-items: stretch;
flex-wrap:wrap;
display:flex;
order: 2;
padding:0;
margin: 0.2em ;
border: 0;
width:48%;} 
.navbartop ul {
  border: 0;
  padding: 0;
  padding-left:0.5em;
  text-align:left;
max-width:44%;}
.navbartop ul li {margin-left:0.2em;
  display:list-item;
border:0;
padding:0;}
  
.navbar {color:black;
background-color: #b9b898;
align-items: stretch;
display: flex;
order: 1;
padding:0;
margin: 0.2em ;
border: 0;
order:1;
width:48%;
height:12em;}
.navbar ul {padding:0;
padding-left:0.4em;}
}
/*etusivu kuva*/
.etusivu {margin-left:1em;}
.kuvateksti {padding:0;}
/*mauris kuvat*/
.flexbox div {margin-left:1em;}
      
img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;}
    
figure {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;}

@media print {
    p {color: black;
    font-family: "times new roman",serif;}
    .navbartop, .navbar, .navbarbottom {display:none;}
    }