h1 {font-family:Arial; font-size:2em; font-weight:bold; color:#B40001; margin-top:0.125em; text-align:left;}
h2 {font-family:Arial; font-size:1.5em; font-weight:bold; color:#81B85D; margin-top:0.625em; margin-bottom:0; margin-left:0em; text-align:left;}
h3 {font-family:Arial; font-size:1em; font-weight:bold; color:#81B85D; margin-top:0.625em; margin-bottom:0; margin-left:0em; text-align:left;}
h4 {font-family:Arial; font-size:0.8em; font-weight:normal; color:#5B5B5B; margin-top:0.625em; margin-bottom:0; margin-left:0; text-align:left;}
p {font-family:Arial; font-size:0.9em; font-weight:normal; color:#5B5B5B; margin-top:0em; margin-bottom:0em; text-align:left;}

#Hintergrund {max-width:62.5em; min-height:52em; margin:auto;}
#Kopf {width:100%; height:4em; background:#B40001;}
#Navigation {float:left; width:75%; height:4em; margin-top:0em; padding-left:1%; padding-right:1%;}
#Logo {float:right; width:20%; height:4.1em; margin-top:0em; margin-right:2%; text-align:right; z-index:5;}
#Inhalt {float:left; width:73%; height:auto; margin-left:2%; margin-top:1em; overflow:auto;}
#Grafik03 {width:90%;}
#Rechts {float:right; width:19%; height:auto; margin-left:1%; margin-top:1em; padding:1%; background:#F5F5F5;}
#Fuss {float:left; width:100%; height:1.25em; margin-top:1em; background:#B40001;}
#limarkiert {color:#FFFFFF; background-color:#81B85D;}

.responsiveContainer {position:relative; padding-bottom:56%; height:0;  overflow: hidden;}
.responsiveContainer iframe {position:absolute; top:0; left:0; width:80%; height:80%;}

.image0 {height:98%;}
.image1 {height:18.75em; float:left; padding-left:5em; padding-right:5em;}
.image2 {width:100%; float:left;}
.image3 {height:9.375em; float:right; margin-right:0.625em; margin-top:0.625em;}
.image4 {width:40%; float:right; margin:0.625em;}
.image5 {height:8.5em; margin-right:1%;}
.image5a {width:14%; margin-right:1%;}
.image6 {width:100%; float:left;}

.ul {width:100%; list-style-type:none; margin:0; padding-left:0; z-index:1;}
.ul li {float:left; margin-top:2em; margin-left:0em; padding-left:0.4em;}
.ul li a {color:#FFFFFF; height:1.8em; padding:0.3em; padding-left:1.25em; padding-right:1.25em; text-decoration:none; background-color:#5B5B5B; 
          font-family:Arial; font-size:0.8em; font-weight:bold; line-height:1.6em; text-align:center; display:block;}
.ul li a:hover {color:#FFFFFF; background-color:#A2CA86;}
.ul li a:first-of-type {border-left:1px solid #FFFFFF;}

.ul2 {list-style-type:none; margin-top:0em; z-index:1;}
.ul2 li {float:right;}
.ul2 li a {color:#FFFFFF; height:1.8em; margin-right:1.25em; padding-left:1.25em; padding-right:1.25em; text-decoration:none; background-color:#5B5B5B; 
          font-family:Arial; font-size:0.66666em; font-weight:bold; line-height:1.8em; text-align:center; display:block;}
.ul2 li a:hover {color:#FFFFFF; background-color:#A2CA86;}

.ul1 {font-family:Arial; font-size:0.9em; font-weight:normal; color:#5B5B5B; margin-top:0em; margin-left:-1.5625em; margin-bottom:0em; }
.li1 {list-style-type:disc; list-style-position:outside; font-family:arial; font-size:1em; margin-top:0.1875em;}

a:link {color:#81B85D; text-decoration:underline;}
a:visited {color:#81B85D; text-decoration:underline;}
a:hover {color:#B40001; text-decoration:underline; }
a:active {color:#B40001; text-decoration:underline; }

a.r:link {color:#5B5B5B; text-decoration:underline;}
a.r:visited {color:#5B5B5B; text-decoration:underline;}
a.r:hover {color:#B40001; text-decoration:underline; }
a.r:active {color:#B40001; text-decoration:underline; }

a.w:link {color:#FFFFFF; text-decoration:underline;}
a.w:visited {color:#FFFFFF; text-decoration:underline;}
a.w:hover {color:#FFFFFF; text-decoration:underline; }
a.w:active {color:#FFFFFF; text-decoration:underline; }

@-moz-document url-prefix() {
p {font-size:0.83333em; line-height:1.0833em;}
.li1 {font-size:0.83333em; line-height:1.0833em;}
}



/* 900 - 750 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:46.875em) and (max-width:56.25em) 
{
h1 {font-size:1.4em;}

#Hintergrund {width:96%; margin-top:0;}
#Kopf {width:100%; min-height:9.25em; background:#FFFFFF;}
#Logo {float:right; width:30%; margin-right:2%; margin-bottom:0.25em;}
#Navigation {float:left; width:100%; height:auto; margin:0; padding-bottom:0.3em; background:#B40001;}
#Inhalt {float:left; width:100%; height:auto;  margin-top:0em; margin-bottom:1em; margin-left:2%;}
#Rechts {float:left; width:100%; height:auto; padding:1em; margin-bottom:1em; background:#F5F5F5; }
#Fuss {width:100%; height:1.25em; margin-top:0em; background:#B40001;}
#Grafik03 {width:90%;}

.ul {width:100%; list-style-type:none; margin:0; padding:0; z-index:1;}
.ul li {float:left; margin-top:0.15em; width:32%;}
.ul li a {color:#FFFFFF; height:1.8em; padding:0.4em; text-decoration:none; background-color:#5B5B5B; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; 
          font-family:Arial; font-size:0.8em; font-weight:bold; line-height:1.6em; text-align:center; display:block;}
.ul li a:hover {color:#FFFFFF; background-color:#A2CA86;}

.image2 {width:30%; float:left; margin-right:70%;}
.image4 {width:50%; float:right; margin:0.625em;}
.image6 {width:80%; float:left;}
 }
 
 
/* 750 - 640 px ----> iPad Hochkant-------------------------------------------------------------------------- */

@media only screen and (min-width:40em) and (max-width:46.875em) 
{
h1 {font-size:1.2em; }

#Hintergrund {width:96%; margin-top:0;}
#Kopf {width:100%; height:9em; background:#FFFFFF;}
#Logo {float:right; width:30%; margin-right:2%; margin-bottom:0.25em;}
#Navigation {float:left; width:100%; height:auto; margin:0; padding-bottom:0.3em; background:#B40001;}
#Inhalt {float:left; width:100%; height:auto; margin-top:0em; margin-bottom:1em; margin-left:2%;}
#Rechts {float:left; width:100%; height:auto; padding:1em; margin-bottom:1em; background:#F5F5F5; }
#Fuss {width:100%; height:1.25em; margin-top:0em; background:#B40001;}
#Grafik03 {width:90%;}

.ul {width:100%; list-style-type:none; margin:0; padding-left:0; z-index:1;}
.ul li {float:left; margin-top:0.15em; width:32%;}
.ul li a {color:#FFFFFF; height:1.8em; padding:0.4em; text-decoration:none; background-color:#5B5B5B; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; 
          font-family:Arial; font-size:0.8em; font-weight:bold; line-height:1.6em; text-align:center; display:block;}
.ul li a:hover {color:#FFFFFF; background-color:#A2CA86;}

.image0 {height:95%;}
.image2 {width:30%; float:left; margin-right:70%;}
.image4 {width:55%; float:right; margin:0.625em;}
.image6 {width:90%; float:left;}
}

/* 640 - 440 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:27.5em) and (max-width:40em) 
{
h1 {font-size:1.1em; }

#Hintergrund {width:96%; margin-top:0;}
#Kopf {width:100%; height:11em; background:#FFFFFF;}
#Logo {float:right; width:40%;  margin-right:2%; margin-bottom:0.25em;}
#Navigation {float:left; width:100%; margin:0; padding-bottom:0.3em; height:auto; background:#B40001;}
#Inhalt {float:left; width:100%; height:auto; margin-top:0em; margin-bottom:1em; margin-left:2%;}
#Grafik03 {width:90%;}
#Rechts {float:left; width:100%; height:auto; margin:0 auto 1em auto; padding:1em; background:#F5F5F5; }
#Fuss {width:100%; height:1.25em; margin-top:0em; background:#B40001;}

.ul {width:100%; list-style-type:none; margin:0; padding-left:0; z-index:1;}
.ul li {float:left; margin-top:0.1em; width:48%;}
.ul li a {color:#FFFFFF; height:1.6em; padding:0.4em; text-decoration:none; background-color:#5B5B5B; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
          font-family:Arial; font-size:0.8em; font-weight:bold; line-height:1.4em; text-align:center; display:block;}
.ul li a:hover {color:#FFFFFF; background-color:#A2CA86;}
          
.image0 {height:85%;}
.image2 {width:40%; float:left; margin-right:70%;}     
.image4 {width:60%; float:right; margin:0.625em;}  
.image6 {width:90%; float:left;}
}


/* 440 - 0 px ----------------------------------------------------------------------------- */

@media only screen and (max-width:27.5em)
{
h1 {font-size:1.0em; }
h2 {font-size:0.9em; }

#Hintergrund {width:96%; margin-top:0;}
#Kopf {width:100%; height:11em; background:#FFFFFF;}
#Logo {float:right; width:50%;  margin-right:2%; margin-bottom:0.25em;}
#Navigation {float:left; width:100%; margin:0; padding-bottom:0.3em; height:auto; background:#B40001;}
#Inhalt {float:left; width:100%; height:auto; margin-top:1em; margin-bottom:1em; margin-left:2%;}
#Grafik03 {width:95%;}
#Rechts {float:left; width:100%; height:auto; margin:0 auto 1em auto; padding:1em; background:#F5F5F5; }
#Fuss {width:100%; height:1.25em; margin-top:0em; background:#B40001;}

.ul {width:100%; list-style-type:none; margin:0; padding-left:0; z-index:1;}
.ul li {float:left; margin-top:0.1em; width:47%;}
.ul li a {color:#FFFFFF; height:1.6em; padding:0.4em; text-decoration:none; background-color:#5B5B5B; border-left:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
          font-family:Arial; font-size:0.8em; font-weight:bold; line-height:1.4em; text-align:center; display:block;}
.ul li a:hover {color:#FFFFFF; background-color:#A2CA86;}

.ul2 li a {color:#FFFFFF; height:1.8em; margin-right:1em; padding-left:1em; padding-right:1em; text-decoration:none; background-color:#5B5B5B; 
          font-family:Arial; font-size:0.6em; font-weight:bold; line-height:1.8em; text-align:center; display:block;}
          
.image0 {height:80%;}
.image2 {width:40%; float:left; margin-right:70%;}       
.image4 {width:90%; float:left; margin:0.625em;}
.image6 {width:90%; float:left;}
}