/*  GTE Styles */

/* --------------------------- */
/* --------- LAYOUT ---------- */
/* --------------------------- */

body,html {
	margin:0; 
	border:0;
	padding:0;
	height:100%;
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#e5e5e5;
	}
ul {
	margin-bottom:0.5em
	}
/* gesamter zentrierter Inhalt */
	#gesamt { 
	width:70.35em;
	padding:0;
	margin:1.0em auto 0 auto;
	background-color:#ffffff;
	border-right:0.3em solid #f1f1f1;
	}


/* ------ Kopf ------ */	
#kopf { 
  	height:9.85em;
	width:69.0em;
	/*border-top:3px solid #0000CC;
	border-bottom:1px solid #cccccc;*/
	padding:0 1.0em 0 0;
	background-color:#f1f1f1;
	border-left:0.4em solid #f1f1f1;
	border-bottom:1px solid #c3c3d9;
	}

/* Logo-Grafik */
img#logo {
	width:22.4em;
	position:absolute;
	top:2.5em;
	}

/* Grafik mit Bits */
img#bits {
	position:absolute;
	top:9.5em;
	width:70em;
	padding-bottom:0.2em;
	margin-left:-0.1em;
	}
img#verlaufaufblau {
	width:21.95em;
	position:absolute;
	top:10.9em;
	}	
	
	
/* Text wird ausgeblendet */
h1 { display:none; }

/* ---------------------- */

/* auch Ueberschriften fuer Module, bei denen ich nicht im Quellcode divs durch h2 ersetzt habe */
h2,
div.componentheadingKontakt,
div.componentheadingLogin,
div.componentheadingLogout
{
	font-size:130%;
	margin:1.5em 0 0.3m 0;
	padding:0.3em 0 0.3em 0;
	border-bottom:2px solid #c3c3d9;
	color:#333333;
	font-weight:bold;
	text-transform:uppercase;
	font-size:140%;
	text-transform:none;
	text-align:left;
	}
	
/* entfernt oberste Trennlinie in erster Überschrift auf den Seiten */
h2 + h3 {
	border:none;
	padding-top:0;
	margin-top:1.5em;
	}

/* in Referenzlisten ersetzt Linie von h3 die von h2, weil hier h3 nicht individuell zum Ausschalten
der Linie im ersten Block ansprechen kann */

h2.componentheadingDokuRedaktion,
h2.componentheadingDokuBackend,
/*
div.contentpaneopenRefChronologisch h2,
div.contentpaneopenRefBranche h2,
div.contentpaneopenRefOrt h2,
div.contentpaneopenRefSoftware h2,
*/
div.contentpaneopenImpressum h2 {	
	border:none;
	/*margin-bottom:-1.3em;*/
	}

/* Ueberschrift in Navigation */
#left h3 {
	border:none;
	}
h3 {
	font-size:120%;
	text-transform:none !important;
	margin:2.0em 0 0.8em 0;
	padding:2.3em 0.3em 0 0;
	border-top:2px solid #c3c3d9;
	text-align:left;
	}
h4 {
	font-size:110%;
	margin:0.2em 0 0.2em 0 !important;
	text-align:left;
	}

h5 {
	text-align:left;

	}
h6 {
	text-align:left;

	}
p {
	margin:0 0 0.5em 0;
	}	
#inhalt { 
	width:70.0em;
	padding:0;
	background:#0505cd url(../images/bgweiss.jpg) 22.1em top repeat-y;
	border-left:0.3em solid #f1f1f1;
	}

/* Module an Position 'top' */
#top {
	position:absolute;
	top:4.0em;
	width:46em;
	margin-left:23.3em;
	height:1.0em;
	/*border:1px solid yellow;*/
	}
		
/* ----- Inhalt header ----- */

#header div.moduletable {
	margin:0;
	padding:0;
    float:right;
	}

/* ----- Inhalt right ----- */

#right div.moduletable {
	margin:0;
	padding:0;
	}

/* Module an Position 'left' */
#left {
	float:left;
	width:20.8em;
	margin:2.0em 0 2.5em 1.2em;
	}

#textinhalt {
	margin-left:22.15em;
	padding:1.5em 2em 5.0em 2.2em;
	background-color:#ffffff;
	text-align:justify;
	}

	
