/* 
  overall_www.css
  +++++++++++++++
  
  Beschreibung:
  Stylesheet für die festen Seitenelemente in allen WWW-Dokumenten des IMC

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

  03-dez-05  --  weiterentwickelt für Crimmitschau --  Eckhard Stasch
  
  18-dez-07	 --  Änderungen durch Ausscheiden Lengefeld	--  Ute Korndörfer

  28-feb-08	 --  Änderung Knappenrode hg blau in schwarz		Ute Korndörfer	


*/



/* __ GLOBALE EINSTELLUNGEN __ */

li{font-size:12px}

body { 
  font-family:verdana; 
  margin-top: 160px; /*180*/ 
  margin-left: 0px; 
  margin-right: 0px;
  margin-bottom: 10px;
  background-color: #efefef;
}


body.crimmitschau {
  margin-top: 170px; 
  background-color: orange;
}


/* __ INHOUSE ELEMENTE UNSICHTBAR SCHALTEN __ */


#scroll_seiteninhalt, #fuss_inhouse, #index_inhouse, div.subKategorien {
  position: absolute; top: 0px; left: 0px;
  width: 1px; height: 1px; overflow: hidden; 
  visibility: hidden;
}

div.thema, div.pfad {
  position: absolute; top: 0px; left: 0px;
  width: 1px; height: 1px; overflow: hidden; 
  visibility: hidden;
}


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


/* __ NAVIGATIONLEISTE FÜR WWW-SEITEN __ */


/*

  Höhengliederung:    obere Zeile         70 px
                      - - - - - - - - - - - - -
                      mittlere Zeile      ?? px
                      - - - - - - - - - - - - -
                      untere Zeile        ?? px

*/

#navi_www { 
  position:absolute; top:0px; left:0px; 
  width: 100%; 
  background-color: #404040;
  /* border: 1px solid red; */
}

#menuTable {
  width:100%; 
}

#menuTable td {
  vertical-align: middle /*bottom*/ ; 
}


/* BILDZEILE */

#menuTable tr.menuTable_row0 td {
  border: 0px;
  border-right: 1px solid #404040;  
  border-bottom: 1px solid #404040;
  height: 70px;
}

/* Spaltenaufteilung */

#fieldChemnitzHg, #fieldCrimmitschauHg, #fieldEhrenfriedersdorfHg, #fieldKnappenrodeHg {
  width: 12%;
}

#fieldZweckverbandHg {
  width: 52%;
}

/* Bilder */

#fieldChemnitzHg {
  background-image:url('/_bilder/www/navi_01_imc.jpg');
}

#fieldCrimmitschauHg {
  background-image:url('/_bilder/www/navi_02_crimmi.jpg');
}

#fieldEhrenfriedersdorfHg {
  background-image:url('/_bilder/www/navi_04_ehren.jpg');
}

#fieldKnappenrodeHg {
  background-image:url('/_bilder/www/navi_05_knappen.jpg');
}

#fieldZweckverbandHg {
  padding-left: 5px;
}

/* Schriftgrößen in den zwei Menüzeilen */

#menuTable tr.menuTable_row1 td {
  font-size: 13px;  /*15*/
  padding-top: 3px;
}

#fieldInfothek, #fieldDauer, #fieldSonder, #fieldKontakt, #fieldHome, #fieldZweckverband {
  font-size: 13px;
  padding-left: 3px;
  padding-right: 20px;
  padding-top: 3px;
}

/* Konturen, Hg-Farben u. Hyperlinks in den zwei Menüzeilen */

#menuTable tr.menuTable_row1 td, #menuTable tr.menuTable_row2 td.tableContainer td{
  border: 0px;
  border-right: 1px solid #404040;  
  border-bottom: 1px solid #404040; 
  padding-left: 2px;
}


#menuTable a:link {
  text-decoration: none;
}

#menuTable a:visited {
  text-decoration: none;
}

#menuTable a:hover {
  text-decoration: none;
}



#fieldChemnitz, #subMenu_Chemnitz td  {
  background-color: rgb(188,80,29);
}

#fieldChemnitz, #fieldChemnitz a:link, #fieldChemnitz a:visited, #subMenu_Chemnitz td a:link, #subMenu_Chemnitz td a:visited {
  color: orange;
}

