/* ================================
   NEUES STYLESHEET FÜR SMOKECORNER 
   ================================ */


/* ===PADDING- UND MARGIN-RESET=== */

* { padding: 0; margin: 0; }


/* ===FOLGEND GESTALTUNG FÜR DAS HTML-ELEMENT NAMENS BODY=== */

body {
 min-width: 40em;
 color: #000000;
 background-color: #eeeeee;
 background-image: url(./bilder/space.png);
 background-repeat: repeat-y; /* nur vertikal kacheln */
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: medium;
 }


/* ===FOLGEND GESTALTUNG FÜR DEN NAVIGATIONSBEREICH=== */

#fixiert {
 position: absolute;
 top: 0;
 left: 0;
 width: 125px;
 background-color: #eeeeee;
 padding: 0;
 margin-top: 70px;
 margin-left: 3px;
 }

html>body #fixiert { /* nur für moderne Browser */
 position: fixed;
 }

#navigauche {
 position: absolute;
 top: 0;
 left: 0;
 width: 125px;
 background-color: transparent;
 padding: 0;
 margin-top: 0;
 margin-left: 0;
 }

#navigauche ul {
 background-color: #eeeeee;
 list-style-type: none;
 margin-left: 0;
 }

#navigauche li a {
 display: block;
 width: 113px; /* 125 für IE */
 height: 100%;
 border-top: 1px solid white;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 border-left: 1px solid white;
 padding: 5px;
 font-size: smaller;
 font-weight: bold;
 text-align: center;
 }

/* DAS FÜHRTE BEI VERWENDUNG DES BACK-BUTTONS DAZU, DASS DER BUTTON DER VERLASSENEN SEITE GELB UND GEDRÜCKT ERSCHIEN
#navigauche a:active {
 color: black;
 background-color: #ffff84;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 } */

#navigauche a:hover {
 color: black;
 background-color: #ffff84;
 }

#start #navi01 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#nichtraucherschutz #navi02 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#umsetzung #navi03 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#wirkungsweise #navi04 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#aufbetrieb #navi05 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#typen #navi06 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#akt #navi07 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#exempel #navi08 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#referenzen #navi09 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#mailus_de #navi10 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }
#kontakt #navi11 a {
 background-color: #eeeeee;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-left: 1px solid black;
 }

#wrapper {
 background-color: #eeeeee;
 margin-left: 140px;
 }


/* ===FOLGEND GESTALTUNG FÜR DEN LOGOBEREICH=== */

#logodruck {
 display: none;
 }
 
#logoflaeche {
 width: 800px;
 height: 30px;
 margin-top: 20px;
 margin-right: auto;
 margin-left: auto;
 padding: 0;
 }


/* ===FOLGEND GESTALTUNG FÜR DEN ANZEIGEBEREICH=== */

#nutzflaechew {
 color: black;
 background-color: #eeeeee;
 width: 839px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 }

#nutzflaeches {
 color: black;
 background-color: #eeeeee;
 width: 615px;
 margin-right: auto;
 margin-left: auto;
 text-align: left;
 }

#schlagzeile {
 font-size: 150%;
 font-weight: normal;
 text-align: center;
 }

 #ybersicht {
 margin-left: 80px;
 }
  
 #ybersicht ul { margin-left: 120px;
 list-style-type: none;
 list-style-image:url(./gif/listenzeichen.gif)
 }
  
ul, ol {
 margin-left: 40px; /* damit Listen überhaupt eingerückt sind */
 text-align: justify;
 }

#schlussstrich {
 width: 98%;
 font-size: 8px;
 margin-top: 0;
 margin-right: auto;
 margin-left: auto;
 border-bottom: 2px solid blue;
 }

#fuss {
 width: 99%;
 font-size: smaller;
 margin-top: 12px;
 margin-right: auto;
 margin-left: auto;
 padding: 1px;
 text-align: center;
 }

