/** {margin:0; padding:0; font-size: 100%;} setzt alle Abstände aller Elemente zumächst auf 0 */
body {font-size: 100.01%; padding:0; margin-top: 0.1em; font-family: arial, helvetica, geneva, verdana, "lucida sans", sans-serif;}
/* HORIZONTALE LINIE */
hr {border: 1px solid #ccc; height:0.1em;}
* html hr {width: 510px; w\idth: 510px; text-align: right;}
/* UEBERSCHRIFTEN */
h1 {font-size: 110%; padding-bottom: 0.8em; padding-top: 1em; border-bottom:5px groove #ccc; margin: 0;}
h1, h2, h4, #note, #welcome, .rot, .rotklein, #fuss2 {color: #900; background-color: #ffc;}
h3, h5, body, p, #rahmen1, #spalte2, .klein, .kleiner, .schu1, .schu2, .wubu1, .wubu3, .wubu2, .wubu4, .bild 
{color: #000; background-color: #ffc;}
h1, h2, h3, body, .c, #fuss2, #fhsystabk, .fh {text-align: center;}
h2, h3, h4, h5, h6, submit {font-size: 100%;}
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
select, input, textarea { font-size: 99%;}
h4 {text-align: left; padding: 0;}
h5 {text-align: left; margin: 0.8em 0;}
h6 {color: #900; background-color: #fff; padding-left: 0.1em; margin: 0.8em 0 0 0.8em;}
/*Formatierung für Barton
#spalte1 h5 {text-align: left; margin: 0.8em 0;background-color: #ccc; color: #009;font-style: italic;}*/
* html h1 {margin-top: 0.8em;}
#spalte1, #fhsystabk {color: #009; background-color: #ccc;}
/* RECHTE SPALTE - ABSATZFORMATIERUNG*/
p, blockquote {font-size: 90%;}
#rahmen {border-bottom: 1px solid #ccc; width: 765px; background: #ffc url(../pics/design/navihg8.gif) repeat-y; margin: 0 auto; text-align: left; color: #000;}
* html #rahmen {width: 762px; w\idth: 762px;}
/* KOPFZEILE */
#kopfzeile2 {width: 764px; margin: 0 auto; background: #fff; border: 2px solid #ccc;}
* html #kopfzeile2 {width: 760px; w\idth: 760px;}
/* FUSSZEILE */
#fuss2 {margin-top: 0.8em; font-size: 70%; font-weight: lighter;}
/* CLASS= ...*/
.b {font-weight: bold;}
.blau2 {color: #009; background-color: #ffc;}
.button, .button a, .button a:hover {font-weight: bold; padding: 0.2em;}		   
.button {border: 3px outset #999; background-color: #ccc; color: #009;}		   
.button a {background-color: #ccc !important; color: #009 !important;}		   
.button a:hover {border: 1px dotted #000; background-color: #ccc !important; color: #900 !important;}		   
.d {text-decoration: line-through;}	
.einzug {text-indent: 1.6em;}
.einzug2, * html .einzug2 {margin-left:0.5em;}
.einzug3 {margin-left:13em;	font-size: 0.8em;}
* html .einzug3 {margin-left:12em;}
.floatleft {float: left; padding: 0.6em;}
* html .floatleft {margin-right: 0.2em;}
.floatright {float: right; padding-top: 1em; padding-left: 0.1em;}
.grau {color: #999; background-color: #ffc;}
.gross {color: #900; background-color: #ccc; font-size: 140%; border: 3px groove #999;}
.gross1 {font-size: 100%;}
.gross2 {font-size: 135%;}
.i {font-style: italic;}
.klein {font-size: 75%;}
.kleintab {font-size: 95%;}
.kleiner {font-size: 71%;}
.nachoben, .rechts2 {text-align: right;}   
.rotklein {font-size: 80%; padding-left: 2em;}
.spalten {padding-top: 20px;}
.stopFloat {display: block; float: none; clear: both; height: 1px; font-size: 0; line-height: 0;}
.sub {vertical-align: super; font-size: 65%;}	
.u {text-decoration: underline;}	
.unsichtbar {visibility: hidden;font-size: 1px;}
html>body #spalte1, html>body #spalte2 {height: auto;}
/*TASTATURBEFEHLE ZUR NAVI*/
#jump {position: absolute; left: -3000px;}
#jump a:focus, #jump a:active {position: absolute; top: 1em; left: 3015px; display: block; font-weight: bold; color: #009; 
padding: 0.1em 0.3em; border: 1px solid #cc0000; outline: none; height: auto; width: 8em;}
/* PFADZEILE */
#pfad {font-size: 70%; text-align: left; font-weight: bold; color: #999; background-color: #ffc;}		   
/*.pfad {font-size: 60%; text-align: left; font-weight: bold; color: #999; background-color: #ffc;}*/		   
/* SCHRIFT VERGRÖSSERN +AAA- */
#help {text-align: right; padding: 0em; margin: 0em; font-size:70%; color: #999; background-color: #ffc;}		   
#help a, #pfad a {text-align: right; color: #999 !important; background-color: #ffc !important; text-decoration: underline;}		   
#help a:hover, #schrift a:focus, #schrift a:active, #pfad a:hover, #schrift a:focus, #schrift a:active {color: #900 !important; background-color: #ffc !important; text-decoration: none;}
#help ul { padding: 0; margin: 0;}
#help li {margin: 0 0.1em;list-style: none !important; display: inline; }
/* SCHRIFT VERGRÖSSERN +AAA- für alte Links drinlassen!*/
#schrift {text-align: right; padding: 0em; margin: 0em; font-size:70%;}		   
#schrift a {text-align: right; color: #999 !important; background-color: #ffc !important; text-decoration: underline;}		   
#schrift a:hover, #schrift a:focus, #schrift a:active {color: #900 !important; background-color: #ffc !important; text-decoration: none;}
/* NAVIGATIONSLEISTE OBEN und UNTEN */
#menueoben, #menueunten {width: 765px; color: #009; background-color: #ccc; border: 1px solid #999; margin: 0 auto;}
#menueoben {padding: 0;}
* html #menueoben {width: 762px; w\idth: 762px;}
#menueoben ul {list-style: none; padding: 0; margin: 0; text-decoration: none; text-align: center;}
/* html #menueoben ul li {margin: 0 5px;}*/
#menueoben li {display: inline; margin: 0 0.1em;}
* html #menueoben li {height: 100%;}
#menueunten {font-size: 70%; padding: 0 0.1em; font-weight: bold;}
* html #menueunten {width: 762px; w\idth: 760px;}
/* BILDER: */
#kopfzeile2 img, #spalte2 img, #menueoben img, #fuss2 img {border: none; vertical-align: middle;}
#content img {padding-top: 0.8em;}
* html #content img {margin-top: 1em;}
#menueunten img {border: 2px solid #009; vertical-align: middle;}
#spalte img {border: none;}
/* CONTAINERFORMAT INDEXSEITE */
#right {float:right; padding-top:1.2em; width:30%;}
#content {float:left; width:60%; margin-left:1%;}
/* LINKE SPALTE */
#spalte1 {width: 230px; color: #009; background-color: #ccc; float: left; font-weight: bold; font-size: 75%; padding: 0; margin: 0;}
* html #spalte1 {width: 232px; w\idth: 230px; font-size: 68%;}
/* LINKE SPALTE - LISTENFORMATIERUNG */
#spalte1 ul {margin: 0.2em 0; padding: 0 0 0 0.8em;}
* html #spalte1 ul {padding-left: 0.8em; font-size: 85%; margin-top: 0;}
#spalte1 li {margin: 0.8em 0; list-style: none;}
* html #spalte1 li {font-size: 120%; padding: 0.1em 0;}
#spalte1 li .aktiv {background: url(../pics/design/caro.gif) no-repeat; color: #900; padding: 0px 10px; margin-left: 3px; background-color: #ccc; display: block;}
/* LINKE SPALTE - LISTENFORMATIERUNG - UNTERMENUE */
#spalte1 li li {margin: 0.2em 0; list-style: none;}
/* RECHTE SPALTE */
#spalte2 {padding: 0.4em; float: left; width: 519px;}
* html #spalte2 {width: 517px; w\idth: 517px; font-size: 90%;}
/* RECHTE SPALTE LISTENFORMATIERUNG - FUER GEZAEHLTE LISTE */
#spalte2 ol li {list-style-type: decimal; font-size: 95%;}
* html #spalte2 ol{font-size: 85%;}
/* RECHTE SPALTE: EXTERNE LINKS */
span.extlink {position: absolute; left: -3000px; top: -3000px; width: 0; height: 0; overflow: hidden; display: inline;}
a.extern:link {background: url(../pics/design/external.gif) no-repeat 100% 0; padding: 0 20px 0 0;}
a.extern:visited {background: url(../pics/design/external.gif) no-repeat 100% -100px; padding: 0 20px 0 0;}
a.extern:hover, a.extern:active, a.extern:focus {color: #fff; padding: 0 20px 0 0; background: #59586A url(../pics/design/external.gif) no-repeat 100% -200px;}
/* LISTENFORMATIERUNG - FUER UNGEZAEHLTE LISTE */
#spalte2 ul, #spalte ul {font-size: 90%; margin: 0.5em 0; padding: 0 0 0 1.6em; color: #000; background-color: #ffc;}
* html #spalte2 ul, #spalte ul {padding-left: 1.6em; font-size: 83%; margin-top: 0;}
#spalte2 li, #spalte2 li li {margin: 0.3em 0; list-style-type: square;}
#spalte2 li li li {margin: 0.3em 0; list-style-type: disc;}
* html #spalte2 li {font-size: 110%;}
/*RECHTE SPALTE - TABELLEN*/
table.mehrspaltig, table.zeitung, table.entgelt, table.gebuehr {width: 518px; font-size: 100%;}
* html table.mehrspaltig, * html table.zeitung, * html table.entgelt, * html table.gebuehr {width: 517px; w\idth: 517px;font-size: 90%;}  
caption {color: #900; padding: 0.8em 0; font-weight: bold; font-size: 90%; text-align: center; background-color: #ffc; margin: 0 auto;}   
td {padding: 0 0.1em; vertical-align: top;}
th {padding: 0 0.5em; text-align: center;}
/*RECHTE SPALTE - TABELLE: ZEITUNG*/
table.zeitung td {border: 1px solid #ccc;}
/*RECHTE SPALTE - TABELLE: ENTGELT*/
.was {font-weight: bold; text-align: left;}   
.job {text-align: left;}
.preis {text-align: right; padding: 0 0.1em; width: 8em;}
/*RECHTE SPALTE - TABELLE: GEBUEHR*/
.zahl {text-align: left;}
.was1 {text-align: left; width: 400px;}   
/*RECHTE SPALTE - TABELLE: MEHRSPALTIG*/
.inhalt {font-weight: bold; text-align: center; color: #900; background-color: #ffc; border-bottom: 4px groove #ccc;}
.links {text-align: left;}   
.rechts {text-align: right;	width: 8em;}   
/*DATENBANKANGEBOT - TABELLE: */
.db {text-align: left; padding-left: 0;}
/* .bild {font-weight: bold;} */
.text {padding-left: 0;}  
* html .text {width:500px; padding-left: 0;}  
/*RECHTE SPALTE - TABELLE: ÖFFNUNGSZEITEN - angebo2i.htm */
table.offen {width: 200px; margin: 0 auto; font-size: 100%; font-weight: bold;}
* html table.offen {width: 210px; w\idth: 200px; margin-left: 10em; /*Die Anweisung rueckt die Tabelle in die Mitte der Spalte*/}  
.zeit {text-align: right;}
.tag {text-align: center;}
/*RECHTE SPALTE - TABELLE: NEUE OL-PUBLIKATIONEN */
table.neu {width: 200px; margin: 0 auto; font-size: 100%; font-weight: bold;}
* html table.neu {width: 210px; w\idth: 200px; margin-left: 10em; /*Die Anweisung rueckt die Tabelle in die Mitte der Spalte*/}  
table.neu th {color: #000; background-color: #ccc;}
/*2 SPALTEN IM VNA */
#vna1, #vna2 {width: 250px; float: left;}
* html #vna1, * html #vna2 {width: 252px; w\idth: 250px;}
/* 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%;}
/* FORMATIERUNG - INDEX.HTM */
#note {font-size: 80%; text-align: left; font-weight: bold; margin-top: 1em; border: 1px solid #ccc; padding: 1em;}
#welcome {font-size: 100%; font-weight: bold; text-align: center; padding-top: 2em;}
* html #welcome {padding-top: 2em;}
/* RAHMEN - EINSPALTIG ZENTRIERT */
#rahmen1 {border-bottom: 2px solid #ccc; width: 762px; margin: 0 auto; text-align: left;}
* html #rahmen1 {width: 760px; w\idth: 760px;}
/*	SPALTE - EINSPALTIG ZENTRIERT*/
#spalte {width: 760px; color: #009; background-color: #ffc; float: left; font-size: 100%; padding: 0; margin: 0;}
* html #spalte {width: 762px; w\idth: 760px;}
/* LISTENFORMATIERUNG BEI EINSPALTIGEM DESIGN*/
#spalte ul {margin: 0.5em 0; padding: 0 0 0 1.6em; color: #000; background-color: #ffc;}
/* Schriftgroesse in linker Spalte (Navi Spalte1: 70% von 140% in #spalte1 ) */
* html #spalte ul {padding-left: 1.6em; font-size: 83%; margin-top: 0;}
#spalte li {margin: 0.3em 0;list-style-type: square;}
#spalte li li {margin: 0.3em 0; list-style-type: square;}
#spalte li li li {margin: 0.3em 0; list-style-type: disc;}
* html #spalte li {font-size: 110%;}
/*FREIHANDSYSTEMATIK */
.fh li, .fhsyst li {display: inline;}
.fh {font-size: 110%;/*Schriftgroesse der Systematikstellen-Überschirften*/ border-top: 5px groove #ccc; border-bottom: 5px groove #ccc; padding-top: 0.2em;}
#fhsystabk {width: 500px; border: 2px solid #999; padding: 0; margin: 0 auto;}
* html #fhsystabk {width: 502px; w\idth: 500px;}
.fhsyst {font-size: 80%; text-align: left;}
.not {color: #900; background-color: #ffc; width: 2em;}
.inhalt2,.inhalt20,.inhalt40,.inhalt60,.inhalt80,.inhalt100, .fh, .not {font-weight: bold;}
.inhalt2a {padding-left: 1.4em;}   
.inhalt20 {padding-left: 2em;}   
.inhalt20a {padding-left: 3.4em;}   
.inhalt40 {padding-left: 3em;}   
.inhalt40a {padding-left: 4.4em;}   
.inhalt60 {padding-left: 4em;}   
.inhalt60a {padding-left: 5.4em;}   
.inhalt80 {padding-left: 5em;}   
.inhalt100 {padding-left: 6em;}   
/* LINK-FORMATIERUNG: Reihenfolge:link - visited = bereits besuchter Link - hover = Link bei Mauskontakt - active = Link nach Mausklick - focus = Link bei Mausklick*/
a, #menueunten a, #menueoben li a {text-decoration: none;}
a:hover, a:active, a:focus, #spalte1 a:hover, #spalte1 a:active, #spalte1 a:focus, #fuss2 a {text-decoration: underline;}
a:link, a:visited {color: #009; background-color: #ccc;}
a:hover, a:active, a:focus {color: #900; background-color: #fff;}
#fuss2 a {color: #009; background-color: #ffc;}
#menueoben li a {font-size: 75%; font-weight: bold; padding-left: 0.1em; padding-right: 0.1em;}
* html #menueoben li a {font-size: 67%; padding: 0 0.2em; }
* html #menueunten a {margin: 0 0.2em;}
#menueoben li a:hover, #menueoben li a:active, #menueoben li a:focus, #menueunten a:hover, #menueunten a:active, #menueunten a:focus {border: 1px solid #999;}
/*.pfad a {text-align: right; color: #999 !important; background-color: #ffc !important; text-decoration: underline;}		   
.pfad a:hover {color: #900 !important; background-color: #ffc !important; text-decoration: none;}*/		   
#spalte1 li a {font-weight: bold; line-height:1.15em; padding: 0 0.8em 0 1.1em;}
#spalte1 li a:link {color: #009; background: url(../pics/design/liste1.jpg) no-repeat; text-decoration: none; background-color: #ccc; display:block; /*sorgt dafuer, dass die Links nach dem Zeilenumbruch richtig untereinander stehen*/}
#spalte1 li a:visited {color: #339; background: url(../pics/design/liste1.jpg) no-repeat; text-decoration: none; background-color: #ccc; display:block; /*sorgt dafuer, dass die Links nach dem Zeilenumbruch richtig untereinander stehen*/}
#spalte1 li a:hover, #spalte1 a:active, #spalte1 a:focus {color: #900; background: url(../pics/design/liste3.jpg) no-repeat; background-color: #ccc;text-decoration: underline;}
#spalte2 a {padding: 0;}
td a {font-size: 100%; padding: 0 0.1em;}
#spalte a {font-size: 90%; font-weight: bold; padding: 0 0.1em;}
#spalte li a {font-size: 100%; font-weight: bold; padding: 0 0.1em;}
#spalte2 a, #spalte li a, .fhsyst li a:active, .fhsyst li a {color: #009; background-color: #ffc; text-decoration: underline;}  
.fhsyst li a:visited {color: #339; background-color: #ffc; text-decoration: underline;}
/*Link bei Mauskontakt*/
#spalte2 a:hover, #spalte li a:hover, .fhsyst li a:hover, .fhsyst li a:focus, #fuss2 a:hover {color: #900; background-color: #ffc; text-decoration: underline;}
/* FORMULARE - für kleinere Schrift in Formularen: fieldset {font-size: 0.9em;}*/
.wubu1, .wubu3 {width: 12em; text-align: right;}
.wubu2, .wubu4 {width: 10em;}
.wubu1, .wubu3, .wubu2, .wubu4, .schu1, .schu2 {float: left;}
* html .wubu1, * html .wubu2, * html .wubu3, * html .wubu4 {width: 152px; w\idth: 11.5em;}
textarea onblur, textarea onfocus {font-size: 150%;}
.schu1 {width: 10em; font-weight: bold;	text-align: right; padding-top: 0.5em;}
.schu2 {width: 14em;padding-top: 0.5em;}
* html .schu1 {width: 9em; w\idth: 9em;}
* html .schu2 {width: 15em;	w\idth: 17em;}
/*Containerformat - VNA*/
#right1, #right2, #right3{text-align: right; float:right; width:58%;}
#right4 {color: #000; float:right; border: 2px double #999; padding-left:1%; width:56%;}
#content1, #content2, #content3, #content4 {color: #000; float:left; width:40%; margin-left:1%; padding-left:1%;}
#content4, #content4 .klein {background-color: #ccc;}	
#right2 select, #right3 select {width: 58%;}
/*Ende: Containerformat - VNA*/
/* Neuerwerbungslisten */
.neuerwerb-tabelle th {background-color: #ccc; text-align: left; color: #333; padding: 0 0.1em;}
.lefttab {width:30%;}
/*Übersicht Schülerangebote*/
table.gerahmt {font-size: 90%;width: 100%; /*margin: 0 auto;  hierdurch wird zentriert */border-collapse: collapse; color: #000000; background-color: #ffffcc; border: 1px solid #cccccc;}
* html table.gerahmt {font-size: 75%;}
.hgblau {color: #000099;background-color: #cccccc; border: 1px solid #000099; text-align: center; height: 2em; padding-top: 0.2em;}
* html .hgblau {width: 150px;}
table.gerahmt td {border: 1px solid #cccccc;}
.hggreen {color: #000000;background-color: #3399cc;text-align: left;border: 1px solid #000099;}
* html td {width:150px;}
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 .hggreen{padding: 0 0.5em; color: #990000;	background-color: #ffffff; vertical-align: top; width:136px; border: 1px solid #cccccc;}
* html th {width:130px;}
/*Ende: Übersicht Schülerangebote*/
/*Datenbanken Tabelle*/
* html div.db1 {width:55px;float:left; }
* html div.db2 {width:440px;float:right;}
div.db1 {width:55px;float:left;}
div.db2 {width:450px;float:right;}
/*Ende: Datenbanken Tabelle*/