body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #ffffff;
	font-size: 11pt;
	quotes:"\201E" "\201C" "\201A" "\2018";
}

/* zuerst ein paar Defaults */

* {
	border: none;
}

p {
	padding: 0px;
	margin: 1em 0px 1em 0px;
	line-height: 1.4em;
}

h1, h2, h3 {
	text-align: left;
	padding: 0.4ex 0px 0.2ex 0px;
	margin: 0.6em 0px 0.8em 0px;
}
h1 {
	font-weight: normal;
	font-size: 1.8em;
}

h2 {
	font-weight:normal;
	font-size: 1.4em;
	border-bottom: 1px solid #a0a0a0;
}

h3 {
	font-weight:bold;
	font-size: 1em;
}

/* um alle Bilder einen Rahmen */
img {
	border: 1px solid #707070;
	margin: 1ex;
	padding: 0px;
}

hr {
	height: 1px;
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: #a0a0a0
}

a:link { color: #002BB2; text-decoration: none;}
a:visited { color: #7E31AE; text-decoration: none;}
a:hover { text-decoration: underline; background: #E0E0FF;}

q {
/*	font-family: Times, "Times New Roman", serif;*/
/*	font-size: 1.1em; */
	font-style: italic;
}


/* Das Menu */
#menu {
	width: 18ex;
	float: left;
	list-style: none;
	padding: 0pt;
	margin: 0pt;
	border: 1px solid #707070;
	background: #b7b7f5;
	background-image: url(../bilder/b7b7f5.jpg);
}

#menu li {
	margin: 0.5ex 0.5ex 0.5ex 0.5ex;
	padding: 0px 0.3ex 0px 0.3ex;
}

#menu .aktiv_1, #menu .inaktiv_1,
#menu .aktiv_2, #menu .inaktiv_2,
#menu .aktiv_3, #menu .inaktiv_3 {
	font-weight: bold;
	border: 1px solid #707070;
}

#menu .aktiv_1, #menu .inaktiv_1 {
	font-size: 1.2em;
	margin-left: 0.5ex;
}

#menu .aktiv_2, #menu .inaktiv_2 {
	font-size: 1em;
	margin-left: 1.5ex;
}

#menu .aktiv_3, #menu .inaktiv_3 {
	font-size: 0.8em;
	margin-left: 3ex;
}

#menu a {
	display: block;
}

#menu a:link, #menu a:visited { color: black; text-decoration: none;}
#menu a:hover { background: none; }

#menu .logo {
	text-align: center;
	margin: 1ex;
}

#menu .aktiv_1, #menu .aktiv_2, #menu .aktiv_3 {
	background-color: #6666ff;
}

#menu .inaktiv_1:hover, #menu .inaktiv_2:hover, #menu .inaktiv_3:hover {
	background-color: #9090ff;
}

#menu img {
	border: none;
}

/* Das Datum */
#datum{
	font-size: 8pt;
	padding: 2pt 2pt 2pt 3pt;
	margin: 0px;
	border: 1px solid #707070;
	background: #f0f0ff;
	background-image: url(../bilder/f0f0ff.jpg);
}

/* und die Ueberschrift */
#ueberschrift {
	border: 1px solid #707070;
	border-left-style: none;
	background: #dadaf5;
	background-image: url(../bilder/dadaf5.jpg);
	text-align: center;
	padding: 1ex;
	margin: 0px;
}

#main {
	border-style: none;
	border-right: 1px solid #707070;
	border-left: 1px solid #707070;
	background: #f9fadd;
	background-image: url(../bilder/f9fadd.jpg);
	padding: 3ex 2ex 2ex 20ex;
	font-size: 1em;
}

#main #aktuell {
	text-align: center;
	margin-bottom: 20pt;
}

#main #aktuell td.platz {
	padding: 0.5ex;
}

#main #aktuell td.datum {
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	width: 20ex;
}

#main #aktuell td.zeit,
#main #aktuell td.zeit_wichtig {
	padding-left: 1ex;
	padding-right: 1ex;
	vertical-align: top;
	text-align: left;
}

#main #aktuell td.zeit_wichtig {
	color: red;
}

