/* Stylesheet für Schriften und Positionierung IQPR-Website */
/* Änderung: 03-12-10 AH - Klasse li gelöscht, Klasse ul.eng ergänzt, ol, ul zusammengelegt - Content-Bereich*/
/* Änderung: 03-12-08 AH - neue Klasse ul ergänzt*/

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: #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;
	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;
	width: 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 {
	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(/assessment/layout/icon-home.png) no-repeat left transparent;
}

div#Funktionen a#search {
	background: url(/assessment/layout/icon-search.png) no-repeat left transparent;
}

div#Funktionen a#print {
	background: url(/assessment/layout/icon-print.png) no-repeat left transparent;
}

div#Funktionen a#sitemap {
	background: url(/assessment/layout/icon-sitemap.png) no-repeat left transparent;
}

div#Funktionen a#help {
	background: url(/assessment/layout/icon-help.png) no-repeat left transparent;
}

div#Funktionen a#impressum {
	background: url(/assessment/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: 3em;
	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 {
	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%;
	font-weight: normal;
	margin-top: 1.5em;
	background: url(/assessment/layout/heading-bg.png) no-repeat left bottom;
	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 */
/* geändert 03-12-10 / ah */

div#content ul, ol {
    list-style-image: none;
	margin-left: 90px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
    text-align: justify;		
}

/* Listen innerhalb der Liste sollen enger zusammen stehen */
/* geändert 03-12-10 / ah */

div#content ul.eng {
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 2px;
	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 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: 31.03.2004 / ah*/
div#content span.infobox {
	text-align: right;
	float: right;
	vertical-align: top;
	padding: 4px;		
}


/* Sonderformat für Info-Sprungstellen: 09.01.2004 / ah*/

div#content p.infobox {
	text-align: right;
	padding: 4px;		
}


div#contenttabelle { /* für Tabellen im Inhaltsbereich */
	margin-left: 58px;
}

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;	

}


/* Allgemeine Button-Formate */
/* eingeführt von AH 04-03-31 */


.frmButton {
	border: 1px;
	border-color: #024298;
	color: #FFFFFF;
	background-color: #008CC0;
	font-weight: bold;
}

/* Footer/Fusszeile
--------------------------------------------------------------------*/

div#footer {
	background: url(/iqpr/layout/footer-bg.png) repeat-x left top #fff;
	font-size: 0.8em;
	padding-left: 0em;
	padding-top: 12px; /*5*/
	margin-top: 2em; 
	margin-bottom: 2em;
}

div#footer2 {
	font-size: 0.8em;
	padding-left: 0em;
	padding-top: 12px; /*5*/
	margin-top: 2em; 
	margin-bottom: 2em;
}


/* Für die Listenanzeige im Glossar werden keine Bullets angezeigt */
div#content UL.Glossar
{
	list-style-type: none;
}
/* --------------------------------------------------------------------*/


