/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements.  See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You under the Apache License, Version 2.0
* (the "License"); you may not use this file except in compliance with
* the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/


/***************************************************************************************************************************/
                /* PAGE */
/***************************************************************************************************************************/
/* �ber page.css erfolgen die Formatierungseinstellungen und stylistischen Vorgaben f�r den Authoring/Live-Bereich */

/*Import .css */                                                                                         
/***************************************************************************************************************************/
   @import url("news.css");                                                                                                                                                                              



/* Seite einrichten */
/***************************************************************************************************************************/
body {font-size:100.01%;padding:0;margin:0;}
a img {border:0;}

/*fuer Darstellung tag strong auch Fett in IE */
strong, b {font-weight:bold;}

	#page {

	/* Innenabstand allgemein */
	   padding: 0px;  
	/* Au�enrand/Abstand allgemein */
	   margin: 0px; 

/* Abstand au�erhalb des Elementes */
/* margin-top: 0px; */
/* margin-bottom: 0px; */
/* margin-left: 0px; */
/* margin-right: 0px; */

		}


/***************************************************************************************************************************/
                /* TABS */
/***************************************************************************************************************************/


/* Horizontale Tabs (Reiter)  */
/***************************************************************************************************************************/

	#tabs {
/* Leiste unterhalb Reiter (tabs)  */

	/*   	 border-bottom: solid 5px yellow;                                                                                                                                                         Leiste unter Reiter ausgeblendet */


	/* Positionierung Tabs - Horizontale Verschiebung Reiter nach links  */
	/* relative Positionierung (Verschiebung), gemessen an der Normalposition oder Anfangsposition des Elements selbst; selfhtml Search position */
	/* absolute Positionierung, Bleibt beim Scrollen stehen */
position: absolute;
	/* abweichende Positionierung */
top: 0px;
left: 213px;
bottom: 0px;
 
	/* TABS NO-GAPS */
	/* siehe tabs.xsl unter D:\Tomcat\webapps\lenya\lenya\pubs\default\lenya\modules\sitetree\xslt\navigation hier Wert @visibleinnav von true auf false */

	/* siehe tabs.css line 34 lenya/lenya/pubs/default/lenya/modules/sitetree/... - Rahmen um tabs wenn cellpadding ungleich 0 */
/***************************************************************************************************************************/
    color: yellow;

	}  

	
/* Layout: (inaktive) Reiter  Schriftart, -grad, -farbe; Hintergrundfarbe */
/***************************************************************************************************************************/

	#tabs a {
	
			/* Schriftart auf Reiter - Sans Serif ohne Serifen Strichst�rke gleichm��ig */
/*font-family: Verdana, Arial, Helvetica, Sans-serif;*/
font-family: Verdana, Arial, Helvetica, Sans-serif;
			/* Schriftgr��e */
font-size: .7em;
			/* Zeilenh�he (Angabe mit Schriftgr��e)  */
/*  line-height: 0em;  */
			/* Schriftgewicht */
font-weight: bold;  
			/* Text auf Reiter Textdekoration (unterstrichener, durchgestrichener, blinkender Text) none wird ersetzt */
text-decoration: none; 
			/* Textfarbe auf Reiter - GES Blau ersetzt Maroon */
color: #232D70; 
			/* display - Anzeige von Elementen (z.B. Reiter) unterdr�cken oder die Art der Anzeige festlegen */
			/* none = Element wird nicht angezeigt und es wird auch kein Platzhalter freigelassen blendet Reiter aus */
			/* block = Erzwingt einen Block - das Element erzeugt eine neue Zeile */
			/* inline = Erzwingt die Anzeige im Text - das Element wird im laufenden Textfluss angezeigt und verhindert Zeilenumbruch. */
			/* inline-block = Erzeugt �u�erlich einen Block, f�r den Breite, H�he und Au�enabstand angegeben werden kann, */
			/* bel�sst das Element jedoch im laufenden Textfluss */
			/* siehe http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=tabs */
/* Bereich Startseite, L�sungen etc....*/
/* Vers1.0: display: inline-block;	width: 136px; height: 15px; */
display: inline-block;	width: 140px; height: 20px; top: 0px;
	/* Textausrichtung auf Reiter  */
text-align: center;
/*Abstand Bild zu Tabbezeichner */
padding-top: 95px;

		}

		
/***************************************************************************************************************************/

	#tabs table {
		/* Schriftart auf Reiter - Sans Serif ohne Serifen Strichst�rke gleichm��ig */
   		 font-family: Verdana, Arial, Helvetica, Sans-serif;
		/* Schriftgr��e auf Reiter */
		  font-size: 100%;
 		 
		 
	

		}

/* Ausrichtung Reiter zu Leiste hinter Reiter  */
/***************************************************************************************************************************/

	#tabs td {
		/* Vertikale Ausrichtung - Text oben (top) mittig (middle) unten (bottom) im Verh�ltnis zueinander ausrichten*/
		  vertical-align: bottom;  
		  		   
		}

/* Zeilenumbruch innerhalb von Elementen mit Text */
/***************************************************************************************************************************/

	#tabs div {
	/* Verhalten f�r den Zeilenumbruch normal (autom) pre ( wie editor) nowrap (Kein automatischer, Umbruch durch HTML-Tags */
	/* zu pre-Definition siehe http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=tabs */
	    white-space: nowrap;
	}



/***************************************************************************************************************************/
/* Einstellungen inaktiver  Reiter */
/* Klassendefinition tab siehe Klasse tab in tabs.xsl  <xsl:template name="tab"> in tab.xsl */
/***************************************************************************************************************************/

.tab a {  

	/* erzwungener Leerraum zwischen dem Text eines Elements und dem Rand des Elements */   
	/* Innenabstand zwischen Elementinhalt und den vier Elementgrenzen oben, rechts, unten und links */
	/* Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand f�r oben und unten, die zweite den Abstand f�r rechts und links. */
	/* Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand f�r oben, die zweite den Abstand f�r rechts und links und die dritte den Abstand f�r unten. */
	/* Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand f�r oben, die zweite den Abstand f�r rechts, die dritte den Abstand f�r unten und die vierte den Abstand f�r links. */
padding-top: 0px; /* 130px;  */
padding-left: 0px; /*10px;  */
padding-right: 0px; /*10px;   */
padding-bottom: 0px; /*5px;  */

	/* display - Anzeige von Elementen (z.B. Reiter) unterdr�cken oder die Art der Anzeige festlegen */
	/* none = Element wird nicht angezeigt und es wird auch kein Platzhalter freigelassen blendet Reiter aus */
	/* block = Erzwingt einen Block - das Element erzeugt eine neue Zeile */
	/* inline = Erzwingt die Anzeige im Text - das Element wird im laufenden Textfluss angezeigt und verhindert Zeilenumbruch. */
	/* inline-block = Erzeugt �u�erlich einen Block, f�r den Breite, H�he und Au�enabstand angegeben werden kann, */
	/* bel�sst das Element jedoch im laufenden Textfluss */
	/* siehe http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=tabs */
display: block;  
top: 0px;  

		/*  alternativ: border-width:6px 3px 3px 6px;  	 */ 
		/* die erste Angabe bedeutet die Rahmendicke f�r oben, die zweite die Rahmendicke f�r rechts, die dritte die Rahmendicke f�r unten und die vierte die Rahmendicke f�r links. */
  
		/*  Rahmentyp none = kein Rahmen (bzw. unsichtbarer Rahmen), hidden = kein Rahmen (bzw. unsichtbarer Rahmen), dotted = gepunktet, dashed = gestrichelt, solid = durchgezogen. */
		/* double = doppelt durchgezogen, groove = 3D-Effekt, ridge = 3D-Effekt, inset = 3D-Effekt, outset = 3D-Effekt */
/* border-style:solid;  */
		/* alle Rahmen der Zellen sauber �bereinander,   border-collapse:collapse;   */
		/* Rahmen Grau 10% #E6E6E6 */
		/* Rahmen Schwarz 30%  #B3B3B3*/
		border: 3px solid #B3B3B3;
        /* Schriftfarbe Hintergrund hellgrau 10% nach Vorgabe  */
background-color: #E6E6E6;

}

/**********************************************************/
/* Neues Image fuer inaktive Reiter einfuegen laut Vorgabe */	
/**********************************************************/

