/* Titel auf der Startseite der CgW-Anwenderhilfe ausblenden */
/* ACHTUNG! Basiert auf der Topic ID 16037 - Topic-ID nach Möglichkeit nicht ändern! */
/* Muss auch für andere Sprachen und andere Startseiten nach ähnlichem Schema */
/* individuell eingestellt werden nach dem Schema h1#t.... */

h1#t16037 {
	font-size: 0px !important;
	border: none;
	}

/* Hier keine Farben definieren! Farben stehen in der colors.css */

.x-body {
    font-family: "Segoe UI", arial, helvetica, sans-serif;
}

a { color: #315265 !important; }
a:visited { color: #315265 !important; }
a:hover { color: #315265 !important; }
a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:active {color: #000000 !important;}
a.breadcrumb:hover {	color: #666666 !important;}
.x-panel-header-text-default, .x-panel-header {color: #666666;}

/* ----------------------------------------------------------------- */
/*                      Navigation                                   */

/* Navigation links - Schriftart, Schriftgröße, Zeilenhöhe, keine Unterstreichungen */

.x-grid-cell-inner a {
	text-decoration: none;
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
}

.x-grid-cell-inner {line-height: 20px;}

.x-grid-row .x-grid-cell {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
}

/* Keine Bilder in der Navigation links */

.x-grid-row .x-tree-icon.x-tree-icon-parent, .x-tree-icon.x-tree-icon-leaf  {
	height: 0px;
	width: 0px;
}

/* Navigation oben - Höhe, Icons, Schriftart, Schriftgröße */
div#header {height: 0px;}
div#mainToolbar {	height: 40px !important; }
#north-panel {	height: 40px !important;}  
#north-panel-body {	height: 40px !important;}  
#content-panel, #westPanelID { top: 43px !important; }
#mainToolbar-innerCt {height: 40px !important;}
#westPanelID-splitter {top: 42px !important;}

.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label {
    font: 11px "Segoe UI", arial, helvetica, sans-serif;
		white-space: nowrap;
		top: 6px;
}
.x-toolbar .x-toolbar-text {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
}

.x-btn .x-box-item .x-toolbar-item .x-btn-default-toolbar-small .x-icon .x-btn-icon .x-btn-default-toolbar-small-icon {height: 24px; width: 24px;}

.x-btn-default-toolbar-small-icon .x-btn-icon,
.x-btn-default-toolbar-small-icon button, 
.x-btn-default-toolbar-small-icon a, 
.x-btn-default-toolbar-small-icon .x-btn-inner, 
.x-btn-default-toolbar-small-noicon button, 
.x-btn-default-toolbar-small-noicon a, 
.x-btn-default-toolbar-small-noicon .x-btn-inner {width: 24px; height: 24px;}

/* Tabs unten (Inhalt, Index, Suche) */

.x-tab-active button {font-weight: bold !important;}

.x-tab button {
    font-family: "Segoe UI", arial, helvetica, sans-serif;
		font-weight: normal;
}


/*--- Icons ---*/
/*--- main toolbar ---*/
.homeIcon { background-image: url("images/home.png"); }
.upIcon { background-image: url("images/up.png"); }
.downIcon { background-image: url("images/down.png"); }

.EditIcon { background-image: url("images/edit.png"); }
.editLiveIcon { background-image: url("images/edit_live.png"); }
.emailThisPageIcon { background-image: url("images/email.png"); }
.sendFeedbackIcon { background-image: url("images/feedback.png"); }

.printIcon { background-image: url("images/printer.png"); }
.searchIcon { background-image: url("images/search.png"); }

/* tree toolbar */
.expand { background-image: url("images/expand_all.gif"); }
.collapse { background-image: url("images/collapse_all.gif"); }
 
 /* ----------------------------------------------------------------- */
/*                       Breadcrumb navigation                       */

.breadcrumb {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

.x-panel-header-text-default, .x-panel-header {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	height: 24px;
}

#content-panel_header-body {height: 22px;}

/*  ----------------------------------------------------------------- */
/*                     Nach-oben-Link                                 */

#topOfPage {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 12px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#topOfPage a {
	cursor: pointer;
	text-decoration: underline;
}

/* ----------------------------------------------------------------- */
/*                       Fließtext                                   */
.bodytext {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
  font-size: 15px;
	margin-top: 4px;
  margin-bottom: 10px;
	max-width: 594px;
}

/* ----------------------------------------------------------------- */
/*                      Überschriften                                */


.heading1 {	
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 21px;
	font-weight: 600;
	margin-top: 20px;
	max-width: 600px;
}

.heading2 {	
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 19px;
	font-weight: 600;
	margin-top: 28px;	
	max-width: 600px;	
}

.heading3 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 17px;
	font-weight: 600;
	margin-top: 28px;
	max-width: 600px;
}

.heading4 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-top: 28px;
	margin-bottom: 4px;
	max-width: 600px;
}

.heading5 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-top: 28px;
	margin-bottom: 4px;
	max-width: 600px;
}

.heading6 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	margin-top: 28px;
	margin-bottom: 4px;
	max-width: 600px;
}

/* Style heading4hilfezu löschen, wenn alle "Ich möchte Hilfe zu"-Bereiche aus der Hilfe draußen sind */

.heading4hilfezu {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 15px;
	max-width: 600px;
}


/* Style für related Topics */

.heading6themen {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: 600;
	max-width: 600px;
}

.heading6items{
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
}

/* ----------------------------------------------------------------- */
/*  Listen, Links, alles mit Aufzählungszeichen, Listenfortsetzung   */

/* Abstand bei Listen mit jeweils einzeiligen Stichpunkten/Halbsätzen ist 
ggf. zu groß - klären, ob der verringert werden sollte. Siehe als Beispiel
 Seite "Serien-Briefe und Serien-E-Mails" */


ul.liste {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 600px;
}

li.liste, .liste li {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	padding-left: 2px; 
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 12px;
	list-style: disc outside url("pfeil.gif");
	max-width: 600px;
}

ul.liste2 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 600px;
}


li.liste2, .liste2 li {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 36px;
	margin-bottom: 12px;
	max-width: 600px;
}

.liste3  {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 24px; 
	text-indent: -22px;
	max-width: 595px;
}

ul.schrittanleitung {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 600px;
	}

li.schrittanleitung {
	margin-top: 6px;
	margin-bottom: 10px;
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	background-position: 0px 5px;
	padding-left: 2px;  
	margin-left: 6px; 
	list-style: disc outside url("anleitung.gif");
	max-width: 600px;
}

.listenfortsetzung {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-top: -6px; 
	margin-bottom: 10px;
	margin-left: 44px;
	max-width: 572px;
}

ul.hilfezu, .hilfezu {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	max-width: 600px;
}

li.hilfezu, ul.hilfezu li{
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 12px;
	margin-top: -8px;
	margin-bottom: 12px;
	padding: 0;
	list-style: disc outside url("hilfe_zu.gif");
	max-width: 600px;
}

ul.listehilfezu2 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 600px;
}


 li.listehilfezu2 {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 32px;
	margin-top: -10px;
	margin-bottom: 12px;
	padding: 0;
	list-style: disc outside url("hilfe_zu.gif");
	max-width: 600px;
}

