body {
	background-color: #EEEEEE;
	font-size: 12pt;
    line-height: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 1em 0;
	text-align: center; /* hier wird zentriert */
  }
/*alles*/
div#Rahmen {
	background-color: white;
    width: 970px;        /* wegen unterschied ie/ff nicht padding*/
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    padding: 10px;
  }
div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 960px;
    padding: 0;
    border: 0px;
  }
/*oben*/  
div#Header {
	text-align: right;
	margin: 0 auto;
	padding: 0;
	border: 0px;
	font-size: 10pt;
	word-spacing: normal;
  }
/*unten*/    
div#Footer {
	text-align: center;
	margin: 25px auto 0;
	width: 960px;
	padding: 0px;
	border: 0px;
/*	font-size: 10pt; */
	height: 30px;
	float: none;
	clear: both;
  }
/*links*/      
div#ColumnLeft {
	width: 180px;
	padding: 0;
	margin: 0;
	border: 0px;
	font-size: 80.01%;
	float: left;
  }

/*nur div left Untereintrag*/
.nav_menue {
	height: 18px;
}
.nav_menue a:focus , .nav_menue a:hover , .nav_menue a:active {
	color: #DA007F;
/*bold läuft breiter, dadurch uU Umbruch
	font-weight: bold; */
}
/*nur div left Obereintrag*/
.nav_topmenue {
	height: 20px;
}
/* etwas andere Farbe zur besseren Lesbarkeit */
.nav_topmenue a:focus , .nav_topmenue a:hover , .nav_topmenue a:active {
	color: #00AAAA;
}
/* ****************************************************************************** */
/*rechts*/  
div#ColumnRight {
	text-align: center;
	margin: 0 auto;
	width: 180px;
	padding: 0;
	border: 0px;
	font-size: 80.01%;
	float: right;
  }
/*mitte*/    
div#ColumnCenter {
	text-align: left;
	margin: 0 0 0 200px;
	width: 550px;
	font-size: 80.01%;
	padding: 0px;
  }
/* ****************************************************************************** */
/*nur in kurse fuer termine*/  
table.kurse_gruen {
	border-collapse:collapse;
	padding:10px;
	border-spacing:10px;
	margin: 0px;
	border: 1px solid #008C7F; 
	width: 550px;
	font-size: 10pt;
}
td.kurse_gruen {
	border-collapse:collapse;
	padding:3px;
	border-spacing:0px;
	margin: 0px;
	border: 1px solid #008C7F;
}
thead.kurse_gruen {
	border-collapse:collapse;
	padding:3px;
	border-spacing:0px;
	margin: 0px;
	border: 1px solid #008C7F;
	font-weight: bold;
}
/* ****************************************************************************** */
/*nur fuer bilder*/  
.pic_frame {
	border-style: solid ; 
	border-width: 1px; 
	border-color: gray; 
}
.pic_noframe {
	border-style: none ; 
	border-width: 0px; 
}
table.pic_free {
	background-color: #dddddd;
	border-style: solid ; 
	border-width: 1px; 
	border-color:gray; 
/*	float: left; 
	margin-right:10px; */
	margin-bottom:0px;
}
td.pic_free {
	border-style: solid ; 
	border-width: 1px; 
	border-color: gray; 
	margin-right: 0px; 
	margin-bottom: 0px;
	padding: 0px;
}
table.pic_left {
	background-color: #dddddd;
	border-style: solid ; 
	border-width: 1px; 
	border-color: gray; 
	float: left; 
	margin-right: 10px; 
	margin-bottom: 0px;
}
td.pic_left {
	border-style: solid ; 
	border-width: 1px; 
	border-color: gray; 
	margin-right: 0px; 
	margin-bottom: 0px;
	padding:0px;
}
table.pic_right {
	background-color: #dddddd;
	border-style: solid ; 
	border-width: 1px; 
	border-color: gray; 
	float: right; 
	margin-left: 10px; 
	margin-bottom: 0px;
}
td.pic_right {
	border-style: solid ; 
	border-width: 1px; 
	border-color: gray; 
	margin-left: 0px; 
	margin-bottom: 0px;
	padding: 0px;
}
/* ****************************************************************************** */
/*nur in div right fuer rahmen*/  
table.gruen {
	border-collapse: collapse;
	padding: 0;
	border-spacing: 0;
	margin: 0px;
	padding: 0px;
	border: 1px solid #008C7F;
}

