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

div#content {
    width: 41em;
    font-size: 11pt;
    margin-top: 4em;
    padding-top: 0.5em;
}

.topnav {
    width: 58em;
    float: left;
    border-bottom: 0.3em solid #008854;
}

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

div#footer {
    font-size: 8pt;
    color: #008854;
    width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
}

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


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

#title {}

#logo-left {
    border: 0px;
    float: left;
    font-size: 20pt;
    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: 1.2em;
    font-size: 11pt;
    font-weight: normal;
}

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


/* TOPBAR CONTENT
 ***************************************************************************/

.topnav  {
    overflow: hidden;
}



/* Style the links inside the navigation bar */
.topnav a{
    float: left;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}

.dropdown {
    float: left;
}


.topnav a:hover, .dropdown:hover .dropbtn{
    color: #FF9900;
}

.topnav a#current, .dropdown#current .dropbtn {
    color: #FF9900;
}

.dropdown .dropbtn {
    text-align: center;
    font-size: 17px;
    color: #008854;
    border: none;
    outline: none;
    text-decoration: none;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    font-weight: bold;
}


.dropdown-content {
    float:right;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* 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.5em;
	color: #008854;
   	border-bottom: 1px solid #008854;
	padding-top: .2em;
	padding-bottom: .2em;
	font-weight: bold;
}

h2 {
	font-size: 1.25em;
	background-color: #B0C0E0 /*#C2E0D5  #D3EDE3 */;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 3.5em;
	padding-right: 3.5em;
	margin-top: 5em;
}

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

h4{

	margin-top: 2em;
	border-bottom: 1px dotted #008854;
	font-weight: bold;
	font-size: 1.15em;
	}

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