#fuss {	
	clear:both;
	width:66.4em;
	padding:1.0em 2.0em 2.0em 1.7em;
	margin:0;
	text-align:left;
	border-top:1px solid #c3c3d9;
	background-color:#f1f1f1;
	}		

/* ------------------------------------------------- */
/* --------------- Allgemeine Angaben -------------- */
/* ------------------------------------------------- */

/* LINKS */

a:link, a:visited {
	color:#0000CC;
	font-weight:bold;
	text-decoration:none;
	}
a:visited {
	color:#090983;
	}
a:hover {
	text-decoration:underline;
	}

/*Ueberschriften fuer Tabellen*/
caption {
	text-align:left;
	margin-top:20px;
	diplay:block;
	width:100%;
	font-weight:bold;
	margin-bottom:10px;
	}
/* 	//da Explorer 6 nur acronym, nicht aber abbr unterstuetzt, wird acronym genommen */
abbr, acronym {
	border-bottom:1px dotted #bf5804;
	cursor:help;
	}

form, fieldset { 
	border:0;
	}	

.button {
	font-size:95%;
	padding:5px;
	background-color:#030379;
	color:white;
	font-weight:bold;
	border:1px solid #5151b6;
	float:right;
	margin-right:10.0em;
	}

code{
	display:block;
	background-color:#efefef;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	font-family:"Courier New", Courier, mono;
	}
	
/* -------------------------------------------------------------- */
/* ------ Inhalt Kopf - Logo, Sprachauswahl und Suchbox --------- */
/* -------------------------------------------------------------- */
	
#suchbox {
	float:right;
	margin-top:2.1em;
	}
span.pathway {
	height:2.0em;
	float:left;
	margin:2.3em 5.0em 0 25.5em;
	}
	
/* ------------------------------------------------- */	
/* Listbox mit Sprachauswahl 
Styles mit !important ueberschreiben die Styles in modules/mod_jflanguageselection.css */
/* ------------------------------------------------- */

/* damit dieser div-Container keine Auswirkung hat */
.moduletableSprachauswahl {
	display:inline
	}
#jflanguageselection select.jflanguageselection {
	border:1px solid #cccccc;
	margin:2.2em 0 0 0.2em !important;
	padding:0.1em 0 0 0.2em !important;
	color:black !important;
	font-size:1.0em !important;
	}
.moduletableSprachauswahl option {
	
	}

/* ------------------------------------------------- */
/* ------------ MENUS ------------------------------ */
/* ------------------------------------------------- */


/* ------------------------------------------------- */
/* In Joomla bei den Moduleinstellungen jeweils das entsprechende Menu Class Suffix und Module Class Suffix eintragen! */
/* ------------------------------------------------- */


/* ------------------------------------------------- */
/* mainmenu, das man nur braucht, damit der Kruemelpfad zur Startseite richtig angezeigt wird, wird daher unsichtbar gemacht */
/* ------------------------------------------------- */

.moduletableMainmenu {
	display:none;
	}


/* ------------------------------------------------- */
/* Untermenus auf der linken seite
 - ul#mainlevelHauptmenu
 - ul#mainlevelOthermenu
 - ul#mainlevelUsermenu
  - ul#mainlevelFunctionmenu
 bei Eigenschaften des Menus Menu Class Suffix jeweils wie oben z.B. "Hauptkapitelmenu" oder "Usermenu" eintragen
 und bei Module Class Suffix bei allen "Menulinks"! 
 alle diese Menus befinden sich in div.moduletableMenulinks
*/
/* ------------------------------------------------- */

.moduletableMenulinks {
	margin-top:1.0em;
	}
	
/* Ueberschrift ueber Menue */
.moduletableMenulinks h3 {
	color:white;
	margin:0;
	}
	
/* Ausschalten der ueblichen Listeneingenschaften */
.moduletableMenulinks ul,
.moduletableMenulinks ul ul,
.moduletableMenulinks ul ul ul {
	list-style:none;
	padding:0;
	margin:0;
	}
.moduletableMenulinks ul li,
.moduletableMenulinks ul li li,
.moduletableMenulinks ul li li li {
	padding:0;
	margin:0;
	font-size:1.0em;
	/* fuer IE noch testen height:0;*/
	}
	
