td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399}



.bold {font-weight: bold; }

.weiss_fett_10px {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF}

.weiss10 {  font-size: 10px;  color: #FFFFFF;}

.weiss9 {  font-size: 9px;  color: #FFFFFF;}

.bold11 {font-weight: bold; font-size: 11px;}

.bold12 {font-weight: bold; font-size: 12px;}

.gelbkus12 {font-weight: bold; font-size: 11px; color: #FF9900;; font-style: italic}

.blau9 { font-size: 9px;} 

.rotbold11 {font-weight: bold; font-size: 11px; color: #CC0000;}

.rot { color: #CC0000;}



a {color: #003399;}

		a:active  	{ text-decoration:none;}

		a:link			{ text-decoration:none;}

		a:visited 	{ text-decoration:none;}

		a:hover 		{ text-decoration:underline;}



a.weiss {color: #FFFFFF;}

a.weiss:active  	{ text-decoration:none;}

a.weiss:link			{ text-decoration:none;}

a.weiss:visited 	{ text-decoration:none;}

a.weiss:hover 		{ text-decoration:underline;}



a.blue {color: #003399; font-weight: bold;}

a.blue:active  	{ text-decoration:none;}

a.blue:link			{ text-decoration:none;}

a.blue:visited 	{ text-decoration:none;}

a.blue:hover 		{ text-decoration:underline;}



.form_500 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 14px; width: 500px; border-style: none; background-color: #CCCCCC}

.form_120 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; height: 14px; width: 135px; border-style: none; background-color: #003399}

.form_135_gr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 14px; width: 135px; border-style: none; background-color: #CCCCCC}

.form_300 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 14px; width: 280px; border-style: none; background-color: #E8E8E8}

.form_30 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; height: 13px; width: 35px; border-style: none; background-color: #A6A6A6}

.form_250X60 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 60px; width: 250px; border-style: none; background-color: #F4F7FB}

.form_300X60 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 60px; width: 280px; border-style: none; background-color: #E8E8E8}

.form_35 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 13px; width: 35px; border-style: none; background-color: #E8E8E8}



[ Float - Text im Container wird links oder rechts angeordnet. Html-Text: <div class="box">Text für den Kasten</div>

<br><p>Text</p>]

.box { float: left; width: 30%; height: 80%; margin: 4px; background: silver; border: solid thin red; color: black; }



[ Cursor - verändert Mauszeiger beim Berühren einer Tabelle, Bildes, Überschrift...

möglich sind crosshair-Fadenkreuz , hand-Handsymbol(Link) , wait-Sanduhr(Wartesymbol) , help-Fragezeichen-(Hilfe) , e-resize-Pfeil nach rechts ,

w-resize-Pfeil nach links , n-resize-Pfeil nach oben , nw-resize-Pfeil nach links oben , ne resize-Pfeil nach rechts oben , text-Gerader Strich ,

move-Ein Kreuz mit Pfeilen

<h1 style="cursor : s-resize">Überschrift</h1>









alle CSS-Befehle

http://www.ideenreich.com/ressourcen/css_befehle.shtml.form_135_gr {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; background-color: #999999; height: 14px; width: 135px}