/*AUSKOMMENTIERT  Original */	
/* Reiter: 5 bestimmt linken Kr�mmungsgrad; FFEEEE bestimmt Hintergrundfarbe linker Bildteil; BB9999 bestimmt Farbe unterer Rahmen zum Bild */
/* FFEEEE ge�ndert nach Grau 10% E6E6E6; BB9999 nach Grau 10% #E6E6E6 */	
/*   background: url('/lenya/modules/svg/tab-topLeft-5-E6E6E6-E6E6E6.png') left top no-repeat;  */
/* background: url('/lenya/modules/svg/tab-topLeft-15-E6E6E6-E6E6E6.png') left top no-repeat;   */

	/* background-image:url([URI]) bestimmt Hintergrundgrafik */
	/* background-repeat: bestimmtWiederholungsverhalten einer Hintergrundgrafik  repeat = wiederholen  no-repeat = nicht wiederholen */
	/* background-position: festlegen, wo die linke obere Ecke der Hintergrundgrafik sein soll. Der erste Wert steht f�r die horizontale, der zweite f�r die vertikale Position. */
	/* top = vertikal obenb�ndig, bottom = vertikal untenb�ndig, center = zentriert (horizontal oder vertikal, left = horizontal linksb�ndig, right = horizontal rechtsb�ndig.  */
	/* background-attachment: Scroll-Verhalten einer Hintergrundgrafik   scroll = mitscrollen fixed = Hintergrundbild bleibt stehen   */
	
/* Image in C:\Tomcat\lenya\lenya\pubs\default\resources\shared\images */
/* nicht-selektierter Tab image traegt endung sw z.B. ..indexsw.png */
#tab_index a  { 
/* Reiter Startseite siehe tabs.xsl - <xsl:template name="tab">   <td><div class="tab" id="tab_{@id}"><xsl:call-template name="label"/></div></td> </xsl:template> */
	background-image:url(../images/kugel_index.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;
}	

#tab_solutions a { 
/* Reiter Loesungen siehe tabs.xsl - <xsl:template name="tab">   <td><div class="tab" id="tab_{@id}"><xsl:call-template name="label"/></div></td> </xsl:template> */
	background-image:url(../images/solutions.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll; 
}	

/* Reiter Kunden siehe tabs.xsl - <xsl:template name="tab">   <td><div class="tab" id="tab_{@id}"><xsl:call-template name="label"/></div></td> </xsl:template> */
#tab_customer a  { 
	background-image:url(../images/customer.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;  
}	

/* Reiter Partner siehe tabs.xsl - <xsl:template name="tab">   <td><div class="tab" id="tab_{@id}"><xsl:call-template name="label"/></div></td> </xsl:template> */
#tab_partner a   { 
	background-image:url(../images/partner.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;  
}	

/* Reiter Wie ueber uns siehe tabs.xsl - <xsl:template name="tab">   <td><div class="tab" id="tab_{@id}"><xsl:call-template name="label"/></div></td> </xsl:template> */
#tab_aboutus a  { 
	background-image:url(../images/aboutus.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;  
}	


/***************************************************************************************************************************/
/*   Reitergrafik - Layout Reiter rechter Teil  - Cursor auf Reiter halten */
   /* Breite, Farbe untere Linie zu Reiter, wenn Cursor auf Reiter  */
/***************************************************************************************************************************/

	.tab a:hover span {
/* Verweistypen: hover - Verweise, w�hrend der Anwender mit der Maus �ber den Verweistext f�hrt */

	/* 5 bestimmt rechten Kr�mmungsgrad; FFEEEE bestimmt Hintergrundfarbe rechter Reiterteil; BB9999 bestimmt unterer Rahmen zum Reiter */
	/* EECCCC ge�ndert nach Blau #019CFA; BB9999 nach GES Blau #232D70 */
/*AUSKOMMENTIERT*/
/*  background: url('/lenya/modules/svg/tab-topRight-5-019CFA-232D70.png') right top no-repeat;  */

	/* Reiter untere Line zu Bezeichnung wird eingeblendet, wenn Cursor auf Reiter */
border-bottom: solid 1px #232D70;
	/*   Schrift bei Markierung reiter mit Cursor   */
color:red; 

	}

/***************************************************************************************************************************/
/*   Reitergrafik - Layout Reiter linkerTeil  - Cursor auf Reiter halten  */
/***************************************************************************************************************************/
 
	.tab a:hover {
		/* 5 bestimmt linken Kr�mmungsgrad; FFEEEE bestimmt Hintergrundfarbe linker Reiterteil; BB9999 bestimmt linken Rahmen zum Reiter */
 	/* EECCCC ge�ndert nach Blau #019CFA; BB9999 nach GES Blau #232D70 */
	/* Orig. Pubs default - AUSKOMMENTIERT */	
/*	    background: url('/lenya/modules/svg/tab-topLeft-5-019CFA-232D70.png') left top no-repeat;   */
	}

	
/***************************************************************************************************************************/
/* Reitergrafik - Layout inaktiver Reiter rechter Teil , der rechte Teil  bildet im Original nur ein kleines Image-Fragment ab */
/* Breite, Farbe untere Linie zu Reiter */
/***************************************************************************************************************************/
	.tab a span {
	    /* Verweis a-Element (a = anchor = Anker)  */
		/* das div-Element erzwingt eine neue Zeile im Textfluss, w�hrend span innerhalb eines Textes verwendet werden kann */
		/* und keinen neuen Absatz erzeugt */
		/* siehe http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=tabs */
		/* background Hintergrund allgemein */
		/* Mit background-image:url([URI]) wird eine Hintergrundgrafik bestimmt */
		/* Wenn die Grafik in einem anderen Verzeichnis steht, muss der relative oder absolute Pfadnamen angegeben werden.
		/* no-repeat keine Wallpaper-Wiederholung (Kachel) der Grafik */
		/* PNG bedeutet Portable Network Graphic; pixelorientiert */

		/* 5 bestimmt rechten Kr�mmungsgrad; FFEEEE bestimmt Hintergrundfarbe rechter Reiterteil; BB9999 bestimmt rechte Rahmen zum Reiter */
 		/* FFEEEE ge�ndert nach #FFFF00; BB9999 nach GES Blau #232D70 */
		
/* Orig. Pubs default - AUSKOMMENTIERT */	
/*orig:  background: url('/lenya/modules/svg/tab-topRight-5-FFFF00-232D70.png') right top no-repeat;  */

}		

	
/***************************************************************************************************************************/
/* Einstellungen slektierter Reiter */
/* Klassendefinition tab-selected siehe Klasse tab-selected in tabs.xsl<xsl:template name="tab-selected"> */
/***************************************************************************************************************************/
.tab-selected a {  

padding-top: 0px; /* 130px;  */
padding-left: 0px; /*10px;  */
padding-right: 0px; /*10px;   */
padding-bottom: 0px; /*5px;  */ 
display: block;   
top: 0px;
/*	orig lenya default:  border-bottom: solid 10px #E6E6E6;    */
/* die erste Angabe bedeutet die Rahmendicke f�r oben, die zweite die Rahmendicke f�r rechts, die dritte die Rahmendicke f�r unten und die vierte die Rahmendicke f�r links. */
/*  alternativ: border-width:6px 3px 3px 6px;  	 */  
		
/* border-style:solid;  */
		
	border: 3px solid #B3B3B3;
      
background-color: #B3B3B3;
}

/**********************************************************/
/* Neues Image fuer selektierten Reiter einfuegen laut Vorgabe */	
/**********************************************************/

/*    Reitergrafik - Layout aktiver selektierter Reiter linker Teil  */

/*AUSKOMMENTIERT  Original */	
/* Reiter: 5 bestimmt linken Kr�mmungsgrad; FFEEEE bestimmt Hintergrundfarbe linker Bildteil; BB9999 bestimmt Farbe unterer Rahmen zum Bild */
/* FFEEEE ge�ndert nach Grau 10% E6E6E6; BB9999 nach Grau 10% #E6E6E6 */	

#tab-selected_index a  { 
/* Reiter Startseite siehe tabs.xsl -   <td><div class="tab-selected" id="tab-selected_{@id}"><xsl:call-template name="label"/></div></td>  */
	background-image:url(../images/kugel_index.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;
}	

/* Reiter Loesungen siehe tabs.xsl -   <td><div class="tab-selected" id="tab-selected_{@id}"><xsl:call-template name="label"/></div></td>  */
#tab-selected_solutions a { 
	background-image:url(../images/solutions.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll; 

}
	
