/* zusätzliche Formate für "mehr Details" Seiten zu Programm-Highlights (.High...)
   für Überschrift, Unterüberschrift, Tabellenzelle mit Abstract-Text, Absätze und Aufzählungen im Abstract-Text
*/

.HighTitle {
	color: darkblue;
	font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 18pt; 
	margin-top:0pt;
}

.HighSubTitle {
	color: darkblue;
	font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12pt; 
	margin-top:2pt;
	margin-bottom:8pt;
}

.HighAbstract {
	padding-right: 4.0mm;
	padding-left: 4.0mm;
	padding-bottom: 4.5mm; 
	font-size: 12pt; 
}

.HighAbstract p, .HighAbstract li { 
	font-size: 12pt; 
	margin-top: 4pt; 
	margin-bottom: 4pt;
}

img.map, map area{
    outline: none;
}


/* allgemeines Format für Textformatierung in Absätzen(p) und Tabellendaten(td):
   Verdana, Schriftgröße 2.5 mm (in etwa wie bei Thinstall, dort sind es 12 Pixel)
*/

.Text, p, td, li { 
	font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 3.6mm; 
	color: black;
	margin-top: 1mm; 
	margin-bottom:0.5mm
}

span {
	align: left;
}

.TextKlein { 
	font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 1.875mm; 
	color: black;
}

.TextGoogleSuche { 
	font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; 
	font-size: x-small; 
	color: black;
}


/* Format für Seitenüberschriften (außerhalb von Tabellen)
*/
.Hdr, h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: medium;
	font-weight: bold;
}

/* Format für Überschriften zu Textabsätzen (außerhalb von Tabellen)
*/
.AbsHdr, h2, h3, h4 {
	font-family: Segoe UI, Arial, Verdana, Helvetica, sans-serif; 
	font-size: x-small;
	font-weight: bold;
	color: black;
}

/* Format für Tabellenrahmen am Seitenanfang
*/
.TabSeitenanfang {
    /* evtl in .TabHdr aufnehmen ???
    border-top: solid 1px #d0d0d0;
    */
    /* ähnlich der ursprünglichen Rahmen ???
    */
    border-style: ridge;
    border-width: 1px;
    
}

/* Format für Tabellenüberschriften
*/
.TabHdr {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 5.125mm;
	font-weight: bold;
	color: darkblue;
	margin-bottom: 5.5mm;
	background-image:url('../bilder/backtabhdr-grey.jpg'); 
	background-repeat:repeat-x;  
}

/* Format für Überschriften zu Tabellenabsätzen 
*/
.TabAbsHdr {
	font-size: 3.75mm;
	font-weight: bold; 
	color: darkblue;
	margin-top: 3.1mm;
	padding-top: 1.0mm; 
	padding-bottom: 1.0mm; 
	padding-left: 4.0mm;
	border-top: solid 1px #d0d0d0;
	border-left: solid 1px #a0a0a0;
	background-image:url('../bilder/backtababshdr-grey.jpg'); 
	background-repeat:repeat-y;  
}


/* Format für normale Tabellenabsätze
*/
.TabAbs {
	padding-right: 4.0mm;
	padding-left: 4.0mm;
	padding-bottom: 4.5mm; 
}

/* Format für Tabellenabsätze mit Rand oben und unten (wie TabAbsHr ohne Hindergrundbild) 
*/
.TabAbsBlock {
	list-style-type: square;
	margin-top: 2.5mm;
	padding-top: 1.0mm; 
	padding-bottom: 1.0mm; 
	padding-left: 4.0mm;
	border-top: solid 1px #d0d0d0;
}


/* Format für Tabellen-Kästen (z.B. für die Startseite), Bild-Teil (obere Hälfte)
*/
.TabBoxBild {
	padding: 2.5mm;
	padding-bottom: 0mm;
	border-style: solid; 
	border-bottom-style: none; 
	border-width: 1px;
	border-color: #000080; /* dunkelblau */
}

/* Format für Tabellen-Kästen (z.B. für die Startseite)
*/
.TabBoxText {
	padding: 2.5mm;
	padding-top: 0mm;
	border-style: solid; 
	border-top-style: none; 
	border-width: 1px;
	border-color: #000080; /* dunkelblau */
}




/* Format für Hyperlinks als eigenständige Textzeilen:
   Grundzustand: blau und nicht unterstrichen, 
   rot wenn der Cursor drüberfährt (Hover) und der Link gerade aktiv ist.
   d.h. in den LawFirm Farben und vom Verhalten her so, wie auf der Thinstall Startseite.
*/
a:link       { color: blue; text-decoration:none; }
a:visited    { color: blue; text-decoration:none; }
a:hover      { color: red; text-decoration:none; }
a:active     { color: red; text-decoration:none; }