#fieldChemnitz a:hover, #subMenu_Chemnitz td a:hover {
  color: #bfbfbf;
}



#fieldCrimmitschau, #subMenu_Crimmitschau td {
  background-color: orange;
}

#fieldCrimmitschau, #fieldCrimmitschau a:link, #fieldCrimmitschau a:visited, #subMenu_Crimmitschau td a:link, #subMenu_Crimmitschau td a:visited {
  color: #333333;
}

#fieldCrimmitschau a:hover, #subMenu_Crimmitschau td a:hover {
  color: red;
}



#fieldEhrenfriedersdorf, #subMenu_Ehrenfriedersdorf td {
  background-color: #999999;
  letter-spacing: -1px;
}

#fieldEhrenfriedersdorf a:link, #fieldEhrenfriedersdorf a:visited, #subMenu_Ehrenfriedersdorf td a:link, #subMenu_Ehrenfriedersdorf td a:visited {
  color: #333333;
}

#fieldEhrenfriedersdorf, #fieldEhrenfriedersdorf a:hover, #subMenu_Ehrenfriedersdorf td a:hover {
  color: #eeeeee  /* #bfbfbf; */
}



#fieldKnappenrode, #subMenu_Knappenrode td {
  background-color: #000000;
}

#fieldKnappenrode, #fieldKnappenrode td, #fieldKnappenrode a:link, #fieldKnappenrode a:visited, #fieldKnappenrode a:hover   {
  color:orange;
}



#fieldKnappenrode a:hover, #subMenu_Knappenrode td a:hover {
  color: #bfbfbf;
}


#fieldZweckverband {
  background-color: #404040;
}

#fieldZweckverband, #fieldZweckverband td, #fieldZweckverband a:link, #fieldZweckverband a:visited {
  color: #bfbfbf;
}

#fieldZweckverband a:hover {
  color: #eeeeee;
}

#fieldSuche a:link, #fieldSuche a:visited {
  color: #bfbfbf;
}

#fieldSuche a:hover {
  color: #eeeeee;
}

tr.menuTable_row2 td a:link, tr.menuTable_row2 td a:visited, tr.menuTable_row2 td a:hover {
  color: #bfbfbf;
}


/* Formular-Feld für die Suche-Eingabe  */

#menuTable #fieldSuche {
  /* visibility: hidden; */
}

#menuTable #fieldSuche input {
  margin: 0px; padding:0px; color: coral;  
}


#menuTable #fieldSuche form {
  margin: 0px; padding:0px; 
}




/* strukturbildende Tabellenfelder */

td.blank { border: 0px solid white; font-size: 10px;}

td.tableContainer { }




/* __ CONTENT __ */



#seitenHeader { 
  height: 27px;
  margin-bottom: 30px;
  padding-left: 7%; padding-right: 7%;  
}


/* Themenfarben für Seitenheader */

/*body.neutral*/ #seitenHeader table { background-color: #404040; }
/*body.neutral*/ #seitenHeader table td { color: #dcdcdc; }


#seitenHeader table { 
  width: 100%; 
}

/* themenspezifische Farben für SeitenHeader einrichten */

#seitenHeader td.titel { 
  width: 70%; 
  font-size: 18px;
  padding-left: 5px;
}

#seitenHeader td.subNavi {
  width: 30%; 
  border: 0px solid rgb(153,0,13); 
  background-color: #404040;  /* white */
  vertical-align: top; padding-top: 3px;
  text-align: right;
  height: 20px;
}

#seitenHeader td.subNavi a:link { color: rgb(230,230,230); text-decoration: none; padding-left: 3px; padding-right: 3px; font-weight: bold;}
#seitenHeader td.subNavi a:visited { color: rgb(230,230,230); text-decoration: none; padding-left: 3px; padding-right: 3px; font-weight: bold;}
#seitenHeader td.subNavi a:hover { color: orange; text-decoration: none; padding-left: 3px; padding-right: 3px; font-weight: bold; }

#seitenHeader .subNavi form {
  position: relative; top:0px; left:0px;
  margin-bottom: 0px;
}


#seitenHeader td.subNavi select {
  width: 100%;  
  background-color: white;
}



/* VIEWPORT UND SEITENINHALT */


/* ie-hack */

* body.crimmitschau {
  text-align: center;
}

