/* CSS Document */

/* position 
----------------------------------------------- */
body { text-align: left; min-width: 760px; font-size: 12px; }
#huelle { width: 865px; margin: 0 auto; text-align: left; margin-top: 25px; margin-left: 20px; }
#navigation { }
#inhalt { width: 610px; float: right; line-height: 1.45em; }
#inhalt.startpage {width: 800px;}
#freiraum { width: 190px; margin-left: 20px; float: left; padding-top: 40px; text-align: right; }
#fusszeile { clear: both; position: absolute; z-index: 1; height: 1.5em; top: 0.5em; right: 0.8em; }
#textkoerper, #textkoerper2 { width: 270px; float: left; }
#verknuepfung, #verknuepfung2 { width: 200px; float: right; margin-top: 36px; }
.startpage #verknuepfung {width: 500px; margin-top: 80px;}
.startpage #verknuepfung2 {margin-right: 200px;}
#logo { float: left; width: 213px; margin-right: 30px; }
.navspalte1 { float: left; width: 150px; margin-right: 7px; margin-bottom: 70px; }
.navspalte2 { float: left; width: 165px; margin-right: 15px; margin-bottom: 70px; }
.navspalte3 { float: left; width: 120px; margin-right: 10px; margin-bottom: 70px; }
.navspalte4 { float: left; width: 120px; margin-right: 45px; margin-bottom: 70px; }
.navspalte5 { float: left; width: 160px; margin-right: 0px; margin-bottom: 70px; }
#leerraum, #haupttext, #verknuepfung { margin-bottom: 60px; }
table, td, th { font-size: 12px; }

#verknuepfung2, #textkoerper2 { margin-top: -1.5em; }

