<style type="text/css">


body { background-color: white; overflow-y: scroll; }
html { overflow-y: scroll; }


/* Überschriften */

h1 { color: #006400; font-size: 14pt; font-weight: bold; font-family: Arial }

h2 { color: #006400; font-size: 14pt; font-weight: normal; font-style: italic; font-family: Arial; margin-bottom: -4pt }
 
h3 { color: #006400; font-size: 11pt; font-weight: bold; font-family: Arial; margin-bottom: -4pt; margin-top: 14pt }

h4 { color: red; font-size: 12pt; font-family: Verdana }


/* p-Tags */

p { color: #006400; font-size: 11pt; font-family: Verdana; margin-left: 0px }

p.title { font-size: 14pt }

p.subtitle { font-style: italic; margin-bottom: -10pt }

p.subtitle_content { font-style: italic }

p.admintext { font-size: 13px }

p.small { font-size: 10pt }

p.xsmall { font-size: 8pt }

p.linklist { font-style: italic; line-height: 1.5 }

p.up { margin-top: -25pt; text-align: right; width: 700px }

p.image { font-size: 10pt; margin-left: 20px; padding-top: 10px; padding-bottom: 20px }


/* a-Tags */

a { color: #006400; font-family: Verdana; font-style: normal }
a:hover { color: #3CB43C }


/* Tabellen */

table#species_top { }

td { color: #006400; font-size: 11pt; font-family: Verdana }

td#main { padding-left: 20px; vertical-align: top }

td#topnavi { background-image: url("images/design/topnavi.png"); height: 40px; vertical-align: center }
td#topnavi a { color: #285014; font-size: 16px; font-weight: bold; font-family: Arial; text-decoration: none; margin-left: 20px; }
td#topnavi a:hover { text-decoration: none }

td#sidenavi { width: 220px; vertical-align: top }
td#sidenavi table { border-collapse: collapse }
td#sidenavi form { font-style: italic; font-size: 14px; color: #88C800; margin: 0px; width: auto }
td#sidenavi a { color: #285014; text-decoration: none }
td#sidenavi img.pbox { border-width: 0px; margin: 5px 0px }
td#sidenavi td { background-color: #C8E3BB; font-size: 14px; padding: 0px 10px; border-width: 1px 0px; border-style: solid; border-color: #5BAC36; height: 25px; vertical-align: center }
td#sidenavi td:hover { background-color: #ADD59A }
td#sidenavi td.active { background-color: #ADD59A }
td#sidenavi td.seclevel { font-size: px; border-style: dashed; height: 20px; padding-left: 12px }
td#sidenavi td.seclevel_active { background-color: #ADD59A; font-size: px; border-style: dashed; height: 20px; padding-left: 12px }
td#sidenavi td.topcell { background-image: url("images/design/sidenavi_top.png"); background-color: transparent; height: 24px; border-width: 0px 0px 0px }
td#sidenavi td.topcell:hover { background-color: transparent }
td#sidenavi td.bottomcell { background-color: #C8E3BB; height: 24px; vertical-align: center; border-width: 0px 0px 0px }
td#sidenavi td.bottomcell:hover { background-color: #C8E3BB }
td#sidenavi td.promobox { background-color: #C8E3BB; font-size: 12px; border-width: 0px; vertical-align: top; color: #285014 }
td#sidenavi td.promobox:hover { background-color: #C8E3BB }

table#species_top td { font-size: 10pt; font-family: Arial }
table#species_top .sci_name { font-size: 11pt; font-style: italic }
table#species_top h1 { margin-bottom: 3pt }

table#images_ad { border-collapse: collapse }
table#images_ad p { font-size: 10pt; width: auto }
table#images_ad td.full { background-color: #FFFFFF; border-width: 1px; border-style: solid; border-color: #5BAC36 }
table#images_ad td.empty { background-color: #FFFFFF; border-width: 0px }

td#image_l { background-color: #FFFFFF; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #5BAC36 }
td#image_ro { background-color: #FFFFFF; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #5BAC36 }
td#image_ro p { font-size: 10pt; width: auto }
td#image_ro p.title { font-size: 11pt; font-family: Arial; font-weight: bold }
td#image_ro p.subtitle { font-size: 10pt }
td#image_ru p { font-size: 10pt; width: auto }
td#image_ru { background-color: #FFFFFF; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #5BAC36; empty-cells: show }
td#image_ru a { font-size: 11pt; font-family: Arial; font-weight: bold; text-decoration: none }
td#image_r { background-color: #FFFFFF; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #5BAC36 }
td#image_r p { font-size: 10pt; width: auto }
td#image_r p.title { font-size: 11pt; font-family: Arial; font-weight: bold }
td#image_r p.subtitle { font-size: 10pt }

td#hslist_titel { font-size: 13px; font-weight: bold; line-height: 1.3 }
td#hslist { font-size: 13px; line-height: 1.3 }
td#hslist_oh { font-size: 13px; line-height: 1.3; overflow: hidden }

td#bestpic { background-color: #ADD59A; text-align: center }
td#bestpic p { color: #285014; font-family: Arial; font-size: 10pt; text-align: center; width: auto }
td#bestpic a { font-family: Arial }

td#wallpap { width: 325px; height: 250px; vertical-align: top }
td#wallpap p { width: 300px; font-size: 10pt; text-align: center }
td#wallpap_form { font-size: 10pt }

td#edit_order p { width: 300px }

td#imgstat_title p { font-size: 14pt; font-style: italic; width: auto }
td#imgstat_3 p { font-size: 14pt; width: auto }
td#imgstat_2 p { font-style: italic; width: auto }
td#imgstat_1 p { width: auto }

td#speciesadmin { color: #006400; font-size: 10pt; font-family: Verdana }

td.catimg { background-color: #FFFFFF; width: 960px; height: 150px }

tr.mainrow { background-color: #5BAC36 }
tr.darkrow { background-color: #ADD59A }
tr.lightrow { background-color: #C8E3BB }


/* Divs */

div.general { position: absolute; top: 0px; left: 0px; padding-top: 0px; width: 100%; background-color: transparent; text-align: center }

div.image { position: relative; left: 0px; top: 0px; padding: 0px; margin: 0px; border: 3px solid #285014 }

div#topimg { position: relative; left: 0px; top: 0px; background-color: transparent; width: 960px; height: 150px; text-align: right; vertical-align: bottom }
div#topimg div { position: absolute; left: 0px; top: 0px; background-color: transparent; width: 960px; height: 150px; text-align: right; vertical-align: top }
div#topimg a { color: white; font-family: Arial; text-decoration: none }
div#topimg p { font-size: 14px; font-weight: bold; font-family: Arial; color: white; margin: 125px 10px 10px }


div#quiz_l1 { position: relative; top: 0px; left: 0px; background-image: url("images/design/quizbg_l1.gif"); width: 681px; height: 302px }
div#quiz_l2 { position: relative; top: 0px; left: 0px; background-image: url("images/design/quizbg_l2.gif"); width: 681px; height: 332px }
div#quiz_l3 { position: relative; top: 0px; left: 0px; background-image: url("images/design/quizbg_l3.gif"); width: 681px; height: 362px }

div#quiz1_l1 { position: absolute; top: 7px; left: 9px; width: 384px; height: 288px }
div#quiz1_l2 { position: absolute; top: 22px; left: 9px; width: 384px; height: 288px }
div#quiz1_l3 { position: absolute; top: 37px; left: 9px; width: 384px; height: 288px }

div#quiz2 { position: absolute; top: 52px; left: 402px; background-color: white; width: 278px; height: 249px }
div#quiz2 form { font-size: 13px; margin-left: 8px; margin-top: 5px; width: 260px }

div#quiz31 { position: absolute; top: 1px; left: 402px; background-color: white; width: 138px; height: 50px }
div#quiz31 p { font-size: 13px; margin-left: 8px; margin-top: 5px; line-height: 1.5; width: 130px }
div#quiz32 { position: absolute; top: 1px; left: 541px; background-color: white; width: 139px; height: 50px }
div#quiz32 p { font-size: 13px; margin-left: 8px; margin-top: 5px; line-height: 1.5; width: 130px }


div#stat_sidetop { position: relative; top: 0px; left: 0px; width: 200px; background-color: white }
div#stat_sidetop p { font-size: 14pt; font-style: italic; margin-left: 0px; width: auto }

div#stat_side { position: relative; top: 0px; left: 0px; width: 200px; background-color: #C8E3BB }


/* Formulare */

form { color: #006400; font-size: 10pt; font-family: Verdana }

form#edit_species td { color: #006400; font-size: 10pt; font-family: Verdana }

/* Listen */

ol { list-style-position: outside; list-style-type: decimal; line-height: 1; width: 650px }

ul { list-style-position: outside; list-style-image: url("images/design/list.png"); width: 650px; padding-left: 16px; margin-left: 10px }

li { color: #006400; font-size: 11pt; font-family: Verdana; padding-bottom: 3pt }

li.quellen { font-style: italic }


/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/design/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/design/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #006400; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: normal; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 106px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


</stlye>
