@media all and (max-width: 350px) {   
    
    /* Allgemein */
    
    body{
        font-size:24px; 
        line-height: 1.2;
		color:#761000;
    }
    
    #main {
        padding: 0px;
        width:340px;
        float:left;
    }
    
    #header{
        margin:0 auto;
		color:#761000;
    }

h1{
        font-size:28px; 
        color:#E0E0E0;
    }
    
    .left{
        width:100%;
        float:none; 
    }
    
    .main-img{
        margin: 0 0 5px 0;  
    }
    
    /* Content */
    
    #content{
        margin-top:4px;
        padding: 10px 15px 25px;    
        text-align: justify;
        background-color:black;
        color:white;    
        border-radius: 5px;
        width:280px;
        font-family: 'Grumpy', sans-serif;
    }
    #box{
        margin: 0px 0px 0px 100px;
	padding:15px 15px 15px 30px;
	background-color:white;
	border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
	font-family: 'Grumpy', sans-serif;
}


    ul#navigation {
        max-width:100%;
        background-color:#E8E8E8;
    }
    
    ul#navigation li {  
        list-style: none;
        margin: 3px 0 0 0;
        text-align:center;
        font-size:18px;
        width:300px;
    }
    
    ul#navigation li:active{
        background-color:black;
        color:white;
    }
    
    ul#navigation li:hover{
        background-color:black;
        color:white;
    }
#header{
    background-image:url("strand_meer_breit.png");
    width:800px;
    height:68px;
    margin: 15px 0 15px 0;
    font-family: 'Grumpy', sans-serif;
    vertical-align:middle;
}

  
}