/* erscheinung
----------------------------------------------- */
body { background: #fff url(http://www.forschung-leben.ch/grafik/nav_hintergrund.png) repeat-x scroll top; font-family: Arial, Helvetica, sans-serif; }
#verknuepfung { color: #4FA22F; }
#biofokus table { width: 365px; }
#biofokus td { padding-bottom: 1em; vertical-align: top; }
#biofokus td a:after, #pdflist a:after, .pdf a:after { padding: 0 2px 0 1em; content: url(http://www.forschung-leben.ch/grafik/icon_pdf_klein.gif); }
#biofokus th { vertical-align: top; padding-right: 1.3em; font-size: 16px; font-weight: normal; }
/*#biofokus a { background-image: url(http://www.forschung-leben.ch/grafik/icon_pdf.png); background-repeat: no-repeat; padding-left: 1.8em; }*/

h1 { color: #1E5E0C; font-weight: bold; text-transform: uppercase; font-size: 1.4em; margin-top: 0; margin-bottom: 20px; letter-spacing: 0.0em; }
h2 { color: #1E5E0C; font-size: 1.2em; margin-bottom: 0.5em; margin-top: 1.5em; }
h3 { font-size: 1em; font-weight: bold; margin-bottom: 0.7em; margin-top: 1.5em; }
p { margin-top: 0em; margin-bottom: 0.7em; }
#verknuepfung h2, #verknuepfung h3 {margin-top: 0; }
#freiraum p { margin-top: 0; }
#freiraum { color: #777; font-size: 0.9em; text-decoration: none; line-height: 1.2em; }
#freiraum img {margin-bottom: 0.7em; }

.fett {font-size: 1em; font-weight: bold; margin-bottom: 0em; margin-top: 0em; }
.hervorgehoben {font-size: 1.3em; }
small, .small { color: #777; font-size: 0.9em; text-decoration: none; }

/* links
----------------------------------------------- */
#inhalt a { color: #448B28; text-decoration: none; font-weight: bold; }
#inhalt a:hover { color: #4FA22F; border-bottom: 1px solid #4FA22F; }
#inhalt a:active { color: #000; border-bottom: 1px solid #000; background-color: #fff; }
/*#textkoerper a:visited { color: #f9c; border-bottom: 1px solid #f9c; background-color: #fff; }*/

#verknuepfung a, #freiraum a { color: #448B28; text-decoration: none; font-weight: bold; }
#verknuepfung a:hover, #freiraum a:hover { color: #448B28; border-bottom: 1px solid #448B28; }
#verknuepfung a:active, #freiraum a:active { color: #000; border-bottom: 1px solid #000; background-color: #fff; }
/*#verknuepfung a:visited { color: #f9c; border-bottom: 1px solid #f9c; background-color: #fff; }*/

a.pdf, li.pdf { background-image: url(img/icon_pdf_klein.png); background-repeat: no-repeat; padding-left: 1.4em; }
a.pdfhinten:after { padding: 0 2px 0 1em; content: url(img/icon_pdf_klein.gif); }
a.weiter {padding-left: 0.5em; margin-left: 0.5em; border-left: 1px solid #ccc; }
a.weiter:hover, a.weiter:active {padding-left: 0; margin-left: 1em; border-left: 1px solid #fff; }
a img { border: none; }
#fusszeile a { color: #c0c0c0; }

/* listen 
----------------------------------------------- */
#inhalt ul { padding: 0 0 0 1.2em; margin: 1em 0; }
#inhalt ul li { padding-left: 0.3em; margin: 0 0 0.7em 1em; list-style-type: square; }
/* definition lists: <dl> <dt>Term</dt> <dd>Description</dd> </dl> */
dt {margin-bottom: 0.3em; } 
p.indent, dd {margin-bottom: 1em; margin-left: 2.5em; }

/* navigation
----------------------------------------------- */
#navigation { font-size: 1em; }
#navigation p { font-weight: bold; margin: 0; padding: 0; margin-bottom: 0.3em; }
#navigation ul { display: inline; margin: 0; padding: 0; list-style-type: none; }
#navigation li { display: inline; margin: 0; padding-bottom: 0; }	
#navigation li a { color: #1E5E0C; text-decoration: none; padding: 1px 2px 1px 1em; display: block; border: 0; }
#navigation li a:hover { color: #4FA22F; background-image: url(http://www.forschung-leben.ch/grafik/arrow.png); background-repeat: no-repeat; }
#navigation li a:active { color: #036; }

/* language switch
----------------------------------------------- */
#langSwitch { position: absolute; left: 900px; top: 150px; }
#langSwitch a { color: #1E5E0C; text-decoration: none; padding: 0 4px 0 0; border: 0; }
#langSwitch a:hover { color: #4FA22F; }
#langSwitch a:active { color: #036; }

/* spezialfälle 
----------------------------------------------- */
.komitee ul, #komitee ul { margin-left: 0; padding-left: 0; }
.komitee ul li, #komitee ul li { clear: both; font-size: 10px; color: #666; line-height: 1.3em; margin-bottom: 5px; list-style-type: none; margin-left: 1.5em; padding: 0; }
.komitee ul li:first-line, #komitee ul li:first-line { font-size: 11px; color: #4FA22F; }
.komitee ul li strong, #komitee ul li strong { color: #4FA22F; font-weight: bold; }

.mitglieder ul, ul#mitglieder, { margin-left: 0; padding-left: 0; }
.mitglieder ul li, ul#mitglieder li { clear: both; font-size: 11px; color: #666; line-height: 1.3em; margin-bottom: 1.2em; list-style-type: none; margin-left: 2em; padding: 0; }
.mitglieder ul li:first-line,  ul#mitglieder li:first-line { font-size: 12px; color: #000; }
.mitglieder ul li strong,  ul#mitglieder li strong { color: #000; font-weight: bold; }
.mitglieder em, #mitglieder em, em.stern { font-style: normal; color: #448B28; font-size: 1.4em; line-height: 0.8; } /* nur für sternli */
.rechts { text-align: right; }

#biofokusteaser { padding-top: 76px; }
#mausblickteaser {float: right;}
#biofokusteaser span, #mausblickteaser span {float: left; width: 98px; }
#mausblickteaser span {width: 130px;}
#biofokusteaser p, #mausblickteaser p {padding-top: 64px; }

ol.abc li {list-style-type: lower-latin; } 

#fotoserienbild a {border-bottom: none !important; }
#fotoserienbild { border: 1px solid #ccc; text-align: center; }

p.datum { text-align: right; font-size: 12px; color: #999; border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 3em;  }

.headlines li { color: #999; }
.titelheadlines { padding-top: 1.5em; border-top: 4px solid #ddd;  }

p.rss { margin: 1.2em 0; }
.rss a, .rss a:hover { padding: 1px 0 5px 22px; background:transparent url(http://www.forschung-leben.ch/grafik/rss_icon.gif) no-repeat top left;  }

/* snews
----------------------------------------------- */
.date { position: relative; top: -0.7em; text-align: right; border-bottom: 1px solid #eee; padding-bottom: 3px; font-size: 0.9em; color: #aaa; }
.snews p { margin: 0.7em 0; }
.snews h3 { font-weight: normal; margin-top: 1.5em; }
.snews #verknuepfung p { line-height: 1.2em; padding-left: 1em; }
#snewsmanager { color: #f60; background-color: #fed; border: 1px solid #fc6; border-width: 1px 0; padding: 1em; margin: -1em 0 2em 0; }
#snewsmanager ul {padding-left: 1em; }
#snewsmanager li {margin: 0; padding: 0; list-style-type: none; }
#snewsmanager a { color: inherit; border: 0; text-decoration: none; }
#snewsmanager a:hover { color: #f30; font-weight: bold; }
#creditline a { margin-top: 3em; font-size: 0.9em; text-decoration: none; float: right; color: #ccc; font-weight: normal; }

fieldset { border: 1px solid #fc6; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #FFFFFF; width: 200px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.text { margin: 0; width: 110px; border: 1px solid #eee; background: #FFF; color: #000; }
input.text:hover { border: 1px solid #ccc; }
input.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #808080; padding: 1px; font-weight: bold; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

/* kontaktformular 
----------------------------------------------- */
#kontaktformular fieldset { border: 1px solid #4FA22F; margin-bottom: 1.5em; padding: 1em 0.5em 1em 1em; }
#kontaktformular legend { padding: 0.2em 0.5em; font-weight: bold; color: #448B28; font-size: 1.2em; }

#kontaktformular div, #kontaktformular p { clear: both; margin: 0 0 0.5em 0; height: 1.7em; }
#kontaktformular p { margin-bottom: 1.5em}
#kontaktformular label { float: left; width: 110px; text-align: right; margin-right: 1em; padding-top: 3px; line-height: 1.4; }
#kontaktformular span.textfeld { float: right; width: 210px; text-align: left; }
#kontaktformular span.textfeld input { width: 195px; }
#kontaktformular textarea { width: 290px; height: 120px; }

#kontaktformular .option { text-align: left; width: 300px; float: right; margin: 0 0 1em 0; }
#kontaktformualr fieldset.optionen span { float: left; width: 20px; }

#kontaktformular dd.small { margin-top: -0.6em; margin-left: 2.8em; }
#kontaktformular dd input { width: 3em; }

input.pflicht {background-color: #e9ffe2; }

#kontaktformular .last { padding-bottom: 1em; margin-bottom: 1em; }

/*
#kontaktformular span, #kontaktformular label, #kontaktformular p { border: 1px solid #fcc; }
*/