/**************************************************
*
* Template Configurations
*
************************************************ */

/*
div.headline {

}
*/

/* Full Height */
html {
     height: 95%;
}

/*die IDA Tapete*/
body {
	/*background-image:url(http://www.ida.ing.tu-bs.de/icons/BG.gif);*/
	/*background-color:darkred;*/
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	margin:0px;
	font-family:sans-serif;
	font-size:8pt;
	/*line-height:1cm;*/
	height: 100%;
}

div.idalogo {
	/*position:absolute; left:20px; top:10px*/
}

div.unilogo {
	position:relative;
	 right:10px;
	padding-left:60px
}

div.headline {
	/*position:absolute;
	top:15px;*/

/*	width:100%; */

	text-align:center;
	font-size: 20pt;
	font-weight:bold;
	font-family:sans-serif;
}

div.umaintemplate-titlepage-column-left {
	margin-left: 30px;
}

/*
2009-06-15, eingefuegt kaih
Änderung des Layouts der Überschrift in der Kopfzeile
*/
@media print {
	div.headline {
		font-size: 14pt;
		/* line-height: 1em; */
		 padding-top: 10px; 
		/*  margin-top: 10px; */ 
		/* vertical-align: bottom; */
		/* height: 60px; */
	}
}

div.breadcrumb {
	font-size:8pt;;
	padding-left:15px;
}

td {
	font-size:10pt;
}

td.topFrame {
	/*background-color:#F0F0F0;*/
	/*die IDA Tapete*/
	background-image:url(BG.gif);
	height: 116px;
	padding-bottom: 10px;
        padding-top: 0px;
	padding-left:10px;
	padding-right:10px;

	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#576f85;

	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#576f85;
	vertical-align:center;
}

td.topFrame div {
        /*margin-top: -15px;*/
}


/*
2009-06-15/-16, eingefuegt kaih
*/
@media print {
	td.topFrame {
		background-image: none;
		border: none;
		padding-bottom: 0px;
		vertical-align: top;
		height: 90px;
	}

	/* spezieller Hack für die Druckansicht,
	die Tabelle aus Ueberschrift und Logos besitzt keinen Class- oder ID-Tag
	ist damit nur schwer zu referenzieren, also indirekt ueber das DIV
	*/
	td.topFrame div {
		  margin-top: -10px;
	}

	/* Aendern der Groesse der Logos im topFrame,
	wird zu einem späteren Zeitpunkt fuer das IDA-Logo
	ueberschrieben. */
	td.topFrame img {
		height: 40px;
		width: 160px;
	}
}

a img {
	border:none;
}

a:visited,
a.clicklink, a:link, a:active {
	color: #475f75;
}

a:hover {
    cursor: pointer;
}

table.mainTable {
	/*min-width:700px;
	max-width:1024px;
	margin-top:20px;*/
	height:100%;
	width:100%;

	background-color:white;

	/* IE HACK*/
	/*_width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 1024? "1024px": "auto" );*/

}

td.spacer{
	height:10px;
	background-color:white;
}

td.mainFrame {
	padding-left:15px;
	padding-right:15px;

	vertical-align:top;
	background-color:white;

	padding-top:10px;

	/*border-top-style:solid;
	border-top-width:2px;
	border-top-color:darkblue;*/
}

/*
2009-06-15, eingefuegt kaih
Korrektur des mainFrame (komplette Breite) fuer den Ausdruck,
weil die Spalten links und rechts fehlen
Achtung! Löschen der Linken und rechten Spalte zerlegt den Table!
*/
@media print {
	td.mainFrame {
		width: 100%;
	}
}

td.rightFrame {
	vertical-align:top;
	background-color:white;
	width:210px;
}

td.leftFrame{
	/*border-top-style:solid;
	border-top-width:2px;
	border-top-color:darkblue;*/
	background-color:white;
	/*padding-left:10px;*/
	vertical-align:top;
	width:200px;
}

tr.footer{
	height:1em;
}
td.footer {
	border-top-width:1px;
	border-top-color:#576f85;
	border-top-style:solid;
	font-size:10px;
	text-align:center;
	background-color:white;
}

/*
2009-06-15, eingefuegt Kai Habermann
Korrektur des Footers (Schrift zu klein)
*/
@media print {
	td.footer {
		font-size: 0.8em;
	}
}

div.leftlinediv {
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom:5px;

	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#576f85;

	margin-bottom:20px;
}

