/* @override 
	http://lipidprofiles.morphose.ch/fileadmin/templates/styles/styles.css
	http://www.lipidprofiles.com/fileadmin/templates/styles/styles.css
*/

/* 
Description: Stylesheet for lipidprofiles.com
Version: 1.0
Author: Morphose Visuelle Kommunikation, Mark Schönbächler
Author URI: http://www.morphose.ch/
*/

/* @group News */

.news-single-backlink, .news-list-gotoarchive, #staff-single-backlink {
 font-size: 0.725em;
 margin:4em 0 0;	
}


.newsarchive {
	margin-bottom:1em;
	margin: -10px 0 0;
	font-size: 0.9em;
}

.news-amenu-period {
	margin: 0 0 0 1em;
	display: block;
	float: left;


}

.news-amenu-item-year {
	clear: left;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 0 .5em 0;

}






.news-list-morelink {
	text-align: left;
}

.news-list-morelink a { 
	font-size: 0.8em;
	
}

.news-list-container {
	margin: 1em 0 0;
}

.news-list-item {
	 background-color:#FFF9DC;
	 margin-bottom: 0;
	 padding:10px;
}

.entry .news-list-item {
	 padding: 10px 10px 2em;
} 

.sideContainer .news-list-item {
	background: none;
	padding: 0;
	margin-bottom: 1em;
}



.news-list-item .figure {
	border: 1px solid #aaa;
	margin: 0;
}

.news-list-item  h2 {

	clear: both;
	padding: 5px 0 5px 0;
	line-height:1.3em;
	font-weight:bold;
	margin: 0 0 0.5em 0;
	
}

.news-list-item  h2 a {
	color:  #444;
	}
	
.news-list-item  h2 a:hover {
	color: #ffd200;
	}

.news-list-item  h3 {
	
	clear: both;
	letter-spacing: 0;
	margin: 0;
	}

.news-list-info {
	font-size:0.625em;
	border-bottom: 1px solid #bbb;
	margin: 0 0 5px;
	overflow:auto;
}

.news-list-category {
	float:right;
}


.news-list-date {
	float:left;
	}

.news-single-item {
	width: 460px;
}

.sideContainer .news-list-date {
	 float: right;
	 	 }

.sideContainer .news-list-category {
	color: #444;
	width: 100%;
	text-align: right;
	float: none;
	font-size: 0.6875em;
	border-bottom: 1px solid #fff;
	margin: 0 0 5px;
}

.news-list-item.alt-row{
	background-color: white;
}

.newsarchive ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}
.newsarchive ul ul {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}

.news-single-item.publication h1 {
	display: block;
margin: 0px 0 40px 0;
}


.publications h3 {
	text-transform: none;
	letter-spacing:0;
	display:inline;
}
.publications h4 {
	font-style: italic;
	font-weight: normal;
	display:inline;
}

.publication .bodytext {
	margin: 1em 0 0;
}

.publication-source {
	font-style: italic;
}

.onedayevent, .multidayevent {
	font-size: 0.8em;
	font-weight:bold;
	margin: 0.5em 0;
}

.news-single-item h1 {
	margin-bottom: 0;
}

.news-single-item .onedayevent, .news-single-item .multidayevent {
	font-size: 1em;
	font-weight:bold;
	margin: 0.5em 0;
}



.news-single-timedata, .news-single-category {
	font-size: 0.7em;
	width: 460px;
	text-align: right;
	display:block;
	margin:0 0 0.2em;
}

div.news-single-timedata {
	margin: 2em 0 0;
}
.news-single-category {
	margin: .5em 0 ;
}


.eventwhere {
	font-size: 0.8em;
	margin: 0 0 1.5em 0;	
}

.news-single-item .eventwhere {
	font-size: 1em;
	
}




/* @end */

/* @group Typography and Colors */

body {
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	background: #000 url(images/background.jpg) repeat-x left 100px;
	color: #555;
	text-align: left;
}

p {
	font-size: 0.8em;
	margin: 0 0 1em 0;
	line-height: 1.3em;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
	line-height: 1.5em;
}

small.datum_zeit {
	display: block;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 0 0 0.5em 0;
	line-height:1.2em;
}

