body {font-family: verdana, helvetica, arial, sans-serif; 
	  color: #000000;
	  font-size: 100.01%;
	  padding:0;
	  margin: 0.1em;
	  background-color: #dbdbdb;
	  margin: 0 auto; /* hierdurch wird zentriert */}
* html body {text-align: center;} /*hierdurch wird im IE 6 zentriert*/
#rahmen {width: 800px; /*height:100%;*/
         background-color: #ffffff;/*background: #ccc url(pics/design/navihg.gif) 230px 0 repeat-y;*/
	     margin: 0 auto; /* hierdurch wird zentriert */
	     text-align: left;
	     color: #000000;}
* html #rahmen {width: 800px; /*Diese Anweisung ist nur fuer IE 5 und 5.5 */
	            w\idth: 800px; /*Diese Anweisung ist nur fuer IE 6 */}
#rahmen1 {width: 800px; 
          background: #ffffff;
	      margin: 0 auto; /* hierdurch wird zentriert */
	      text-align: left;
	      color: #000000;}
* html #rahmen1 {width: 800px; /*Diese Anweisung ist nur fuer IE 5 und 5.5 */
	             w\idth: 800px; /*Diese Anweisung ist nur fuer IE 6 */}
#rahmen1 li {font-size: 90%;}
#rahmen1 p {margin: 2em;}
/* PFADZEILE */
#pfad {font-size: 70%; text-align: right; font-weight: bold; color: #999; background-color: #fff; padding-right:0.5em;}		   
* html #pfad {font-size: 55%;}		   
#pfad a {text-align: right; color: #999 !important; background-color: #fff !important; text-decoration: underline;}		   
#pfad a:hover {color: #89ba1b !important; background-color: #fff !important; text-decoration: none;}
/* Ende PFADZEILE */
#spalte1 {width: 254px; color: #000; background-color: #ffffff; float: left; padding: 0; margin: 10px 0 0 0; padding-top: 0.1em;}
* html #spalte1 {width: /*228*/252px; w\idth: 252px; font-size: 80%;}
#spalte2 {padding: 0.4em; float: left; width:530px; background-color: #fff;}
* html #spalte2 {width: 544px; w\idth: 542px; font-size: 85%;}
#navi {width: 254px; color: #000; background-color: #000000; font-weight: bold; font-size: 75%;}
/*ab hier werden die Links definiert, Reihenfolge einhalten!! link visited hover active*/
a {text-decoration: none;}
a:link {color: #3399cc;/*dunkeltürkis*/}
a:visited {/*bereits besuchter Link*/color: #3399cc;}
a:hover {/*Link bei Mauskontakt, h1-grün*/color: #89ba1b;}
a:active {/*Link nach Mausklick, hellblau*/color: #89ba1b;}
a:focus {/*Link bei Mausklick, hellblau*/color: #89ba1b;}
#spalte1 a:hover, #spalte1 a:active, #spalte1 a:focus {text-decoration: none;}
#spalte2 a:hover, #spalte li a:hover {color: #89ba1b; background-color: #fff; text-decoration: none;}
#navi a {color: #000000; background-color: #6ac4e4;} 
#spalte1 a:hover {color: #000000; background-color: #009dd0 !important;} 
#menueoben li a:hover {color: #000000;/*Link bei Mauskontakt*/
	                   background-color: #cccccc;}
#menueoben li a {padding-left: 0.2em;   /*hier kann Einfluss auf die Breite der Navibuttons genommen werden*/
	             padding-right: 0.2em;
	             text-decoration: none; 
	             color: #7f7f7f;}
* html #menueoben li a {padding: 0 0.1em;}
/*bis hier werden die Links definiert*/
li li {font-size: 100% !important;} /*für gleiche Schriftgröße in den Unterpunkten von Listen*/
#spalte1 ul {padding: 0;
             margin: 0;
	         list-style: none;}
#spalte1 ul ul {border-top: 0;}
#spalte1 li {font-size: 100%;
			 background-color: #6ac4e4;}
#spalte1 li li {background-color: #d4edf8;
            	color: #009dd0;
				display: block;}
#spalte1 li {background-color: #009dd0 !important;}
#spalte1 li li {background-color: #009dd0 !important;}
#spalte1 li li li {background-color: #009dd0 !important;}
#spalte1 li a {padding-left: 5px;}
#spalte1 li li a {background-color: #d4edf8;
            	  color:#009dd0;
				  padding-left: 10px;}
#spalte1 li li li a {padding-left: 15px;}
#spalte1 li li li li a {padding-left: 20px;}
* html #spalte1 li {display: inline;}
#spalte1 a {display: block;
			position: relative;}
* html #spalte1 a {height: 1em;}
#spalte1 .aktiv {color: #000000; 
                 background-color: #009dd0 !important;
				 display: block;
			     position: relative;}
#spalte1 li .aktiv {text-indent: 5px;}
#spalte1 li li .aktiv {text-indent: 10px;}				 
#spalte1 li li li .aktiv {text-indent: 15px;}		
/*------------------------------------*/
#spalte2 li {font-size: 90%;}
#menueoben {width: 788px;
         	background-color: #cccccc;
         	padding: 2px 6px;/*margin: 0 auto 0; für Zentrierung der Navileiste*/
         	color: #000000;
         	font-weight: bold;
         	font-size: 0.72em; /*hier wird die Schriftgroesse in den Schaltflaechen der Navileiste definiert*/}