/*
2009-06-15, eingefuegt kaih
ausblenden der Elemente in der rechten Spalte fuer den Ausdruck
(Login + Impressum)
da es keinen umschliessenden DIV-Tag gibt, werden alle 3 einzeln ausgeblendet
*/
@media print {
	div.leftlinediv {
		display: none;
	}
}



table.borderedTable {
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
	border-color:#576f85;
	margin-bottom:20px;
	width:90%;
}

/* lecture view styles */
div.vlDetailDiv {
	text-align:left;
	padding-bottom:20px;
	width:100%;
}


td.vlDetailData {
	padding-left:10px;
	padding-right:10px;
}

td.vlDetailDataDesc {
	padding-left:10px;
	padding-right:10px;
	width:100px;
}


div.mail {
	vertical-align:middle;
	height:150px;
}

td.bcard-image {
	vertical-align: top;
}

td.bcard-content {
	padding-left:15px;
}

tr.tableLine1 {
	background-color:lavender;
}

tr.tableLine2 {
	/* background-color:lightgrey; */
	background-color: #dedede;
	/* background-color: #e7e7e7; */
}

tr.tableHeader {
	background-color:#576f85;
}

td tr.tableHeader {
	color:white;
}

table.contenttable td ul ,
table.contenttable td ol  {
	/*  line-height: 0.75em; 
	 margin: 0; */
}


table.contenttable-2 {
	/* border: solid 1px black; */
	
}


table.contenttable-2 td,
table.contenttable-3 td {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	vertical-align: top;
}


table.contenttable-2 tr.tr-0  td {
	background-color: #576f85;
	color: white;
	font-weight: bold;
}

table.contenttable-2 tr.tr-odd,
table.contenttable-3 tr.tr-odd {
	background-color: lavender;
}

table.contenttable-2 tr.tr-even,
table.contenttable-3 tr.tr-even {
	background-color: #dedede;
}
	
table.contenttable-2 tr.tr-odd td, 
table.contenttable-2 tr.tr-even td{
	/*
	padding-top: 6px;
	padding-bottom: 6px;
	*/
}

table.contenttable-3 tr.tr-0  td {
	background-color: #576f85;
	color: white;
	font-weight: bold;
}

table.contenttable-3 td.td-0 {
	background-color: #576f85;
	color: white;
	text-align: center;
	font-weight: bold;
}


div.menu {
	width:155px;
}

/*
2009-06-15, eingefuegt kaih
ausblenden des Menues fuer den Ausdruck
*/
@media print {
	div.menu {
		display: none;
	}
}

/* Menu classes */
div.menu-level1 {
	background-color:#576f85;
	font-size:14px;
	font-weight:bold;
	/*margin:2px;*/
	padding:5px;
}

div.menu-level1-act {
	background-color:#576f85;
	font-size:14px;
	font-weight:bold;
	/*margin:2px;*/
	padding:5px;
}

div.menu-level1 a, div.menu-level1 a:visited {
	color:white;
	text-decoration:none;
	font-family:sans-serif;
}

div.menu-level1 a:hover {
	color:lightgray;
}

/* 2009-06-16, korrigiert kaih 
text-deocratioon hinzugefuegt
*/
div.menu-level1-act a, div.menu-level1-act a:visited {
	color:white;
#	text-decoration:none;
	font-family:sans-serif;
	text-decoration: none;
}

div.menu-level1-act a:hover {
	color:lightgray;
}

/* 
Menu Level 2
*/

div.menu-level2 {
	background-color:lavender;
	font-size:14px;
	/*font-weight:bold;*/
	/*margin-left:5px;*/
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}

div.menu-level2-act {
	background-color:lavender;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}

div.menu-level2 a, div.menu-level2 a:visited {
	color:black;
	text-decoration: none;
	font-family:sans-serif;
}

div.menu-level2 a:hover {
	color:gray;
}

div.menu-level2-act a, div.menu-level2-act a:visited {
	font-family:sans-serif;
	text-decoration: none;
}


/* 
Menu Level 3
*/

div.menu-level3 {
        background-color:lavender;
        font-size: 1em;
        padding-left:30px;
        padding-top:5px;
        padding-bottom:5px;
        padding-right:5px;
		overflow: hidden;
}

div.menu-level3 a, div.menu-level3 a:visited {
        color:black;
        text-decoration:none;
        font-family:sans-serif;
}

div.menu-level3 a:hover {
        color:gray;
}

div.menu-level3-act {
	background-color:lavender;
	text-decoration: none;
	/* font-size:14px; */
	font-weight:bold;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px; 
	overflow: hidden;
}

div.menu-level3-act a, div.menu-level3-act a:visited {
	font-family:sans-serif;
	text-decoration: none;
}