/* Aussehen der Links aller Ebenen*/
.moduletableMenulinks ul li a:link, 
.moduletableMenulinks ul li a:visited {
	display:block;
	background-color:#030379;
	color:white;
	padding:0.7em 0.2em 0.7em 1em;
	margin-top:2px;
	font-weight:bold;
	border-top:1px solid #5151b6;
	}
.moduletableMenulinks ul li a:hover {
	text-decoration:none;
	color:#00ff00;
	}
/* wegen der Highlights muessen die Links 2. Ebene noch genauer spezifiziert werden */
.moduletableMenulinks ul#menulist_rootHauptmenu ul#menulist_3Hauptmenu li a:link, 
.moduletableMenulinks ul#menulist_rootHauptmenu ul#menulist_3Hauptmenu li a:visited,
.moduletableMenulinks ul#menulist_rootHauptmenu ul#menulist_4Hauptmenu li a:link, 
.moduletableMenulinks ul#menulist_rootHauptmenu ul#menulist_4Hauptmenu li a:visited  {
	color:white;
	}

/* Einrueckung 2. Ebene */
ul#menulist_3Hauptmenu,
ul#menulist_4Hauptmenu,
ul#menulist_3Usermenu,
ul#menulist_3_1Hauptmenu,
ul#menulist_4_1Hauptmenu,
ul#menulist_3_1Usermenu {
	margin-left:1.2em;
	}
/* Raender links */
ul#menulist_3Hauptmenu li a,
ul#menulist_3Usermenu li a,
ul#menulist_4Hauptmenu li a,
ul#menulist_4Usermenu li a  {
	border-left:8px solid #024f54;
	}
ul#menulist_3Hauptmenu li a:hover,
ul#menulist_3Usermenu li a:hover,
ul#menulist_4Hauptmenu li a:hover,
ul#menulist_5Usermenu li a:hover {
	color:#00ff00 !important;
	text-decoration:none;
	border-left:8px solid #00ff00;
	}
	
/* ------------------------------------------------- */
/* Hauptmenu */
/* ------------------------------------------------- */

/* 2. Ebene */
ul#menulist_rootHauptmenu li.mainlevel_currentHauptmenu ul#menulist_2Hauptmenu,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_2Hauptmenu {
	margin-left:1.2em;
	}
ul#menulist_rootHauptmenu li.mainlevel_currentHauptmenu ul#menulist_2Hauptmenu li.sublevelHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_currentHauptmenu ul#menulist_2Hauptmenu li.sublevelHauptmenu a:visited,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_2Hauptmenu li.sublevelHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_2Hauptmenu li.sublevelHauptmenu a:visited {
	color:white;
	border-left:8px solid #024f54;
	}
ul#menulist_rootHauptmenu li.mainlevel_currentHauptmenu ul#menulist_2Hauptmenu li.sublevelHauptmenu a:hover,
ul#menulist_rootHauptmenu li.mainlevelHauptmenu ul#menulist_3Hauptmenu li.sublevelHauptmenu a:hover,
ul#menulist_rootHauptmenu.mainlevelHauptmenu li.mainlevel_activeHauptmenu ul#menulist_2Hauptmenu li.sublevelHauptmenu a:hover,
ul#menulist_rootHauptmenu.mainlevelHauptmenu li.mainlevel_activeHauptmenu ul#menulist_3Hauptmenu li.sublevelHauptmenu a:hover {
	color:#00ff00 !important;
	text-decoration:none;
	border-left:8px solid #00ff00;
	}


/* 3. Naviebene von Referenzmenue (Jahreszahlen) 
achtung: wenn davor noch weitere Menupunkte kommen, aendert sich die Zaehlung! menulist_4_1 etc.*/
ul#menulist_4_1Hauptmenu  {
	margin:0.1em 0 0.4em 8px;
	}
/* 3. Ebene Listen */
ul#menulist_4_1Hauptmenu li {
	display:inline;
	background-color:none;
	margin:0;
	padding:0;
	}
