/* =========================================================
Datei: screen.css
Datum: 15.09.2019...
Autor: P.Henne
========================================================== */

/*@media screen {*/

html { overflow-y: scroll; }

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, code,
ul, ol, li,
table, th, td,
form, fieldset, legend, input, textarea {
  padding: 0; margin: 0;
}
h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol {
  margin-bottom: 1em;
}
ul, ol { margin-left: .5em; }     /*ul, ol { margin-left: 1em; }*/
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
blockquote { margin: 1em 2em; }          /*blockquote { margin: 1em 2em; }*/

body {
  background: linear-gradient(#000,#0A7ACA);
  color: white; /* Schriftfarbe #8c8c8c */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 77.5%; /* Schriftgröße 87.5%  150  130  110%*/
}
h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%;}
address {
  text-align: center;
  font-size: 90%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;
}
a { text-decoration: none; }
a:link { color: #d90000;
text-align: center; }
a:visited { color: #cc6666;
text-align: center; }
a:hover,
a:focus {
  text-align: center;
}
a:active {
  color: white;
  background-color: #d90000;
  text-align: center;
}
/* Allgemeine Klassen und IDs */
img#logo {
  background-color: white;
  color: black;
  padding: 10px;
  border: 10px solid #d9d9d9;
  border-radius: 5px;
  position: absolute;
  top: 40px;
  left: 40px;
}

.bilderrahmen {
  padding: 3px;
  border: 5px solid #ccc;
  border-radius: 5px;
}
.floatlinks {
  float:left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.floatrechts {
  float:right;
  margin-left: 10px;
  margin-bottom: 10px;
}

div#wrapper {
 color: black;
 width: auto;
 margin: 0 auto;
}
div#kopfbereich {
  background-image: url("/images/header.png");
  height: 20.88em;
    width: 100%;
    color: #c93;
    overflow: hidden;
}

  p#slogan {
    font: italic 2em/1.1 Georgia, serif;   /*1.3em*/
    color: #111;
    letter-spacing: .1em;   /*.06em*/
    text-align: center;
    position:absolute;
    top: 130px;
    margin-left: 32%;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 6px;
    background: #A4A4A4;
    text-shadow: -1px -1px 0 #101010, 1px 1px 0 #505050;
    border-radius: 5px;
  }

  p#slogan span { color: #D7DF01; }
  p#slogan span1 { color: #FAFAFA; }

div#textbereich {
     margin-right: 20%;
     width: 60%;
    padding: 0 1.5em 1em; 
  line-height: 1.5;
  min-height: 45em;
  border-radius: 15px;
    border: 2px ridge;
    border-color: #000 #dcdcdc #dcdcdc #000;
    box-shadow: inset 2px 2px 5px #000;
  float: right;
  background-color: rgb(221, 221, 221);
    background-image: url("/images/hintergrund1.png");
    color: black;
}
  div#textbereich a { border-bottom: 1px dotted #cc0000;}
  div#textbereich a:hover,
  div#textbereich a:focus {
    border-bottom: 1px solid #d90000;
  }
div#fussbereich {
  min-height: 10em;
  padding: 10px 20px 20px 20px;
  margin-top: 0;
  background-image:linear-gradient(#0c2b45,#F2F2F2);
}

div.galerie {
  padding: 25px 10px 10px 0;
  margin: 0 3px 3px 0;
 }
div.galerie img {
  float: left;
  border-radius: 4px;                      /* runde Ecken */
  box-shadow: 0px 2px 6px rgba(0,0,0,0.3); /* Schatten */
  margin-right: 50px;  /*15px*/
  margin-bottom: 15px;
}
.clearing { clear: both; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

.versteckmich {
  position: absolute;
  left: -32768px;
  top: -32768px;
  width: 0;
  height: 0;
}
div#navibereich {
    position: absolute;
    width: 12.1em; /*12.1em*/
    top: 299px;
    font-size: .8em;
    text-align: left;
    padding-left: 5px;
    box-shadow: 0 6px 8px -1px #111;
    float:left;
}

#navibereich a:link,
#navibereich a:visited {
    display: block;
    width: 12.1em;
    color: silver;
   line-height: 3em;
    text-decoration: none;
    padding: 3px;
    background: linear-gradient(#036,#000);
    border: .5px solid;
    border-color: #ccc #000 #000 #ccc;  /*#ccc #000 #000 #ccc*/
    }

#navibereich li {
    float: left;
    width: 12.1em; /* 14,59em*/
    color: #f5deb3;
    border: .5px solid;
    border-color: #555 #000 #000 #555;
    margin-bottom: .3em;
}

#navibereich a {
    display: block;
    color: #c0c0c0; /* grau */
    text-shadow: 1px 1px 1px #000;
    padding: 18px 2px;
    background: linear-gradient(#036,#000);  /*(#5e5e5e,#282828)*/
}
#navibereich li.sie-sind-hier a {
  color: #f5deb3;
  background: linear-gradient(#303032,#0B42F3); /* grau, blau */
}

#navibereich a:hover,
#navibereich a:focus,
#navibereich a:active {
    background: linear-gradient(#000,#036);   /*(#282828,#5e5e5e)*/
}

#navibereich a:hover,
#navibereich a:focus {
    color: #fff; /* weiß */
    text-shadow: 0 1px 1px #000;
    text-decoration: underline;
    border: 1px solid;
    border-color: #000 ##ccc ##ccc #000;
}
#navibereich a:active {
    color: #f5deb3;  /*e0f2f4 */
}
#navibereich li.aktiv, navibereich .luecke, navibereich form {
    color: #f5deb3;
    border: 2px ridge #373737; }
form {
  background-color: #eee;
  padding: 1em;
  margin-bottom: 2em;
}

form > div { margin-bottom: 1em; }
label {
  display: block;   /* Beschriftung auf eigener Zeile */
  cursor: pointer;  /* Mauszeiger wird zur Hand */
  margin-bottom: 0.25em;
}
input[type="text"],
input[type="email"],
textarea {
  width:80%;
  padding: 0.25em;
  margin-bottom: 1em;
}
textarea {
  max-width: 100%;
  min-height: 10em;
}
input:focus,
textarea:focus {
  background-color: #ffeda0;
}

/*} */



/* ======================================
   E N D E screen.css
====================================== */