/* Design FH - master.css 
version: 1.5
author:  Siegfried Timm 

Absätze, Listen und Überschriften ----------------------------------------------------------
Reset aller Abstände */
* {
	padding:0;
	margin:0;
	border:0;
	font-family:"Century Gothic",Tahoma,Arial; 
}
p	{
	line-height:1.5em;
	margin-bottom:1em;
	}
h1,h2,h3 {
	font-weight:normal;
	margin:1.5em 0 1.5em 0;
	}
div.mitte>h1 {
	/* am Beginn einer Seite keinen Abstand vor der Überschrift*/
	margin-top:0;
	}
h1 	{
	font-size:1.5em;
	}
h1.Titel {
	font-size:2.4em;
	color:#bbb;
	margin-bottom:10px;
}
h2 	{
	font-size:1.3em;
	}
h3	{
	font-size:1.1em;
	font-weight:bold;
	}
h4	{
	text-decoration:underline;
	font-weight:normal;
}
h6	{
	/* für Absätze mit größerem Abstand und Trennlinie oberhalb, z.B. News-Artikel */
	font-size:1em;
	font-weight:normal;
	margin-top:3em;
	border-top:1px gray solid;
	}
	
address {
	font-style:normal;
}
ul	{
	list-style-type:none;
	}
ol  {
	margin-left:1.7em;
	}
/*li	{
	margin-bottom:1em;
	}*/
input,select {
	border:1px #ddd solid;
}

table {
	margin-bottom:1em;
	width:100%;
	text-align:left;
	/* für IE <6 */
	font-size:1em;
}
td {
	border-bottom:solid 1px #ddd;
	vertical-align:top;
}
thead {
	background-color:#efefef;
	}

* html .mitte table {  /* html-Hack für IE6 */
	width:490px;
	}
.tKopf td {
	background-color:#efefef;
	}
.tKopf1 { /* für Zwischenüberschriften innerhalb von Tabellen */ 
	padding-top:1em;
	font-weight:bold;
	}
.keineRahmen td{
	border:0px;
}

.nofloat {
	clear:both;
}
.unsichtbar { /* nicht sichtbare Elemente für Barrierefreiheit, Sprung-Anker */
	position:absolute;
	width:0px;
	height:0px;
	left:-3000px;
	top:-2000px;
	display:inline;
	overflow:hidden;	
}
/* zweispaltiges Layout zur Verwendung im Inhaltsbereich (Mitte)---------------------------*/
div.spaltelinks {
	float:left;
	width:21em;
}
div.spalterechts {
	margin-left:22em;
}

/* horizontale Navigation in Banner und Fuss ------------------------*/
.metanav {
	width:90%;
}

.metanav li {
	float:left;
}
.metanav a {
	display:block;
	padding:0 20px 0 5px;
	text-decoration:none;
}

/* Formate für Container mit Listen aus Hyperlinks --------------------------- */
.linkliste {
	margin-bottom:2em;
	margin-top:1em;
}
.linkliste a{
	display:block;
	margin-bottom:0.5em;
}

.linkliste .hori  {
	display:inline;
	font-size:1.5em;
	text-decoration:none;
	margin-right:1em;
	color:#bbb;
}

/* Organisationsstrukturelemente */
.orgBox {
	padding:0 10px 0 10px;
	/*background-color:#efefef;*/
	}
.farbe1 {
	background-color:#efefef;
}
.farbe2 {
	background-color:#fff;
}
p.ebene2 {
	padding-left:2em;
	}
/* Infoboxen für Hovereffekte auf beliebigen Elementen */
/* info1 für den Anker (span, td oder a), infobox für die Popup-Box */
#info1,#info2 {
	background:url("images/ico_info.gif") no-repeat 2px 3px #efefef;
	text-indent:20px;
}
#info1:hover,#info2:hover {
	background-image:url("images/ico_info_on.gif");
}
#info1:hover .infobox {
	display:block;
}
#info2:hover .infobox {
	display:block;
}
.infobox {
	display:none;
	position:absolute;
	text-align:left;
	font-size:0.85em;
	color:navy;
	width:370px;
	padding:10px;
	left:200px;
	top:150px;
	background:#efefef;
	border:2px gray solid;
}


/* Hyperlink-Formatierung ----------------------------------------------------------*/
a 		{color:#006;
		background-repeat:no-repeat;
}
a:hover {text-decoration:underline;}

.betonung {
	font-size:1.5em;
	font-variant:small-caps;
}

