@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

#leftColumn { font-size: 11px; } 
#leftColumn p { margin-bottom: 0; }


body {
  font-size: 75%;
  text-align: center;
  color:      #4a4a4a;
  background: #282828;
  font-family: Arial, Helvetica, Sans-serif;
}

form { display: inline; }
#leftColumn .outterColGreyBorderContent p { margin-bottom: 0.5em; }
#leftColumn .outterColGreyBorderContent input { width: 154px; }
#leftColumn .outterColGreyBorderContent p.center img { margin: 5px 0; }

th {
  font-weight: 800;
  color:       #7e7b7b;
}

/**
 * Stylesheets für Hauptbereiche (Kopfzeile, Inhalt, Spalten und Fußzeile)
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#pageWrapper {
  position:     relative;
  margin:       0 auto;
  width:        820px;
  padding: 0 40px;
  text-align:   left;
  background:   #000000;
}

#headerImg { display: none; } /* should remove from template entirely */

#mainArea {
  background-color: #ffffff;
}

#leftColumn, #mainColumn, #rightColumn {
  float:     left;
  padding-top: 18px;
}

#leftColumn, #rightColumn {
  width:      158px;
}

#rightColumn{
	background:#cdcdcd;
	margin:0px;	
	padding:18px 15px 0 15px;	
	width:158px;
	}
	
#rightColumn .logos{
	background:#fff;
	margin:0px 0 0 -15px;	
	padding:18px 15px 0 15px;	
	width:158px;
	}

#rightColumn .logos p{
	padding-bottom:20px;
	text-align:center;
	}

#mainColumn {
  width:   600px;
  padding: 18px 15px 18px 15px;
  border-right:1px solid #000;
  min-height: 880px;
}

#footer {
	clear:both;
  padding:    70px 30px 10px 30px;
  border-top: 1px solid #cdcec9;
  font-size:  11px;
  color: #6d6d6d;
  background-color: #fff;
  background: url(/lw_resource/layoutfiles/images/bottom.png) left bottom no-repeat #fff;
}

h1 {
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 0.45em;
  color: #000;
}
h2 { font-size:1.5em;line-height:1;margin-bottom:1em; }
#leftColumn h2, #rightColumn h2 { font-size: 1em; }

#rightColumn h3 { font-size: 125%; line-height:125%;font-weight:normal}
#rightColumn hr{background:#6d6d6d;height:2px;margin:10px 0px 5px 0;}
#rightColumn a{color:#e10083;text-decoration:none}
#rightColumn a:hover{color:#e10083;text-decoration:underline}

h3 { font-weight: bold; font-size: 1em;}

a {
  text-decoration: none;
  color:           #e10083;
}
a:hover {
  color:           #e10083;
  text-decoration:underline
}

label {
  font-weight: 800;
  color:       #7e7b7b;
}

select {
  padding: 1px;
  border:  1px solid #d7d7d7 !important;
}

.clear { clear: both; }
.center { text-align: center; }
#logo { }
#linie_header { 
	width:631px;
	height:3px;
	margin-top:10px;
	border-bottom:2px solid #97c000;
}

#metaNavContainer {
  font-size:  11px;
  text-align: left;
  padding:    15px 0;
  text-transform: uppercase;
}

#metaNavContainer ul {
  margin: 0;
  list-style: none;
  display:    inline;
}

#metaNavContainer li {
    margin: 0;
  display:      inline;
}

#metaNavContainer li a {
  padding:    0  5px;
  text-decoration:  none;
  color:            #FFFFFF;
}

#metaNavContainer li a:hover {
  color: #97c000;
}

#metaNavContainer li.current a, #metaNavContainer li strong a, #metaNavContainer li.lwn_actual a {
  color: #97c000; font-weight: normal;
}
/* Hauptnavi*/
#mainNav {
    margin: -10px 0 0 -18px;
    list-style:    none;
    text-transform: uppercase;
}

#mainNav li {
    margin: 0;
  display: inline;
}

#mainNav a {
  text-decoration: none;
  color:           #ffffff;
  display:         block;
  float:           left;
  padding:         0px 10px 0px 0px;
  margin:    		5px 10px 5px 0px;
  border-right:    1px solid #fff;
  line-height: 1em;
}
#mainNav a.last {
  border-right:    none;
}

#mainNav li a:hover, #mainNav li .active { color: #e10083; }

#mainNav li.lwn_actual a span, #mainNav li.lwn_inpath a span { color: #e10083;font-weight:bold }

/* Subnavi */
/* Hauptnavi*/
#mainNavSub {
	clear:both;
    margin: 15px 0 0px -20px;
	padding-bottom:10px;
    list-style:    none;
}

#mainNavSub li {
    margin: 0;
  display: inline;
}

#mainNavSub a {
  text-decoration: none;
  color:           #ffffff;
  display:         block;
  float:           left;
  padding:         0px 10px 0px 0;
  margin:    		5px 5px 5px 0px;
  line-height: 1em;
}

#mainNavSub a.last {
  border-right:    none;
}

#mainNavSub li a:hover, #mainNavSub li .active { color: #e10083; }

