/* CSS Document */
/* -------------------------------------------------------------------------------------------------- */
/*	Allgemeines Layout / Elemente, die auf allen Seiten gleich vorkommen */
/* -------------------------------------------------------------------------------------------------- */

/* Kontrast Override */
#wrapper,
#clearheadercenter,
#header,
#outer,
#subfooter1,
#gfx_bg_middle{
	background-color:#0000CC;
}

* {
	color:#FFFF00;
}

#main-content .content_header,
#main-content .content_header .header_box {
	background-color:#0000CC;
	color:#FFFF00;
}
#main-content .content_header .header_box .spacer {
	font-size:125%;
}
#main-content .content_header .header_box .spacer a {
	font-size:85%;
}
/* gar nicht schön, aber was solls ... \*/
* html #main-content .content_header .header_box .spacer {
	font-size:100%;
	padding-bottom:7px;
}
* html #main-content .content_header .header_box .spacer a {
	font-size:100%;
}
/* */
#main-content .content_header h2, 
#main-content .content_header div.spacer {
	border-color:#CCCC00 !important;
}
#main-content address {
	background-color:#0000CC;
	color:#FFFF00;
	border:1px dotted #CCCC00;
}
#main-content .content_header {
	border-bottom:1px solid #CCCC00;
}
#main-content .content_header h3,
#main-content .content_header p,
#main-content .content_header small,
#main-content .content_header address,
#main-content .content_header dl {
	color:#FFFF00;
	border:none;
}
#main-content .whitebox {
	border-color:#CCCC00;
}
#main-content .whitebox img.anker {
	display:none;
}
#main-content .whitebox,
#main-content #aktuelles .whitebox *,
#main-content #projekte .whitebox *,
#main-content #auszeichnungen .whitebox *,
#main-content #veroeffentlichungen .whitebox * {
	background-color:#0000CC;
	color:#FFFF00;
}
#main-content .personalia th {
	background-color:#0000CC;
	color:#FFFF00 !important;
	border-bottom:2px solid #CCCC00;
}
#main-content .organisation td,
#main-content .personalia td {
	border-bottom:1px solid #CCCC00;
}
#main-content #box1,
#main-content #box2,
#main-content #box3 .institut_box,
#main-content #box1 h3,
#main-content #box2 h3,
#main-content #box3 p {
	background-color:#0000CC !important;
	color:#FFFF00;
}
#main-content #box1,
#main-content #box2,
#main-content #box3 {
	border-color:#CCCC00;
}
#main-content #institut0 {
	background-color:#0000CC;
	color:#FFFF00;
}
/* ------------------------ */

.screenreader {
	/* display:none könnte Screenreader dazu bewegen, den Inhalt zu ignorieren */
	position:absolute;
	top:0px;
	right:5000px;
	width:0px;
	height:0px;
}

#style-switcher {
	position:absolute;
	top:110px;
	left:3px;
	margin:0px;
	padding:0px;
	color:#FFFF00;
	font-size:80%;
	font-weight:bold;
	line-height:20px;
	z-index:99;
}
#style-switcher p {
	margin:0px;
	padding:0px;
}
#style-switcher a {
	display:block;
	padding:0px 0px 0px 10px;
}
#style-switcher a:link,
#style-switcher a:visited {
	color:#FFFF00;
	text-decoration:underline;
}
#style-switcher a:hover,
#style-switcher a:focus {
	font-weight:bold;
}

/* -------------------------------- Kontrast XL Override ------------------------------------ */
#outer{
  margin-left:157px; 
  width:738px; 
}
#left{
  width:158px;
  margin-left:-157px;
}
*>html #left{width:157px;} 
#container-left{
  width:156px;
}
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:738px;
}
#clearfootercenter{
  height:60px;
}
#clearfooterleft{
  height:60px;
}
#footer{
  width:895px;
  height:60px;
  margin-top:-60px;
}
#subfooter1{
  height:50px;
  margin-left:157px;
  padding-left:45px;
  padding-right:17px;
}
.bottomtopmargin{
  width:895px;
}
#header{
  width:895px;
}
#gfx_bg_middle{
  width:738px;
  margin-left:157px;
}
/* -------------------------------- Kontrast XL Override Ende ------------------------------------ */


/* Allgmeine Elemente / Rahmen */
#wrapper,
#header,
#footer {
padding:0px 2px 0px 3px;
}
html {
margin-bottom:1px;
}
.invisible {
display:none;
}
.rightfloat {
	float: right;
	margin: 0.3em 0px 0.3em 15px;
}
.leftfloat {
	float: left;
	margin: 0.3em 15px 0.3em 0px;
}
.center {
	display : block;
	margin: 0.5em auto;
}

/* Suchergebnisse */
.hilite1 {
	background-color : #FFFFDD;
}
.hilite2 {
	background-color : #FFCCFF;
}
.hilite3 {
	background-color : #BBFFFF;
}
.hilite4 {
	background-color : #DDFFDD;
}
.hilite5 {
	background-color : #DDDDFF;
}

/* Kopfleisteninhalt */
#header-content {
position:absolute;
top:0px;
left:205px; /* 3px padding + 160px navi + 22px */
width:676px; /* 900px - 185px left - 17px - 2px padding */
height:103px;
padding:26px 0px 0px  0px;
font-size:100%;
font-weight:bold;
border-bottom:1px solid #FFFF00;
}
#header-content h1 {
position:relative;
top:-3px;
height:64px;
margin:0px;
padding:0px;
font-size:120%;
	background-image:url(/img/IfR_Header2_gb.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#header-content h1 img {
	display:none;
}
#ifr-logo {
position:absolute;
bottom:4px;
right:0px;
}