ul.hilfezuinhinweis {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	padding-left: 4px;
	margin-left: 24px;
	margin-top: 12px;
	margin-bottom: 0;
	border-left:  2px solid #E2001A;
	max-width: 600px;
}


 li.hilfezuinhinweis {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 32px;
	padding-top: 4px;
	margin-top: -12px;
	margin-bottom: 12px;
	max-width: 600px;
	list-style: disc outside url("hilfe_zu.gif");
	border: none;
}


/* Listen innerhalb von related Topics richtig einrücken*/
ul.hilfezu > li{
	margin-left: 12px;
}


/* Listen direkt nach Überschriften - Abstand nach oben */
.heading3+.hilfezu, .heading4+.hilfezu , .heading5+.hilfezu {margin-top: 16px;} 

/* ----------------------------------------------------------------- */
/*                           Hinweis                                 */
.warning  {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	border-left-width: 2px;
	padding-left: 4px;
	margin-left: 24px;
	margin-top: 0;
	margin-bottom: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	max-width: 592px;
	border-left:  2px solid #E2001A;
}

/* Abstände nach oben nach einem Hinweis anpassen - ist notwendig, weil die Abstände bei Listen relativ gering sind, damit der Strich nicht so riesig ist. */
.warning+.listenfortsetzung {margin-top: 10px;}
.warning+.hilfezu {margin-top: 10px;}
.warning+.liste {margin-top: 10px;}
.warning+.liste3 {margin-top: 10px;}
.warning+.schrittanleitung {margin-top: 10px;}
.warning+.bodytext {margin-top: 10px;}
.warning+.hilfezu2 {margin-top: 10px;}
.warning+.dropdownlinkformatierung {margin-top: 10px;}
.warning+.dropdownlinkformatierung2 {margin-top: 10px;}

/* Wenn hilfezuinhinweis eingestellt ist, dann soll der rote Strich trotzdem durchgezogen sein */

.hilfezuinhinweis+.warning {margin-top: -12px; padding-top: 10px;}


/* ----------------------------------------------------------------- */
/*                          Dropdowns                                */

.dropdownlinkformatierung {	
	font-family: "Segoe UI", arial, helvetica, sans-serif;
  font-size: 15px;
	margin-top: -8px;
  margin-bottom: 12px;
	max-width: 594px;
} 

.dropdowndiv {		
	font-family: "Segoe UI", arial, helvetica, sans-serif;
  font-size: 15px;
	padding: 6px;
	margin-top: -6px;
	margin-left: 22px;
	margin-bottom: 16px;
	max-width: 594px;
}

