/*
  -------------------------------------------------------------------------------
  central css for the content of falk.marcopolo.interactive.de
  seitenblick interaktive medien gmbh, stuttgart
  tel. +49 (711) 8599818-0, email info@seitenblick.de
  tested with   MS Internet Explorer 5.0 (Win32)
                Netscape Communicator 4.76 (Win32)
                ...

  -------------------------------------------------------------------------------
*/

/*
  -------------------------------------------------------------------------------
  central definitions
  -------------------------------------------------------------------------------
*/

.reddot,
.reddot a,
.reddot a:link,
.reddot a:visited,
.reddot a:active
.reddot a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FF0000;
  text-transform: none;
  font-style: normal;
}

p, h1, h2, h3, h4, h5, h6,
table, tr, td, div,
ul, ol, li
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
}
p
{
  margin: 10px 0px 0px 0px;
}
ul
{
  list-style: url(/en/images/global/punkt.gif);
  margin: 10px 0px 0px 0px;
  padding: 0px;
}
li
{
  margin: 0px 0px 10px 16px;
}
body
{
  background-color: #FFFFFF;
  margin: 0px 0px 0px 0px;
}
a,
a:link,
a:visited,
a:active,
a:hover
{
  color: #FF0000;
  text-decoration: none;
}
a:hover
{
  color: #FF0000;
  text-decoration: underline;
}
form, input, select, option, textarea
{
  margin-left: 0px;
  margin-top: 0px;
  font-size: 12px;
}

/*
  -------------------------------------------------------------------------------
  b - background-color
  -------------------------------------------------------------------------------
*/
/* ---------------------------------------------------------------
   b1 dunkle Farbe (dunkelblau)
*/
.b1
{
  background-color: #838282;
}
/* ---------------------------------------------------------------
   b2 helle Farbe Navi
*/
.b2
{
  background-color: #EFEEEE;
}
/* ---------------------------------------------------------------
   b3 helle Farbe Info-Spalte
*/
.b3
{
  background-color: #EFEEEE;
}
/* ---------------------------------------------------------------
   b4 Navi-Spalte Hintergrund
*/
.b4
{
  background-color: #EFEEEE;
}
/* ---------------------------------------------------------------
   b5 globale Trennlinie
*/
.b5
{
  background-color: #999999;
}
/* ---------------------------------------------------------------
   b6 Trennbalken-Hintergrund
*/
.b6
{
  background-color: #D7D6D6;
}
/* ---------------------------------------------------------------
   b7 Trennlinie im Content
*/
.b7
{
  background-color: #999999;
}
/* ---------------------------------------------------------------
   b8 weiße Trennlinie in den Seitenspalten
*/
.b8
{
  background-color: #FFFFFF;
}