* html #menueoben {width: 800px; /*Diese Anweisung ist nur fuer IE 5 und 5.5 */
                   w\idth: 800px; /*Diese Anweisung ist nur fuer IE 6 */
                   padding: 0;/*margin: 0 auto 0; für Zentrierung der Navileiste*/}
#menueoben ul {list-style: none;
	           padding: 0;
	           margin: 2px;
	           text-decoration: none;/*text-align: center;*/}
* html #menueoben ul li {margin: 0 3px;}
#menueoben li {display: inline;
	           margin: 0 0.1em; /*hier wird der Abstand zwischen den Schaltflaechen definiert(mozilla)*/}
* html #menueoben li {height: 100%;}/*Anweisung fuer den IE: sorgt dafuer, dass es im IE 6 keinen Zeilenumbruch gibt!!*/
#menuoben ul li .aktiv {color: #000000; background-color: #cccccc;}
#spalte {width: 800px;
         padding: 0;
	     margin: 0;
	     background-color: #ffffff;}
* html #spalte {width: 800px; /*Diese Anweisung ist nur fuer IE 5 und 5.5 */
	            w\idth: 800px; /*Diese Anweisung ist nur fuer IE 6 */
	            margin: 1em auto 0;}
#spalte li {list-style: square;font-size: 90%;}
#link {font-size: 70%; font-weight: bold; color: #808080; background-color: #fff; padding-left:0.3em;}		   
#link a {color: #808080 !important; background-color: #fff !important; text-decoration: none;}		   
#link a:hover {color: #89ba1b !important; background-color: #fff !important; text-decoration: none;}
/*Liste zentrieren*/
#mitte {width:180px; margin: 0 auto;}
* html #mitte {width: 500 px; text-align: center;} /*hierdurch wird im IE 6 zentriert*/
/* CLASS= ... */
.ausdruck {text-align: left;}
.b {font-weight: bold;}
.u {text-decoration: underline;}
.klein {color: #000000;
	    background-color: #ffffff;
	    font-size: 75%;}
.klein2 {font-size: 75%;}
.button {border: 3px solid #999; background-color: #fff; color: #990;}		   
.grau {	color: #cccccc;}
.mittig  {margin: 30em;}
.rechts {text-align: right;}
.stopFloat {display: block;
	        float: none;
	        clear: both;
	        height: 1px;
	        font-size: 0px;
	        line-height: 0px;}
span.extlink {position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline;}
img {border: none; /*entfernt die Rahmen der Bilder!!*/}
#spalte img {border: none;
	         vertical-align: middle;
} /*entfernt die Rahmen der Bilder!!*/
#spalte2 img {border: none;
	          padding-right: 0.5em;
			  vertical-align: middle;} /*entfernt die Rahmen der Bilder!!*/
img {border: none; /*entfernt die Rahmen der Bilder!!*/}
/*textarea {overflow: hidden;} läßt den Scrollbalken im textarea verschwinden*/
/*fieldset {color: #000000; background-color: #89ba1b;width:500px;}*/
h1 {color: #89ba1b;
	font-size: 90%;
	background-color: #ffffff;
	margin: 0; 
	text-align: left;
	padding-top: 0em;
	margin-top: 0.4em;}
* html h1 {margin-top: 0.8em;}
h2 {color: #000000;
	font-size: 90%;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: left;
	background-color: #ffffff;
	margin: 0.4em;}
h3 {color: #89ba1b;
	font-size: 90%;
	background-color: #ffffff;
	margin: 0; 
	text-align: center;
	padding-top: 0em;
	margin-top: 0.4em;}
* html h3 {margin-top: 0.8em;}
h4 {color: #0066cc;
	font-size: 80%;
	background-color: #ffffff;
	margin: 0; 
	text-align: center;}
h5 {color: #009dd0;/*#0066cc;*/
	font-size: 90%;
	background-color: #ffffff;
	margin: 0; 
	text-align: left;}
h6 {color: #000000; 
	font-size: 100%;
	background-color: #336699;
	margin: 0; 
	padding-left: 1em;
	text-align: left;}
p {padding-left:2px;
   font-size: 85%;
   color: #000000;
   background-color: #ffffff;}
/*RECHTE SPALTE - TABELLE: mehrspaltig*/
caption {
	color: #009900;
	padding: 0.4em 0.6em;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	background-color: #ffffff;
	margin: 0 auto;}  
/*nur auf index.htm verwendet*/
#sponsor {text-align: center;
          background-color: #bfbfbf;
		  padding-top: 2em;} 