h1 {
	font-size: 1.25em;
	text-align: left;
	font-weight: normal;
	line-height: 1.2em;
}

h2 {
	font-size: 1em;
	font-weight: normal;
}

#sideCol .plugin h2, .sideContainer dt, #centerCol .sideContainer h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color:#CCC700;
	margin: 0 0 0.5em;
}

.sideContainer dt {
	margin: 0 0 0.75em;
}



h3 {

	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.sideContainer h3 {
	font-weight: bold;
	text-transform: none;
	margin-top:0;
	padding-top: 0px;
	font-size: 0.9em;
}

.sideContainer h3 a {
	color: #555;
	letter-spacing: 0;
}

.entry .sideContainer dt {
	margin: 0 0 10px 0;
	font-weight:normal
}

.sideContainer .onedayevent, .sideContainer .multidayevent {
	font-weight:normal;
	font-size: 0.8em;
	margin: 0.5em 0 0 0;
}



h4, h5 {
	font-size: small;
	font-weight: bold;
}

h5 {
	margin: 20px 0 1em 0;
	font-weight: normal;
}

a {

	font-family: Helvetica, Arial, Sans-Serif;
	color: #aaa;
	text-decoration: none;
}

#footer ul li a {
	color: #555;
}



a:hover, .on a {
	color: #ffd200;
}

.sideContainer a:hover, .sideContainer .on a {
	color: #ffffff;
}

.sideContainer a {
	color: #555;
}


sub {
	font-size: 0.625em;
	position: relative;
	bottom: 0.2em;
	left: -0.2em;
}

sup {
	font-size: 0.625em;
	position: relative;
	bottom: 1.1em;
}

.sideContainer p {
	line-height: 1em;
}

#footer {
	text-align: center;
}

.figureLegend {
	margin: 0;
	font-size: x-small;
	text-align: right;
}

.abstract {
	font-weight: bold;
	line-height: 1.3em;
}

#main_menu {
	font-size: 20px;
	line-height:25px;
}

#main_menu .menuL1.LipidProfiles {
	margin-left: 2em;
}

#sub_menu {
	font-size: 16px;
	line-height:20px;
}

.entry ul, .entry dl, .entry ol {
	font-size: 0.8em;
}

#popup {
	background: #fff;
	padding: 20px;
}

/* @end */

/* @group Structure */

body {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

#container {
	background-color: white;
	margin: 0 auto 20px;
	text-align: left;
	padding: 20px;
	width: 780px;
	border: none;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	position:relative;
}

#staff-single-list dl dd {
	margin: 0 0 0 1em;
}

#header {
	width: 780px;
	height: 140px;
	margin-bottom: 20px;
	overflow: hidden;
}

#navigation {
	position:relative;
	width: 780px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
	margin-bottom: 5px;

	padding: 0;
}

#menus {
	height:100%;
	padding:0;
	width: 780px;
}

#main_menu, #sub_menu, #page_menu {
	margin: 0;
	padding: 0;
}

#main_menu {
	
	width: 580px;
}

#sub_menu {
	
	margin: 0 0 40px 0;
	width: auto;
}

#page_menu {
	height: 12px;
	margin: 11px 0 0 0;
}

#content {
	
}

.entry {
	width: 460px;
	margin: 0px 0 3em 0;
}

#centerCol {
	width: 460px;
	margin: 0 20px 0 0;
	float: left;
	display: inline;
}

#sideCol {
	clear: right;
	float: right;
	width: 300px;
	margin: 40px 0 0 0;
	display:inline;
}

.entry #sideCol {
	margin: 0 -320px 0 0;
}

.img-wrapper {
	background: url(images/shadow_2col.png) no-repeat right bottom;
	float: left;
	padding: 0 5px 5px 5px;
	
}

.img-wrapper div.container-background {
	background: url(images/mask_2col.png) no-repeat left top !important;
	background: url(images/mask_2col.gif) no-repeat left top;
	float: left;
	padding: 0 5px 5px 5px;
}

#topicsmenu div.img-wrapper {
	background: url(images/shadow_1col.png) no-repeat right bottom;
	
}

