body {font-family:arial, helvetica, verdana, geneva, "lucida sans", sans-serif; 
    color: #000000;
    padding:0;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
    background-color: #ffffff;
 margin: 0 auto; text-align:center;}
#rahmen {width: 758px; 
 /*   background:  url(../pics/hg.gif) repeat-y;*/
    background-color: #ffffff;
    text-align: left;
    color: #000000;margin: 0 auto;margin-top:1em;}
#rahmenabfrage {width: 758px; 
    background-color: ffffff;
    text-align: left;
    color: #000000;}

* html #rahmen {width: 760px; /*Diese Anweisung ist nur für IE 5 und 5.5 */
			   w\idth: 760px; /*Diese Anweisung ist nur für IE 6 */ }

.title {font-family: "Times New Roman", Times, serif; 
   color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
    background-color: #ffffff;
	font-size: 180%;
	margin: 0.5em 0;
	text-align: center;
	font-weight: bold;}
* html .title {margin: 0;}

.title1 {font-family: "Times New Roman", Times, serif; 
   color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
	font-size: 165%;
	margin: 0.5em 0;
	padding-top: 1em;
	text-align: center;
	font-weight: bold;}
* html .title1 {font-size: 145%;}
.title2 {font-family: "Times New Roman", Times, serif; 
   color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
/*	padding: 0 0 0 0.5em;*/
    background-color: #ffffff;
	font-size: 120%;
	margin: 0;
	text-align: center;
	font-weight: bold;}
* html .title2 {font-size: 100%;}
.title3 {
 	font-family: "Times New Roman", Times, serif; 
   color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
    background-color: #ffffff;
	/*padding: 0.7em 0 0 0;*/
	font-weight: bold;
	font-size: 99%;
	margin: 0.7em 0 0 0;
	text-align: center;}
* html .title3 {font-size: 90%;}
.title4 {font-family: "Times New Roman", Times, serif; 
   color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
    background-color: #ffffff;
/*	padding: 0 0 0 0.5em;*/
	font-weight: bold;
	font-size: 169%;
	margin: 0.5em 0;
	text-align: center;}

.title img{border-right: 1px solid #cccccc;}

/*RECHTE SPALTE - INDEX-SEITE*/
#logo {padding-top: 10em;        
	padding-left: 1em;}

/*SPALTEN*/
* html #spalten {
	           width: 760px; /*Diese Anweisung ist nur für IE 5 und 5.5 */
			   w\idth: 760px; /*Diese Anweisung ist nur für IE 6 */}

/*LINKE SPALTE*/
#spalte1 {width: 226px;
    background-color: #ffffff;
	float: left;
	font-weight: bold;
	font-size: 75%;
	padding: 0;
	margin: 0;
	color: #000000;}
* html #spalte1 {/* Anweisungen fuer den IE */
	width: 230px; /*Diese Anweisung ist nur fuer IE 5 und 5.5 */
	w\idth: 223px; /*Diese Anweisung ist nur fuer IE 6 */}

/*LINKE SPALTE - LISTENFORMATIERUNG - HAUPTMENUE*/
#spalte1 ul {margin: 0.2em 0;
	padding: 0 0 0 0.8em;}
* html #spalte1 ul {padding-left: 0.8em;
	font-size: 83%; /* Schriftgroesse in linker Spalte (Navi Spalte1: 70% von 140% in #spalte1 ) */
	margin-top: 0;}

#spalte1 li {margin: 0.8em 0; /* hier wird der Zeilenabstand des linken uebergeordneten Menues definiert */           
	list-style: none; /*list-style-image: url(../pics/design/caroblau.gif);*/}
* html #spalte1 li {font-size: 120%;
	padding: 0.1em 0;}

/*RECHTE SPALTE*/
#spalte2 {width: 68%;
	color: #000000;
	background-color: #ffffff; /*hierdurch bleibt beim Vergroessern der Schrift die spalte2 gut lesbar*/
	padding: 0.4em;
	float: left;
   /* border-left: 2px solid #CA5024;*/
    border-left: 2px solid #c00000;}
* html #spalte2 {/* Anweisungen fuer den IE */
	width: 524px; /*Diese Anweisung ist nur fuer IE 5 und 5.5 */
	w\idth: 526px; /*Diese Anweisung ist nur fuer IE 6 */
	font-size: 100%;}

#spalte2 img{border: none;}
#rahmen img{border: none;}
#index img{border: none;}

/*RECHTE SPALTE - LISTENFORMATIERUNG - HAUPTMENUE*/
#spalte2 ul {margin: 0.2em 1em;
	padding: 0 0 0 1em;}
