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

/* CONTAINER ELEMENTS (#container, #header, #content, #sidebar, #footer)
 ***************************************************************************/

@font-face {
	font-family: OurHelvetica;
	src: local("Helvetica Neue"), local("HelveticaNeue");
	/* The following font has been suggested as a free fall-back
	 * for Helvetica Neue, we could use it:
	 * http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
	,url(MgOpenModernaRegular.ttf); */
}

div#container {
    width: 54em;
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, sans-serif;
/*	font-family: OurHelvetica, Arial, sans-serif; */
/*	font-family:"Helvetica Neue",  Helvetica, sans-serif; */
	line-height: 1.35em;
	font-size: 11pt;
	color: #111111;
}

div#header {
  padding-top: 8px;
  border-bottom: 0.3em solid #008854;
}

div#content {
    width: 41em;
    float: right;
    font-size: 11pt;
    padding-top: 0.1em;
}

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

div#footnote {
    font-size: 8pt;
    color: #008854;
    text-align: right;
    border-top: .1em solid #008854;
    clear: both;
}

div.emph {  
    color: #008854;
    font-weight: bold;
    line-height: 0em;
}

#content div.widecontainer {
    width: 41em;
    padding-top: 1.5em;
    border-bottom: .1em dotted #008854;
}

#content div.narrowcontainer {
    width: 22em;
    padding-top: 1.5em;
    padding-left: 1em;
    margin-left: .5em;
    /*border-bottom: .1em dotted #008854;*/
    font-size: smaller;
    float: left;
}

#content div.narrowcontainer p.title {
    text-transform: uppercase;
    letter-spacing: .2em;
    text-align:left;
}

#content div.narrowcontainer div.topics {
    /* border-top: .1em dotted #BBBBBB; */
    /* background-color: #BBBBBB; */
    margin-left: -2em;
    text-align:left;
}

#content div.narrowcontainer ul li {
  list-style-type: none;
  list-style-position: outside;
  text-indent: -0.9em;
}

#content div.narrowcontainer ul li:before {
  content: "\00BB \0020";
}

#content ul {
 display: block;
 list-style-type: square;
 margin-top: 1em;
 margin-bottom: 1 em;
 margin-left: 0;
 margin-right: 0;
 padding-left: 15px;
}

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

#title {}

#logo-left {
    border: 0px;
    float: left;
    font-size: 15pt;
    font-weight: bold;
    margin-top: 0.2em;
}

#logo-right {
    border: 0px;
    float: right;
    color: #008854;
    font-size: 10pt;
    text-align: right;
}

p#headline {
    clear: both;
    padding: 0em 0em 0em 0em;
    margin-left: 0em;
    margin-top: 0em;
    line-height: 1.5em;
    font-size: 10pt;
    border-bottom: 1px dotted #008854;
}

p#subtitle {
    clear: both;
    padding: 0.5em 0em 0em 0em;
    margin-left: 0em;
    margin-top: 0em;
    color: #008854;
    line-height: 1em;
    font-size: 11pt;
    font-weight: normal;
}

#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;
}

#sidebar div {
    border-bottom: .1em dotted #008854;
}

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

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

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

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

/* Sections */
#sidebar div.section {
	font-size: smaller;
}

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

#sidebar div#news {
    /*width: 15em;
    height: 15em;
    overflow: auto;*/
    margin-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;
}

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

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

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


/* NEWS CONTENT
 ***************************************************************************/
#content div.news {
    border-top: .1em dotted #008854;
    font-size: smaller;
}

#content div.news p.title {
    text-transform: uppercase;
    letter-spacing: .2em;
    text-align:left;
}

#content div.widecontainer p.note {
    font-size: smaller;
}

#content div.news div.topics {
    /* border-top: .1em dotted #BBBBBB; */
    /* background-color: #BBBBBB; */
    margin-left: -2em;
    text-align:left;
}

#content div.news ul li {
  list-style-type: none;
  list-style-position: outside;
  text-indent: -0.9em;
}

#content div.news ul li:before {
  content: "\00BB \0020";
}



/* 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;
}

h1 {
   	font-size: 1.15em;
	color: #008854;
   	border-bottom: 1px solid #008854;
	padding-top: .2em;
	padding-bottom: .2em;
}

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

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

/* Definition of hyperlink properties. */

a {
	text-decoration: none;
}

a:link {
	color: #008854;
}

a:visited {
	color: #297861;
}

a:hover {
	color: #FF9900;
}

a:active {
	color: #008854;
}

blockquote {
	font-style: italic;
}

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

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

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

.emph {
    color:#008854;
    font-weight:bold;
}

.noborder {
    border: 0px;
    padding: 0em;
}

p.pub {
    padding-left: 1.5em;
    text-indent: -1.5em;
}