/* 3. Ebene Links */
ul#menulist_4_1Hauptmenu li a:link,
ul#menulist_4_1Hauptmenu li a:visited {
	display:inline;
	border:none !important;
	border-top:1px solid #5151b6 !important;
	line-height:3em;
	/* 4er Reihen 
	padding:0.75em 0.98em 0.75em 0.98em;*/
	/* 5er Reihen */
	padding:0.75em 0.66em 0.75em 0.66em;
	color:white !important;
	}
ul#menulist_4_1Hauptmenu li a:hover {
	color:#00ff00 !important;
	}

/* groessere Abstaende nach Startseite und Referenzen */
li#menuitem_1Hauptmenu,
li#menuitem_4Hauptmenu {
	margin-bottom:1.0em;
	}

/* ------------------------------------------------------------ */
/* HIGHLIGHT aktive Kapitel */
/* ------------------------------------------------------------ */

/* 3. Ebene */
ul#menulist_3_1Hauptmenu li.sublevel_currentHauptmenu a:link,
ul#menulist_3_1Hauptmenu li.sublevel_currentHauptmenu a:visited,
ul#menulist_4_1Hauptmenu li.sublevel_currentHauptmenu a:link,
ul#menulist_4_1Hauptmenu li.sublevel_currentHauptmenu a:visited {
	color:#00ff00 !important;
	}

/* 2. Ebene */
ul#menulist_rootHauptmenu ul#menulist_3Hauptmenu li.sublevel_activeHauptmenu a:link,
ul#menulist_rootHauptmenu ul#menulist_3Hauptmenu li.sublevel_activeHauptmenu a:visited,
ul#menulist_rootHauptmenu ul#menulist_4Hauptmenu li.sublevel_activeHauptmenu a:link,
ul#menulist_rootHauptmenu ul#menulist_4Hauptmenu li.sublevel_activeHauptmenu a:visited,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_4Hauptmenu li.sublevel_currentHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_4Hauptmenu li.sublevel_currentHauptmenu a:visited,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_3Hauptmenu li.sublevel_currentHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_3Hauptmenu li.sublevel_currentHauptmenu a:visited,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_2Hauptmenu li.sublevel_currentHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu ul#menulist_2Hauptmenu li.sublevel_currentHauptmenu a:visited {
	color:#00ff00;
	text-decoration:none;
	border-left:8px solid #00ff00;
	}
	
/* 1. Ebene */
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_activeHauptmenu a:visited,
ul#menulist_rootHauptmenu li.mainlevel_currentHauptmenu a:link,
ul#menulist_rootHauptmenu li.mainlevel_currentHauptmenu a:visited,

ul#menulist_rootUsermenu li.mainlevel_activeUsermenu a:link,
ul#menulist_rootUsermenu li.mainlevel_activeUsermenu a:visited,
ul#menulist_rootUsermenu li.mainlevel_currentUsermenu a:link,
ul#menulist_rootUsermenu li.mainlevel_currentUsermenu a:visited,

ul#menulist_rootFunctionmenu li.mainlevel_activeFunctionmenu a:link,
ul#menulist_rootFunctionmenu li.mainlevel_activeFunctionmenu a:visited,
ul#menulist_rootFunctionmenu li.mainlevel_currentFunctionmenu a:link,
ul#menulist_rootFunctionmenu li.mainlevel_currentFunctionmenu a:visited
  {
	color:#00ff00
	}

/* ------------------------------------------------- */
/* Links im Footer "footermenu", in "footer", bei Eigenschaften des Menus Menu Class Suffix und Module Class Suffix "Footermenu" eintragen! */
/* ------------------------------------------------- */

/* div, in dem menu ist */
.moduletableFootermenu {
        display:inline;
	}
.moduletableFootermenu h3 {
	display:none;
	}
ul#mainlevelFootermenu {
	list-style:none;
	padding:0;
	margin:0;
    display:inline;
	}
ul#mainlevelFootermenu li {
	padding:0 0 0 0.5em;
	margin:0 0 0 0.5em;
	display:inline;
    border-left:1px solid #0000CC;
	}
ul#mainleveFootermenu li a:link, 
ul#mainlevelFootermenu li a:visited {
	font-weight:bold;
	font-size:95%;
	}
ul#mainlevelFootermenu li a:hover {
	text-decoration:underline;
	}
	
/* ------------------------------------------------- */
/* ------------ dynamische Inhalte ------------- */
/* ------------------------------------------------- */