#haupt .mitte a[href^="http:"]{
	padding-right:1.5em;
	background-image:url('Images/link_ext.gif');
	background-position:right 2px;
	text-decoration:underline;
}
#haupt #BC a[href^="http:"]{
	background-image:none;
	padding-left:0em;
}
a.person {
	padding-left:1.2em;
	background-image:url('Images/bg_person.gif');
	background-position:left center;
	text-decoration:none;
}
a.person:hover{
	background-image:url('Images/bg_person2.gif');
}
.metanav a.engl {
	background:url(images/england.gif) no-repeat left center;
	padding-left:1.4em;
}
.metanav a.poln {
	background:url(images/polen.gif) no-repeat left center;
	padding-left:1.4em;
}
.metanav a.deut {
	background:url(images/deutsch.gif) no-repeat left center;
	padding-left:1.7em;
}

a[href^="mailto:"]{
	padding-left:1.2em;
	background-image:url('Images/bg_kontakt.gif') ;
	background-position:left center;
}

#haupt a[href="#top"]{
	font-size:0.8em;
	padding-left:1.2em;
	background-image:url('Images/top.gif') ;
	background-position:left center;
}

a[href$=".pdf"]{
	padding-left:1.5em;
	background-image:url('Images/pdf1.gif') ;
	background-position:left 2px;
}

a[href$=".doc"]{
	background-image:url('Images/wd.gif') ;
	background-position:left 2px;
	padding-left:1.5em;
}
a[href$=".xls"]{
	background-image:url('Images/ex.gif') ;
	background-position:left 2px;
	padding-left:1.5em;
}
a[href$=".ppt"]{
	background-image:url('Images/pp.gif') ;
	background-position:left 2px;
	padding-left:1.5em;
}

a[href$="suchen.htm"]{
	padding-left:1.5em;
	background-image:url('Images/bg_suche.gif') ;
	background-position:left center;
}


/* Farben ------------------------------------------------------------------------- */
.verw 	 {background-color:#efefef;color:#008;}
.av, .sv {background-color:#777eb7;color:#fff;}
.pz 	 	{background-color:#003d8f;color:#fff;}
.rp 	 	{background-color:#00a77f;color:#fff;}
.zaed 	 {background-color:#878889;color:#fff;}
/* Farbabstufung in Hauptnavigation -------------------------------------------------*/
.av  ul,.sv ul {background-color:#8B92CB;}
.av  ul ul,.sv ul ul	{background-color:#9FA6DF;}
.pz ul		{background-color:#1451A3;}
.pz  ul ul	{background-color:#2865b7;}
.rp ul 		{background-color:#14BB93;}
.rp  ul ul	{background-color:#28CFA7;}
.lsbk ul 	{background-color:#9B9C9D;}
.lsbk  ul ul{background-color:#AFB0B1;}
.verw ul 	{background-color:#FAFAFA;}
.verw ul ul	{background-color:#C7C7C7;}


/*  Banner-Formatierung  ----------------------------------------------------------- */	
#banner .rp {
	height:15px;
	border-left:16em #878889 solid;
}
#banner .pz {
	height:15px;
	border-right:16em #777EB7 solid;
}
#FHBezeichnung {
	padding:5px 0 5px 7px;
	color:#aaa;
	font-size:1.2em;
	letter-spacing:1px;
}
#logofh {
	float:left;
	margin-top:5px;
}
#banner .rechts {
	/*Platzierung des MVtutGut-Logos */
	text-align:center;
	padding-right:1em;
	}
#banner .metanav{
	float:right;
	}
#banner .metanav li{
	float:right;
	}
	
#BC {
	font-size:0.9em;
	padding-bottom:1em;
}

/* Fuss-Elemente ---------------------------------------------------------*/
#fuss .links {
	 text-indent:20px;
	 color:gray;
	 font-size:0.9em;
}

/*  Hauptnavigation  ---------------------------------------------------- */	
#imgnavi {
  	border: 0px;  
  	padding: 0 0 4px 0;
	}
	
#navi {
	font-size:0.9em;
}
#navi li {
	border-top:1px #ddd solid;
	margin-bottom:0;
}

#navi a 
	{
	display:block;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:0.3em 0 0.5em 1em;
	background-position:0.3em -1em;
	background-repeat:no-repeat;
	background-image:url('images/ActiveFFF.gif');
	}

#navi a:hover {
	background-position:0.3em 0.55em;
	background-image:url('images/HoverFFF.gif');
	}
	
#navi .verw a {
	background-image:url('images/ActiveNav.gif');
	color:navy;
}

#navi .verw a:hover  {
	background-image:url('images/HoverNav.gif');
}
/* zweite NAVIGATIONSEBENE */
#navi ul{
	display:none;
	}
