/* ---------- Globale CSS Stylesheet Definitionen auf kerbtier.de ---------- */
/* ---------- Revision: 2012-01-12                                           */

Body { font-family:Verdana,Arial,Helvetica; font-size:1.0em; background-color:black; color:white; }
a:link {color:white;}
a:visited {color:white;}
a:active {color:white;}

/* Zeichensaetze */

p { line-height:1.4em; }
h1 { font-size:1.2em; }
h2 { font-size:1.2em; }
b { font-size:1.2em; }
sup {font-size:80%; vertical-align:top; }
sup a{ text-decoration:none; }
small { font-size:0.8em; }
.normalwhite { font-size:1.0em; }
.normalgreen { color:#60824F; }
.tinywhite { font-size:0.8em; }
.tinygreen { font-size:0.8em; color:#60824F; }
.Fototitel { font-size:0.8em; color:black; }
.normalwhiteULgreen a { text-decoration:none; }
.normalwhiteULgreen a:hover { color:#60824F; text-decoration: underline; }
.tinywhiteULgreen a{ font-size:0.8em; text-decoration:none; }
.tinywhiteULgreen a:hover{ font-size:0.8em; color:#60824F; text-decoration:underline; }
.tinygreenULgreen a{ font-size:0.8em; color:#60824F; text-decoration:none; }
.tinygreenULgreen a:hover{ font-size:0.8em; color:#60824F; text-decoration:underline; }

/* Hintergrundfarben */

.lightgreen { background-color:#60824F; }
.darkgreen { background-color:#426338; }
.lightgrey { background-color:#D0D0D0; }
.grey { background-color:#303030; }
.darkgrey {background-color:#1C1E1E; }
.nightgrey {background-color:#0C0E0E; }
.orange {background-color:#AD5008; }

/* Rahmenfarben */

.borderdarkgreen { border-style:solid; border-color:#426338; border-width:medium; }
.borderlightgreen { border-style:solid; border-color:#60824F; border-width:medium; }
.bordergrey { border-style:solid; border-color:#303030; border-width:1px; }
.borderdottedgreen { border-style:dotted; border-color:#60824F; border-width:1px; }

/* Link arrow */

.lnkarw {background: url("/Pages/Fotos/Symbols/Linkarrow.gif") no-repeat scroll left center transparent; padding-left:12px;}

/* Haupttabelle */

.tbmain { margin:auto; width:920px; border-style:none; padding:0px; }

/* Thumbnail-Übersichten-Tabelle */

.tbthumb { margin:auto; width:920px; border-style:none; padding:0px; border-collapse: collapse; }
.tbthumb tr { vertical-align:top; }
.tbthumb td { border:1px solid black; text-align:center; font-style:italic; font-size:0.9em; width:20%; background-color:#303030; }
.tbthumb img { border-style:none; }
.tbthumb a { text-decoration:none; }

/* ---------- Portalseite ---------- */

.indextab { width:940px; margin:auto;}
.indextab tr { vertical-align:top; }
.indextab td { border-radius:10px; border-style:solid; border-color:#303030; border-width:1px;}
.indextab img {border-style:none;}
.boxtop {background-color:#426338; border-top-left-radius:8px; border-top-right-radius:8px; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; font-size:85%}
.boxinhalt {padding-left:10px; padding-right:10px; padding-top:20px;}
.boxtext {font-size:0.8em; margin-top:4px;}
.linkmore {text-align:right; margin-top:2px; margin-bottom:6px;}
.kdwname {float:left; width:450px;}
.kdwtext {padding:8px; width:494px; line-height:1.35em;}
.kdwlink {font-size:1.25em; white-space:nowrap;}
.tsrcontainer {width:165px; height:120px; overflow:hidden; position:relative;}
.tsrimage {position:absolute; width:165px; height:120px; opacity:0;}
.pop {float:left; margin-left:15px;}
.pop li {list-style:none; text-align:center;}
.pop li a {
 	background-image:url('/Pages/Fotos/FotoIntro/_Popular/Popularbase2.jpg');
  background-repeat:no-repeat;
  display:block;
  height: 4em; line-height:1.1; width:70px; padding-top:74px; margin-left:-40px;}
.pop li a.Carabidae {background-position:-1050px 0px;}
.pop li a:hover.Carabidae {background-position:0px 0px;}
.pop li a.Curculionidae {background-position:-1120px 0px;}
.pop li a:hover.Curculionidae {background-position:-70px 0px;}
.pop li a.Chrysomelidae {background-position:-1190px 0px;}
.pop li a:hover.Chrysomelidae {background-position:-140px 0px;}
.pop li a.Cerambycidae {background-position:-1260px 0px;}
.pop li a:hover.Cerambycidae {background-position:-210px 0px;}
.pop li a.Staphylinidae {background-position:-1330px 0px;}
.pop li a:hover.Staphylinidae {background-position:-280px 0px;}
.pop li a.Scarabaeidae {background-position:-1400px 0px;}
.pop li a:hover.Scarabaeidae {background-position:-350px 0px;}
.pop li a.Elateridae {background-position:-1470px 0px;}
.pop li a:hover.Elateridae {background-position:-420px 0px;}
.pop li a.Coccinellidae {background-position:-1540px 0px;}
.pop li a:hover.Coccinellidae {background-position:-490px 0px;}
.pop li a.Cantharidae {background-position:-1610px 0px;}
.pop li a:hover.Cantharidae {background-position:-560px 0px;}
.pop li a.Scolytidae {background-position:-1680px 0px;}
.pop li a:hover.Scolytidae {background-position:-630px 0px;}
.pop li a.Dytiscidae {background-position:-1750px 0px;}
.pop li a:hover.Dytiscidae {background-position:-700px 0px;}
.pop li a.Tenebrionidae {background-position:-1820px 0px;}
.pop li a:hover.Tenebrionidae {background-position:-770px 0px;}
.pop li a.Buprestidae {background-position:-1890px 0px;}
.pop li a:hover.Buprestidae {background-position:-840px 0px;}
.pop li a.Dermestidae {background-position:-1960px 0px;}
.pop li a:hover.Dermestidae {background-position:-910px 0px;}
.pop li a.Apionidae {background-position:-2030px 0px;}
.pop li a:hover.Apionidae {background-position:-980px 0px;}

/* ---------- Definition der Top-Navigationsleiste / Käfer der Woche ---------- */

.TopNavN {float:right; font-size: 11px; margin:0; }
.TopNavN a {padding-right:6px; text-decoration: none; background-image:url('/Pages/Fotos/Symbols/SpecSym2.gif'); background-repeat:no-repeat; cursor:pointer;}
.TopNavN a:hover {text-decoration: underline; }
.TopNavN a.xsymDE {padding-left:22px; background-position:0px -10px;}
.TopNavN a.xsymEN {padding-left:22px; background-position:0px -34px;}
.TopNavN a.xsymRSS {padding-left:17px; background-position:0px -58px;}
.TopNavN a.xsymFB {padding-left:17px; background-position:0px -226px;}
.TopNavN a.xsymnone {background-position:0px 20px;}
.TopNavN a.xsymB1 {padding-left:10px; background-position:0px -108px;}
.TopNavN a.xsymB2 {padding-left:10px; background-position:0px -132px;}
.TopNavN a.xsymB3 {padding-left:10px; background-position:0px -180px;}

/* ---------- Definition der Social Plugins Leiste ---------- */

.socplgstl {width:280px; height:21px; padding:5px; background-color:#101010; opacity:0.85; border-style:solid; border-color:#505050; border-width:1px; border-radius:4px; position:absolute; top:-200px; left:50%; margin-left:168px;}
.socbtn {float:left; width:90px;}
.socbtw {float:left; width:100px;}

/* ---------- Definition der Titelgrafik ---------- */

.tigracnt {width:923px; height:189px;}
.tigrashade {position:absolute; background-color:black; top:154px; height:62px; width:923px; opacity:0.64;}
.tigratxtbox {position:absolute; top:166px; height:61px; width:923px; text-align:center;line-height:18px;}
.tigratxt1 {font-size:36px; text-shadow: 2px 1px #636363;}
.tigratxt2 {font-size:12px;}

/* ---------- Definition der Haupt-Navigationsleiste ---------- */

#MainNav {width:100%; float:left; background-color: #60824F; white-space:nowrap;}
#MainNav img {border-style:none; width:1.2em;}
#MainNav ul {float:left; list-style:none; margin:0; padding-left:1px; padding-top:1px;}
#MainNav a {display:block; margin:0; text-decoration:none; padding-left:1em; padding-right:1em; padding-top:2px; padding-bottom:2px; margin-bottom:1px;}
#MainNav a:hover {background-color: #426338;}
#MainNav li {position:relative; }
#MainNav ul ul {position:absolute; top:100%; z-index:500; background-color:#60824F; padding-right:1px; }
#MainNav ul ul a {background-color:#85A080; top:-1px;}
#MainNav ul ul ul {position:absolute; top:-1px; left:100%; }
div#MainNav ul ul,
div#MainNav ul li:hover ul ul,
div#MainNav ul ul li:hover ul ul
  {display: none;}
div#MainNav ul li:hover ul,
div#MainNav ul ul li:hover ul,
div#MainNav ul ul ul li:hover ul
  {display: block;}
.separator {height:2px;}


/* ---------- Definition fuer die Sitemap ---------- */

.MapNav {
  font-size:1.0em; text-align: left;
  margin-left: -2em; color:white; }
.MapNav li {
  list-style: none; }
.MapNav a {
  text-decoration: none; }
.MapNav a:hover {
  color:#60824F; text-decoration: underline; }

/* ---------- Thumbnailviewer ---------- */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
  position: absolute;
  left: 0; top: 0; width: auto;
  padding: 10px; padding-bottom: 0;
  background: #313131;
  visibility: hidden; z-index: 10;
  cursor: pointer; }

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
  font: bold 16px Verdana; letter-spacing: 3px; line-height: 1.1em;
  color: white; padding: 5px 0; text-align: right; }

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
  background-color: white; }

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
  position: absolute;
  visibility: hidden;
  border: 1px solid black; background-color: #EFEFEF; color: black;
  padding: 5px; z-index: 5; }


/* ---------- Kartenmodul-Anzeige ---------- */

.mpcnt {position:fixed; left:50%; margin-left:-306px; margin-top:-371px; top:50%; width:612px; height:742px; background-color:#303030; visibility:hidden;}
.mpimg {position:absolute; top:10px; left:10px;}
.mptxt {position:absolute; top:703px; left:10px; font-size:0.8em; width:592px; background-color:white; color:black;}
.mpcls {position:absolute; top:720px; left:10px; font-size:1.2em; width:592px; text-align:right; cursor:pointer;}

/* ---------- Phaenogramm-Anzeige ---------- */

.phcnt {position:fixed; left:50%; margin-left:-426px; margin-top:-320px; top:50%; width:844px; height:548px; background-color:#303030; visibility:hidden;}
.phimg {position:absolute; top:10px; left:10px;}
.phtxt {position:absolute; top:509px; left:10px; font-size:0.8em; width:824px; background-color:white; color:black;}
.phcls {position:absolute; top:526px; left:10px; font-size:1.2em; width:824px; text-align:right; cursor:pointer;}

/* ---------- Glossar-Tabelle ---------- */

.Gloss TD {
  border-bottom-style:solid;
  border-width:1px;
  border-color:#202020;
  text-align:left;
  vertical-align:top; }

/* ---------- Literaturverzeichnisse ---------- */

.Literatur {
  font-size: 0.9em; }

.Literatur li {
  margin-bottom:4px;
  padding-bottom:3px;
  border-bottom-style:solid;
  border-width:1px;
  border-color:#303030; }

.Literatur i {
  color:#60824F;}

/* ---------- Kalendermodul ---------- */

.calcontainer {width:440px; margin-bottom:30px; position:relative; text-align:center; border-radius:8px;}
.caltitle {position:absolute; width:440px; border-top-left-radius:8px; border-top-right-radius:8px; padding-top:0.3em; padding-bottom:0.3em;}
.caldayheader {position:absolute; top:3em; width:50px; border-radius:4px; padding-top:0.4em; padding-bottom:0.4em;}
.calday {position:absolute; width:50px; border-radius:6px; padding-top:0.4em; padding-bottom:0.4em; border-style:solid;}

/* ---------- Bestimmungsschlüssel ---------- */

.key1 {text-align:left; vertical-align:top; font-weight:bold; padding-top:0.4em; padding-bottom:0.4em;}
.key2 {text-align:justify; vertical-align:top; padding-top:0.4em; padding-bottom:0.4em;}
.key3 {text-align:right; vertical-align:bottom; font-weight:bold; padding-top:0.4em; padding-bottom:0.4em;}
.keyS {text-align:right;  color:#60824F; margin-top:0.2em;}
.keySN {font-style:italic; font-weight:bold;}
.keySA {font-variant:small-caps;}
.keyF {margin-top:0.6em; text-align:center;}
.keyF2 {float:right; margin-left:20px; margin-bottom:10px;}

/* ---------- Symbole als CSS Sprites (Map, Phaeno, RoteListe, Ampel, etc.) ---------- */

.ssym {height:12px; margin-top:2px; margin-bottom:3px;}
.ssym div {
 	background-image:url('/Pages/Fotos/Symbols/SpecSym.gif');
  background-repeat:no-repeat;
  height: 12px; margin-left:2px;
  float: left;}
.ssym div.ssymmap {width:12px; background-position:0px 0px; cursor:pointer;}
.ssym div.ssymphaeno {width:12px; background-position:-12px 0px; cursor:pointer;}
.ssym div.ssymbasketin {width:12px; background-position:-24px 0px; cursor:pointer;}
.ssym div.ssymbasketout {width:12px; background-position:-36px 0px; cursor:pointer;}
.ssym div.ssymkey {width:12px; background-position:-48px 0px; cursor:pointer;}
.ssym div.ssymspec {width:12px; background-position:-60px 0px; cursor:pointer;}
.ssym div.ssymRL0 {width:24px; background-position:-72px 0px;}
.ssym div.ssymRL1 {width:24px; background-position:-96px 0px;}
.ssym div.ssymRL2 {width:24px; background-position:-120px 0px;}
.ssym div.ssymRL3 {width:24px; background-position:-144px 0px;}
.ssym div.ssymRLD {width:24px; background-position:-168px 0px;}
.ssym div.ssymRLG {width:24px; background-position:-192px 0px;}
.ssym div.ssymRLN {width:24px; background-position:-216px 0px;}
.ssym div.ssymRLR {width:24px; background-position:-240px 0px;}
.ssym div.ssymRLV {width:24px; background-position:-264px 0px;}
.ssym div.ssymtlr {width:24px; background-position:-288px 0px;}
.ssym div.ssymtly {width:24px; background-position:-312px 0px;}
.ssym div.ssymtlg {width:24px; background-position:-336px 0px;}
.ssym div.ssymLupe {width:12px; background-position:-360px 0px;}