html {
  height: 95%;
  width: 100%;
  background: #666666;
}


body {
 padding: 0;
 height: 100%;
  width: 1024px;
  margin: 0 auto;
 font-size: 100%;
 font-family: "arial", "helvetica", "sans serif";
 background: #e9e9e9;
  background: #666666;
/*background: #fff url(../images/raster3.png) no-repeat; */
/*background-position: left bottom;*/
}


 /* Alles auf null setzen */

div {
margin: 0;
padding: 0;
border: 0;
}

img {
border: 0;
margin: 0;
padding: 0;
  max-width: 100%;
  width: auto;
}

div {
border: 0;
margin: 0;
padding: 0;
}

dd {
border: 0;
margin: 0;
padding: 0;
}

dl {
border: 0;
margin: 0;
padding: 0;
}

ul {
border: 0;
margin: 0;
padding: 0;
}

 /* Links im Text */

a {
border: 0;
margin: 0;
padding: 0;
font-size: 1em;
}


a:link {
 color: #333;
 }
a:active {
  color: #333;
  }
a:visited {
  color:#333;}
a:hover {
   color: #c1001f;
    }


    
 #clearoben {
  clear: both;
  height: 1px;
  width: 100%;
  line-height: 0px;
  font-size: 0px;
  background: #fff;
  }

/* Clear im Textbereich: Bezeihnung an Typo3 anpassen! */    
#clearinhalt {
  height: 0px;
  clear: both;
  }

/* Schriften */
  
   p {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.3em;
   color: #333;
   }
   
   .anschrift {
   color: #000;
   margin-top: 50px;
   border-top: 1px solid #fff;
   padding-top: 10px;
   text-align: left;
   margin-left: 30px;
   width: 140px;
   }
  
h1 {
margin-top: 10px;
  font-weight: normal;
  font-size: 1.3em;
   color: #c1001f;
   }
   

h1.top {
margin-top: 12px;
  font-weight: bold;
  font-size: 1em;
    line-height: 1.5em;
   color: #fff;
   }
   
   h2 {
  font-weight: normal;
  font-size: 1.1em;
   color: #333;
   }
   
   h3 {
  font-weight: bold;
   color: #6D1B03;
   padding-bottom: 0.2em;
   }
   
   h4 {
  font-weight: bold;
   color: #696969;
   padding-bottom: 0.2em;
   }

h6 {
  display: none;
   }
   
     /* Top-Navigation */


  
   #container {
    margin: 0 auto;
    width: 1024px;
  min-height: 100%; /* Mindesthöhe für moderne Browser */
 height:auto !important; /* Important Regel für moderne Browser */
  height: 100%; /* Mindesthöhe für den IE */
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  overflow: hidden !important; /* FF Scroll-leiste */
    /*background: #fff url(../images/schatten.gif) no-repeat;
     background-position: 0 50px;*/
  background: #fff url(../images/hg_grau_body.gif) repeat-y;
   background: #fff url(../images/hg_grau_link.gif) repeat-y;
  }
  
  
    /* Oben */
    
    div#oben {
  height: 138px;
  padding: 0;
    width: 100%;
  background: #c1001f;
    }
  
   div#logo {
    text-align: center;    /* Seiteninhalt wieder links ausrichten */
    width: 180px;
  margin: 0;
    height: 138px;
    padding: 0px;
  text-align: right;
  overflow: hidden;
  float: left;
  background: #fff url(../images/hg_grau_link.gif) repeat-y;
  }

div#logo img {
    margin-top:56px;
  }
  
   div#rot {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 200px;
    padding: 0px;
  margin: 0;
  margin-left: 50px;
  float: left;
  }

div#menu_oben {
 /*width: 435px;
  margin-top: 10px;
  text-align: right;*/
  display: none;
}


div#menu_oben a:link {
padding-left:10px;
  margin-right:10px;
  text-decoration: none;
  font-weight: bold;
  border-left: 1px solid #e1e1e1;
}



