/*
  overall_inhouse.css
  +++++++++++++++++++

  Beschreibung:
  Stylesheet für die festen Seitenelemente in allen inhouse-Dokumenten des IMC

  History:
  07-nov-03  --  erstellt  --  Eckhard Stasch

  07-feb-04  --  um pdf-elemente erweitert  -- Eckhard Stasch

  13-feb-04  --  div.print-button vorübergehend abgeschaltet -- Eckhard Stasch

  01-aug-06 --   hoverflaeche nicht einruecken MRE

  06-jan-07 --   Farben von Fahrzeugtechnik/Motorenwerkstatt geaendert

*/


/* FARBEN*/


  /* Schrift und Seitenfarbe */
  body.neutral             {background-color: rgb(220,220,220);  color: rgb(40,40,40); }
  body.informationsdienste {background-color: rgb(220,220,220);  color: rgb(40,40,40); }
  body.sachsen             {background-color: rgb(127,195, 28);  color: rgb(4,61,97); }
  body.unternehmer         {background-color: rgb( 10, 34,103);  color: rgb(193,203,226); }
  body.familie             {background-color: rgb(244,203,  0);  color: rgb(127,0,0); }
  body.arbeiter            {background-color: rgb(188, 80, 29);  color: rgb(191,191,191); }
  body.kmStaedter          {background-color: rgb(153,  0, 13);  color: rgb(253,172,89); }
  body.km-staedter          {background-color: rgb(153,  0, 13);  color: rgb(253,172,89); }
  body.kreative            {background-color: rgb(  0,120,125);  color: rgb(127,195,28); }
  body.konsumenten         {background-color: rgb(255,127,  0);  color: rgb(9,0,62); }
  body.europaer            {background-color: rgb(204,204,204);  color: rgb(53,58,144); }   /* hg: CMYK (0%,0%,0%,25%) || font: CMYK(100%,80%,0%,0%) */
  body.textilstrasse       {background-image: url('/_bilder/inhouse/hg_textil.gif'); color: rgb(255,255,255) }
  body.fahrzeugtechnik     {background-color: rgb(51,51,51);  color: rgb(255,255,255); }



  /* Hyperlinks */

  body.neutral a:link, body.neutral a:visited { color: rgb(40,40,40); }
  body.neutral a:hover { background-color: rgb(40,40,40); color: rgb(220,220,220); }

  body.informationsdienste a:link, body.informationsdienste a:visited { color: rgb(40,40,40); }
  body.informationsdienste a:hover { background-color: rgb(40,40,40); color: rgb(220,220,220); }

  body.sachsen a:link, body.sachsen a:visited  {color: rgb(4,61,97); }
  body.sachsen a:hover                          {color: rgb(127,195, 28);  background-color: rgb(4,61,97); }

  body.unternehmer a:link, body.unternehmer a:visited {color: rgb(193,203,226); }
  body.unternehmer a:hover                             {color: rgb( 10, 34,103);  background-color: rgb(193,203,226); }

  body.familie a:link, body.familie a:visited  {color: rgb(127,0,0); }
  body.familie a:hover                          {color: rgb(244,203,  0);  background-color: rgb(127,0,0); }

  body.arbeiter a:link, body.arbeiter a:visited  {color: rgb(191,191,191); }
  body.arbeiter a:hover                           {color: rgb(188, 80, 29);  background-color: rgb(191,191,191); }

  body.kmStaedter a:link, body.kmStaedter a:visited  {color: rgb(253,172,89); }
  body.kmStaedter a:hover                             {color: rgb(153,  0, 13);  background-color: rgb(253,172,89); }

  body.km-staedter a:link, body.km-staedter a:visited  {color: rgb(253,172,89); }
  body.km-staedter a:hover                             {color: rgb(153,  0, 13);  background-color: rgb(253,172,89); }

  body.kreative a:link, body.kreative a:visited  {color: rgb(127,195,28); }
  body.kreative a:hover{color: rgb(  0,120,125);  background-color: rgb(127,195,28); }

  body.konsumenten a:link, body.konsumenten a:visited  {color: rgb(9,0,62); }
  body.konsumenten a:hover{color: rgb(255,127,  0);  background-color: rgb(9,0,62); }

  body.europaer a:link, body.europaer a:visited {color: rgb(53,58,144); }
  body.europaer a:hover{color: rgb(204,204,204); background-color: rgb(53,58,144); }

  body.textilstrasse a:link, body.textilstrasse a:visited {color: rgb(255,255,255); }
  body.textilstrasse a:hover{color: orange; background-color: rgb(255,255,255); }

  body.fahrzeugtechnik a:link, body.fahrzeugtechnik a:visited {color: rgb(255,255,255); }
  body.fahrzeugtechnik a:hover {rgb(255,25,255); background-color: rgb(0,0,0); }



  /* verschiedenes */
  body.textilstrasse div.thema { color: rgb(235,235,235); }
  body.informationsdienste .thema { color: rgb(150,150,150); }
  body.fahrzeugtechnik .thema { color: rgb(255,217,102); }
  body.neutral .thema { color: rgb(150,150,150); }







