/* Author: GodaCon - T. Godawa */
/* Date: 2018-05-24 */

body {
  font-size: 100.01%;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  margin: 0; padding: 1em 0;
  text-align: center;  /* Zentrierung im Internet Explorer */
  color: black;
  background: #730d0f;
}


/* allg. Boxdefinition fuer alle Seiten */

div#Seite {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 770px; height: 545px;
  width: 770px; height: 605px; /* +60px */
  background: #660000;
  border: 1px ridge silver;
  z-index: 1;
}
html>body div#Seite {
  border-color: white;  /* Farbangleichung an den Internet Explorer  */
}

/* Boxdefinition fuer Bildgalerie */

div#Seite_BildGalerie {
  position: relative
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 770px; height: 547px;
  width: 770px; height: 607px;
  padding: 0;
  background: #f0f0f0;
  border: 2px ridge silver;
  z-index: 1;
}
html>body div#Seite_BildGalerie {
  border-color: white; /* Farbangleichung an den Internet Explorer  */
  z-index: 1;
}

/* Boxdefinition fuer E-Mail-Seite */

div#Seite_EMail {
  position: relative
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 300px; height: 120px;
  background: #660000;
  border: 1px ridge silver;
  z-index: 1;
}
html>body div#Seite_EMail {
  border-color: white; /* Farbangleichung an den Internet Explorer  */
  z-index: 1;
}

/* Boxdefinition fuer Kopf */

div#Kopfzeile {
  position: relative;
  top: 0px; left: 0.5em;
  text-align: right;    /* Seiteninhalt rechts ausrichten (f. Spracheausw.) */
  margin: 1.0em auto;      /* standardkonforme horizontale Zentrierung */
  width: 500px; height:50px;
  font-size: 0.70em;
  line-height: 1.3em;
  color: #ffcc00;
  background: #660000 url(images/keulundsohnlogo_500.png) no-repeat;
  z-index: 2;
}
div#Kopfzeile a:link {
  text-decoration: none;
  color: #6e961d; background: #ffffff;
}
div#Kopfzeile a:visited {
  text-decoration: none;
  color: #6e961d; background: #ffffff;
}
div#Kopfzeile a:hover {
  text-decoration: none;
  color: #606060; background: #ececec;
}


/* Boxdefinition fuer Nav. */

#Nav {
  position: relative;
  text-align: center;
  margin: 0em auto;      /* standardkonforme horizontale Zentrierung */
  top: 0px; left: 0px;
  width: 770; height: 24px;
  float: left;
  font-size: 0.83em;
  background: #660000;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  z-index: 2;
}

/* Formatdefinition fuer Haupt-Nav. */

ul#Navigation {
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0em;
  top: 0px; left: 0px;
  width: 100%;
  background: transparent;
  z-index: 3;
}
ul#Navigation li {
  margin: 0em 1.0em 0em 1.0em;
  padding: 0em;
  list-style: none;
  display: inline;
}
ul#Navigation a, ul#Navigation span {
  padding: 0.2em;
  font-weight: normal;
  list-style: none;
  display: inline;
  background: transparent;
}
* html div#Navigation a, * html div#Navigation span {
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w/idth: auto;  /* sicherheitshalber fuer spaetere Versionen korrigiert */
}
ul#Navigation span {
  padding:  0.2em 1.0em 0.2em 1.0em;
  text-decoration: none;
  color: #ffcc00; background: #932d2f;
}
ul#Navigation a:link {
  padding:  0.2em 1.0em 0.2em 1.0em;
  text-decoration: none;
  color: #ffcc00; background: #660000;
}
ul#Navigation a:visited {
  text-decoration: none;
  color: #ffcc00; background: #660000;
}
ul#Navigation a:hover {
  text-decoration: none;
  color: #ffcc00; background: #932d2f;
}


/* allg. Formatdefinition */

