body {
/*background-color: #0047AB;   */
background-color: darkblue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-decoration: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
html{
height: 100%;
}

a{
font-size: 1em;
text-align: center;
}
a:link,a:active {
color: #ffffff;
font-weight: bold;
text-decoration: none;
border-bottom: 1pt solid #880000;
border-left: 3pt solid #880000;
}
a:visited {
color: #ffffff;
font-weight: bold;
text-decoration: none;
border-bottom: 1pt solid #336600;
border-right: 3pt solid #336600;
border-left: 0pt;
}
a:hover {
color: #0000ff;
text-decoration: none;
border-bottom: 1pt solid #dddddd;
border-left: 3pt solid #dddddd;
border-right: 0pt;
}
h1 {
color: #ffffff;
font-size: 2em;
text-decoration: none;
border-bottom: 1px solid #0000ff;
border-left: 8px solid #0000ff;
font-weight: normal;
}
h2 {
font-size: 1.2em;
}

img {
border:0px;
}

img a {
border:0px;
}
.nav  {
position:absolute;
text-align: center;
font-size: 1.0em;
font-weight: bold;
/* background-color: red; */
width:15%;
padding-top:2em;
left:0;
float:left;
}
.navakt{
font-size: 1.0em;
font-weight: bold;
color: #ff8;
}
/* Column container */
.row {
        position:relative;
        left: 15%;
        width: 80%;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.bild {
      flex: 48%;
      background-color: #e6e6e6;
        padding:3px;
        border: 1px solid black;
        /* text-align:center; */
}
.bild img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: auto;
            max-width:100%;
            
}
/* Main column */
.info {
      flex: 48%;
      background-color: #e6e6e6;
        padding:3px;
        border:1px solid black;
        text-align:center;
        font-size:1em;
		font-weight: bold;
}
#oben   {
color: #000;
font-weight: bold;
text-align: center;
width:100%;
}

#oben h1{
font-size:2em;
}
#copyright {
position:absolute;
top:-20px;
}
#copyright a{
border:0px;
font-size:0.25;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #000;
}

#copyright a:hover{
font-weight:bold;
}
#mail a:link{
color: #dddddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.5em;
font-weight:normal;
border-bottom: 1pt;
border-left: 0pt;
border-right:0pt;
}
#mail a:visited{
color: #dddddd;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.5em;
font-weight:normal;
border-bottom: 1pt;
border-left: 0pt;
border-right:0pt;
}
#mail a:hover{
color: #ffffff;
font-size:0.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1pt solid #ffffff;
border-left: 1pt solid #ffffff;
border-right:1pt solid #ffffff;
border-top:1pt solid #ffffff;
}
#unten {
/*background-color: orange;*/
color: #ffffff;
text-align: center;
font-size:0.9em;
font-weight: bold;
/* padding:2em; */
/* left:180px; */
width:100%
}
#unten a{
font-size: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#unten a:link,a:active {
color: #ffffff;
font-weight: bold;
text-decoration: none;
border-bottom: 2pt solid #880000;
border-left: 0pt solid #880000;
}
#unten a:visited {
color: #ffffff;
font-weight: bold;
border-bottom: 2pt solid #336600;
border-right: 0pt solid #336600;
border-left: 0pt;
}
#unten a:hover {
color: #0000ff;
text-decoration: none;
border-bottom: 2pt solid #dddddd;
border-left: 0pt solid #dddddd;
border-right: 0pt;
}

@media (max-device-width: 640px) {
h2 {
	font-size:1em;
}
.navakt,
.nav {
	font-size: 0.8em;
}

.row {
        width:80%;
        flex-direction: column;
    }
.bild {
    flex: 80%;
    background-color: #e6e6e6;
        padding:5px;
        border: 1pt solid #000;
		
}
.bild img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
	height: auto;
}
/* Main column */
.info {
    flex: 80%;
    background-color: #e6e6e6;
        padding:5px;
        border:1pt solid black;
		font-size: 0.75;
}
}