div.blog {
	margin-top:1.0em;
	}
div.blog>div {

	}
/* Inhalt fuer einzelne Blog-Beitraege */
div.contentpaneopen {
	/*
	display:block;
	background-color:white;
	margin:0;
	padding:0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	*/
	}
table.Reftab {
	padding:1.0em;
	}
table.Reftab th {
	display:none;
	}
table.Reftab td {
	vertical-align:top;
	}
/* betrifft nur linke tabellenspalte */
table.Reftab td:first-child {
	padding-right:1.0em;
	text-align:right;
	font-weight:bold;
	}
/* Seiten-Ueberschrift bei Blog-Darstellung chronologisch */
h3.componentheading {
	margin:1.0em 0 3.5em 0;
	display:inline;
	}
div.contentpaneopen h4 {
	margin-left:1.0em;
	}
	
/* ----- Linklisten Referenzen -------------------- */

div.contentpaneopenRefChronologisch ul, 
div.contentpaneopenRefBranche ul, 
div.contentpaneopenRefSoftware ul, 
div.contentpaneopenRefOrt ul  {
	list-style:none;
	padding:0;
	margin:0;
	line-height:1.5em;
	}
	
div.contentpaneopenRefChronologisch a:link, 
div.contentpaneopenRefChronologisch a:visited, 
div.contentpaneopenRefBranche a:link, 
div.contentpaneopenRefBranche a:visited,
div.contentpaneopenRefSoftware a:link, 
div.contentpaneopenRefSoftware a:visited, 
div.contentpaneopenRefOrt a:link, 
div.contentpaneopenRefOrt a:visited {
	font-weight:normal;
	}
	
/* ------------- Startseite ----------------------  */
div.contentpaneopenStartseite h2 {
	font-size:140%;
	color:#333333;
	text-align:center;
	}

/* ------- Sitemap ------------ */
/* div.xmap ist der Container, in dem gesamte Linkliste ist 
level0 sind statische Seiten auf oberster Ebene, level 2 Unterpunkte von Referenzen und Leistung, level 3 die einzelnen Projekte*/
div.xmap ul {
	list-style:none;
	}
div.xmap ul a:link,
div.xmap ul a:visited {
	font-weight:normal;
	}
div.xmap ul li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.6em;
	}
div.xmap ul.level_0 a:link,
div.xmap ul.level_0 a:visited {
	font-size:130%;
	}
div.xmap ul.level_1 a:link,
div.xmap ul.level_1 a:visited {
	font-size:110%;
	}
div.xmap ul.level_2 a:link,
div.xmap ul.level_2 a:visited {
	font-size:100%;
	}
div.xmap ul.level_0 {
	margin-left:0;
	padding-left:0;
	}
div.xmap ul.level_1 {
	margin-left:1.5em;
	padding-left:0;
	}
div.xmap ul.level_2 {
	margin-left:2.5em;
	padding-left:0;
	}
div.xmap ul.level_3 {
	margin-left:0;
	padding-left:0;
	}
div.xmap ul.level_3 li {
	margin-left:1.8em;
	padding-left:0;
	}
div.xmap h2.menutitle {
	display:none;
	}
	
/* ------------ Kontakt ------------- */
div.message {
	font-weight:bold;
	margin:1.0em 0 2.0em 0;
	padding:1.0em;
	border:2px solid #c3c3d9;;
	background-color:#f1f1f1;
	}
table.contentpaneKontakt {
	margin-top:1.5em;
	}
	
/* ----------- Referenzen nach Jahren --------------- */


/* ------------- einzelne Referenzen, wenn man in Refliste klickt -------------------- */
div.contentpaneopenRef {
	margin-top:2.0em
	}
div.contentpaneopenRef p {
	padding-left:0;
	}
div.contentpaneopenRef table.Reftab,
div.contentpaneopenRef table.Reftab tbody {
	margin-left:0;
	padding-left:0;
	}
div.contentpaneopenRef table.artikelNavigation {
	margin-left:0;
	}
/* --- Editor ---
hat keinen Sinn, zerhaut alles 
#textinhalt form {
	position:absolute;
	top:13.0em;
	width:35.0em;
	}*/