/*
Colors:
	light gray:				#f2f2f2
	dark gray:				#cccccc

	light blue:				#e0e5f0
	normal blue:			#bbccee
	normal-to-dark blue:	#556699
	dark blue:				#02253d

	light red:				#ffcccc
	light yellow:			#ffffcc
*/

/* General definitions */
html {
	height:			100%; /* needed for sticking the footer to the bottom of the page */
}

body {
	font-size:			10pt; /* for general navigation elements, such as in refbar and navbar */
	font-family:		"Helvetica Neue","Helvetica","Arial",sans-serif;
/*	background-color:	#f2f2f2;*/
	margin:				0pt;
	height:			100%; /* needed for sticking the footer to the bottom of the page */
	min-width:		650px; /* prevents line wrap in header2 */
}


/* Wrapper around both div#i4logo and div#navbar (this way we can float stuff correctly in div#content) */
div#sidebarwrapper {
	/*float: left;*/
}


/* Content wrapper, facilitates the 100% height of the content (left border covers full height) */
div#contentwrapper{
	/*min-height:		100%;*/
	background-color:	white;
	/*margin-left:		130pt;*/ /* 110 pt i4logo/navbar width + 2*10 pt i4logo/navbar padding */
	/*padding-left:			20pt;*/
	/*border-left:		1pt solid #02253d;*/
}
/* Content, which includes actual, varying page content */
div#content {
	font-size:			11pt;
	padding-bottom:		40pt; /* keep this height clear for the footer and some extra whitespace */
	/*padding-right: 5ex;*/
	/*padding-top: 		110px;*/
}

/* Float area, which can hold floating elements within div#content and auto-clears following elements */
div.content-floatarea {
	overflow:		hidden; /* see http://www.quirksmode.org/css/clearing.html */
	width:			100%;
}


/* /People/: Area of floating people */
div.people-imagearea {
	float:			left;
	max-width:		850px;
}
div.people-imagearea div.people-picandname {
	float:			left;
	text-align:		center;
	height:			170px;
	width: 			150px;
	margin:			0 0.5em 0.5em .5em;
}
div.people-imagearea div.people-picandname div {
	text-align:		center;
	white-space:		nowrap;
	vertical-align:		bottom;
	display:		table-cell;
	height:			170px;
	width: 			150px;
}
div.people-imagearea div.people-name {
	float:			left;
	text-align:		center;
	width: 			130px;
	margin:			1em 0.5em 1em .5em;
}
div.people-imagearea div.people-name div {
	text-align:		center;
	white-space:		nowrap;
	width: 			150px;
}
div.people-imagearea div img {
	margin-top:		.8em;
	height:			100px;
}
span.people-remotetag {
	color:			red;
	font-size:		8pt;
}
span.people-dagger {
	font-size:		8pt;
	vertical-align:		text-top;
}
ul#people-alumnilist {		
/*	list-style:		none;*/
}
ul#people-alumnilist ul {		
	list-style:		none;
}

/* people-imagearea-big/people-picandname-big: Variant of people-imagearea with larger photos and less spacing */
div.people-imagearea-big {
	float:			left;
	max-width:		1200px;
}
div.people-imagearea-big div.people-picandname-big {
	float:			left;
	text-align:		center;
	height:			220px; /* height of name+image */
	width: 			170px; /* horizontal space for name+image */ 
	margin:			0 0.5em 0.5em .5em;
}
div.people-imagearea-big div.people-picandname-big div {
	text-align:		center;
	white-space:		nowrap;
	vertical-align:		bottom;
	display:		table-cell;
	height:			220px; /* repeat height of outer div here */
	width: 			170px; /* repeat height of outer div here */
}
div.people-imagearea-big div img {
	margin-top:		.8em;
	height:			150px;
}

/* Images do not have a border */
img {
	border:				0pt;
}

/* Link colors */
a:link {
	color:				#001a59;
}
a:visited {
	color:				#001a59;
	/*color:				#556699; */
}

/* Level 1 headings are dark blue */
h1 {
	color:				#001a59;
	margin:				23px 0 23px 0;
}

