/* Parsed For Mozilla NA OS: Unerkannt */
/* Allgemeine Definitionen */

body { 
  background-color:#F4F0EC;
  margin: 0;padding: 0;border: 0;
  text-align:center;
  overflow:auto;
}

body, td {
  font-family:'Times Roman',serif;color:#000000;
}

body, td, div, p {
  font-size:11pt;line-height:1.2em;
}

/* Definitionen zur Positionierung und Grösse der Seiten-Elemente */

#MasterBereich { 
  width:1000px;height:95%;
  position:relative;vertical-align:top;
  margin:20px auto 0 auto;
}

#Kopf, #HauptMenu, #KopfMenu, #Content, #Portrait {
  position:absolute;margin:0;padding:0;
}

#Kopf {
  top:0;left:0;text-align:left;width:100%;padding:6px 0 0 8px;background-color:#F4F0EC;z-index:8;
}

#KopfMenu {
  top:10px;left:0;width:100%;text-align:right;padding:6px 8px 0 0;z-index:9;
  opacity:0.1;
}
#KopfMenu:hover {
 opacity:0.9;
}
#HauptMenu {
  top:120px;
  left:0;width:180px;
  text-align:left;

}

#Portrait {
  left:-28px;top:334px;width:220px;height:190px;
  text-align:left;
}



/* Definitionen zum Layout der Seiten-Elemente */


#Content {
  top:120px;left:168px;
  width:830px;min-height:542px;
  margin:0;padding:0 36px 0 0;
  text-align:left;overflow:auto;overflow-x:hidden;
}

div.Element, table.Element, fieldset.Element {
 width:97%;border-bottom:1px dotted gray;padding-bottom:4px;padding-top:4px;
 border:1px solid white;margin-bottom:8px;
}

div.Element:hover, table.Element:hover, fieldset.Element:hover, tr.Element:hover {
 cursor:pointer;border:1px solid black;
}

#Portrait img { border:1px solid black; }
#BigImage {
  cursor: default;/* url(http://heimat-kunden.de/hk-cursor.png), */
}

td.nr { padding-right:4px; }
table.Element td { padding-left:4px; }

.Kontaktformular {
 width:98%;
}

#Kopf img {
  vertical-align:middle;
}

/* Definitionen für verschiedene Text-Elemente */

h1, h2, h3, h4, h5, h6 {
  margin:0 0 8px 0;padding:0;line-height:1.2em;
}

h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
h4 { font-size:1.4em; }
h5 { font-size:1.2em; }
h6 { font-size:1em; }

p { margin:0;padding:0; }

ul,ol {
 margin:0;padding:0;margin-left:14px;
}

ul { list-style-type:square; }

ul.haeuschen, ul.haeuschen li {
 list-style-image:url(../images/icons/haeuschen-1-icon.gif);
 margin-left:12px;margin:expression("0 0 0 4px");padding:expression("0 0 0 8px");
 line-height:1.3em;
}

.Schmuckfarbe, .SchmuckfarbeKursiv { color:#990000; }
.Kursiv, .SchmuckfarbeKursiv { font-style:italic; }
.Titelangabe { font-style:italic;text-decoration:underline; }

fieldset { border:none;margin-top:4px; }
legend {
  border:1px solid white;padding:1px;padding-left:3px;padding-right:3px;margin-left:8px;
  background-color:black;color:white;
}

label, select, option { cursor:pointer; }

span.zsp { display:block;float:left;width:100px; }

select { 
 background-color:white;color:#000000;
 width:100%;bborder:1px solid black;margin:0;padding:0;
}

option { 
 background-color:white;color:#000000;
}

#ButtStandard {
 font-family:'Times Roman',serif;
 cursor:pointer;background-color:white;color:black;
 font-size:11px;border:1px solid black;
}
#ButtStandard:hover {
 cursor:pointer;background-color:black;color:white;
 border:1px solid white;
}

#Inputs,#InputFoc,#InputFull,#InputFalta { 
 font-family:'Times Roman',serif;font-size:11pt;
 width:100%;padding:2px;border:1px solid black;
}
#Inputs,#InputFull { background-color:white;color:black; }
#InputFoc { background-color:black;color:white;border:1px solid white; }
#InputFalta { background-color:red;color:yellow; }

li.zip, li.wmv, li.avi, li.mp3, li.rm, li.ram, li.rv, li.jpg, li.jpeg, li.tif, li.tiff, li.pdf, li.doc, li.rtf, li.folder { 
  line-height:16px;margin-top:4px;margin-bottom:0px;
}
li.zip { list-style-image:url(../cliparts/zip-icon.gif); }
li.wmv, li.avi { list-style-image:url(../cliparts/wmv-icon.gif); }
li.mp3 { list-style-image:url(../cliparts/mp3-icon.gif); }
li.rm, li.ram, li.rv { list-style-image:url(../cliparts/rm-icon.gif); }
li.jpg, li.jpeg { list-style-image:url(../cliparts/jpg-icon.gif); }
li.tif, li.tiff { list-style-image:url(../cliparts/tif-icon.gif); }
li.pdf { list-style-image:url(../cliparts/pdf-icon.gif); }
li.doc, li.rtf { list-style-image:url(../cliparts/doc-icon.gif); }
li.folder { list-style-image:url(../cliparts/folder-icon.gif); }

