﻿
body {
background:#fff3cd url('bild1/back.gif');
margin:0;color:#000;
padding:0;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

a:visited {
text-decoration:none;color:#000;}

a:link {
text-decoration:none;color:#000;}

a:hover {color:#666;}

h6 {
margin:8px 16px;
font-size:14px;
font-weight:normal;
letter-spacing:0.08em;
word-spacing:0.08em;}

h5 {
margin:8px 16px;
font-size:14px;
font-weight:normal;
letter-spacing:0.08em;
word-spacing:0.08em;}

h4 {
margin:8px 16px;
font-size:14px;
font-weight:normal;
letter-spacing:0.08em;
word-spacing:0.08em;}

h3 {
margin:8px 16px;
font-size:14px;
font-weight:normal;
letter-spacing:0.08em;
word-spacing:0.08em;}

h2 {
margin:8px 16px;
font-size:14px;
font-weight:bold;
letter-spacing:0.08em;
word-spacing:0.08em;}

h1 {
margin:8px 16px;
font-size:14px;
font-weight:normal;
letter-spacing:0.08em;
word-spacing:0.08em;}

h1 {font-size:18px;
padding-bottom:4px;
border-bottom:1px solid #ffcc00;}
.clear {clear:both;}
.b {font-weight:bold;}
li {padding:0;
margin:0;
list-style:none;}
ul {padding:0;
margin:0;
list-style:none;}
img {border:0 none;}
acronym { cursor:help;}
/*------ Seitenkopf ---*/
div#hibox {color:#000000;
background: url('bild1/back_top.jpg') repeat-x;}
div#hibox {width:auto; min-width:770px;
height:432px;}
.boxtop {
margin:0 10%;
width:auto;
min-width:620px;}
.boxtop {
margin:0 auto;
width:730px;
min-width:620px;}
#innen {
border-right:#ffcc00 2px solid;
border-left:#ffcc00 2px solid;        /* IE Hack. */
background:#fff4df;color:#000000;}
.bilder img {
margin:12px 8px 4px 8px;}
img.bilder {
margin:12px 8px 4px 8px;}
.content .bilder {text-align:center;}
.bilder {font-weight:bold;
color:#ffcc00 ! important;background:#fff3cd url('bild1/bg8.gif')}
/* ------Seitenkopf -----*/
#header {height:120px;
margin-right:-2px;}
#header #logo {
width:300px;
float:left;
margin:0 -3px;
height:100px;
position:absolute;
z-index:100;}
#header #logo h1 {display: none;}
#headerbox .head {
height:100px;color:#000;
background:url('bild1/noten1.gif') no-repeat right top #ffcc66;
border-right:2px solid #ffcc33;
position:relative;
margin-right:-2px;}
* html #headerbox .head {
margin-right:-4px;}
#headerbox a:visited {
margin-left:32px;}
#headerbox a:link {
margin-left:32px;}
#headerbox a:hover {
border-bottom:#fff 4px solid;}
#footer {position:relative;
padding:4px 24px;
color:#333;
background:#ffcc66;}
/*Navigation*/
#navigation div.content {
float:left;
position:relative;
z-index:10;
overflow:visible;}
#navigation div.right {
float:left;
position:relative;
z-index:10;
overflow:visible;}
#navigation div.left {
float:left;
position:relative;
z-index:10;
overflow:visible;}
#navigation {z-index:1;
border-left:16em #ffe09f solid;
border-right:8px #ffe09f solid;}
#navigation img {padding:0;border:0;}
* html #navigation {border-right:4px #ffe09f solid;}
#navigation .content {
margin:0 -1px;
width:100%;}
#navigation .left {
width:16em;
margin:0 1px 0 -16em;}
#navinnen {z-index:2;
width:100%;}
#navinnen {border-left:2px solid #ffe09f;
background:#fff3cd url('bild1/bg8.gif');color:#000;}
* html #navinnen {
position:relative;}
#navinnen .left div.button1
{margin-top:40px;
margin-left:-2px;
margin-right:2px; text-align:center;}
#navinnen .left ul {
list-style-type:none;
margin:10px 0px 12px 0px;
padding:0;}
#navinnen .left ul li {
margin:0 8px;}
.left li a {
height:32px;
height:24px;
text-decoration:none;}
.left li a:active {
color:#663300;
background:#fff3cd url(bild1/menug.gif) 0 -64px;
padding:8px 0 0 30px;}
.left li a:visited {
color:#663300;
display:block;
background:#fff3cd url(bild1/menug.gif);
padding:8px 0 0 30px;}
.left li a:link {
color:#663300;
display:block;
background:#fff3cd url(bild1/menug.gif);
padding:8px 0 0 30px;}
.left  li a:hover {
color:#000000;
background:#fff3cd url(bild1/menug.gif) 0 -32px;
padding:8px 0 0 30px;}
.place  {height:32px;
height:24px;
text-decoration:none;
color:#663300;display:block;
background:#fff3cd url(bild1/menuplace.gif);
padding:8px 0 0 30px;}
#navinnen .left div.button2 {
width:100%;
border:0 none;
/*border-top:#FFF solid 2px;*/
padding: 6px 0;}
#navinnen .left div.button1 {
width:100%;
border:0 none;
/*border-top:#FFF solid 2px;*/
padding: 6px 0;}
#navinnen .left div.button2 a:visited {
margin:0 0 0 10px;
font-size:12px;
font-weight:bold;}
#navinnen .left div.button2 a:link {
margin:0 0 0 10px;
font-size:12px;
font-weight:bold;}
#navinnen .left div.button1 a:visited {
margin:0 0 0 10px;
font-size:12px;
font-weight:bold;}
#navinnen .left div.button1 a:link {
margin:0 0 0 10px;
font-size:12px;
font-weight:bold;}
#navinnen .left div.button1 {
background:#fff3cd  url('bild1/bgffg.gif');}
.menuetitel {
margin-left:-4px;
margin-right:2px;
border-bottom:1px solid #ffe09f;}
.menuetitel {
padding:8px 16px 4px 16px;
border-bottom:1px solid #ffe09f;
letter-spacing:0.1em;
height:16px;}
.menuetitel {
background:#ffcc66;
color:#663300;
margin-bottom:12px;
font-size:12px;
padding-left:24px;}
/* Contentbereich */
div.content {
border-top:2px #ffe09f solid;color:#000;}
.content p {
line-height: 1.4em;
letter-spacing: 0.06em;
padding: 0 16px 0px 16px;
font-size:12px; text-align:left;}
.content a:visited {text-decoration:underline;
color:#000;}
.content a:link {text-decoration:underline;
color:#000;}
.content a:hover {color:#663300;}
.content li {padding:5px 0px 4px 25px;}
.content ul {padding:5px 0px 4px 25px;}
.content li {list-style-image:url(bild1/relolist.gif);}
.einzug {text-align:center;
margin:0 25% 0 25%;}
.einzug p {line-height: 1.8em;
letter-spacing:0.06em;
font-weight:bold;
font-size:12px;}
.tel {padding-left:7.2em;}
.tel2 {padding-left:10.8em;}
.tel3 {padding-left:11.5em;}
.tel4 {padding-left:15.5em;}
.telko { padding-left:19.6em;}
div.fuss {
border:2px solid #ffe09f;
border-bottom:2px solid #ffe09f;
background: #ffcc66;
position:relative;
color:#000;}
html>body .unclear {
border-bottom:1px solid #ffe09f;
margin-bottom: -1px;}
* html div.fuss {
margin-right:-4px;}
table {width:500px;border:0;margin:10px;}
td {height:30px;padding:5px 5px 0px 0px; line-height:180%;}
.ab { width:340px;
}
.uhr {width:80px;}

th {width:50px;height:30px;padding:5px 5px 0px 5px;}
caption {font-weight:bold;font-size:120%;}
/* Farbe Veranstaltung */
.gr {color:#008000;}
.re {color:#FF0000;}
.rb {color:#800000;}
.bl {color:#0000FF;}
 /*Gallery*/
.a:visited {color:#000;}
.a {color:#000;}
#galeriebox {position:relative;
width:500px;
height:700px;
background:#ffcc66;
border:1px solid #ffe09f;
margin:20px auto;}
#galeriebox b {font-weight:normal;
width:500px;
text-align:center;
position:absolute;
bottom:250px;
left:0;
color:#000;/*inneren container vor dem hovereffekt*/
letter-spacing:1px;
line-height:1.7em;
z-index:1;}
a.gallerie:visited {display:inline;
color:#000;
text-decoration:none;
border:1px solid #999;
width:75px;
height:75px;
float:left;
margin:7px 21px;
position:relative;
cursor:default;}
a.gallerie {display:inline;
color:#000;
text-decoration:none;
border:1px solid #999;
width:75px;
height:75px;
float:left;
margin:7px 21px;
position:relative;
cursor:default;}
a.bilda {background:url(galerie/gal32/IMG_304min.jpg);}
a.bildb {background:url(galerie/gal32/IMG_305min.jpg);}
a.bildc {background:url(galerie/gal32/IMG_306min.jpg);}
a.bildd {background:url(galerie/gal32/IMG_307min.jpg);}
a.bildf {background:url(galerie/gal32/IMG_311min.jpg);}
a.bildg {background:url(galerie/gal32/IMG_312min.jpg);}
a.bildh {background:url(galerie/gal32/IMG_313min.jpg);}
a.bildi {background:url(galerie/gal32/IMG_314min.jpg);}

a.bildj {background:url(galerie/gal32/IMG_015min.jpg);}
a.bildk {background:url(galerie/gal32/IMG_316min.jpg);}
a.bildl {background:url(galerie/gal32/IMG_319min.jpg);}
a.bildm {background:url(galerie/gal32/IMG_322min.jpg);}

a.bildn {background:url(galerie/gal32/IMG_327min.jpg);}
a.bildo {background:url(galerie/gal32/IMG_328min.jpg);}
a.bildp {background:url(galerie/gal32/IMG_329min.jpg);}
a.bildq {background:url(galerie/gal32/IMG_330min.jpg);}



a.gallerie span {visibility:hidden;
display:block;
position:absolute;
width:480px;
height:500px;
top:189px;
left:9px;
text-align:center;
border:1px solid #fff;
letter-spacing:1px;
cursor:default;}
a.bilda span {left:-13px; top:180px;}/*reihe 1 linksoben*/
a.bildb span {left:-132px; top:180px;} /*reihe 1 links oben 2*/
a.bildc span {left:-251px; top:180px;}
a.bildd span {left:-370px; top:180px;}
a.bildf span {left:-13px; top:89px;} /* zweite Reihe links oben */
a.bildg span {left:-132px; top:89px;}
a.bildh span {left:-251px; top:89px;}
a.bildi span {left:-370px; top:89px;}

a.bildj span {left:-13px; top:180px;} /* dritte Reihe links oben */
a.bildk span {left:-132px; top:180px;}
a.bildl span {left:-251px; top:180px;}
a.bildm span {left:-370px; top:180px;}

a.bildn span {left:-13px; top:89px;} /* zweite Reihe links oben */
a.bildo span {left:-132px; top:89px;}
a.bildp span {left:-251px; top:89px;}
a.bildq span {left:-370px; top:89px;}



a.gallerie:hover {white-space:normal;
border:1px solid #ffe798;
z-index:100;}
a.gallerie:hover span {visibility:visible;
z-index:100;}
a.gallerie:hover span img {margin:10px;
border:1px solid #ffcc33;
position:relative;
z-index:100;}
a.gallerie:focus {border:1px solid #ffcc33;
z-index:10;}
a.gallerie:active {border:1px solid #ffcc33;
z-index:10;}
a.gallerie:focus span {visibility:visible;
z-index:10;}
a.gallerie:active span {visibility:visible;
z-index:10;}
a.gallerie:focus span img {border:1px solid #ffcc33;
position:relative;
margin:10px;
z-index:10;}
a.gallerie:active span img {border:1px solid #ffcc33;
position:relative;
margin:10px;
z-index:10;}