body, html {font-family: Verdana, arial, serif;
  font-size: 10pt; text-decoration: none; color : #000000;
}

html {font-size: 10pt;}

a {color: black; text-decoration: underline;}

img {border: none;}

#menu {
  position: absolute; top: 120px; left: 0;
  width: 163px; 
  margin: 0; padding: 0;
}
#menu ul {margin: 0; padding: 0; list-style: none;}
#menu ul li {margin: 0; padding: 0;}
#menu a {display: block; 
  padding: 0; margin: 0; 
  border-bottom: 1px solid black;
  text-decoration: none;
  height: 34px;
  width: 163px;
}
#menu li a span { visibility: hidden; }

#menu li.home a { height: 19px; background: url(../images/menu/home.gif) no-repeat; }
#menu li.home a:hover { background: url(../images/menu/home2.gif) no-repeat; }
#menu li.home a.active { background: url(../images/menu/home2.gif) no-repeat; }
#menu li.konzertplan a { background: url(../images/menu/Konzertplan.gif) no-repeat; }
#menu li.konzertplan a:hover { background: url(../images/menu/Konzertplan2.gif) no-repeat; }
#menu li.konzertplan a.active { background: url(../images/menu/Konzertplan2.gif) no-repeat; }
#menu li.cd a { background: url(../images/menu/CD.gif) no-repeat; }
#menu li.cd a:hover { background: url(../images/menu/CD2.gif) no-repeat; }
#menu li.cd a.active { background: url(../images/menu/CD2.gif) no-repeat; }
#menu li.vorverkauf a { background: url(../images/menu/Vorverkauf.gif) no-repeat; }
#menu li.vorverkauf a:hover { background: url(../images/menu/Vorverkauf2.gif) no-repeat; }
#menu li.vorverkauf a.active { background: url(../images/menu/Vorverkauf2.gif) no-repeat; }
#menu li.organe a { background: url(../images/menu/Organe.gif) no-repeat; }
#menu li.organe a:hover { background: url(../images/menu/Organe2.gif) no-repeat; }
#menu li.organe a.active { background: url(../images/menu/Organe2.gif) no-repeat; }
#menu li.kmd a { background: url(../images/menu/KMDJacob.gif) no-repeat; }
#menu li.kmd a:hover { background: url(../images/menu/KMDJacob2.gif) no-repeat; }
#menu li.kmd a.active { background: url(../images/menu/KMDJacob2.gif) no-repeat; }
#menu li.geschichte a { background: url(../images/menu/Geschichte.gif) no-repeat; }
#menu li.geschichte a:hover { background: url(../images/menu/Geschichte2.gif) no-repeat; }
#menu li.geschichte a.active { background: url(../images/menu/Geschichte2.gif) no-repeat; }
#menu li.chronik a { background: url(../images/menu/Chronik.gif) no-repeat; }
#menu li.chronik a:hover { background: url(../images/menu/Chronik2.gif) no-repeat; }
#menu li.chronik a.active { background: url(../images/menu/Chronik2.gif) no-repeat; }
#menu li.mitsingen a { background: url(../images/menu/Mitsingen.gif) no-repeat; }
#menu li.mitsingen a:hover { background: url(../images/menu/Mitsingen2.gif) no-repeat; }
#menu li.mitsingen a.active { background: url(../images/menu/Mitsingen2.gif) no-repeat; }
#menu li.galerie a { background: url(../images/menu/Galerie.gif) no-repeat; }
#menu li.galerie a:hover { background: url(../images/menu/Galerie2.gif) no-repeat; }
#menu li.galerie a.active { background: url(../images/menu/Galerie2.gif) no-repeat; }
#menu li.intern a { background: url(../images/menu/Chorinternes.gif) no-repeat; }
#menu li.intern a:hover { background: url(../images/menu/Chorinternes2.gif) no-repeat; }
#menu li.intern a.active { background: url(../images/menu/Chorinternes2.gif) no-repeat; }
#menu li.satzung a { background: url(../images/menu/Satzung.gif) no-repeat; }
#menu li.satzung a:hover { background: url(../images/menu/Satzung2.gif) no-repeat; }
#menu li.satzung a.active { background: url(../images/menu/Satzung2.gif) no-repeat; }
#menu li.ordnung a { background: url(../images/menu/Chorordnung.gif) no-repeat; }
#menu li.ordnung a:hover { background: url(../images/menu/Chorordnung2.gif) no-repeat; }
#menu li.ordnung a.active { background: url(../images/menu/Chorordnung2.gif) no-repeat; }
#menu li.impressum a { margin: 85px 0 0 0; border-bottom: none; background: url(../images/menu/impressum.gif) no-repeat; }
#menu li.impressum a:hover { background: url(../images/menu/impressum2.gif) no-repeat; }
#menu li.impressum a.active { background: url(../images/menu/impressum2.gif) no-repeat; }


#navigation {
  margin: 0; padding: 0;
  position: absolute; top: 0; left: 0;
  height: 92px; width: 100%; min-width: 1024px;
  background: #e5c300 url(../images/logos/Oratorienchor.gif) 222px 49px no-repeat;
  text-align: right;
}
#navigation h1 {display:none;}
#navigation h2 {display:none;}

#content {
  margin: 0; padding: 0;
  position: absolute; top: 120px; left: 222px;
}

.missing {color: #DF291C;}

#content h1 {font-size: 14pt; line-height: 0.8em; letter-spacing: 0.1em; margin: 38px 0 14px 0; padding: 0px;}
#content h1.keine {margin: 28px 0 14px 0; padding: 0px;}
#content p {width: 580px; padding: 1em 0 0 0; margin: 0; line-height: 125%;}


#content div.missing {margin: 0.33em 0.5em; font-weight: bold;}

#content div.konzert {margin: 0; padding: 0.5em 0 1.5em;}
/*#content div.konzert div.wo {margin: 0 0.25em; padding: 0; border-bottom: 1px dotted black; width: 580px;}*/
#content div.konzert div.wo {margin: 0 0.25em 0.25em; padding: 0 0 0.33em 0;
  width: 580px;}
#content div.konzert div.wo { border-bottom: 1px dotted black; }
#content div.konzert div.was {margin: 0; padding: 0.25em 0;}
#content div.konzert div.was span.werk{
  font-size: 14pt; font-weight: bold; letter-spacing: 0.05em;}
#content div.konzert div.was span.komponist{}
#content div.konzert div.solisten ul {margin: 0; padding: 0; list-style: none;}
#content div.konzert div.solisten ul li {display: block;}
#content div.konzert a {padding-right: 15px; color: black; text-decoration: none;
  background: url(../images/link.gif) 100% 100% no-repeat;}
#content div.konzert a:hover {text-decoration: underline;}
#content form input.submit {padding: 0; margin: 0.5em 0 0 0;}

#content div.organ {margin: 18px 0 2em 0; padding: 0;}
#content div.organ div.titel {font-size: 14pt; margin: 0 0 1em; padding: 0; font-weight: bold; letter-spacing: 0.05em;
  border-bottom: 1px dotted black; width: 580px; line-height: 3em;}
#content div.organ div.funktion {margin: 0; padding: 0; width: 14em; float: left; }
#content div.organ div.personen {clear: left; margin: 0 0 1em;}
#content div.organ div.person {margin: 0 0 0.25em; padding: 0 0 0 14.5em; text-transform: uppercase; letter-spacing: 0.1em;}
#content div.organ div.person div.telefon, #content div.organ div.person div.fax, #content div.organ div.person div.email  {margin: 0; padding: 0;  text-transform: none; letter-spacing: 0;}

#content div.satzung {width: 60%; margin-bottom: 2em;}
#content div.satzung h3 {margin: 1em 0 0 0; padding: 0; font-size: 10pt; font-weight: bold; letter-spacing: 0.1em;}
#content div.satzung p  {margin: 0; padding: 0;}
#content div.satzung ul {margin: 0; padding: 0 0 0.5em 0; list-style: inside;}

#content div.cd {margin: 20px 0 0 0; padding: 10px 0 10px 190px;  border-bottom: 1px dotted black; width: 580px; height: 190px;}
#content div.cd div.cover {position: absolute; left: 0; height: 182px; width: 190px; margin: 5px 0 0 0;}
#content div.cd div.was {
  font-size: 1.2em; font-weight: bold; margin: 0 1em; padding: 0 0 0.25em 0;}