* html #spalte2 ul {padding-left: 0.8em;
	margin-top: 0;}

#spalte2 li {margin: 0.6em 0; /* hier wird der Zeilenabstand des linken uebergeordneten Menues definiert */           
	font-size: 85%; /* Schriftgroesse in linker Spalte (Navi Spalte1: 70% von 140% in #spalte1 ) */}
* html #spalte2 li {padding: 0.1em 0;}
/*Classes*/
.c {text-align: center;}
.b {font-weight: bold;}
.floatleft {float: left;}   
.floatright {float: right;}   
.gross {font-size: 150%; color: #000000;background-color: #ffffff;}
.i {font-style: italic;}
.klein {font-size: 60%;}
.links {text-align: left;}   
.rahmenlos {border: none;}   
.rechts2 {text-align: right;
	padding: 0.2em 0;}   
.stopFloat {display: block;
	float: none;
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;}
.u {text-decoration: underline;}	
.zurueck {font-weight: bold; color: #000000; font-size: 75%; padding-left: 1.5em;}   

html>body #spalte1, /* Anweisungen fuer den IE - Kindselektor*/
html>body #spalte2 /* spricht spalte1-3 an, die direkt innerhalb von body stehen, nichts tiefer verschachteltes*/
 {height: auto;} /*Auch bei 2-spaltigem Design KEINESFALLS weglassen!!*/

/*RECHTE SPALTE ÜBERSCHRIFTEN*/
h1 {color: #000000;
    font-size: 100%;
    text-align: center;
    background-color: #ffffff;}
h2 {color: #000000;
    font-size: 90%;
    text-align: left;
    background-color: #ffffff;}
h3 {color: #000000;
    font-size: 90%;
    text-align: center;
    background-color: #ffffff;}
/* RECHTE SPALTE - ABSATZFORMATIERUNG*/
 p {color: #000000;
    background-color: #ffffff;
	font-size: 85%;}
hr {color: #ccc;}
.rot {color: #c00000;}	
/*.rot {color: #CA5024;}{color: #cc0000;DE5827}*/
/*#spalten {width: 760px; border-top: 1px solid #CA5024;}*/
#spalten {width: 760px; border-top: 1px solid #c00000;/*margin-top:1em;*/}

/*RECHTE SPALTE - TABELLEN*/
/*caption {color: #CA5024;*/
caption {color: #c00000;
	padding: 0.2em 0.5em;
	font-weight: bold;
	font-size: 90%;
	text-align: left;
    background-color: #ffffff;}   

td {padding: 0 0.1em;
	vertical-align: top;
  	border: 1px solid #cccccc;   /*Rahmen der einzelnen Zellen*/
    font-size: 90%;}

.datum {width: 2em; 
	text-align: center;}

.zeit {width: 2em; 
	text-align: center;}

.event {width: 20em; 
	text-align: left;}

.ort {width: 15em; 
	text-align: center;}

th {padding: 0 0.5em;
	text-align: center;
    font-size: 90%;
  	border: 1px solid #cccccc;   /*Rahmen der einzelnen Zellen der Überschrift*/}
	 
/*LINK-FORMATIERUNG	Reihenfolge einhalten!! link visited hover active*/
a {text-decoration: underline;}

a:link {color: #000000;
    background-color: #ffffff;
    text-decoration: underline;}

a:visited {/*bereits besuchter Link*/color: #000000;
    background-color: #ffffff;}

a:hover {/*Link bei Mauskontakt*/color: #cc0000;
	background-color: #ffffff;}

a:active {/*Link nach Mausklick*/ color: #cc0000;
	background-color: #ffffff;}

a:focus {/*Link bei Mausklick*/color: #cc0000;
	background-color: #ffffff;}

td a {font-size: 90%;
	font-weight: bold;
	padding: 0 0.1em;}

#spalte1 a {color: #000000;
	background-color: #ffffff;
	text-decoration: underline;
	font-size: 100%;
	padding: 0 0.1em;}
			  
#spalte1 a:hover {color: #cc0000;
	background-color: #ffffff;
    border: 1px solid #999999;}

#spalte2 a {color: #000000;
	background-color: #ffffff;
	text-decoration: underline;
	font-size: 100%;
	padding: 0 0.1em;}
			  
#spalte2 a:hover {color: #cc0000;
	background-color: #ffffff;
    border: 1px solid #999999;}

#index a {color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
	text-decoration: none;
	font-size: 100%;}
			  
#index a:hover {color: #000000;
 /*   background: #EE2204 url(../pics/hg.gif) repeat;*/
	text-decoration: underline;}
			  
#logo a:hover {border: 2px solid #999999;}

fieldset {background-color: #ffffff;}