/* Reiter Kunden siehe tabs.xsl -   <td><div class="tab-selected" id="tab-selected_{@id}"><xsl:call-template name="label"/></div></td>  */
#tab-selected_customer a  { 
	background-image:url(../images/customer.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;  
}	

/* Reiter Partner siehe tabs.xsl -   <td><div class="tab-selected" id="tab-selected_{@id}"><xsl:call-template name="label"/></div></td>  */	
#tab-selected_partner a   { 
	background-image:url(../images/partner.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;  
}	

/* Reiter Wirueberuns siehe tabs.xsl -   <td><div class="tab-selected" id="tab-selected_{@id}"><xsl:call-template name="label"/></div></td>  */
#tab-selected_aboutus a  { 
	background-image:url(../images/aboutus.png); background-repeat:no-repeat; background-position:top center; 
	background-attachment:scroll;  
}	


/***************************************************************************************************************************/
/* Reitergrafik - Layout aktiver Reiter rechter Teil  */
   /* Breite, Farbe untere Linie zu aktiven Reiter */
/***************************************************************************************************************************/

	.tab-selected a span {
	/* 5 bestimmt rechten Kr�mmungsgrad; DDBBBB bestimmt Hintergrundfarbe rechter Reiterteil; BB9999 bestimmt rechten Rahmen zum Reiter */
 	/* DDBBBB ge�ndert nach Gr�n #54F12F; BB9999 nach GES Blau #232D70 */
	/*AUSKOMMENTIERT i m Original default Lenya) */	
/*    background: url('/lenya/modules/svg/tab-topRight-5-54F12F-232D70.png') right top no-repeat;  */

	/* Reiter untere Line zu Bezeichnung wird eingeblendet, wenn Cursor auf Reiter */
	/* Orig. Pubs default - AUSKOMMENTIERT */	
/* 	   border-bottom: solid 1px #232D70; */

	/* Schriftfarbe Hintergrund  30% schwarz nach Vorgabe  */
background-color: #B3B3B3;  

	}
	
/***************************************************************************************************************************/
/* Einstellungen inaktiver und selektierter Reiter  */
/***************************************************************************************************************************/
	.tab a, .tab-selected a {
 
		}

/***************************************************************************************************************************/
/* inaktiver und selektierter Reiter  Einstellungen fuer Elementbereich nach span  z.B. Textbereich Startseite unterhalb Image */
/***************************************************************************************************************************/

.tab a span, .tab-selected a span {

/* span <span>-Tag kennzeichnet eine ausgew�hlte Menge von Elementen als span-Elemente und wendet Kernattribute auf diese Menge an.     */
/* Das Tag verh�lt sich wie ein Inlineelement, es f�hrt also nicht zu einem Zeilenumbruch. Das <span>-Tag f�gt den betreffenden Elementen ohne weitere CSS-Eigenschaften keinerlei Formatierung hinzu. */
/* In dieser Hinsicht ist das span-Element das Gegenst�ck zum div-Element, das ein Blockelement bildet (das <div>-Tag f�hrt zu einem Zeilenumbruch).*/
/* Beide Tags nehmen eine Reihe von Tags auf, um Attribute oder CSS-Stile auf sie anzuwenden, ohne selber Inhalte zu enthalten. */
/* Innerhalb eines <span>-Tags d�rfen nur Inline-Elemente liegen. <span>-Tags k�nnen verschachtelt werden. */
/* Element, welche die Bezeichnung zum Reiter inneh�lt */
/* padding: .3em .6em; verschiebt Bezeichnung Reiter */

/* display: block; */
}


/*--------------------------------------------------------------------------------- */
/*  Horizontale Leiste hinter Reiter; Erster Reiter nach rechts laufend */
/*--------------------------------------------------------------------------------- */ 

	.tab-separator {
	/* ausgeblendet */
/* 	 width: 25px;  
	border-bottom: solid 35px red;  */
	}

/*--------------------------------------------------------------------------------- */
/*  Horizontale Leiste hinter Reiter; Erster Reiter nach links laufend H�he, Breite width */
/*--------------------------------------------------------------------------------- */ 
	
	.tab-pre-separator {
	/* ausgeblendet */
/* 	 width: 25px; 
	border-bottom: solid 35px red;  */
	}

/*--------------------------------------------------------------------------------- */
/*   Horizontale Leiste letzter Reiter nach rechts laufend (Bestimmung der Breite) */
/*--------------------------------------------------------------------------------- */
/* ausgeblendet */
	td.tab-post-separator {
/*   width: 10%; */

} 

/***************************************************************************************************************************/
                /* MENU */
/***************************************************************************************************************************/

/*--------------------------------------------------------------------------------- */
/*  Sidebar linkes Element;  menu: oben -  Men� mit Eintr�ge */
/*                                            languageselector: unten -  Sprachauswahl Flags ausgeblendet
/* Farbe und Rahmendicke rechter und unterer Rahmen  + Innenabstand */
/*--------------------------------------------------------------------------------- */
	#menu, #languageselector {


	} 

/*--------------------------------------------------------------------------------- */
/*  Sidebar linkes Element;  Menue Eintr�ge */	
	#menu {
	

/* font-family: Tahoma, Verdana, Helvetica, Arial Black, Arial, sans-serif;   
 color: red;   font-size: 90%; font-weight: bold; color: #232D70;  text-align: justify; 
 padding-top: 20px;   
padding-left: 10px;  
padding-right: 10px; 
padding-bottom: 316px;  
background-color: #B3B3B3;  */


	/* GES Logo nach Vorgabe - siehe unten Projekt-Logo im Seitenkopf */
/* background-image:url(project-logo.png); background-repeat:no-repeat; background-position:top center; 
background-attachment:scroll; width: 100px; height: 100px;   */

	/* Ausrichtung Text */
/*text-align: left;
width: 191px;
height: 1000px;
position: absolute;
top: 0px; */    /*130px; */
/*left: 0px;
max-width:201px;
max-height: 1200px;
overflow: hidden; 
z-index: 1;  */

	}
	
/* Link in Sidebar */
#menu a, #languageselector a {
font-family: Verdana, Arial, Helvetica, Sans-serif; 
 font-size: 100%;
    text-decoration: none;
/* Farbe inaktiver Link in Sidebar GES Blau */
color: #232D70;

}

/* Verhalten, wenn Cursor auf Link gesetzt wird */
#menu a:hover {
 /* Farbe inaktiver Link in Sidebar GES Blau */
color: red; 
border-bottom:1px solid #232D70;
}
	
h1.menu#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; color: #232D70; margin: 0px; }
h2.menu#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: bold; color: #232D70; margin-bottom: -.8em; } 	
p.menu#para { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; color: #000000;  }	 




   	
/*--------------------------------------------------------------------------------- */
/*  Sidebar linkes Element;  Sprachauswahl unten */
#languageselector {
/*	   font-size: 80%;
  	  padding-top: 10px;
  	  padding-left: 10px;
  	  border: none;   */
/* default auskommentiert */
/*   background: url('/lenya/modules/svg/tab-bottomRight-5-FFCCCC-BB9999.png') right bottom no-repeat;  */

}


/*--------------------------------------------------------------------------------- */
/* Listeneintrag */
#languageselector ul {
    list-style-type: none; 
    margin: 0;
    padding: 0;
}

/*--------------------------------------------------------------------------------- */
/* Aufz�hlungsliste */
#languageselector ul li {
    display: inline;
}

/*--------------------------------------------------------------------------------- */
/* Grafikreferenz */
#languageselector a img {
    border: none;
    margin: 0;
    padding: 1px;
 border: solid 5px #FFCCCC;
/* default auskommentiert */
 /*  border: solid 1px #000000;  */
  vertical-align: middle;
}

/*--------------------------------------------------------------------------------- */
/*  Sidebar, linkes Element; Anker u.a. Farbe der inaktiven Link-Eintr�ge */
/*--------------------------------------------------------------------------------- */

      

/* Ungekl�rt */
#languageselector a {
}

/* Ungekl�rt */
#languageselector a:hover {
    text-decoration: none;
	 
}

/* Ungekl�rt */
#languageselector a.lenya-language-isCurrent {
    font-weight:bold;
}

/* Ungekl�rt */
#languageselector a.lenya-language-isCurrent img {
 border: solid 5px #FFEEEE; 
}

