/* home_www.css */

/*
   Homepages der fünf Zweckverbandsmuseen

   01-mar-04     erstellt    Eckhard Stasch

   01-dez-05     Erweiterungen für die Crimmitschau-Webseiten		Eckhard Stasch
	
	18-dez-07	  Änderungen durch Ausscheiden Lengefeld		Ute Korndörfer
	
	28-feb-08	  Änderung Knappenrode hg blau in schwarz		Ute Korndörfer	

*/


/* GLOBALS */

body {
  margin: 0px;
  font-family: verdana;
}

a:link, a:visited, a:hover { 
  text-decoration: none; 
}


/* BILDER*/


body.chemnitz #hintergrund {
  background-image:url('/_bilder/www/_chemnitz/home_fassade_www.jpg');
}



body.chemnitz #bildDauer {
  background-image:url('/_bilder/www/_chemnitz/home_dauer_www.jpg');
}

body.crimmitschau #hintergrund {
  background-image:url('/_bilder/www/_crimmitschau/crimmi_hg.jpg');
}



body.crimmitschau #bildDauer {
  background-image:url('/_bilder/www/_crimmitschau/crimmi_dauer.jpg');
}

body.ehrenfriedersdorf #hintergrund {
  background-image:url('/_bilder/www/_ehrenfriedersdorf/ehren_hg.jpg');
}




body.ehrenfriedersdorf #bildDauer {
  background-image:url('/_bilder/www/_ehrenfriedersdorf/ehren_dauer.jpg');
}

body.knappenrode #hintergrund {
  background-image:url('/_bilder/www/_knappenrode/knappen_hg.jpg');
}




body.knappenrode #bildDauer {
  background-image:url('/_bilder/www/_knappenrode/knappen_dauer.jpg');
}


/* FARBEN */

body.chemnitz, body.chemnitz #adresse td { 
  background-color: rgb(188,80,29); color: orange; 
}

body.chemnitz #textSonder, body.chemnitz #textDauer div {
  color: orange;
}

body.chemnitz #textInfothek td.container td.text {
  border-color: orange;
}

body.chemnitz a:link { color: #bfbfbf; }
body.chemnitz a:visited { color: #bfbfbf; }
body.chemnitz a:hover { color: orange; }

body.chemnitz marquee {
  color: rgb(255,255,255);
}


body.crimmitschau, body.crimmitschau #adresse td { 
  background-color: orange; color: #333333; 
}

body.crimmitschau #textSonder, body.crimmitschau #textDauer div {
  color: #333333;
}

body.crimmitschau #textInfothek td.container td.text {
  border-color: #333333;
}

body.crimmitschau a:link { color: #333333; }
body.crimmitschau a:visited { color: #333333; }
body.crimmitschau a:hover { background-color: #333333; color: orange; }

body.crimmitschau marquee {
  color: rgb(255,255,255);
}


body.ehrenfriedersdorf, body.ehrenfriedersdorf #adresse td { 
  background-color: #999999;; color: #333333; 
}

body.ehrenfriedersdorf #textSonder, body.ehrenfriedersdorf #textDauer div {
  color: #333333;
}

body.ehrenfriedersdorf #textInfothek td.container td.text {
  border-color: #333333;
}

body.ehrenfriedersdorf a:link { color: #333333; }
body.ehrenfriedersdorf a:visited { color: #333333; }
body.ehrenfriedersdorf a:hover { background-color: color: #333333; color: orange; }

body.ehrenfriedersdorf marquee {
  color: /*rgb(240,0,0);*/ white;
}


body.knappenrode, body.knappenrode #adresse td { 
  background-color: #000000; color: #bfbfbf; 
}

body.knappenrode #textSonder, body.knappenrode #textDauer div {
  color: #bfbfbf;
}

body.knappenrode #textInfothek td.container td.text {
  border-color: #bfbfbf;
}

body.knappenrode a:link { color: #bfbfbf; }
body.knappenrode a:visited { color: #bfbfbf; }
body.knappenrode a:hover { background-color: orange; color: #000000; }

body.knappenrode marquee {
  color: rgb(255,255,255);
}



/* POSITIONEN */


#hintergrund, #adresse, #ticker, #bannerSonder, #bannerDauer, #bannerInfothek, #bildSonder, #textSonder, #bildDauer, #textDauer, #textInfothek {
  position: absolute;
}

#hintergrund {
  top:20%; height: 20%; left:0%; width:100%;
}

#adresse {
  top:0%; height: 20%; left:35%; width:65%;
}

