/* Stylesheet für Schriften und Positionierung eibe-Website */
/* Historie: 
    10.12.2003: ZSS(AH) - Klasse li gelöscht, Klasse ul.eng ergänzt, ol, ul 
	                      zusammengelegt - Content-Bereich 
	08.12.2003: ZSS(AH) - Neue Klasse ul im content
	29.01.2004: ZSS(AH) - Neue Klasse für Bilder 3 Spalten gesetzt
	01.04.2004: ZSS(AH) - Formatierung Menü geändert
	26.07.2005: IQPR(EA) - Für EIBE-Seiten Farben verändert 
	11.08.2005:	ZSS(AH), IQPR(EA) - Neue Bildcontainer
	18.08.2005:	ZSS(AH), IQPR(EA) - Neue Bildcontainer und neue Tabellend
	31.08.2005: IQPR(EA) - eigene Klasse für die Startseite (zentriert)
	09.09.2005: IQPR(EA) - Navigationsleiste verbreitert, interner Bereich eingerichtet
	14.09.2005: IQPR(EA) - Farben verändert
	21.09.2005: IQPR(EA) - Neue Klasse li im conten - Die Listenpunkte sollen einen größeren Abstand zueinander haben
  18.04.2006: IQPR(EA) - acronym werden gesondert angezeit
	17.05.2006: IQPR(EA) - abbr - Abkürzungen werden nicht umgebrochen und das Leerzeichen ist typographisch angepasst (schmaler) 
	03.03.2007: IQPR (KL) - Fehlerbehebung nach ccs-Validator (div#Bild; div#content; div#content h2)
	
	*/ 
acronym {
	cursor: help;
	border-bottom: 1px dotted #333333;
}

abbr {
				white-space: nowrap;
				word-spacing: -0.1em;
}

body {
	background-color: #fff;
	color: #000000;
	font: 85%/1.5 Arial, sans-serif;
	margin: 0 5px;
	padding: 0;
}
/* Logo und Text auf der Startseite soll zentriert sein. Soll, aber klappt noch nicht. Bei Gelegenheit abchecken! */

.startseite {
				text-align: center
}
/* Aktive Links in Navigation und Subnavigation werden mit dem Attribut class="active" versehen */

body#eibe a.active:link, body#eibe a.active:visited {
	background-color: transparent;
	color: #fff;	
}

/* Gemeinsame Attribute aller Links */

a {
	font-weight: bold;
}

a:link, a:visited {
	color: #ED1C17;
	background-color: transparent;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

/* Semantische Überschrift, Kopf für Textbrowser, Suchroboter und Legacybrowser */

div#textbrowser {
	display: none;
}

/* Rahmen der Kopfzeile: 22.10.2003
------------------------------------------------------------------------------*/

div#Rahmen {
    background: #ffffff; /*alter Wert: FFFFFF (Weiss)(IQPR), 6c849f(EIBE)*/
	position: relative;
	height: 6.6em; /*Logo alter Wert:7.2*/
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 5px solid #fff; /*border-top mit border-bottom vertauscht*/
	/*border-top: 5px solid #6C849F; /*alter Wert 00aeef(IQPR), 8eacd0(EIBE) Linie direkt unter der Kopfzeile entfernt*/			
}

/* Kopfzeile (Logo)
------------------------------------------------------------------------------*/

div#Logo {
    background: #6C849F; /*background: transparent;*/
		/*border-right: 5px solid #6C849F;*/
	position: absolute;
	width: 150px; /*alter Wert 150px*/	
}

/* Druckkopfzeile (Logo mit Schrift)
------------------------------------------------------------------------------*/

div#Druck {
     display: none;
}


/* Kopfzeile (Bild + Navigation)
------------------------------------------------------------------------------*/

div#Kopfzeile {
	background: transparent;
	position: absolute;
	left: 12em;
}


/* Kopfzeile: nur Bild
------------------------------------------------------------------------------*/

div#Bild {
	position: relative;	
	margin: 0;
	height: 80px;
	width: 720px;
}

/* Kopfzeile: nur funktionale Navigation
----------------------------------------*/

div#Funktionen {
	background: transparent;
	position: relative;	
	text-align: right;
	width: 720px;
}


/* Funktionale Navigation: Schriften und Icons
------------------------------------------------------------------*/

div#Funktionen span.search {
	text-align: right;
	margin: 0;
	padding-right: 5px;
}

div#Funktionen span.search a:link, div#Funktionen span.search a:visited {
	color: #6C849F; /* alter Wert (IQPR 024298) */
	font-weight: normal;
	font-size: 95%;
	padding-left: 15px;
}

div#Funktionen a#home {
	background: url(/eibe/layout/icon-home.png) no-repeat left transparent;
}

div#Funktionen a#search {
	background: url(/eibe/layout/icon-search.png) no-repeat left transparent;
}

div#Funktionen a#print {
	background: url(/eibe/layout/icon-print.png) no-repeat left transparent;
}