/* Ungekl�rt */
#languageselector a.lenya-language-isAvailable {
}

/* Ungekl�rt */
#languageselector a.lenya-language-isUnavailable {
   color:#aaaaaa; 
    opacity: 0.5;
}




/* Abstand Eintr�ge Sidebar */
.menublock-1, .menublock-selected-1 {
    padding: 0px; 
/* Eintraege in Sidebar First Level werden unterdrueckt Anzeige wird mit none unterdrueckt und kein Platzhalter freigelassen */
	display: none;  
/*
    border-top: solid 1px #DDBBBB;
    background: #FFCCCC;
    */
}

/* Ungekl�rt */
.menublock-1 .menublock-2 { display: none; }
.menublock-2 .menublock-3 { display: none; }
.menublock-3 .menublock-4 { display: none; }
.menublock-4 .menublock-5 { display: none; }

.menuitem-1, .menuitem-selected-1,
.menuitem-2, .menuitem-selected-2,
.menuitem-3, .menuitem-selected-3,
.menuitem-4, .menuitem-selected-4,
.menuitem-5, .menuitem-selected-5 {


	}
  
.menuitem-1, .menuitem-selected-1 {
  margin: 10px 0px 0px 0px;
/* Sidebar: Abstand Eintr�ge vertikal */
  padding: 2px 5px 2px 30px;

/*--------------------------------------------------------------------------------- */
/* Aufz�hlungszeichen Eintr�ge zu Sidebar und weitere Ebenen */
/*--------------------------------------------------------------------------------- */
 	 background: url('http://www.ges-systemhaus.de/images/bullet.png') 10px .4em no-repeat;

	}

.menuitem-2, .menuitem-selected-2 {
  padding: 2px 5px 2px 50px;
  background: url('http://www.ges-systemhaus.de/images/bullet.png') 36px .4em no-repeat;
}

.menuitem-3, .menuitem-selected-3 {
  padding: 2px 5px 2px 70px;
  background: url('http://www.ges-systemhaus.de/images/bullet.png') 56px .4em no-repeat;
}
  
.menuitem-4, .menuitem-selected-4 {
  padding: 2px 5px 2px 90px;
  background: url('http://www.ges-systemhaus.de/images/bullet.png') 76px .4em no-repeat;
}
  
.menuitem-5, .menuitem-selected-5 {
  padding: 2px 5px 2px 110px;
  background: url('http://www.ges-systemhaus.de/images/bullet.png') 96px .4em no-repeat;
}
  

.menuitem-selected-1,
.menuitem-selected-2,
.menuitem-selected-3,
.menuitem-selected-4,
.menuitem-selected-5 {

/*--------------------------------------------------------------------------------- */
/* Hintergrundfarbe aktiver Link in Sidebar von Hellrosa auf Grau 30% */
/*--------------------------------------------------------------------------------- */
  background-color: #B3B3B3;
 /* Farbe inaktiver Link in Sidebar GES Blau */

/*
  color: black;
  background-color: #BB9999;
  font-weight: bold;
*/
}







/***************************************************************************************************************************/ 
/* breadcrumb - Brotkrumenpfad */
/***************************************************************************************************************************/

/* Brotkrumenpfad 2. Ebene */
#breadcrumb {
background-color: #E6E6E6;
border-top: solid 5px #B3B3B3; /*7px*/
border-bottom: solid 5px #B3B3B3;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 60%;
font-weight: bold; /*bolder*/
color: #232D70;
position: absolute;
top: 120px; /*156px; */
left: 219px;
right: 200px;
/* Schichtposition bei �berlappung */
/* Im Quelltext sp�ter notierte Elemente �berdecken vorhergehende. Sie k�nnen die Reihenfolge �ndern, indem Sie f�r die einzelnen Elemente Werte vergeben. */
/* Elemente mit h�herem Wert �berdecken Elemente mit niedrigerem. */
/* Je h�her die Zahl, desto weiter vorne liegt das Element, je niedriger, desto weiter hinten liegt das Element vom Betrachter aus gesehen.  */
z-index: 1;
height: 15px;
width: 730px;

}

#breadcrumb a {
/* Link Ausgangsposition */
    text-decoration: none;
    color: red;
    font-weight: bold; /*bolder; */
}


/*--------------------------------------------------------------------------------------------------------------------------------- */
/* Bereich fuer News eigene Klasse gegenueber Kontaktbox etc wg Abstand zu News mit wiederholenden Bereich  */
/* Datum News siehe modules news/collection2xhtml.xsl*/
/* <div class="newsItem">      <h2>         <span class="newsDate"> */
/*--------------------------------------------------------------------------------------------------------------------------------- */

/* Titel GES News */

div.title_news{
     position:relative; height: 25px; width: 100px;  border: 1px solid #B3B3B3; 
}

.title_news {
 margin: 0 0 10px 0; 
}



h3.h_title_news{
   font-size: 1.1em;
}

.h_title_news{
font-family: Helvetica, Sans-serif; 
font-weight: bolder;
color: #232D70;
margin: 0 0 0 0;  
}

.h_title_news_italic{
font-family: Helvetica, Sans-serif;
font-size: 100%;
font-weight: bolder;
font-style: italic;
color: #232D70;
margin: 0 0 0 0;  
}

/* Links GES News */

div.h_news{
   position:relative; height: 20px;  border: 1px solid #B3B3B3; 
}

 /*font-size: 80%; font-weight: normal;*/

.h_news{
font-family: Verdana, Arial, Helvetica, Sans-serif;
/* fuer IE da sonst Datum gegenueber FF bold dargestellt wird */
font-weight: 200;

color: #232D70;
margin: 0 0 0 0;  vertical-align: top;   

}

h2.h_news{
/* font-size: .8em; */
   font-size: 9pt; 
}

a.h_news {
 /*  color: #000000;  font-size: 1.0em;  */
  color: #000000; font-size: 9pt;  
}

.h_news a:hover {
 /*  color: red; font-size: .9em; text-decoration: underline; */
   color: red; font-size: 9pt; text-decoration: underline; 
}


/*--------------------------------------------------------------------------------------------------------------------------------- */
/* �berschrift GES BOX  (Suche,Kontakt, Service ; fuer search.xsl unter pubs lenya modules sitetree; */
/* fuer news siehe news.css und  C:\Tomcat\lenya\lenya\modules\news\xslt collection2include.xsl */
/*--------------------------------------------------------------------------------------------------------------------------------- */

h3.h_box{
   font-size: 1.1em;
}

.h_box{
font-family: Helvetica, Sans-serif; 
font-weight: bolder;
color: #232D70;
margin: 0 0 0 0;  
}

.h_box_italic{
font-family: Helvetica, Sans-serif;
font-size: 100%;
font-weight: bolder;
font-style: italic;
color: #232D70;
margin-left: 0px; 
margin-top: 0px; 
}	
/***************************************************************************************************************************/
/* Search-Box */
/***************************************************************************************************************************/
div#search {
font-family: Verdana, Arial, Helvetica, Sans-serif;
background-color: #B3B3B3;  
text-align: left;
vertical-align: middle;
/* position: absolute; */
/*display: block; */
width: 214px; 
height: 105px;  
left:0px;
top:0px; /*120px;*/
	}
	
div.search { 
background-color: #B3B3B3;
padding-top: 15px;
padding-bottom: 20px; 
padding-left: 20px;  
}
	
#form-search {
	padding:0 0 0 0;
	margin:5px 0 0 0;
	font-size: 80%;
	height: 18px;
}
   
input.searchfield  {   
	color: #000000; 
	text-align: left; 
	float: left;  
	background-color: #FFFFFF;
	width: 119px;     
	line-height: 14px; 
	padding: 2px 0 1px 2px;
	border: 1px solid #FFFFFF;
}	
					  
input.searchsubmit { 
		font-family: Verdana, Arial, Helvetica, Sans-serif;  
		font-size:12px;
		line-height: 13px;
		padding: 2px 0 1px 0;
		vertical-align:top;
		font-weight: bold; margin-left: 5px; text-decoration:none; 
		color: #232D70; text-align: center; float: left; background-color: #FFFFFF; width: 38px; border: 1px solid #FFFFFF;
		}	
				    
input:hover.searchsubmit {
	background-color: #232D70; 
	color:red; 
}




/* Ungeklaert */
#search a {

   text-decoration: none;
    color: yellow;  
}