div#Inhalt {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  width: 770px; height: 425px;
  width: 770px; height: 485px;
  overflow: auto;
  font-size: 0.83em;
  line-height: 1.2em;
  color: #000000;
  background: #f0f0f0;
  z-index: 2;
}
div#Inhalt h1 {
  margin: 0.2em 0;
  font-size: 1.0em;
  color: #660000;
}
div#Inhalt h2 {
  margin: 0.2em 0;
  font-size: 1.0em;
  color: #000000;
}
div#Inhalt h3 {
  margin: 0.2em 0;
  font-size: 1.0em;
  font-weight: normal;
  color: #660000;
}
div#Inhalt a {
  text-decoration: none; font-weight: normal;
  color: #660000;
}
div#Inhalt a:hover {
  text-decoration: none; font-weight: normal;
  color: #932d2f; background: transparent;
}
div#Inhalt p {
  font-size: 1.0em;
  margin: 1em 0;
}


/* allg. Listenelemente */

ul#Liste1 {
  margin: 0 0 0 15px; padding: 0;
  top: 0px; left: 0px;
  background: transparent;
}
ul#Liste1 li {
  margin: 0; padding: 0;
/*  list-style-type:circle; list-style-position: outside; */
  list-style-image: url(images/bullet1.gif); list-style-position: outside;
  font-weight: normal;
  color: #000000; background: transparent;
}
ul#Liste2 {
  margin:  0 0 0 15px; padding: 0;
  top: 0px; left: 0px;
  background: transparent;
}
ul#Liste2 li {
  margin: 0; padding: 0;
/*  list-style-type: none; list-style-position: outside; */
  list-style-image: url(images/bullet1.gif); list-style-position: outside;
  font-weight: normal;
  color: #000000; background: transparent;
}


/* Home */

div#Inhalt_EnableJS {
  position: relative;
  text-align: center;
  top: 0px; left: 3px;
  width: 761; height: 18px;
  font-size: 1.0em;
  font-weight: normal;
  border: 2px solid black;
  color: #000000; background: #ff0000;
  z-index: 2;
}

div#Inhalt_Home_Text {
  position: relative;
  text-align: center;
  margin: 0em auto;      /* standardkonforme horizontale Zentrierung */
  top: 60px; left: 10px;
  width: 400px; height: 250px;
  float: left;
  background: transparent;
}

div#Inhalt_Home_Bild {
  position: relative;
  top: 50px; left: 50px;
  width: 250px; height: 321px;
  float: left;
  background: transparent;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}


/* Ueber uns */

div#Inhalt_UeberUns_Text {
  position: relative;
  top: 30px; left: 20px;
  width: 400px; height: 290px;
  float: left;
  background: transparent;
}

div#Inhalt_UeberUns_Bild {
  position: relative;
  top: 50px; left: 60px;
  width: 250px; height: 277px;
  float: left;
  background: transparent;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}


/* Ueber uns - Firmengeschichte */

div#Inhalt_UeberUnsFiGe {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  width: 770px; height: 449px;
  width: 770px; height: 509px;
  border-top: 1px solid silver;
  overflow: auto;
  font-size: 0.83em;
  line-height: 1.2em;
  background: #f0f0f0;
  z-index: 2;
}
div#Inhalt_UeberUnsFiGe h1 {
  margin: 0.2em 0;
  font-size: 1.0em;
  color: #660000;
}
div#Inhalt_UeberUnsFiGe a {
  text-decoration: none;
  color: #660000;
}
div#Inhalt_UeberUnsFiGe p {
  margin: 1em 0;
  font-size: 1.0em;
}

div#Inhalt_UeberUnsFiGe_Text {
  position: relative;
padding: 30px 20px;
  background: transparent;
}

div#Inhalt_UeberUnsFiGe_Titel {
  position: relative;
/*  top: 30px; left: 20px; */
  width: 400px; height: 30px;
}

