/* Keine Abstaende am Rand, hintergrund Grau, um mit
   footer abzuschliessen.
*/

html, body {
    margin:0;
	padding:0;
	height:100%;
}

body {
	background-color: #D8D8D8;
/*	font-family: "Arial Unicode MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-family:"Calibri","sans-serif";
	/*font-size: 0.7em;*/
}

/* container beinhaltet alle sichtaren elemente
   und bildet somit einen wrap innerhalb des body
   Tags. Breite ist Auto und dehnt sich somit so
   weit wie möglich aus. Minimale breite ist jedoch
   60em, damit die Spalten bei großer Schrift sich
   nicht zu sehr zusammenziehen.
*/
#container 
{
    position:relative;
	background: #ffffff;
	/*background-color: #dcdcdc;*/
	padding:0;
	margin:0;
	width:auto;
	width: 100% !important;
	min-width:58em;
	min-height:100%; /* For Modern Browsers */
	height:auto !important;     /* For Modern Browsers */
	height: 100%;    /* For IE */
	/*min-height:60em;*/
}

/* Elemente dieser Klasse werden nicht angezeigt */
/* Auch die Captions von Datentabelle2 werden nicht angezeigt */
.hidden, #path li span, #content table.datentabelle2 caption {
	position:absolute;
	left: -1000px;
	top: -1000px;
	width:0px;
	height:0px; 
}

/* ------------- Sprungmarken ------------- */

#sprungmarken a {
	display:block;
	float:left;
	position:absolute;
	width:auto;
	background-color:#C00000;
	color:#FFFFFF;
	padding:0.4em;
	text-decoration:none;
	left:0px;
	top:-1000px;
	z-index:100;
}

#sprungmarken a:hover, #sprungmarken a:focus, #sprungmarken a:active {
	z-index: 100;
	top:0px;
	left:0px;
}

/* ------------- header ------------------- */
#header {
	width:auto;
	padding:0;
	margin:0;
	background-color:#F2F2F2;
/*	position:absolute;
	left:-7px;
	top:1px;
	width:711px;*/
	height:9.5em;
	z-index:1;
}

#logo_bmkz {
	float:left;
	height:9em;
}

/* ------ header_rechts: Unilogo + hilfsbereich ----- */

#header_rechts {
	float:right;
	/*border: 1px solid black;*/
	text-align:right;
	width:25em;
}

#logo_eaccessibility {
	/*float:right;*/
	height:6em;
	margin:0.5em;
	margin-bottom:1em;
/*	margin-bottom:1em;*/
}

/* ------ Hilfsbereich: Suche und Hilfsmenü ----------- */

#hilfsbereich {
	/*float:right;*/
	/*border:1px solid black;*/
	/*min-width:30em;*/
	display:block;
	text-align:right;
}

#suche {
	float:left;
	display:inline;	
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:1em;
	maring-left:1em;
	
}

#suche h1 {
	display:inline;
	padding:0;
	margin:0;
	font-size:1em;
}

#suche fieldset {
	display:inline;
	border:none;
	padding:0;
	margin:0;
}

/* ------ hilfesmenue ----- */

#hilfsmenue {
/*		float:right;*/
/*	background-color:#F2DBDB;*/
	list-style: none;
	margin-top:0;
	margin-bottom:0;
	margin-right:1em;
	maring-left:1em;
	padding:0;
}

#hilfsmenue li {
	display:inline;
	margin:0;
	padding:0;
}

#hilfsmenue li a {
	background-color:#F2DBDB;
	text-decoration:none;
	color:#000000;
	padding:0.4em;
	margin:0;
	border-right: 1px solid #000000;
}

#hilfsmenue li.last a {
	border-right: none;
}

#hilfsmenue li a:hover, #hilfsmenue li a:hover,
#hilfsmenue li a:focus, #hilfsmenue li a:focus {
	background-color:#C00000;
	color:white;
}

/* ---------- Pfad ----------- */

#pfad {
	background-color:#C00000;
	text-align:right;
	font:Arial, Helvetica, sans-serif;
	padding:10px;
	color:#FFFFFF;
	width:auto;
	margin:0;
/*	position:absolute;
	left:0px;
	top:61px;
	width:706px;*/
