#Text01 { font:bold 14pt Arial,Verdana,sans-serif; color:red }
#Text02 { font:bold 12pt Arial,Verdana,sans-serif; color:blue }
#Text03 { font:bold 8pt Arial,Verdana,sans-serif}
#Text04 { font:bold 14pt Arial,Verdana,sans-serif}

h3 {
	font-family: COURIER NEW;
	font-size: 13pt;
	font-weight: 600;
	letter-spacing: -2px;
	text-align: center;
	color: Navy;
	background: silver;
}
h4 {
	font-family: COURIER NEW;
	font-size: 13pt;
	font-weight: 600;
	letter-spacing: -2px;
	text-align: left;
	color: Navy;
	background: silver;
}


list {
font-size: 8pt;
	font-weight: 600;
}


h5 {
	font-family: COURIER NEW;
	font-size: 13pt;
	font-weight: 600;
	text-align: left;
	color: Navy;
}


body {
 font-family:Arial,Verdana,sans-serif;
 background-image: url(bg/hint.gif);
 background-attachment: fixed;
   /*font-size:medium;*/
 font-size:10pt;
 text-align:left;
 color: Navy;

  scrollbar-arrow-color:#ffffff;
        /* scrollbar-highlight-color:#ffffff;*/
	      scrollbar-darkshadow-color:#ffffff;
         scrollbar-3dlight-color:#ffffff;

 }

 /* texteinzug in Absätzen*/
p{
text-indent:3.5mm;
font-size: 10pt;
font-weight: 600;
color: Navy;

}

/* Initialen in Absätzen*/
p:first-letter {
	font-size: 140%;
	/*color:maroon;*/
}

table {
         font-family: Arial;
	font-size: 8pt;
	font-weight: 600;
	text-align: left;
	/*font: normal small-caps 900 11pt sans-serif;*/
	color: Teal;
}





/*class="top"
Ausrichtung in Tabellenreihen und -zellen!
*/
.top {
	vertical-align: top;
}


/* class="center"*/
.center {
	text-align: center;
	}


table.rahmen {
	border: thin groove;
	border-color: red;

	 }

table.gitter {
	border: thin groove;
	border-color: red;
	background-color: white;

	}

/* .kbe {
	font:bold 8pt Arial,Verdana,sans-serif;
	margin-left: 10px;
	table-layout: fixed;
	}

*/


/*
dies wäre für die Kopfzeile der Tabellen
gedacht - wurde aber herausgenommen

.kbeh {
   font:bold 8pt Arial,Verdana,sans-serif;
   padding-left: 0px;
	text-align: left;
	border-left: solid yellow thin;
	border-bottom: hidden;
   border-top: hidden;
	empty-cells: hide;
 */

	}

