/* Stylesheet für Schriften und Positionierung IQPR-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 
	03.04.2006: IQPR(EA) - ul in Tabellen weniger eingerückt 
  18.04.2006: IQPR(EA) - acronym werden gesondert angezeit
	26.04.2006: IQPR(EA) - Neue Klasse für externe Links eingeführt, IE6 setzt das nicht richtig um :-/
	03.05.2006: IQPR(EA) - Neue Klassen - galerie, leftCol, rightCol, middle, bildcontainer - für Bilder	
	10.05.2006: IQPR(EA) - Neue Klassen - contentcenter, galeriestartseite
	17.05.2006: IQPR(EA) - abbr - Abkürzungen werden nicht umgebrochen, das Leerzeichen typographisch angepasst (schmaler) 
	17.05.2006: IQPR(EA) - Klasse ul.eng: Listen innerhalb von Listen sollen nicht so weit eingerückt werden
  05.07.2006: IQPR(EA) - div#content ul li angelegt um die Abstände zwischen Listeneinträgen zu vergrößern 
  10.12.2008: IQPR(EA) - div#content ul li Blocksatz deaktiviert
*/
.exlink {
background-image: url(../bilder/icon-link.gif);
background-repeat: no-repeat;
background-position: left;
padding:0 5px 0 15px;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted #666;
}

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;
}

/* Aktive Links in Navigation und Subnavigation werden mit dem Attribut class="active" versehen */

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

/* 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;
	position: relative;
	height: 7.2em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 5px solid #fff;
	border-bottom: 4px solid #00aeef;			
}

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

div#Logo {
    background: transparent;
	position: absolute;	
}

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

div#Druck {
     display: none;
}


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

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


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

div#Bild {
	background-color: #F4F3F8;
	position: relative;	
	margin: 0;
	height: 70px;
	width: 797px;
}

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

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

}


/* 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: #024298;
	font-weight: normal;
	font-size: 95%;
	padding-left: 15px;
}

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

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

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

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

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

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



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

div#navi {
	position: absolute;
	left: 5px;
	top: 105px; 
	width: 11em;  /* !!!! */
	padding-top: 2em; /* !!!! */
	background-color: #034DA2;
	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: #00aeef;
	border-right: 7px solid #024298;
	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 {
	color: #fff;
	background: #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: #00aeef;
	color: #024298;
	margin: 0px;
	border-bottom: 0px;
	border-right: 7px solid #024298;	
	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: #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 #024298;	*/
}

/* 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: 22px;
	margin-right: 10%;
	border-left: #034DA2 11em solid; /* !!! */
}

div#content h2 {
	font-size: 120%;
	margin-top: 1.5em;
	background: url(/iqpr/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; /*alter Wert 0px*/
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;		
}

/* div#content ul li {
				margin-bottom: 12px;
}  /* wieder deaktiviert, da es manch anderen Stellen unpassend war*/
/* Listen innerhalb der Liste sollen enger zusammen stehen */

div#content ul.eng {
	margin-left: 25px; /* alter Wert 50px */
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

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;		
}

/* Eine neue Bildergalerie 03.05.2006 (EA) - eine Abwandlung der von Zausch angewandtem Verfahren siehe weiter unten*/
div.bilder { /* Um beliebig viele Bilder nebeneinanderdarzustellen */
				position: relative;
				float: left;
				margin: 0 10px 5px 10px;
}
div.clear { /* um einen Float abzubrechen */
				clear:both;
}
.galerie{ /* um Bilder einzufassen, einen linken Aussenabstand zu erzeugen und einen Innenabstand */
				margin-left: 70px; padding-top: 10px; 
}
.contentcenter { /* Elemente selbst wird mittig und Inhalte zentriert plaziert */
				margin:auto; width:100%; text-align:center;
}
.contentcenter a {
				margin-left:5px;
}

.galeriestartseite { /* um Bilder einzufassen und Abstand nach rechts und links zu erzeugen */
				margin: 0 10px 0 10px; 
}

.leftCol { /* um ein Bild (max width="160" links und einen Text rechts zu plazieren */
		   margin: 0 10px 0 0; padding: 10px; float: left; width: 160px;
}
.rightCol { /* um ein Bild rechts und den Text links zu plazieren */
		   margin: 0; padding: 5px; float: right; width: auto;
}
.middle { /* um ein einzelnes Bild relativ mittig zu plazieren */
		   margin: 0 10px 0 10px; padding: 5px; float: left; width: 100%;
}

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

div#Bildcontainer {
    float: right;
	width: 40%;
	margin-left: 30px;
}

div#Bildcontainer span.Bildunterschrift{
    font-size: 90%;
}
/*** 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 { padding: 3px 0 0 0; font-size: 0.7em; clear: both; float: left; width: 95%; line-height: 1.2em; 
}
/* für Bilderpositionierung 3 Spalten gesetzt / ah */
div#bild1 {
    position: relative;
    float: left;
	width: 150px;		
}

div#bild2 {
    position: relative;
	margin-left: 10px;
	float: left;
	width: 160px;	
}	

div#bild3 {
    position: relative;
 	margin-left: 10px;
	width: 160px;	
}

/* Sonderformat für Seite Aktuelles: 19.11.2003 / ah*/

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

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


.frmButton {
	border: 1px;
	border-color: #024298;
	color: #FFFFFF;
	background-color: #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 */
	margin-left: 58px;
}

div#contenttabelle ul { /* Aufzählungen in Tabellen sollen nicht so weit eingerückt werden */
				   list-style-image: none;
	margin-left: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 10px;
	text-align: justify;
	}

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(/iqpr/layout/footer-bg.png) repeat-x left top #fff;
	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;
}
/* --------------------------------------------------------------------*/