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

  central css for mpi.de

  seitenblick interaktive medien gmbh, stuttgart
  tel. +49 (711) 8599818-0, email info@seitenblick.de

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



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

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;
}

body
{
  background-color: #FFFFFF;
}

a,
a:link,
a:visited,
a:active,
a:hover
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration: underline;
  color: #003366;
}

form, input, select, option
{
  margin-left: 0px;
  margin-top: 0px;
  font-size: 11px;
}



/*
  -------------------------------------------------------------------------------
  b - background-color
  -------------------------------------------------------------------------------
*/

/* ---------------------------------------------------------------
   b1 Trennlinie
*/
.b1
{
  background-color: #003366;
}


/* ---------------------------------------------------------------
   b2 Tabelle
*/
.b2
{
  background-color: #EEEEEE;
}

/* ---------------------------------------------------------------
   b3 Trennlinie in Tabelle
*/
.b3
{
  background-color: #B2B2B2;
}



/*
  -------------------------------------------------------------------------------
  t - text
  -------------------------------------------------------------------------------
*/

/* ---------------------------------------------------------------
   t1 Headline
*/
.t1,
.t1 a,
.t1 a:link,
.t1 a:visited,
.t1 a:active,
.t1 a:hover
{
  font-size:22px;
  color: #003366;
  font-weight : bold;
}


/* ---------------------------------------------------------------
   t2 Headline Tabelle
*/
.t2,
.t2 a,
.t2 a:link,
.t2 a:visited,
.t2 a:active,
.t2 a:hover
{
  font-size:13px;
  color: #000000;
  font-weight : bold;
}



/* ---------------------------------------------------------------
   t3 Navigation links
*/
.t3,
.t3 a,
.t3 a:link,
.t3 a:visited,
.t3 a:active,
.t3 a:hover
{
  font-size:11px;
  color: #003366;
  text-decoration: none;
}

/* ---------------------------------------------------------------
   t4 Navigation klein (print/back)
*/
.t4,
.t4 a,
.t4 a:link,
.t4 a:visited,
.t4 a:active,
.t4 a:hover
{
  font-size:10px;
  color: #003366;
  font-weight : bold;
  text-decoration: none;
}


/* ---------------------------------------------------------------
   t5 Headline Tabelle links
*/
.t5,
.t5 a,
.t5 a:link,
.t5 a:visited,
.t5 a:active,
.t5 a:hover
{
  font-size:12px;
  color: #000000;
  font-weight : bold;
}


/* ---------------------------------------------------------------
   t6 Sub-Headline Tabelle
*/
.t6,
.t6 a,
.t6 a:link,
.t6 a:visited,
.t6 a:active,
.t6 a:hover
{
  font-size:12px;
  color: #000000;
  font-weight : bold;
}


/* ---------------------------------------------------------------
   t7 Headline für Pulldown
*/
.t7,
.t7 a,
.t7 a:link,
.t7 a:visited,
.t7 a:active,
.t7 a:hover
{
  font-size:20px;
  color: #FFFFFF;
  font-weight : bold;
  background-color : #C4C4C4;
}


/* ---------------------------------------------------------------
   t8 Headline Kontinente startseite
*/
.t8,
.t8 a,
.t8 a:link,
.t8 a:visited,
.t8 a:active,
.t8 a:hover
{
  font-size:16px;
  color: #003366;
  font-weight : bold;
}


/* ---------------------------------------------------------------
   t9 Headline Kontinente startseite
*/
.t9,
.t9 a,
.t9 a:link,
.t9 a:visited,
.t9 a:active,
.t9 a:hover
{
  font-size:16px;
  color: #003366;
}


/* ---------------------------------------------------------------
   t10 Headline Balken startseite
*/
.t10,
.t10 a,
.t10 a:link,
.t10 a:visited,
.t10 a:active,
.t10 a:hover
{
  font-size:14px;
  color: #FFFFFF;
  font-weight : bold;
  font-style : italic;
}


/* ---------------------------------------------------------------
   t11 EXTRAS Fussnote
*/
.t11,
.t11 a,
.t11 a:link,
.t11 a:visited,
.t11 a:active,
.t11 a:hover
{
  font-size:10px;
  color: #5B5B5B;
}


/*
  -------------------------------------------------------------------------------
  f - Formulare
  -------------------------------------------------------------------------------
*/

/* ---------------------------------------------------------------
   f1 Erklärungstext
*/
input.f1
{
  font-family:Arial, Helvetica, sans-serif;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 11px;
  background-color: #FFFFFF;
  border: 1 solid #003366;
  color: #000000;
}

textarea.f1
{
  font-family:Arial, Helvetica, sans-serif;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 11px;
  border: 1 solid #003366;
  background-color: #FFFFFF;
  scrollbar-face-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-3dlight-color:#B6C9DF;
  scrollbar-darkshadow-color:#B6C9DF;
  scrollbar-track-color:#E9EEF2;
  scrollbar-arrow-color:#003366;
}

select.f1
{
  margin-left: 0px;
  margin-top: 0px;
  font-size: 12px;
}


/* ---------------------------------------------------------------
   f2 Erklärungstext
*/
input.f2
{
  font-family:Arial, Helvetica, sans-serif;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 11px;
  background-color: #FFFFFF;
  border: 1 solid #003366;
  color: #000000;
}

textarea.f2
{
  font-family:Arial, Helvetica, sans-serif;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 11px;
  border: 1 solid #003366;
  background-color: #FFFFFF;
  scrollbar-face-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-3dlight-color:#B6C9DF;
  scrollbar-darkshadow-color:#B6C9DF;
  scrollbar-track-color:#E9EEF2;
  scrollbar-arrow-color:#003366;
}

select.f2
{
  margin-left: 0px;
  margin-top: 0px;
  font-size: 12px;
}






/*
  -------------------------------------------------------------------------------
  m - Margin
  -------------------------------------------------------------------------------
*/

/* ---------------------------------------------------------------
   tab1 Tabellenkopf
*/
.m1
{
  margin: 3px 7px 3px 7px;
}


/* ---------------------------------------------------------------
   tab Tabellenzeilen
*/
.m2
{
  margin: 5px 7px 5px 7px;
}



/* ---------------------------------------------------------------
   tab Tabellenzeilen
*/
.m3
{
  margin: 4px 4px 4px 4px;
}


/* ---------------------------------------------------------------
   tab Länderstartseite
*/
.m4
{
  margin: 4px 0px 4px 0px;
}



/* ---------------------------------------------------------------
   tab Tabellenzeilen
*/
.m5
{
  margin: 0px 7px 10px 7px;
}