/***************************************************************************************************************************/
/* GES Bereich linke Seite */
/***************************************************************************************************************************/
#content_left {
	background-color: #B3B3B3;  
	width: 214px; 
}

/***************************************************************************************************************************/
/* GESkontakt-Box*/
/***************************************************************************************************************************/

div#kontakt  { 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	background-color: #B3B3B3;  
	vertical-align: middle;
	text-align: left;
	width: 214px; 
	height: 125px; 
	position: absolute;
	top: 110px; /*230px; */
	left: 0px;
	max-width:310px;
	max-height:150px;	

}

div.kontakt { 
	padding-top: 15px;
	padding-bottom: 10px; 
	padding-left: 20px;  
}
 
div.linkbox {
	font-size: 80%;
}

div.linkbox label {  margin-top: 5px;
                      color: #000000; text-align: left; float: left;  background-color: #FFFFFF;
					  width: 118px; padding-left: .2em; border: 1px solid #FFFFFF; }	
	  					  
div.linkbox a { font-weight: bold; margin-top: 5px; margin-left: 5px; text-decoration:none; padding-bottom: .2em;
		color: #232D70; text-align: center; float: left; background-color: #FFFFFF; width: 38px; border: 1px solid #FFFFFF; }	
				    
div.linkbox a:hover {
	background-color: #232D70; 
	color:red; 
}


/* Trennlinie Kontakte Ansprechpartner  */
hr.kontakt#line { width:704px; height:4px; margin-left:0em;  
              border:1px solid #232D70;  margin-top: 2em;  }			  

/***************************************************************************************************************************/
/* GESservice-Box */
/***************************************************************************************************************************/
.service {  }

div#service  {
font-family: Verdana, Arial, Helvetica, Sans-serif;
background-color: #B3B3B3;  
vertical-align: middle;
text-align: left;
width: 214px; 
height: 145px;
position: absolute;
top: 240px; /*360px;*/
left: 0px;
max-width:310px;
max-height:550px;	}

div.service {
padding-top: 15px;
padding-bottom: 10px;
padding-left: 20px;    
}



/***************************************************************************************************************************/
/* GESlogin-Box*/
/***************************************************************************************************************************/

div#login  { 
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	background-color: #B3B3B3;  
	vertical-align: middle;
	text-align: left;
	width: 214px; 
	height: 125px; 
	position: absolute;
	top: 390px; /*510px;*/
	left: 0px;
	max-width:310px;
	max-height:150px;	

}

div.login { 
	padding-top: 15px;
	padding-bottom: 10px; 
	padding-left: 20px;  
}
 
div.linkbox {
	font-size: 80%;
}

div.linkbox label { margin-top: 5px;
                      color: #000000; text-align: left; float: left;  background-color: #FFFFFF;
					  width: 118px; padding-left: .2em; border: 1px solid #FFFFFF; }	
	  					  
div.linkbox a { font-weight: bold; margin-top: 5px; margin-left: 5px; text-decoration:none; padding-bottom: .2em;
		color: #232D70; text-align: center; float: left; background-color: #FFFFFF; width: 38px; border: 1px solid #FFFFFF; }	
				    
div.linkbox a:hover {
	background-color: #232D70; 
	color:red; 
}


/*--------------------------------------------------------------------------------- */
/* Einstellungen Box, die der News-Box unterlegt ist */
/*--------------------------------------------------------------------------------- */
div#defaultbox {
clear: both;
float: right;
border: solid 7px #B3B3B3;
background-color: #B3B3B3;
position: absolute;
height: 951px;
width: 200px; 
top: 520px; /*640px;*/
left: 0px;
	}
	
div.defaultbox {
padding-top: 15px;
padding-bottom: 10px;
padding-left: 20px;    
}
	
/***************************************************************************************************************************/
/* Formular z.B. Kontaktformular   intern */
/***************************************************************************************************************************/

div#content-contact { width: 300px; margin-left:.7em; float:left; }
.kontaktform {  }
	  

div.form#image1 { float:left;  padding-right:5px;  }
div.form#image2 { float:right; padding-right:1px; }

h1.contact {  } 	 
h2.contact { font-weight: bold; color: #232D70; margin-bottom: 15px; }
 
h1.form#headline01 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; 
                   color: #232D70; margin-top: 90px; margin-left: 172px; margin-bottom: 15px; }	

h1.form#headline02 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; 
                   color: #232D70;  margin-left: 172px; margin-bottom: 15px; }
				   
/* float: left sorgt daf�r, dass label und input nebeneinander angezeigt werden.
padding-top l�sst die Schrift etwas nachunten rutschen, damit sie mit dem Eingabetext auf einer H�he ist.
display: block generiert nach dem Eingabefeld einen Zeilenumbruch. 	*/			   
.row {
	clear:both; 
}

label.formtxt2 { 
	line-height:150%;
	font-size: 80%;
	font-weight: normal;
    float: left;
    width: 5em; 
    margin-right: 1.5em;
	margin-bottom:1em;
    display: block;
}
label.lblradio  { font-size:0.8em; }
div.radiogrp { float:left; margin-left:0.8em;  
	margin-bottom:1em; padding:0;}

label.formtxt   { 
	font-size: 80%;
	font-weight: normal;
    float: left;
    width: 5em; 
    margin-right: 1.5em;
	margin-bottom:1em;
    display: block;
}

input.formfld {
    display: block;
    font-size: 0.8em; 
    border: 1px solid #669900;
    padding: 0.1em;
    width: 15em; 
	margin-left: 1em;   
	margin-bottom:1em;
    float: left;
}
  
/* Trennlinie Formular  */
hr.lineform{ width:530px; height: 5px; clear:both; }
.lineform{ background-color:#B4CDCD;  text-align:left;
              border:1px solid #232D70; margin-bottom: 0.8em; margin-top: 1em; }

/*Tabelle Kunden scrolbar */
/*div.style#table {height: 230px; overflow: auto;  }
table.style#table { border:1px; height: 450px; }  */

			  
textarea.formarea {  		 
     background: #FFFFFF;
     padding: 3px 3px;
	   border: 1px solid #669900;
	 width: 500px;	
	 margin-bottom:0.5em;
	 }		  
			  
			  
.formcheckbox  {  width: 3em; }	

.formcheckbox input  {  font-size: 1em;
    border: 1px solid #669900;
	
  }	  
			  
			  
label.form#formbox {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 80%;
font-weight: normal;

}				  

input.form#formrad {
 	margin-left: 2.4em; 
	margin-top: .8em; 
}			  
			  

input.button01 {
font-size: 80%;
font-weight: bold;
	/* Abstand Feld zu �berschrift  zu Eingabefeld Service */
margin-top: 1em; 
margin-left: .8em; 
color: #232D70;
	/* Hintergrundfarbe f�r GO-Feld bei Service, hier weiss */
background-color: #FFFFFF;
	/* Rahmendicke und Farbe GO-Feld beiService */
border: 1px solid #000000;
	}

input.button01:hover {
/* Cursor auf Go-Feld  */
	/* Hintergrundfarbe */
background-color: #232D70;
	/*   Schrift bei Markierung Reiter mit Cursor   */
color:red;
}

			  
/*  br {
	clear: right;
}
 
 
		   


/***************************************************************************************************************************/
/* Tabelle Formular */
/***************************************************************************************************************************/
.basic {  }

td.basic#formtxt { width: 30px; color: #000000; }

td.basic#formfld { 
width: 90px;
     display: block;
     font-size: 0.80em;
	margin-top: 16px;
	 margin-left: 10px;
	 /* Rand um Teirahmen  */
     border: 1px solid #232D70;
	
  /*  background: #FFFFFF;    */
     clear: both; }


/***************************************************************************************************************************/
/* Kontaktformular   extern obsolet*/
/***************************************************************************************************************************/

/*.kontaktform {  }
	  
	  
#kontaktform { width: 10px;
     display: block;
	 position: absolute;}  */
	  
	 
	 
/*  Rahmen  innen */    
/*fieldset {

     width: 30em;
     display: block;
     font-size: 0.80em;
	 margin-top: 16px;
	 margin-left: 145px;
	 /* Rand um Teirahmen  */
/*     border-top: 1px solid #232D70;
	 border-left: 1px solid #232D70;
	 border-right: 1px solid #232D70;
     background: #D9D9D9;
     clear: both;
     }
 
legend {

     background: #FFFFFF;
     padding: 4px;
     border: 1px solid #232D70;
     border-right-width: 2px;
     border-bottom-width: 2px;
     margin-bottom: 4px;
     font-weight: bold;
           }

label {
     margin: 5px 0; }
*/
	 