#mainNavSub li.lwn_actual a span, #mainNavSub li.active a span, #mainNavSub li.inpath a span { color: #e10083;font-weight:bold }

/* a bunch of junk? */

h1 span.hilite {
  color:      #0471c1;
  font-style: italic;
}

h2.hilite {
  color: #0471c1;
  padding:   10px 0 15px !important;
  font-size: 1.2em;
}

h3.underline {
  padding:    15px 0 4px !important;
}

img.outterColImgMargin {
  margin: 0 0 30px;
}

p.noFollowingMarginLargeLeadinMargin {
  margin:  0;
  padding: 25px 0 0 !important;
}

p.linkOff, div.linkOff {
  padding-left: 20px !important;
  background:   url(/images/icons/link.png) left 5px no-repeat;
}

h2.date {
  background:  url(/fileadmin/img/calendar.png) 2px 2px no-repeat #efefef;
  margin:      6px 0 !important;
  padding:     2px 2px 3px 23px !important;
  font-weight: normal;
}

a.greyLink, div.calBox a {
  color:           #4a4a4a !important;
  text-decoration: none    !important;
  font-weight:     800;
}

#leftColumn .fullWidth   {
  width: 134px;
}

img.headerIcon {
  margin: 2px 4px 0 0;
  float:  left;
}

span.boxLeftFloat {
  display: block;
  float:   left;
}

span.boxLeftFloat input {
  display: inline;
  margin: 0px 5px 5px 0;
}

textarea.input {
  width: 90%;
}

select.input, textarea.input, input.input, div.createEventDesc textarea {
  background: url(/fileadmin/img/input_bg.png) repeat-x #fff;
  border:     1px solid #b3b5bd;
  padding:    1px;
}

.twoColLeft input.input, .twoColRight input.input {
  width: 95%;
}

div.createEventDesc textarea {
  width: 95%;
  height: 8em;
}

span.default_catheader_bullet {
  display: none;
}

p.normalLineHeight {
  line-height: 1.2;
}

.smallMarginBottom {
  margin: 0 0 10px !important;
  padding: 0;
}

.noMargin {
  padding: 0 !important;
  margin:  0 !important;
}

h2.noMargin, h3.noMargin {
  line-height: 1.2 !important; /* really? */
}

.smallMargin, div#calendarEvent p {
  margin-bottom: 9px;
}

body #mainArea p.smallIndent, body #mainArea h2.smallIndent, body #mainArea h3.smallIndent {
  padding-left: 15px;
}

ul.smallIndent li {
  margin-left: 15px;
}

p.smallIndent {
  padding: 4px 0 8px 15px !important;
}

div.searchResultImg {
  float:  right;
  margin: 5px 0 0;
}

p.formRow, div.formRow {
  padding: 7px 0 !important;
}

div#mainArea div.calList h2 {
  margin: 0 !important;
  padding: 0 !important;
}

div#mainArea div.calList p {
  margin: 0 !important;
  padding: 0 0 15px !important;
}

/**
 * Stylesheets für Kalendertabelle
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
table.calendar {
  width:  158px;
  margin: 0 0 13px;
}

table.calendar td {
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}

table.calendar td.noBorder {
  border-bottom-width: 0px;
}

table.calendar td.monthOff {
  color: #bbb; 
}

table.calendar th {
  text-align:    center;
  padding:       6px 2px 2px;
  font-weight:   normal;
  border-bottom: 1px solid #c9c9c9;
}

table.calendar th abbr {
  text-decoration: none;
  border-bottom:   none;
}

table.calendar td {
  text-align: center;
  color:      #666;
  padding:    2px;
}

th.monthWeeknums, div.monthOff {
  display: none;
}

table.calendar td.fadedDay {
  color: #cfcfcf;
}

.calendar a { color: #e10083; }
.calendar a:hover { color: #222; }

div.eventDesc {
  padding-bottom: 15px;
}

div.day {
/*   border-bottom: 1px solid #aaa; */
  padding: 0 0 12px;
}

div.monthOverview div.day {
  clear: both;
}

div.monthOverview h2 {
  float: left;
  font-size: 18px;
  color: #888;
  background: #efefef;
  width: 40px;
  text-align: center;
  margin: 2px 0  8px !important;
  padding: 3px 0 !important;
  line-height: 1;
}

body #mainArea div.monthOverview div.day p.smallIndent {
  padding: 0;
  margin:  0 0 0 50px;
  line-height: 1.1;
}

div.monthOverview div.day p a {
  font-weight: bold;
}

.noMargin {
  padding: 0;
}


table#humanSearchResult {
  width: 300px;
}

table#humanSearchResult th {
  text-align: left;
  background: url(/fileadmin/img/h1_underline.png) left bottom repeat-x;
  padding:    6px 3px 6px 0;
}

table#humanSearchResult td, table#humanSearchResult th {
  background: url(/fileadmin/img/h1_underline.png) left bottom repeat-x;
}

table#humanSearchResult td {
  padding: 6px 0;
}


