body{
    margin: 0; padding: 8px;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans serif"; color: #555555;
    font-size: medium;
    background-color: #f2f1f0;
    }

strong{
    font-weight: bold;
    }
small{
    font-size: small;
}
a{
    color: inherit;font-family: inherit;text-decoration: none;
}

table{
    border-collapse: collapse;
    }
td{
    padding: 15px;
    }
tr.zweitezeile{
    background-color: #f2f1f0;
    }

#container{
    width: inherit;max-width: 1200px;margin: 0 auto 0 auto;
    }
#containerkopfleiste{
    width: inherit; height: auto;
    background-color: #000099;
    margin: 0 0 15px 0; padding: 0;
    box-shadow: 2px 2px 2px 0 #515151;
    }
#kopfleiste{
    width: inherit; height: 140px;
    background-color: #0000b3;
    margin: 0 0 0 0; padding: 0 0 0 15px;
    overflow: hidden;
    }

#kopfleiste h1{
    margin: 0;padding: 0; font-size: 220%;line-height: 80px;
    float: left;
    color: #FAF9F8;
    max-width: 56%;
    }

#kopfleiste img.logo{
    position: relative;
    float: right; margin: 10px 20px 20px 10px;
}

#kopfleistenmenu{
    width:inherit; height: 20px;
    background-color: #000099;
    margin: 5px 0 5px 15px; padding: 0;
    right: 20px;
    }
#headermenu{
    font-size: 14px;
    list-style: none;
    padding: 0;
    position: relative; right: 20px;
    margin:0; padding-right: 15px;
    background-color: #000099;
    float: right;
    }

#headermenu li{
    right: 25px; margin: 0 20px 0 10px 0; padding: 0 10px 0 20px;
    color: #faf9f8; 
    display: inline;
    height: auto;
    }
#headermenu li.derzeit{
    background-color: #f2f1f0;color: #515151;
    }
#headermenu a:hover{
    background-color: #0000cc;
    color: #f2f1f0;
    }
#menu{
    background-color: #FAF9F8; color: #555555;
    width: auto;height: auto; float: left;
    margin: 0 15px 0 0; padding: 10px;
    box-shadow: 2px 2px 2px 0 #515151;
    }
#menu li{
    font-size: 100%;
    margin: 0 0 15px 0; padding: 0 10px 0 10px;
    }
#menu ul{
    list-style: none;
    padding: 0;
    }

#menu a{
    display: block;
}
#menu a:hover{
    background-color: #f2f1f0;
    }
#menu li.current{
    background-color: #0000b3;color: #faf9f8;
    font-size: 100%; 
    }

#inhalt{
    background-color: #FAF9F8;
    width: auto; height: auto; overflow: hidden;
    padding: 10px 15px 10px 15px;
    box-shadow: 2px 2px 2px 0 #515151;
    }

#inhalt h2{
    font-size: 110%; line-height: 1.4; text-align: center;
    color: #555555;
    }
#inhalt h3{
    font-size: 105%;
    color: #0000b3;
}
.bewegung{
    font-size: 105%;
    color: #0000b3;
    margin: 10px 0 0 0 ;
     text-align: center;
}
.still{
    font-size: 80%;
    color: #555555;
   
}

#inhalt p{
    font-size: 90%;line-height: 1.3;
    }
#inhalt a{
    color: inherit;font-family: inherit;text-decoration: underline;
    }

#inhalt img{
  display: block; align-content: center;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) 
{
    body {
        padding: 0;
    }
    #containerkopfleiste{
        height: 130px;
        margin:0 0 5 0;
    }
    #kopfleiste{
        height: 85px;
        margin: 0 0  0; padding: 0;
    }
    
    #kopfleiste h1{
    font-size: 140%;
    line-height: 40px;
    max-width: 70%;
    }
    
    #kopfleiste img.logo{
        max-width: 22%; height: auto;
        margin: 10px 0 0 0;
    }
    #kopfleistenmenu{
        
        height: auto;
        margin: 0; padding: 5px 0 5px 0;
    }

    #headermenu{
        
        position: static;
        text-align: right;
        right: 0;
        margin: 0 0 0 0; padding: 3px 0 3px 0;
    }
    
    #headermenu li{
        
        margin: 3px 0 0 0;;
    }
    
    #menu{
        display: none;
    }
        
    #inhalt img{
        max-width: 100%;
        height: auto;
    }
 
}