* body.crimmitschau #viewport , * body.crimmitschau #binnenNavigation {
  text-align: left;
}

body.crimmitschau #binnenNavigation {
  position: absolute;
  top: 120px;
  left: 10px;
  border: 0px solid red;
}

body.crimmitschau #binnenNavigation div {
  font-size: 12px;
  padding: 2px;
}

body.crimmitschau #bannerMuseum {
  position: absolute;
  top: 195px;
  left: 10px;
  border: 0px solid red;
}

body.crimmitschau #bannerSonderausstellungen {
  position: absolute;
  top: 160px;
  left: 10px;
  border: 0px solid red;
}

body.crimmitschau #bannerInfothek {
  position: absolute;
  top: 170px;
  left: 10px;
  border: 0px solid red;
}

body.crimmitschau a:link    { color: #333333; text-decoration: none; }
body.crimmitschau a:visited { color: #333333; text-decoration: none; }
body.crimmitschau a:hover   { color: red; text-decoration: none; }


#viewport {
  width: 86%;  /* 100% */
  width: auto;
  border: 0px dashed coral;
  padding-left: 7%; padding-right: 7%; 
}


body.crimmitschau #viewport {
  width: 900px;
  padding: 0;
  padding-left: 50px;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid rgb(150,150,220);
  z-index: 10;
}


body.crimmitschau #viewport h1 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}

body.crimmitschau #viewport h2 {
  font-size: 15px;
  font-weight: normal;
  margin: 0;
}

body.crimmitschau #viewport h3 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  background-color: rgb(40,40,40);
  background-color: rgb(60,60,60);
  color: rgb(240,240,240);
  padding: 3px;
}

body.crimmitschau #viewport .text {
  font-size: 12px;
  /*font-size: small;*/
  line-height: 20px;
}

body.crimmitschau #viewport td {
  font-size: 12px;
}

body.crimmitschau #viewport td.kontrast {
  background-color: rgb(40,40,40);
  background-color: rgb(60,60,60);
  color: rgb(240,240,240);
  padding: 3px;
  vertical-align: top;
}

body.crimmitschau #viewport td.kontrast a:link { color: rgb(240,240,240); }
body.crimmitschau #viewport td.kontrast a:visited { color: rgb(240,240,240); }
body.crimmitschau #viewport td.kontrast a:hover { color: rgb(240,240,240); text-decoration: underline; }


body.crimmitschau table.zeittafel td {
  vertical-align: top;
  padding: 0;
  border-top: 0px solid red;
}

body.crimmitschau table.zeittafel td.jahr {
  padding: 0;
  padding-top: 3px;
  width: 15px;
}

body.crimmitschau table.zeittafel td.text {
  padding: 0;
}

body.crimmitschau table.zeittafel td.bild {
  padding: 0;
  width: 250px;
}

body.crimmitschau table.zeittafel td.bild img {
/*  margin-bottom: 10px; */
}

body.crimmitschau table.zeittafel td.bild div.kontrast {
  background-color: rgb(40,40,40);
  background-color: rgb(60,60,60);
  color: rgb(240,240,240);
  padding: 3px;
  margin-bottom: 10px;
}



#seitenInhalt { 
  border: 0px solid white;
  /* neu, 22-feb-03 */
  font-size: 12px;
  font-size: small;
}


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

#seitenInhalt td { 
  font-size: 12px;
  font-size: small;
}


/* Hyperlinks im Seiteninhalt */

#seitenInhalt a:link {
  color: #bc501d; text-decoration: none;
}

#seitenInhalt a:visited {
  color: #bc501d; text-decoration: none;
}

#seitenInhalt a:hover {
  color: orange; text-decoration: none;
}

body.crimmitschau #seitenInhalt a:hover {
  color: red; text-decoration: none;
}




/* __ FUSS __ */

#fuss_inhouse {
  visibility: hidden;
  position: absolute; top: 0px; left:0px;
  width: 1px; height: 1px;
  overflow: hidden;  
}

#index_inhouse {
  visibility: hidden;
  position: absolute; top: 0px; left:0px;
  width: 1px; height: 1px;
  overflow: hidden;    
}


#fuss_www {
  margin-top: 20px; 
  margin-bottom: 10px;
  padding-top: 10px; 
  border: 0px solid;
  border-top: 1px solid;
  margin-left: 7%;
  margin-right: 7%;
  width: 86%;
  width: auto;
  text-align: center;
  font-size: 12px;
  font-size: x-small;
  line-height: 24px;
}




