@charset "utf-8";
/* CSS Document für Index dresden-zeitreise*/

body{font-family: "Verdana", Geneva, "sans-serif";background-color: #27b4c1;
}

#wrapper{max-width: 100%;
height: auto;margin: auto;
float:left;

}

#wrapper img{float: left; width:  90%; height: auto; margin-top: 0.5%; margin-left: 5%;}


#content{float:left; margin-left: 3.5%;margin-top: 1%; width: 90%; height: auto;}



#content img{float:left;max-width:23%; height: auto; margin-left: 6%;margin-top: 2%;}

#content a{float: left; margin-left:2%; margin-top: 2%;color: #b30000;text-decoration: none;display: block;width:10%;height: auto;font-size: 120%;}
#content a:hover{color:white;}

#content p{max-width: 69%; height: auto; float: left; margin-top: 0%;margin-left: 2%;text-align:left;color: #1a516d; font-size: 140%;}

ul{float:left;max-width: 50%;margin-left: 2%;margin-top: 0%;}
ul li{color: #fff;font-size: 120%;}

#footer{float:left; width: 53%; height: auto;margin-top: 0%;margin-left: 24%;}

#footer a{float: left; margin-left:0%; margin-right: 6%; margin-top: 1%;color: #b30000;text-decoration: none;display: block;width: 100%;height: auto; margin-bottom: 0.5%;}

#footer a:hover{color:white;}






@media screen and (max-width: 599px) {

#wrapper{width:100%; height: auto; }
    #wrapper img{float: left; width:  90%; height: auto; margin-top: 0.5%; margin-left: 2%;}
    
#wrapper img{float: left; width:  90%; height: auto; margin-top: 0.5%; margin-left: 5%;}
    

#content{width:90%; height:auto; float:left;margin-left: 8%; margin-top: 2%; margin-bottom: 2%;}

#content img{float: left; max-width:97%; height: auto; margin-left: 1%;}

#content a{float: left; margin: auto; width: 80%;margin-left: 5%;margin-top: 10%;margin-bottom: 5%;font-size: 150%;text-align: center;}    
    
    
#content p{max-width: 90%; height: auto; float: left; margin-top: 3%;margin-left: 0%; text-align:center; color:#1a516d;font-size: 150%;}    

#footer{float:left; width: 95%; height: auto;margin-top: 0%;margin-left: 3%;margin-bottom: 5%;}

#footer a{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width: 100%;height: auto; margin-bottom: 0.5%;}

#footer img{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width:97%;height: auto; margin-bottom: 0.5%;}

ul{float:left;max-width: 90%;margin-left: 1%;}
ul li{color: #fff;font-size: 150%;margin-top: 3%;}  
    
}




@media only screen and (min-width: 600px ) {
#wrapper{width:100%; height: auto; }
    #wrapper img{float: left; width:  95%; height: auto; margin-top: 0.5%; margin-left: 2%;}

#content{width:85%; height:auto; float:left;margin-left: 7.5%; margin-top: 2%; margin-bottom: 2%;}

#content img{float: left; max-width:65%; height: auto; margin-left: 3%;}

#content a{float: left; margin: auto; width: 30%;margin-left: 16%;margin-top: 1%;margin-bottom: 5%;font-size: 140%;}    
    
    
#content p{max-width: 65%; height: auto; float: left; margin-top: 0%;margin-left: 3%; text-align:justify; color:#1a516d;font-size: 140%;}    

#footer{float:left; width: 95%; height: auto;margin-top: 0%;margin-left: 3%;margin-bottom: 5%;}

#footer a{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width: 100%;height: auto; margin-bottom: 0.5%;}

#footer img{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width: 100%;height: auto; margin-bottom: 0.5%;}

ul{float:left;max-width: 95%;margin-left: 1%;}
ul li{color: #fff;font-size: 140%;}  	
}






@media only screen and (min-width: 980px ) {
#wrapper{width:100%; height: auto; }
    #wrapper img{float: left; width:  95%; height: auto; margin-top: 0.5%; margin-left: 2%;}

#content{width:85%; height:auto; float:left;margin-left: 7.5%; margin-top: 2%; margin-bottom: 2%;}

#content img{float: left; max-width:30%; height: auto; margin-left: 0%;}

#content a{float: left; margin: auto; width: 30%;margin-left: 16%;margin-top: 1%;margin-bottom: 1%;font-size: 140%;}    
    
    
#content p{max-width: 65%; height: auto; float: left; margin-top: 0%;margin-left: 3%; text-align:justify; color:#1a516d;font-size: 140%;}    

#footer{float:left; width: 95%; height: auto;margin-top: 0%;margin-left: 3%;margin-bottom: 5%;}

#footer a{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width: 100%;height: auto; margin-bottom: 0.5%;}

#footer img{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width: 100%;height: auto; margin-bottom: 0.5%;}

ul{float:left;max-width: 95%;margin-left: 1%;}
ul li{color: #fff;font-size: 140%;}  	
}






@media only screen and (min-width: 1260px ) {
#wrapper{width:100%; height: auto; }
    #wrapper img{float: left; width:  95%; height: auto; margin-top: 0.5%; margin-left: 2%;}

#content{width:85%; height:auto; float:left;margin-left: 7.5%; margin-top: 2%; margin-bottom: 2%;}

#content img{float: left; max-width:30%; height: auto; margin-left: 0%;margin-top: 1.5%;}

#content a{float: left;width: 20%;margin-left: 4%;margin-top: 1%;margin-bottom: 1%;font-size: 120%;display:block;}    
    
    
#content p{max-width: 65%; height: auto; float: left; margin-top: 1%;margin-left: 3%; margin-bottom: 1%; text-align:justify; color:#1a516d;font-size: 140%;}    

#footer{float:left; width: 95%; height: auto;margin-top: 0%;margin-left: 3%;margin-bottom: 5%;}

#footer a{float: left; margin-left:0%;  margin-top: 1%;color: #b30000;text-decoration: none;width: 100%;height: auto; margin-bottom: 0.5%;}

#footer img{float: left; margin-left:12%;  margin-top: 0%;color: #b30000;text-decoration: none;width: 75%;height: auto; margin-bottom: 0.5%;}

ul{float:left;max-width: 95%;margin-left: 1%;}
ul li{color: #fff;font-size: 140%;margin-top: 4%;}  	
}