/* global settings */

/* SETUP STANDARD FONT SIZE WHERE ALL RELATIVE MEASURES APPLY TO */
body, table, td, tr, ul {
	font-size : 13px;
}

body {
	min-width:800px;
	min-height:800px;
	background-color: #ffffff;
	color: #373534;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif; /* alter table setup as well if changing here */
}

table {
	width:90%;
}


a:link    { text-decoration:none; color:#2a6ebb; }
a:visited { text-decoration:none; color:#2a6ebb; }
a:hover   { text-decoration:underline; color:#2a6ebb; }
a:active  { text-decoration:underline; color:#2a6ebb; }


h1, h2, h3, h4, h5, h6 {
    color: #373534;
    background-color: #ebebeb;
/*    margin-left: 10px;
    margin-right: 10px; */
    margin-left: 0;
    margin-right: 0;
	font-family: 'Times New Roman', Times, Georgia, serif; /* CD Uni Freiburg */
}

h1 {
    background-color: #cacac8;
	font-size:110%;
	font-weight:bold;
	padding:3pt 0pt 3pt 12pt;
	margin-top:24px;
	margin-left:0px;
	margin-right:0px;
}

h2 {
	font-size:110%;
	margin-top:12pt;
	font-weight:bold;
	padding: 2pt 2pt 2pt 10pt;
	border-bottom: 1px dashed #aaa;
}

h3 {
	  font-weight:normal;
	  background-color:#ebebeb;
	  position:relative;
	  padding:0pt;
	  font-size:110%;
	  border-bottom-style:solid;
	  border-bottom-color:#aaaaaa;
	  border-bottom-width:0.5pt;
	  padding: 0pt 0pt 0pt 10pt;
	  color:#555;
}

img.borderless {
	margin-bottom:10px;
	border:0;
}

/*
 * ------------------------------------------------------
 * class publications
 *
 */

div.publications ul ul {
	margin-top:0em;
	margin-bottom:0em
}

div.publicationsmenu {
  font-size:85%;
}

div.publicationsmenu li {
  font-size:100%;
  margin-bottom:0pt;
  list-style:none;
}


div.publicationsmenu table {
  font-size:100%;
}



/*
mail
*/

img.mail {position:relative; top:2px}


/*
 * ------------------------------------------------------
 * class menubox
 *
 */


div.menubox {
	width:150px;
	max-width:150px;
	background-color:#cacac8;
	color:#373534;
	position:absolute;
	 top:220px; left:2px;
	font-size:13px;
}

div.menubox ul {
	list-style:none;
	margin:0;
	width:150px;
	padding:0;
}

div.menubox ul li {
	width:150px;
	min-width:150px;
	border-top:solid 1px #ffffff;
}



a.menue:link    { color: #373534; font-weight:normal; }
a.menue:visited { color: #373534; font-weight:normal; }
a.menue:active  { color: #373534; font-weight:normal; }
a.menue:hover   { color: #ffffff; font-weight:normal; background-color: #003592; }

a.menue {
	display: block;
	width:142px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	min-width:142px;
	text-decoration:none;
	font-weight:normal;
	padding:2px 0px 2px 8px;
}

a.menueSub:link    { color: #373534; font-weight:normal; }
a.menueSub:visited { color: #373534; font-weight:normal; }
a.menueSub:active  { color: #373534; font-weight:normal; }
a.menueSub:hover   { color: #ffffff; font-weight:normal; background-color: #003592; }

a.menueSub {
	background-color: #e2e1dd;
	display: block;
	width:142px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	min-width:142px;
	text-decoration:none;
	font-weight:normal;
	padding:2px 0px 2px 8px;
}



/*
  IE compatibility hack :
    the standard adds padding and margin to width
    BUT IE uses width as full width and substract padding and margin
*/
* html a.menue {
        width: 150px;
        min-width: 150px;
}





/*
 * ------------------------------------------------------
 * class contentbox
 *
 */

div.topbar {
	width: 900px;
	height: 19px;
	background-color: #e2e1dd;
	position:absolute;
	 top:134px; left:200px;
}
a.language {
	border:0;
	position:relative;
	 top: 2; left: 870;
}

div.contentbox {
	position:absolute;
	 top:153px; left:200px;
	margin:0;
	width: 870px;
	padding: 0 15 15 15;
	text-align:left;
	background-color: #f2f3f1;
}

/*
  IE compatibility hack :
    the standard adds padding and margin to width
    BUT IE uses width as full width and substract padding and margin
*/
* html div.contentbox {
        width: 900px;
}

div.contentbox h1 {
	margin-left:-15px;
	margin-right:-15px;
}

div.contentbox h1:first-child {
        margin-top:0;
}


div.contentbox ul {
	list-style-image:url(pics/karo_small.gif);
}
/*	background-color: #f4f3f3; */

div.dashedbox {
	margin: 30px 15px 15px 15px;
	text-align:left;
	padding: 16;
	border: 1px dashed #aaa;
	background-color: #f4f3f3;
}

div.dashedbox ul {
  list-style-image:url(pics/karo_small.gif);
}
/*	background-color: #f4f3f3; */

p {
	margin: 5px 15px 5px 15px;
}

/*
 * ------------------------------------------------------
 * overview table
 *
 */


table.overview { width:95%; }
table.overview tr { vertical-align:top; }

ul.pseudoitem {margin:0.3em 0em;}


/*
 * ------------------------------------------------------
 * class headerbox
 *
 */

div.logobox {
	position:absolute; top:14px; left:131;
}

div.logobargray {
	position:absolute; top:130px; left:0;
	width:127px;
	height:4px;
	max-height:4px;
	min-height:4px;
	background-color:#cccccc;
	background-image: url(/pics/alu-gray-bar-10x4.gif);
	background-repeat: repeat;
}

div.logobarred {
	position:absolute; top:130px; left:200;
	width:17px;
	height:4px;
	max-height:4px;
	min-height:4px;
	background-color:#c1002b;
	background-image: url(/pics/alu-red-bar-17x4.gif);
	background-repeat: repeat;
}

div.headerbox {
	height:130px;
	max-height:130px;
	width:900px;
	position:absolute;
	 top:0px; left:200px;
	font-family: 'Times New Roman', Times, Georgia, serif;
	background-color:#003592;
	background-image: url(/pics/alu-siegel-93x55-blau.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}


/*
 * ------------------------------------------------------
 * team page
 *
 */

div.personInfo {
	width:45%;
	margin-left:30px;
	margin-top:20px;
	display: inline-block;
	vertical-align:top;
	*zoom: 1;
    *display: inline;
}

div.personPic {
	width:55px;
	text-align:right;
	display: inline-block;
	vertical-align:middle;
	*zoom: 1;
    *display: inline;
}

div.personData {
	margin-left: 5px;
	display: inline-block;
	vertical-align:middle;
	*zoom: 1;
    *display: inline;
}


/*
 * ------------------------------------------------------
 * allgemeine settings
 *
 */


td.header {
	background-color:#d8dec8;
	font-size:120%;
	border-bottom: 1px dashed #aaa;
}

.grey {
	color:#555;
	font-size: inherit;
}

.black {
  	color:#000;
}

.grey_bold {
	color:#555;
	font-weight:bold;
}

.olive_bold {
	color:#5a6839;
	font-weight:bold;
	font-size:15;
}

.bold {
	font-weight:bold;
}

div.addressbox {
	margin-top: 40px;
	margin-left: 20px;
}

.red {
	color: red;
}
.red_bold {
	color: red;
	font-weight:bold;
}
.redBlink {
	color: red;
	text-decoration: blink;
}

/* add by SW, 2014-03-20 (to match p-tag) */
pre {
	margin: 5px 15px 5px 15px;
}


div.organismSection {
	display: flex;
	height: 150px;
	width: 100%;
}
div.organismSection h1 {
	display: inline-block;
}

div.leftSection {
	float: left;
	height: 100%;
	width: 80%;
	overflow: hidden;
}

div.organismDescription {
	float: left;
	width: 100%;
	height: 80%;
}

div.arrowButton {
	margin-left: 15px;
	float: left;
	width: 100%;
	height: 20%;
}

div.organismImageSection {
	float: left;
	height: 100%;
	width: 20%;
	text-align: right;
}

img.orgimg{
	height : 150px;
}

a:hover path { filter: brightness(50%)}
a[href]:hover { text-decoration: none;}

div.referencesSection ul.referenceList {
	counter-reset: list;
}

div.referencesSection ul.referenceList li {
	list-style: none;
	text-indent: -20px;
}

div.referencesSection ul.referenceList li:before {
	content: "(" counter(list) ")";
	counter-increment: list;
}


div.collaboratorText {
	float: left;
	height: 100%;
	width: 50%;
}

div.collaboratorLogo {
	float: left;
	height: 100%;
	width: 50%;
	text-align: right;
}


ul.collaboratorList {
	list-style: circle;
}
ul.collaboratorList li {
	margin: 10px 0;
}



img.jlu {
	height: 85px;
	float: right;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.hess {
	height: 125px;
	float: right;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

div.collaboratorSection {
	display: inline-block;
	width: 100%;
}

div.topSection {
	width: 100%;
	height: 150px;
	text-align: center;
}

img.spp2002logo {
	height: 140px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

div.bottomSection {
	display: inline-block;
	width: 100%;
	height: 275px;
}

div.sharmaLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.vogelLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}


div.marchfelderLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.becherLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.shenzenLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.streitLab {
	width: 50%;
	height: 225px;
	text-align: center;
	float: left;
}

div.ahrensLab {
	width: 50%;
	height: 225px;
	text-align: center;
	float: left;
}

div.hackenbergLab {
	width: 50%;
	height: 225px;
	text-align: center;
	float: left;
}

div.hessLab {
	width: 50%;
	height: 225px;
	text-align: center;
	float: left;
}

div.backofenLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.jungLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.helmholtzLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.sangerLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.cainLab {
	width: 50%;
	height: 200px;
	text-align: center;
	float: left;
}

div.upperPart {
	width: 100%;
	height: 75px;
	text-align: center;
	float: left;
}

div.lowerPart {
	width: 100%;
	height: 100px;
	text-align: center;
	float: left;
}

img.uniwuerzburg {
    height: 85px;
    background-color: #fff;
    padding: 4px;
    margin: 5px;
}

img.unifreiburg {
	height: 125px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.uniulm {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.unigreifswald {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.unikiel {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.unigiessen {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.uniswiss {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.lmu {
	height: 115px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.hiri {
	height: 125px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.shenzen {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.sanger {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.cain {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

img.hopkins {
	height: 85px;
	background-color: #fff;
	padding: 4px;
	margin: 5px;
}

ul.nameList {
	list-style: none;
	padding-left: 0;
}

ul.nameList li {
	margin: 5px 0;
}

table, th, td {
	border: 1px solid black;
}