#content div.cd div.was span.komponist { letter-spacing: 0.05em;}  
#content div.cd div.was span.werk { text-transform: uppercase;color: #e5c300; letter-spacing: 0.1em;}
#content div.cd div.orchester {margin: 0 1em;}
#content div.cd div.solisten ul {margin: 0 1em 0.5em 1em; padding: 0; list-style: none;}
#content div.cd div.solisten ul li {padding: 0 1em 0 0;}
#content div.cd div.wann {clear:left; margin: 0 1em; padding-top: 1em;}
#content div.cd div.preis {margin: 0 1em;}
#content div.cd div.inhalt div {margin: 0.5em 1em; padding: 0;}
#content div.cd div.inhalt ul {margin: 0.5em 1em; padding: 0; list-style: none;}
#content div.cd.vierzig {height: 300px;}

#content div.verkauf {margin: 0 50% 4em 0;}

#content div.vorverkauf {margin: 1em 0; padding: 0;}
#content div.vorverkauf ul {margin: 0; padding: 0; list-style: none;}
#content div.vorverkauf a  {padding-right: 15px; color: black; text-decoration: none;
  background: url(../images/link.gif) 100% 100% no-repeat;}
#content div.vorverkauf a:hover {text-decoration: underline;}

#content div.vorverkauf ul li.wo {font-weight: bold; letter-spacing: 0.1em;}

#content div.lehrer {
/*
font-weight: bold; letter-spacing: 0.05em;
*/
/*
text-transform: uppercase; letter-spacing: 0.1em;
*/
 display: inline; border-bottom: 1px solid #e5c300;

}

#content a.vocalkreis {font-weight: bold; letter-spacing: 0.1em; text-decoration: none; padding-right: 15px; color: black; text-decoration: none;
  background: url(../images/link.gif) 100% 100% no-repeat;}
#content a.vocalkreis:hover {text-decoration: underline;}  
#content div.impressum ul {margin: 0; padding: 0; list-style: none;  margin: 2em 0 0 0;}

#content div.impressum ul.design {position: absolute; top: 520px; left: 0;
  margin: 0; width: 800px;}
#content div.impressum ul.design li { line-height: 1.5em; }
#content div.impressum ul.design span.titel {/*font-weight: bold; letter-spacing: 0.05em;*/}
#content div.impressum ul.design span.slash {color: #e5c300; letter-spacing: -0.25em;}
#content div.impressum ul.anschrift li.gross {text-transform: uppercase; letter-spacing: 0.05em;}
#content div.impressum ul.anschrift li.fon {margin: 1em 0 0 0;}

#content ul.intern {margin: 0; padding: 0; list-style: none;}

#content div.bilder {margin: 0; padding: 0.5em 0 1.5em;}
#content div.bilder div.bild {margin: 0 0.25em 0.25em; padding: 0 0 0.33em 0;
  width: 770px; border-bottom: 1px dotted black; }
#content div.bilder div.bild img { margin: 0 32px 10px 0; }
#content div.bilder div.bild h4 { font: 10px normal; margin: 5px 0; }

#KonzertEditieren { font-size: 12px; width: 540px; }
#KonzertEditieren fieldset { font-size: 12px; margin: 25px 0 0; padding: 10px; }
#KonzertEditieren fieldset.outer { width: 520px; margin: 0; }

#KonzertEditieren label { display: block; width: 100px; float: left; margin: 0; }
#KonzertEditieren input { display: block; width: 375px; float: left; padding: 0 5px; margin: 0; }

#KonzertEditieren ul { margin : 0; padding: 0; list-style: none; }
.suggestDiv { 
  background: #ffffff;
}
.suggestion span { text-decoration: underline; }

button { cursor: pointer; }
.addButton { 
  background: url(../images/plus.gif) no-repeat 5px 5px #eee; 
  padding: 5px 5px 5px 25px; 
  margin: 10px 0 0;
  font-size: 12px;
}
.deleteButton { 
  background: url(../images/delete.gif); 
  width: 13px; height: 13px;
  padding: 0; margin: 0;
  border: none;
}
.submitButton { 
  background: url(../images/ok.gif) no-repeat 5px 5px #eee; 
  padding: 5px 5px 5px 45px; 
  margin: 25px 0 0;
  font-size: 14px;
  height: 50px;
  float: right;
}