/* Format für Links zur Navigation in den Video-Teilen
*/
a.VideoLink:link 	{ border-top:1px solid white; border-bottom:1px solid white; text-decoration:none; padding:1px 2px 1px 2px; color:black; display:block; margin:0; }
a.VideoLink:visited { border-top:1px solid white; border-bottom:1px solid white; text-decoration:none; padding:1px 2px 1px 2px; color:black; display:block; margin:0; }
a.VideoLink:hover 	{ border-top:1px solid #666; border-bottom:1px solid #666; text-decoration:none; padding:1px 2px 1px 2px; color:black; margin:0; }
a.VideoLink:active 	{ border-top:1px solid white; border-bottom:1px solid white; text-decoration:none; padding:1px 2px 1px 2px; color:black; display:block; margin:0; }




/* Format für Hyperlinks innerhalb von Text:
   Grundzustand: in der Textfarbe und unterstrichen, 
   rot wenn der Cursor drüberfährt (Hover) und der Link gerade aktiv ist.
   dadurch wirken die Texte nicht so "bunt" (wenn sie Querverweise enthalten).
   Verwendung: in den Code hinter dem Tag "<a" den Formatvorlagen Namen einfügen: [<a class="TextLinkMehr"]
*/
a.TextLink:link          { color: black; text-decoration: underline; }
a.TextLink:visited       { color: black; text-decoration: underline; }
a.TextLink:hover         { color: red; text-decoration: underline; }
a.TextLink:active        { color: red; text-decoration: underline; }

/* ... für die "mehr..." Links */
a.TextLinkMehr:link      { color: blue; text-decoration: none; }
a.TextLinkMehr:visited   { color: blue; text-decoration: none; }
a.TextLinkMehr:hover     { color: red; text-decoration: none; }
a.TextLinkMehr:active    { color: red; text-decoration: none; }

/* ... für die Links in Absatz-Überschriften (wg. Farbe) */
a.TextLinkAbsHdr:link          { color: darkblue; text-decoration: underline; }
a.TextLinkAbsHdr:visited       { color: darkblue; text-decoration: underline; }
a.TextLinkAbsHdr:hover         { color: red; text-decoration: underline; }
a.TextLinkAbsHdr:active        { color: red; text-decoration: underline; }



/* ... Formate für die Menüspalte: Überschriften- und normale Tabellenabsätze
*/
.MenuTabAbsHdr {
	font-size: 70%; 
	font-weight: bold; 
	margin-top: 2.5mm;
	padding-top: 1.0mm; 
	padding-bottom: 1.0mm; 
	padding-left: 1.0mm;
	border-top: solid 1px #808080;
	border-left: solid 1px #d0d0d0;
	background-image:url('../bilder/backtababshdr-grey.jpg'); 
	background-repeat:repeat-y;  
}

.MenuTabAbs {
	font-size: 70%;
	padding-left: 1.0mm;
	border-top: solid 1px #808080;
	border-left: solid 1px #d0d0d0;
}

a.MenuLink:link          { color: black; text-decoration: none; }
a.MenuLink:visited       { color: black; text-decoration: none; }
a.MenuLink:hover         { color: darkblue; text-decoration: underline; }
a.MenuLink:active        { color: darkblue; text-decoration: underline; }




/* ... für die Haupt-Navigation (Hintergrundformat für die erste Tabellenzeile)
*/
.TabNavLink0 {
	background-image:url('../bilder/backbtn0_normal.jpg'); 
	background-repeat:repeat; 
	padding: 2px;
	border-top: solid 1px #c0c0c0; 
	height: 27px;
}

/* ... für die Haupt-Navigation in der oberen Navigationszeile (Level 0) */
a.NavLink0:link          { color: #d0d0d0; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_normal.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink0:visited       { color: #d0d0d0; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_normal.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink0:hover         { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_hover.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink0:active        { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_hover.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }

/* ... für die Haupt-Navigation in der oberen Navigationszeile */
a.NavLink0Here:link      { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink0Here:visited   { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink0Here:hover     { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink0Here:active    { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn0_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }



/* ... für die Unter-Navigation (Hintergrundformat für die zweite Tabellenzeile)
*/
.TabNavLink1 {
	background-image:url('../bilder/backbtn1_normal.jpg'); 
	background-repeat:repeat; 
	padding: 2px;
	border-bottom: solid 1px #c0c0c0; 
	height: 27px;
}

/* ... für die Unter-Navigation in der unteren Navigationszeile (Level 1) */
a.NavLink1:link          { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_normal.jpg'); background-repeat:repeat; padding: 7px; border-bottom: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px white; text-decoration: none; }
a.NavLink1:visited       { color: white; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_normal.jpg'); background-repeat:repeat; padding: 7px; border-bottom: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px white; text-decoration: none; }
a.NavLink1:hover         { color: #606060; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_hover.jpg'); background-repeat:repeat; padding: 7px; border-bottom: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px white; text-decoration: none; }
a.NavLink1:active        { color: #606060; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_hover.jpg'); background-repeat:repeat; padding: 7px; border-bottom: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px white; text-decoration: none; }

/* ... für die Unter-Navigation in der unteren Navigationszeile, aktiver Bereich */
a.NavLink1Here:link      { color: black; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_hover.jpg'); background-repeat:repeat; padding: 7px; border: solid #808080 1px; text-decoration: none; }
a.NavLink1Here:visited   { color: black; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_hover.jpg'); background-repeat:repeat; padding: 7px; border: solid #808080 1px; text-decoration: none; }
a.NavLink1Here:hover     { color: black; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_hover.jpg'); background-repeat:repeat; padding: 7px; border: solid #808080 1px; text-decoration: none; }
a.NavLink1Here:active    { color: black; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_hover.jpg'); background-repeat:repeat; padding: 7px; border: solid #808080 1px; text-decoration: none; }



/* ... für die Haupt-Navigation für Mobilgeräte Landingpage (Hintergrundformat)
*/
.TabNavLink2 {
	background-image:url('../bilder/backbtn2_normal.jpg'); 
	background-repeat:repeat; 
	padding: 2px;
	border-top: solid 1px #c0c0c0; 
	height: 54px;
	valign: middle;
}

/* ... für die Haupt-Navigation in der oberen Mobilgeräte-Navigationszeile (Level 0) */
a.NavLink2:link          { height: 45px; color: #d0d0d0; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_normal.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2:visited       { height: 45px; color: #d0d0d0; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_normal.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2:hover         { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_hover.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2:active        { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_hover.jpg'); background-repeat:repeat; padding: 7px; border-top: solid 1px #808080; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }

/* ... für die Haupt-Navigation in der oberen Mobilgeräte-Navigationszeile */
a.NavLink2Here:link      { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2Here:visited   { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2Here:hover     { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }
a.NavLink2Here:active    { height: 45px; color: white; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn2_hover.jpg'); background-repeat:repeat; padding: 7px; margin-bottom: 2px; border-top: solid 1px darkblue; border-right: solid 1px #808080; border-left: solid 1px darkblue; text-decoration: none; }



/* Format für Hyperlinks zur seiteninternen Navigation (Kopfzeile):
*/
a.NavLink:link           { color: #808080; font-size: 105%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 170%; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; text-decoration: none; }
a.NavLink:visited        { color: #808080; font-size: 105%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 170%; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; text-decoration: none; }
a.NavLink:hover          { color: black; font-size: 105%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 170%; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; border-bottom: solid #fbc05a 1px; text-decoration: none; }
a.NavLink:active         { color: black; font-size: 105%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 170%; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; border-bottom: solid #fbc05a 1px; text-decoration: none; }



/* Format für "Office2003-Knopf-Links" auf den Seiten - z.B. Testsystemanforderung etc.
*/
a.BtnLink:link          { color: #808080; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_Off2003_normal.jpg'); background-repeat:repeat; padding: 3px; border-right: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; text-decoration: none; }
a.BtnLink:visited       { color: #808080; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_Off2003_normal.jpg'); background-repeat:repeat; padding: 3px; border-right: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; text-decoration: none; }
a.BtnLink:hover         { color: black; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_Off2003_hover.jpg'); background-repeat:repeat; padding: 3px; border-right: solid 1px #808080; border-left: solid 1px #808080; text-decoration: none; }
a.BtnLink:active        { color: black; font-size: 100%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; background-image:url('../bilder/backbtn1_Off2003_hover.jpg'); background-repeat:repeat; padding: 3px; border-right: solid 1px #808080; border-left: solid 1px #808080; text-decoration: none; }


/* -------------------------------------------------------------------------------------
    Aufbau des Schnellauswahl-Blocks (direkt zum Thema...)
    
*/

.Schnellauswahl {
	border:0;
	margin:0;
	/* background-color:#ccc; */
	padding:0.10px 0 0.10pxem 5px;
	height:1%;				/* Clearen für den Internet Explorer */
}

.Schnellauswahl:after {
	/* Methode zum Clearen der Float-Umgebungen */
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.Schnellauswahl label {
    display:none;
}

.Schnellauswahl select {
	font-family: Arial, Helvetica, Sans-Serif;   
	font-size:95%;
	border:1px solid #A2A2A2;
	width:200px;				/* width:170px; (vor Ausblenden des Knopfes) */
	display:block;
	float:left;
	margin-right:0.25em;
}

.Schnellauswahl input {
	display:none;
	/*											(Knopf ausgeblendet)
	float:left;
	display:block;
	font-size:100%;
	padding-left:0.1875em;
	margin-top:1px;
	*/
}
 
.Schnellauswahl a {
	width:1em;
	height:1em;
	/* background:#CCC url(../bilder/themen_schnellauswahl_link.gif) no-repeat right center; */
	background:url(../bilder/themen_schnellauswahl_link.gif) no-repeat right center;
	display:block;
	float:left;
	margin-top:0em;
	padding-left:0.125em;
}

.Schnellauswahl a span {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

optgroup {
	background-color:#EEE; 
	font-style: normal;
}

option {
	margin-left:0px;
	padding-left:1px;
	font-style: normal;
	background-color:#FFF;
}