body
{
  background-image  : url("../images/wasserzeichen.jpg");
  background-size   : cover;
  background-repeat : no-repeat;
  //background-color  : #969696;
  font-family       : arial, sans-serif;
  font-size         : 12pt;
  color             : #000000;
}
/** link-Deklarationen **/
a:link    {border : 0pt;text-decoration : none;font-weight : bold;color : #FFFFFF;}
a:hover   {border : 0pt;text-decoration : none;font-weight : bold;color : #FFFFFF;}
a:visited {border : 0pt;text-decoration : none;font-weight : bold;color : #FFFFFF;}
a:active  {border : 0pt;text-decoration : none;font-weight : bold;color : #FFFFFF;}
/** Container **/
#container
{
  margin            : auto;
  //width             : 65%;
  width : 1100px;
  height            : 90vh;
  position          : relative;
  //background-color  : rgba(192,192,192,0.8);
  //background-color  : #c0c0c0;
}
/** Fusszeile **/
footer
{
  position          : absolute;
  padding           : 10px;
  bottom            : 0;
  left              : 0;
  right             : 0;
  height            : 5vh;
  background-color  : #FFCC00;
  border-bottom-left-radius:30px;
  border-bottom-right-radius:30px;
}
/** Kopfzeile **/
header
{
  position          : absolute;
  font-size         : 13pt;
  padding           : 10px;
  top               : 0;
  left              : 0;
  right             : 0;
  min-height        : 15vh;
  background-color  : #FFCC00;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
}
/** Seiteninhalt **/
#content
{
  margin-top        : 20vh;
  margin-bottom     : 5vh;
  width             : 100%;
  height            : 60vh;
  position          : absolute;
//  overflow          : auto;
  line-height       : 1.3em;
  background-color  : rgba(192,192,192,0.9);
  //background-color  : #ABC;
}
#content_text
{
  margin-top        : 0vh;
  //margin-bottom     : 5vh;
  width             : 100%;
  height            : 55vh;
  position          : absolute;
  overflow          : auto;
  line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #ABC;
}
#content_druck
{
  margin-top        : 55vh;
  padding-left      : 20px;
  //margin-bottom     : 0vh;
  width             : 90%;
  height            : 5vh;
  position          : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #FF0;
}

/* Ausdruckoptimierung LOGO **/
#ausdruck
  {
    display            : none;
  }

/** Deklaration Link Impressum - wird in foot eingebunden **/
#impressum
{
  margin            : 10px;
  margin-right      : 40px;
  float             : right;
}
.black
  {
    color           : #000000;
  }

#header_bild
{
  padding-right    : 10px;
  margin           : 0;
  float            : right;
  max-width        : 100%;
  height           : auto;
  display          : inline;
}
#steuerung li
{
  list-style       : none;
  float            : left;
}
#steuerung a
{
  display          : block;
  height           : 100%;
  width            : 99%;
  padding          : 0.5em;
  text-decoration  : none;
  font-size        : 0.9em;
  //font-variant     : small-caps;
  color            : #FFFFFF;
}
/****
.menue-button
{
  display          : none;
}
****/
#steuerung
{
  float            : right;
  margin-top       : 70px;
}
#steuerung a:hover
{
  color            : #000000;
}

p
{
  margin           : 3vh;
}
.kein_abstand_unten
{
  margin-bottom    : 0;
  padding          : 0;
}
.kein_abstand_oben
{
  margin-top       : 0;
  padding          : 0;
}
h1
{
  font-size        : 16px;
  padding-left     : 3vh;
}
.h1_kontakt
{
  font-size        : 16px;
  padding-left     : 22px;
}
h2
{
  font-size        : 16px;
  padding-left     : 3vh;
  margin-bottom    : 0;
}
h3
{
  font-size        : 12px;
  //padding-left     : 20px;
  margin-bottom    : 0;
  padding-bottom   : 0;
}
h4
{
  font-size        : 16px;
  padding-left     : 22px;
}
ul
{
  margin-top       : 0;
  padding-left     : 40px;
}
.aufzaehlung
{
  margin           : 0;
  padding          : 0;
  padding-left     : 30px;
}
.von_rechts
{
  margin-left      : 50px;
}

.tipp
{
  font-size        : 12px;
  color            : #0A84FF;
}
a.tipp span
{
  display          : none;
}

a.tipp:hover
{
  border           : 0;
  position         : relative;
  text-decoration  : none;
  color            : #000;
  margin:0;
  padding:0;
}
a.tipp:hover span
{
  display          : block;
  position         : absolute;
  top              : 75px;
  //margin-top       : 0px;
  left             : 125px;
  padding          : 5px;
  text-align       : left;
  background-color : #FFCC00;
  color            : #000;
  width            : 650px;
  min-height : 50px;
}
/** Impressum **/
.impressum_links
{
  margin-top          : 0vh;
  padding-left        : 22px;
  //margin-bottom     : 0vh;
  width               : 55%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #FF0;
}
.impressum_rechts
{
  margin-top          : 0vh;
  margin-left         : 60%;
  //padding-left      : 20px;
  //margin-bottom     : 0vh;
  width               : 40%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #F00;
}
.impressum_unten
{
  margin-top          : 50vh;
  //margin-left       : 60%;
  padding-left        : 20px;
  //margin-bottom     : 0vh;
  width               : 90%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #F00;
}
.disclaimer_text
{
  font-size           : 12px;
  line-height         : 0.5em;
}
.disclaimer_link
{
  font-size           : 12px;
  color               : #FF00FF;
}
/** Kontakt **/
.kontakt_links
{
  margin-top          : 0;
  padding-left        : 22px;
  //margin-bottom     : 0vh;
  width               : 45%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #FF0;
}
.kontakt_rechts
{
  margin-top          : 0;
  margin-left         : 50%;
  //padding-left      : 20px;
  //margin-bottom     : 0vh;
  width               : 50%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #F00;
}
.kontakt_unten_links
{
  margin-top          : 400px;
  padding-left        : 20px;
  //margin-bottom     : 0vh;
  width               : 45%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #FF0;
}
.kontakt_unten_rechts
{
  margin-top          : 400px;
  margin-left         : 50%;
  padding-left        : 20px;
  //margin-bottom     : 0vh;
  width               : 45%;
  //height            : 5vh;
  position            : absolute;
  //overflow          : auto;
  //line-height       : 1.3em;
  //background-color  : rgba(192,192,192,0.9);
  //background-color  : #FF0;
}
.kontakt_unten
{
  //background-color    : #FF0;
  margin-top          : 520px;
  padding-left        : 20px;
  width               : 90%;
  min-height          : 40px;
  position : absolute;

}
.kontakt_tabelle
{
  margin-left : 20px;
}
.error
  {
    font-weight        : bold;
    color              : #FF0000;
    margin             : 20px;
  }

/* Kontaktformular ***********************************************************/
.kformular
  {
    width              : 800px;
  }
.klinks
  {
    text-align         : right;
    font-size          : 14px;
    font-weight        : bold;
    color              : #000000;
    vertical-align     : top;
    width              : 300px;
  }

.krechts
  {
    text-align         : left;
    font-size          : 14px;
    //font-weight        : bold;
    color              : #0A84FF;
    vertical-align     : top;
    width              : 450px;
    border             : 0px;
    background-color   : #EEEEEE;
  }

.karea
  {
    text-align         : left;
    font-size          : 14px;
    font-weight        : bold;
    color              : #0000FF;
    vertical-align     : top;
    border             : 0px;
    background-color   : #EEEEEE;
  }
.textbox
  {
    font-family        : arial, sans-serif;
    text-align         : left;
    font-size          : 14px;
    font-weight        : normal;
    color              : #0000FF;
    vertical-align     : top;
    width              : 450px;
    height             : 200px;
    border             : 0px;
    background-color   : #EEEEEE;
  }

/** Bildgalerie **/
#thumbnail
{
  white-space         : nowrap;
  margin              : 0px;
  padding             : 0px;
  width               : 500px;
  height              : 100px;
  //background-color    : black;
  overflow-x          : scroll;
}
a span
{
  display           : none;
}

a:hover span
{
  color             : black;
  font-size         : 12px;
  font-weight       : normal;
  position          : absolute;
  left              : 60%;
  margin-top        : -80px;
  padding           : 5px;
  background-color  : #FFCC00;
  text-align        : center;
  z-index           : 200;
  width             : auto;
  height            : auto;
  display           : block;
}
.rechts_margin
{
  margin-right      : 5px;
}
.links_margin
{
  margin-left       : 20px;
}
.table_ds
{
  width : 98%;
}
.td_ds_links
{
  width : 28%;
  text-align    : right;
  font-weight : bold;
  vertical-align : top;
}
.td_ds_mitte
{
  width : 2%;
}
.td_ds_rechts
{
  width : 70%;
  vertical-align : top;  
}




/***********

@media only screen and (max-width:800px)
{
  #header_bild
  {
    display       : none;
  }
    header
  {
     z-index : 200;
  }
  .menue-button
  {
    display          : block;
    margin-top       : 60px;
    margin-right     : 10px;
  }
}


@media only screen and (max-width:1200px)
{
  .menue-button
  {
    display          : block;
    margin-top       : 60px;
    margin-right     : 150px;

  }
  .menue-button
  {
    background-color : #009900;
    display          : block;
    position         : absolute;
    right            : 0;
    top              : 0;
    padding          : 0.4em;
    color            : #FFFFFF;
    cursor           : pointer;
    text-decoration  : none;
  }
  #steuerung
  {
    float            : left;
    width            : 100%;
    display          : none;
  }
  #steuerung li
  {
    width            : 100%;
  }
  .menue-button:hover
  {
    color            : #000000;
    background-color : #ffA500;
  }
  header
  {
     z-index : 200;
  }
}
***************************/