/*
  -------------------------------------------------------------------------------
  t - text
  -------------------------------------------------------------------------------
*/
/* --------------------------------------------------------------
   t1 Infospalte: Überschrift der News-Teaser
*/
.t1,
.t1 a,
.t1 a:link,
.t1 a:visited,
.t1 a:active
.t1 a:hover
{
  font-weight: bold;
}
.t1 a:hover
{
  color: #000000;
}
/* --------------------------------------------------------------
   t2 rote unterstrichene Links (z.B. ...mehr, ...zurück)
*/
.t2,
.t2 a,
.t2 a:link,
.t2 a:visited,
.t2 a:active
.t2 a:hover
{
  color: #000000;
  text-decoration: none;
}
/* --------------------------------------------------------------
   t3 aktive Seite im PopUp
*/
.t3
{
  color: #FF0000;
}
/* --------------------------------------------------------------
   t4 allgemeine Textauszeichnung fett
*/
.t4
{
  font-weight: bold;
}
/* --------------------------------------------------------------
   t5 Hinweistext
*/
.t5
{
  font-size: 11px;
}
/* --------------------------------------------------------------
   t6 Media: Werbung: Sonderwerbeformen - Hervorhebung
*/
.t6
{
  font-weight: bold;
}
/*
  -------------------------------------------------------------------------------
  tm - text und margin
  -------------------------------------------------------------------------------
/* --------------------------------------------------------------
   tm1 Fussnavigation
*/
.tm1
{
  margin: 10px 0px 5px 10px;
  text-align: right;
}
.tm1,
.tm1 a,
.tm1 a:link,
.tm1 a:visited,
.tm1 a:active
.tm1 a:hover
{
  color: #666666;
  font-weight: bold;
}
/* --------------------------------------------------------------
   tm2 Hauptnavigation
*/
.tm2
{
  margin: 6px 10px 6px 4px;
}
.tm2,
.tm2 a,
.tm2 a:link,
.tm2 a:visited,
.tm2 a:active
.tm2 a:hover
{
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
}
.tm2 a:hover
{
  color: #D6DEE4;
  text-decoration: none;
}
/* --------------------------------------------------------------
   tm3 Subnavigation
*/
.tm3
{
  margin: 6px 10px 6px 4px;
}
.tm3,
.tm3 a,
.tm3 a:link,
.tm3 a:visited,
.tm3 a:active
.tm3 a:hover
{
  color: #000000;  
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.tm3 a:hover
{
  color: #FF0000;
  text-decoration: none;
}
/* --------------------------------------------------------------
   tm4 Rubrik-Überschrift in Infospalten
*/
.tm4
{
  margin: 6px 10px 6px 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
}
/* --------------------------------------------------------------
   tm5 Presse: Datum
*/
.tm5
{
  font-style: normal;
}
/* --------------------------------------------------------------
   tm6 Breadcrump
*/
.tm6
{
  margin: 7px 10px 7px 10px;
}
.tm6,
.tm6 a,
.tm6 a:link,
.tm6 a:visited,
.tm6 a:active
.tm6 a:hover
{
  color: #666666;
  font-size: 11px;
}
.tm6 a:hover
{
  color: #666666;
}
/* --------------------------------------------------------------
   tm7 Presse: Vorspann
*/
.tm7
{
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
/* --------------------------------------------------------------
   tm8 Seitennavigation im PopUp
*/
.tm8
{
  margin: 5px 10px 5px 10px;
}
.tm8,
.tm8 a,
.tm8 a:link,
.tm8 a:visited,
.tm8 a:active
.tm8 a:hover
{
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 1px;
}
/* --------------------------------------------------------------
   tm9 Sitemap: Ebene 3
*/
.tm9
{
  margin: 0px 0px 0px 20px;
}
.tm9,
.tm9 a,
.tm9 a:link,
.tm9 a:visited,
.tm9 a:active
.tm9 a:hover
{
  font-size: 11px;
  color: #666666;
}
.tm9 a:hover
{
  color: #FF0000;
}
/* --------------------------------------------------------------
   tm10 AGBs Überschrift
*/
.tm10
{
  font-weight: bold;
  font-size: 11px;
  margin: 0px 0px 3px 0px;
}
/* --------------------------------------------------------------
   tm11 AGBs Fließtext
*/
.tm11
{
  font-size: 10px;
  margin: 0px 0px 8px 0px;
}
.tm12
{
  font-size: 12px;
  padding: 5px 15px 0px 0px;
}
/*
  -------------------------------------------------------------------------------
  hl - Headlines
  -------------------------------------------------------------------------------
*/
/* ---------------------------------------------------------------
   hl1 große Headlines
*/

.h10
{
   font-size: 12px;
   font-weight: bold;
   margin: 5px 0px 5px 0px;
}


.hl1
{
  margin: 0px 0px 3px 0px;
}
.hl1,
.hl1 a,
.hl1 a:link,
.hl1 a:visited,
.hl1 a:active,
.hl1 a:hover
{
  font-size: 14px;
  font-weight: bold;
}
/* ---------------------------------------------------------------
   hl2 Teaser-Überschriften
*/
.hl2
{
  margin: 0px 0px 5px 0px;
}
.hl2,
.hl2 a,
.hl2 a:link,
.hl2 a:visited,
.hl2 a:active,
.hl2 a:hover
{
  color: #000000;
  font-weight: bold;
}
/* ---------------------------------------------------------------
   hl3 Zwischenüberschriften
*/
.hl3
{
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}
/* ---------------------------------------------------------------
   hl4 Produkte: fette Überschrift in Liste
*/
.hl4
{
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}
/* ---------------------------------------------------------------
   hl5 Sitemap: Rubriken
*/
.hl5
{
  margin: 0px 0px 5px 0px;
}
.hl5,
.hl5 a,
.hl5 a:link,
.hl5 a:visited,
.hl5 a:active,
.hl5 a:hover
{
  font-size: 13px;
  font-weight: bold;
}
/* ---------------------------------------------------------------
   hl5 Überschrift in PopUps
*/
.hl5
{
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
}
/* ---------------------------------------------------------------
   hl6 Zwischenüberschriften mit 3px Abstand (Impr, Kontakt...)
*/
.hl6
{
  font-weight: bold;
  margin: 0px 0px 2px 0px;
}
/*
  -------------------------------------------------------------------------------
  s - sonstige Styles
  -------------------------------------------------------------------------------
*/
/* ---------------------------------------------------------------
   s1 Rahmen um kleine Screenshots/Bilder im Content
*/
.s1
{
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  margin: 0px 0px 10px 10px;
}
/*
  -------------------------------------------------------------------------------
  f - Formulare
  -------------------------------------------------------------------------------
*/
/* ---------------------------------------------------------------
   f1 Kundenlogin
*/
.f1
{
  width: 150px;
}
/* ---------------------------------------------------------------
   f2 Kontakt
*/
.f2
{
  width: 180px;
}
/* ---------------------------------------------------------------
   f3 Kontakt: PLZ
*/
.f3
{
  width: 40px;
}
/* ---------------------------------------------------------------
   f4 Kontakt: Ort
*/
.f4
{
  width: 130px;
}

/*
  -------------------------------------------------------------------------------
  m - Margin
  -------------------------------------------------------------------------------
*/
/* ---------------------------------------------------------------
   m5u Standart-Abstand
*/
.m5u
{
  margin: 0px 0px 5px 0px;
}
/* ---------------------------------------------------------------
   m10u Standart-Abstand
*/
.m10u
{
  margin: 0px 0px 10px 0px;
}
/* ---------------------------------------------------------------
   m10l Standart-Abstand
*/
.m10l
{
  margin: 0px 0px 0px 10px;
}
/* ---------------------------------------------------------------
   m15u Standart-Absatz-Abstand
*/
.m15u
{
  margin: 0px 0px 15px 0px;
}
/* ---------------------------------------------------------------
   m30u Standart-Absatz-Abstand
*/
.m30u
{
  margin: 0px 0px 30px 0px;
}
/* ---------------------------------------------------------------
   m1 Fuss: Abstand des Falk-Logos
*/
.m1
{
  margin: 5px 5px 5px 20px;
}
/* ---------------------------------------------------------------
   m2 Fuss: Abstand des marcopolo-Logos
*/
.m2
{
  margin: 13px 0px 10px 5px;
}
/* ---------------------------------------------------------------
   m3 Infospalte: Abstand der Texte
*/
.m3
{
  margin: 10px 10px 10px 10px;
}
/* ---------------------------------------------------------------
   m4 Infospalte: Logo des Partners
*/
.m4
{
  margin: 10px 10px 10px 10px;
  text-align: center;
}
/* ---------------------------------------------------------------
   m5 Content-Spalte: innerer Abstand
*/
.m5
{
  margin: 10px 10px 10px 10px;
}
/* ---------------------------------------------------------------
   m6 Bild im Text
*/
.m6
{
  margin: 0px 0px 10px 10px;
}
/* ---------------------------------------------------------------
   m7 Innenabstand PopUp für Screenshots
*/
.m7
{
  margin: 10px 9px 10px 10px;
}
/* ---------------------------------------------------------------
   m8 Fuss: UnionJack
*/
.m8
{
  margin: 8px 0px 8px 10px;
}
/* ---------------------------------------------------------------
   m9 Infospalte: Punkt/Pfeil und Text
*/
.m9
{
  margin: 0px 0px 8px 0px;
}
/* ---------------------------------------------------------------
   m10 Abstand Aufzähler Punkt
*/
.m10
{
  margin: 5px 0px 0px 0px;
}
/* ---------------------------------------------------------------
   m11 Abstand Aufzähler Pfeil
*/
.m11
{
  margin: 2px 0px 0px 0px;
}
/* ---------------------------------------------------------------
   m12 Media: Werbung: Werbeformen Tabelle
*/
.m12
{
  margin: 3px 5px 3px 5px;
}
.rahmen
{
  border-width:1px;
  border-style:solid;
  border-color:Silver;
  border-collapse:collapse;
}
td.rahmen
{
  border-width:1px;
  border-style:solid;
  border-color:Silver;
  border-collapse:collapse;
}

/* ---------------------------------------------------------------
   Bildleiste auf homepage
--------------------------------------------------------------- */
#bildleiste table {
  width:503px;
  border:0;
}
#bildleiste td {
  vertical-align:top;
}
#bildleiste .tda {
  padding:5px 27px 0 0;
}
#bildleiste .tdb {
  padding:5px 26px 0 0; 
}
#bildleiste .tdc {
  padding:5px 0 0 0;
}