#main #aktuell td.was {
	vertical-align: top;
	text-align: left;
}

#main #aktuell h2 {
	border: none;
	text-align: center;
}

#main .copyright{text-align:center; font-weight:normal; font-size:8pt;}



/* Das Webb- und das Canisius-Zitat*/
.zitat { text-align:center; }
.zitat q { font-weight: bold; }
.zitat cite { font-size: smaller; }


#main div.karte { text-align:center; }

/* Die Geschichte-Tabellen */
#main table.geschichte { width:100% }
#main table.geschichte tr { vertical-align:top; }
#main table.geschichte tr td.l{
        width:25%;
        text-align: center;
	font-size: 1em;
}
#main table.geschichte tr td.r {
	text-align: left;
	font-size: 1em;
}
#main table.geschichte tr td.r ul {
        padding-top:0px;
        margin-top:0px;
}

#main div.textbox_rechts {
	margin: 0.5ex 0ex 0.5ex 1ex;
	padding: 0ex 1ex 0ex 1ex;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
	border: 1px solid #a0a0a0;
	float: right;
}

#main div.textbox_links{
	margin: 0.5ex 1ex 0.5ex 0ex;
	padding: 0ex 1ex 0ex 1ex;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
	border: 1px solid #a0a0a0;
	float: left;
}

/* Die Bilderfloats */
#main div.bildbox_rechts,
#main div.bildbox_links {
	padding: 5px;
	margin: 0px;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
	border: 1px solid #a0a0a0;
	font-size: smaller;
}
#main div.bildbox_rechts {
	margin: 0.5ex 0ex 0.5ex 1ex;
	float: right;
}
#main div.bildbox_links {
	margin: 0.5ex 1ex 0.5ex 0ex;
	float: left;
}
#main div.bildbox_rechts img,
#main div.bildbox_links img {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../bilder/grau.png);
}
#main div.bildbox_rechts p,
#main div.bildbox_links p{
	margin: 4px 0pt 0pt 0pt;
}
#main div.bildbox_rechts .mehr,
#main div.bildbox_links .mehr{
	margin: 4px  0pt 0pt 0.5em;
	float: right;
	font-size: smaller;
}

/* Die Sprecher-Übersicht*/
#main div.sprecher {
	margin: 0.5ex 0pt 1.8ex 0pt;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
	padding: 0.4ex;
	border: 1px solid #a0a0a0;
}
#main div.sprecher tr.links td.bild { padding: 0px 0.4ex 0px 0ex; }
#main div.sprecher tr.rechts td.bild { padding: 0px 0ex 0px 0.4ex; }

#main div.sprecher img {
	margin: 0px;
	background-image: url(../bilder/grau.png);
}
#main div.sprecher td.beschreibung {
	width: 100%;
	padding: 0px 1ex 0px 1ex;
	background: #f9fadd;
	background-image: url(../bilder/f9fadd.jpg);
	border: 1px solid #a0a0a0;
}
#main div.sprecher h2 { border: none; }

/* Die Ex-Sprecher-Übersicht */
#main div.ex_sprecher {
	margin: 0.5ex 0pt 1.8ex 0pt;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
	padding: 0.0ex 0ex 0.5ex 0ex;
	border: 1px solid #a0a0a0;
	width: 100%;
}
#main div.ex_sprecher h2 {
	border: none;
	border-bottom: 1px solid #a0a0a0;
	background:#E9ECC9;
	background-image: url(../bilder/e9ecc9.jpg);
	padding: 0.3ex 0.5ex 0.3ex 0.5ex;
	margin: 0px 0px 0.5ex 0px;
}
#main div.ex_sprecher table { width: 100%; }
#main div.ex_sprecher td {text-align:center; width: 50%;}

