body, html
{
margin: 0px auto;
padding: 0px;
font: arial;
text-align: center;
font-family: arial;
}

#page
{
width: 90%;
margin: 24px auto;
padding: 0px;
border: 1px black solid;
}

#menu
{
padding: 0px;
margin: 0px auto;
line-height: 40px;
height: 40px;
width: 100%;
border-left: 0px black solid;
border-right: 0px black solid;
border-top: 0px black solid;
border-bottom: 1px black solid;
}

#content
{
margin: 0px auto;
border-left: 0px black solid;
border-right: 0px black solid;
border-top: 0px;
border-bottom: 0px;
width: 100%;
}

#footer
{
padding: 20px 0px 20px 0px;
height: 20px;
width: 100%;
border-left: 0px black solid;
border-right: 0px black solid;
border-top: 1px black solid;
border-bottom: 0px;
}

#flags
{
position: relative;
bottom: 7px;
float: right;
right: 10px;
background-color: transparent;
width: 125px;
margin: 0px auto;
padding: 5px;
}

table {
  border-collapse: collapse;
  text-align: center;
    width:60%;
position: relative;
margin: auto;  
border-style: hidden;
border: 1px black solid;
}

table, th, td {
  width: 20%;
}

.paddingtext
{
padding: 0px 12px 0px 12px;
}

a:link
{
text-decoration: none;
color: black;
}

a:visited
{
text-decoration: none;
color: black;
}

a:hover
{
text-decoration: underline;
color: black;
}

a:active
{
text-decoration: none;
color: black;
}

.menu a
{
text-decoration: none;
float: left;
width: 20%;
display: block;
height: 100%;
}

.menu a:hover
{
background-color: black;
color: white;
height: 100%;
}

.mySlides
{
display: none;
}

/* Slideshow container */
.slideshow-container
{
max-width:100%;
position: relative;
margin: auto;
}

/* Caption text */
.text
{
color: #f2f2f2;
font-size: 0px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
.numbertext
{
color: #f2f2f2;
font-size: 0px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot
{
height: 12px;
width: 0px;
margin: 0px;
background-color: #bbb;
border-radius: 50%;
display: none;
transition: background-color 0.6s ease;
}

.active
{
background-color: #717171;
}

/* Fading animation */
.fade
{
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade
{
from
{
opacity: .4
} 
to 
{
opacity: 1
}
}

@keyframes fade
{
from
{
opacity: .4
} 
to
{opacity: 1
}
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  bottom: 12px;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}


/* Position the "next button" to the right */
.next {
  right: 40%;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 100%)
{
.text {font-size: 11px}
}