/*
body { background-color:#B9DAE1;
background-image: url(bilder/hg1.gif);
        background-attachment: fixed;
        margin-left:0px;  margin-right:0px;  margin-top: 0px; margin-bottom: 0px;     }

body, p, div, td
{   font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#000000;
        font-size: 12px;
        line-height: 18px;             }

th   {  font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#000000;
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        font-weight: normal;               }
*/


* { margin:0;
    padding:0;
  }

html, body { height:100%; }
body {  background-color:#ededed; background-image: url(bilder/hg3.gif); /*
        background-color:#948379;        /* hellbraun E0CDB8  dklbraun     dklblau 798F94     */
        }
body0 { background-color:#B9DAE1;   }

body, td, th, p, div
{ font-family: Helvetica, Helvetika, Arial, Verdana, sans-serif;
       color:#1F1F1F;
       font-size: 12px;
       line-height: 17px;
       letter-spacing: normal;
       word-spacing: normal;
}

p { line-height: 18px; }

.mitte
{ width:980px;
  background-color:#B9DAE1;
   border: 1px solid #E0CDB8;    /* */
    color: #B9DAE1;
}

hr {   height: 1px;
    border-style: dotted;
    color: #B9DAE1;
     }

h1 {   font-size: 18px; color:#798F94; line-height: 22px; letter-spacing:2px;
 text-shadow: lightgray 0.1em 0.1em 0.4em}
.titel   {
 font-size: 18px; color:#798F94; line-height: 22px; letter-spacing:2px;
 text-shadow: lightgray 0.1em 0.1em 0.4em }
/* BC7262
# dklbraun 948379
# hellbraun  E0CDB8
CE998D*/
h2 { font-size: 1.1em; color:#948379; font-weight: bold; line-height: 22px;letter-spacing:1px;}
.titel2  { font-size: 1.1em; color:#948379; font-weight: bold; line-height: 22px;letter-spacing:1px; }

h3 {  font-size: 14px; color:#3399CC; letter-spacing:1px; }
h4  {  color:#F23C93;  line-height: 20px; }
h5  {  font-size: 14px; }
h6   {  color:#CD3278; letter-spacing:1px; }

a:link     { color:#3399CC; font-weight: normal; text-decoration:none; letter-spacing:1px;  }
a:visited  {  color:#3399CC; font-weight: normal; text-decoration:none; letter-spacing:1px; }
a:active   {  color:#3399CC; font-weight: normal; letter-spacing:1px; }
a:hover    { color:#246B8F;  font-weight: normal; letter-spacing:1px; }
a.an { text-decoration:underline; }
.a-hg-pink    { background:#CD3278;  }


.tabserie { width: 300px;
            background-color:#E2C0BB;
          }
.tabserie-vorrat { background-color:#B9DAE1; }



h5  { font-size: 1.1em; color:#CE998D; font-weight: bold; line-height: 14px;  }

.ue2   { font-size: 12px; color:#408191; font-weight: bold; line-height: 16px; letter-spacing:1px;}

.ue3    {font-size: 14px;
        font-weight: bold;   letter-spacing:1px;
        color: #ff0000;
        font-style: italic;
        line-height: 16px;}

.ue5    {font-size: 14px;
        font-weight: bold;   letter-spacing:1px;
        color:#CD3278;}

.rot  { color:#ff3333; }
.link { color:#3399CC; font-weight: normal; background:#ffffff; }
.w { color:#ffffff; font-size: 12px; letter-spacing:1px;
     text-shadow: #E0CDB8 0.1em 0.1em 0.5em  }
.klein     { font-size: 11px;  color:#999999; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.normal {font-size: 0.8em;  line-height: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.linkklein { font-size: 11px;  color:#000000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }  /* background-color:#ededed; */
.navi { color:#ffffff; font-weight: normal; background-color:#B9DAE1; }
.mini { font-family: Verdana, Arial, Helvetica, sans-serif;
        background:#ffffff;
        font-size: 11px;
        color:#999999;
        font-weight: normal;
         }

.button { font-size: 12px; width:250px; height:26px; color: #ffffff; background-color:#798F94;  letter-spacing: 1pt;  }
.button2 { font-size: 12px; font-weight: bold; color: #ffffff; background-color:#999999;  letter-spacing: 1pt;    }
.button3 { font-size: 9px; color: #ffffff; background-color:#999999; }



a.menu { display:block;
        margin-top:0px;
        margin-bottom:0px;
        text-align:left;
        width:25ex;
        border-width:0px;
        border-style:ridge;
        border-width:0px;
        padding:5px;
        text-decoration:none;
        font-family: Verdana, Arial;
        font-size: 13px;
        font-weight: bold;  }

a.menu:link    {          color:#27408B;
        background-color:transparent;   }

a.menu:visited {          color:#27408B;
        background-color:transparent;   }

a.menu:hover   {          color:#27408B;
        background-color:#6495ED; }

a.menu:active  {         color:#333366;
        background-color:#ffffff; }

div.menu {  font-size:13px;
        font-weight:bold;
        font-family:Arial, Verdana;
        width:2ex;
        margin-top:1px;
        margin-left:0px;
        text-align:center;
        padding:3px;   }

input#mailadresse, label[for="mailadresse"] {
    display:none;
}

/* Formular */
.feld { width:320px; }

/* Bild Schatten */

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 #fff;
   margin: 5px 7px;
   }
div.shadow5:hover {
   border-width: 5px;
   }

div.shadow5 img {
   border: 0px solid #666;
   margin: -2px;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   -moz-opacity:0.55;
   }
div.shadow5:hover img {
   margin: -1px;
   top: -1px;
   left: -1px;
   -moz-opacity:1;
   }

#code {
   clear: both;
   background-color: #eee;
   color: #333;
   padding: 1em;
   border-top: 1px dashed #ccc;
   margin-top: 2em;
   }
#code pre {
   color: #333;
   background-color: #ddd;
   padding: 1em;
   }
#code pre em {
   color: #920;
   }