/*###  #003399--dunkelblau  ##0066cc--hellblau ###*/
/*############ Hintergrundfarbe, Schriftgröße und Farbe #############################*/
body {
font-family:Tahoma,Arial,Helvetica;
font-size: 11pt;
line-height: 15pt;
color:#ffffff;
background-color:#003399;}


a:aktive {font-family:Verdana,Arial;
font-size:12pt; color:#ffcccc;font-weight:normal;text-decoration:none;line-height:12pt;}
a:hover {font-family:Verdana,Arial;
font-size:12pt;color:yellow;text-decoration:none;line-height:12pt;}


a  {font-family:Verdana,Arial;
font-size:12pt;color:#ffff99;text-decoration : none;line-height :12pt;}

.tabtex  {font-family:Verdana,Arial;
font-size:12pt;color:#ffff99;line-height :12pt;}

.menu  { font-family:Verdana,Arial;
font-size:8pt;color:#ffff99;}

.head  { font-family:Verdana,Arial;
font-size:12pt;color:#ffff99;line-height:12pt;}
/* deaktiviert
p {color:#ffff99; font-weight:normal;font-size:9pt;}
*/
p.hervorhebung {
               color:#FFFF00;
               font-weight:bold;
               }

.schwarz {color:#000000;}
.blau    {color:#0066cc;}
.rot     {color:#FF0000}
.rotfett {color:#FF0000;font-weight = bold}
.gruen   {color:#00FF33}


               
/*###
<p>Dies ist ein normaler Text</p>
<p class="hervorhebung">
Dieser Text soll die Hervorhebung sein mit
gelber Schriftfarbe und fett.
</p>
<p>Und wieder ein normaler Text</p>
###*/

/*### Der erste Buchstabe soll sehr gr0ss sein ###*/
p.absatzanfang:first-letter{
font-size:200%;
float:left;
color:#FFFF00;
}

/*### gross formatiertes Wort Bsp.:
kleines Wort <span class="gross"> grosses Wort</span> kleines Wort
###*/

.gross {
font-size="150%";
color:#ffff00;
font-family: Tahoma, Verdana, Arial;
}
/*### Alles was innerhalb von p, td, li, a ... steht, ist schon vordefiniert
p,td,ul,li, th {
font-size="80%";
color:#00ff80;
font-family: Tahoma, Verdana, Arial;
}
###*/

/*### In die Zeile wird ab jetzt<span class="textmarker">
die universelle Unterklasse "textmarker" eingeschaltet. Ab hier</span> ist sie wieder ausgeschaltet.
###*/
.textmarker {
background-color:#FFFF00;
color:#000000;
}
/*### <p>Hier OHNE Rahmen <span class="rahmen">mit Rahmen</span> Hier OHNE Rahmen</p> ###*/
.rahmen {
border:1px solid #ffff00; padding:4px;
}

.kasten {
border: thin solid #ffff00; border-top-width:thin;
border-right-width:thin; border-bottom-width:thin;
border-left-width:thin; width: 100% 
}

/* punktierter farbiger Rahmen */
.punktrahmen {
border:1px dotted #ffff00; padding:4px;
}

/* die gesamte Fl&auml;che wird farbig gef&uuml;llt*/
.farbe {
    background: #0066cc;
    padding: 0.5em;
    border: none;
}

/* auf der linken Seite wird ein senkrechter Rahmenstrich dargestellt */
p.hinweis {
    padding-left: 0.2em;
    border-left: solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-left-width: thin;
    border-color: #FF0000;
  }


/*### Ende Rahmen ##*/



/*###  Links Anfang alte version ###*/
A:link {text-decoration: underline; color : #ffffff; }
A:visited { text-decoration: underline; color : #FFCC00; }
A:active { text-decoration: underline; color : #FFCC00; }
A:hover { text-decoration: underline overline; color : #FFFF99; background-color: #4040FF; }
/*###  Links ENDE ###*/



/* ENDE */
table
{
	table-border-color-light: #ffffff;
	table-border-color-dark: #FFFF99;
}
   /* Formatierung der einzelnen &Uuml;berschriften */
h1 { font-size:160%; color:#ffcc00; font-family:Verdana,Arial,serif; font-weight:bold; font-style:normal; font-variant:normal; text-decoration:underline; }
h2 { font-size:150%; color:#ffffff; font-family:Verdana,Arial,serif; font-weight:bold; font-style:normal; font-variant:normal; text-decoration:underline; }
h3 { font-size:140%; color:#ffffff; font-family:Verdana,Arial,serif; font-weight:bold; font-style:normal; font-variant:normal; text-decoration:none; }
h4 { font-size:130%; color:#ffffff; font-family:Verdana,Arial,serif; font-weight:bold; font-style:normal; font-variant:normal; text-decoration:none; }
h5 { font-size:120%; color:#ffffff; font-family:Verdana,Arial,serif; font-weight:bold; font-style:italic; font-variant:normal; text-decoration:none; }
h6 { font-size:110%; color:#ffffff; font-family:Verdana,Arial,serif; font-weight:bold; font-style:normal; font-variant:normal; text-decoration:none; }


/*############ Scrollbalken #############################*/
body { 	
	scrollbar-face-color: #003399;
	scrollbar-track-color:#0066a1;
	scrollbar-arrow-color:#E2E2E2;	
	scrollbar-shadow-color:#E2E2E2;
	scrollbar-highlight-color:#E2E2E2;
	scrollbar-3dlight-color:#0066a1;
	scrollbar-darkshadow-color:#0066a1; }
/*################################################*/

/* INFO BOX */
/* Beispiel, auch ohne Link -> dann #   */
/*  <div id="box"><a href="http://www.t-online.de">INFOBOX<span>Der Text in der Info Box</span></a></div> */

<!--
#box {
position:absolute; top:50px; left:50px;
z-index:3;}

#box a {
color:#ffffff;
background:#0066cc;
font:bold 16px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}

#box a:hover {
color:#FFFF33;
background:#0060cc;
width:400px;}

#box a span {display:none;}

#box a:hover span {
color:#FFFFFF;
background:#003399;
font:normal 16px courier, sans-serif;
border:1px solid black;
display:block;
padding:10px;}
-->


/*############# Formularfelder Formatierung Anfang ###############################################*/

/*#############  rechter Rahmen-, Hintergrund- und Textfarbe in den Buttons ####*/
input       { border-color: #003399; background-color:#EFEFEF ; color:#000000; }


/*#############  Farben in den scrollbaren Eingabeboxen     ####*/
input.send  { border-color: #000000; background-color:#EFEFEF; color:#000000; }


/*#############  Hintergrund des Auswahlfeldes mit festen Werten    ####*/
select      { border-color: #000000; background-color: #EFEFEF; font-family: arial; color:#000000; }


/*#############  Farbe vom Kommentarfeld mit Scrollleiste extra  ####*/
textarea    { border-color: #000000;background-color: #EFEFEF; font-family: arial; color:#000000; }

/*############# Formularfelder Formatierung Ende #################################################*/