#ticker {
  top:35%; left:35%; width:65%;
}


body.crimmitschau #ticker {
  top:23%;
}

#bannerSonder {
  top:15%; height: 70%; left:2%; width:5%;
}


body.crimmitschau #bannerSonder {
  top:15%; height: 80%; left:2%; width:5%;
}

#bannerDauer {
  top:15%; height: 70%; left:30%; width:5%;
}

#bannerInfothek {
  top:45%; height: 40%; left:65%; width:5%;
}

#bildSonder {
  top:20%; left:7%; height: 20%; width:17%; overflow:hidden;
}

#textSonder {
  top:40%; height: auto; left:7%; width:17%;
  padding: 5px; padding-top: 15px;
  border: 0px;
  border-left: 1px solid;
  border-bottom: 1px solid;
}

body.crimmitschau #textSonder {
  border: 0px;
  padding: 0px;
}

body.crimmitschau #textSonder div {
  border: 0px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  padding-top: 5px; 
  padding-bottom: 5px; 
  padding-right: 2px; 

  text-align: left;
  padding-left: 15px;
  text-indent: -13px;

}


#bildDauer {
  top:40%;  height: 45%; left:35%; width:22%;
}


body.crimmitschau #bildDauer {
  height: 25%;
}


#textDauer {
  top:85%; height: 10%; left:35%; width:22%;
}

/*
body.crimmitschau #textDauer {
  left: 32% width:25%;
}
*/

body.crimmitschau #textDauer {
  top: 65%;
}


#textDauer div {
  border: 0px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  padding-left: 9px; 
  padding-right: 1px; 
  padding-top: 4px; 
  padding-bottom: 4px; 
 
 text-align: left;
  padding-left: 15px;
  text-indent: -13px;

}

#textInfothek {
  top:45%; height: 40%; left:70%; width:22%;
}

body.crimmitschau #textInfothek {
  top: 42%;
  z-index: 10;
}


#museumLogo {
  position: absolute;
  top: 89%; left: 90%;
}

body.crimmitschau #museumLogo {
  position: absolute;
  top: 89%; left: 80%;

  font-size: 12px;
  font-weight: bold;
}

body.chemnitz #museumLogo {
  position: absolute;
  top: 89%; left: 70%;

  font-size: 12px;
  font-weight: bold;
}

body.knappenrode #museumLogo {
  position: absolute;
  top: 89%; left: 88%;

  font-size: 12px;
  font-weight: bold;
}

img.museumLogo {

}


#adresse table {
  width: 100%; height: 100%;
}

#adresse td {
  padding: 2px; padding-left: 4px;
  vertical-align: bottom;
}

img.zweckverbandLogo {
  margin-bottom: 2px;
}

marquee{
  width:100%; 
  visibility: hidden;
}

#textInfothek table.container {
  width: 100%; height: 100%; 
}

#textInfothek td.container {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

#textInfothek td.container table {
  width: 100%;
}

#textInfothek td.container td.text {
  width: 100%;
  vertical-align: bottom;
  border: 0px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  padding: 5px; 

  text-align: left;
  padding-left: 15px;
  text-indent: -13px;
}


/* SCHRIFTEN */

span.zweckverbandName {
  font-size: 14px;
}

span.museumName {
  font-size: 14px;
}

span.museumAnschrift {
  font-size: 11px;
}

marquee{
  font-family: arial;
  font-size: 24px;
}

#textSonder {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

#textDauer div {
  font-size: 12px;
  font-weight: bold;
}

#textInfothek td.container td.text {
  font-size: 12px;
  font-weight: bold;
}


/* Z-INDEX */

#adresse        { z-index: 5; }
#ticker         { z-index: 4; }
#bannerSonder   { z-index: 3; }
#bannerDauer    { z-index: 3; }
#bannerInfothek { z-index: 3; }
#bildDauer      { z-index: 2; }