#topicsmenu .img-wrapper div.container-background {
	background: url(images/mask_1col.png) no-repeat left top !important;
	background: url(images/mask_1col.gif) no-repeat left top;
	padding: 0 5px 5px;
}

.banner .img-wrapper, #centerCol .img-wrapper{
	background-image: url(images/shadow_3col.png);
}

.banner .img-wrapper div.container-background, #centerCol .img-wrapper div.container-background {
	background: url(images/mask_3col.png) no-repeat left top !important;
	background: url(images/mask_3col.gif) no-repeat left top;
	float: left;
	padding: 0 5px 5px 5px;
}






.sideContainer, .banner {
	clear: right;
	margin: 0 0px 20px -10px;
	position: relative;
	width: 320px;
	padding: 0;
}

.banner  {
	padding:0;
	overflow: hidden;
	width:480px;
}

.banner a, .figure a {
	display: block;
	height: auto;
	line-height: 0;
	
}

* html .sideContainer {
	d\isplay: inline;
}


.sideContainer dl.links, .sideContainer dl.downloads, .sideContainer dl.comments, .sideContainer div.plugin {
	background: #ffd200 url(images/back_side.png) no-repeat left top;
	margin: 0;
	padding: 20px;
	width: 260px;
	font-size: 0.8em;
	
}

#centerCol .plugin {
	width: 420px;
	background: #ffd200 url(images/back_3col_yellow.png) no-repeat left top;

}


li.tools {
	font-size: 9px;
	width: 100%;
	display: block !important;
	border-top:1px dotted #ddd;
	padding: 5px 0 0;
	text-align: right;
}

.tools .printlink {

	margin-right: 2em;
}

.sendlink {
	display: inline;
	margin: 0 50px 0 0;
}

#indexedsearch {
	margin: 0 0 5px;
	
}

* html .sideContainer dl.links, * html .sideContainer dl.downloads, * html .sideContainer dl.comments, * html .sideContainer div.plugin {  
	w\idth:300px;    /* IE */
}

.widecolumn .sideContainer {
	float: right;
	margin: 0 -330px 10px 20px;

}

#footer {
	position: absolute;
	bottom:-20px;
	left: 0;
	margin: 0;
	font-size: 0.7em;
	width:100%;
}

#footer ul {
	margin: 0 auto;
	padding: 0;
}


dl.figure, .news-single-video {
	clear: both;
	float: right;
	display: inline;
	text-align: right;
	margin: 20px 0px 20px 0px;
	position:relative;
border: 1px solid #ddd;
}

.figure dt {

padding: 10px 0;
}



.figure span.legend { 
	font-size:0.75em;
	line-height: 1.4em;
	display: block;
	margin:-1px 0 0 auto;
	width: 260px;
	text-align: left;
	padding: 20px;

	border-top: 0px;
	background: #fff;
	
}


* html .figure span.legend  {
	margin: -1px 0 0 0;
	w\idth: 300px;	
}

*+html .figure span.legend  {
	margin: -1px 0 0 0;	
}

.widecolumn .figure {
	margin: 0 -320px 20px 20px;
	padding: 0;

}

.figure dd {
	margin: 0;
}

#lbCaption {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: normal !important;
	
}

#lbImageDetails {
	width:300px !important;
}


#helpers {
	width: 180px;
	right: 0;
	position:absolute;
	margin:  0px 0 0 20px;
	height: auto;
	padding: 0;

}
#helpers #searchbox {
	margin: 0;
}

#indexedsearch table {
	
}

input.searchbox-sword {
	width: 130px;
	height:20px;
	border:none;
	background-color:#f3f3f3
}

#indexedsearch td {

}

/* @end */

/* @group Headers */

h1 {
	border-bottom: 2px solid #ffd200;
	margin: 0 0 40px 0;
}
.widecolumn h1 {
	width: 460px;
	padding: 0 320px 0px 0;

}

* html .widecolumn h1 {  
	w\idth:780px;    /* IE */
}


h2 {
	margin: 0 0 0px;
}

h3 {
	padding: 0;
	margin: 20px 0 10px;
}

h2.staff-list-header {
	text-transform: none;
	padding: 0;
	margin: 20px 0 10px;
}

div#staff-list-container {
	margin-top: -20px;

}

div#staff-headof-container {
	margin-bottom: 40px;
}


