/* 1. Allgemeine Styles
=====================*/
* { padding: 0; margin: 0; }
html { 
  overflow-y: scroll;
  }
body {
  background: white;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 87.5%;
  }
html,body {
height:100%;
}


/* 2. Styles für die layoutbereiche
======================================*/  

div#wrapper {
  background-color: white;
  color: black;
  margin: 0 auto;
  width: auto;
  height: 100%;
  }
div#top {
  background-color: #132451;
  color: white;
  height: 7.0em;
  font-size: 90%;
  letter-spacing: 0.15em;
  font-weight: bold;
  text-align: center;
  line-height: 7.0em;
  background-image: url(blau_links.gif), url(blau_rechts.gif), url(blau_linksx.gif), url(blau_rechtsx.gif);
  background-position: 0em 0em, right 5.3em, 0em 5.4em, right 0em;
  background-repeat: no-repeat;
  }
div#top li {
  list-style-type: none;
  display: inline;
  padding: 10%;
  }  
div#top a:link { 
  color: white;
  border-top: 0.2em solid;
  border-bottom: 0.2em solid; 
  border-right: 0.2em solid;
  border-left: 0.2em solid;
  border-radius: 1em;
  border-color: #132451;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 0.2em;
  }
div#top a:visited { 
  color: white; 
  border-top: 0.2em solid;
  border-bottom: 0.2em solid; 
  border-right: 0.2em solid;
  border-left: 0.2em solid;
  border-radius: 1em;
  border-color: #132451;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 0.2em;
  }     
div#top a:hover,
div#top a:focus { 
  background: linear-gradient(#3d537d, #132451);
  color: #ff0000;
  border-top: 0.2em solid;
  border-bottom: 0.2em solid; 
  border-right: 0.2em solid;
  border-left: 0.2em solid;
  border-radius: 1em;
  border-color: #ff0000;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 0.2em;
  }
div#raute {
  height: 2.8em;
  }
img#raute_bild {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -2.5em;
  }
div#headline {
  height: auto;
  background-color: white;
  padding-bottom: 1.5em;
  }
h1#headline1 {
  border-bottom: 0.05em solid;
  border-color: grey;
  padding-top: 0.2em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  color: #132451;
  text-align: center;
  font-family: "times new roman";
  font-size: 145%;
  letter-spacing: 0.2em;
  font-weight: normal;
  line-height: 1.1em;
  }
h2#headlinex {
  padding-top: 8px;
  color: black;
  text-align: center;
  font-family: times new roman;
  font-size: 120%;
  letter-spacing: 4px;
  font-weight: normal;
  }
h3#headline2 {
  padding-top: 0.0em;
  color: red;
  text-align: center;
  font-size: 90%;
  letter-spacing: 0.2em;
  font-weight: bold;
  }
img#manual {
  display: block;
  margin-left: auto;
  margin-right: auto;  
  max-width: 100%;
  height: auto;
  }
div#flex1, #flex2, #flex3, #flex4, #flex4x, #flex5, #flex6, #flex7, #flex8, #flex8x, #flex8xx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: white;
  }
div#flex4xx {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding-bottom: 2em;
  }
div#bild11, #bild12, #bild13, #bild14, #bild15, #bild16, #bild17, #bild18, #bild19, #bild20, #bild21, #bild22, #bild23, #bild24, #bild25, #bild26, #bild27, 
  #bild37, #bild44, #bild45, #bild46, #bild47, #bild48, #bild49, #bild50, #bild51, #bild52, #bild53, #bild54, #bild55,
  #bild56, #bild57, #bild58, #bild59, #bild60,
  #bild29, #bild30, #bild31, #bild32, #bild33, #bild34, #bild35,   
  #bild29x, #bild30x, #bild31x, #bild32x, #bild33x, #bild34x, #bild35x,
  #bild62, #bild63, #bild64, #bild65, #bild66, #bild67, #bild62x, #bild63x, #bild64x, #bild65x, #bild66x, #bild67x
  {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 2.3em;
  border-top: 0.1em solid;
  border-left: 0.1em solid;
  border-bottom: 0.1em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild9
  {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 2.3em;
  border-top: 0.2em solid;
  border-left: 0.1em solid;
  border-bottom: 0.1em solid;
  border-right: 0.2em solid;
  border-color: black;
  }
div#bild18, #bild27, #bild36, #bild36x
  {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 2.3em;
  border-top: 0.1em solid;
  border-left: 0.1em solid;
  border-bottom: 0.1em solid;
  border-right: 0.2em solid;
  border-color: black;
  }
div#bild29xx, #bild30xx, #bild31xx, #bild32xx, #bild33xx, #bild34xx, #bild35xx, #bild62xx, #bild63xx, #bild64xx, #bild65xx, #bild66xx, #bild67xx
  {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 2.3em;
  border-top: 0.1em solid;
  border-left: 0.1em solid;
  border-bottom: 0.2em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild36xx  {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 2.3em;
  border-top: 0.1em solid;
  border-left: 0.1em solid;
  border-bottom: 0.2em solid;
  border-right: 0.2em solid;
  border-color: black;
  }
div#bild1, #bild10, #bild19, #bild28, #bild37, #bild45, #bild53, #bild61 {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.1em solid;
  border-left: 0.2em solid;
  border-bottom: 0.1em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild1, #bild37 {
  background-color: white;
  color: red;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.2em solid;
  border-left: 0.2em solid;
  border-bottom: 0.1em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild28xx, #bild61xx {
  background-color: white;
  color: red;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.1em solid;
  border-left: 0.2em solid;
  border-bottom: 0.2em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild28, #bild28x, #bild61, #bild61x {
  background-color: white;
  color: red;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.1em solid;
  border-left: 0.2em solid;
  border-bottom: 0.1em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild2, #bild3, #bild4, #bild5, #bild6, #bild7, #bild8, #bild38, #bild39, #bild40, #bild41, #bild42, #bild43 {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 2.3em;
  border-top: 0.2em solid;
  border-left: 0.1em solid;
  border-bottom: 0.1em solid;
  border-right: 0.1em solid;
  border-color: black;
  }
div#bild52, #bild60, #bild68, #bild68x {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.1em solid;
  border-left: 0.1em solid;
  border-bottom: 0.1em solid;
  border-right: 0.2em solid;
  border-color: black;
  }
