/* CSS Einstellungen für Auflösungen bis 768px oder 48em */
/* Für Tablets geeignet */
/* Abteilung id */

@media only screen and (min-width:20em) and (max-width:48em)   {   
html {
width: 100%; height:  100%; background-image: linear-gradient(to right bottom, #c0c0c0, #c0c0c0, #c0c0c0, #aca8d0, #9190e0, #6a7aef, #0066ff, #0066ff);
}
body {
width: 100%; height: 97.25%; background-color: transparent; margin: 0% 0% 0% 0%;
}
#div_01 {
width: 96%; height:  100%; background-color: transparent; margin: 0% 0% 0% 2%;
}
/* header */
#div_02 {
width: 100%; height: auto; background-color: #0066ff; float: left; margin: 1% 0% 0% 0%;
}
#div_02_header {
width: 90%; height: auto; background-color: transparent; float: left; margin: 0% 5% 0% 5%;
}
#div_02_header h1{
color: #FFFFFF; font-size: 200%; margin: 1.5% 0% 1.5% 0.5%; padding: 0% 0% 0% 0%; display: block;
text-align: center;
}
#div_02_header_p_01{
color: #FFFFFF; font-size: 50%; text-align: center; margin: auto; padding: 0% 0% 0% 0%; display: none;
text-align: center;
}
/* nav */
#div_03 {
width: 100%; height: auto; background-color: #FF9900; float: left; margin: 1% 0% 0% 0%;
}
#div_03_nav_h2_01 {
width: 30%; height: 98%;
color: #FFFFFF; font-size: 100%; text-align: left; margin: auto; padding: 1% 2% 1% 2%; display: block; float: left;
}
#div_03_nav {
width: 90%; height: auto; background-color:transparent; float: left; margin: 0% 5% 0% 5%;
}
#div_03_nav_h2_02 {
width: 50%; height: 98%;
color: #FFFFFF; font-size: 100%; text-align: center; margin: auto; padding: 1% 2% 1% 2%; display: block; float: right;
list-style: none; text-decoration: none;
}
#div_03_nav_h2_02 a {
color: #FFFFFF; font-size: 100%; text-align: center; margin: auto; padding: 0% 0% 0% 0%; display: block;
list-style: none; text-decoration: none;
}
/* main */
#div_04 {
width: 100%; height: 66%; background-color: transparent; float: left; margin: 1% 0% 0% 0%;
}
/* footer */
#div_05 {
width: 100%; height: auto; background-color: #0066ff; float: left; margin: 1.25% 0% 0% 0%;
}
#div_05_footer_a_01, #div_05_footer_a_02, #div_05_footer_a_03{
color: #C0C0C0; font-size: 70%; list-style: none; text-decoration: none; float: left; margin: 1% 1% 1% 1%;
}
#div_05_footer_a_04,  #div_05_footer_a_05, #div_05_footer_a_06{
color: #aca8d0; font-size: 70%; list-style: none; text-decoration: none; float: left; margin: 1% 1% 1% 1%;
}
#div_05_footer_a_07, #div_05_footer_a_08, #div_05_footer_a_09{
color: #FF9900; font-size: 70%; list-style: none; text-decoration: none; float: left; margin: 1% 1% 1% 1%;
}
}