/*** umdfinierte Tags ***/

/* Alles in serifenloser Schrift, Text schwarz auf grau */
/* Das Grau ist Durchschnitt der Schienen und dient als */
/* optische Verlaengerung der Schienen beim IE          */

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #000; background-color: #9f9b96; 
  font-size: 100.01%;
  height: 90%;
  margin: 0; padding: 0;
  text-align: center;
  background-image: url(bilder/schotter.gif);
}

/* ULLRICH MODELLBAHNSTATION */
h1 {
  font-style: italic;
  color: #f00;
  background-color: transparent;
  font-size: 1.5em;	
  margin-bottom: -0.2em; /* damit Text und Bild etwa gleiche Grundlinie */
}

/* Ueberschriften der Einzelseiten */
h2 {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

/* Abschnittseberschriften */
h3 {
  font-size: 1.2em;
  margin-top: 0;
}

h4 {
  font-size: 1.1em;
  margin-bottom: 0.0em;
  margin-top: 0.3em;
  color: #006;
  background-color: transparent;
}

/* Listenelemente mit zusaetzlichen Rand nach unten */
li {
  margin-bottom: 0.33em;
/*  font-weight: bold; */
}

/* wichtigem betonte Worte */
strong {
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
}

q {
  font-size: 1.1em;
  font-weight: bold;
  font-style: italic;
}
               
dt.termine:before {
  content: url(bilder/rotpunkt.gif); 
}

/* normale Links im Text */
a:link { color: #ff8; background-color: transparent; }
a:active { color: #ff0; background-color: transparent; }
a:visited { color: #ff6; background-color: transparent; }
a:hover { color: #c33; background-color: #fff; }

/*** 3-spaltiges Hauptlayout ***/

#seite {
  min-width: 61.1em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  max-width: 61.1em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  width: 61em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  margin: 0 auto; 
  text-align: left;
  position: relative;
  background: #82776f url(bilder/schiene7.gif) repeat-y;
}
#schiene_rechts {
  background: transparent url(bilder/schiene7.gif) repeat-y right;
}


/* Links: Shop-Navigation */
.shop_navi {
  margin: 0; padding: 0;
  float: left; width: 150px;
  height: auto;
  background-image: url(bilder/schiene7.gif);
/*  position: fixed; */
  position: relative;
  bottom: 0; top: 0;
}

/* Rechts: Service-Navigation */
.service_navi {
  margin: 0; padding: 0;
  position: absolute;
  top: 0; bottom: 0;
  height: auto;
  background-image: url(bilder/schiene7.gif);
  width: 150px; right: 0;
}

/* Mitte: Nutztext */
.text {
  margin: 0 150px 0 150px;
  padding: 1ex;
  width: auto;
  height: 100%;
  color: #000; background-color: #eee; 
}
.tabelle {
  width: 100%;
  padding: 0;
  margin: 0;
}
/* html>body .tabelle { width: 100%; } */

.jubileum {
  background: url(bilder/jubel_16.gif) 50% 100%;
  background-repeat: no-repeat;
  height: 50px;
}
.untertitel {
  color: #f00;
  font-weight: bold;
  font-size: 0.9em;
  margin: 0.5ex 0 1ex 0;
}
/* Design in den Navigationsleisten */

.navi a:link { color: #fff; background-color: transparent; text-decoration: none;}
.navi a:active { color: #fff; background-color: transparent; text-decoration: none;}
.navi a:visited { color: #fff; background-color: transparent; text-decoration: none;}
.navi a:hover { color: #f00; font-weight: bold; background-color: #ff0; text-decoration: none;}
.navi_home a:link { color: #f00; background-color: #ff0; text-decoration: none;}
.navi_home a:active { color: #fff; background-color: transparent; text-decoration: none;}
.navi_home a:visited { color: #f00; background-color: #ff0; text-decoration: none;}
.navi_home a:hover { color: #fff; font-weight: bold; background-color: transparent; text-decoration: none;}

.navi, .navi-head, .navi-head-shop {  
  text-align: center;
  width: 150px;
  line-height: 32px;
  font-weight: bold;
  background: url(bilder/schiene7.gif);
  color: #fff;
  background-color: #400;
  margin: 0;
  vertical-align: middle;
}
.navi-head {
  color: #ff0000;
  font-size: 1.5em;
  line-height: 96px;
  background: url(bilder/br03_back.gif);
  background-repeat: no-repeat;
}
.navi-head-shop {
  color: #ff0000;
  font-size: 1.5em;
  line-height: 96px;
  background: url(bilder/ice_back.gif);
  background-repeat: no-repeat;
}
.navi_home {  
  text-align: center;
  width: 150px;
  line-height: 96px;
  font-weight: bold;
  background: url(bilder/br03_back.gif);
  color: #fff;
  background-color: #400;
  margin: 0;
  vertical-align: middle;
}


/* Links unter Bildern - keine Hover-Effekte  */
.bild a:link { color: #000; background-color: transparent; }
.bild a:active { color: #f00; background-color: transparent; }
.bild a:visited { color: #000; background-color: transparent; }
text .bild a:hover { color: #000; background-color: transparent; }

.grbild a:link { color: #ff9; background-color: transparent; }
.grbild a:active { color: #ff0; background-color: transparent; }
.grbild a:visited { color: #ff6; background-color: transparent; }
.grbild a:hover { color: #ff6; background-color: transparent; }

/* wichtige Schlagworte im roten Balken */

.wichtig {
  font-size: 1em;
  color: #fff;
  background-color: #f00;
  padding-left: 0.3em;
  padding-right: 0.3em;
  text-align: center;
  font-weight: bold;
}

/* Links ohne Hover-Effekte  */
.text .wichtig a:link { color: #fff; background-color: transparent; text-decoration: none; }
.text .wichtig a:active { color: #f00; background-color: transparent; text-decoration: none; }
.text .wichtig a:visited { color: #fff; background-color: transparent; text-decoration: none; }
.text .wichtig a:hover { color: #fff; background-color: transparent; text-decoration: none; }

/* Designs im Nutztext */

.text a:link { color: #900; background-color: transparent; }
.text a:active { color: #f00; background-color: transparent; }
.text a:visited { color: #909; background-color: transparent; }
.text a:hover { color: #c33; background-color: #fff; }

.moba_kopf {
  background-color: #fff;
  color: #000;
  padding: 0.33ex 1ex 0.33ex 1ex;
  border: 4px outset #999;
}

.dick {
  font-size: 1.1em;
  font-weight: bold;
}
.fett {
  font-weight: bold;
}

/* MODELLBAHNSTATION (weiss auf rot) im Kopf einer Seite */
/* zusammnen mit h1 Tag */
.mobasta {
  color: #fff;
  background-color: #f00;
  text-align: center;
  margin-top: 0.2em;
  margin-bottom: 0.2em; /* neg. Rand von h1 ausgleichen */
}

/* kleine Schrift im 10-Jahres-Logo */
.jahre {
  color: #f00;
  background-color: transparent;
  font-size: 0.66em;
  font-weight: bold;
}

/* Text "Alle Spurweiten Zubehör Digitalsysteme Modellautos" */
.untertitel {
  color: #f00;
  font-weight: bold;
  font-size: 0.9em;
  background-color: transparent;
  text-align: justify;
}

/* graue Hintergrundkaesten */
.neuigkeiten, .mitglied, .graukasten {
  background-color: #ddd;
  padding: 1ex;
  margin-bottom: 1ex;
  border: 4px outset #edc;
}

/* cremfarbene Hintergrundkaesten */
.service, .gelbkasten, .sonderangebote {
  background-color: #edc;
  padding: 1ex;
  margin-bottom: 1ex;
  border: 4px outset #edc;
}
.sonderangeb {
  margin-top: 0;
}
.sonderangeb, .preislist {
  border: 2px solid #930; 
  empty-cells: hide;
}
.preiskasten {
  margin-bottom: 1ex;
}
.sonderangeb td, .sonderangeb th, .preislist td, .preislist th  {
  padding: 5px;
  font-size: 0.8em;
  border: 1px solid #930;
}
.sonderangeb th, preislist th {
  font-size: 0.75em;
}

/*** diverse Design-Elemente ***/

.rotepkt {
  list-style-position: outside; 
  list-style-image: url(bilder/rotpunkt.gif); 
  list-style-type: circle
}
.unterpkt {
  list-style-position: outside; 
  list-style-image: none; 
  list-style-type: disc;
}

/* Datum der letzten Aenderung */
.datum { 
  background-color: #ff3;
  color: #800;
}

/* Text-Navigation */
.mitte {
  text-align: center;
}

/* kleine Schrift */
.klein {
  font-size: 0.8em;
}

.impress {
  margin-left: 2em;
}
.mittefett {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: transparent;
}
.dialog, .dialogb, .menu, .taste {
  color: #333;
  background-color: #ddf;
  font-weight: bold;
  font-size: 1em;
}
.dialogb {
  border: 2px outset #000;
  padding: 2px 7px 1px 7px;
  cursor: pointer;
}
.taste {
  cursor: pointer;
}
.suchikon {
  cursor: pointer;
}
.menu {
  font-size: 0.8em;
}

.dialogb a:link, .dialogb a:visited, .dialogb a:active, .dialogb a:hover {
  text-decoration: none; 
/*  font-weight: normal; */
  color: #333;
  background-color: #ddf;
  font-family: MS Sans Serif, Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

.weiss {
  color: #000;
  background-color: #fff;
}

.einrueck {
  margin-left: 2em;
}
.hoch {
  font-size: 0.8em;
  vertical-align: text-top;
}

/* Trennzeichen im graf. Browser unsichbar machen */ 
.unsichtbar {
  display: none;
}

/* Bemerkungen auf dem Bestellformular */
.bemerkung {
  font-size: 0.8em;
  font-weight: bold;
  color: #800;
  background-color: transparent;
}

/* Fehlermeldungen in der Bestellung */
.fehler {
  font-size: 1.1em;
  font-weight: bold;
  color: #404;
  background-color: transparent;
}

/* IE macht zu groesse Raender unter eine Tabelle */
.table {
  margin-bottom: 0em;
}

/* in Detaillisten: */
.kategorie {
  font-weight: bold;
  color: #448;
  background-color: transparent;
}
.angabe {
  font-size: 1.2em;
  font-weight: bold;
  color: #008;
  background-color: transparent;
  margin-top: -0.7em;
  margin-left: 2em;
}

dt {
  margin-top: 0.66em;
  font-weight: bold;
}

.gross {
  font-size: 1.33em;
  font-weight: bold;
}

.rechts {
  float: right;
}
.links {
  float: left;
}

.weiter {
  background: url(bilder/weiter_lok.gif);
  background-repeat: no-repeat;
  color: white;
  font-weight:bold;
  border: 2px outset #666;
  
}

.copyrights {
  text-align: right;
  padding: 0 0 1ex 0;
  font-size: 0.8em;
}

a.homelink, a.anfanglink, a.drucklink {
  margin-right: 3ex;
}
a.homelink {
  background: url(bilder/br03_symb.gif);
  background-repeat: no-repeat;
  padding-left: 32px;
}
a.drucklink {
  background: url(bilder/drucker_symb.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
}
a.anfanglink {
  background: url(bilder/up_symb.gif);
  background-repeat: no-repeat;
  padding-left: 21px;
}
a.maillink {
  background: url(bilder/mail_symb.gif);
  background-repeat: no-repeat;
  padding-left: 35px;
}
a.prevlink {
  background: url(bilder/prev_symb.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
}
a.nextlink {
  background: url(bilder/next_symb.gif);
  background-repeat: no-repeat;
  padding-right: 30px;
  background-position: right;
}

a.firmalink {
  margin-right: 2ex;
  background: url(bilder/fabr_symb.gif);
  background-repeat: no-repeat;
  padding-left: 26px;
  vertical-align: 1.2ex;
}
a.mobalink, a.zublink, a.autolink, a.strabalink {
  margin-right: 3ex;
}
a.mobalink {
  background: url(bilder/br132_symb.gif);
  background-repeat: no-repeat;
  padding-left: 67px;
}
a.zublink {
  background: url(bilder/haus_symb.gif);
  background-repeat: no-repeat;
  padding-left: 41px;
}
a.autolink {
  background: url(bilder/auto_symb.gif);
  background-repeat: no-repeat;
  padding-left: 77px;
}
a.strabalink {
  background: url(bilder/straba_symb.gif);
  background-repeat: no-repeat;
  padding-left: 54px;
}
.tabcellright {
  text-align: right;
}

.artseiten {
  border: 0;
  margin: 0;
  text-align: right;
}
.prod_kat {
  color: #fff;
  background-color: #c00;
  padding: 0.2em 0 0.2em 1em;
  margin-bottom: 0px; 
  border: 2px outset #800;
}
/* .prl_tabline {
  margin: 0;
  border: 0;
  height: 42px;
}
*/
.prl_tabline {
  margin: 0;
  border: 0;
  height: 80px;
  background: transparent url(bilder/abzweig-neu_s.gif) no-repeat;
}
.no_backgr {
  background: transparent none no-repeat;
}

.prl_tabline-k {
  margin: 0;
  border: 0;
  height: 80px;
  background: transparent url(bilder/kurve-neu_s.gif) no-repeat;
}
.prl_link {
  margin-left: 1ex;
  font-weight: bold;
}
.prl_line {
  border-bottom: 2px dashed #aaa;
}
.prl_extlink {
  padding-left: 1em;
}

.info_sym {
  margin:0 0 0 1ex;
}

html>body .ie_tipp { display: none; }
@media all {
  .hinweisns4 {
    display: none;
  }
}
.unsichtbar {
  display: none;
}

/*** Styles fuer Navigation auf Preislisten ***/

.pl_navi_bg {
  background: url(bilder/schiene8.gif);
  border: 4px outset #ccc;
  margin-bottom: 1ex;
  height: auto;
}
.pl_navi_div {
  float: left;
  width: 22em;
}
.pl_navi_left {
  float: left;
  width: 8em;
  font-size: 0.93em;
}
.pl_link_text {
  text-align: center;
  font-weight: bold;
  margin-top: 1em;
}
.pl_such_text {
  font-size: 0.8em;
  height: 3.2em;
  text-align: center;
  margin-top: 2.6ex;
}
.pl_such_text2 {
  font-size: 0.8em;
  text-align: center;
  margin: 1ex 0 0 0;
}
.pl_such_feld {
  margin: 0 4px 1ex 0;
}
.pl_menu_text {
  text-align: center;
  margin: 1ex 0 0 0;
}
.pl_menu_text2 {
  text-align: center;
  margin: 0 0 1ex 0;
}
.pl_menu_feld {
  font-size: 0.8em;
/*  margin: 1ex 0 0 1ex; */
}
.pl_hilfe {
  font-size: 0.8em;
  margin-left: 28em;
  width: auto;
  background-color: #ddd;
  padding: 4px;
  border: 2px inset #edc;
}  
.pl_seiten_links {
  text-align: right;
  margin: 1ex 1ex 1ex 0;
}
.index_navi {
  background: transparent url(bilder/schienen_s.gif) repeat-x;
}
.index_navi a:link { color: #300; background-color: transparent;}
.index_navi a:active { color: #f00; background-color: transparent;}
.index_navi a:visited { color: #300; background-color: transparent;}
.index_navi a:hover { color: #300; background-color: #fff;}
  
/* Styles fuer Druckausgabe */

@media print {
  .noprint, .shop_navi, .service_navi, .pl_navi_bg, .index_navi {
    display: none;
  }
  .text {
    margin: 0;
  }
}