@media only screen and ( min-width: 480px ){

* {
	   border-width: 0;
	   border-style: solid;
	   border-color: #1f75b2;
	   margin:0;
     padding: 0;
}

H1 {font-size: 200%; }
H2 {font-size: 150%; }
H3 {font-size: 100%; }


body {
    font:100% Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
    background-color: gray;
    margin-top: 10px;
}
 
table,td,tr,a,p {font-family: 'Arial',sans-serif;font-size:H2;color:#663300}

#mother {
    width: 1000px; 
    height: 1800px;<p>text-align: left; font-color: #663300;
    background-color: #FFCC99;
    margin: 0 auto; 
}

#header {
    height: 80px; 
    background-color: #FFCC99;
}

  
#header p {
	  text-align: center;
    background-color: #FFCC99;
}

#combo {
    height: 70px; 
    padding: 0 20px;
    background-color: #FFCC99;
    background: url('NA_text_klein.jpg') no-repeat; background-position: 270px 20px;
}

#logo {
    float: left;
    text-align: center;
    height: 95px;
    width: 200px;
    background: url('logo.gif') no-repeat; background-position: 20px 0px;
}
 
#menu {
     background-color: #1f75b2;
     margin-left: 0px
     margin-top: 10px;
     text-align: center;
     width: 1000px;
     height: 60px; 
     border-color: #FFCC66;
     display: inline;
     overflow: auto;
}

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

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

#menu li {
     display: inline;
     border-bottom-width: 1px;
	   border-bottom-color: #c2c2c2;
	   border-left-color: black;
	   margin-top: 2px;
 }
  
#menu 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;
 }


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

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

#menu #highsub a {
	   background-color: #e2c04a;
	   border-color: #e2c04a;
	   color: white;
	   font-weight: bold;
}

#main { 
     height: 900px; width: 980px;
     padding: 10px;
     text-align: center;
     border-color: #6fd2f2; margin-left: 10px; margin-right:0; margin-top:10;
     margin-bottom:0
     font-color: #663300;
     background-color: #FFCC99;
     background: url('balken_presse.jpg') no-repeat; background-position: 0px 20px; 
}

#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 p {
	   text-align: left;
	   padding: 0;
	   padding-top: 5px;
	   padding-bottom: 5px;
     font-color: #FFCC66;
}

#footer {
    /*clear: both; 
    height: 20px;
    padding: 5px 0px;
    margin: 0 0 0 10px;;
    text-align: center;
    background: url('balken_presse.jpg') no-repeat; 
    background-position: 0px 0px;*/
}
}

@media only screen and ( min-width:1225px ){
* {
	  border-width: 0;
	  border-style: solid;
	  border-color: #1f75b2;
	  margin:0;
    padding: 0;
}

H1 {font-size: 200%;}
H2 {font-size: 150%;}
H3 {font-size: 100%;}

body {
   font:100% Arial, Verdana, Helvetica, sans-serif;
   text-align: center;
   background-color: gray;
   margin-top: 10px;
}
 
table,td,tr,a,p {font-family: 'Arial',sans-serif;font-size:H2;font-color:#FFCC66}

#mother {
    width: 1400px; 
    height:900px;
    font-color: #663300;
    text-align: left; font-color: #FFCC66;
    background-color: #FFCC99;
    margin: 0 auto;
}

#header {
    height: 120px; 
    padding: 0 10px; 
    background-color: #FFCC99;
}
  
#header p {
	  text-align: center;
    background-color: #FFCC99;
}

#combo {
    height: 100px; 
    padding: 0 10px; 
    background-color: #FFCC99;
    background: url('NA_text.jpg') no-repeat; background-position: 250px 0px;
}

#logo {
    float: left;
    text-align: center;
    background-color: #FFCC99;
    height: 95px;
    width: 200px;
    background: url('logo.gif') no-repeat; background-position: 100px 0px;
}
 
#menu {
     float: left;
     text-align: left;
     width: 300px;
     height: 700px; 
     background: url('marshall_block.jpg') no-repeat; background-position: 15px 320px;
     border-color: #FFCC99;
     font-size: 150%;
     overflow: auto;
}

#menu ul {
	   margin: 30px 15px 0 15px;
	   list-style-type: none;
}

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

#menu li {
     border-bottom-width: 1px;
	   border-bottom-color: #c2c2c2;
	   border-left-color: black;
	   margin-top: 2px;
}
  
#menu a {
     font-style:'Arial';
     display: block;
	   padding: 0;
	   padding-left: 2px;
	   border-width: 2px;
	   border-left-width: 10px;
	   border-color: #c2c2c2;
	   font-size: 100%;
	   font-weight: bold;	
	   text-decoration: none;
}

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

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

#menu #highsub a {
	  background-color: #e2c04a;
	  border-color: #e2c04a;
	  color: white;
	  font-weight: bold;
}

#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: 700px; width: 1080px;
     padding: 10px;
     text-align: center;
     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 p {
	   text-align: left;
	   padding: 0;
	   padding-top: 5px;
	   padding-bottom: 5px;
     font-color: #663300;
}

#footer {
    clear: both;
    height: 30px;
    padding: 5px 0px;
    margin: 0 0 0 150px;;
    text-align: center;
    background: url('balken.jpg') no-repeat; 
    background-position: 150px 20px; 
} 
}