/* External CSS-file for content pages.
Content of this file is Copyright
     Christian Schmidt-Guetter (2003).
     chr@schmidt-guetter.de
*/

body {
  /* Note: URL is relative to the stylesheet, not HTML-document: */
  background-image: url(alleBilder/HintergrundKarte.png);
  background-color: #fffff4;  /* #e1e1d7; */
}

/* Not longer used, moved entirely to *body*: 
.contentBack, body { background-color: #e1e1d7; }   #cccccc;
*/
.backLight { background-color: #a39999; } /* #a0c0a0; #999999; */
.backDarker { 
  background-color: #006640; /* #608a60;*/
  background-image: url(alleBilder/bg2.jpg);
} 
.backDark { background-color: #006654; } /* #205020; #005020; #00664a:*/
.bg1 { background-image: url(alleBilder/bg1.jpg); }

.mosaick, .mosaickWidth { width: 194px; min-width: 194px; max-width: 194px; }
.mosaick {
  /* display: block; */
  height: 120px; min-height: 120px; max-height: 120px;
  padding: 0px; margin: 0px;
  /* overflow-clip: rect(0px, auto, 120px, 0px); */
  clip: rect(0px, auto, 120px, 0px);
  /* background-color: white; */
}

.berggut1 {
  background-image: url(alleBilder/Berggut-HG_links.jpg);  /* alleBilder/Berggut_A2-SobelKlein_S40_x006640.png */
  background-repeat: no-repeat;
}
/* Now integrated in "InhaltSeiteVorlage*.xslt" inside of head/script element:
.berggut2 {
  background-image: url(alleBilder/Logo_normal.jpg);
  background-repeat: no-repeat;
}
.berggut2:hover {
  background-image: url(alleBilder/Logo_aktiv.jpg);
}
*/


/* Nicht mehr verwendet: img.mitRahmen { padding: 4px; border: 1px #9999a3 solid;} */
/* Note: Proportional transforming to a smaller image causes different side- and top-/bottom-settings: */

img { display: inline; padding: 0px; margin: 0px; }
img.withPad { padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; }
/* For image note (2. image; does format a DIV containing text): */
.sidePad { padding-left: 4px; padding-right: 4px; }
img.fliessLeft { 
  float: left;
  /* Keine Auswirkung bei floating: vertical-align: middle;  */
  margin-right: 20px; margin-left: 0px; margin-top: 10px; margin-bottom: 10px;
  /* Does not work: border-style: solid; border: 1px #222222; */
  border: 1px #222222 solid;
}

a {
  text-decoration: underline;
  color: #224a72;  /* #325a82; */
}

a:hover {
  background-color: #e3eac9;  /* #fff0e7;  #ccccdd; */
}

.initialText a:hover {
  background-color: #fffff4; /* #e1e1d7; */
}

/* Avoid underlined space for simple name anchors: */
dt.separate a {
  text-decoration: none;
}


/* Replaced in favour to a JavaScript solution:
a.logoLink {
  height: 120px; min-height: 120px; max-height: 120px;
  width: 194px; min-width: 194px; max-width: 194px;
  text-decoration: none;
  font-size: 120px;
  line-height: 1.0;
  /* This is the correct and intended value, but it is the default
     AND will be misinterpreted by Netscape 4.7 (black background):
  background-color: transparent;
  * /
  background-image: url(alleBilder/Logo_normal.jpg);
  background-repeat: no-repeat;
}
*/

a.logoLink:hover {
  text-decoration: none;
  background-color: transparent; /* #a39999; #9999a3; */
  background-image: url(alleBilder/Logo_aktiv.jpg);  /* alleBilder/Berggut-HG_linksPlusLogo.jpg */
  background-repeat: no-repeat;
}

a.imgLinks {
  text-decoration: none;
  background-color: transparent;
}

a.imgLinks:hover {
  text-decoration: none;
  background-color: transparent;
}

a.button {
  color: #fff0e7; /* #cccccc; */
  /* Eigentlich ueberfluessig: background-color: #006640; */
}
a.button:hover { 
  /* Problem workaround: 
     Some browsers (e.g. mozilla 1.4) does honour "...:hover...color", 
     but _not_ "...background-color". Therefore an active links becomes
     invisible with "color:=invers(background-color)".
     So use black instead:
  color: #006640;
  */
  color: #000000;
  background-color: #a39999;  /* #e1e1d7; #cccccc; */
  background-image: url(alleBilder/MenuHintergrund.jpg);
  text-decoration: underline;
}

a.buttonA {
  color: #000000; /* #006640; */
  text-decoration: none;
}

a.buttonA:hover {
  text-decoration: underline;
  background-color: transparent;
}


/* table { border: 1px black solid; } */
table { border: none; }
td { padding: 0px;
     margin: 0px;
     /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
     /* border: 1px black solid; */
  /* This is the correct and intended value, but it is the default
     AND will be misinterpreted by Netscape 4.7 (black background):
   background-color: transparent;
   */
   }
/* This does NOT affect alignment in table cells or blocklevel elements: 
td.top { vertical-align: top; }
  ==> You must do that with markup like *<td valign="top">* or with CSS2 (table spezific rules).
*/

/*
  Note: Settings for active entry are *hardwired* in HTML (*.xslt).
*/
/* Must be a table cell because bug in (at least) Knqueror): */
td.naviElem { 
            height: 55px;
	    /* Merged with class "backDarker": background-color: #006640; */
            padding: 0px; margin: 0px;
            /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
          }
td.naviElemActive {
  height: 55px;
  background-color: #a39999;  /* #e1e1d7; #a39999; #9999a3; */
  background-image: url(alleBilder/MenuHintergrund.jpg);
  /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
  /* font-weight: bolder; */
  /* Does not work correctly (at least with Konq. & Opera 7.21): color: black; */
}
.naviContentActive { padding-left: 0em; padding-top: 0em; padding-bottom: 0em;
               margin-top: 0em; margin-left: 0em;
	       font-family: Geneva,Verdana,Helvetica,Arial,sans-serif;
	       font-size: 14px;
	       font-weight: bolder;
	       color: #000000; /* #006640; */
               /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
             }
.naviContent { padding-left: 0em; padding-top: 0em; padding-bottom: 0em;
               margin-top: 0em; margin-left: 0em;
	       font-family: Geneva,Verdana,Helvetica,Arial,sans-serif;
	       font-size: 14px;
	       /* Now being set in "a.button*": color: #cccccc; */
               /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
             }


h1,h2,h3,h4,h5,h6 {
  /* font: bold Verdana, Arial, Helvetica, sans-serif; */
  /* font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-family: Times, 'TimesNR', 'Garamond', 'New Century Schoolbook', 'bookman', serif;
  font-weight: bold;
  color: #222222;
  /* padding: 5px; */
}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 16px; }
h4 {
    font-size: 14px; 
    font-style: italic;
    margin: 1.33em 0em 0.5em 0em;
}
h5 {
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    margin: 0.5em 0em 0em 0em;
}
h6 { font-size: 11px; }

.contentArea {
  /* Vorgabe von Katja: text-align: center; */
  text-align: left;
  /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle;   */
  padding: 0em; margin: 1em;
}
.initialText {
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-style: normal;
  font-weight: bold;
  color: #222222;
  background-color: #e3eac9; /* #d0d7b8 #d5d5d0;  #c0c0c7; */
  text-align: left;/* Not valid: block; */
  /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
  /* Does not work well in some browsers (Konqueror, IE), so use image to adjust:
  padding: 0.5em; margin: 1em;
  */
  padding: 1em; 
  margin-left: 0.62em; margin-right: 0.62em; margin-top: 0em; margin-bottom: 1.5em;
}
.pseudoHeader {
  font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-style: normal;
  font-weight: bold;
  color: #222222;
  text-align: left;/* Not valid: block; */
}
.fliesstext, p, dd, li {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	color: #222222;
	/* Vorgabe von Katja: text-indent: 2pt; */
}

dl.termine dt {
    font-size: 11px;
    line-height: 1.4;
    text-decoration: none;
    font-weight: normal;
}
dl.termine dd {
    font-weight: bold;
}

/* Fuer Ueberschriften im Veranstaltungskalender: */
.tabueberschriften {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #222222;
	text-align: center;
	/* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
}

/* For titles which have a socalled "pretitle", e.g. a line immediately before:*/
.withPreTitle {
  margin-top: 0;
  padding-top: 0;
}

.bildUnter { 
  font: italic 10px Geneva,Verdana,Helvetica,Arial,sans-serif; 
  line-height: 1.2;
}

ul.sideLinks {
  font: normal 11px Geneva,Verdana,Helvetica,Arial,sans-serif;
  line-height: 1.4;
  /* This does NOT affect alignment in table cells or blocklevel elements: vertical-align: middle; */
  text-align: left;
  /* border: 1px black solid; */
  padding-left: 5px; padding-right: 0px; padding-top: 30px; padding-bottom: 20px;
  margin-left: 1em; margin-right: 0em; margin-top: 0em; margin-bottom: 0em;
}
ul.sideLinks li {
  /* padding-left: 1em; padding-right: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; */
  padding: 0em;
  margin-left: 1em; margin-right: 0.5em; margin-top: 0.7em; margin-bottom: 1em;
  list-style-position: outside;
}

ul, ol, dl {
  margin: 0em;
  background-color: transparent;
  /* background-color: white; */
}
ul, ol {
  padding-left: 2em; padding-right: 1em; padding-top: 0em; padding-bottom: 0em;
}

ul li {
  list-style-position: outside;
  margin-left: 0em; margin-right: 0em; margin-top: 0.5em; margin-bottom: 0.5em;
  padding: 0em;
  /* background-color: yellow; */
}

dl.news {
  background-color: #ffffff;
}

dt {
  font: bold 14px Geneva,Verdana,Helvetica,Arial,sans-serif;
  color: #222222;
  font-style: italic;
  text-decoration: underline;
  margin-bottom: 0.5em; margin-top: 0.5em;
  /* background-color: white; */
}
dt.separate { 
  background-color: #e3eac9; 
  text-decoration: none;
  margin-bottom: 0em; margin-top: 0.5em;
}
dt.news {
  text-align: center;
}

dd { /* Note: More settings along with "fliesstext"-class! */
  padding: 0em;
  margin-left: 2em; margin-right: 2em; margin-top: 0.25em; margin-bottom: 1.5em;
  /* background-color: aqua; */
}

acronym { cursor: help; }