body { font-family:Arial,Helvetica,sans-serif; color:#000000;}

div#NewsTicker {
	font-size: 11px;
	width: 200px;
	padding-top:5px;
	height: 65px;
	color: #000000;
}


/* @title weißer fetter Menüpunkt */
/* @description Wird nur für die Hauptmenüpunkte (Kunden, Bewerber) eingesetzt*/
/* @example <span class="menupunkt">Kunden</span> */
.menupunkt {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#ffffff;
	font-weight:bold;
}

/* @title Überschrift (schwarz, fett) */
/* @description schwarze, fette Überschrift für die Inhalte */
/* @example Fließtext */
.ueberschrift-gross
{
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000000;
font-weight:bold;
}


.ueberschrift-klein { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#5166b8; font-weight:bold; }
.ueberschrift-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:12pt; color:#5166b8; font-weight:bold; font-style:italic;}



/* @title Fließtext (schwarz) */
/* @description schwarzer Fließtext in Normalgröße */
/* @example <span class="fliesstext">Fließtext</span> */
.fliesstext,p,td
{
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000000;
}


/* @title Fließtext (schwarz, kursiv) */
/* @description schwarzer, kursiver Fließtext in Normalgröße */
/* @example <span class="fliesstext-kursiv">Fließtext kursiv</span> */
.fliesstext-kursiv
{
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000000;
font-style:italic;
}


/* @title Fließtext (schwarz, fett) */
/* @description schwarzer und fetter Fließtext in Normalgröße */
/* @example <span class="fliesstext-fett">Fließtext fett</span> */
.fliesstext-fett
{ font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000000;
font-weight:bold;
}


/* @title Fliesstext (kursiv,fett) */
/* @description Dieser Text kann zur besonderen Hervorhebung gewählt werden */
/* @example <span class="fliesstext-kursivfett">kursiv und fett</span> */
.fliesstext-kursivfett {
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#000000;
font-weight:bold;
font-style:italic;
}


.fliesstext-blau { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#124d79; }
.fliesstext-blau-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#124d79; font-style:italic; }
.fliesstext-blau-fett { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#124d79; font-weight:bold; }
.fliesstext-blau-kursivfett { font-family:Arial,Helvetica,sans-serif; font-size:12pt; color:#124d79; font-weight:bold; font-style:italic;}

.fliesstext-teuto { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#5166b8; }
.fliesstext-teuto-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#5166b8; font-style:italic; }
.fliesstext-teuto-fett { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#5166b8; font-weight:bold; }
.fliesstext-teuto-kursivfett { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#5166b8; font-weight:bold; font-style:italic;}

.fliesstext-grau { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#7c7a7a; }
.fliesstext-grau-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#7c7a7a; font-style:italic; }
.fliesstext-grau-fett { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#7c7a7a; font-weight:bold; }
.fliesstext-grau-kursivfett { font-family:Arial,Helvetica,sans-serif; font-size:10pt; color:#7c7a7a; font-weight:bold; font-style:italic;}


.kleintext { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; }
.kleintext-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; font-style:italic; }
.kleintext-fett { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; font-weight:bold; }

/* @title kleiner Text (Startseite) */
/* @description Dieser Text wird nur auf der Startseite eingesetzt */
/* @example <span class="kleintext_startseite">kleiner Text (Startseite) */
.kleintext_startseite { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; }


/* @title kleiner Text in schwarz */
/* @description Dieser Text wird auf der Startseite oder als Inhaltstext in der Sitebar verwendet */
/* @example <span class="kleintext-schwarz">schwarzer Kleintext</span> */
.kleintext-schwarz
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
}

/* @title kleiner Text in weiß */
/* @description Dieser Text kommt nur im Menü zum Einsatz */
/* @example <span class="kleintext-weiss">weisser Kleintext</span> */
.kleintext-weiss{ font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#FFFFFF; }


.kleintext-schwarz-kursiv
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
font-style:italic;
}

.kleintext-schwarz-fett
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
font-weight:bold;
}


.kleintext-blau { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#124d79; }
.kleintext-blau-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#124d79; font-style:italic; }
.kleintext-blau-fett { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#124d79; font-weight:bold; }

.kleintext-teuto { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#5188b8; }
.kleintext-teuto-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#5188b8; font-style:italic; }
.kleintext-teuto-fett { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#5188b8; font-weight:bold; }

.kleintext-grau { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#7c7a7a; }
.kleintext-grau-kursiv { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#7c7a7a; font-style:italic; }
.kleintext-grau-fett { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#7c7a7a; font-weight:bold; }

/* @title Standard Link */
/* @description  */
/* @example <a href="#">Standard Link</a> */
a:link
{ 
color:#000000;
text-decoration:none;
}

a:visited
{
color:#000000;
text-decoration:none;
}

a:active
{
color:#000000;
text-decoration:none;
}

a:hover
{
color:#000000;
text-decoration:underline;
}


.lauftext {
	font-size: 11px;
	color: #ffffff;
}
.lauftext:link
{ 
color:#ffffff;
	text-decoration:none;
}

.lauftext:visited
{
color:#ffffff;
text-decoration:none;
}

.lauftext:active
{
color:#ffffff;
text-decoration:none;
}

.lauftext:hover
{
color:#ffffff;
text-decoration:underline;
}




/* @title mehr-Link */
/* @description Link für den 'mehr' - Link */
/* @example <a href="#">mehr</a> */
a.menue_mehr:link
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-decoration:none;
}

a.menue_mehr:visited
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-decoration:none;
}

a.menue_mehr:active
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-decoration:none;
}

a.menue_mehr:hover
{
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
text-decoration:underline;
}


/* @title Blocktitel für die Startseite (fett) */
/* @description Wird bisher nur auf der Startseite für 'Herzlich Willkommen benutzt */
/* @example Blocktitel */
.startseite_blocktitel
{ font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
color:#000000;
font-weight:bold;
}


/* @title Menülink (Startseite) */
/* @description Formatierungen für die Links im Menü auf der Startseite */
/* @example <a href="#" class="menu_startseite">Menülink</a> */
a.menue_startseite:link { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
a.menue_startseite:visited { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
a.menue_startseite:active { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
a.menue_startseite:hover { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }

/* @title Navigationslink */
/* @description Diese Links kommen in nur in der Channelnavigation vor. */
/* @example <a href="#" class="links_navigation_black">Navigationslink</a> */
a.links_navigation_black:link { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
a.links_navigation_black:visited { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
a.links_navigation_black:active { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#000000; text-decoration:none; }
a.links_navigation_black:hover { font-family:Arial,Helvetica,sans-serif; font-size:8pt; color:#FFFFFF; text-decoration:none; }



/* @title Navigation (weiß) */
/* @description Navigation auf der linken Seite */
/* @example <a href="#" class="links_navigation">Menü Link (Startseite)</a> */
a.links_navigation:link
{
color:#FFFFFF;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}

a.links_navigation:visited
{
color:#FFFFFF;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}

a.links_navigation:active
{
color:#FFFFFF;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}

a.links_navigation:hover
{
color:#000000;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}


.formular_input
{
font-family:Arial,Helvetica,sans-serif;
background-color:#FFFFFF;
font-size:10pt;
color:#000000;
width:200px
}

.errorformular_input
{
font-family:Arial,Helvetica,sans-serif;
background-color:#FFCC99;
font-size:10pt;
color:#000000;
width:200px
}


.tformular_input
{
font-family:Arial,Helvetica,sans-serif;
background-color:#FFFFFF;
font-size:10pt;
color:#000000;
}

.errortformular_input
{
font-family:Arial,Helvetica,sans-serif;
background-color:#FFCC99;
font-size:10pt;
color:#000000;
}


.fliesstext-rot-fett
{ font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#ff0000;
font-weight:bold;
}


.fliesstext-rot
{
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#ff0000;
}


/* @title Fließtext (orange) */
/* @description oranger Fießtext */
/* @example <span class="fliesstext-orange">oranger Text</span> */
.fliesstext-orange
{
font-family:Arial,Helvetica,sans-serif;
font-size:10pt;
color:#FF6600;
}