/*nur in div right Navigation*/ 
td.gruen {
	background-color: #008C7F;
	line-height: 20px;
	text-align: center;
 }

/*nur in div left Navigation*/ 
td.magenta {
	background-color: #DA007F;
	line-height: 20px;
	text-align: center;
 }
/* ****************************************************************************** */
/* Ueberschriften */
h1 {
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	color: #008C7F;
	background-repeat: repeat;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #008C7F;
}
h3 {
	font-size: 12px;
/*	font-weight: bold; */
	color: #000000;
}
/* ****************************************************************************** */
/* braucht's den? */
.text {
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
}

/* nicht verwendet */
.texttable {
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	line-height: 25px;
	text-align: center;
}

/* div left und einige externe Links (!) */
.nav_left {  
	font-size: 8pt; 
	font-weight: normal; 
	color: #008C7F; 
	text-decoration: none
}

/*nur div left und right, weiss auf bunt*/
.nav_main {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
/*kleiner Text*/
.textsm {
	font-size: 8pt;
	color: #000000;
}

/* nur in div ColumnRight, in klickbarem Pfad, header und footer */
.text_linksm {
	font-size: 8pt;
	color: #000000;
	white-space: nowrap;
}

/* Programmvorschauueberschrift mouseover gruen fett +1, nur in div ColumnRight*/
.text_smgr {
	font-size: 8pt;
	color: #008C7F;
	font-weight: bold;
}

/* Programmvorschauueberschrift wie textsm+fett, mouseout schw fett, nur in div ColumnRight*/
.text_smbl {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

/* externe und interne Links im Fliesstext auch auf PDFs */
.textlnk {
	font-size: 10pt;
	color: #000000;
/*	border-bottom: 1px solid #000;
	padding-bottom: 1px;
*/	white-space: nowrap;
	text-decoration: none;
}

/* Formulare Kontakt und Heftanford  obs? */ 
.form {
	border: 0px solid #FF9933;
	font-size: 8pt;
}

/* ****************************************************************************** */
/* Ueberall */
acronym, abbr { 
	border-bottom: 1px dotted #DA007F; 
	padding-bottom: 1px;
	cursor: help;
}
/* pink-dreieck als Aufz.zeichen */
ul {
	list-style-image: url(../pics/syspics/pfeil_mag.gif);
}
/*links, auch per Tastatur*/
a:focus , a:hover , a:active {
	color: #DA007F;
	outline: none;
}

a:link img , a:visited img , a:hover img , a:focus img , a:active img {
	outline: none;
	border: none;
}

a img {
	outline: none ;
	border: none ;
}

/*Hervorhebung*/
.fett {
	font-weight: bold;
}
/* ****************************************************************************** */
/*Positionierung der Inline-Grafiken */
.middle_graph {
    vertical-align: middle;
	border: 0px;
	width: 9px;
	height: 9px;
}
.middle_graph_sm {
    vertical-align: middle;
	border: 0px;
	width: 7px;
	height: 7px;
}
.middle_graph_nav {
    vertical-align: middle;
	border: 0px;
	width: 13px;
	height: 13px;
}
.bottom_graph {
    vertical-align: bottom;
	border: 0px;
	width: 11px;
	height: 11px;
}
.bottom_graph_map {
    vertical-align: bottom;
	border: 0px;
	width: 48px;
	height: 16px;
}