body {
  font-family:verdana;
/*  height: 100%; */
  margin: 0px;
}

#navi_www {
  visibility: hidden;
}

.thema {
  position: absolute; top: 0px; left: 20px;
  /* width: 1200px; */
  font-size: 100px;
}

.pfad {
  position: absolute; top:135px; left: 100px;
  width: 1280px; height: 40px; font-size:20px;
}

.textilmovie {
  position: absolute; top:900px; left: 1200px;
  width: 40px; height: 40px; font-size:20px;
}

p.textiltext {
  font-size: 20px;
  font-weight: bold;
  text-decoration:none;
  }


div.pfad, div.thema { z-index: 20; }

div.pfad div {
  height: 40px; display: inline;
  padding-left: 15px; padding-right: 5px;
  padding-top: 4px; padding-bottom: 12px;
  border: 0px;
  border-left: 1px; border-style: solid;
}


div.pfad div.titel {
  border: 0px; padding-left: 5px;
  font-size: 24px;
}

/* MRE 09.01.2009 top von 65 auf 50 geändert, damit PB nicht in die Breadcrump-Zeile hineinragt */
div.print-button {
  position: absolute; top:50px; left: 1100px;
  padding: 10px;
  font-size: 18px;
  border: 2px dashed;
  visibility: visible;                /* vorübergehend abgeschaltet   --   e.stasch, 13.feb.04  */
}


/* MRE 11.08.2009 language-button eingefuegt */
div.language-button {
  position: absolute; top:70px; left: 1180px;
  padding: 10px;
  font-size: 18px;
  /*border: 2px dashed;*/
  visibility: visible;
}




#seitenHeader {
  /* betrifft das www-Element Seitenheader */
  position: absolute; top: 0px; left: 0px;
  width: 1px; height: 1px; overflow: hidden;
  visibility: hidden;
}


span.webOnly {
  position: absolute; top: 0px; left: 0px;
  width: 1px; height: 1px; overflow: hidden;
  visibility: hidden;
}

#viewport {
  position: absolute; top:200px; left:100px;
  width: 1000px; height: 600px;
  overflow: hidden;
  border: 0px solid;
}

/* auf den Crimmitschau-Seiten steht die Seitenüberschrift innerhalb des viewports */
body.crimmitschau #viewport {
  top:170px;
}

/* Crimmitschau-Seiten verwenden 'h1' als Seitenüberschrift */
body.crimmitschau #viewport h1 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}

#seiteninhalt {
  position: absolute;
  width: 1000px; height: auto;
  overflow: visible;
  border: 0px solid;
}

#seitenInhalt td.spalte_links, #seitenInhalt td.spalte_rechts {
  width: 50%;
  vertical-align: top;
}

#scroll_seiteninhalt {
  position: absolute; top: 820px; left: 200px;
  width: 130px; height: 45px;
/*  border: 1px dashed; */
  visibility: hidden;
}


#scroll_seiteninhalt_down {
  position: absolute; top: 0px; left: 0px;
}

#scroll_seiteninhalt_down {
  position: absolute; top: 0px; left: 80px;
}

#fuss_inhouse {
/*  position: absolute; top:954px; left:0px; */
  position: absolute; top:974px; left:0px;
  height: 50px; width: 1280px;
  background-color: #404040;
}

#fuss_inhouse img {
  position: absolute; top:0px; left:0px;
  width: 1280px; height: 50px;
  border:0px;
}

#fuss_www {
  visibility: hidden;
}

#index_inhouse {
/*  position: absolute; top:614; left:0; */
  position: absolute; top:634; left:0;
  height: 404; width: 285;
  border: 0px dashed orange;
  z-index: 100;
  visbility: hidden;
}

/* PDF-Container-Elemente */

.pdf-viewport {
  position: absolute; top:200px; left:100px;
  width:700px; height:700px;
  overflow: hidden;
  border: 1px solid coral;
}

.pdf-viewport object {
  width:700px; height:700px;
}

.pdf-beschreibung {
  position: absolute; top:200px; left:950px;
  width:250px; height:800px;
  overflow: hidden;
}

.pdf-hinweis {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px dashed coral;
}


/* INFOTHEK Sponsoren-Tabelle */

table.sponsoren {
  width:100%;
}

/* ARCHIV >> vergangene Ausstellungen */



#portraitInfo {
  width: 500px;
  margin-top: 300px;
  margin-left: 350px;
  margin-right: 350px;
  text-align: center;
  padding: 30px;
  font-size: 16px;
  border: 0px;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
}

#portraitInfo div.myLink {
  margin-top: 80px;
  font-weight: bold;
}

#portraitInfo div.myLink a:link, a:hover, #portraitInfo div.myLink a:visited, #portraitInfo div.myLink a:hover  {
  /*padding: 5px;*/  /*MRE 1.8.2006*/
  text-decoration: none;
}



/* BILDSEITE */

div.bildseite {
  position: absolute;
  top: 190px; left: 210px;
  padding: 10px;
  padding-left: 15px; padding-right: 15px;
  border: 1px solid;
}

div.bildseite td {
  padding-top: 20px;
  font-size: 12px;
  linie-height: 20px;
}