html {
width: 100%
}

div#wrapper {
width: 100%;
}

table.mobile td {
background-size: 300px auto;
background-repeat: no-repeat;
background-position: 1px 1px;
}

input, textarea {

width: 300px;
height: 20px;
}

textarea {
height: 200px;
  width: 300px;
}


div#top {
height: 200px; 
}

div#top_image {
background-size: auto 200px;
height: 200px;
background-position: top center; 
}

header {
margin-top: -150px; }


    
header a.toggle-nav {
    display: block;
    position: absolute;
    right: 5%;
    top: 20px;
    text-decoration: none;
    padding: 0.357em;
    color: #ffffff;
    background: #1541BF;
    text-transform: uppercase;
    -o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

a.toggle-nav:hover {
    background: #212121;
    color: #ffffff;
}
  
#navMain {
display: none;
 }

#navMain:target {
    display: block;
}

nav {
width: 100%;
 }



nav ul {
width: 100%;
display: block;
padding: 0px;
margin: 0px;
 }

nav li {
display: block;
width: 100%;
margin: 0px;
padding: 0px;
 }
 
nav li a {
width: 100%;
height: 30px;
padding: 0px;
margin: 0px auto;
background-color: #ededed;
border-bottom: 1px solid #1541BF;
 }
 
div#box_wrap {
height: 870px;
width: 100%;
}

div#box1, div#box2, div#box3 {
float: none;
margin: 0px auto;
margin-bottom: 10px;
height: 280px;
}


article {
width: 100%;
}

div.item-page {
width: 80%;
margin: 0px auto;  
}

article table.normal {
display: none;
}

article table.mobile {
  display: inline-block;
}

footer {
  width: 100%;
}

div#footer_wrap{
width: 100%;
height: 480px;
}

div#footer_links, div#footer_mitte, div#footer_rechts {
float: none;
height: 100%;
margin-bottom: -20px;
}