div#bild44 {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.2em solid;
  border-left: 0.1em solid;
  border-bottom: 0.1em solid;
  border-right: 0.2em solid;
  border-color: black;
  }
div#bild68xx {
  background-color: white;
  color: black;
  height: 2.6em;
  width: 4.5em;
  border-top: 0.1em solid;
  border-left: 0.1em solid;
  border-bottom: 0.2em solid;
  border-right: 0.2em solid;
  border-color: black;
  }
p#bild1_text {
  text-align: center;
  padding-top: 0.4em;
  padding-bottom: 0.0em;
  padding-left: 0.0em;
  padding-right: 0.0em;
  font-size: 65%;
  }
p#bild2_text, #bild3_text, #bild4_text, #bild5_text, #bild6_text, #bild7_text, #bild8_text, #bild9_text, #bild10_text, #bild11_text, #bild12_text, #bild13_text, #bild14_text, #bild15_text, #bild16_text, #bild17_text, #bild18_text, #bild19_text, #bild20_text, #bild21_text, #bild22_text, #bild23_text, #bild24_text, #bild25_text, #bild26_text, #bild27_text, #bild28_text, #bild29_text,
  #bild30_text, #bild31_text, #bild32_text, #bild33_text, #bild34_text, #bild35_text, #bild36_text, #bild37_text, #bild38_text, #bild39_text, #bild40_text, #bild41_text, #bild42_text, #bild43_text, #bild44_text, #bild45_text, #bild46_text, #bild47_text, #bild48_text, #bild49_text, #bild50_text, #bild51_text, #bild52_text, #bild53_text, #bild54_text, #bild55_text,
  #bild56_text, #bild57_text, #bild58_text, #bild59_text, #bild60_text, #bild61_text, #bild62_text, #bild63_text, #bild64_text, #bild65_text, #bild66_text, #bild67_text, #bild68_text, #bild61_textx, #bild62_textx, #bild63_textx, #bild64_textx, #bild65_textx, #bild66_textx, #bild67_textx, #bild68_textx,
  #bild28_textx, #bild29_textx, #bild30_textx, #bild31_textx, #bild32_textx, #bild33_textx, #bild34_textx, #bild35_textx, #bild36_textx,
  #bild28_textxx, #bild29_textxx, #bild30_textxx, #bild31_textxx, #bild32_textxx, #bild33_textxx, #bild34_textxx, #bild35_textxx, #bild36_textxx,
  #bild61_textxx, #bild62_textxx, #bild63_textxx, #bild64_textxx, #bild65_textxx, #bild66_textxx, #bild67_textxx, #bild68_textxx  
  {
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.0em;
  padding-left: 0.0em;
  padding-right: 0.0em;
  line-height: 1.3em;
  font-size: 65%;
  }
div#bild1, #bild10, #bild19, #bild28, #bild28x, #bild28xx, #bild37, #bild45, #bild53, #bild61, #bild61x, #bild61xx span { 
  color: red; 
  }
img#manual {
  padding-top: 1.2em;
  display: block;
  margin-left: auto;
  margin-right: auto;  
  max-width: 100%;
  height: auto;
  }
div#bild1 a {
  color: red;
  border: 0px;
  }
div#bild1 a:hover,
div#bild1 a:focus {
  color: red;
  border-bottom: 0.5px solid #ff0000;
  }
div#bildbereich { 
  height: 6.5em;
  background: white;
  color: black;
  }
div#bildbereich p  {
  padding-left: 3.6em;
  padding-top: 3.8em;
  font-size: 85%;
  font-weight: bold;
  letter-spacing: 0.1em;
  word-spacing: 0.1em;
  }
div#bildbereich a {
  color: #666666;
  border: 0px;
  }
div#bildbereich a:hover,
div#bildbereich a:focus {
  color: red;
  border-bottom: 0.5px solid #ff0000;
  }
div#logobereich {
  background-image: url(hell_links.gif), url(hell_rechts.gif);
  background-repeat: no-repeat;
  background-position: 0em 0em, right 0.2em;
  background-color: white;
  height: 5em; 
  }
img#wittner-logo { 
  display: block;
  padding-top: 2em;
  margin-left: auto;
  margin-right: auto; 
  }
div#adresse {
  background-color: #bbccee; 
  color: black;
  padding-top: 1em;
  padding-bottom: 1em;  
  font-size: 73%;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
  line-height: 1.8em;
  font-weight: bold;
  text-align: center;
  }
div#adresse a {
  color: black;
  border: 0px;
  }
div#adresse a:hover,
div#adresse a:focus {
  color: red;
  border-bottom: 0.5px solid #ff0000;
  }
p#adresse_text span { 
  color: red; 
  }
#headline1 span{ 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 70%;
  font-weight: bold;
  }
a { 
  text-decoration: none;
  outline: none;
  }