/* tag label aus Klasse kontaktdaten */
/*.kontaktdaten label {

     display: block;
     width: 8em;
     float: left;
     }
	 
.anfrage label {

     display: block;
     width: 6em;
     float: left;
     }
                      
input,textarea {

     margin: 3px 0;
     border: 1px solid #669900;
     background: white;
     padding: 3px 3px;
     } 
                       
input:active, input:focus, input:hover { background: #E8EBDF;  }
  
.buttons {text-align: center;}

a.locationCat{color: #669900; font-weight: bold;}

.error {
     font: 13px Verdana, Arial, Helvetica, sans-serif;
     color:red;
     font-weight:bold;
}
*/



/***************************************************************************************************************************/	
/* css fuer div-Bereiche Bild und Text rechts */
/***************************************************************************************************************************/
/***************************************************************************************************************************/
.scrtxt  { }	
/***************************************************************************************************************************/
/* Reiter Startseite -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgstart { float:left; text-align: left; padding-right:10px; height: 1000px; }	
		
/***************************************************************************************************************************/
/* Reiter L�sungen Bilder links text rechts */
/***************************************************************************************************************************/	


div.scrtxt#image { float:left; text-align: left; padding-right:5px; height: 1000px; }	

h1.scrtxt#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; color: #232D70; margin: 0px; }
h2.scrtxt#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: bold; color: #232D70; margin-bottom: -.8em; } 	
p.scrtxt#para { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000;  }	 

/***************************************************************************************************************************/
/* Reiter L�sungen KA -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgsolka { float:left; text-align: left; padding-right:10px; height: 1000px;  }	

/***************************************************************************************************************************/
/* Reiter L�sungen Doppik -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgsoldop { float:left; text-align: left; padding-right:10px; height: 1000px;  }	

/***************************************************************************************************************************/
/* Reiter L�sungen Human Resources -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgsolhr { float:left; text-align: left; padding-right:10px; height: 1000px;  }	

/***************************************************************************************************************************/
/* Reiter L�sungen Dok.management -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgsolkdx { float:left; text-align: left; padding-right:10px; height: 1000px;  }	
p.scrtxt#parakdx { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000; margin: 0px;  }	



/***************************************************************************************************************************/
/* Toughbook-Seite -Ihr Partner f�r PANASONIC Bild rechts neben Text Toughbooks 11/2010 OScha */
/***************************************************************************************************************************/
div.scrtxt#imgtoughb { float:right; text-align: right; padding-right:15px; padding-top: 5px; height: 280px; width: 250px;}
/* Bild unten - div.scrtxt#imgtoughb { float:right; text-align: left; padding-right:10px; height: 100px;  padding-top: 133px;} */
/*Bild oben -  div.scrtxt#imgtoughb { float:right; text-align: left; padding-right:10px; height: 100px;  } */
/***************************************************************************************************************************/
/*dreispaltiges Layout - Image Anzeigeformular Datenblatt - fuer Side toughbook 
/***************************************************************************************************************************/

#container_li, #inhalt, #container_re {
border:2px solid #ffffff;
background-color: #B9D3EE; /*#B3B3B3; */
padding:5px; 
line-height:10px; 
min-width:10px;
color: #ffffff;
}



#container_li {
float:left; width:60px; margin-left:120px; 
}

#inhalt {
  float:left; width:130px; 

}

#container_re {
float:right; width:232px; margin-right:120px;

}

.menutitle
{
margin:-5px -5px 5px -5px;
padding: 5px;
background-color:#232D70;
color:#eeeeee;
font-weight:lighter;
border-bottom:1px solid #ffffff;
text-align: left;
}

/*Eintraege - Link */
a.row#link:hover { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: normal; color: red;  }
a.row#link { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: normal; color: #232D70;  }
p.row#link { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000;  }

/*Image*/
#divobj { padding: .1em; position: absolute; height: 60px; width: 60px; } 

/*Container-Liste*/
div.tablist { background-color: #B9D3EE; position: relative; height: 60px; border: 1px solid #fff; }

li.tablist { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal;  
          line-height: 1.5em; list-style-type: none;
} 
 
div.tablist ul {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
}

/*Bild Toughbook E-Mail-Link - Einrueckung Bild fuer EMail Adresse toughbook*/
 div.email { margin-left: -4px; margin-top: -10px;}

/***************************************************************************************************************************/




/*Ende*/

/* Aufz�hlung bullets  alternativ zu list-style-image list-style-type: circle; */
/* ul.list#toplevel{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; margin-left:15px;  
  list-style-image: url(../zentral/ic_bullet001.png) ; list-style-position: inside; 	} 

 li.list#toplevel{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; color: black; margin-left:15px; 
  	}  130*/

/* .list { margin-left: 170px; padding: 5px; } */
div.list { margin-left: 120px; padding-left: 10px; }

li.list { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal;  
         list-style-position: outside; list-style-image: url(../zentral/ic_bullet002.png); line-height: 1.2em; 
} 



/*  list-style-type:square*/

/***************************************************************************************************************************/
/* Reiter L�sungen SAP Beratung  -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgsolsapcons { float:left; text-align: left; padding-right:10px; height: 1000px;  }	


/***************************************************************************************************************************/
/* Reiter L�sungen Outsource  -Bild links text rechts */
/***************************************************************************************************************************/
div.scrtxt#imgsoloutsource { float:left; text-align: left; padding-right:10px; height: 1000px;  }	
p.scrtxt#imgoutsource  { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000; margin: 0px;  }


/***************************************************************************************************************************/
/* Reiter Partner  -Bild links text rechts */
/***************************************************************************************************************************/	
div.scrtxt#imgpartner { float:left; text-align: left; padding-right:10px; height: 1000px; }
div.scrtxt#imgsappartner { padding-top:30px; padding-left:300px;  }

/***************************************************************************************************************************/
/* Reiter Kunden s */
/***************************************************************************************************************************/	

div#customer {
background-color: #B3B3B3;
border: solid #B3B3B3 3px; 
position: relative;
height: 1410px;
width: 690px;
top: 0px;
left: 0px;
max-height:1410px; 
max-width: 690px;
 
  }

	
.custlogoleft {  padding-right:5px;  }  
div.custlogoleft { float:left; text-align: left; height: 1370px; width: 140px; }

.custlogomiddle { padding-left:5px;   }  
div.custlogomiddle { float:left; text-align: left;  width: 30px; height: 1370px; }

.custtxtleft { padding-left:5px;  }
div.custtxtleft  {float:left; width: 215px; height: 1370px; }	
			   
div.custtxtleft p {  font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 60%; color: #000000; white-space: nowrap;
               text-align: left;  width: 215px; height: 1370px; }	
					  
.custlogoright { padding-left:5px; padding-right:5px;   }  
div.custlogomiddle { float:left; text-align: left;  width: 30px; height: 1370px; }

.custtxtright {  }
div.custtxtright  { float:left; width: 215px; height: 1370px; }	
div.custtxtright p { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 60%; color: #000000; white-space: nowrap;
               text-align: left;  width: 215px; height: 1370px; }	


/***************************************************************************************************************************/
/* Reiter Wir �ber uns Bild links text rechts unten Tabelle */
/***************************************************************************************************************************/	
.scrtxttab  { }

div.scrtxttab#image { float:left; text-align: left; padding-right:5px; height: 1000px;}	

h1.scrtxttab#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; color: #232D70; margin: 0px; }	
h2.scrtxttab#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: bold; color: #232D70; } 
p.scrtxttab#para  { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000;  }	 	

/***************************************************************************************************************************/
/* Reiter Stellenangebot-Bild links Text rechts */
/***************************************************************************************************************************/
div.scrtxt#resource { float:left; text-align: left; padding-right:10px; height: 1000px; }	
h2.scrtxt#headlineresource { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; 
                    font-weight: bold; color: #232D70; margin-bottom: -.8em; margin-top: 2.2em;} 		
p.scrtxt#pararesource  { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%;
                    font-weight: normal; color: #000000; margin-left: 0px;  }	