div#rot a, div#rot p {
  color: #fff;
  font-size: 0.85em;
  padding: 0;
  line-height: 1em;
  
}
  
   div#bild_rechts {
    text-align: center;    /* Seiteninhalt wieder links ausrichten */
    width: 530px;
    height: 138px;
    padding: 0;
  overflow: hidden;
  float: right;
  }
  
  
   

    /* Haupt-Navigation */
   
 div#links {
 float: left;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 180px;
    margin-left: 0px;
   background: #fff url(../images/hg_grau_link.gif) repeat-y;
  }
  
 
  
  ul#navlinks {
    text-align: center;    /* Seiteninhalt wieder links ausrichten */
    width: 180px;
    background: none;
    margin-top: 0px;
  }
  
 #navlinks li.hm {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 165px;
    background: none;
    list-style: none;
    padding-left: 15px;
    border-top: 1px solid #fff;
   border-bottom: 1px solid #99a8aa;
    padding-top: 4px;
    padding-bottom: 4px;
 /* background: url(../images/listpunkt.gif) no-repeat;
  background-position: left top;*/
  }

#navlinks li.hm_on {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 165px;
    background: none;
    list-style: none;
    padding-left: 15px;
    border-top: 1px solid #fff;
  border-bottom: 1px solid #99a8aa;
    padding-top: 4px;
    padding-bottom: 0px;
  background: url(../images/navpunkt.gif) repeat-y;
 
  }

/*ist ausgeschaltet, nicht valide: */
#navlinks li.um1 {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 155px;
    background: none;
    margin-left: 0px;
    border-top: 0px solid #99a8aa;
    padding-top: 4px;
    padding-bottom: 4px;
  padding-left: 20px;
   padding-right: 5px;
   background: none;
  list-style: none;
  font-size: 0.9em;
  background: url(../images/navpunkt_grau.gif) no-repeat;
  background-position: 12px center;
  }

/*ist ausgeschaltet, nicht valide: */
#navlinks li.um1_on {
     text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 155px;
    background: none;
    margin-left: 0px;
    border-top: 0px solid #99a8aa;
    padding-top: 4px;
    padding-bottom: 4px;
  padding-left: 20px;
   padding-right: 5px;
   background: none;
  list-style: none;
  font-size: 0.9em;
  background: url(../images/navpunkt.gif) no-repeat;
  background-position: 12px center;
   }


   #navlinks a {
  display: block;
  text-decoration: none;
    color: #000;
  margin-left: 0px;
  padding-left: 0px;
  }

#navlinks a:hover {
    color: #c1001f;
  }

#navlinks li.hm_on a.auswahl {
  color: #000;
border-bottom: 1px solid #99a8aa;
padding-bottom: 4px;

}

#navlinks a.umlink1 {
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 160px;
    background: none;
    
    border-top: 0px solid #99a8aa;
    padding-top: 4px;
    padding-bottom: 4px;
  padding-left: 10px;
   padding-right: 5px;
   background: none;
  list-style: none;
  font-size: 0.85em;
  background: url(../images/navpunkt_grau.gif) no-repeat;
  background-position: 0 10px;
  }

#navlinks a.umlink1_on {
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 160px;
    background: none;
    
    border-top: 0px solid #99a8aa;
    padding-top: 4px;
    padding-bottom: 4px;
  padding-left: 10px;
   padding-right: 5px;
   background: none;
  list-style: none;
  font-size: 0.85em;
  color: #c1001f;
  background: url(../images/navpunkt_grau.gif) no-repeat;
  background-position: left 10px;
   }


   
 
  
    /* Inhaltsbereiche */

    
/* Mitte */
 
#maincontent {
  margin-top: 0px;
 padding-top: 0px;
   display: block;
   float: left;
    text-align: left;
    width: 843px;
    padding: 0;
    margin-left:0px;
padding-bottom: 40px;
  }
  

#maincontent li {
     font-weight: normal;
  font-size: 1em;
  line-height: 1.3em;
  margin-left: 15px;
  color: #333;
    list-style-type:none;
    list-style-position: outside;
    list-style-image:url(../images/listpunkt.gif);
  }
  
#maincontent li.link {
    list-style-image: url(../images/pfeil_down_1.gif);
  }
  
