/*
 * Universitaet Tuebingen
 * Wilhelm Schickard Institut fuer Informatik
 * Arbeitsbereich Datenbanken und Informationssysteme
 *
 * KommVV: Kommentiertes Vorlesungsverzeichnis
 *
 * 2003 Ralf Sternberg <ralf.sternberg@student.uni-tuebingen.de>
 * -------------------------------------------------------------------
 *
 * style.css
 *
 * CSS Style Sheet fuer alle Browser
 */

/*
 * Reminder:
 * ---------
 * margin with more than one parameter is interpreted
 * in the same order as a clock passes the quarters.
 *
 * margin:  top  right  bottom  left
 * margin:  top+bottom  right+left
 * margin:  top  right+left  bottom
 */

/********************************************************************
 *   F O N T   F A M I L I E S
 *******************************************************************/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, td, th, div {
	font-family: Arial, Helvetica, sans-serif;
}

pre, code, kbd, tt {
  font-family: Courier New, Courier, monospace;
}


/********************************************************************
 *   F O N T   S I Z E S
 *******************************************************************/

small {
	font-size: 85%;
}

big {
	font-size: 120%;
}

/********************************************************************
 *   H E A D L I N E S
 *******************************************************************/

h1, h1 a {
	color: #000000;
	font-size: 133%;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

h2, h2 a {
	color: #224774;
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	color: #8d8377;
	font-size: 100%;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

/********************************************************************
 *   F O R M A T S
 *******************************************************************/

body {
	background-color: #dfd9ce;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

pre {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

blockquote, cite {
  font-style: italic;
}

hr {
	display:none;
	color: #023a72;
	height: 1px;
	width: 50%;
	text-align: left;
}

/********************************************************************
 *   T A B L E S
 *******************************************************************/

td {
	text-align: left;
	vertical-align: top;
/*  padding-left: 0.5em; */
/*  padding-right: 0.5em; */
}

td.form {
	text-align: left;
	vertical-align: top;
	background-color: #EAE5D1;
}

td.thead {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color: #023a72;
}

td.tbody {
	text-align: left;
	vertical-align: top;
}


/********************************************************************
 *   L I N K S
 *******************************************************************/

a {
	text-decoration: none;
	padding: 1px 0px 1px 0px;
	color: #aa5522;
}

/* links to external websites */
a.intern {
	padding: 1px 0px 1px 16px;
	background: transparent url(graphics/link-intern.png) 0px 1px no-repeat;
}

/* links to external websites */
a.web {
	padding: 1px 0px 1px 16px;
	background: transparent url(graphics/link-web.png) 0px 1px no-repeat;
}

/* link to public key */
a.key {
	padding: 1px 0px 1px 16px;
	background: transparent url(graphics/link-key.png) 0px 1px no-repeat;
}

/* mailto: links */
a.mail {
	padding: 1px 0px 1px 18px;
	background: transparent url(graphics/link-mail.png) 0px 1px no-repeat;
}

/* links not visited yet */
a:link {
	color: #aa5522;
}

/* links already visited */
a:visited {
	color: #772200;
}

/* mouseover effect for links */
a:hover {
	color: #461400;
	background-color: #ffec80;
	text-decoration: underline;
	/*border: 1px dashed #ff4800;*/
}

/* links without mouseover effect */
a.nohover:hover {
	color: inherit;
	background-color: inherit;
	text-decoration: none;
}


/********************************************************************
 *   B O X E S
 *******************************************************************/

p {
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.notice {
	text-align: left;
	color: #000000;
	background-color: #F5E2AD;
	border-width: 2px;
	border-style: solid;
	border-color: #F4CE12;
	padding: 3px;
}

p.error {
	font-weight: normal;
	text-align: left;
	color: #000000;
	background-color: #F5ADAD;
	border-width: 2px;
	border-style: solid;
	border-color: #A00000;
	padding: 3px;
}

/********************************************************************
 *   G E N E R A L   C L A S S E S
 *******************************************************************/

span.error {
	color: #AB0000;
}

/* * * MOTD * * */

div.motd {
	color: #8d8377;
	background-color: #f7f3f0;
	padding: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px dotted #8d8377;
	float: right;
}

/* * * BLOG ENTRY * * */

div.logenty-head {

}

div.logenty-head span.date {
	color: #554839;
	background-color: #cdc5bf;
	font-size: 85%;
	font-weight: bold;
	padding: 1px 5px;
}

div.logenty-head span.title {
	color: #554839;
	font-weight: bold;
	padding: 1px 5px;
	margin-left: 5px;
}

div.logenty-body {
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 12px;
}

/********************************************************************
 *   P H O T O
 *******************************************************************/

div.thumbbox {
	float: left;
	margin: 5px;
	text-align: center;
}

img.thumb {
	margin: 5px;
	padding: 5px;
	background-color: #f7f3f0;
	border: 1px solid #e7e3e0;
}

img.photo {
	padding: 15px; /* 25px */
	background-color: #f7f3f0;
	border: 1px solid #e7e3e0;
}

p.phototext {
	font-size: 133%;
	text-align: left;
}

/********************************************************************
 *   S I D E B A R
 *******************************************************************/

div.sidebar {
	margin-left: 25px;
	margin-bottom: 20px;
	text-align: left;
}

p.sidebar {
	padding: 2px;
	margin-top: 2px;
	margin-left: 2px;
}

img.sidebar {
	padding: 2px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px dashed #718092;
	background-color: white;
}

/********************************************************************
 *   H E A D   R I B B O N
 *******************************************************************/

td.head-ribbon {
	color: #fffaf0;
	background-color: #8d8377;
	font-size: 10px;
	padding-left: 8px;
	padding-right: 8px;
}

span.head-ribbon {
	color: #fffaf0;
	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
}

.head-ribbon a {
	color: #ccc7be;
	text-decoration: none;
}

.head-ribbon a:hover {
	color: #fffaf0;
	background-color: inherit;
	text-decoration: underline;
}

/********************************************************************
 *   F O O T   R I B B O N
 *******************************************************************/

div.foot-ribbon {
	color: #fffaf0;
	background-color: #8d8377;
	font-size: 10px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #ef7523;
}

.foot-ribbon span {
	color: #fffaf0;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.foot-ribbon a {
	color: #fffaf0;
	text-decoration: none;
}

.foot-ribbon a:hover {
	color: #fffaf0;
	background-color: inherit;
	text-decoration: underline;
}

/* * *   THE THIN BAR   * * */