body        {
	color: #222;
	background-color: #e8e8e8;
	text-align: center;
	margin: 0;
	font: 12px/130% Verdana, Arial, Helvetica, sans-serif;
}



p { font-size: 1em; line-height: 1.4em; margin-top: 0; margin-bottom: 0 }

td  { font-size: 12px; }

.einzug { text-indent: 1em; margin-top: 2px }

.abstand { margin-top: 1ex; margin-bottom: 0 }

.loch { margin-top: 1em; margin-bottom: 0 }

h1, #haupt h1, #quer h1, #breit h1 { color: #7c8ba7; font-size: 2.5em; line-height: 130%; margin-top: 1em; margin-bottom: 0 }

#termine h1  { margin-bottom: 1em }

.bild  { margin-top: 1.4em }

h2  { font-size: 1em; font-weight: 700; line-height: 130%; margin-top: 1ex; margin-bottom: 0 }

h3  { font-size: 1em; font-style: italic; font-weight: 400; line-height: 130%; margin-top: 1ex; margin-bottom: 0 }

h4  { font-size: 1em; font-weight: 700; margin-top: 1em; margin-bottom: 1ex }

h5 { font-size: 1.2em; font-weight: 700; margin-top: 1em; margin-bottom: 1ex }

h6 { font-size: 1.2em; font-weight: 700; margin-top: 1em; margin-bottom: 0 }

h1+p, h2+p, h3+p { margin-top: 1ex; }


/*main: umschliesst links und rechts*/
div#main    { text-align: left; margin: auto; position: relative; z-index: 1; width: 680px }
div#links  { padding: 3em 14px 14px; width: 490px; float: left }
div#rechts  { font-size: 0.8em; background-color: #ffffbf; padding: 7px; position: relative; width: 140px; float: left }

/*haupt: statt main und ohne links und rechts*/
div#haupt  { text-align: left; margin: auto; padding: 3em 14px 14px; position: relative; z-index: 1; width: 490px }

div#quer { text-align: left; margin: auto; padding: 3em 14px 14px; position: relative; z-index: 1; width: 660px }

div#breit { text-align: left; margin: auto; padding: 3em 14px 14px; position: relative; z-index: 1; width: 590px }

div#galerie { margin-top: 1.4em }

div#termine  { text-align: left; margin: auto; padding: 3em 14px 14px; position: relative; z-index: 1; width: 630px }

div#galerie { margin-top: 1.4em }

div#pfad { color: #7c8ba7; font-size: 0.8em; border-bottom: 1px dotted #7c8ba7 }

div.hoertxt { color: #003; font-size: 0.9em; font-style: italic; text-align: left; margin-top: 2em; padding: 1px 2px 2px; border-top: 1px solid #7c8ba7; border-right: 1px solid #7c8ba7; border-left: 1px solid #7c8ba7 }

div.hoer { color: #003; font-size: 0.9em; font-style: italic; margin-bottom: 1.4em; padding-bottom: 3x; border-right: 1px solid #7c8ba7; border-bottom: 1px solid #7c8ba7; border-left: 1px solid #7c8ba7 }

.bildtxt    { font-size: 0.9em; font-style: italic; line-height: 130%; text-align: left; margin-top: 2px; margin-bottom: 1em; padding-left: 0; position: relative; top: 3px }
.fototxt { font-size: 0.8em; font-style: italic; line-height: 130%; text-align: left; margin-top: 2px; margin-bottom: 1em; padding-left: 0; position: relative; top: 3px }
.titel  { color: #7c8ba7; font-weight: 700 }
.bild img { border: solid 2px #003 }

#galerie table { border: solid 2px #003 }
td img {border: none;}

.rahmen { padding: 4px 7px; border: solid 1px #003 }
.titellogo { margin-top: 1em; margin-bottom: 1ex }
div.kabprgr { color: #003; font-size: 1.7em; font-weight: 700; background-color: #d3d3d3; text-transform: uppercase; margin-top: 1em; margin-bottom: 4px; padding: 2px 9px }
#haupt a { color: #003; text-decoration: none }
#quer a { color: #003; text-decoration: none }
#breit a { color: #003; text-decoration: none }
#termine a { color: #003; text-decoration: none }
#haupt a:hover { color: #f00; background-color: #7c8ba7 }
#quer a:hover { color: #f00; background-color: #7c8ba7 }
#breit a:hover { color: #f00; background-color: #7c8ba7 }
#termine a:hover { color: #f00; background-color: #7c8ba7 }
div.zeile  { font-size: 0.9em; width: 628px; float: left; border-top: 1px solid #7c8ba7; border-right: 1px solid #7c8ba7; border-left: 1px solid #7c8ba7 }
div.datum  { padding: 4px; width: 22%; float: left }
div.stueck  { font-weight: 700; padding: 4px; position: relative; width: 20%; float: left }
div.ort  { padding: 4px; position: relative; width: 24%; float: left }
div.adresse  { padding: 4px; position: relative; width: 28%; float: left }
div.verweis { color: #7c8ba7; font-size: 0.8em; background-color: #d3d3d3; text-align: right; margin-top: 2em; margin-bottom: 1em; padding: 2px 4px; clear: left }
#termine div.verweis { margin-top: 0; width: 620px; border: solid 1px #7c8ba7 }
.small { font-size: 0.9em }
div#gestalt { margin-top: 49px; margin-right: 7px; margin-left: 14px }
#gestalt a { color: #7c8ba7; font-style: italic; text-decoration: none }
#gestalt a:hover { color: #30f; text-decoration: none }


/*Hacks*/

* html div#pfad { color: #7c8ba7; font-size: 0.8em; border-bottom: 1px solid #7c8ba7 }