/**********************************************Klasse Teaser*******************************************************************/
/* #teaser h2 i : Im Beispiel wird festgelegt, dass Textabschnitte, die mit <i> ... </i> ausgezeichnet sind, nicht wie sonst �blich kursiv, sondern normal (font-style:normal;), 
stattdessen aber mit blauer Farbe (color:#232D70;) dargestellt werden. Aber nur dann, wenn das i-Element innerhalb einer �berschrift 1. Ordnung (h1) vorkommt. 
Dazu notieren Sie zuerst den Namen des �bergeordneten Elementtyps, im Beispiel h2, und dahinter, durch Leerraum getrennt, den Namen des inneren Elementtyps, im Beispiel i.
In der ersten Zeile innerhalb des <body>-Bereichs im obigen Beispiel kommt diese spezielle Definition zum Tragen. 
In der zweiten Zeile dagegen, wo <i>...</i> innerhalb eines Textabsatzes vorkommt, hat es die �bliche Wirkung. */
/*white-space: pre-line: �hnlich wie bei <pre> werden Leerzeichen und Einr�ckungen dargestellt, und der Zeilenumbruch richtet sich nach dem Quelltext. */
/*Allerdings erfolgt am Zeilenende auch ein automatischer Umbruch, wenn nicht genug Platz da ist. */

/*Klasse teaser Block-Element zu Aufnahme von Kurzinhalten mit Verweis */
div.teaser { 
 

background-color: #B3B3B3;
 }

/* Link Teaser Sidebar  id plus tag */
div.teaser a {
font-family: Verdana, Arial, Helvetica, Sans-serif;  
font-size: 90%; font-weight: bold; text-align: right;
color: #232D70; }

/* �berschrift Text Teaser Sidebar  */
div.teaser h2 i { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-style: normal; color: #232D70; 
              white-space: pre-wrap; }


/* Text Teaser Sidebar  outline:1px solid blue*/
div.teaser p {
font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; font-style: normal; 
color: black; text-align: left; white-space: pre-wrap; color: black;  margin-bottom: 30px; }


/***************************************************************************************************************************/
/* BODY */
/***************************************************************************************************************************/


/*--------------------------------------------------------------------------------- */ 
	body {
	/* Textformatierung Inhalt �ber Authoring  z.B. �berschrift  Tabelle Kopfzeile th*/
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 100%;
color:  #232D70; 
font-weight: normal;
	}


/* Text-Block mittig  Bearbeitung im Authoring-Bereich �ber Editoren (Menue Bearbeiten)  */
	#body {
	
/*****************************************************************************************************/
/* Neues Image einfuegen in body laut Vorgabe */	
/*****************************************************************************************************/	
/* background-image:url(../images/startseite_body.png); background-repeat:no-repeat; background-position: 0px 48px; 
background-attachment:scroll; width: 155px; height: 115px; */
/*Element steht links und wird von nachfolgenden rechts umflossen */	
float: left;
border: solid #B3B3B3 3px;
	/* Ausrichtung Text */ 	  
padding-top: 45px;  /*30*/
padding-left: 10px;   /*180px*/
padding-right: 10px;   
padding-bottom: 10px;  
	/* Hintergrundfarbe */
background-color: #B3B3B3;
	/* Hoehe, Breite Element */
height: 1305px; /*1424px;*/
	/* Positionierung Sidebar */
	/* absolute Positionierung, Bleibt beim Scrollen stehen; selfhtml Search position */
position: absolute;
	/* abweichende Positionierung */
top: 120px; /* Abstand body zu breadcrumb 155px  130px */
left: 219px; 
right: 227px;
width: 704px; 

	/* maximale Breite, H�he */
max-height:1500px; 
max-width: 800px;
/* Behandlung uebergrosser Elemente */
/* visible = Inhalt ragt aus dem Element so weit heraus, dass sein Inhalt auf jeden Fall komplett sichtbar ist. */
/* hidden = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements �berschreitet. */
/* scroll = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements �berschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten, �hnlich wie bei einem eingebetteten Frame-Fenster. */
/* overflow: hidden;  */
/*overflow: scroll;  */




	}
	



/* --> obsolet */
/* #runtxt{
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size: 80%;
font-weight: bolder;
clear: both;
float: right;
width: 252px;
border-top: solid 8px #B3B3B3; 
border-bottom: solid 8px #B3B3B3; 
border-left: solid 7px #B3B3B3; 
border-right: solid 7px #B3B3B3; position: relative   }
/*aktiviert vom Original */
/* margin: 120px 10px 100px 10px;   */
/* color: #FFFFFF;  

padding: 10px;
background-color: #232D70;
position: absolute; 
height: 15px;
width: 801px;
top: 160px;
left: 219px; 
z-index: 1;

	}
*/
/* <-- obsolet */


/*--------------------------------------------------------------------------------- */
/* Farbe Titel �berschrift 1. Grad zu Text */
/*--------------------------------------------------------------------------------- */



/* Schriftformatierung Farbe Schrift  GES Blau  #232D70; /*  unterstrichen  in GES Blau   border-bottom: solid 1px #232D70*; line-height = Zeilenabstand */
/* Siehe Startseite  �berschrift Tabelle Willkommen bei der ... */
 h1 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 120%; font-weight: bolder; color: #232D70; line-height: 1.2em;}  

h1.body#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bolder; color: #232D70; margin-bottom:-.8em;} 
/* h1b { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 100%; font-weight: bolder; color: #FFFFFF; }  */
h1.body#headline02 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; color: #232D70; margin: 0px; }
/*siehe Seite Kunde �berschrift Unsere Kunden */
/* Im Beispiel wird festgelegt, dass Textabschnitte, die mit <i> ... </i> ausgezeichnet sind, nicht wie sonst �blich kursiv, sondern normal (font-style:normal;), 
stattdessen aber mit blauer Farbe (color:#232D70;) dargestellt werden. Aber nur dann, wenn das i-Element innerhalb einer �berschrift 1. Ordnung (h1) vorkommt. 
Dazu notieren Sie zuerst den Namen des �bergeordneten Elementtyps, im Beispiel h2, und dahinter, durch Leerraum getrennt, den Namen des inneren Elementtyps, im Beispiel i.
In der ersten Zeile innerhalb des <body>-Bereichs im obigen Beispiel kommt diese spezielle Definition zum Tragen. 
In der zweiten Zeile dagegen, wo <i>...</i> innerhalb eines Textabsatzes vorkommt, hat es die �bliche Wirkung. */
/*white-space: pre-line: �hnlich wie bei <pre> werden Leerzeichen und Einr�ckungen dargestellt, und der Zeilenumbruch richtet sich nach dem Quelltext. */
/*Allerdings erfolgt am Zeilenende auch ein automatischer Umbruch, wenn nicht genug Platz da ist. */
h2 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bolder; color: #232D70; } 
h2.body#headline { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: bold; color: #232D70; margin-bottom:-.8em; } 
/* h2a { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 120%; color: #232D70; font-weight: bolder;}  */
/* siehe Seite Kunden �berschrift Industrie Public Sector */
 h3 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; color:  #232D70;}  
 h4 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%;
     font-weight: normal; color: #232D70; }  
/* Absatz  im body siehe Startseite */
 p { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: black; } 
/* p1 { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 80%; color: black; }  */
p.body#para { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000;  }	
div.body#para { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; color: #000000;  }	

/* bullets */
 li { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; color:  #232D70; line-height: .9em;
    } 
	/* list-style-type:square; list-style-position:outside; */
 a { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; color: #232D70; } 
/* line-height: 2.5em */

/*Text auf RSS Feeds and Search result  */	
a:hover { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: normal; color: #FFFFFF; }
/*Link Text, Cursor auf Text, text  in Klammern zu Link */
a.body#link:hover { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: normal; color: red;  }
a.body#link { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: normal; color: #232D70;  }
p.body#link { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; font-weight: normal; color: #000000;  }

/***********Formatierung  Text in Tabellenzelle*******************************************************************************************************************************/
/* Siehe Startseite oder Wir �ber uns Tabellenzelle td  Bereich Images*/

div#body td { 
/* font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 80%; color: #000000; font-weight: lighter; */
font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 10pt; color: #000000; font-weight: lighter;
 }  
 /*   orig: font-size: small; color: red; */
  
div#body {margin-right: 300px;  }
/*************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************/	
/* css fuer div-Bereich Ansprechpartner, Wegbeschreibung */
/************************************************************************************************************************************************************************/


div.adress#kontakt01 { float:left; text-align: left; padding-right:10px;  width: 300px;}	
div.adress#kontakt02 { padding-right:10px;  }	
div.adress#kontakt03 { float:left; text-align: left; padding-right:10px;  width: 250px;}	
div.adress#kontakt04 { text-align: left; width: 250px;}	
h1.adress#headline01 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; font-weight: bold; color: #232D70; margin: 0px; }
h5.adress#headline02 { font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 90%; font-weight: bold;
                      color: red; margin-bottom: -.8em; margin-top: 0px; }