a.logo {
	text-decoration: none;
}

/*
2009-06-16, eingefuegt kaih
Groesse des IDA-Logos aendern
*/
@media print {
	a.logo img {
		height: 40px;
		width: 120px;
	}

}

a:hover.logo {
	 text-decoration: underline;
}

h1 {
	font-size:1.5em;
        margin-bottom: 0;
        padding-bottom: 0.5em;
}

h2 {
	font-size:1.4em;
        margin-bottom: 0;
        padding-bottom: 0.4em;
}

h3 {
	font-size:1.3em;
        margin-bottom: 0;
        padding-bottom: 0.4em;
}

h4 {
	font-size:1.2em;
        margin-bottom: 0;
        padding-bottom: 0.4em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
	font-weight:bold;
}

.detail {
	color:#006600;
}

.important {
	color:#990000;
	font-weight:bold;
}

.name-of-person {
	color:#000099;
}

.langnotice {
	font-style:italic;
}

div.langmenu-inactive-language {
	margin-right: 2px; 
	margin-top: 2px; 
	padding: 0px; 
	float: left; 
}

div.langmenu-active-language {
	background-color: black; 
	margin-right: 2px; 
	padding: 2px; 
	float: left; 
}


ul, ol {
	margin-top: 0;
        padding-top: 0;
}

/************************************************
*
* Typo class definitions
*
**************************************************/

div.tx_ustudwork_abstract {
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	margin-bottom:5px;
	margin-left:15px;

	border-style:dotted;
	border-color:#576f85;
	border-width:1px;

	/*background-color:#F5F5F5;*/
}

div.tx_ustudwork_worklink a {
	/*font-weight:bold;*/
}

div.tx_ustudwork_worklink {
	font-weight:bold;
	padding-bottom:5px;
}

div.csc-header h1 {
	font-size:1.5em;
}

p.bodytext {
	font-family:sans-serif;
	line-height:1.2em;
	margin-top: 0;
}

p.align-left {
	text-align:left;
}

p.align-center {
	text-align:center;
}

p.align-right{
	text-align:right;
}

p.align-justify{
        text-align:justify;
}

div.indent{
        margin-left:2em;
}


div.csc-header {
	clear:both;
}

.csc-frame-frame2 {
	font-weight:bold;
	color: black; 
	background-color: #F5FFAA;
	border: 1px solid;
	margin: 4px 1px 0px;
	overflow: hidden;
	padding: 0px 3px;
}

/*******************************************
*
* Definitions for dir_listing plugin
*
*******************************************/

h1.tx-dirlisting-pi1-title {
	font-size: 1.5em;
}


h1.tx-dirlisting-pi1-title a:visited,
h1.tx-dirlisting-pi1-title a:link,
h1.tx-dirlisting-pi1-title a:active {
	color: black;
	text-decoration: none;
}


div.tx-dirlisting-pi1 table {
	border-width: 1px;
	border-style: solid;
	border-color: #576f85;
	width: 90%;
}

tr.tx-dirlisting-pi1-header-row { background-color: #576f85; }
tr.tx-dirlisting-pi1-row {
	background-color: lavender;
	font-size:smaller;
}

.tx-dirlisting-pi1-header-icon,
    .tx-dirlisting-pi1-header-filename,
    .tx-dirlisting-pi1-header-perms,
    .tx-dirlisting-pi1-header-owner,
    .tx-dirlisting-pi1-header-group,
    .tx-dirlisting-pi1-header-filesize,
    .tx-dirlisting-pi1-header-filemod {
      color: white;
      font-style:normal;
      font-weight: bold;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: #576f85;
    }


/*******************************************
*
* Override for Definitions for tx-uEmployeeList-pi1
*
*******************************************/

/*
2009-06-16, eingefuegt kaih
Hack damit die Mitarbeiter-Tabelle auch im FF korrekt umgebrochen wird
*/
@media print {
	div.tx-uEmployeeList-pi1 .borderedtable {
		height: 100%;
		width: 100%;
		border: none;
	}
}

/*******************************************
*
* Override for Definitions for tx-lectureview-pi1
*
*******************************************/

/*
2009-06-16, eingefuegt kaih
Hack damit die Veranstaltungstabelle auch im FF korrekt umgebrochen wird
*/
@media print {
	div.tx-lectureview-pi1 table {
		height: 100%;
		width: 100%;
		border: none;
	}
}

/* unsere zwei Graus 
e7e7e7 (banner hell), 
dedede (banner dunkel)
*/