﻿/* --- Header anpassen --- */
div#header {
    background: white; /* Hintergrundfarbe */
    padding: 0px;
    height: 105px; /* Angabe in px */
    background-image: url(Header_Bg.png); /* Hintergrundgrafik */
    font-size: 20px;
	background-repeat:repeat-x;
}
#headerdeco {
  width: 100%;
  height: 105px;
  border: 0;
}
#headerdeco td {
  border: 0;
}
#theader-left {
  height: 105px;
  width: 228px;
  padding: 0px 30px 0px 30px;
}
#theader-middle1 {
  text-align: right;
  vertical-align: middle;
  width: 80%;
}
#theader-middle2 {
  text-align: center;
  vertical-align: middle;
  background-image: url(Header_RedLine.png);
  background-repeat:repeat-x;
  background-position: 0px 48px;
  width: 20%;
  min-width: 10px;
  max-width: 150px;
}
#theader-right {
  text-align: left;
  vertical-align: middle;
  padding-right: 30px;
}
/* Ende - Header */

/* Abstand für Indexeinträge */
table.tableindexlinks {
  margin-left: 10px;
}

/* --- Querbalken und Titel des Navigationsbereichs: Schrift, Rahmen und Abstände anpassen --- */
.x-panel-header
{
	overflow: hidden;
	zoom: 1;
	color: black;
	font-family: arial,tahoma,verdana,sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 3px 4px 5px;
	border: 1px solid rgb(156,158,159); /* Rahmenfarbe */
	line-height: 15px;
}

	
/* --- Navigationsbereich, Schriftschnitt anpassen --- */
.x-panel-header-text
{
	font-weight: bold;
}	

	
/* --- Navigationsbereich, eingeklappten Balken anpassen --- */
.x-layout-collapsed  /* Hintergrundfarbe und Rahmen */
{
	position: absolute;
	left: -10000px;
	top: -10000px;
	visibility: hidden;
	background-color: rgb(220,220,221); /* Hintergrundfarbe */
	width: 20px;
	height: 20px;
	overflow: hidden;
	border: 1px solid rgb(156,158,159); /* Rahmenfarbe */
	z-index: 20;
}

.x-layout-collapsed-west /* Grafik */
{
	background-image: url(images/toc_collapsed_gray.png);
	background-position: center;
	background-repeat: no-repeat;
}
	
/* --- Navigationsbereich, eingeklappter Balken: Mouseover-Effekt anpassen --- */
.x-layout-collapsed-over
{
	cursor: pointer;
	background-color: rgb(156,158,159);
}
	
	
/* --- Navigationsbereich und Tabs, Rahmen anpassen --- */
.x-tab-panel-header,.x-tab-panel-footer /* Linie zwischen Navigationsbereich und Tabs */
{
	background: rgb(156,158,159); /* Rahmenfarbe */
	border: 1px solid #8db2e3; /* Änderungen hier ohne sichtbare Wirkung */
	overflow: hidden;
	zoom: 1;
}	
	
.x-tab-panel-footer /* Linie im Navigationsbereich */
{
	border: 1px solid rgb(156,158,159);
	padding-top: 2px;
}
	
ul.x-tab-strip-bottom  /* Linie direkt über den Tabs und Tabs-Hintergrund*/
{
	padding-bottom: 1px;
	background-image: url(extjs/resources/images/gray/tabs/tab-strip-btm-bg.gif);
	background-color: rgb(220,220,221); /* Tabs, Hintergrundfarbe */
	background-repeat: repeat-x top;  
	border-top: 0px solid rgb(251,189,26); /* Linie */
	border-bottom: 0 none;
}	
	
/* --- Inhaltsverzeichnis, Hintergrundfarbe und Abstände anpassen --- */	
.x-tree .x-panel-body
{
	background-color: #white;
	padding: 4pt;
}	
	
	
/* --- Inhaltsverzeichnis-Einträge anpassen --- */
.x-tree-node .x-tree-selected /* Aktiver Eintrag*/
{
	background-color: #E2E0E5; 
	color: #000000; 
	font-weight: bold;
}


.x-tree-node .x-tree-selected a span	
{
	text-decoration: none;
	color: #000000;
	padding: 1px 3px 1px 2px;
}

	
.x-tree-node .x-tree-node-over /* Mouseover-Effekt*/
{
	/* background-color: rgb(251,189,26); Orange */
	background-color: #E9E8EA; 
}

.x-tree-node
{
	font: normal 12px arial,tahoma,helvetica,sans-serif;	
}