#header-datum {
position:absolute;
bottom:6px;
left:0px;
margin:0px;
padding:0px;
line-height:18px;
font-size:85%;
}

#header-search {
position:absolute;
bottom:2px;
right:190px;
margin:0px;
padding:0px;
}
/* \*/
* html #header-search {
	height:1%;
}
/**/
#header-search input {
width:124px;
margin:0px;
padding:2px;
background-color:#0000CC;
border-width:2px;
font-size:85%;
font-weight:bold;
}
#header-search button.submit {
	position:relative;
	top:-4px;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(/img/icons/button_pfeil.gif);
	background-position: center;
	background-repeat: no-repeat;
	border-width:2px;
}
/* \*/
* html #header-search button.submit {
	top:-1px;
}
/**/
#header-search button.submit img {
	display:none;
}


/* Kopfnavigation */
#header-navi {
width:180px;
height:105px;
padding:24px 0px 0px 0px;
background-color:#0000CC;
color:#FFFF00;
border-bottom:1px solid #999900;
line-height:20px;
}
#header-navi ul {
margin:0px;
padding:0px;
border-bottom:1px solid #999900;
font-size:80%;
font-weight:bold;
list-style-type:none;
}
#header-navi ul li {
margin-bottom:1px;
padding:0px;
border-top:1px solid #999900;
}
#header-navi ul li a {
display:block;
padding:0px 0px 0px 10px;
background-image: none;
background-position: center right;
background-repeat: no-repeat;
}
#header-navi ul li.akt_seite a {
background-image: url(/img/icons/icon_navitop2.gif);
background-color:#0000AA;
font-weight : bold;
}

#header-navi li a:link,
#header-navi li a:visited {
color:#FFFF00;
text-decoration:underline;
}
#header-navi li a:hover,
#header-navi li a:focus {
font-weight:bold;
}


/* Hauptnavigation */
#main-navi {
width:180px;
color:#000000;
line-height:20px;
}
#main-navi ul {
margin:0px;
padding:0px;
font-size:80%;
font-weight:bold;
list-style-type:none;
border-bottom:1px solid #999900;
}
#main-navi ul ul {
font-size:100%;
border-bottom:none;
}
#main-navi ul li {
margin-bottom:0px;
padding:2px 0px 1px 0px;
background-color:#0000CC;
border-top:1px solid #999900;
}
#main-navi ul li.akt_seite {
}
#main-navi ul li div {
background-image: none;
background-color:#0000CC;
color:#FFFF00;
}
#main-navi ul li.akt_seite div {
background-image: none;
background-color:#0000AA;
color:#FFFF00;
}
#main-navi ul li ul li,
#main-navi ul li.akt_seite ul li {
margin-left:10px;
border-top:1px solid #999900;
}
#main-navi ul li ul li div,
#main-navi ul li.akt_seite ul li div {
background-image: none;
background-color:#0000CC;
color:#FFFF00;
}
#main-navi ul li a {
display:block;
padding:0px 0px 0px 10px;
background-image: none;
background-position: center right;
background-repeat: no-repeat;
}
#main-navi ul li.akt_bereich a {
background-image: url(/img/icons/icon_navimain3.gif);
}
#main-navi ul li.akt_seite a,
#main-navi ul li.akt_bereich ul li.akt_seite a {
background-image: url(/img/icons/icon_navimain2.gif);
font-weight : bold;
}
#main-navi ul li ul li a,
#main-navi ul li.akt_seite ul li a,
#main-navi ul li.akt_bereich ul li a {
background-image: none;
font-weight : normal;
}

#main-navi li a:link,
#main-navi li a:visited {
color:#FFFF00;
text-decoration:underline;
}
#main-navi li a:hover,
#main-navi li a:focus {
font-weight:bold !important;
}
#main-navi li li a:link,
#main-navi li li a:visited {
color:#FFFF00;
text-decoration:underline;
}
#main-navi li li a:hover,
#main-navi li li a:focus {
}


/* Inhalt der Seiten */
#main-content {
position:relative;
padding:40px 17px 25px 45px;
font-size:110%;
}
#main-content h2 {
margin:0em 0em 1em 0em;
padding-bottom:2px;
border-bottom:1px solid #FFFF00;
font-size:110%;
}
#main-content h2 small {
margin-left: 1.5em;
}
#main-content h3 {
clear:left;
margin:2em 0em 1em 0em;
padding-bottom:2px;
font-size:110%;
}
#main-content a:link,
#main-content a:visited {
	color:#FFFF00 !important;
	text-decoration:underline;
}
#main-content a:hover,
#main-content a:focus {
	color:#FFFF00;
	text-decoration:underline;
}


/* Fußzeile */
#footer {
font-size:80%;
font-weight:bold;
line-height:20px;
}

#footer-content {
padding-top:4px;
color:#000000;
border-top:1px solid #FFFF00;
width:532px;
}
/* \*/
* html #footer-content {
width:512px;
/* */
}
#footer-content p,
#footer-content ul,
#footer-content ol {
margin:0px;
}
#footer-content  a:link,
#footer-content  a:visited {
color:#FFFF00;
text-decoration:underline;
}
#footer-content  a:hover,
#footer-content  a:focus {
text-decoration:underline;
}


/* Fußnavigation */
#footer-navi {
float:right;
padding-top:4px;
border-top:1px solid #FFFF00;
}
#footer-navi ul {
margin:0px;
padding:0px;
list-style-type:none;
}
#footer-navi li {
float:none;
margin:0px;
padding:0px;
}
#footer-navi li a {
display:block;
padding-left: 20px;
width:120px;
}
#footer-navi li a:link,
#footer-navi li a:visited {
color:#FFFF00;
text-decoration:underline;
}
#footer-navi li a:hover,
#footer-navi li a:focus {
text-decoration:underline;
}