/*	height:3em;*/
	z-index:2;
	font-size:1.2em;
}

#pfad a {
	color:#FFFFFF;
	text-decoration:none;
	text-weight:bold;
}

#pfad a:hover,
#pfad a:focus,
#pfad a:active {
	background-color:#ffffff;
	color:#C00000;
}

#pfadbereich {
	float:left;

}

/* ---------- Projekte Menue ---------- */

#projekte_menue {
	list-style-type:none;
	margin:0;
	padding:0;
}

#projekte_menue li {
	display:inline;
	padding-left:0.2em;
	padding-right:0.2em;
}

#projekte_menue li.aktiv a {
	background-color:#FF0000;
	color:C00000;
/*	text-decoration:underline;*/
	padding-left:0.5em;
	padding-right:0.5em;
	border:1px solid #ffcccc;
}

#projekte_menue li.aktiv a:hover,
#projekte_menue li.aktiv a:focus,
#projekte_menue li.aktiv a:active {
	background-color:#ffffff;
	color:#C00000;
}

/* ------------ Hauptnavigation --------- */

#hauptnavigation {
	float:left;
	width:15em;
	/*height:20em;*/
	z-index:3;
	/*background-color: #D9D9D9;*/
	border-right: 1px solid #D9D9D9;
}

#hauptnavigation ul {
	margin:1em;
	padding:0;
	list-style-type:none;
}

#hauptnavigation ul li {
	padding:0;
	margin:0;
	margin-bottom:2em;
}

#hauptnavigation ul li a {
	/*magin:0.2em;
	padding:0.2em;*/
	text-decoration:none;
	width:auto;
	font-size:1.5em;
	display:block;
	background-color: #D9D9D9;
	margin-top:0.2em;
	/*margin-bottom:0.2em;*/
	padding:0.2em;
	color:#000000;
}

#hauptnavigation ul li a:hover,
#hauptnavigation ul li a:focus,
#hauptnavigation ul li a:active {
	background-color:#000000;
	color:#ffffff;
}

#hauptnavigation ul li.aktiv a {
	display:block;
	text-decoration: none;
	width:auto;
	padding:0.2em;
	color:#ffffff;
	background-color:#C00000;
}

#hauptnavigation ul li.aktiv a:hover,
#hauptnavigation ul li.aktiv a:focus,
#hauptnavigation ul li.aktiv a:active {
	background-color:#000000;
	color:#ffffff;
}

#left_info {
	width:auto;
	text-align:center;
	margin-bottom:2em;
}

#left_info img {
	width: 9em;
	
}

/* -------- Hauptnavigation Ebene 2 --------- */

#hauptnavigation ul li ul {
/*	list-style-type:none;*/
	list-style-type:circle;
	/*background-color: #D9D9D9;
	color:#000000;*/
	/*border:1px solid #000;*/
	margin:0;
	padding:0;
}

#hauptnavigation ul li ul {
	padding-left:2em;
}

#hauptnavigation ul li ul li {
	margin:0;
	padding:0;
}

#hauptnavigation ul li ul li a {
	magin:0;
	padding:0;
	border-bottom: 1px solid #000000;
}

#hauptnavigation ul li ul li a:hover,
#hauptnavigation ul li ul li a:focus,
#hauptnavigation ul li ul li a:active {
	background-color:#000000;
	color:#ffffff;
}

#hauptnavigation ul li.aktiv ul li a {
	background-color:#D9D9D9;
	color:#000000;
	margin:0;
	padding-left:0.3em;
	padding-top:0;
	padding-bottom:0;
	padding-right:0.3em;
	font-size:1em;
}

#hauptnavigation ul li.aktiv ul li.aktiv a {
	background-color:#000000;
	color:#FFFFFF;
}

#hauptnavigation ul li.aktiv ul li a:hover,
#hauptnavigation ul li.aktiv ul li a:focus,
#hauptnavigation ul li.aktiv ul li a:active {
	background-color:#000000;
	color:#ffffff;
}

#hauptnavigation ul li.aktiv ul li.aktiv a:hover,
#hauptnavigation ul li.aktiv ul li.aktiv a:focus,
#hauptnavigation ul li.aktiv ul li.aktiv a:active {
	background-color:#7F7F7F;
	color:#ffffff;
}

