@media only screen and ( min-width: 480px ){
#mother {
    width: 1000px; 
    height: 1800px;<p>text-align: left; font-color: #663300;
    background-color: #FFCC99;
    margin: 0 auto; 
}

#main .portrait {
	   background-color: #FFCC99;
     float: right;
	   width: 150px;
	   padding: 0 0 10px 0;
	   text-align: center;
 }
     
.qst {
	   margin: 5px 100px 0 0;	
	   font-weight: bold;	
	   font-style: italic;
     }

.aw {
	   margin: 2px 100px 0 15px;
     }

#menuu {
     background-color: #1f75b2;
     margin-left: 0px
     margin-top: 10px;
     text-align: center;
     width: 1000px;
     height: 60px; 
     border-color: #FFCC66;
     display: inline;
     overflow: auto;
}

#menuu ul {
	   
     margin: 15px 10px 10px 15px;
	   list-style-type: none;
 }

#menuu ul ul {
	   margin: 0px 0px 0px 0px;
     border-bottom-width: 1px;
	   border-bottom-color: #c2c2c2;
	   border-left-color: black;
}

#menuu li {
     display: inline;
     border-bottom-width: 1px;
	   border-bottom-color: #c2c2c2;
	   border-left-color: black;
	   margin-top: 2px;
 }
  
#menuu a {
     display: inline;
     font-style:'Arial';
     padding:0;
     align:auto;
     padding-left: 5px; padding-right:5px;
     border-width: 2px;
	   border-left-width: 2px;
	   border-color: #c2c2c2;
	   font-size: 130%;
	   font-weight: bold;	
	   text-decoration: none;
 }


#menuu a:link {color:black;}
#menuu a:visited {color:black;}
#menuu a:hover {color:white;border-color:#e2c04a;border-style: solid;}
#menuu a:active {color:#663300;text-decoration:underline;}
#menuu a:focus {color:white;} 

#menuu #high a {
	   background-color: #e2c04a;
	   border-color: #e2c04a;
	   color: white;
	   font-weight: bold;
}

#menuu #highsub a {
	   background-color: #e2c04a;
	   border-color: #e2c04a;
	   color: white;
	   font-weight: bold;
}
 
#main .container {
 	   background-color: #FFCC99;
     position:relative;
	   top:0px;
	   left:0px;
	   padding:0;
	   text-align:left;
	   height:700px;
}

.caption {
	   font-weight: bold;
	   border-width: 0;
	   border-style: none;
     }

.caption a {
	   display: block;
	   padding: 0;
	   text-decoration: none;
     }

   .c1 {position:absolute; top:20px; left:400px;z-index: 1;}
   .c2 {position:absolute;	top:20px; left:700px;z-index: 1;}
   .c3 {position:absolute; top:350px; left:400px;z-index: 1;}
   .c4 {position:absolute; top:350px; left:600px; z-index: 1;}
   .c5 {position:absolute; top:20px; left:100px; z-index:1;}
}
@media only screen and ( min-width: 1225px ){

#mother {
     width: 1400px; 
     height: 1100px;<p>text-align: left; font-color: #FFCC66;
     background-color: #FFCC99;
     margin: 0 auto; 
}

#main .portrait {
	   background-color: #FFCC99;
     float: right;
	   width: 150px;
	   padding: 0 0 10px 0;
	   text-align: center;
}
     
.qst {
	   margin: 5px 100px 0 0;	
	   font-weight: bold;	
	   font-style: italic;
}

.aw {
	   margin: 2px 100px 0 15px;
}

#menuu {
     background-color: #1f75b2;
     margin-left: 0px
     margin-top: 10px;
     text-align: center;
     width: 1000px;
     height: 60px; 
     border-color: #FFCC66;
     display: inline;
     overflow: auto;
}

#menuu ul {
	   
     margin: 15px 10px 10px 15px;
	   list-style-type: none;
 }

#menuu ul ul {
	   margin: 0px 0px 0px 0px;
     border-bottom-width: 1px;
	   border-bottom-color: #c2c2c2;
	   border-left-color: black;
}

#menuu li {
     display: inline;
     border-bottom-width: 1px;
	   border-bottom-color: #c2c2c2;
	   border-left-color: black;
	   margin-top: 2px;
 }
  
#menuu a {
     display: inline;
     font-style:'Arial';
     padding:0;
     align:auto;
     padding-left: 5px; padding-right:5px;
     border-width: 2px;
	   border-left-width: 2px;
	   border-color: #c2c2c2;
	   font-size: 130%;
	   font-weight: bold;	
	   text-decoration: none;
 }


#menuu a:link {color:black;}
#menuu a:visited {color:black;}
#menuu a:hover {color:white;border-color:#e2c04a;border-style: solid;}
#menuu a:active {color:#663300;text-decoration:underline;}
#menuu a:focus {color:white;} 

#menuu #high a {
	   background-color: #e2c04a;
	   border-color: #e2c04a;
	   color: white;
	   font-weight: bold;
}

#menuu #highsub a {
	   background-color: #e2c04a;
	   border-color: #e2c04a;
	   color: white;
	   font-weight: bold;
}
 
#main { 
     height: 900px; width: 1080px;
     padding: 10px;
     font-style: normal;
     border-color: #FFCC99; margin-left: 300px; margin-right:0; margin-top:0; 
     margin-bottom:0
     font-color: #663300;
     background: #ffcc99;
     background: url('balken.jpg') no-repeat; background-position: 0px 10px; 
}

#main .container {
 	   background-color: #FFCC99;
     position:relative;
	   top:0px;
	   left:0px;
	   padding:0;
	   text-align:left;
	   height:500px;
}

.caption {
	   font-weight: bold;
	   border-width: 0;
	   border-style: none;
}

.caption a {
	   display: block;
	   padding: 0;
	   text-decoration: none;
}

   .c1 {position:absolute; top:20px; left:400px;z-index: 1;}
   .c2 {position:absolute;	top:20px; left:700px;z-index: 1;}
   .c3 {position:absolute; top:350px; left:400px;z-index: 1;}
   .c4 {position:absolute; top:350px; left:600px; z-index: 1;}
   .c5 {position:absolute; top:20px; left:100px; z-index:1;}
}