#sponsor img {border: 0;}
/*verwendet in der Angebotstabelle der Stadtbibliothek*/
.tab {width: 170px;}
blockquote {font-size: 90%;}
/*für die Seiten mit den Angeboten der Bibliotheken und die Fächerliste verwendet*/
table.gerahmt {font-size: 75%;width: 100%;
	           /*margin: 0 auto;  hierdurch wird zentriert */
	           border-collapse: collapse;
	           background-color: #ffffff;}
* html table.gerahmt {font-size: 65%;}
table.gerahmt1 {font-size: 65%;
	           margin: 0 auto; /* hierdurch wird zentriert */
	           border-collapse: collapse;
	           background-color: #ffffff;}
* html table.gerahmt1 {font-size: 60%;}
/*nur auf faecher.htm verwendet: sorgt dafür, dass in der Fächertabelle geblättert werden kann, ohne dass die Bibliotheksnamen verschwinden*/
.scroll {height: 230px; /*hier wird die Größe des zu scrollenden Fensters eingestellt*/
	     overflow: scroll;}
td {padding: 0 0.25em; 
	vertical-align: top;
    border: 1px solid #cccccc;   /*Rahmen der einzelnen Zellen */
	width:136px;}
* html td {width:150px;}
.breit{padding: 0 0.25em; 
	   vertical-align: top;
       border: 1px solid #cccccc;   /*Rahmen der einzelnen Zellen */
       width:300px;}
* html .breit {width:310px;}
td ul {padding-left: 1.1em; /*bestimmt den Abstand der Aufzählungspunkte zum Tabellenrand in MOZ*/
	   margin: 0 0.1em; /*bestimmt den Abstand der Aufzählungspunkte zum Tabellenrand in Opera*/}
* html td ul {margin-left: 0em; /*bestimmt den Abstand der Aufzählungspunkte zum Tabellenrand im IE*/}
td li {list-style: square;
	   list-style-position: outside;}
.ohne {list-style: none;
	   padding-bottom: 0.5em;}
th {padding: 0 0.5em;
	color: #990000;
	background-color: #ffffff;
	vertical-align: top;
	width:136px;
	border: 1px solid #cccccc;}
* html th {width:130px;}
.rahmenlos {padding: 0 0.1em;
	        vertical-align: top;
            border: none;}
.blau {color: #6ac4e4;}
.gruen {color: #89ba16;}
.hgweiss {color: #6ac4e4;
	     background-color: #ffffff;}
.hgblau {color: #000000;
	     background-color: #6ac4e4;
         border: none;
	     text-align: center;
	     height: 2em;
	     padding-top: 0.2em;}
* html .hgblau {width: 150px;}
.hggreen {color: #000000;
	      background-color: #89ba16;
          text-align: left;
	      border: 1px solid #cccccc;}
.hggruen {color: #000000;
	      background-color: #89ba16;
	      text-align: center;
	      border: none;}
.c {text-align: center;}
.float, .schu1, .schu2 {float: left;}
.floatleft {float: left;
	        padding: 0.5em; }
.floatright {float: right;
	        padding: 0.5em; }
html>body #spalte1, html>body #spalte2 {height: auto;}
.rot {color: #990000;
	  background-color: #ffffff;}
.schu1 {width: 17em; font-weight: bold;	text-align: right; padding-top: 0.5em; margin-right: 0.5em;}
.schu2 {width: 18em;padding-top: 0.5em;}
* html .schu1 {width: 17em; w\idth: 17em;}
* html .schu2 {width: 18em;	w\idth: 19em;}
#angebot {background-color: #ffffff;
	      padding: 0.02em 0; /*hier wird der Abstand zwischen den Schaltflaechen definiert(mozilla)*/
	      font-size: 80%;
	      font-weight: bold;
	      color: #000000;}
		  /* ALPHABET ZUM ANKLICKEN */
.alphabet {margin: 2em 0;}
.alphabet li {font-size: 110%; font-weight: bold; text-align: center; display: inline;}
* html .alphabet li {font-size: 70%;}
/*Spiralcurriculum*/
#spiral {margin-left: 10px; padding-left: 10px; }
/*tr .spiralc {margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; }*/
.leftbox {border: 1px solid #000; width: 200px; height: 150px; padding: 10px;font-size: 90%;}
.leftbox1 {border: 1px solid #000; width: 200px; height: 200px; padding: 10px;font-size: 90%;}
.rightbox {border: 1px solid #000; width: 400px; height: 155px; float: right; margin-right: 10px; padding: 10px;}
.rightbox1 {border: 1px solid #000; width: 400px; height: 200px; float: right; margin-right: 10px; padding: 10px;}
.midbox {border: 0; width: 400px; height: 96px; text-align: center;}
.pfeilbox {border: 0; text-align: center; }
.pfeilbox img {margin: 0; padding: 0;}
.leftboxcurr {border: 0; width: 170px; height: 150px; padding: 10px;}
.rightboxcurr {border: 0; width: 280px; float: right; margin-right: 10px; padding: 10px;}
.midboxcurr {border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 0; border-top: 0; width: 300px; /*height: 96px;*/padding: 10px;}
.curr {margin-left: 10px; padding-left: 10px; border: 1px solid #000; width: 750px; font-size: 90%;}
.thleft {width: 160px; padding: 0; margin: 0;}
.rahmen {border-top: 1px solid #000;}
.rightbox li{font-size: 90%;}
.kleiner {font-size: 90%;}