body { margin-top:10px; margin-bottom:10px;background-color:#ccffff;}


/*Schriftdefinition*/
p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
     { font-family:Tahoma,Arial,sans-serif; }

h1 { font-size: 39px; }

 /* Titel für Seiten */
h2 { font-size:15px; padding:1em; text-align:center;  background-color:#99ffff; letter-spacing:.5em;
     position:relative; left:10%; width:80%;}

/* Titel für Veranstaltungen */
h3 { font-size:14px; padding:1em; color:black; background-color:#99ffff; margin-top:1em;letter-spacing:.15em;}

/* Titel für Programmübersichtsabschnitte */
h4 { font-size:13px; padding-left:1em; color:black; background-color:#99ffff; margin-bottom: 1em;}

/* für Accordionüberschriften */
h4.toggler {margin-top:0.1em; margin-bottom: 0.1em;}

/* Leicht gesperrt und etwas Endeabstand */
h5 { letter-spacing:0.1em; margin-top:1em; margin-bottom:0.5em}

p,ul,ol,li,div,td,th,address,nobr { font-size:13px; line-height:1.4em; padding:0.1em;
                                        margin-top:.2em; margin-bottom:.2em;}
/* normaler Text */

/*img { behavior: url(”pngbehavior.htc”); }           /* bringt IE png-Transparenz bei */

pre { font-family:Courier New,Courier; font-size:10px; }
/* Quelltext-Beispiele */

tt { font-family:Courier New,Courier; font-size:10px; }
/* Quelltext-Befehle im normalen Fliesstext */



ul {margin-left:3em;}


.bottomlinkline { font-size:10px; margin:auto; width: 650px; font-weight: normal;}
/* Urheberangaben unter Fotos o.ä. */

.links{padding:5px; text-align:center;}

img {box-shadow: #a0a0a0 2px 2px 10px;}
img.pur {margin: 0px;}
h1 img, h2 img, h3 img, h4 img{box-shadow:none;}

/* div-Formate */

.main {margin-left: auto; margin-right: auto; width: 500px;}
.mainbreit {margin-left: auto; margin-right: auto; width: 600px;}
.halbspaltelinks{width:49%; float:left; text-align:justify;}
.halbspalterechts{width:49%; float:right; text-align:justify;}
.standard{width:600px; margin-left:auto; margin-right:auto;}
.gesperrt{letter-spacing:0.3em;}
.hidden {height: 0px; overflow: hidden; margin: 0px; padding: 0px;}
.visible {height: auto; margin: 0px; padding: 0px;}


/* Accordion */
.toggler{cursor: default;}
.toggler:hover{background-color:orange;}
.element{position:relative; left:20px; margin-bottom:1em; width: 475px;}

/* td- und p-Formate */
.abstand{line-height:1em;}
.leiter{margin-left:4em;}
.daten{margin-left:4em; font-style:italic;}
.rhythmus{font-style:italic; vertical-align:top;}
.unterzeilen{font-style:italic; margin-top:3px;}
.unterzeilentitel{font-style:italic; margin-top:2em;text-decoration:underline;}
.leitervorstellungstitel{font-weight:bold; margin-top:2em;margin-bottom:1em;}
.zitat{font-style:italic; margin-top:2em; margin-left:1em; margin-right:1em;}
.zitatunterschrift{margin-left:1em; margin-bottom: 2em;}
.wichtig{margin:.2em; border: 1px solid orange; font-weight:bold; color:gray; text-align:center; }
.fettabgesetzt{margin:2em; font-weight:bold;}
.bildhintergrund{width:500px; background-color:#d0d0d0; text-align:center;}
.zentrierterspruch {text-align:center;}
.alignright {text-align:right;}
th{border-bottom:solid 1px black;}
td{padding:.3em .5em; vertical-align:top; text-align:left;}
td.zeitenpreise{text-align:right;}
.sprachbutton {background-color:#99ffff; color:#0000cc; cursor: default;}

/* linkformate */
a:link, a:visited { color:#000000; text-decoration:none;}
a:hover {color:blue; text-decoration:none;}
a:active { color:#ff0000; text-decoration:none; }

td.infoblocktitel { background-color:#99ffff; font-size:13px; padding:1em; font-weight: bold; vertical-align:top;}

.bildohnerand {margin: 0px; margin-bottom: 1em;}

/* hr etc - Formate */
hr { margin:2em 0;}
hr.intern {width:400px; height:1px;margin-left:50px; margin-top:1em; margin-bottom:1em;}    //innerhalb eines Eintrags


/* color = Farbe */
/* text-decoration = Tesxtstil */
/* underline = unterstrichen, Default-Wert, Wert aenderbar */
/* none = nicht unterstrichen, Wert aenderbar */