/* Definitionen für Links allgemein/im Text */

a { text-decoration:none; }
a:link, a:visited {
 color:red;text-decoration:none;
}
a:hover, a:focus {
 color:#990000;text-decoration:none;
}
a:active {
 color:white;background-color:black;text-decoration:none;
}

/* Definitionen für Links im Hauptmenu */

#HauptMenu a {
  display:block;background-color:transparent;text-decoration:none;
  margin:0;padding:0;margin-top:4px;
  margin-top:expression("0");padding-top:expression("2px");
  font-size:13px;font-weight:bold;letter-spacing:0px;
  height:15px;
}

#HauptMenu #ActiveMenuPoint, #KopfMenu #ActiveMenuPoint {
  color:darkgreen !important;
}

#HauptMenu a:link,#HauptMenu a:visited {
  color:#000000;
}

#HauptMenu a:hover,#HauptMenu a:focus {
  color:#990000;text-decoration:none;
}

#HauptMenu a:active {
  color:#777777;text-decoration:none;
}

#HauptMenu a.SubMenu {
  display:block;text-decoration:none;
  margin:0;padding:0;padding-left:16px;
  font-size:11px;height:13px;
  letter-spacing:0px;
}
#HauptMenu a.SubMenu:active { font-size:13px; }

#HauptMenu #UnterMenuContainer, #HauptMenu .UnterMenu { 
 position:relative;margin:0;padding:0;overflow:visible;
}
#HauptMenu .UnterMenu { 
 padding-top:6px;
}

/* Definitionen für Links im Kopfmenu */

#KopfMenu a {
  display:inline;text-decoration:none;
}
#KopfMenu a:link, #KopfMenu a:visited {
  color:black;
}

#KopfMenu a:hover, #KopfMenu a:focus {
  color:#990000;
}

table.ThumbnailTable {
  background-color:#A9A9A9;padding:12px 12px 12px 12px;
}

table.KalenderTab {
 border:1px solid ##D2D2D2;border-collapse: collapse;margin-top:48px;width:90%;
}
table.KalenderTab th {
 border:1px solid #D2D2D2;text-align:center;
}
table.KalenderTab td {
 border:1px solid #D2D2D2;text-align:center;vertical-align:middle;padding:2px 0 2px 0;font-size:11px;
}

table.KalenderTab td.Samstags {
 background-color:#fafafa;
}
table.KalenderTab td.Sonntags {
 background-color:#f9f9f9;
}
table.KalenderTab td.KeinTag {
 border:1px dotted white;
}
table.KalenderTab td.hasBlog {
 background-color:#F0EAD6;
}
table.KalenderTab td.hasGig {
 background-color:navajowhite;
}
table.KalenderTab td.hasGig.hasBlog {
 background-color:lightgreen;
}
table.KalenderTab td.IstHeute {
 background-color:black;
}
table.KalenderTab td.GewaehltesDatum {
 background-color:#990000;
}
table.BlogEintrag {
 background-color:skyblue;
 box-shadow: 8px 8px 8px rgba(0,0, 0, 0.4);
}

td.TDBlogText, td.TDBlogImage {
 vertical-align:top;
}

div.BlogEintrag {
 background-color:#DCDCDC;
 padding:8px;
 width:95%;margin:0 0 0 4%;
 overflow:visible;
}
div.BlogDatum {
 font-weight:bold;font-size:1em;margin:0 0 8px 0;
}
div.BlogBuchrezension {
 margin:8px 0 0 0;padding:8px 0 0 0;border-top: 1px solid black;overflow:hidden;
}

div.BlogTeaser {
  width:80%;display:block;text-align:center;
  background-repeat:no-repeat;background-position:center top;
  margin:0 auto 8px auto;padding:12px 0 0 0;
  cursor:pointer;
}
div.BlogHinweisAusgabe { 
  display:block;margin:2px 0 0 0;
  width:35%;text-align:center;
  font-size:1em;font-weight:normal;
  background-color:#990000;color:white;
}
div.Querformat {
  height:400px;
}
div.Hochformat {
  height:700px;
}

div.BlogTeaser:hover {
  opacity:0.7;
}
span.BlogteaserHL {
  display:none;/* color:white;background-color:black;font-weight:bold;font-size:1.3em;*/
}
img.BlogImage {
  cursor:pointer;max-width:50%;float:right;margin:0 0 4px 8px
}
img.BlogBuch_Image {
  cursor:pointer;max-width:30%;float:left;margin:0 8px 4px 0
}

div.SoundFile {
  display:block;margin:16px 0 0 0;text-align:center;
}

audio {
  width:100%;
  /* box-shadow: 8px 8px 8px rgba(0,0, 0, 0.4);*/
  /* transform: scale(1.1);*/
}

#EventContainer {
  background-color:#F2F3F4;text-align:center;padding:8px;
  border:2px solid black;
  left:25%;top:10%;width:50%;max-height:80%;
  cursor: text;
}