/* --------- Hauptnavigation Ebene 3 ------------- */
#hauptnavigation ul li.aktiv ul li.aktiv ul li a {
	background-color:#EEEEEE;
	color:#000000;
}

#hauptnavigation ul li.aktiv ul li.aktiv ul li.aktiv a {
	background-color:#555555;
	color:#FFFFFF;
}

#hauptnavigation ul li.aktiv ul li.aktiv ul li.aktiv a:hover,
#hauptnavigation ul li.aktiv ul li.aktiv ul li.aktiv a:focus,
#hauptnavigation ul li.aktiv ul li.aktiv ul li.aktiv a:active {
	background-color:#000000;
	color:#FFFFFF;
}


/*
#hauptnavigation ul li.aktiv ul li.aktiv {
	color:#ffffff;
	background-color:#D9D9D9;
}
*/
/* -------------- Infobereich ---------- */

#infobereich {
	float:right;
	width:13em;
	height:auto;
	min-height:30em;
	z-index:4;
	padding-left:1em;
    padding-right:1em;
	padding-top:0.5em;
	padding-bottom:1em;
	/*background-color: #eeeeee;*/
	border-left: 1px solid #D9D9D9;
}

#infobereich h1 {
	/*margin:1em;*/
	font-size:1em;
	background-color:#D9D9D9;
}

#infobereich ul {
	/*margin:1em;*/
}


#infobereich a, #infobereich a:visited {
	color:#C00000;
	text-decoration:none;
	/*padding-top:1em;
	padding-bottom:1em;*/
}

#infobereich a:hover,
#infobereich a:focus,
#infobereich a:active {
	background-color:#C00000;
	color:#ffffff;
}

/* ----------------- Content ------------- */

#content {
	/*background-color:#CCCCCC;*/
	margin-left:16em;
	margin-right:16em;
	width:auto;
	z-index:5;
	/*border:1px solid #D9D9D9;*/
}

#content h1 {
	font-weight:normal;
	padding:0.1em;
	border-bottom:1px solid #555555;
}

#content h2 {
	background-color:#7F7F7F;
	color:#FFFFFF;
	font-size:1em;
	padding:0.2em;
}

#content p.datum {
	margin-top:0;	
	padding-top:0;
}

#content a {
	color:#000000;
	text-decoration:none;
	border-bottom:1px solid #0000FF;
}

#content a:hover,
#content a:focus,
#content a:active {
	background-color:#C00000;
	color:#ffffff;
	border-bottom:none;	
}

/* ------------ News Eintraege ------------ */

#content .news-list-container {
        /*border:1px solid #000;
        background-color:#cccccc;*/
}


#content .news-list-item {
        /* IE hack */
        height: 1%;
        line-height: 1.3;
        /* IE hack end */
        /*padding:3px;*/
        margin:4px;
        border:1px solid #000000;
        background-color:#dddddd;
        margin-bottom:0.5em;
        }

#content .news-list-item h2 {
       margin:0;
       padding:0.1em;
       background-color: #555555;
}

#content .news-list-item h2 span.news-list-date {
       color:#cccccc;
       float: right;
       display:block;
       background-color: #555555;
}

#content .news-list-item h2 a {
      color:#eeeeee;
      background:none;
      text-decoration:none;
}

#content .news-list-item h2 a:hover {
      color:#bbbbbb;
}

#content .news-list-item p.bodytext {
       margin: 0.5em;
}

#content .news-list-item div.news-list-morelink a {
       color: #000000;
       background:none;
       margin-left:0.5em;
       margin-right:0.5em;
}

#content .news-list-item a img {
      margin:0.5em;
      background:none;
      text-decoration:none;
}

#content .news-list-item a {
        background:none;
        text-decoration:none;
        border:none;
}

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

#footer {
/*
    position:absolute;
    bottom:0 !important;
    bottom: -1px; /* For Certain IE widths (1px bug)*/
	*/
    height:2em;
	background-color: #F2F2F2;
	border-top:1px solid #555555;
	/*border-top:1px solid #000000;*/
	color: #000000;
	width:auto;
	width: 100%;
	/*padding: 0.2em;*/
	text-align:center;
	clear:both;
	z-index:6;
}