/****************************************************************************
 * Copyright (C) 2008 Sociable Agents Group, Bielefeld University
 * http://www.techfak.uni-bielefeld.de/ags/sa/ 
 ***************************************************************************/

/* CONTAINER ELEMENTS (#container, #header, #content, #sidebar, #footer)
 ***************************************************************************/
div#container {
    width: 50em;
	margin: 0 auto;

	font-family: "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.15em;
	font-size: medium;
	color: #333333;
}

div#header {
	border-bottom: .3em solid #008854;
}

div#content {
    width: 36em;
    float: right;
		text-align: justify;
}

div#sidebar {
    width: 10em;
	float: left;
}

div#anonymous {
   width: 36em;
   float: left;
}


/* TITLE/LOGO and NAVIGATION
 ***************************************************************************/

#title {}

#logo-left {
    border: 0px;
    float: left;
		width: 20em;
}

#logo-right {
    border: 0px;
    float: right;
		width: 5em;
}

/*p#subtitle {*/
#subtitle {
    clear: both;
	padding: 0em 0em 0em 0em;
	margin-left: 0em;
	margin-top: 0em;
	color: #008854;
	line-height: 1.5em;
}

#header img {
    border: 0px;
    padding: 0em;
}


/* SIDEBAR CONTENT
 ***************************************************************************/

 #sidebar ul {
 	display: inline;
 	list-style-type: none;
 }

 #sidebar li {
 	padding-left: 1.5em;
 	text-indent: -1.5em;
 	line-height:  1.5em;
 }

/* Navigation */
#sidebar div#navigation {
    margin-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;
    border-bottom: .1em dotted #008854;
}

#sidebar div#navigation a {
    color: #008854;
}

#sidebar div#navigation a:hover {
    color: #FF9900;
}

#sidebar div#navigation a#current {
    color: #FF9900;
}

/* Sections */
#sidebar div.section {
	border-bottom: .1em dotted #008854;
	font-size: smaller;
}

#sidebar div.section p.title {
    text-transform: uppercase;
    letter-spacing: .2em;
    text-align:center;
}


/* STANDARD XHTML 1.0 ELEMENTS
 ***************************************************************************/

/* Set the top margin, to fit in the navigation bar. */
body {
	margin-top: 3em;
}

/* The normal font sizes are: H1=2em, H2=1.5em, H3=1.19em, H4=1em.
 * These are decreased 1 level, so that H1 -> H2, H2 -> H3, ...
 */
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", "Helvetica", sans-serif;
	font-weight: normal;
	clear: both;
	text-align: left
}

h1 {
	font-size: 1.19em;
	color: #008854;
	border-bottom: 1px dotted #008854;
	padding: .2em;
}

h2 {
	font-size: 1.19em;
	background-color: #D3EDE3;
	border-bottom: 1px dotted #008854;
	padding: .2em;
	margin-top: 2em;
}

h3 {
	font-size: 1em;
	background-color: #D3EDE3;
	border-bottom: 1px dotted #008854;
	padding: .2em;
	margin-top: 1em;
}

.codef {
    font-family: "Monaco", monospace, sans-serif ;
    font-size:   small; /* xx-small; */
}

.codefb {
    background:  #eee;
    font-family: "Monaco", monospace, sans-serif ;
    font-size:   small; /* xx-small; */
}

.code {
    padding: 0 0.5em;
    margin: 0.5em;
    text-align: left;
    white-space: pre; 
    background:  #eee;
    font-family: "Monaco", monospace, sans-serif ;
    font-size:   small; /* xx-small; */
    color:       #000;
}

/* Definition of hyperlink properties. */

a {
	text-decoration: none;
}

a:link {
	color: #008854;
}

a:visited {
	color: #333333;
}

a:hover {
	color: #FF9900;
}

a:active {
	color: #008854;
}

blockquote {
	font-style: italic;
}

img {
    border: 1px dotted #333333;
    padding: .2em;
}
img.table {
    border: 0px dotted #333333;
    padding: 0px;
}

img.floating {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
}

table {
    border: 0px dotted #333333;
    padding:0px;
}
tr {
    padding:0px;
}


/* Foldable Abstract Sections in publications */

div.noshow {
		display: none;
}

div.abstract { 
		background-color: #F1F1F1; border: 2px black solid; padding: 5px; margin: 5px
}