/* @end */

/* @group Images */

p img {
	padding: 0;
	max-width: 100%;
	display: block;
}

h1 img, h2 img {
	display: block;
}

.alignright {
	float: right;

}

.alignleft {
	float: left
}

#topicsmenu dl dd{
	margin:0;
	padding: 0;
}

#topicsmenu dl dd img {

	margin: 0 0 20px 20px;
}

#topicsmenu dl dt img {
	float: none;
}

.topiclegend caption {
	text-align: left;
	margin: 0 0 1em;
	font-weight: bold;
}

td.application {
	width: 30px;
}

td.spp_text {
	width: 120px;
}
td.spp_icon {
	width: 30px;
	padding:0
}


.topicdetails td {
	width:23px;
	height: 23px;
	padding: 0;
	margin: 0;
	}

.topicdetails td .rdev {
	background:#b7413c url(images/topics/app_rnd.gif);
}

.rdev td {
	background: url(images/topics/app_rdev.gif);
}
.application td {
	background: url(images/topics/app_application.gif);
}

.human .r1c1 {
	background:#b7413c url(images/topics/spp_human.gif);
}

.mouse .r1c2 {
	background:#b7413c url(images/topics/spp_mouse.gif);
}

.worm .r1c3 {
	background:#b7413c url(images/topics/spp_worm.gif);
}

.fly .r1c4 {
	background:#b7413c url(images/topics/spp_fly.gif);
}

.plant .r2c1 {
	background:#b7413c url(images/topics/spp_plant.gif);
}

.yeast .r2c2 {
	background:#b7413c url(images/topics/spp_yeast.gif);
}

.bacteria .r2c3 {
	background:#00f url(images/topics/spp_bacterium.gif);
}

.virus .r2c4 {
	background:#b7413c url(images/topics/spp_virus.gif);
}



/* @end */

/* @group Lists */

.entry ul, .entry dl {
	list-style: none;
	padding: 0;
}
.entry dt {
	font-weight: bold;

}

.entry ul li, .entry dt  {
	margin: 1em 0 0;
}

.entry .figure dt {
	margin: 0;
}

#centerCol ul, #content div.entry ul {
	margin:  1em 0 2em 2em;
	list-style:square;
}


#centerCol ul li, #content div.entry ul li {
	margin:  0 0 .5em;
}



#navigation ul li, #pagination ul li, #footer ul li, #topicsmenu li, #chapters li {
	display: inline;
	margin: 0 20px 0 0;
}

#main_menu li {
	height: 25px;
}

#sub_menu li {
	height: 20px;
}



#content ul#topicsmenu {
	margin: 40px 0 0 -10px;
	padding: 0;
	width: 480px;
	overflow:auto;
}

#chapters {
	margin: 0 0 0px 0;
	padding: 0;

	overflow:hidden;
	width: 780px;
	
}

#chapters h3 {
	float: left;
	margin: 0 20px 5px 0;
	font-weight: normal;
	font-size: 0.725em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	height:1em;
	white-space:nowrap;
}

#chapters h3 a {
	
}

#topicsmenu li {
	float: left;
	margin: 0 10px 10px -10px;
	width: 160px;
	display: block;
	overflow:hidden;
}

#topicsmenu dl {
	margin: 0;
	padding: 0px;
	position: relative;
	width: 140px;
	height: 140px;
	
}

#topicsmenu dt {
	margin: 0 0 0px 0;
	position: relative;
	top: 0;
}

.topicdescription {
	width: auto;
	color: #fff;
}

.topicdetails {
	padding: 0;
	width: 120px;
	height: auto;
	position:absolute;
	bottom: 10px;
	left: 10px;
}

.topicdetails img {
margin: 0 !important;
}



.applications {
	float: left;
	padding: 0;
}

#topicsmenu ul.applications li {
	margin: 10px 10px 0 0px;
	width: auto;
}

.species {
	margin: 0;
	padding: 0;
}

#topicsmenu ul.species li {

	display: inline;
	margin: 5px 5px 0px 0;
	width: auto;
	line-height:1px;
}



.sideContainer dd {
	margin: 0 0 .5em 0;
	width: 260px;
}

/* @end */

