/* LNConsult Orange #F37C08
   Dunkelgrau #8c8c8c
   Hellgrau #d9d9d9 */

* {
  padding: 0;
  margin: 0;
}

html { height: 101%; } /* erzwingt Scrollbar in Firefox */

body {
  color: white; /* Schriftfarbe */
  background-color: #ffffff; /*Hintergrundfarbe */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
}


/* --------------------------------
   div Bereiche
-------------------------------- */

#wrapper {
  color: black;
  background-color: white;
  width: 720px; /* Breite des Inhaltsbereich */
  margin-top: 20px;
  margin-right: auto; /* zum Zentrieren */
  margin-bottom: 10px;
  margin-left: auto; /* zum Zentrieren */
  border: 1px solid #8c8c8c;
}

#kopfbereich {
  position: relative;
  color: black;
  background-color: #ffffff;
  background-repeat: repeat-y;
  background-position: top left;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
}

#logo {
  position:absolute;
  top: 25px;
  left: 20px;
  background-color: white;
}

#pikto_barcode {
  position: absolute;
  top: 15px;
  right: 10px;
}

#pikto_volumescanning {
  position: absolute;
  top: 15px;
  right: 44px;
}

#pikto_voice {
  position: absolute;
  top: 15px;
  right: 78px;
}

#pikto_beratung {
  position: absolute;
  top: 15px;
  right: 112px;
}



#header {
  color: black;
  background-color: #f3f3f3;
  padding: 5px;
  border-bottom: 1px solid #8c8c8c;
}

#quicknavigation ul {
  margin-bottom: 0px;	
}

#quicknavigation li {
  display: inline; /* li nebeneinander darstellen */
  list-style-type: none; /* ohne Aufzählungspunkte */
  margin: 0;
}

#website_language {
  float: right;
  text-align: right;
  margin: 0px; 
  padding: 0px;
  font-size: 9px;
}

#sprache a {
  text-decoration: none;
}

#navibereich {
  text-align: right; /* rechtsbündig */
  color: black;
  background-color: #ffffff;
  background-repeat: repeat-y;
  background-position: top left;
  padding: 5px 10px 4px 10px;
  border-bottom: 1px solid #8c8c8c;
}

#navibereich ul {
  margin-bottom: 0;	
}

#navibereich li {
  display: inline; /* li nebeneinander darstellen */
  list-style-type: none; /* ohne Aufzählungspunkte */
  margin: 0;
}

#navibereich a {
  color: black;
  background-color: #ffeda0;
  padding: 4px 8px 4px 8px;
  border: 1px solid #8c8c8c;
}

#navibereich a:active {
  background-color: white;
}

#navibereich a:hover,
#home #nav01 a,
#unternehmen #nav02 a,
#beratung #nav03 a,
#solutions #nav04 a,
#kontakt #nav05 a,
#referenzen #nav06 a{
  text-decoration: none;
  color: black;
  background-color: white;
  padding-bottom: 5px;
  border-bottom: none;	
}

#bodynavigation {
 float: left;
 width: 150px; /* wert für width ist auch in index.php bei margin-left des textbereich angegeben */
 padding-top: 20px;
 padding-left: 10px;
}



#textbereich {
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

#fussbereich {
  padding: 10px; 
  /* padding-top: 10px;  Innenabstand oben, unterhalb Linie */
  border-top: 1px solid #8c8c8c;
  margin-top: 20px;
}

#hersteller table tr td {
  padding: 20px;
}


#apache_realisierungsvarianten td {
  padding: 20px;
}


/* --------------------------------
   html Elemente
-------------------------------- */

h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 150%; }
h2 {
  font-size: 130%;
  margin-bottom: 1em;
}

h3 {
  margin-bottom: 1em;
}

h4 {
  font-size: 110%;
  margin-bottom: 1em;
}

h5 {
  font-size: 105%;
  margin-bottom: 1em;
}

address {
  text-align: center;
  font-size: 8px;
  font-style: normal;
  letter-spacing: 1px;
  /* line-height: 1.5em; */
}

a { text-decoration: none; outline: none; }
a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: white; background-color: #d90000; }

p, ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em; /* Abstand nach unten */
  margin-left: 0;
}

ul ul { margin: 0; }

li {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 1em; */ Abstand nach links */
}

/* ------------------------------------
   Das Kontaktformular
------------------------------------ */

form {
  background-color: #eee;
  width: 400px;
  padding: 10px;
  border: 1px solid #8c8c8c;
}

label {
  display: block;
}

#name, #absender {
  width: 400px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}

textarea {
  width: 400px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}


textarea {
  height: 7em;
}

input:focus, textarea:focus {
  background-color: #d9d9d9;
}