/* Eine Box mit Überschrift und Bild auf der Linken Seite */
#main div.bul {
	margin: 0.5ex 0pt 1.8ex 0pt;
	padding: 0px;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
	border: 1px solid #a0a0a0;
}
#main div.bul table { padding: 0.4ex 0.4ex 0.4ex 0.4ex; }
#main div.bul td.bild { padding: 0px 0.4ex 0px 0ex; }
#main div.bul img {
	margin: 0px;
	background-image: url(../bilder/grau.png);
}
#main div.bul td.beschreibung {
	width: 100%;
	padding: 0px 1ex 0px 1ex;
	background: #f9fadd;
	background-image: url(../bilder/f9fadd.jpg);
	border: 1px solid #a0a0a0;
}
#main div.bul h2 {
	border: none;
	border-bottom: 1px solid #a0a0a0;
	background:#E9ECC9;
	background-image: url(../bilder/e9ecc9.jpg);
	padding: 0.3ex 0.5ex 0.3ex 0.5ex;
	margin: 0px 0px 0px 0px;
}
#main div.bul .mehr {
	font-size: smaller;
	text-align:right;
}

/********************************************************************
 *  Die Programmbox auf der Titelseite                              *
 ********************************************************************/
#main div.programmbox {
	padding:0px;
	margin:0ex 0ex 1ex 1ex;
	background:#fbfbcc;
	background-image:url("bilder/fbfbcc.jpg");
	text-align:left;
	float:right;
	width:45ex;
	border:1px solid #a0a0a0;
}

#main div.programmbox h2 {
	border:none;
	/*border-bottom:1px solid #a0a0a0;
	background: #e9ecc9;*/
	background-image:url("bilder/e9ecc9.jpg");
	padding: 0.3ex 0.5ex;
	margin: 0px;
}

#main div.programmbox ul.a {
	margin: 0ex 1ex;
	padding: 0px;
	list-style:none;
	font-weight: bold;
}

#main div.programmbox ul.a li.a {
	margin: 0ex;
	margin-bottom: 1ex;
	padding: 0px;
}

#main div.programmbox ul.a ul {
	font-weight: normal;
}


/* Die Programm-Tabelle */
#main table.programm {}
#main table.programm tr.ueberschrift { font-size:larger; text-align:center; }
#main table.programm tr td.l {width:18ex; text-align:center; vertical-align:top; }
#main table.programm tr td.r {text-align:left }


/* Die Bilder-Gallerien*/
#main table.bilder {
	border: 1px solid #a0a0a0;
	background: #FAF7E4;
	background-image: url(../bilder/faf7e4.jpg);
	width: 1%;	/* Sorgt dafür, daß die Beschreibung die Tabelle nicht auf maximale Breite zieht */
	float: left;
	position: relative;
	left: 50%;
}
/* outer div used for centering table.bilder */
#main div.co {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
/* inner div used for centering table.bilder */
#main div.ci {
	float: right;
	clear: left;
	position: relative;
	right: 50%;
}

#main table.bilder tr {
	text-align: center;
	vertical-align: middle;
}

#main table.bilder img {
	text-align:center;
	vertical-align:middle;
	margin: 0px;
	padding: 0px;
	background-image: url(../bilder/grau.png);
}

#main table.bilder tr td.minibild,
#main table.bilder tr td.gross {
	padding: 5pt;	/* simuliert border-spacing */
}
#main table.bilder td.beschreibung p {
	border: 1px solid #a0a0a0;
	margin: 0px 5px 5px 5px;	/* simuliert border-spacing */
	padding: 2pt;
	text-align: center;
	color: black;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
}

#main table.bilder .bildbox {
	border: 1px solid #a0a0a0;
	background: #FBFBCC;
	background-image: url(../bilder/fbfbcc.jpg);
}
/*#main table.bilder .bildbox a { display: block; }*/

#main table.links {
	border-spacing:10px;
}
#main table.links tr td.logo {
	width:100px;
	text-align:center;
}
/* keinen Rahmen */
#main table.links td.logo img { border-style:none; }

#main table.ansprechpartner { border-spacing: 10pt; }
#main table.ansprechpartner tr td.funktion {
	vertical-align: top;
	text-align:left;

}
#main div.adresse { margin-left: 10pt; }

#main table.patfest tr td.tag {
	font-size: 1.15em;
	padding: 1ex;
}
#main table.patfest tr td.zeit {
	text-align: right;
	width: 10em;
	padding-right:1ex;
}

#main table.theater tr td.jahr {
	text-align: right;
	width: 5em;
	padding-right: 1ex;
}

/* { border: 1px solid red !important; }*/