div#Inhalt_UeberUnsFiGe_AbstandTitel {
  height: 20px;
  display: block;
  clear: both;
}

div#Inhalt_UeberUnsFiGe_Text1 {
  position: relative;
  width: 445px;
  float: left;
}

div#Inhalt_UeberUnsFiGe_Bild1 {
  position: relative;
  width: 250px;
  margin-left: 20px;
  float: left;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}

div#Inhalt_UeberUnsFiGe_Abstand1 {
  height: 0px;
  display: block;
  clear: both;
}

div#Inhalt_UeberUnsFiGe_Bild2 {
  position: relative;
  width: 125px;
  margin-right: 20px;
  float: left;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}

div#Inhalt_UeberUnsFiGe_Text2 {
  position: relative;
  width: 470px;
  margin-top: 40px;
  float: left;
}

div#Inhalt_UeberUnsFiGe_Abstand2 {
  height: 20px;
  display: block;
  clear: both;
}

div#Inhalt_UeberUnsFiGe_Text3 {
  position: relative;
  width: 440px;
  margin-top: 30px;
  float: left;
}

div#Inhalt_UeberUnsFiGe_Bild3 {
  position: relative;
  width: 250px;
  margin-left: 20px;
  float: left;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}

div#Inhalt_UeberUnsFiGe_Abstand3 {
  height: 20px;
  display: block;
  clear: both;
}

div#Inhalt_UeberUnsFiGe_Text4 {
  position: relative;
  width: 640px;
  margin-top: 0px;
  float: left;
}

div#Inhalt_UeberUnsFiGe_Abstand4 {
  height: 0px;
  display: block;
  clear: both;
}

div#Inhalt_UeberUnsFiGe_Bild5 {
  position: relative;
  width: 250px;
  margin-right: 20px;
  float: left;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}

div#Inhalt_UeberUnsFiGe_Text5 {
  position: relative;
  width: 350px;
  margin-top: 40px;
  float: left;
}

div#Inhalt_UeberUnsFiGe_Abstand5 {
  height: 20px;
  display: block;
  clear: both;
}

div#Inhalt_UeberUnsFiGe_Text6 {
  position: relative;
  width: 640px;
  margin-top: 0px;
  float: left;
}


/* Bildgalerie Navigation */

#Inhalt_BildGalerie_Nav {
  position: relative;
  text-align: left;
  top: 0px; left: 0px;
  float: left;
  width: 150px; height: 410px;
  width: 19.8%; height: 96.8%;
  font-size: 1.0em;
  padding-top: 1.0em;
  background: #660000;
  border-right: 1px solid silver;
  z-index: 2;
}

/* Formatdefinition fuer Bildgalerie-Nav. */

ul#Navigation_BildGalerie {
  margin: 0em;
  padding: 0em;
  width: 100%;
  background: transparent;
  z-index: 3;
}
ul#Navigation_BildGalerie li {
  margin: 0em;
  padding: 0em;
  list-style: none;
  display: block;
}
ul#Navigation_BildGalerie a, ul#Navigation_BildGalerie span {
  padding: 0.2em;
  font-weight: normal;
  list-style: none;
  display: block;
  background: transparent;
}
* html div#Navigation_BildGalerie a, * html div#Navigation_BildGalerie span {
  width: 1em;    /* nur fuer IE 5.0x erforderlich */
  w/idth: auto;  /* sicherheitshalber fuer spaetere Versionen korrigiert */
}
ul#Navigation_BildGalerie span {
  padding:  0.2em 0.8em 0.2em 0.8em;
  text-decoration: none;
  color: #ffcc00; background: #932d2f;
}
ul#Navigation_BildGalerie a:link {
  padding:  0.2em 0.8em 0.2em 0.8em;
  text-decoration: none;
  color: #ffcc00; background: #660000;
}
ul#Navigation_BildGalerie a:visited {
  text-decoration: none;
  color: #ffcc00; background: #660000;
}
ul#Navigation_BildGalerie a:hover {
  text-decoration: none;
  color: #ffcc00; background: #932d2f;
}

