/* -------------------------------------------------------------------
/* Stylesheet zum Angleich an die Bedürnisse des Department Informatik
/* Erstellt von siphcali und sijoheld
/* April 2008
/* ------------------------------------------------------------------- */

/* --------------------------
 * DEFAULT
 * -------------------------- */

/* HÖHE DES LOGOS */
div#kopf div#logo {
height: 134px;
}
/* - */
div#kopf div#logo img {
position:relative;
}
div#kopf div#logo p img {
float: none;
margin: 0;
}
div#kopf div#logo a img {
  background-color: transparent;
}

/* FAK UND INF LOGOS */
div#kopf div#logos {
margin: -7px 0px 0px;
position:absolute;
}

div#kopf div#logos img#logo_inf {
margin-top: 10px;
}

div#kopf div#logos img {
margin-bottom: 18px;
}


div#kopf div#kopf_lslogo {
position: absolute;
left: 700px;
top: 0px;
white-space:nowrap;
overflow: hidden;
}

.nobullets {
  list-style-type: none
}


/* BILDER IM KOPF */
div#kopf div#kopf_bilder {
position: absolute;
left: 407px;
top: 0px;
white-space:nowrap;
overflow: hidden;
}

div#kopf div#kopf_bilder div#kopf_bilder_fade {
position: absolute;
top: 62px;
opacity: 0.7;
width: 100%;
height: 72px;
background-image: url(/img/bg_logo.png);
background-position: -407px -62px;
}

div#kopf div#kopf_bilder img {
padding: 0px 0px 0px 18px;
width: 89px;
height: 134px;
}
div#kopf div#kopf_bilder img:first-child {
padding: 0px;
}

/* - HAUPTMENÜ HÖHE DURCH SCHRIFT */
div#kopf div#hauptmenu {
height: auto;
}

div#kopf div#hauptmenu ul {
padding-bottom: 0ex;
}

div#kopf div#hauptmenu ul li:before {
content: url(/img/menu.gif)" ";
}

/*     + HOVER */
/* siphcali: keine Ahnung warum man das nicht braucht!
ul#navigation li {
position: relative;
}*/


ul#navigation ul#hauptnavigation li:hover a {
	background: #E5E5E5;
}

/* Popout-Menü... */
ul#navigation ul#hauptnavigation li ul.hover {
  display: none;
  margin: 0 0em 0em 0em;
  position: absolute;
  /*top: 17px;
  left: 13.7em;*/
  background-color: #F2F2F2;
  border: 0.1ex solid #BEBEBE;
  min-width: 10em;
}
ul#navigation ul#hauptnavigation li.normal:hover a {
	border-top-color: #BEBEBE;
	border-bottom-color: #BEBEBE;
}
ul#navigation ul#hauptnavigation li.normal:hover ul.hover,
ul#navigation ul#hauptnavigation li.normal:focus ul.hover {
  display: block;
  z-index: 900;
}
ul#navigation ul#hauptnavigation li.normal:hover ul.hover li ul,
ul#navigation ul#hauptnavigation li.normal:focus ul.hover li ul {
  display: none;
}

/* nächste 2 einträge unklar */
ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span {
	padding-left: 26px;
}
ul#navigation ul#hauptnavigation li.normal:hover ul li a {
	background-color: #F4F3EB; 
	border-top-color: #FFFFFF;
	border-bottom-color: #E4E4E4;
}
ul#navigation ul#hauptnavigation li.normal:hover ul li:hover a {
  background-color: #E9E7D7;
}

ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span {
padding-left: 46px;
}

/* MENU MIT SUCHE - nicht aktiv!*/
div#menu div#suche {
width: 13.6em;
position: relative;
top: -14px;
}

div#menu div#suche h2, 
div#menu div#suche p label {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

div#menu div#suche input {
font-size: 0.7em;
padding: 0px 0px;
position: absolute;
top:0;
right:0;
}

div#menu div#suche input:active,
div#menu div#suche input:focus {
}

/*Hack Opera + Safari*/
html:first-child>b\ody div#menu div#suche input  {
padding: 2px 5px;
}

div#menu div#suche input#suchbegriff {
padding: 0px 0px;
position: absolute;
top:0;
left:0;
width: 13.4em;
}

/* H2 FÜR UNILOGO AUSBLENDEN */
div#main div#menu div#kurzinfo h2 {
position:absolute;
left:-3000px;
top:-3000px;
width:1px;
}

/* CONTENT _FEST_ POSITIONIEREN */
/*div#content {  
margin-top: 150px;
}/*

/* TECMENU IM FOOTER */
div#footer div#footerinfos div#tecmenu {
position: static;
margin-left: -10px;
}

/* TECMENU UNTER KOPF */
/*div#footer div#footerinfos div#tecmenu {
top:160px;
}*/




/* ----------------------------
 * FARBEN
 * ---------------------------- */

div#seite { 
background: #F9FBFD;
}

/* HAUPTMENU TRANSPARENT UND VERBESSERT */
div#kopf div#hauptmenu {
border-top: #fff 1px solid;
background-color: transparent;
background-image: url(/img/farben/bg_breadcrumb_trans.png);
background-repeat: repeat-x;
background-position: bottom;
margin-bottom: 0px;
padding-bottom: 0px;
}

div#kopf div#hauptmenu ul {
background-color: #C7C6C3;
}

div#kopf div#hauptmenu ul li a,
div#kopf div#hauptmenu ul li a:link,
div#kopf div#hauptmenu ul li a:visited {
color:#23588A;
}