#navi li li
	{
	border-top:0px;
	}

#navi ul a{
	padding:0.3em 0 0.1em 2em;
	background-position:1.2em -1em;
	}
	
#navi ul a:hover {
	background-position:1.2em 0.55em;
	}

/* dritte NAVIGATIONSEBENE */

#navi ul ul{
	font-size:1em;
	}
#navi ul ul a{
	padding:0.3em 0 0 3.2em;
	background-position:2.35em -1em;
	}
	
#navi ul ul a:hover {
	background-position:2.35em 0.55em;
	}


/* Rechte Infospalte ---------------------------------------------------------------- */
#haupt .rechts {
	border-left:1px #efefef solid;
	border-top:20px #efefef solid;
	min-height:25em;
	}
#haupt .rechts strong {
	color:gray;
}
#haupt .rechts ul {
	margin-bottom:1em;
	}
#haupt .rechts ul li {
	background:url('Images/list.gif') no-repeat left 6px;
	padding-left:1em;
	}
#suchform {
	background-color:#efefef;
	margin-left:-1em;
	padding:0.3em 0em 0.3em 1em;
}

/* Inhaltsbereich (#haupt.mitte) --- */
#haupt .mitte ul {
	margin-bottom:1em;
	}
#haupt .mitte ul li {
	background:url('Images/list.gif') no-repeat left 6px;
	padding-left:1em;
	}

#haupt .mitte ul li ul li {
	background:url('Images/list1.gif') no-repeat left 6px;
	}
#haupt .mitte ol {
	margin:1em 0 1em 1.5em;
	}
#haupt .mitte ol li {
	background:none;
	padding-left:1em;
	}
.bildtext li /* für Aufzählungen und nummerierte Listen neben Bildern auf persönlichen Seiten*/
{
	margin-left:185px;
}

#privateliste {
	background:#efefef;
	padding:1em;
/*	display:none;*/
}
#privateliste li {
	padding-bottom:0.6em;
}
/*.outer:hover #privateliste {
	display:block;
}*/

/* weitere Elemente im  Inhaltsbereich (Mitte) --------------------------  */
.leitbild, .leitbildw { /* Leitbild-Auszug auf index.php */
	margin:2em 0 2em 0;
	font-size:1.2em;
	color:gray;
	font-variant:small-caps;
	text-align:center;
}
.leitbild:first-letter {
	font-size:1.5em;
}
.leitbildw {
	color:navy;
	margin-top:3em;
}

#cnt { /* div: Anzahl gefundener Lehrgänge bei FI */
	border:0;
	width:150px;
	background:transparent;
}



/* ----- easy shadow ----------------------------------------------------- */

.img-wrapper {
 background:url(images/shadow.gif) no-repeat right bottom;
 float: left;
}

.img-outer {
  background:url(images/bottom-left2.gif) no-repeat left bottom;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-inner {
  background:url(images/top-right2.gif) no-repeat top right;
  padding: 0 5px 5px 0;
  float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}

.img-wrapper img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  display: block;
}
#haupt .mitte .bildtext .img-wrapper a {
  	padding-left:0 ;
	background-image:none ;
}
/*---------- Foto-Präsentation ---------------------------*/
#panelwrapper {
	width:450px;height:27px;
}
/* DIV-Container für Bildkommentare */
#panelwrapper span {
	float:right;
	font-size:0.9em;
}
#panel {
	float:left;
}
#Beschreibung {
	width:450px;height:1.5em;
	background-color:#efefef;
	color:#006;
	padding-left:5px;
	border:solid 1px silver;
	}
#panel a {
	display:block;
	float:left;
	width:15px;
	height:14px;
	margin-right:5px;
	background:no-repeat left top;
	}
#panel a:hover {
	background:no-repeat right top;
	}


/* -------- Sitemap --------------------------- */

#sitemap {
	margin-bottom:50px;
	font-size:0.9em;
}
#haupt #sitemap a {
	background-image:url('images/arrow_blue.gif');
	background-position:5px;
}
#haupt #sitemap .ebene3 {
	background:none;
	text-decoration:none;
}
#haupt #sitemap .ebene3:hover {
	background:none;
	text-decoration:underline;
}


/* ----------------------------------- */
.objLinks {
	float:left;
	padding-right:20px;
}
.objRechts {
	float:right;
	padding-left:20px;
}

.zitat {
	background-color:#efefef;
	border:1px #aaa solid;
	margin:20px 40px;
	padding:10px;
	text-align:justify;
}