body { font-family: Georgia, times, courier;
  background-color:black;
  font-size: 16px;

}

nav {
overflow: hidden; 
width: 100%;
float: left;
margin:0 0 0.5em 0;
padding: 0;
text-transform: uppercase;
list-style: none;
font-size:15px;
font-weight:bold;
font-family: Georgia, times, courier;
} 

nav ul{
margin:0;
margin-left: 20px;
padding: 0;
}

nav ul li {
display: inline-block;
list-style-type: none;
float: left;

}
nav ul li a{
   text-decoration: none;
   display: block;
   padding: 0.5em 1em;
   text-decoration: none;
   font-weight: bold;
   border: 3px solid #E6E6E6;
   text-align: center;
}

#navlist li a:hover {
      background-color: #8B0000;
      border:3px solid #8B0000 ; 
   }

#kriips li a:hover {
   border: 2px solid #8B0000;
}

#Mainbar{
   padding: 10px 10px 10px -10px;
   background-image: url(Pildid/img/clip.jpeg);
}
#Mainbar li{
background-color:#003399;

}
#Mainbar li a{
color:white;

}
#navlist {
   margin-top: 25px;
   margin-left: 0px;
}
#sidebar {
background-color:#8B0000;
width:100%;
}
#sidebar li {
font-size: 11px;
padding:5px;
color: #E6E6E6;

}
#kriips li{
background-color: white;
border: 6px solid #8B0000;
margin-right:10px;
}

footer {
color: gray;
width: 100%;
float: left;
}

#Asukoht{
text-align: center;
font-size: 12px;
}

#tunniplaan a:hover{
  
}

/* Nav bar ends + footer*/

h1{
text-transform: uppercase;
text-align: center;
color:white;
margin:auto;
padding:10px;
}

h2{
text-transform: uppercase;
text-align: center;
color:white;
margin:auto;
padding:10px;
}

h3 {
text-transform: uppercase;
text-align: center;
color:#8B0000;
padding-top: 16px;

}

h5 {
text-transform: uppercase;
text-align:left;
margin-left: 15px;
color:black;
padding-top: none;
font-size: 12px;

}

header p{
text-transform: uppercase;
text-align: center;
font-size: 12px;
font-weight: bold;
}

h6{
text-transform: uppercase;
text-align: center;
color:#8B0000;
font-size: 12px;
}

.container p {
   margin:auto;
   text-align: center;
   background-color: white;
   padding-bottom: 20px;
   padding-top: 10px;
   vertical-align: center;
}

 .container h1 {
margin:auto;
  }

.container h6{
margin:auto;
background-color:#E6E6E6;
  }

  #tekst p
  {
padding bottom: 10px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
  }


/* kontainer ends + footer*/


#tekst a {
  border:1px solid #E6E6E6;
  padding: 3px;
}

#tekst a:hover {
  color:white;
  background-color: #8B0000;
  padding: 10px;

}

/*kodu*/

.frontimg img {
    position: relative; 
   width: 100%; 
   overflow: hidden;
 }


#P1 { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
   padding: 40px;
   text-align: center;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
 }

 #P1 a {
color: white; 
font: bold;
text-decoration: none;
text-transform: uppercase;
 }
#P1 a:hover {
  color:#8B0000;

  padding: 10px;
}

.Piraat img {
   
   width: 30%; 
   float:left;
   clear: right;
   height: auto;
   padding-top: 20px;
   padding-bottom: 20px;
   padding-left: 30px;
  border-radius: 8px;
  
}