.baureihen { color: #0000ff; font-style: italic; }


/* .noprint brauche ich hier nicht, weil es sich nur auf Grafiken bezieht und jene keine Schriftformatierung brauchen */

/* was hier steht, soll nicht auf dem Monitor angezeigt werden */

.noscreen { display: none; }

.noscreen2 { display: none; }


/* ===FOLGEND GESTALTUNG FÜR DEN BEREICH DES PSEUDOBUTTONS=== */

#pseubutta {
 width: 615px;
 height: 24px;
 margin-right: auto;
 margin-bottom: 12px;
 margin-left: auto;
 }

#pbw {
 width: 839px;
 height: 24px;
 margin-right: auto;
 margin-bottom: 12px;
 margin-left: auto;
 }

/* Das ist Quatsch, weil jeder Pseudobutton andere Werte erfordert. Also inline stylen. #pseubuttb {
 width: 100px;
 height: 18;
 margin-left: 509px;
 } */


/* ===FÜR ALLE DIVS, DIE BLOCKSATZ HABEN SOLLEN DIE KLASSE NAMENS BLOCK=== */

.block { text-align: justify; }


/* ===TYPENAUSWAHL-TABELLE=== */

#tytab {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
 width: 100%;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 BORDER-COLLAPSE:COLLAPSE;
 }

/* ===FOLGEND SPEZIELLE ANWEISUNG FÜR KLASSE VON LINKS, DIE ALS PSEUDO-BUTTON DARGESTELLT WERDEN SOLLEN=== */

a.menue {
 display: block;
 width: 100%;
 height: 100%;
 padding: 2px;
 border-style: solid;
 border-width: 1px;
 border-color: #000000;
 text-align: center;
 text-decoration: none; }


/* ===FOLGEND ANWEISUNGEN FÜR VERSCHIEDENE KLASSEN VON LINKS=== */

a:link { color:#000000; text-decoration:none; }
a.imtext:link { color:#000000; text-decoration:underline; }
a.imtextblau:link { color:#0000ff; text-decoration:underline; }
a.bild:link { color:#000000; text-decoration:none; }
a.menue:link { color: #000000; background-color: transparent; }
a.fusslink:link { color: #0000ff; background-color: transparent; border-bottom: 1px solid blue; }

a:visited { color:#000000; text-decoration:none; }
a.imtext:visited { color:#000000; text-decoration:underline; }
a.imtextblau:visited { color:#0000ff; text-decoration:underline; }
a.bild:visited { color:#000000; text-decoration:none; }
a.menue:visited { color: #000000; background-color: transparent; }
a.fusslink:visited { color: #0000ff; background-color: transparent; border-bottom: 1px solid blue; }

a:hover{ background-color:#000000; color:#eeeeee; text-decoration:none; }
a.imtext:hover{ background-color:#ffff84; color:#000000; text-decoration:underline; }
a.imtextblau:hover{ background-color:#ffff84; color:#0000ff; text-decoration:underline; }
a.bild:hover { color: #000000; background-color:#ffff84; text-decoration:none; }
a.menue:hover { color: #000000; background-color: #ffff84; }
a.fusslink:hover { color: #0000ff; background-color: #ffff84; border-bottom: 1px solid blue; }

img.bildlink { border: 1px solid blue; }
img.bildlink:hover { border: 1px solid #ffff84; }


/* ===FOLGEND ANWEISUNGEN FÜR DAS KONTAKTFORMULAR=== */

form {
 margin-left: 40px;
 }

label.eingabe {
 display: block; /* Beschriftung in eigener Zeile */
 width: 500px;
 text-align: left;
 font-size: smaller;
 font-weight: bold;
 cursor: pointer; /* Mauszeiger wird zur Hand */
 }

label.check {
 font-size: smaller;
 font-weight: bold;
 cursor: pointer; /* Mauszeiger wird zur Hand */
 }
 
#absender,#mailaddi,#fon-nr,#fax-nr, textarea {
 width: 340px;
 background-color: white;
 border: 1px solid blue;
 margin-bottom: 1em;
 }

textarea {
 height: 7em;
 }


/* ===FOLGEND ANWEISUNGEN FÜR DIE BEISPIELSEITEN=== */

#bsp {
 text-align: center;
 margin-right: auto;
 margin-left: auto;
 }