#maincontent p {
    color: #333;
    
  margin-top: 0;
  padding-top: 0.2em;
  }
  
#maincontent h1 {
    color: #c1001f;
    
    padding-top: 15px;
  }
  
#maincontent h2 {
    color: #333;
    
  margin-top: 1em;
  margin-bottom: 0em;
  padding-bottom: 0.1em;
  }

#maincontent li.link {
   
   border-bottom: 1px solid #ccc;
  margin-top: 5px;
  list-style-type:none;
    list-style-position: outside;
  list-style-image: url(../images/listpunkt.gif);
  }

#maincontent li a {
  color: #333;
    font-size: 1em;
  }

#maincontent a {
  color: #333;
    font-size: 1em;
  }
  
#maincontent h1 a {
margin-top: 10px;
  font-weight: normal;
  font-size: 1.1em;
   color: #c1001f;
   }

  
#maincontent h1 {
    
  color: #c1001f;
  }

#maincontent h2 {
    
  }

#maincontent h3 {
    
  }


#maincontent h3 {
     
   }

#maincontent h5 {
   display: none;
  visibility: hidden;
  height: 0px;
  }
  
  

div#navklein {
  width: 492px;
  
    text-align: left;
    height: 32px;
  }
  
   div#navklein a {
  font-size: 12px;
  color: #333;

  border-left: 1px solid #333;
  font-size: 0.85;
  
  }
 
  
 
  
  
   /* Rechts */
   div#aside {
float: right;
    text-align: left;
    width: 107px;
    padding: 0;
    margin-top: 10px;
  }   
  
  
  div#aside p {
  padding-right: 3px;
   width: 102px;
  text-align: right;
  }

 div#aside p.bildrechts {
  padding-right: 0px;
   width: 107px;
  }
  
  
  #suchbox {
text-align: right;
  }
  
   
  
  #textrechts {
  float: right;
  text-align: center;
  margin-top: 0px;
  border-bottom: 0px solid #333;
   width: 322px;
  
  }
  
   #textrechts p, #textrechts a, #textrechts h1, #textrechts h2, #textrechts h3 {
  padding-left: 0;
  margin-left: 0;
  max-width: 250px;
  text-align: left;
   border-left: 0px solid #333;
    padding-left: 20px;
 margin-left: 20px;
  }

#textrechts p a {
  padding-left: 0;
  margin-left: 0;
  font-size: 1em;
}


#textrechts p.bild {
   border-left: 0px solid #333;
  }


 #textrechts h1, #textrechts h2, #textrechts h3 {
   border-left: none;
  }




 #textrechts a.kontaktmenu {
 padding-left: 5px;
padding-right: 5px;
  overflow: hidden;
 font-size: 12px;
 }

 #textrechts a.kontaktmenu:link {
  color: #333;
  }
 #textrechts a.kontaktmenu:active {
   color: #333;
   }
 #textrechts a.kontaktmenu:visited {
   color:#333;
margin-top: 30px;}
 #textrechts a.kontaktmenu:hover {
    color: #c1001f;
     }
  
  
  
  div#textmitte {
  margin-top: 0px;
width: 482px;
  margin-left: 25px;
  padding-top: 15px;
  }

  /* Fussbereich */
 
  
  div#footer {
  clear: both;
  display: block;
  width: 1024px;
  margin: -20px auto;
  margin-bottom: 0;
    font-size: 1em;
    margin-left: 0;
  padding-top: 20px;
    text-align: center;
     background: #fff url(../images/hg_grau_body.gif) repeat-y;
  background: #fff url(../images/hg_grau_link.gif) repeat-y;
  }
  

  
   div#footer ul {
  width: 700px;
  height: 40px;
padding: 0;
  padding-top: 0.5em;
  padding-bottom: 1em;
 margin: 0;
  margin-left: 200px;
  border-top: 1px solid #ccc;
  text-align: center;
  }
  
  div#footer li.footer {
  display: inline;
 text-align: center;
 list-style: none;
  }


  

  
  div#footer a {
     padding: 0.5em;
     color: #333;
     text-decoration: underline;
  }

   div#footer a:link {
     

  }
   div#footer a:visited {
    

  }
   div#footer a:hover {
     color: #c1001f;
  }