body.crimmitschau #fuss_www {
  margin-left: 120px;
  margin-right: 80px;
}


#fuss_www div {
/*  margin-bottom: 10px;  */
}

#fuss_www a:link, #fuss_www a:visited, #fuss_www a:hover {
  padding-left: 10px;
  padding-right: 10px; 
  padding-top: 3px;
  padding-bottom: 3px; 
}

#fuss_www a:link { color: rgb(0,0,0); text-decoration: none; }
#fuss_www a:visited { color: rgb(0,0,0); text-decoration: none; }
#fuss_www a:hover { color: rgb(220,220,220); background-color: rgb(64,64,64); text-decoration: none; }
/*
#fuss_www a:hover { color: rgb(220,220,220); background-color: rgb(153,0,13); text-decoration: none; }
*/

/* SERVICE Sponsoren-Tabelle */

table.sponsoren td {
/*  padding-right: 10px;  */
}

table.sponsoren img {
  width: 80%;
}


/* __ GÄSTEBUCH __ */

body.gaestebuch #seitenInhalt {
  margin-left: 0px;
  margin-right: 0px;
  /* width: 80%; */
  text-align: center;
}


body.gaestebuch a:link, body.gaestebuch a:visited {
  color:#84C423; 
  text-decoration:none;
}

body.gaestebuch a:hover {
  color: orange; 
  text-decoration: underline;
}

table.gaestebuchEintrag {
  width: 80%;
}

table.gaestebuchLesen {
  width: 80%;
  font-size: 12px; line-height: 18px;
}




/* FRAMESETS */


body.gaestebuch, body.eCardsIndex {
  margin-top: 0px;
}


body.eCardsIndex #seitenInhalt {
  margin-left: 0px;  margin-right: 0px;
  text-align: center;
}

body.eCardsIndex td.bild {
  text-align: right;
  padding-right: 5px;
}

body.eCardsIndex td.beschreibung {
  vertical-align: bottom;
  padding-bottom: 5px;
  padding-right: 15px;
}

body.eCardsIndex td.bild img {
  border: 0px;
}


/*  die Seiten zum Versenden von eCards werden in /webster/root/cards/master.css formatiert  */


a:link.mailto {text-decoration: none; color: rgb(100,100,100)}
a:visited.mailto {text-decoration: none; color: rgb(100,100,100)}

/* a:hover.mailto {text-decoration: none; color: rgb(220,100,100)}  */



/* C1-ARTIKEL */

#artikel {
  padding-left: 7%; padding-right: 7%;
}


#artikel #artikelHeader {
  margin-bottom: 20px;
  padding: 3px;
  padding-left: 5px;
  font-size: 18px;
  font-weight: normal;
}

#artikel div.kapitel {
  margin-bottom: 20px;
}


/* ARTIKEL >> BILDER */

#artikel table.bilder {
  margin-right: 10px;
  margin-bottom: 2px;
}


#artikel td.bilderZelle {
  text-align: right;
}

#artikel td.bildtext { 
  font-size: 14px; 
}



#artikel p.ueberschrift {
  font-size: 14px;
  font-weight: bold;
}

#artikel p.abschnittsueberschrift {
  font-size: 12px;
  font-weight: bold;
}

#artikel p.absatz {
  font-size: 12px;
  line-height: 19px;
}

#artikel ol { 
  display: block; /*clear:left;*/ /*border: 1px solid red;*/ /*color: red;*/ 
  margin-bottom: 0px; margin-top: 5px;}

#artikel li { 
  /* display: block;   margin-left: 30%; */
}

#artikel td.bildtext {
  font-size: 10px;
  padding-bottom: 10px;
}



p.marginalie {
  border: 0px;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  margin-top: 0px;
  padding: 5px;
  line-height: 19px;
}

p.marginalie span.begriff {
  font-weight: bold;
}

#artikel #verweise {
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  /* temporäre Einstellungen */
  width: 1px; height: 1px; overflow: hidden;
  visibility: hidden;
}





/* THEMENFARBEN */

