/* Stylesübersicht

Hintergrund dunkel rgb 79/ 6/ 6
#,

Hintergrund hell rgb 203/ 176/ 166 bzw 238/ 228/ 225
#cbb0a6
#eee4e1

grŸn rgb 168/ 202/ 85 bzw227/ 236/ 188
a8ca55
e3ecbc

rot rgb 193/ 18/ 18 bzw159/ 14/ 14
9f0e0e
c11212

blau rgb 1327 203/ 205 bzw183/ 230/ 231
89cbcd
b7e6e7

gelb rgb 232/ 192/ 57 bzw 250/ 235/ 182
e8c039/typo:#c69320
faebb6

*/

html {
  scrollbar-base-color:#4f0606;
  scrollbar-3d-light-color:#cbb0a6;
  scrollbar-arrow-color:#cbb0a6;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#660808;
  scrollbar-highlight-color:#cbb0a6;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#cbb0a6;
  }
  
body  { background: #4f0606; font-size:8pt; color:#4f0606; font-family:Verdana,Geneva,Univers,Arial; margin:0px; }

a:link { color:#cbb0a6; text-decoration: none; }
a:visited { color:#cbb0a6; text-decoration: none; }
a:hover { color:#ffffff; text-decoration: none; }
a:active { color:#ffffff; text-decoration: none; }

:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }

q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }

 
/* 4 Inhalt */
.b1  { background:#e3ecbc; margin-left:30px; margin-top:40px; margin-right:60px; }
.b1-3  { background:#e3ecbc; margin-left:30px; margin-top:40px; margin-right:0px; }
.b1-4  { background:#e3ecbc; margin-left:00px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
.b1-5  { background:#e3ecbc; margin-left:30px; margin-top:40px; margin-right:10px; text-align:justify; }
.b2  { background:#d51414; margin-left:30px; margin-top:40px; margin-right:0px; }
.b3  { background:#faebb6; margin-left:30px; margin-top:40px; margin-right:10px; }
.b4  { background:#b7e6e7; margin-left:30px; margin-top:40px; margin-right:40px; font-size:7pt; }
.b20  { background:#fbefd5; margin-left:30px; margin-top:40px; margin-right:0px; }
.b99  { background:#fff; margin-left:30px; margin-top:30px; margin-right:0px; }
.b4-7 { background:#b7e6e7; margin-left:30px; margin-top:40px; margin-right:40px; }
.b4-8 { background:#b7e6e7; margin-left:10px; margin-top:10px; margin-right:10px; }
.b4-9 { background:#cbb0a6; margin:0px; font-size:8pt; color:#4f0606; font-family:Verdana,Geneva,Univers,Arial; }

/* shop bestellknopf */
.b4-9:visited { color:#4f0606; }
.b4-9:link { color:#4f0606; }
.b4-9:hover { color:#ffffff; }

/* impressum */
.b5  { background:#eee4e1; margin-left:30px; margin-top:40px; margin-bottom:15px; margin-right:10px; }

/* kontakt */
.b6  { background:#eee4e1; margin-left:152px; margin-top:40px; margin-bottom:10px; margin-right:40px; }
.link6:visited { color:#4f0606; }
.link6:link { color:#4f0606; }
.link6:hover { color:#cbb0a6; }

.b6-1  { background:#eee4e1; margin:0px; font-size:8pt; color:#4f0606; font-family:Verdana,Geneva,Univers,Arial; }
.b6-1:visited { color:#4f0606; }
.b6-1:link { color:#4f0606; }
.b6-1:hover { color:#cbb0a6; }


.popup  { background:#a8ca55; margin:0px; font-size:9pt; color:#ffffff; font-family:Verdana,Geneva,Univers,Arial; }

.b7  { background:#eee4e1; margin-left:190px; margin-right:20px; margin-bottom:10px; }

/* unbekannt */
.b9  { background:#e3ecbc; margin:0px; margin-top:0px; margin-right:0px; }

/* Kopf */
.k1  { background:#cbb0a6; margin:0px; margin-top:0px; margin-bottom:0px; }
.k2  { background:#4f0606; margin:0px; color:#cbb0a6;}

/* Navigation */
.nav  { margin-top:90px; margin-right:25px; font-weight:700;}
.nav1  { color:#a8ca55; margin-top:20px; margin-right:25px; font-weight:700;}
.nav2  { color:#c11212; margin-top:20px; margin-right:25px; font-weight:700;}
.nav3  { color:#e8c039; margin-top:20px; margin-right:25px; font-weight:700;}
.nav4  { color:#89cbcd; margin-top:20px; margin-right:25px; font-weight:700;}
.nav20  { color:#cf7a1d; margin-top:20px; margin-right:25px; font-weight:700;}

.link1:hover { color:#a8ca55; }
.link2:hover { color:#c11212; }
.link3:hover { color:#e8c039; }
.link4:hover { color:#89cbcd; }
.link20:hover { color:#cf7a1d; }

/* Fuss */
.fus1  { text-align:right; color:#cbb0a6; margin-top:5px; margin-right:10px; font-size:8pt; }

/* †berschriften */
.font1 { color:#88b026; }
.font1-8 { color:#88b026; font-size:8pt; }
.font3 { color:#aa6d2b; }
.font4pop { color:#e3ecbc; }
.font5 { color:#4f0606; font-size:8pt; }
.font5pop { color:#4f0606; }
.font6 { color:#4f0606; }
.font6-7 { color:#4f0606; font-size:7pt; }
.font7 { color:#cbb0a6; font-size:8pt; }
.font20 { color:#c15025; }
.blend { color:#743835; }


/* Zier */

.z1  { background:#a8ca55; font-weight:700; margin:0px; margin-top:20px; }
.link5:visited { color:#e3ecbc; }
.link5:link { color:#e3ecbc; }
.link5:hover { color:#ffffff; }

.z2  { background:#860c0c; font-weight:700; margin:0px; margin-top:20px; }
.linkz2:visited { color:#d51414; }
.linkz2:link { color:#d51414; }
.linkz2:hover { color:#ffffff; }

.z3  { background:#e8c039; font-weight:700; margin:0px; margin-top:20px; }
.linkz3:visited { color:#faebb6; }
.linkz3:link { color:#faebb6; }
.linkz3:hover { color:#ffffff; }

.z4  { background:#89cbcd; font-weight:700; margin:0px; margin-top:15px; margin-left:30px;}
.linkz4:visited { color:#b7e6e7; }
.linkz4:link { color:#b7e6e7; }
.linkz4:hover { color:#ffffff; }

.z5  { background:#4f0606; font-weight:700; margin:0px; margin-top:20px; }.linkz5:hover { color:#ffffff; }

/* CHOR - Mitglieder */
.link9:visited { color:#4f0606; }
.link9:link { color:#4f0606; }
.link9:hover { color:#88b026; }


/* TERMINE - Konzerte */
.link10:visited { color:#4f0606; }
.link10:link { color:#4f0606; }
.link10:hover { color:#c29222; }


/* CHOR - Mitglieder */
.link11:visited { color:#4f0606; }
.link11:link { color:#4f0606; }
.link11:hover { color:#89cbcd; }

/* CHOR - Chorleiter */
.link12:visited { color:#4f0606; }
.link12:link { color:#4f0606; }
.link12:hover { color:#9f0e0e; }


/* TERMINE - Konzerte */
.link13:visited { color:#aa6d2b; }
.link13:link { color:#aa6d2b; }
.link13:hover { color:#4f0606; }


/* AKTUELLES - Termine */
.z20 { background:#e47f26; font-weight:700; margin:0px; margin-top:20px; }
.linkz20:visited { color:#edc68d; }
.linkz20:link { color:#edc68d; }
.linkz20:hover { color:#fbefd5; }

/* AKTUELLES - Konzerte */
.link21:visited { color:#4f0606; }
.link21:link { color:#4f0606; }
.link21:hover { color:#c15025; }

/* AKTUELLES - Konzerte */
.link22:visited { color:#c15025; }
.link22:link { color:#c15025; }
.link22:hover { color:#4f0606; }


.intro1 { background:#c9651e; font-weight:700; margin:0px; margin-top:0px; }
.intro2 { background:#fbefd5; font-weight:700; margin:0px; margin-top:0px; }

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }