@charset "UTF-8";

@media all
{
  /*------------------------------------------------------------------------------------------------------*/

  html * { font-size: 95.01% }

  body {
   background: #12365A;
   padding: 0px 0;
   font-family: "times new roman",times,serif; /* 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; */
   font-size: 100.01%;
   color: #282828;
  }

  h1,h2,h3,h4,h5,h6 {
   font-family:"times new roman",times,serif;
   font-weight:bold;
   color:#666;
   margin: 1.0em 0 0.5em 0;
  }

  h1 { font-size: 200%; color:#363636}                        /* 24px */
  h2 { font-size: 200%; color:#182E7A}          /* 24px */
  h3 { font-size: 150%; color:#363636}                        /* 18px */
  h4 { font-size: 133.33%; color:#12365A }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */
  h7 { font-size: 133.33%; color:#4A0000 }

  p {
   line-height: 1.5em;
   font-size: 100.00%;
   margin: 0 0 1em 0;
   text-align: justify;
   color:#363636;
  }

  #titel_neues {
    font-family:"times new roman",times,serif;
    font-weight:bold;
    color:#620000;
    margin: 1.0em 0 0.5em 0;
    font-size: 133.33%;
    text-align:center;
  }

  a {color: #182E7A; text-decoration:none; font-size: 100.00%; }
  a:focus,
  a:hover,
  a:active {color:#182E7A; text-decoration:underline; font-size: 100.00%; }

  #page {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
   margin-top: 10px;
   width: 800px;
   padding: 1.0em 2.0em 0 0;
   border: 0px solid #000;
   background: #ffffff;
   box-shadow: 5px 5px 10px #000000;

   -moz-box-shadow: 5px 5px 10px #000000;
   -moz-border-radius:10px
  }

  #main {
   margin-left: 170px;
   margin-right: 10px;
   margin-top: 0px;
   padding: 3px 0em;
   border: 0px dashed silver;
   min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
   min-height: 28em;
  }

  #header {
   text-align: left;    /* Seiteninhalt wieder links ausrichten */
   margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
   margin-left:170px;
   margin-top: 0.0em;
   height: 100px;
   padding: 0.0em;
   border-bottom: 1px #BEBEBE solid;
   background: url(../bilder/header.png) no-repeat 100%;
   background-position: top;
  }

  #news {
   background: url(../bilder/aktuell_rahmen.PNG) no-repeat 100%;
   font-size: 100%;
   font-color:#363636;
   font-family: "times new roman",times,serif;
   text-decoration: bold;
   text-align: center;
   text-shadow: #4F4F4F 0.3em 0.3em 0.4em;
   height: 83px;
   width:153px;
   margin-left:40px;
   margin-top:-95px;
   margin-bottom:12px;
   padding: 0;
   border-left: 0px solid #575757;
   background-color: transparent;
   -webkit-transform: rotate(-15deg);
   -moz-transform: rotate(-15deg);
   -o-transform: rotate(-15deg);
   -ms-transform: rotate(-15deg);
  }

  #news a {
   font-size: 100%;
   color: #414170;
   text-shadow: #8399E7 0.3em 0.3em 0.4em;
  }

  #news a:active {
   color: #414170;
   text-decoration:none;
  }

  #news a:hover {
   color: #000000;
   text-decoration:none;
   text-shadow: #182e7a 0.3em 0.3em 0.4em;
  }

  #news a:focus {
   color: #000000;
   text-decoration:none;
  }

  #menu_navcontainer {
   float: left;
   height: 174px;
   width:130px;
   margin-left:1px;
   margin-top:28px;
   padding: 0;
   border-left: 0px solid #575757;
  }

  #menu_navcontainer ul {
   margin-left: 0;
   margin-top: 0;
   padding-left: 0;
   list-style-type: none;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;  /* Arial, Helvetica, sans-serif; */
  }

  #menu_navcontainer a {
   display: block;
   padding: 3px 0 3px 10px;
   width: 120px;
   background-color: #12365A;
   border-bottom: 1px solid #eee;
  }

  #menu_navcontainer a:link, #navlist a:visited {
   color: #EEE;
   text-decoration: none;
  }

  #menu_navcontainer a:hover {
   background-color: #369;
   color: #fff;
  }

  #footer {
  height: 30px;
  padding: 1.2em 0 0 0;
  border: 0px solid silver;
  }

  p#footer1 {
  height: 20px;
  font-size: 0.8em;
  padding: 0 0 0 15px;
  border: 0px solid silver;
  }

  DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }

   /*
  DIV.shadow5:hover DIV.shadow,
  DIV.shadow5:hover DIV.shadow2,
  DIV.shadow5:hover DIV.shadow3,
  DIV.shadow5:hover DIV.shadow4,
  DIV.shadow5:hover {
   padding: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
  }  */

  DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
  }
  DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
  }
  DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
  }
  DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
  }
  DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid transparent;
   margin: 10px 14px;
  }

  /*
  DIV.shadow5:hover {
   border-width: 5px;
  } */

  DIV.shadow5 IMG {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
  }

  /*
  DIV.shadow5:hover IMG {
   margin: -1px;
   top: -1px;
   left: -1px;
  } */

  .bildschatten_235 {
    background: url(../bilder/galerie/schatten_235px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 14px 7px;
  }

  .bildschatten_260 {
    background: url(../bilder/galerie/schatten_260px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 14px 7px;
  }

  .bildschatten_300 {
    background: url(../bilder/galerie/schatten_300px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 14px 7px;
  }

  .bildschatten_318 {
    background: url(../bilder/galerie/schatten_318px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 17px 7px;
  }

  .bildschatten_418 {
    background: url(../bilder/galerie/schatten_418px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 17px 7px;
  }

  .bildschatten_468 {
    background: url(../bilder/galerie/schatten_468px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 17px 7px;
  }

  .bildschatten_500 {
    background: url(../bilder/galerie/schatten_500px.png) no-repeat bottom left;
    border-top: 1px solid #F1F1F1;
    padding: 4px 7px 17px 7px;
  }

}