/* Level 2 headings are dark blue w/ light gray background */
h2 {
	color:				#001a59;
	background-color:	#f2f2f2;
	padding: 5px 10px;
}

/* People table */
table.people {
	border:				0px;
	margin:				2px;
	padding:			5px;
}

table.people td {
	padding:			10px;
	text-align:			center;
}

/* Publications from UnivIS */
div.pub {
	font-size:			85%;
}

/* Theses from UnivIS */
div.thesis {
	font-size:			85%;
}

/* Common, useful styles */
span.nowrap {
	white-space:			nowrap;
}

/* Special style for unordered list on front page */
ul#frontpagelist li {
    margin:             1.5ex 0;
    padding-left:       1em;
    text-indent:        -1em;
}

/* Unordered list using arrows as bullets (used in /Contact/) */
ul.arrowlist {
    list-style-image:   url("/Img/arrow.gif");
}
ul.arrowlist li {
    padding:            1em 0;
}

/* Unordered list using arrows as bullets, with indented content  */
ul.arrowlist-indented {
    list-style-image:   url("/Img/arrow.gif");
}
ul.arrowlist-indented li {
    margin:             1.5ex 0;
    padding-left:       1em;
    text-indent:        -1em;
}

/* Some special styles for /Lehre/ */

table td.Lehre_ws {
	padding: 2px 0 2px 7px;
}
table td.Lehre_ss {
	padding: 2px 7px 2px 0;
}
table.Lehre_table th {
	padding-top: 15px;
	text-align: center;
	font-weight: normal;
}
a.Lehre_ss {
	background-color: #ffcccc;
    padding: 0pt 1pt;
}
a.Lehre_ws {
	background-color: #ffffcc;
    padding: 0pt 1pt;
}

table.material {
	border: 1px solid black;
	padding: 0.2em;
	font-size: 11pt;
}

table.material th {
	margin: 0.2em;
	padding: 0.5em;
	color: #001a59;
	background-color: #f2f2f2;
}

table.material td {
	margin: 0.2em;
	padding: 0.5em;
}

/* Requires CSS3 for alternating row backgrounds; Fallback to
   light gray if not recongnized by old browsers */
table.material tr {
	background-color: #f2f2f2;
}

table.material tr:nth-child(even) {
	background-color: #fff;
}

/* Highlighting for special messages */

.highlight_new {
	padding: 0.2em;
	background-color: #ccffcc;
}

.highlight_warning {
	padding: 0.2em;
	background-color: #ffcccc;
}

/* Nicer look for time-tables imported from UnivIS (need to be explicitly put
 * into a div.univis-timetable!) */

div.univis-timetable>table {
    border: 1px solid black;
    margin: 2px;
    padding: 5px;
    empty-cells: hide;
}

div.univis-timetable>table th {
    padding: 5px;
    color:              #012e5c;
    background-color:   #F2F2F2;
    border: 0 !important;
}

/* Style for semester schedule table */
table.semester-table {
	border: 1px solid black;
	margin: 2px;
	padding: 5px;
    text-align: center;
}

table.semester-table td,th {
	padding: 5px 10px;
}

table.semester-table th {
	border-right: 2px solid white;
	border-left: 2px solid white;
 	color: #012e5c;
	background-color: #F2F2F2;
}

table.semester-table tr.date td {
    border-top: 2px solid #f2f2f2;
    font-size: 90%;
}

table.semester-table tr.nodelimiter td {
    border-top: 0px !important;
}

/*
Temporary:

div#newsbox {
	background-color:	#bebebe;
	float:				right;
	padding:			10pt;
	width:				150pt;
	clear:				left;
	text-align:			left;
	font-size:			10pt;
	padding-top:		30pt;
}

span#search {
	position:			relative;
	left:				200pt;
	top:				-10pt;
}

span#logo_univis {
	position:			relative;
	left:				200pt;
	visibility:hidden;
}

span#logo_search {
	position:			relative;
	left:				300pt;
	visibility:hidden;
}

span#logo_lang {
	position:			relative;
	left:				400pt;
	visibility:hidden;
}
*/