/* Trennlinie  */
hr.line{ width:500px;  }
.line{  border:1px solid #232D70; margin-top: 1em; }

/****************************************************************************************************************************************************************************/
.footer {  }

/* Auskommentiert nach GES Vorgabe - Linie und Fu�note unter Text-Block */
	#footer {
/* 	   border: none; */
	/* Line unter Seitentext */
/*	    border-top: 1px solid yellow;
 	   padding: 0em 1em;
 	   margin-left: 10px;
 	   font-style: italic;
 	   color: Maroon; 
	   position: absolute; 
position: absolute; 
height: 115px;
width: 500px;
top: 260px;
left: 220px; 
z-index: 1;  */

	}
	


	
	
	
/*--------------------------------------------------------------------------------- */ 
/* MAIN */
/*--------------------------------------------------------------------------------- */ 
/* Ungekl�rt */
/*--------------------------------------------------------------------------------- */ 
#main {
/*
    float: left;
    width: 80%;
*/

}




/* Mainbereich verschoben nach body */
/* h1 { font-size: 140%; }   */
/* h2 { font-size: 100%; }  */
/* h3 { font-size: 80%; }  */

/* Formatierung Textk�rper au�erhalb von Tabellen */
/*  p { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 80%; font-weight: lighter; color: red;}   */

/* bullets */
/* li { font-size: 90%; color: yellow;  }  */

/* line-height: 2.5em */

.crossheading { font-weight: bold; font-size: 110%; }

table.simple {
    border-collapse: collapse;
/*
    background-color: #909090;
    border-color: #909090;
*/
    width: auto;
}



td.simple {
    font-size: 80%;
    padding: 3px;
    background-color: White;
    border: solid 1px Navy;
    vertical-align: top;
}

th.vertical {
  font-size: small;
  font-weight: normal;
  text-align: right;
  padding-right: 1em;
  color: #666666;
}
  
img.simple {
}

/*--------------------------------------------------------------------------------- */ 
/* Titel oberer Bereich;  Welcome to.... */
/*--------------------------------------------------------------------------------- */

#publication-title {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-weight: bold;
    font-size: 20px;
    vertical-align: bottom;
    padding-left: 25px;
    padding-bottom: 15px;
/* Publikationstitel Farbe und Titel von eingef�gter Seite - ge�ndert von Maroon auf red */
    color:  green;
}

/*--------------------------------------------------------------------------------- */ 
/* Position Projekt-Logo */
/* laut Vorgabe oberhalb der Sidebar */
/*--------------------------------------------------------------------------------- */
#project-logo {
	/* erzwungener Leerraum zwischen dem Text eines Elements und dem Rand des Elements */   
	/* Innenabstand zwischen Elementinhalt und den vier Elementgrenzen oben, rechts, unten und links */
	/* Zwei Angaben bedeuten: die erste Angabe bedeutet den Abstand f�r oben und unten, die zweite den Abstand f�r rechts und links. */
	/* Drei Angaben bedeuten: die erste Angabe bedeutet den Abstand f�r oben, die zweite den Abstand f�r rechts und links und die dritte den Abstand f�r unten. */
	/* Vier Angaben bedeuten: die erste Angabe bedeutet den Abstand f�r oben, die zweite den Abstand f�r rechts, die dritte den Abstand f�r unten und die vierte den Abstand f�r links. */
 /* Innenabstand f�r Logo im Seitenkopf */

padding-top: 7px;  
padding-left: 40px;  
padding-right: 10px;   
padding-bottom: 0px;    
	/* Hintergrundfarbe Sidebar */
background-color: #B3B3B3;  
vertical-align: middle;
/* Hoehe, Breite Element */
width: 164px;
height: 108px;
/* Positionierung Sidebar */
/* absolute Positionierung, Bleibt beim Scrollen stehen; selfhtml Search position */
position: absolute;
/* abweichende Positionierung */
top: 0px;
left: 0px;
bottom: 100px;
/* maximale Breite, H�he */
/*max-width:200px;
max-height:123px; */
/* Behandlung uebergrosser Elemente */
/* visible = Inhalt ragt aus dem Element so weit heraus, dass sein Inhalt auf jeden Fall komplett sichtbar ist. */
/* hidden = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements �berschreitet. */
/* scroll = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements �berschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten, �hnlich wie bei einem eingebetteten Frame-Fenster. */
overflow: hidden;  
}

/*--------------------------------------------------------------------------------- */
/* Ungekl�rt */
/*--------------------------------------------------------------------------------- */
.media {
    text-align: center;
    padding: 10px;
}

.caption {
    padding: 5px;
    text-align: center;
    font-style: italic;
    font-size: 80%;
}

.abstract {
    font-weight: bold;
}


.asset { 
    display: block;
    color: #000;
    margin: 10px 10px 10px 5px;
    font-size: small;
}

/* Download-Dateien */
.asset img {
    vertical-align: middle;
}

/*--------------------------------------------------------------------------------- */
/* Einstellung Search */
/*--------------------------------------------------------------------------------- */


div.search-box {
	border: solid 1px #CCCCCC;
	width: auto;
	max-width: 100%;
	font-size: small;
	margin-bottom: 10px;

}

div.search-box-title {
    background-color: #DDDCCF;
	border-bottom: solid 1px #CCCCCC;
	color: Black;
	font-weight: bold;
	padding: 3px 10px;
}

div.search-box-body {
    padding: 10px;
    background-color: #F5F4E9;
	color: Black;
}

table.search-table {
	color: Black;
	background-color: White;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.search-table-noborder {
	border: 0px;
	border-spacing: 0px;
}

table.search-table th {
    background-color: #DDDCCF;
	border: solid 1px #CCCCCC;
	color: Black;
	font-weight: bold;
	padding: 3px 10px;
	text-align: left;
	font-size: small;
}

table.search-table td {
    background-color: #F5F4E9;
	border: solid 1px #CCCCCC;
	padding: 3px 10px;
	font-size: small;
	color: Black;
}

table.search-table-noborder td {
	border: 0px;
	padding: 3px 10px;
	font-size: small;
}

table.search-table-noborder-nopadding td {
	border: 0px;
	padding: 0px;
	font-size: small;
}

table.search-table-noborder-nopadding th {
	font-size: small;
}

/* Broken Internal Links in Authoring area */
a.brokenlink {
    background-color: #B3B3B3;
 /*   border: 1px dashed #000000;   */
    text-decoration: none; color: red;
}

/* Seite Loesungen */
.solution_images {
	width:220px;
	height: 600px;
	float:left;
}
 



/*--------------------------------------------------------------------------------- */
/* Search Results */
/*--------------------------------------------------------------------------------- */


/* Listenpunkt Aufzaehlung mit list-style-type */
.search-result  {  list-style-type:none;  } 

.search-result li {  } 

.search-result  li a{ }

.search-result  li a:hover{ color:#FFFFFF;}




/* Abstand Eingabefeld zu Ergebnisse  */
.search-results-form {
    margin-bottom: 20px; }
	
/* Aufzaehlung bullets  */
/*.search-results {
    list-style-type: none;

    margin: 0;
    padding: 0;
	color: red;
}   */


/* Suche Ergebnis Aufz�hlung */
.search-result-rank {
  /*  float: left;  */
	color: red;
}

/* Suche Ergebnis Aufz�hlung */
div.search-result-rank {
  /*  float: left;  */
position: relative;
width: 20px;
/* Rang */
top: 12px;

}

/* Suchergebnis nicht verlinkte Textausgabe */
.search-result-title {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 90%;
margin-left: 35px; 
 
/* margin: 0 0 0 30px; */
padding: 0;
font-weight: bold;
color: #232D70; }





/* Suche Ergebnis Trefferquote */
.search-result-score {
font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 90%;
    font-weight: normal;
}


/* Suche Ergebnis weitere Beschreibung  */
.search-result-description {
font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 90%;
   margin-left: 35px; 
    color: Black;
}