/* Dropdowns direkt nach Überschriften - Abstand nach oben */
.heading3+.dropdownlinkformatierung, .heading4+.dropdownlinkformatierung, .heading5+.dropdownlinkformatierung {margin-top: 4px;} 


/*  Dropdowns in Listen */
.dropdownlinkformatierung2 {	
	font-family: "Segoe UI", arial, helvetica, sans-serif;
  font-size: 15px;
	margin-top: -8px;
  margin-bottom: 20px;
	margin-left: 44px;
	max-width: 572px;
} 

.dropdownlinkformatierung2+.dropdowndiv {		
	font-family: "Segoe UI", arial, helvetica, sans-serif;
  font-size: 15px;
	padding: 6px;
	margin-top: -16px;
	margin-bottom: 16px;
	margin-left: 40px;
	max-width: 576px;
}


/* ----------------------------------------------------------------- */
/*                       Related Topics                              */

.relatedheading {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: 600;
}


.relateditem {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	margin-left: 25px;
  font-size: 13px;
}



/* ----------------------------------------------------------------- */
/*                          Tabellen                                 */

.tableintopic, .tableintopic tbody tr td  {
	margin-left: 20px;
	padding: 2px;
}

.tabelle {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	max-width: 600px;
}

/* Einrückungen in Tabellen verbessern */

td ul {	margin-left: 16px;}

/* Gestaltung der Tabelle auf der Startseite */

 .tabelle+.tableintopic, .tabelle+.tableintopic tbody tr td  {border-width: 0px !important;}
 
 
 
 
/*----------------------------------------------------------------- */
/*            Programmtext - Zeilenumbruch verhindern                */
/*
.programmtext {
	width: 1000px;
}*/



.programmtextblockeinzug {
  font-family: "Courier New", verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  background-color: #f2f2f2;
  margin: 10px 0 10px 44px;
  padding: 5px 10px;
  max-width: 620px;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.programmtextblockeinzug + .programmtextblockeinzug{margin-top: -10px;}

.programmtextblock {
  font-family: "Courier New", verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  background-color: #f2f2f2;
  max-width: 650px;
  margin: 10px 0 10px 20px;
  padding: 5px 10px;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.programmtextblock+.programmtextblock {margin-top: -10px;}


/* ----------------------------------------------------------------- */
/*            Darstellung der Glossar-Links (Pop-up)                 */

.aufrufbegriffpopup, .begriffetooltip{
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: help; 
}

.begriffetooltipstyle {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 20px;
	padding: 4px;
	margin-bottom: 20px;
	margin-top: -25px;
	border-radius:5px;
	-moz-border-radius:5px;
	width: 550px;
}

.begriffetooltipstyle .bodytext {
	margin-left: 4px;
}


/* ----------------------------------------------------------------- */
/*                             Hervorhebung                          */

.hervorhebung {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
/*	font-weight: 600; (funktioniert nicht in Chrome) */
}

/* ----------------------------------------------------------------- */
/*                             Kommentare                            */

.kommentar {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	margin-left: 20px;
	padding: 4px;
	max-width: 600px;
}


/* ----------------------------------------------------------------- */
/*                             Suchergebnisse                        */


#searchDetails, #searchResults, #searchMessage {
	font-family: "Segoe UI", arial, helvetica, sans-serif;
	font-size: 15px;
	margin-left: 8px;
}

#searchMessage .searchDetails {
	font-size: 12px;
	margin-left: -6px;
}

.tableindexlinks {
	margin-left: 8px;
}
	
/* Zeilen ohne Inhalt ausblenden - Leerzeilen können durch eingebette Topics mit Varianten entstehen. */
.dropdownlinkformatierung:empty {padding: 0; margin: 0; font-size: 0px; border: none;}
.warning:empty {padding: 0; margin: 0; font-size: 0px; border: none; list-style: none; background: none;}
.bodytext:empty {padding: 0; margin: 0; font-size: 0px; border: none;}
.liste:empty {padding: 0; margin: 0; font-size: 0px; border: none;}
.liste2:empty {padding: 0; margin: 0; font-size: 0px; border: none;}
.liste3:empty {padding: 0; margin: 0; font-size: 0px; border: none;}
.schrittanleitung:empty {padding: 0; margin: 0; font-size: 0px; border: none; list-style: none; background: none;}
.listenfortsetzung:empty {padding: 0; margin: 0; font-size: 0px; border: none;}
.hilfezu:empty {padding: 0; margin: 0; font-size: 0px; border: none; list-style: none; background: none;}
.hilfezu2:empty {padding: 0; margin: 0; font-size: 0px; border: none; list-style: none; background: none;}
.listehilfezu2:empty {padding: 0; margin: 0; font-size: 0px; border: none; height:0px; width: 0px; list-style: none;}
.programmtextblockeinzug:empty {padding: 0; margin: 0; font-size: 0px; border: none;}