#navigation { float:right; min-width:550px; height:auto; padding:5px 5px 5px 5px; margin-right:1px; text-align:center; border:0px solid #fff; overflow:hidden; text-decoration: none; }
            #navigation ul {    list-style-type:none; margin:0; padding:0; text-decoration: none; }            
            #navigation li {	 }
            #navigation a  {	float:left; border:0px solid #fff; width:auto; height:auto; padding:5px 10px 5px 10px; margin-left:5px; text-align:center; text-decoration: none; color:#fff; border:1px solid #000; border-radius: 5px; }
            #navigation a:hover, #navigation .current { background: url(../images/nav-blaukl.png) repeat-x top; color:#fff; border:1px solid #336699; border-radius: 5px; text-decoration: none; }
            
            .section {
                width: 80%;
                padding: 1.25em 0;
                margin: 0 auto;
                background: #eee;
                border-top: 1px solid #bbb;
            }
            
            #section1 {
                padding-top: 5em;
            }
            
            @media all and (max-width : 64em) { /* 1024px */
                body {
                    font-size: 90%;
                }

                #navigation a {
                    font-size: 1.375em;
                }
                
                .section {
                    width: 90%;
                }
            }
            
            @media all and (max-width : 37.5em) { /* 600px */
                
                #navigation a {
                    font-size: 125%;
                }

                #navigation ul {
                    width: 95%;
                }

                #navigation li {
                    width: 50%;
                    padding: 0.5em 0;
                }
                
                .section {
                    width: 95%;
                }

                #section1 {
                    padding-top: 7.5em;
                }
            }