/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

/*------------------- Aufbau ---------------------
---------------------------------------------------*/
   html, body{ 
    margin:0px auto; 
    padding:0px auto;
    background-image:url(images/hintergrund_3.gif);  
    background-repeat:repeat;
    font-family:Arial, Helvetica, sans-serif;
    }
        
    .grafient_top
    {
background: rgb(51,57,109); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMzMzOTZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjYTJiY2Q4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzk2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(51,57,109,1) 5%, rgba(162,188,216,1) 30%, rgba(51,57,109,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(5%,rgba(51,57,109,1)), color-stop(30%,rgba(162,188,216,1)), color-stop(100%,rgba(51,57,109,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33396d', endColorstr='#33396d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    }
  
    .box_shadow
    {
        -webkit-box-shadow:  3px 3px 2px 1px rgba(000, 000, 000, 0.5);
        
        box-shadow:  3px 3px 2px 1px rgba(000, 000, 000, 0.5);
    }
    
    .logo {
    background-image: url(images/logo.jpg);
    background-repeat: no-repeat;
    }
    
    .header {
    background-image: url(images/header1.jpg);
    background-repeat: no-repeat;
    }
    
    .header2 {
    background-image: url(images/header5.jpg);
    background-repeat: no-repeat;
    }
    
    .header3 {
    background-image: url(images/header3.jpg);
    background-repeat: no-repeat;
    }
    
    .header4 {
    background-image: url(images/header4.jpg);
    background-repeat: no-repeat;
    }
    
   .home       { background-image:url(images/menu.jpg);  
                 background-repeat:repeat-x;
                 }
                 
   .home:hover { background-image:url(images/menumo.jpg); 
                 background-repeat:repeat-x;
               }
    
    .bg {
    background-image: url(images/hintergrund.jpg); 
    background-repeat:repeat-x;
    }
    .spacer {
    background-image: url(images/menuspacer.jpg); 
    background-repeat:no-repeat;
    }
    
   .hgoben {
    background-image: url(images/menu.jpg); 
    background-repeat:repeat-x;
    }
    
    .hgunten {
    background-image: url(images/menuunten.jpg); 
    background-repeat:repeat-x;
    }
    
   .schrift1 {
   font-size:105%;
   font-weight: bold;
   color: #FFF;
   }
   
   a:link {
   text-decoration: none
   }
   a:visited {
   text-decoration: none
   }
   a:active {
   text-decoration: none
   }
   a:hover {
   text-decoration: none
   }
   
   b  {
   font-weight: bold;
   }
      
    .mitte {
background: rgb(51,57,109); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMzMzOTZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjYTJiY2Q4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzk2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(51,57,109,1) 5%, rgba(162,188,216,1) 30%, rgba(51,57,109,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(5%,rgba(51,57,109,1)), color-stop(30%,rgba(162,188,216,1)), color-stop(100%,rgba(51,57,109,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(51,57,109,1) 5%,rgba(162,188,216,1) 30%,rgba(51,57,109,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33396d', endColorstr='#33396d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

border: 2px;
    }
   
   .schrift2 { 
   font-size:90%;
   font-weight: bold;
   color: #FFF;
   margin-left: 15px;
   }
   
   .schrift3 {
   font-style:italic; 
   font-size:90%;
   font-weight: bold;
   color: #FFF;
   }
   
   .schriftcopy {
   font-size:60%;
   font-weight: bold;
   color: #999;
   }
   
   .tabelle  {
   background-image:url(images/hintergrund.jpg);
   background-repeat:repeat-x; 
   width: 980px;
   border: 0px;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   } 
   
   .tabelle2  {
   background-color:#f4f4f4;
   width: 1000px;
   border: 0px;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   } 
   
   #rahmenmitte {
   background-color: #FFF;
   border-left:1px solid #999;
   border-right:1px solid #999;
   border-bottom:1px solid #999;
   padding-left: 15px;
   font-size:80%;
   } 
  
   #rahmenmitte2 {
   background-color: #FFF;
   border-left:1px solid #999;
   border-right:1px solid #999;
   border-bottom:1px solid #999;
   font-size:80%;
   }
   
   #rahmenmitte3 {
   background-color: #FFF;
   border-left:1px solid #999;
   border-right:1px solid #999;
   border-bottom:1px solid #999;
   font-size:80%;
   padding-left: 15px;
   /*padding-right: 10px; */
   }
   
   .klein {
   font-size:80%;
   }
   
    .schatten {
    background-image: url(images/schatten/schatten_rechts.gif); 
    background-repeat:repeat;
    }
    
    .schatten2 {
    background-image: url(images/schatten/schatten_rechts.png); 
    background-repeat:repeat;
    }

   a.kontakt:link {
   font-style:italic; 
   font-size:90%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   a.kontakt:visited {
   font-style:italic; 
   font-size:90%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   a.kontakt:active {
   font-style:italic; 
   font-size:90%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   a.kontakt:hover {
   font-style:italic; 
   font-size:90%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   
   a.kontakt2:link { 
   font-size:100%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   a.kontakt2:visited {
   font-size:100%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   a.kontakt2:active { 
   font-size:100%;
   text-decoration: none;
   font-weight: bold;
   color: #000;
   }
   a.kontakt2:hover {
   font-size:100%;
   text-decoration: none;
   font-weight: bold;
   color: #900606;
   }
   
  .middle {
  vertical-align: middle;
  }
  
  .warnung {
  color: #F00;
  }
  
   .scrollbar {
   height: 310px;
   overflow: auto;
   }