/* INF-BG */
div#main {
background: transparent;
border-color: transparent;
}

/* PFAD-ANPASSUNG */
ul#navigation {
/*background: url(/img/farben/bg_nav_bottom.gif) no-repeat 100% 100%;*/
}
div#menu div#bereichsmenu  {
border-top: none;
border-bottom: none;
/*background: url(/img/farben/bg_nav_top.gif) no-repeat 100% 14px;*/
}

div#footer { 	
background: #E5E5E5 url(/img/farben/bg_footer.gif) repeat-x top left;
}

/* UNSERE TECMENU FARBEN */
div#footer div#footerinfos div#tecmenu ul li span,
div#footer div#footerinfos div#tecmenu ul li a, 
div#footer div#footerinfos div#tecmenu ul li a:link {
color: #666666;
border-right: #666666 1px solid;
}

/*WARUM IST HIER ALLES 5FACH? */
div#kopf {
background: transparent;
}

div#kopf div#logo  {
background: url(/img/bg_logo.png) repeat-x #6999AB;
}



/* -----------------------------
 * ELEMENTE
 * ----------------------------- */
div#content ul {
margin-left: 0;
list-style: square;
overflow: hidden;
}

div#content ul ul {
list-style: disc;
}

div#content ul li {
margin-left: 20px;
}

div#content a.more:link,
div#content a.more:visited {
position: absolute;
right: 10px;
margin-top: 1em;
}

div#content a.more:after {
content: " >>";
}


/* --------------------------
 * INF-ZUSÄTZE
 * -------------------------- */
div#hauptmenu {
  position: relative;
}

div#hauptmenu div#lang_link {
position: absolute;
top: 0.5ex;
right: 10px;
}

/* BALKEN MIT BLÖPPEL */
div#kopf div#balken {
position: absolute;
width: 100%;
left: 0px;
top: 60px;
}

div#kopf div#balken div#start {
position: absolute;
right: 100px;
width: 100%;
border-top: 2px white solid;
}

div#kopf div#balken div#kasten {
position: absolute;
width: 35px;
height: 35px;
right: 63px;
border: 2px white solid;
border-top: none;
}

div#kopf div#balken div#ende {
position: absolute;
width: 65px;
right: 0px;
border-top: 2px white solid;
}

/* KOPF mit HOCHHAUS */
div#kopf div#hochhaus {
position: absolute;
top: 165px;
right: 30px;
}

/* MENU mit HOCHHAUS
div#menu {
margin-top: 5px;
}

div#menu div#hochhaus {
text-align: center;
}

div#menu div#bereichsmenu  {
margin-bottom: 0px;
}*/

div#content {
/* Auskommentiert, weil sonst Menue in IE unter Content
position: relative;*/
}

div#content p {
font-size: 0.84em;
}
div#content span.thin {
	font-size: smaller;
	font-weight: lighter;
}

div#content div.klein_box_rechts h3 {
margin: 0.5ex 0px 1ex 0pt;
padding: 0px 6px;
}

div#content img.right {
	float: right;
	margin: 0.5ex 0em 0.5ex 1em;
}

div#content p img {
#	max-width: 28%;
#	max-height: 28%;
}

div#content img.full {
	max-width: none;
	max-height: none;
	padding: 0;
}

div#content img.left {
	float: left;
	padding: 0 1ex 1ex 0;
}

div#content img.right {
	float: right;
	padding: 0 0 1ex 1ex;
}

div#content table h2 {
	margin-right: 0px;
	margin-bottom: 10px;
}

div#content td {
	border-left:1px solid #C1DAD7;
}

div#content td.fill,
div#content td[colspan] {
	background-color: #99CCCC;
}

div#content td.nofill {
	background-color: transparent;
}

div#content div.gross_box_rechts {
	float: right;
}

div#content div.klein_box_rechts {
	margin-top: 0px; /* ÜBERSCHRIFT EINFACH DRÜBER SETZEN */
	width: auto;
	max-width: 200px;
	position: relative;
}

div#content div.gross_box_rechts div.klein_box_rechts {
	float: none;
}

div#content div.klein_box_rechts img {
	padding: 5px;
}

div#content div.floatbox {
	width: auto;
}

div#content div.floatbox span {
	background-color: #F4F3EB;
	border: 1px solid #999999;
	vertical-align: bottom;
	float: left;
	text-align: center;
}

div#content div.floatbox span,
div#content div.boxed {
	font-size: smaller;
	color: #646464;
}

div#content div.floatbox span a:visited,
div#content div.floatbox span a:link {
	display: block;
	border-bottom: 1px solid transparent;
}

div#content div.floatbox span img {
	padding: 10px;
	vertical-align: top;
	display: block;
}

div#content div.boxed {
	display: inline;
	position: relative;
	font-weight: bold;
}

div#content div.boxed div a {
	display: block;
}

div#content div.boxed div {
	float: left;
}

div#content div.boxed img {
	background-color: #F4F3EB;
	border: 1px solid #999999;
	padding: 5px;
	vertical-align: top;
}

div#content div.boxed div img {
	margin-top: -1px;
}

div#footer {
	padding-right: 0px;
	padding-top: 0.5ex;
	padding-bottom: 0px;
}

div#footer p {
	margin-bottom: 0px;
}

/* HIGHLIGHT GELB FUER NEWS ETC. */

div#content span.highlight {
	background: yellow;
}







a.active-trail  {
   font-weight:bold;
}

ul#navigation li a.active-trail  {
border-top: #fff 1px solid;
background: #aaa;
color:#333;
}