/*div.greyBoxOpen, div.greyBoxClose {}
div.greyBoxOpen {}
div.greyBoxClose {}

div.greyBoxOpen h2, div.greyBoxClose h2 {
}

div.greyBoxOpen p, div.greyBoxClose p, div.greyBoxOpen ul, div.greyBoxClose ul,
div.greyBoxOpen ol, div.greyBoxClose ol  {
}

#leftColumn .greyBoxClose p { margin-bottom: 0.5em; }

#rightColumn .greyBoxOpen, #rightColumn .greyBoxClose { background-color: #6d6d6d; color: #fff; margin: 0px -15px; }
#rightColumn .greyBoxOpen h2, #rightColumn .greyBoxClose h2
#rightColumn .greyBoxOpen p, #rightColumn .greyBoxClose p { padding: 5px 15px; }

#rightColumn .greyBoxOpen a, #rightColumn .greyBoxClose a { color: #222; font-weight: bold; }
#rightColumn .greyBoxOpen a:hover, #rightColumn .greyBoxClose a:hover { color: #fff; }

#rightColumn h2 { color: #97c000; font-size: 1.25em; line-height: 18px; margin-bottom: 0.5em; }
#rightColumn .greyBoxOpen h2, #rightColumn .greyBoxClose h2 { margin-bottom: 1px; }*/

/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für Variationen der zweispaltigen Inhaltselemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
div.twoColLeft, div.twoColRight {
  float: left;
}

div.twoColLeft {
  padding: 0 2% 0 0;
  width:   48%;
}

div.twoColRight {
  width: 50%;
}

/**
 * Stylesheets für Inhaltselemente
 *
 * CSS-Klassen für Variationen der dreispaltigen Inhaltselemente
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */
div.threeColLeft, div.threeColCenter, div.threeColRight {
  float: left;
}

div.threeColLeft, div.threeColCenter {
  width:         31%;
  padding-right: 2%;
}

div.threeColRight {
  width: 33%;
}

div.threeColGreyBordered {
  padding: 5px 0 7px;
}

div#mainArea div.threeColGreyBorderedLeft, div#mainArea div.threeColGreyBorderedCenter,  div#mainArea div.threeColGreyBorderedRight {
  float:     left;
  font-size: .93em;
  line-height: 1.5 !important;
}

div.threeColGreyBorderedLeft {
  padding: 0 10px 0 0;
}

div.threeColGreyBorderedCenter {
  padding: 0 10px 0 0;
}

div.threeColGreyBorderedRight {
  padding: 0;
}

div.threeColGreyBorderOpen, div.threeColGreyBorderContent, div.threeColGreyBorderClose {
  width:      122px;
  padding:    0 10px;
}

div.threeColGreyBorderOpen {
  font-size:  1px;
  height:     5px;
}

div.threeColGreyBorderContent {
  padding-top: 10px;
  /* border: solid 1px #999; */
}

div.threeColGreyBorderClose {
  height:     5px;
  margin-bottom: 10px;
}

div.threeColGreyBorderContent h2.center {
  margin: 0;
}

.threeColGreyBorderContent p {
  padding: 2px 0 6px;
  margin-bottom: 0;
}
/**
 * Fusszeile
 *
 * @css-for   IE6-7/Win, Firefox 1.5/2, Safari 2, Opera 9, Konqueror 3.5.2
 * @valid     Ja
 */

#footer p.column1, #footer p.column2 {
  float:         left;
  width:         85%;
  padding-right: 1%;
  margin:        0;
  color:white;
}

#footer p.column2{
	width:13%;
	float:right;
}

#footer p.copyright {
  color:white;
  float:         left;  
}

div.paddingBottom, p.paddingBottom {
  padding-bottom: 20px !important;
}

div#portrait {
  float: right;
  margin: 0 0 0 10px;
}

p.authors {
  font-weight: bold;
}

p.publishedIn {
  margin: .5em 0 1em !important;
}

div.eventSearchResult {
  padding: 0 0 15px;
}

div.eventSearchResult h2, div.eventSearchResult p {
  line-height: 1.3 !important;
  margin:      0;
  padding:     0;
}

div.validationErrorArea {

}

p.validationError, ul.validationErrorList {
  color: #a31 !important;
}

form#tx_mscsysbioabo_pi2 label {
  display: block;
  float: left;
  width: 130px;
  padding: 4px 0;
}

form#tx_mscsysbioabo_pi2 input.input { width: 254px; }
form#tx_mscsysbioabo_pi2 input.zip { width: 50px; }
form#tx_mscsysbioabo_pi2 input.city { width: 195px; margin-left: 5px; }


p.error {
	border-top:1px solid #E00500;
	border-bottom:1px solid #E00500;
	background: #ffefef;
	margin: 5px 0 !important;
}

#linie{
	height:1px;
	background:#97c000;
	width:670px;
	}
	
#mainColumn .teaserbox{
	border:1px solid #6D6D6D;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:60%;
	padding:10px;
	margin-bottom:10px;
}

#mainColumn .teaserbox h4{
	margin-bottom:10px;
}

#mainColumn .teaserbox p{
	margin-bottom:5px;
}

.LwEvents_EventEntry{
	margin-bottom:20px;
	}
	
.LwEvents_EntryTeaserText p{
	margin-bottom:0px;
}