div#footer li.footer a.bildlink  {
padding: 0;
  margin: 0;
  height: 35px;
  vertical-align: bottom;
  }
  
  .float-right {
  float: right;
  }
  
  .float-left {
  float: left;
  }

div#aside p {
  font-size: 16px;
  margin-top: -10px;
  text-align: right;
  border: none;
  padding: 0;
  margin-left: 0;
}

li#login form {
    font-size: 0.8em;
    margin-left: 20px;
    padding: 0.5em;
       margin-top: 1em;
  }
       

li#login label {
  margin:0;
  padding:0;
  font-weight: normal;
}

li#login input {
  font-size: 100%;
  height: 17px;
  width: 120px;
  margin: 0;
  padding: 0;
  border: 0px solid #333;
  background-color: #FFF;
  border: 0px solid black;
  display: block;
}

li#login input.button {
border: 1px solid white;
background-color: #c1001f;
color: #fff;
font-size: 1em;
width: 100 px;
height: 20px;
margin-top: 10px;
}

li#login input.logout {
border: 1px solid #eee;
background-color: #c1001f;
width: 100 px;
height: 20px;
color: #fff;
font-size: 0.9em;
}


 /* JQuery*/
.collapsePara {
 text-decoration: none;
}

div#textmitte a.collapsePara {
  padding-right: 20px;
  float: right;
 border-bottom: 0px solid #ccc;
  }

div#textmitte a.collapsePara img {
border: none;
  }

div#textmitte p.zusatz {
  font-size: 1em;
  color: #333;
  display: none;
  }
div#textmitte li.link {
  color: #333;
}


label {
  font-weight: normal;
  font-size: 0.85em;
  line-height: 1.3em;
   color: #333;
  font-family: "arial", "helvetica", "sans serif";
  padding-right: 10px;
  padding-left: 10px;
}

input.button {
  margin-top: 10px;
  float: right;
  margin-right: 30px;
}


  filmcontainer {
  background: #000;
  width: 100%;
  }

#tabletmenu {
  display: none;
  }

/*Tablet*/

@media (max-width: 1024px) {

body, #maincontent  {
  width: 100%;
  }


#tabletmenu {
  display: inline-block;
  min-width: 100%;
  }

div#container, div#links {
background: #FFF;
}

#links {
  display: none;
  }

#rot {
  display: none;
  }

#container {
  width: 100%;
  }

}

@media (max-width: 480px) {

body, #maincontent, #container, #textmitte, #footer, #footer ul, #tabletmenu, #clearoben {
  width: 100%;
  max-width: 100%;
  }

p, p.bodytext, h1, h2, #maincontent p, #maincontent h1 {
  width: 90%;
  }

div#oben {
  height: 50px;
  }

#footer {
  clear: both;
  display: block;
  width: 100%;
  background: #fff url(../images/hg_grau_link.gif) repeat;
  }
#footer a {
  padding-top: 5px;
  }

div#footer ul {
  width: 100%;
  height: auto;
padding: 0;
  padding-top: 0.5em;
  padding-bottom: 1em;
 margin: 0;
  margin-left: 0px;
  border-top: 1px solid #ccc;
  text-align: center;
  background: #fff url(../images/hg_grau_link.gif) repeat;
  }
  
  div#footer li.footer {
  display: block;
 text-align: center;
 list-style: none;
  padding-top: 20px;
  }

#textrechts, div#aside {
  display: block;
  width: 100%;
  }

#links, #rot, div#navklein {
  display: none;
  }
  
div#bild_rechts {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  }

div#bild_rechts img {
  width: 100%;
  height: auto;
  max-width: 100%;
  height: auto;
  }
div#logo {
  width: 100%;
  min-width: 100%;
  height: 50px;
  text-align: center;
  background: #fff url(../images/hg_grau_link.gif) repeat;
  }
div#logo img {
  margin-top: 10px;
  width: 50%;
  height: auto;
  }

}