.x-tree-node a span,.x-dd-drag-ghost a span /* Schriftfarbe */
{
	text-decoration: none;
	color: #606060;
	padding: 1px 3px 1px 2px;
}	
	
.x-tree-node-collapsed .x-tree-node-icon  /* übergeordneter Eintrag, eingeklappt, Grafik */
{
	background-image: url(images/book_gray.png);
}	

.x-tree-node-expanded .x-tree-node-icon  /* übergeordneter Eintrag, ausgeklappt, Grafik */
{
	background-image: url(images/book_open_gray.png);
}

.x-tree-node-leaf .x-tree-node-icon /* einzelner Eintrag, Grafik */
 {	
	background-image: url(images/leaf_gray.gif);
}

/* --- Inhaltsverzeichnis, Bereich "Collapse All/Expand All" anpassen --- */
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar /* Rahmenlinie */
{
	border-width: 0;
	border-bottom: 1px solid rgb(156,158,159);
}
	
.tree-node-toolbar-no-bg-image /* Hintergrund */
{
	background-color: rgb(255,255,255);
	background-image: none;
}
	
	
/* Index anpassen */
#index 
{
	background-color: rgb(255,255,255);
	width: 90%;
}
	
	
/* --- Suche anpassen --- */
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label /* Text "Match partial words", Einstellungen hier überschreiben die von .checkbox-text */
{
	white-space:nowrap;
	font-family: arial,tahoma,helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.checkbox-text /* Text "Match partial words" */
{
	font-family: Arial;
	font-size: 10pt;
	padding-left: 2px; /* Abstand links */
	position: relative;
	bottom: 1px; /* Abstand unten */
}

.x-small-editor .x-form-field  /* Eingabefeld für Suchbegriffe, Schrift */
{
	font-family: arial,tahoma,helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.x-form-empty-field /* leeres Eingabefeld für Suchbegriffe, Schriftfarbe */
{
	color: rgb(156,158,159);
}

.x-form-text,textarea.x-form-field /* Eingabefeld für Suchbegriffe, Hintergrund- und Rahmenfarbe */
{
	padding: 1px 3px;
	background-image: url(extjs/resources/images/default/form/text-bg.gif);
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 1px solid rgb(0,0,0);
}

.searchResultsPanel /* Hintergrund */
{
	background-color: rgb(255,255,255) !important;
}
	
.searchResults  /* Suchergebnisse, Hintergrund */
{
	font-size: 8pt;
	background-color: rgb(255,255,255) !important;
}

#searchResultsPanel /* Hintergrund */
{
	background-color: rgb(255,255,255) !important;
}
	
#searchResults  /* Suchergebnisse, Schriftgröße und Hintergrund */
{
	font-size: 8pt;
	background-color: rgb(255,255,255) !important; 
}
	
#searchResults a:hover /* Hover-Effekt */
{
	text-decoration: underline !important;	
}
	
.searchword1 /* Suchergebnisse, Hervorhebungsfarbe */
{
	background-color: rgb(255,255,0);
}
	
	
/* --- Tabs anpassen, Schrift --- */
.x-tab-strip span.x-tab-strip-text 
{
	font-family: Arial,arial,helvetica;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	white-space: nowrap;
	cursor: pointer;
	padding: 4px 0;
}
	
	
/* --- Inhaltsbereich anpassen --- */
.x-panel-body /* Hintergrundfarbe */
{
	border: 1px solid rgb(156,158,159); /* Rahmenfarbe um Navigations- und Inhaltsbereich */
	border-top: 0 none;
	overflow: hidden;
	background: white; /* Hintergrundfarbe */
	position: relative;
}

.x-border-layout-ct  /* Balken zwischen Navigations- und Inhaltsbereich */
{
	background: rgb(220,220,221);
}

.topOfPage  /* Top-Of-Page-Link */
{
	font-size: 11px;
	padding-left: 10px;
	padding-bottom: 5px;
}
	
	
/* --- Footer anpassen --- */
.footer
{
	background-color: #FFFFFF;
	width: 100%;
	height: 60px;
	border-top-color: rgb(156,158,159);
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 10px;
}	

.footer td
{
	padding:10px;
}

.footer-left
{
	text-align: left;
	white-space: nowrap;
}

.footer-right
{
	text-align: right;
	white-space: nowrap;
}

.footer-center
{
	text-align: center;
}

/* --- Styles aus Author-it ergänzen --*/


ul.linuxconsole 
{
    background-color: #747677;
}



.title {
display: none;
}