/* Bildgalerie */

div#Inhalt_Bildgalerie {
  position: relative;
  top: 0px; left: 0px;
  float: left;
  width: 80%; height: 100%;
  overflow: auto; /* Scrollbalken nur fuer Inhalt */
  background: transparent;
  z-index: 3;
}


/* Formatdefinition fuer bildnn.htm */

div#Inhalt_BildGalerieVorschau {
  position: relative;
  text-align: center;
  margin: 5px;
  float: left;
  width: 190px; height: 190px;
  font-size: 1.0em;
  background: #e0e0e0;
  z-index: 2;
}

div#Inhalt_BildTN {
  position: relative;
  margin: 3px;
  width: 184px; height: 148px;
  background: transparent;
  z-index: 3;
}

div#Inhalt_BildText {
  position: relative;
  margin: 0em;
  width: 190px; height: 36px;
  background: #ffffff;
  z-index: 3;
}

div#Inhalt_BildText span {
  font-size: 0.83em;
}


/* Kontakt */

div#Inhalt_Kontakt_Text {
  position: relative;
  text-align: left;
  top: 30px; left: 20px;
  width: 420px; height: 270px;
  float: left;
  background: transparent;
}

div#Inhalt_Kontakt_Bild {
  position: relative;
  top: 30px; left: 60px;
  width: 250px; height: 280px;
  float: left;
  background: #ffffff;
  box-shadow:         8px 6px 8px 0px #ccc;
  -moz-box-shadow:    8px 6px 8px 0px #ccc;
  -webkit-box-shadow: 8px 6px 8px 0px #ccc;
  -khtml-box-shadow: 8px 6px 8px 0px #ccc;
  -o-box-shadow: 8px 6px 8px 0px #ccc;
}

div#Inhalt_Kontakt_Text2 {
  position: relative;
  text-align: left;
  top: 0px; left: 20px;
  width: 720px; height: 110px;
  float: left;
  background: transparent;
}


/* Formatdefinition fuer email.htm */

div#Inhalt_EMail {
  position: relative;
  margin: 0.7em;
  font-size: 0.83em;
  line-height: 1.2em;
  color: #000000; background: #f0f0f0;
  z-index: 2;
}
div#Inhalt_EMail a:link {
  text-decoration: none; font-weight: normal;
  color: #660000; background: transparent;
}
div#Inhalt_EMail a:hover {
  text-decoration: none; font-weight: normal;
  color: #932d2f; background: transparent;
}
div#Inhalt_EMail span {
  font-weight: bold;
}


div#Inhalt_DSGVO {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  float: left;
  width: 770px; height: 603px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  overflow: auto; 
  color: #000000; background: #f0f0f0;
  font-size: 0.70em;
  line-height: 1.4em;
  z-index: 2;
}
div#Inhalt_DSGVO2 {
  position: relative;
  text-align: left;    /* Seiteninhalt wieder links ausrichten */
  float: left;
  width: 740px; height: 580px;
  margin: 10px;
}
div#Inhalt_DSGVO h1 {
  font-size: 1.3em;
  font-weight: bold;
  margin: 0.2em 0;
  color: #660000;
}
div#Inhalt_DSGVO h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.2em 0;
  color: #660000;
}
div#Inhalt_DSGVO a {
  text-decoration: none;
  color: #660000;
}
div#Inhalt_DSGVO a:hover {
  text-decoration: none;
  color: #932d2f;
}
div#Inhalt_DSGVO p {
  font-size: 1.0em;
  margin: 1em 0;
}


/* Boxdefinition fuer Fusszeile */

div#Fusszeile {
  font-size: 0.65em;
  margin: 0; padding: 0.1em;
  text-align: center;
  color: #ffcc00;
  background: #660000;
  border-top: 1px solid silver;
  z-index: 2;
}