body.sachsen  { background-color: #efefef; color: rgb(0,0,0); }
body.sachsen #artikelHeader { background-color: rgb(127,195,28); color: rgb(4,61,97); }
body.sachsen #exponatHeader { background-color: rgb(127,195,28); color: rgb(4,61,97); }

body.unternehmer  { background-color: #efefef; color: rgb(0,0,0); }
body.unternehmer #artikelHeader { background-color: rgb(10,34,103); color: rgb(193,203,226); }
body.unternehmer #exponatHeader { background-color: rgb(10,34,103); color: rgb(193,203,226); }

body.familie  { background-color: #efefef; color: rgb(0,0,0); }
body.familie #artikelHeader { background-color: rgb(244,203,0); color: rgb(127,0,0); }
body.familie #exponatHeader { background-color: rgb(244,203,0); color: rgb(127,0,0); }

body.arbeiter { background-color: #efefef; color: rgb(0,0,0); }
body.arbeiter #artikelHeader { background-color: rgb(188,80,29); color: rgb(191,191,191); }
body.arbeiter #exponatHeader { background-color: rgb(188,80,29); color: rgb(191,191,191); }

body.km-staedter  { background-color: #efefef; color: rgb(0,0,0); }
body.km-staedter #artikelHeader { background-color: rgb(153,0,13); color: rgb(253,172,89); }
body.km-staedter #exponatHeader { background-color: rgb(153,0,13); color: rgb(253,172,89); }

body.kreative  { background-color: #efefef; color: rgb(0,0,0); }
body.kreative #artikelHeader { background-color: rgb(0,120,125); color: rgb(127,195,28); }
body.kreative #exponatHeader { background-color: rgb(0,120,125); color: rgb(127,195,28); }

body.konsumenten  { background-color: #efefef; color: rgb(0,0,0); }
body.konsumenten #artikelHeader { background-color: rgb(255,127,0); color: rgb(9,0,62); }
body.konsumenten #exponatHeader { background-color: rgb(255,127,0); color: rgb(9,0,62); }

body.europaer  { background-color: #efefef; color: rgb(0,0,0); }
body.europaer #artikelHeader { background-color: rgb(0,105,179); color: rgb(255,255,255); }
body.europaer #exponatHeader { background-color: rgb(0,105,179); color: rgb(255,255,255); }



/* EXPONATSEITEN */

#exponat {
  padding-left: 7%; padding-right: 7%;
  padding-bottom: 15px;
}

#exponat #exponatHeader {
  margin-bottom: 20px;
  padding: 3px;
  padding-left: 5px;
  font-size: 18px;
  font-weight: normal;
}

#exponat td.bezeichner {
  font-weight: bold;
}

#exponat div.linkliste {
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  margin-left: 20px;
  /* temporäre Einstellungen */
  /*
  width: 1px; height: 1px; overflow: hidden;
  visibility: hidden; */
}




#exponat div.kapitel {
  margin-bottom: 20px;
}

#exponat table.bilder {
  margin-right: 10px;
  margin-bottom: 2px;
}

#exponat td.bildtext {
  color: #202020;
  font-size: 10px;
  padding-bottom: 10px;
}

#exponat p.absatz {
  font-size: 12px;
  line-height: 18px;
}

#exponat #verweise {
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  /* temporäre Einstellungen */
  width: 1px; height: 1px; overflow: hidden;
  visibility: hidden;
}

table.exponatFramework {

}

#exponat td.expBildspalte {
  vertical-align: top;
}


#exponat td.expBildspalte div.bildzeile img {
  margin-right: 2px;
  margin-bottom: 2px;
/*  border: 1px solid orange; */
}

#exponat td.expDatenspalte {}


#exponat div.text {

}

#exponat div.datenblatt { margin-top: 20px;padding-left:15px; padding-right:10px; padding-bottom:20px; }
#exponat td.bezeichner, #exponat td.eintrag { vertical-align:top; padding-bottom:10px; font-size: 12px;}
#exponat td.bezeichner {
  padding-right: 20px;
}

#exponat td.kurzbeschreibung { padding: 15px; font-size: 12px; line-height:18px; }


#exponat div.modell_button {
  text-align: left;
  padding: 10px:
  padding-bottom: 20px;

}


/*
div.modell_button {
  position:absolute; top: 900px; left:530px; 
  border: 1px solid; 
  padding: 8px; 
  font-weight: bold; 
  z-index: 10; 
}
*/