div#Funktionen a#sitemap {
	background: url(/eibe/layout/icon-sitemap.png) no-repeat left transparent;
}

div#Funktionen a#help {
	background: url(/eibe/layout/icon-help.png) no-repeat left transparent;
}

div#Funktionen a#impressum {
	background: url(/eibe/layout/icon-impressum.png) no-repeat left transparent;
}



/* Navigationsleiste: inhaltlich links
----------------------------------------*/

div#navi {
	position: absolute;
	left: 5px;
	top: 106px; /*alter Wert: 105px*/
	width: 12em;  /* !!!! alter Wert: 12em */
	padding-top: 2em; /* !!!! */
	background-color: #6C849F; /* alter Wert: 034DA2 (IQPR), 2e83b7(EIBE, anfangs)*/
	padding-bottom: 30em;
	height: 100%;
}

div#navi p {
	margin-top: 0;
	margin-bottom: 2em;
}

div#navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navi ul li {
	display: inline;
}

div#navi a:link, div#navi a:visited {
	display: block;
	background-color: transparent;
	color: #cde9fa; /* alter Wert:00aeef Schriftfarbe in der ersten Ebene (IQPR) */
	border-right: 7px solid #6C849F; /* alter Wert: 2e83b7 (EIBE, anfangs)*/
	text-align: right;
	text-decoration: none;
	font-size: 95%;
	padding: 6px; 
	margin-bottom: 0;	
}

/* 1. Ebene, Ausgewählter Menüpunkt */
DIV#navi ul#navigation li a.active {
	background: #8EACD0; /* alter Wert:008CC0*/
	border-right: 7px solid red;	
}

/* 1. Ebene, unmarkiert */
DIV#navi ul#navigation li a {
	border-bottom: 1px solid white;
}

div#navi a:hover, div#navi a:focus {
	background-color: transparent;
	color: #fff;
	border-right: 7px solid #ed2227;
}


/* Navigationsleiste: 2. Stufe/Untermenü innerhalb Navigation
----------------------------------------------------------------*/

/* Zweite Ebene - unmarkiert */
DIV#navi ul#subnavigation2 li a,
DIV#navi ul#subnavigation2 li a:link {
    font-size: 90%;
	background-color: #A1C2E9; /* alter Wert: 00aeef, 3cacf1 */
	color: #024298;
	margin: 0px;
	border-bottom: 0px;
	border-right: 7px solid #6C849F; /* alter Wert: 2e83b7 (EIBE, anfangs)*/
	padding: 6px;
}

/* Zweite Ebene - hover */
DIV#navi ul#subnavigation2 li a:hover {
    font-size: 90%;
	border-bottom: 0px;
	border-right: 7px solid red;	
}

/* Zweite Ebene - rot markiertes Element */
DIV#navi ul#subnavigation2 li a.active {
    font-size: 90%;
	color: #fff;
	background: #A1C2E9; /* alter Wert: 00aeef*/ 
	border-right: 7px solid red;		
}

/* Dritte Ebene - Hintergrund */
DIV#navi ul#subnavigation3 li,
DIV#navi ul#subnavigation3 li a {
	background-color: #BCE1FE;
}

/* Dritte Ebene - unmarkiert */
DIV#navi ul#subnavigation3 li a,
DIV#navi ul#subnavigation3 li a:link {
	padding-right: 4px;
	color: #024298;
	background-color: #BCE1FE;	
	border-bottom: 0px;
/*	border-right: 7px solid #2e83b7;	*/
}

/* Dritte Ebene - unmarkiert */
DIV#navi ul#subnavigation3 li a:hover {
	border-bottom: 0px;
	border-right: 7px solid red;	
}

/* Dritte Ebene - markiertes Element */
/* Dritte Ebene - Hintergrund */
DIV#navi ul#subnavigation3 li.active,
DIV#navi ul#subnavigation3 li a.active {
	background-color: #BCE1FE;
	color: #024298;
}

/* Inhalt des Dokuments: Basic Content Styles
-------------------------------------------------*/
div#content {
 padding-left: 0em; /* 1 em */
 margin-top: 23px; 
 margin-right: 8%; /* Der Inhalt soll einen 8%-tigen Abstand zum rechten Rand haben */
 border-left: #6C849F 12em solid; /* alt #034DA2 */
}

div#content h2 {
	font-size: 120%;
	margin-top: 1.5em;
	background: url(/eibe/layout/heading-bg.png) no-repeat left bottom;
	font-weight: normal;
	padding-left: 2em;	
}

div#content h3 {
	font-size: 120%;
	margin-top: 1.5em;
	margin-left: 70px;
	margin-bottom: 0;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: -12px;		
}

div#content p {
	margin-left: 70px;
	text-align: justify;
}

/* Listen sollen insgesamt etwas eingerückt stehen */

div#content ul, ol {
    list-style-image: none;
	margin-left: 90px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;		
}
/* Die Listenpunkte sollen einen größeren Abstand zueinander haben */
div#content ul.weit li {
				padding-bottom: 20px;
}