/*
td.kbe {
   font:bold 8pt Arial,Verdana,sans-serif;
	border-left: solid yellow thin;
	background-image: url(klasse/images/doc.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;

	width: 3%;
	height: 2px;
	border-bottom: none;
	border-top: none;
	padding-top: 0 px;
	padding-bottom: 0 px;
	margin-top: 0 px;
	margin-bottom: 0 px;
	border-spacing:
	vertical-align: bottom;
	border-bottom: solid yellow thin;
	width: 16px;
	table-layout:fixed 200 px;
	}
*/
td.kbe {
   font:bold 8pt Arial,Verdana,sans-serif;
	/*bborder-left: solid yellow thin;*/
	background-image: url(klasse/images/doc.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;
	}

td.kbew {
   font:bold 8pt Arial,Verdana,sans-serif;
	/* border-left: solid yellow thin;*/
	background-image: url(klasse/images/web.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;
	}

td.kbes {
   font:bold 8pt Arial,Verdana,sans-serif;
	/* border-left: solid yellow thin;*/
	background-image: url(klasse/images/sweb.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;
	}


td.kbep {
   font:bold 8pt Arial,Verdana,sans-serif;
	/* border-left: solid yellow thin;*/
	background-image: url(klasse/images/ppt.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;
	}

td.kbef {
   font:bold 8pt Arial,Verdana,sans-serif;
	/* border-left: solid yellow thin;*/
	background-image: url(klasse/images/avi.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;
	}

td.kbeo {
   font:bold 8pt Arial,Verdana,sans-serif;
	/* border-left: solid yellow thin;*/
	background-image: url(klasse/images/popup.gif);
	background-repeat: no-repeat;
	padding-left: 26px;
	text-align: left , bottom;
	}








/*

	}

Gefahr dünner Linien an den Rabellenrändern
*/

/* id="links" */
#links {
	float: left;
}


/* id="rechts" */
#rechts {
	float:right;
}


/* id="marine"
Textfarbe , z.B. in p, div oder span
*/
#marine  {
color:navy; }

#rot {
	color:red;
}

/*  class="hint"
usw. Hintergrundbilder im body, tabellen und Absätzen
*/
.hint {
	background-image: url(bg/hint.gif);
}

.tech {
	background-image: url(bg/tech.gif);
}

.werk {
	background-image: url(bg/werk.gif);
}

.chem {
	background-image: url(bg/chem.gif);
}

.phys {
	background-image: url(bg/phys.gif);
}

.bio {
	background-image: url(bg/bio.gif);
}

.math {
	background-image: url(bg/math.gif);
}

.geom {
	background-image: url(bg/geom.gif);
}

.inform {
	background-image: url(bg/inform.gif);
}

.welt {
	background-image: url(bg/welt.gif);
}

.renn {
	background-image: url(bg/renn.gif);
}

.mensch {
	background-image: url(bg/mensch.gif);
}

.lex {
	background-image: url(bg/lex.gif);
}

.home {
	background-image: url(bg/home.gif);
}

.x7 {
	background-image: url(bg/x7.gif);
}

.x8 {
	background-image: url(bg/x8.gif);
}

.x9 {
	background-image: url(bg/x9.gif);
}

.x0 {
		background-image: url(bg/x0.gif);
}
/**/

a:link
{
COLOR:#CA0000;
text-decoration:none;
}

a:visited
{
COLOR:maroon;
text-decoration:none
}

a:hover
{
	/* BACKGROUND:gray;*/
	COLOR: Navy;
	text-decoration: underline overline;
}




/*  Vorschlag nach test.css
body {
 font-family:Arial,Verdana,sans-serif;
 background-image: url(bg/hint.gif);
 background-attachment: fixed;
 font-size:12pt;
 text-align:left;
 color:black;
}



a:link, a:visited {
	text-decoration: none;
	color: #d4d4d4;
}
a:hover{
	text-decoration: none;
	color: #878787;
}

Jetzt folgt test.css unverändert

 */




.folder{
	color: #000000;
	font: bold 8pt Arial,Verdana,sans-serif;
	padding-left: 2px;
}
.kat{
	color: #787878;
	font: bold 8pt Arial,Verdana,sans-serif;
	padding-left: 2px;
}
table.suche {
	border: 2px solid #000000;

}
.suche INPUT {
	border: 1px solid #adadad;
         /*background: #6B6AAD; */
	background: InfoBackground;
	font:bold 8pt Arial,Verdana,sans-serif
}
.suche button {
	border: 1px solid #adadad;
	background: #6B6AAD;
	font:bold 8pt Arial,Verdana,sans-serif
}
p{

}
.suchergebnis{
	font: bold 16pt Arial,Verdana,sans-serif;
         /*Folgezeile eingefügt*/
	background: InfoBackground;
	text-align: center;
}
.suchwort{
	font: italic lighter 14pt Arial,Verdana,sans-serif;
	text-align: center;
	color: White;
}
a.item:link{
   font:bold 8pt Arial,Verdana,sans-serif;
	padding-left: 2px;
   COLOR:#CA0000;
   text-decoration:none;
}
a.item:visited {
   font:bold 8pt Arial,Verdana,sans-serif;
 	padding-left: 2px;
	COLOR:green;
   text-decoration:none
}
a.item:hover{
   font:bold 8pt Arial,Verdana,sans-serif;
	padding-left: 2px;
	COLOR: Navy;
	text-decoration: underline overline;
}


table.ergebnis {
	border: 1px solid Black;
           background:InfoBackground;
	/*background: #6B6AAD; */
	font: bold 9pt Arial,Verdana,sans-serif;
	margin-left: 5%;
	margin-right: 5%;
	width: 90%;
	color: White;
}

.itemtable {
visibility: hidden;
position: absolute;
}
.itemtr {
	position: absolute;
}
.itemtropen {
	position: static;
}

.itemtableopen {
	visibility: visible;
	position: static;
}

.infoboxopen {
	position: absolute;
	top: 150;
	text-align: center;
	width: 100%;
}

.infobox {
	position: absolute;
	visibility: hidden;
	display: block;
}

 .wait {
	width: 50%;
	border: 2px solid #000000;
	text-align: center;
	font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

tr .ts {
	height: auto;
}