/* @group Forms */

select {
	width: 130px;
}

form {
	font-size: 0.8em;
}

form ol {
	list-style: none;
	padding: 0;
}
form li {
	margin: 0.5em 0;
}
form li label {
	width:120px;
	display: inline-block;
}

form li input {
	width: 240px;
	border: none;
}

form .submitbutton {
	margin: 1em 0 0 20px;
}

/* @end */

/* @group Various Tags and Classes */

acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}

hr {
	clear: both;
	border:0px;
	height: 0px;
	background: none;
	filter : alpha(opacity=0);
	margin: 3px 0;
}

a img {
	border: none;
}

.figure img {

}

/* @end */

/* @group Tables */

.contenttable {
	margin: 0.5em 0 3em;
	font-size: 0.9em;
}


th p {
	margin: 1em 0 0.5em 0 !important;
}

td {
	vertical-align: top;
}

td p {
	margin: 0;
}


/* @end */

/* @group Staff */

#staff-single-image {
	margin:40px 0 0;
}

div.staff-single-img {
	line-height:0;
	float: right;
}

#staff-single-list {
	margin:40px 0 0;
}

#staff-single-backlink {
	clear: both;
}

.staff-hierarchietree-NO, .staff-hierarchietree-ACT {
	clear: left;
	
}

.staff-hierarchietree-NO a, .staff-hierarchietree-ACT a {
	display:block;
 margin: 0 0 5px 2em;
 font-size: 10px;
}

div.hierarchy-pics { 
clear: both;
float: left;
display: block;
overflow: hidden;
margin-right:3px;
margin-top: -2px;
}

div.hierarchy-pics img { 


}


.staff-hierarchie-header {
	margin:  20px 0 10px -10px;
}


#staff-hierarchie {
	margin: 0 0 10px 0;
	font-size:0.9em
}




/* @end */


tr.staff-list-item td{
	padding: 0 1em 0 0;
	font-size:0.75em;
	letter-spacing:0;
}

td.staff-list-name {
	width: 280px;
	word-spacing: 2px;
}

span.staff-list-unit-title {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

span.staff-lastname {
	text-transform: uppercase;
	letter-spacing: 1px;
}



#staff-list-container table {

}

tr.staff-list-item{
	height: 1.5em;
}

div.gmnoprint span {
	display: block;
	width: 390px;
	margin: 0;
	font-size: 0.8em;
	text-align: left;
	position: absolute;
	bottom: 0;
	right: 60px;
	overflow: hidden;
}
div.gmnoprint a {

	font-size: 0.8em;

}
div.gmnoprint span {

	
}


/* @group search */

div.tx-wecmap-pi3 table td, div.tx-wecmap-pi3 table tr, div.tx-wecmap-pi3 table tbody {
	border: 0;
	padding: 0;
	margin: 0;
	text-align: left;
}


div.tx-indexedsearch-res {
	margin-bottom: 2em;
}

span.tx-indexedsearch-icon.icon {
	float: left;
}

div.tx-indexedsearch-res h2 {
overflow: hidden;
margin: 0 0 0.5em;
}

span.tx-indexedsearch-result-number.result-number {
	float: left;
	margin-right: 1em;
	font-size: 0.8em;
}

#centerCol ul.browsebox {
	margin: 1em 0;
	padding: 0;
	width: 100%;
	display: block;
	overflow: hidden;
}
#centerCol ul.browsebox li {
	margin: 0 1em 0 0;
	padding: 0;
	display: block;
	float: left;
	font-size: 0.8em;
}

span.tx-indexedsearch-title.title {
	float: left;
}

span.tx-indexedsearch-percent.percent {
	float: right;
	font-size: 0.8em;
}



dl.tx-indexedsearch-info {
font-size: 0.725em;
margin-top: 0;
}

p.tx-indexedsearch-descr.descr {
	margin-bottom: 0.5em;
}

dl.tx-indexedsearch-info.info {
overflow: hidden;
padding: 10px;

}

dl.tx-indexedsearch-info.info dt {
float: left;
margin: 0 0.5em 0 0;
}

dl.tx-indexedsearch-info.info dd {
float: left;
margin: 0 2em 0 0;
}





/* @end */