/*** ACHTUNG: NIEMALS moba.css editieren ***/

/*** 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;
}
.h3normal, .h3ikon {
  margin-top:       1em;
  margin-bottom:    1ex;
}
  
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;
}

/* 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:         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;
}

.jubileum {
  background:       url(bilder/jubel_18.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;
}
.warnkasten {
  background-color: #ffc0c0;
  color:            black;
  font-style:       italic;
  font-weight:      bold;
  margin-bottom:    1ex;
  border:           4px outset #edc;
  padding:          1ex;
  font-size:        0.8em;
}
.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;
}
.menu {
  font-size: 0.8em;
}

.dialogb a:link, .dialogb a:visited, .dialogb a:active, .dialogb a:hover {
  text-decoration: none; 
  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, .linksauto {
  float:      left;
}
.linksauto {
  width:      auto;
}
/* Signal rechts auf Homepage */
.signal_re {
   margin-top:    1em;
   margin-left:   1ex;
   border:        0;
}
/* Signal links auf der Homepage */
.signal_li {
  float:          left;
  margin-top:     1em;
  margin-right:   1ex;
  border:        0;
}
  
.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;
}

/* Stile auf alter preisliste.html
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 ***/

/* Hintergrund der Preislisten-Navigation */
.pl_navi_bg {
  background:       url(bilder/schiene8.gif);
  border:           4px outset #ccc;
  margin-bottom:    1ex;
  height:           150px;
}
/* Linker Teil der Preislisten-Navigation */
.pl_navi_div {
  float:            left;
  width:            22em;
}
/* Links ganz links (Firma-Startseite) */
.pl_navi_left {
  float:            left;
  width:            8em;
  margin:           3.4ex 0 0 1ex;
  font-size:        0.85em;
}
html>body .pl_navi_left {margin-top: 2.4ex;}

/* oberer Link zur Firmen-Startseite */
.pl_link_text {
  text-align:       center;
  font-weight:      bold;
}
/* unterer Link zu lieferbaren / allen Artikeln */
.pl_link_text2 {
  text-align:       center;
  font-weight:      bold;
  margin-top:       1em;
}

/* Direktsuche in Preisliste, Eingabefeld und Lupe */
.pl_such_text, .pl_such_text2 {
  font-size:        0.8em;
  height:           3.2em;
  text-align:       center;
  margin:           4ex 0 0 0;
}
/* Lupe in Direksuche */
.suchikon {
  cursor:           pointer;
  vertical-align:   -50%;
  border:           0;
}

/* Feld fuer Direktsuche in Preislisten */
.pl_such_feld {
  margin-right:     5px;
}
/* Seitenmenue nach Artikelnummern */
.pl_menu_text {
  text-align:       center;
  margin:           0.33ex 0 0 0;
}
.pl_menu_text2 {
  text-align: center;
  margin: 0 0 1ex 0;
}
.pl_menu_feld {
  font-size: 0.8em;
}

/* Hilfe-Kasten rechts oben in den Preislisten */
.pl_hilfe, .pl_hilfe2 {
  font-size:        0.8em;
  margin:           4px 4px 0 28em;
  width:            auto;
  background-color: #ddd;
  padding:          4px;
  border:           2px inset #edc;
}
.pl_hilfe2 {
  margin-bottom:    4.4em;
}
  
/* Direkt-Links zu den Seiten einer Preisliste */  
.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;}
  
.tipp {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.gprl_tab {
  vertical-align: top;
  border-collapse: collapse;
}
.gprl_line {
  border: 1px dashed #660;
  vertical-align: top;
}
.gprl_cell {
  padding: 0 1ex 0 1ex;
  border-right: 1px dashed #660;
}

/* .abstand {
  margin-right: 1.25em;
  width: 10ex;
}
  */
.abstand {
  float: left;
  width: 8.75em;
/*  margin-right: 0.5em; */
  padding-right: 0.5em;
  padding-left: 0.5em;
  border-right: 1px dashed #000;
  border-left: 1px dashed #000;
}

/* Navigation fuer Seite (Homepage) */
.page_nav {
  background:   transparent url(bilder/schiene9.jpg) repeat-x scroll bottom;
  height:       32px;
  padding:      6px 0 4px 0;
  font-weight:  bold;
  margin:       0;
}
/* Abstand Objekte Navigation fuer Seite */
.page_nav_dist {
  margin-left:    1ex;
  border:         0;
  vertical-align: bottom;
}
/* Navigationstabelle auf shop.html */
.page_nav_shop {
  background:   transparent url(bilder/schiene10.gif) repeat-x scroll bottom;
  border:       0; 
  width:        100%;
}

/* Artikel-Ikonen auf der Seite Preisliste.html */ 
.prl_art_ikon { 
  margin-top:     1ex;
  border:         0;
}

/* Ueberschriften zu den Artikel-Ikonen */
.h3ikon {
  float:          left;
  width:          16.5em;
}
     
/* Trenn-Schiene mit Float-Aufhebung */
.brline {
  clear:      both;
  margin:     4px 0 0 0;
  padding:    0;
  background: transparent url(bilder/waag_schiene.jpg) repeat-x;
}

/* Ikonenfelder auf den Produk-Galerie-Seiten */
.vid_ikons {
  height:       8em;
  width:        9.5em;
  float:        left;
  border:       2px outset #666;
  text-align:   center;
  margin:       2px;
  padding:      2px;
} 
/* Video */
.video {
  display:      block;
  width:        300px;
  height:       250px;
  float:        left;
  margin-right: 1ex;
}
/* Text im Video-Fenster */
.vid_text {
  float:        right;
  padding:      1em;
  font-weight:  bold;
  color:        white;
}


/* Styles fuer Druckausgabe */

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