#EventContainer #BildDiv img {
 max-width:100%;margin-top:8px;
}

#EventContainer #BildDiv {
 max-width:40%;float:right;margin:0 0 0 8px;
}
#EventContainer #DatumsDiv {
 font-size:1.4em;
}
#EventContainer #DatumsDiv span.UhrzeitAngabe {
 font-size:16px;
}

#EventContainer #TitelDiv {
 font-size:1.4em;font-weight:bold;
}

#EventContainer #OrtDiv, #EventContainer #AdressDiv {
 font-size:16px;text-align:center;
}

#EventContainer #TextDiv {
 text-align:left;margin:8px 0 0 0;
}


/* Buttons für die Bildergalerie (vor- u. zurück): */

button.BeforeOrNextImageButton {
  font-size:80px;font-weight:bold;color:white;cursor:pointer;opacity:0.5;
  z-index:200;display:inline-block;
  border:1px solid transparent;background-color:transparent;
  position:absolute;top: 44%;
}
button.BeforeOrNextImageButton:hover { opacity:1; }
button.BeforeImg { left:4%; }
button.NextImg { right:4%; }

/* Definitionen für Button-artige Links */


a.ButtonLike {
 text-align:center;padding:2px;padding-left:6px;padding-right:6px;
 font-size:11px;line-height:20px;
}

a.ButtonLike:link, a.ButtonLike:visited {
 background-color:white;color:black;border:1px solid black;
}

a.ButtonLike:hover, a.ButtonLike:focus, a.ButtonLike:active {
 background-color:black;color:white;
 text-decoration:none;border:1px solid white;
}

span.ButtonLike {
 display:inline-block;width:180px;padding:4px;text-align:center;cursor:pointer;
 font-weight:bold;font-style:italic;border:1px solid black;background-color:white;
}
span.ButtonLike:hover {
 background-color:gold;
}

/* Definitionen für Links auf Soundfiles (freie, kostenlose Sound-Dateien) */
a.SoundButton {
 padding-left:18px;padding-top:3px;padding-right:3px;padding-bottom:3px;
 white-space:nowrap;line-height:24px;margin-top:4px;margin-bottom:4px;
 background-repeat:no-repeat;background-position:0px 0px;
 text-align:center;font-size:11px;
}

a.SoundButton:link, a.SoundButton:visited {
 background-color:#000000;color:#FFFFFF;
 background-image:url(../images/icons/single-note-n.gif);
 border:1px solid #D5D5D5;border-right:1px solid #777777;border-bottom:1px solid #777777;
}

a.SoundButton:hover, a.SoundButton:focus {
 background-color:#F4F0EC;color:#990000;
 background-image:url(../images/icons/single-note-h.gif);
 border:1px solid #777777;border-right:1px solid #D5D5D5;border-bottom:1px solid #D5D5D5;
 text-decoration:none;
}

a.SoundButton:active {
 background-color:#F4F0EC;color:white;
 background-image:url(../images/icons/single-note-a.gif);
 border:1px solid silver;border-right:1px solid white;border-bottom:1px solid white;
 text-decoration:none;
}

a.KalenderLink {
 font-weight:bold !important;font-size:11px !important;
 padding:0 !important;margin:0 !important;
}
td.IstHeute a.KalenderLink, td.GewaehltesDatum a.KalenderLink {
 color:white !important;
}
a.KalenderLink.NoLink {
 cursor:not-allowed !important;
}

div.BuchtitelListe {
 background-color:silver;padding:8px;
}
div.BuchtitelListe ol {
 background-color:silver;
}

li.BuchtitelListenEintrag {
 cursor:pointer;margin:0 0 0 8px;
}

li.BuchtitelListenEintrag:before {

}

#BuchInfoPopup {
  background-color:silver;height:100%;overflow:auto;
}
#BuchInfoPopup img {
  width:45%;overflow:auto;float:right;text-align:right;margin: 0 0 0 12px;
}

div.SoundfileListe {
  border:1px solid white;padding:4px;
}
div.SoundfileListe:hover {
  border:1px solid black;
}
div.SoundfileListe .SoundfileTitel {
  font-size:110%;font-weight:inherit;padding:0;margin:2px 0 2px 0;
}
div.SoundfileListe .SoundfileDatum {
  font-size:100%;font-weight:inherit;padding:0;margin:2px 0 2px 0;
}
div.SoundfileListe .SoundFile {
  margin-top:4px;
}

div.CurrentAudioPlayed {
  background-color:gold;cursor:wait;
}

/* Definitionen für Dekorative Elemente (im Hintergrund) */

div.IsOnSecureServer {
  position:absolute;left:10px;top:10px;cursor:pointer;
}

#DickerAbstand { /* die Höhe setzt Menupunkte nach oben in der angegebenen Höhe ab: */
 height:8cm;
}

/* Definitionen propietäre Eigenschaften */

#MasterBereich.MobileContent {
 transform: scale(0.96);
}
#MasterBereich.PhoneContent {
 transform: scale(0.93);
}
#Kopf h2, #Kopf h3 { display:inline-block; }
#Kopf h3 { margin-left:16px; }