/* Dies ist die CSS-Datei zur Kirchenmusikseite der Innenstadtgemeinde Itzehoe.*/
/* Dateiname: musik.css */

/* Body */
body {background: #fff2ca; color: #330000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; text-decoration: none; font-weight: 100}

/* Ueberschriften */
h1 {color: #990000; font-size: 30px; font-weight: 400}
h2 {font-size: 20px; font-weight: 200}
h3 {font-size: 16px; text-decoration: underline;}
h4 {font-size: 16px; text-decoration: none;}

/* Menue oben */
table.menue {border: 0px; border-collapse: separate; border-spacing: 0px 0px; padding: 0px;}
td.menue {width: 115px; border: 0px; border-collapse: separate; border-spacing: 0px 6px; padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px;}
.start, .start:link, .start:visited {background: url(../images/menue/start-link.gif); background-position: 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.start:hover {background-position: 0px -50px;}
.konzerte, .konzerte:link, .konzerte:visited {background: url(../images/menue/konzerte-link.gif) 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.konzerte:hover {background-position: 0px -50px;}
.gruppen, .gruppen:link, .gruppen:visited {background: url(../images/menue/gruppen-link.gif) 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.gruppen:hover {background-position: 0px -50px;}
.orgeln, .orgeln:link, .orgeln:visited {background: url(../images/menue/orgeln-link.gif) 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.orgeln:hover {background-position: 0px -50px;}
.foerder, .foerder:link, .foerder:visited {background: url(../images/menue/foerder-link.gif) 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.foerder:hover {background-position: 0px -50px;}
.shop, .shop:link, .shop:visited {background: url(../images/menue/shop-link.gif) 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.shop:hover {background-position: 0px -50px;}
.kontakt, .kontakt:link, .kontakt:visited {background: url(../images/menue/kontakt-link.gif) 0px 0px; width: 115px; height: 50px; display: block; background-repeat: no-repeat;}
.kontakt:hover {background-position: 0px -50px;}

/* Menue Konzerte */
.konzerte2008, .konzerte2008:link, .konzerte2008:visited {background: url(../images/menue/konzerte2008-link.gif) 0px 0px; width: 115px; height: 31px; display: block; background-repeat: no-repeat;}
.konzerte2008:hover {background-position: 0px -30px;}
.konzerte2009, .konzerte2009:link, .konzerte2009:visited {background: url(../images/menue/konzerte2009-link.gif) 0px 0px; width: 115px; height: 31px; display: block; background-repeat: no-repeat;}
.konzerte2009:hover {background-position: 0px -30px;}
.konzerte2010, .konzerte2010:link, .konzerte2010:visited {background: url(../images/menue/konzerte2010-link.gif) 0px 0px; width: 115px; height: 31px; display: block; background-repeat: no-repeat;}
.konzerte2010:hover {background-position: 0px -30px;}
.konzerte2011, .konzerte2011:link, .konzerte2011:visited {background: url(../images/menue/konzerte2011-link.gif) 0px 0px; width: 115px; height: 31px; display: block; background-repeat: no-repeat;}
.konzerte2011:hover {background-position: 0px -30px;}

/* Tabellen */
tr.monat {border: 0px; text-align: left; vertical-align: top;}
td.monat {border: 0px; text-align: left; vertical-align: top; color: #cc0000; font-weight: 800;}
td.titel {border: 1px; border-style: solid; border-color: #330000; font-weight: 800; text-align: center; vertical-align: top; background-color: #ffcc00; border-collapse: collapse;}
td.titel_links {border: 1px; border-style: solid; border-color: #330000; font-weight: 800; text-align: left; vertical-align: top; background-color: #ffcc00;}
td.inhalt {border: 1px; border-style: solid; border-color: #330000; text-align: center; vertical-align: top; border-collapse: collapse;}
td.inhalt_links {border: 1px; border-style: solid; border-color: #330000; text-align: left; vertical-align: top; border-collapse: collapse;}
td.ohne_rahmen {border: 0px; text-align: left; vertical-align: top;}
td.ohne_rahmen_zentriert {border: 0px; text-align: center; vertical-align: top;}
td.zentriert {border: 0px; text-align: left; vertical-align: middle;}

/* Absaetze */
.zentriert {text-align: center;}
.zentriert_rahmen {text-align: center; border: 1px solid #000000; width: 860px; margin: 0 auto; }
p.klein {text-align: center; font-size: 12px;}
div.fett {font-size: 18px; font-weight: 800;}
.fett_klein {font-weight: 800;}
div.klein {font-size: 12px}
div.klein_rahmen {font-size: 12px; border: 1px; border-style: solid; border-color: black; padding: 2px}
span.klein {font-size: 9px}
div.kontakt {font-size: 11px}
.klein_pad {font-size: 12px; padding-top: 5px}
.normal {font-weight: 100;}
div.normal_fett {font-weight: 800}
span.fett_titel {font-size: 16px; font-weight: 800;}
span.fett_text {font-weight: 800;}
.riesig_fett {font-size: 22px; font-weight: 800;}
.normal_rot {color: red;}
.fett_rot {font-weight: 800; color: red;}

/* Galerie */
table.galerie {border: 1px; border-style: solid; border-color: #000000; text-align: center; border-collapse: collapse; cellspacing: 0; cellpadding: 5; }
td.galerie-index {border: 1px; border-style: solid; border-color: #000000; text-align: center; vertical-align: middle; width: 136; height: 136; border-collapse: collapse; cellspacing: 0; cellpadding: 0;}
/* hover-Effekt fuer alle ausser Internet Explorer */
td.galerie-index:hover {background-color:#999999; }
/* Java-Script fuer hover-Effekt im Internet Explorer */
td.galerie-index {hover:expression(this.onmouseover=new Function("this.style.background='#999999';"),this.onmouseout=new Function("this.style.background='#fff2ca';")); }
td.galerie-leer {border: 1px; border-style: solid; border-color: #000000; text-align: center; vertical-align: middle; width: 136; height: 136; border-collapse: collapse; cellspacing: 0; cellpadding: 0;}

/* Listen */
ul.bullet_klein {list-style-type: disc; font-size: 14px; padding-top: 5px}
li.klein {padding-bottom: 5px}

/* Links */
a.text_fett {color: #990000; font-weight: 800; text-decoration: underline;}
a.text_fett:hover {color: #666666; text-decoration: none}
a.text_fett:visited {color: #336600; text-decoration: underline}
a.text_fett:visited:hover {color: #666666; text-decoration: none}
a.unten {color: #990000; font-size: 12px; font-weight: 400; text-decoration: none;}
a.unten:hover {font-weight: 400; color: #666666}

/* Bilder */
img.galerie {float: left; padding-left: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; border: 0px}
img.thumb {border: 0px; padding: 0px}
.links {float: left; padding-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px;}
.rechts {float: right; padding-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px;}

/* Anmerkungen */
.anm {color: #ff00ff; font-weight: 800}