/* Listen innerhalb der Liste sollen enger zusammen stehen */

div#content ul.eng {
	margin-left: 50px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

div#content hr {
	margin-left: 70px;
	height: 1px;
	color:  #024298;
}

div#content p.rechts { /* für Fußzeilen innerhalb eines Beitrages, Artikels */
    text-align: right;
}

div#content p.textrahmen { /* für umrandeten Text */
   border: 1px solid #000000;
   padding: 10px;
}

div#content table { /* für Tabellen */
   padding: 10px;
}

div#content p.lastp { /* für Fußzeilen innerhalb eines Beitrages, Artikels */
	font-size: 90%;
	border-top: 1px solid #D8D8D8;
	padding-top: 5px;
}


/* Sonderformat für Info-Sprungstellen: 09.01.2004 / ah*/

div#content p.infobox {
	text-align: right;
	padding: 4px;		
}
/* Bildunterschrift aus iqpr */
div#Bildcontainer {
    float: right;
	width: 40%;
	margin-left: 30px;
}
div#Bildcontainer span.Bildunterschrift{
    font-size: 90%;
}
/* für Bildunterschriften gesetzt: 19.11.2003 / ah */

.bildcontainerlinks {
 float: left;
 width: 50%;
 padding-left: 70px; /*** workaround, da margin nicht im IE funktioniert ***/
 margin-right: 30px;
 margin-bottom: 10px;
}

.bildcontainerlinks20 {
 float: left;
 width: 30%;
 margin-right: 30px;
 margin-bottom: 10px;
}
 
.bildcontainerrechts {
 float: right;
 width: 50%;
 margin-left: 30px;
 margin-bottom: 10px; 
}
/*** hier nimmt der Container nur 30% des gesamten contents ein - fuer kleinere Bilder gedacht  ***/
.bildcontainerrechts20 {
 float: right;
 width: 30%;
 margin-left: 30px;
 margin-bottom: 10px; 
}

.bildunterschrift {
 font-size: 0.9em;
 clear: both;
 float: left;
 width: 100%;
}
.bildunterschrift { padding: 3px 0 0 0; font-size: 0.7em; clear: both; float: left; width: 95%; line-height: 1.2em; 
}
bildunterschrift{
    font-size: 90%;
}
/* Sonderformat für Seite Aktuelles: 19.11.2003 / ah*/

div#Aktuelles {
	margin-top: 20px;
	margin-right: 40px;
	margin-left: 40px;
	width: 95%;
}

/* Allgemeine Button-Formate */
/* eingeführt von AH 04-03-31 */


.frmButton {
	border: 1px;
	border-color: #024298;
	color: #FFFFFF;
	background-color: #008CC0; /* alter Wert:008CC0 */
	font-weight: bold;
}


/* Aussehen der Vollanzeige Assessment */
/* eingeführt von AH 03-10-24 */

div.cRow
{
   clear: both;
   padding-top: 0.1em;
   width: 600px;
   margin-left: 70px;
   border-bottom: 1.5em;
}


div.cRow span.links
{
   float:left;
   width: 200px;
   text-align:left;
   margin-left:0px;
   padding-left:0px;
}

div.cRow span.rechts
{
  float: right;
  width: 390px;
  text-align: left;
  padding-left: 3px;
  }

div#contenttabelle { /* für Tabellen im Inhaltsbereich alt */
	margin-left: 58px;
}
.contenttabelle { /* für Tabellen im Inhaltsbereich */
	margin-left: 58px;
}
.contenttabelle2 { /* eine kleinere Tabelle, damit links noch ein Bild passt, siehe Veranstaltungen Bild "bereits ausgebucht"*/
	margin-left: 58px;
	width:60%;
}
div#textrahmen { /* für Textrahmen p + li */
    margin-top: 0px;
	margin-left: 70px;
    border: 1px solid #000000;
    padding: 10px;
   }  
   
div#textrahmen p {
	margin-top: 0px;
	margin-left: 0px;	
} 

div#textrahmen li {
    margin: 0px;
	padding: 0px;
} 

/* Sonderformatierung Disabilibty Prozess * /
/* eingeführt von AH: 03-10-23 */

div#pfeilcenter {
	text-align: center;
	margin-top: -15px;
    margin-bottom: -15px;

}

div#pfeilcenteroben {
	text-align: center;
	margin-top: -15px;	

}

div#pfeilcenterunten {
	text-align: center;
	margin-top: 2px;
    margin-bottom: -15px;	

}

/* Footer/Fusszeile
--------------------------------------------------------------------*/

div#footer {
	background: url(/eibe/layout/footer-bg.png) repeat-x left top #fff; /*drei aufeinander liegende Linien*/
	font-size: 85%;
	padding-left: 0em;
	padding-top: 5px;
	margin-top: 2em;
	margin-bottom: 2em;
}


/* Für die Listenanzeige im Glossar werden keine Bullets angezeigt */
div#content UL.Glossar
{
	list-style-type: none;
}
/* --------------------------------------------------------------------*/