Difference between revisions of "MediaWiki:Common.css"

From Offene Naturführer BiolFlor
Jump to: navigation, search
m
m (only baseline for input field text)
Line 1,505: Line 1,505:
 
     margin:1px;
 
     margin:1px;
 
   }
 
   }
   table.formtable select, table.formtable input, table.formtable textarea{
+
   table.formtable select, table.formtable input, table.formtable input[type=checkbox], table.formtable textarea{
 
     border:1px solid #d3d7cf; /* light gray*/
 
     border:1px solid #d3d7cf; /* light gray*/
 
     margin:1px;
 
     margin:1px;
 
   }
 
   }
 
   /* only baseline for input field text */
 
   /* only baseline for input field text */
   table.formtable input[role=textbox],
+
  table.formtable input,
 +
   table.formtable input[role=password],
 
   table.formtable input[type=text]  {
 
   table.formtable input[type=text]  {
 
     border-left:1px solid transparent;
 
     border-left:1px solid transparent;

Revision as of 22:21, 29 November 2013

/* The following code is modified on 2009-06-14 from http://en.wikipedia.org/wiki/MediaWiki:Common.css, 
authored by http://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&action=history and originally distributed under the [[GFDL]] license.
This is the CSS for all skins. */
 
/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #ca-delete {
    display: none !important;
}

body.page-Main_Page #mp-topbanner {
   clear: both;
}

/* Edit window toolbar */
#toolbar {
    min-height: 22px; /* height → min-height 17. 4. 2010 21:13 */
    margin-bottom: 6px;
}
  #mw-editbutton-math {
     display:none; /* nicht gebraucht + mehr Platz 17. 4. 2010 21:13 */
  }

/* new ui edit toolbar */
.wikiEditor-ui-toolbar .group .label { 
  border: none;
  height: 22px;
  line-height: 22px;
  margin: 2px 8px 2px 5px;
  color: #777777;
  cursor: default;
  float: left;
}


/* Margins for 
 and  */

#content ol, #content ul,
#mw_content ol, #mw_content ul {
  margin-bottom: 0.5em;
}

/* references hanging layout */
div.hanging-indent p, div.hanging-indent {
  margin-left:1.5em !important;
  text-indent:-1.5em;
  margin-top: 0.0em !important;
  margin-bottom: 0.0em !important;
}

div.hanging-indent p *, div.hanging-indent div * {
  text-indent:0;
}

/* Make the list of references in [[Template:Reflist]] smaller */
.references-small { 
    font-size: 90%;
}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    column-count: 2;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
div.highlight:target,
span.highlight:target,
tr > td.highlight:target,
cite:target { 
    background-color: #DEF;
}
/* FIX override of a loaded inline stylsheets that uses .highlight → bold 2011-01-04 */
div.highlight{
  font-weight: normal;
}
/* highlight e.g. for clue tips*/
.alert {
  background-color:#fcaf3e;
}
.alerttarget:target {
  background-color:#fcaf3e;
}

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}


/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-strict; /* ?break-word;*/
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
*/
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}

/* a plain table but vertical align top */

table.vertical-align-top td {
  vertical-align:top;
}

table.vertical-align-bottom td {
  vertical-align:bottom;
}
table.vertical-align-middle td {
  vertical-align:middle;
}
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: normal;
}
/* booktable as in (scientific) books/journals */
table.booktable, table.booktabledotted {
    margin: 1em 1em 1em 0;
    background: #ffffff;
    border-top:    2px #656463 solid;
    border-bottom: 2px #656463 solid;
    border-collapse: collapse;
}
.booktabledotted td {
  border-bottom: 1px dotted gray;
  padding:0.2em;
}
.booktable td {
  border: 0px none !important;
  padding:0.2em;
}
.booktable tr.line-t td, .booktable tr td.line-t{
   border-top:    1px #656463 solid !important;
}
.booktable tr.line-b td, .booktable tr td.line-b{
   border-bottom:    1px #656463 solid !important;
}
.booktable tr.line-tb td, .booktable tr td.line-tb{
   border-bottom:    1px #656463 solid !important;
   border-top:    1px #656463 solid !important;
}
.booktabledotted th, .booktable th {
    vertical-align:bottom;
    border-bottom:1px solid #656463;
    border-top:   1px solid #656463;
    border-left:0px;
    border-right:0px;
    padding: 0.2em;
}

.booktabledotted th, .booktable th {
  background: #ffffff;
  text-align: center;
}

.booktable caption, .booktabledotted caption {
    font-weight: normal;
}

/* gridded table with a surrounding 2px box */
table.tableBoxedWithGridBlack1px {
    background: #ffffff;
    border: 2px solid black;
    border-collapse: collapse;
}
.tableBoxedWithGridBlack1px td {
  border: 1px solid black;
  padding:0.2em;
}
.tableBoxedWithGridBlack1px th{
  vertical-align:bottom;
  border:1px solid black;
  padding: 0.2em;
  text-align: center;
  background: #ffffff;
}
.tableBoxedWithGridBlack1px caption {
    font-weight: normal;
}

.nopadding-top-bottom th, .nopadding-top-bottom td {
  padding-bottom:0px!important;
  padding-top:0px!important;
}
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
/* navigation panel */
  .navigation-right {
    position:fixed  ; z-index:1000;right:0px; top:55px;
    overflow:auto;
    max-height:70%;
    max-width:200px;
  }
  .navigation-left {
    position:fixed ; z-index:1000;left:0px; top:18px;
    overflow:auto;
    max-height:70%;
    max-width:150px;
  }
  .navigation-right * span.toctoggle a:active, 
  .navigation-left * span.toctoggle a:active{
    color:red !important;
  }
  /* a:visited does not work as the link is set anew */
  .navigation-right * h2, .navigation-left * h2{
    /* no heading */
    display:none !important;
  }
  
  #moveTOC{
    _width:150px;/* IE6 */
   z-index:1000;
   overflow:auto;
   max-height:500px;
   max-width:200px;
  }
  #moveTOC ul li  {
    padding-left:0.8em;
    text-indent:-0.8em;
  }
  #moveTOC ul * li  {
    margin-left:-2.0em;
  }

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */
/* mw collapse: set display for switcher content → e.g. in span.up or span.down */
.mw-collapsible-toggle .up,
.mw-collapsed .mw-collapsible-toggle .down {
    display: none;
}
.mw-collapsible-toggle .down,
.mw-collapsed  .mw-collapsible-toggle .up {
     display: block;
}
/* emulate links, e.g. for span.mw-customtoggle-myTriggerKey1 */
span.pseudolink {
  color:#0645AD;
}
span.pseudolink:hover, span.pseudolink:focus, span.pseudolink:active { 
  text-decoration: underline;
  cursor:pointer;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}

/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]]
*/
div.listenlist {
    background:
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none; 
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
#content a[href$=".pdf"].external, 
#content a[href*=".pdf?"].external, 
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external, 
#content a[href*=".PDF?"].external, 
#content a[href*=".PDF#"].external,
#mw_content  a[href$=".pdf"].external, 
#mw_content  a[href*=".pdf?"].external, 
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external, 
#mw_content  a[href*=".PDF?"].external, 
#mw_content  a[href*=".PDF#"].external {
    background: 
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
        center right no-repeat;
    padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
   is used (notably Template:PDFlink). This works in IE, unlike the above. */
#content span.PDFlink a,
#mw_content span.PDFlink a {
    background: 
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
        center right no-repeat;
    padding-right: 17px;
}

/* Remove link styling. Already defined in monobook
   and modern, but not defined in the other skins. Bug 18708 */
#content .plainlinks a,
#mw_content .plainlinks a,
#content .download a,
#mw_content .download a
 {
    background: none !important;
    padding: 0 !important;
}

#content .download a,
#mw_content .download a{
    background: 
        url("http://species-id.net/o/media/f/f9/Download_icon_htmlArea_RTE_TYPO3.gif")
        center right no-repeat !important;
    padding-right: 17px !important;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}
div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}
div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}
div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in 
   [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}


/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
   The second declarations reset the styles for all browsers except
   IE6, which chokes on the empty comment tags. Please copy any changes
   to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.latinx {
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Lucida Grande", Code2000; 
    font-family /**/: inherit;
}

#wpSave {
    font-weight: bold;
}

/* Removes underlines from links */
.nounderlines a { 
    text-decoration: none;
}

/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited {
    text-decoration: none;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    min-height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Coloured watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */

/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
    margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
    font-style: normal;
}

/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li { 
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}
.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}

/* Allow transcluded pages to display in lists rather than a table.
   Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]].
 */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }

/* When  is used on the table of contents,

   the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    margin: 0 0 0 2em; 
}

/* Allow limiting of which header levels are shown in a TOC;
   
, for instance, will limit to

   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* Styling for Template:Quote */
blockquote.templatequote { 
     margin-top: 0; 
}
blockquote.templatequote div.templatequotecite { 
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}

div.user-block {
    padding: 5px;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}

/* Prevent line breaks in silly places: 
   1) links when we don't want them to
   2) HTML formulae
   3) Ref tags with group names  --> "[Note 1]"
*/
.nowraplinks a,
span.texhtml,
sup.reference a { white-space: nowrap; }

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}

.thumbinner {
    min-width: 100px;
}

/* redesign thumbs simple 3D look */
  div.thumbinner {
    background-color:    #f5f5f5;
    border-width:2px;
    border-style:solid;
    border-bottom-color: #e6e6e6;
    border-right-color:  #e6e6e6;
    border-left-color:   #f5f5f5;
    border-top-color:    #f5f5f5;
    font-size: 94%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 3px !important;
    text-align: center;
  }
  html .thumbimage {
    border:1px solid  #f5f5f5;
  }

/* redesign mediawiki-gallery */
.gallerybox div.thumb {
    background-color: #f5f5f5;
  }

  div.gallerybox div.thumb {
    border-style: solid;
    border-width: 2px;
    border-bottom-color: #e6e6e6;
    border-right-color:  #e6e6e6;
    border-left-color:   #f7f7f7;
    border-top-color:    #f7f7f7;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    text-align: center;
  }
  table.gallery td {
    background-color: #ffffff;
    border-color:     #ffffff;
    border-style: solid;
    border-width: 2px;
    vertical-align: top;
  }

/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}

/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}

/* Reduce line-height for  and  */
sup, sub {
    line-height: 1em;
}


/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
    background-color: #F9F9F9;   /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img {
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img, 
.nochecker .gallerybox .thumb img {
    background: white;
}

/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media, 
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}

#wikiPreview {
  overflow-y:auto;
  max-height:400px;
  border:1px dotted gray;
  padding:4px;
}
#p-coll-create_a_book { display: none; }

/* Aus der deutschen Wikipedia übernommen: */
/* ======================================= */

 /* Stylesheet-Ergänzung zu [[Wikipedia:Taxoboxen|Taxoboxen]] */

 table.taxobox {
        border-collapse: collapse;
        border: 1px solid gray;
        float: right;
        clear: right;
        margin-left: 0.5em;
        background-color:white;
 }
 table.taxobox th {
        background-color: #9BCD9B;
        border: solid 1px gray;
        text-align: center;
        font-weight: bold;
 }
 table.taxobox td {
        vertical-align:top;
 }
 table.taxobox .Person {
        font-style: normal;
 }
 table.taxobox div.thumb,
 table.taxobox div.thumb * {
        margin: auto;
        padding: 0;
        float: none;
        border: none;
        background-color:#F9F9F9;
 }
 table.taxobox div.magnify {
        display: none;
 }
 table.taxobox tr td div.thumb div div.thumbcaption {
        text-align:center;
 }
 table.taxobox td.Person {
        text-align:center;
        display:block;
 }
 table.taxobox td.taxo-name {
        text-align:center;
 }
 table.taxobox td.taxo-bild {
        text-align:center;
 }

/* Local extensions: */
/* =================================================== */

/* == firstHeading: Do not display on main page; modify first heading size (was 1.6em and 1.2 em line)== */
body.page-Main_Page h1.firstHeading,
body.page-Hauptseite h1.firstHeading {display:none;}
#firstHeading {font-size: 1.5em; line-height:auto;}

/* Logo here almost square, else compare species-id settings! */

@media screen, handheld, projection{
 *.printonly {display:none;}
} 
@media print{
 *.noprint {display:none;}
}

/* Add space above/below table of contents */
#toc {margin:1em 0}


/* === START Decisiontree and Lead templates (Single-Access-Key, v. 3.5) ===*/
div.dt-box    {padding:0.4em 0.6em; background-color: #FDFFEF; border:1px solid #ffc51a;}
span.dt-creators {font-weight:normal;}
table.dt-body, table.nested {border-style:none; padding:0; background:white; empty-cells:show; border-collapse:collapse;}
/* background:transparent not possible for many styles; leader-dot graphic requires text background part to be nontransparent white OVER the dotted background. */
table.dt-body tr.dt-hspacer {height:18px}
/* 
table.dt-body tr.dt-subheading - currently semantic class only 
*/
table.dt-body tr.dt-row {vertical-align:top;}
table.dt-body td.dt-nodeid {vertical-align:top; padding:0 0.2em 0.2em 0; font-weight:bold; text-align:right;}
table.dt-body td.leadalt {padding:0 0.5em 0.2em 0; text-align:left; width:0.3em;} /* width=min if no alt or backlinks */
span.leadspan, span.commonnames, span.leadon, span.leadout, span.leadresults {background-color:#FFFFFF;}
span.leadontext {font-weight:bold;} /* used in Decision S2, Lead Link */
span.leadspan a img {vertical-align:top} /* for inline-images inside lead text */
span.commonnames {font-weight:bold;color:#333333;} /* lists of common names can be long, no nowrap! */
span.leadout {font-weight:bold;} /* result as link to other page */
span.nowrap {white-space:nowrap;}
span.leadon a:visited, 
span.leadontext a:visited {color:#002BB8} /* internal links should not change their color */
table.dt-body td.leadextras {padding:0 0 0 0;}
table.dt-body div.leadextras {border-left:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA; vertical-align:top; padding:0 0 0 0.5em; margin:0 0 1ex 0; font-size:0.9em;}
table.dt-body th.leaderror {color:#9B0000;font-weight:bold; text-align:left;}
div.overlaylabel {position:absolute; bottom:0px; right:0px; font-size:0.85em;line-height:0.85em; padding:3px 5px 3px 5px; background-color:#BBBBBB; opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
/* Special collapse button (CollapsibleTables javascript-created) inside key: */
table.dt-body span.collapseButton {float:none; font-weight:normal; text-align:right; background-color:#FFFFFF;}
 
/* === Special styles for default row-based jkey: === */
table.dt-body td.lead-row1 {padding:0;margin:0} /* this embeds table with statement and result */ 
table.dt-body td.lead-row1 th.leadtxt.leadon,
table.dt-body td.lead-row1 td.leadtxt.leadon,
table.dt-body td.lead-row1 td.leadresult.leadon 
  {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAIAQMAAAAGIdc/AAAABlBMVEUAAAD///+l2Z/dAAAAF0lEQVR4Xk3BMQ0AAAACIKIa3Si+DtE3MJAGgY0PV2AAAAAASUVORK5CYII=") repeat-x 20px bottom;}
div#switch table.dt-body td.lead-row1 th.leadtxt,
div#switch table.dt-body td.lead-row1 td.leadtxt,
div#switch table.dt-body td.lead-row1 td.leadresult 
  {background-image:none;}
table.dt-body td.lead-row1 th.leadtxt,
table.dt-body td.lead-row1 td.leadtxt
    {vertical-align:top; text-align:left; font-weight:normal; padding:0 0 0.2em 0;}
table.dt-body td.lead-row1 td.leadresult {vertical-align:bottom; text-align:right; padding:0 0 0.2em 21px;} /* pad-left/right: 21 px/0 for min lead dots left, no right */

/* === Styles used in lead link (cross refs) and Decision S2 (simple button-statements) === */
div.leadontext {text-align:center; padding:2px 6px 4px;}
div.leadontext span.leadspan a {border:1px solid #444444; background-color:#ECEEEE; padding:2px 4px; font-weight:bold;}
div.leadontext span.leadout  a {border:1px solid #444444; background-color:#ECEEEE; padding:2px 4px; font-weight:bold;}
 
/* === Special styles for horizontal decision couplet (V 0.5): === */
table.dt-body tr.dt-row-hor1 td.dt-nodeid {padding:2em 0.2em 0.2em 0.4em;}
table.dt-body tr.dt-row-hor1 td.leads-hor1 {padding:2em 0 2em 0; width:0.2em;} /* container for inner table */
table.dt-body tr.dt-row-hor1 td.leadimgs-hor1, 
table.dt-body tr.dt-row-hor1 td.leadtxt,
table.dt-body tr.dt-row-hor1 td.dt-arrdown {text-align:center; border-left:1px solid #444444;border-right:1px solid #444444;}
table.dt-body tr.dt-row-hor1 td.leadimgs-hor1 {vertical-align:bottom; padding:0.4em 1em 0 1em;}
table.dt-body tr.dt-row-hor1 td.leadtxt   {vertical-align:top; padding:0em 0.8em 0.2em 0.8em;}
table.dt-body tr.dt-row-hor1 td.dt-arrdown {vertical-align:middle; padding:0}
table.dt-body tr.dt-row-hor1 td.leadresult-hor1 {vertical-align:top; text-align:center; padding:0 0.8em 0.4em 0.8em;} /* special styling of leadresult */
table.dt-body td.leadtxt span.leadalt   {font-weight:bold;} /* alternative, if directly before lead text in lead text container */
table.dt-body td.leadresult-hor1 div.leadextras {
  /* just a bottom border */
  border-bottom: 1px solid #AAAAAA; border-left: 0px none; border-right: 0px none; border-top: 0px none;
  font-size: 0.9em; padding: 0px;vertical-align: top;
}
/* 
table.dt-body td.leadimgs  - currently semantic class only 
*/

/* most jkey-interactive styles set by js, but these used also in Mobile Key START for illustration -> keep this global: */
span.linkbtn, a.linkbtn, a.small-linkbtn { /* span to emulate buttons */
  background-color:#EEF0F0;
  font-weight:bold; 
  padding:1.5px 6px; /* check span.leadout followed by span.leadon, the two a.linkbtn can overlap. */
  text-align:center;
  vertical-align:middle;
  display: inline-block;
  border: 1px outset #cccccc;
  border-radius:4px;
  white-space:nowrap;
}
a.linkbtn:visited, a.linkbtn:hover { color:#444444; text-decoration:none; }
a.linkbtn:hover, a.small-linkbtn:hover { background-color:#DFDFDF; }

span.linkbtn { color: #6b90da; }
a.small-linkbtn { display:inline; padding:0px 4px 1px 4px; border-radius:3px; font-weight:normal; }

/* plain variant. / QUESTION GH: USED WHERE? */
span.linkbtn.plain {color:black; font-weight:normal;}

/* === END (decisiontree/Single-Access-Key templates). ===*/


/* Simple, low padding, invisible layout table, e.g. for side-by-side images, or text */
table.layout {margin:0; background:transparent; border:none; border-collapse:collapse;}
table.layout th, table.layout td {border:none; padding:0.1em 0.2em; background:transparent; vertical-align:top;}
table.layout th {text-align:left; vertical-align:bottom;}
table.layout caption {font-weight: bold;}


/* notes slightly with emphasis, just for short phrases */
span.emphasis-light { color:#CD853F; }
/* for hover in span tags  */
span.hover:hover { color: blue; background-color:#DEEEFF;}

/* override the white border around floating image thumbs, which are problematic with colored backgrounds: */
div.thumb {border-color: transparent;}


/* Glossary  */
div.glossaryEntry { /* on normal pages */
 text-indent:-1.5em; 
 clear:both;
 padding-left:1.5em;
}
div.glossaryEntry * { /* on sub tags */
 text-indent:0; 
}

/* Subset of Cluetip styles from http://plugins.learningjquery.com/cluetip/ Released under GPL license 
 NOTE: background changed from ccc to ddd (lighter). jTip arrows (see URLs would have to be lightened as well)
*/
#cluetip-inner div.glossaryEntry { /* different layout as popup! */
  text-indent:0px; 
  padding-left:0px;	 
}
#cluetip-inner div.glossaryEntry .icons {display:none;}

#cluetip-close img {border: 0px;}
#cluetip-title {overflow: hidden;}
#cluetip-title #cluetip-close {float:right; position:relative;}
#cluetip-waitimage {width:43px; height:11px; position:absolute; background-image:url(http://www.species-id.net/o/media/8/8f/Cluetip_wait.gif);}
.cluetip-arrows {display:none; position:absolute; top:0; left:-11px; height:22px; width:11px; background-repeat:no-repeat; background-position: 0 0;}
#cluetip-extra {display: none;}

.cluetip-jtip {background-color: transparent;}
.cluetip-jtip #cluetip-outer {border: 2px solid #ddd; position:relative; background-color:#fff;}
.cluetip-jtip h3#cluetip-title {margin: 0 0 5px; padding:5px 2px 3px 5px; font-size: 0.8em; font-weight:normal; background-color:#ddd; color:#333;}
.cluetip-jtip #cluetip-inner {font-size:0.8em; padding:0 5px 5px; display:inline-block;}
.cluetip-jtip div#cluetip-close {text-align: right; margin:0 5px 5px; color:#900;}
.clue-right-jtip .cluetip-arrows {background-image: url(http://www.species-id.net/o/media/f/f8/Cluetip_arrowleft.gif);}
.clue-left-jtip  .cluetip-arrows {background-image: url(http://www.species-id.net/o/media/5/59/Cluetip_arrowright.gif); left:100%; margin-right:-11px;}
.clue-top-jtip   .cluetip-arrows {background-image: url(http://www.species-id.net/o/media/8/86/Cluetip_arrowdown.gif); top:100%; left:50%; margin-left:-11px; height:11px; width:22px;}
.clue-bottom-jtip .cluetip-arrows {background-image: url(http://www.species-id.net/o/media/9/93/Cluetip_arrowup.gif); top:-11px; left:50%;  margin-left: -11px; height:11px; width:22px;}
/* Alter cluetip and glossary inside cluetip link  */
span.cluetip a:hover {text-decoration:none !important; cursor:help !important; border-bottom: 1px dotted;}



/* sortable tables from http://www.javascripttoolbox.com/lib/table/ 
   see MediaWiki:SortTableFilter.js might use letters because in a Webarchive *.mht
   javascript loaded images are not stored but th.table-sortable:after works not in < IE8 fortunately: grrrrrr!
*/
  th.table-sortable {
    cursor: pointer;
  }
/*
th.table-sortable:after {
	padding-left:4px;
	padding-right:4px;
	border:1px dotted gray;
	color:gray;
	content:"x";
 
}
th.table-sorted-desc:after {
	cursor: pointer;
	padding-left:4px;
	padding-right:4px;
	border:1px solid black;
	color:#8B0000;
	content:"v";
}
th.table-sorted-asc:after {
	cursor: pointer;
	padding-left:4px;
	padding-right:4px;
	border:1px solid black;
	color:#8B0000;
	content:"^";
}
*/
th.table-sortable {
	cursor: pointer;
	background-image: url("http://www.javascripttoolbox.com/lib/table/sortable.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 12px;
}
th.table-sorted-desc {
	cursor: pointer;
	background-image: url("http://www.javascripttoolbox.com/lib/table/sorted_down.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
th.table-sorted-asc {
	cursor: pointer;
	background-image: url("http://www.javascripttoolbox.com/lib/table/sorted_up.gif");
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

/* forms going inline */
/* for search tools */
span form.search {
  display:inline;
}
span.goinline * {
  display:inline;
}

.border-round {
  -moz-border-radius:0.5em;
  -webkit-border-radius:0.5em; 
  -o-border-radius:0.5em; 
  -khtml-border-radius:0.5em; 
  border-radius:0.5em;
}
/* Font transformation due to much space within pre */
pre strong.selflink, pre * strong.selflink {
  /* bold → italic */
  font-weight:normal !important;
  background-color:#d3daed;
}

/* collapsebox */
  .collapsebox{
  }
  .hide{
    display:none;
  }
/* forms */
  table.formtable {
    border-collapse:collapse;
  }
  table.formtable td{
    vertical-align:top;
    text-align:left;
    padding:2px;
  }
  table.formtable th{
    vertical-align:top;
    font-weight: bold;
    padding:2px;
  }

  table.formtable textarea.textarea-default, textarea.textarea-fullwidth {
    width:100%;
  }
 /* inputs, textarea:focus */
  table.formtable select.mandatoryField:focus, table.formtable input.mandatoryField:focus, table.formtable textarea.mandatoryField:focus{
    border:2px inset #fcaf3e;
    margin:0px;
  }
  table.formtable select:focus, table.formtable input:focus, table.formtable textarea:focus{
    border:2px inset #d3d7cf; /* light gray*/
    margin:0px;
  }
 /* inputs, textarea */
  table.formtable select.mandatoryField, table.formtable input.mandatoryField, table.formtable textarea.mandatoryField{
    border:1px solid #fcaf3e;
    margin:1px;
  }
  table.formtable select, table.formtable input, table.formtable input[type=checkbox], table.formtable textarea{
    border:1px solid #d3d7cf; /* light gray*/
    margin:1px;
  }
  /* only baseline for input field text */
  table.formtable input,
  table.formtable input[role=password],
  table.formtable input[type=text]  {
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-top:1px solid transparent;
  }
  table.formtable select {
    border-left:1px solid transparent;
    border-right:1px solid transparent;
  }
  table.formtable select:focus, table.formtable select:hover {
    border-left:2px solid transparent;
    border-right:2px solid transparent;
  }
  table.formtable textarea {
    border-left:1px dotted #d3d7cf;
    border-right:1px dotted #d3d7cf;
  }
  table.formtable textarea:hover!important, table.formtable textarea:focus {
    border-left:2px dotted #d3d7cf;
    border-right:2px dotted #d3d7cf;
  }
 /* formtable Fonts*/
  .formtable input, .formtable textarea{
     font-family:monospace;
     font-size:100%;
  }
 /* formtable floatable dl*/
  td.dl-float-left dl{
     float:left;
     margin-left:2px;
     margin-right:2px;
  }
  td.dl-float-left dl:first-child{
     margin-left:0px;
  }
  td.dl-inline dl dt, td.dl-inline dl dd{
    display: inline;
  }
  .formtable dd { 
    margin-left: 0em;
  }
 /* formtable with multible values */
  .multipleTemplate * td {
    background-color:#CCCCCC;/* CCCCCC → dark gray */
  }
  .multipleTemplate * table, .multipleTemplate table{
    border-spacing:0px;
  }
 /* formtable floating box */
  div.floating-form-parts {
    float:left; margin-right: 0.75em;
  }
 /* formtable select option box: Fix for FF gray → ??? */
  .formtable select { 
    background-color: #FFFFFF;
  }
 /* hidden fields */
  .formtable * .collapsebox .indicateHiddenInputs {
    border-left:2px #aaaaaa solid;
    border-bottom:1px #aaaaaa solid;
  }
 /* formtable minimize borders when elements are narrow together */
  table.formtable td.minimal-visible-borders span.inputSpan,
  table.formtable td.minimal-visible-borders .multipleTemplateInstance{
    margin:0px;
    border:0px none;
    border-top: 2px outset #cccccc;
    padding:0px;
  }
  table.formtable td.minimal-visible-borders input
  ,table.formtable td.minimal-visible-borders textarea {
    border-bottom:1px solid transparent;
  }
  table.formtable input:hover
  , table.formtable textarea:hover {
    border-width:2px!important;
    border-style:inset!important;
    margin:0px;
  }
/* comments*/
 .comment-gray{ 
    color:#828282;
 }
/* errors: extend for nested from default CSS */
span.error *{color:red !important;}

/* emulate a new-page-link */
span.new *{color:#ba0000 !important;}


/* plain no bold or italic text */
 .font-weight-normal {font-weight:normal;font-style:normal;}

/* ImageSwitchGallery */
table.ImageSwitchGallery td{
  border-collapse:collapse;
}
table.ImageSwitchGallery:hover{
  border-bottom:2px solid #e6e6e6;
  border-right :2px solid #e6e6e6;
  border-top   :2px solid #fafafa;
  border-left  :2px solid #fafafa;
  background-color   :#fafafa;
}
table.ImageSwitchGallery{
  border:2px solid white;
  background-color   :#ffffff;
}
/* icon talk */
  #ca-talk a  { 
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://www.offene-naturfuehrer.de/w/skins/vector/images/talk-icon.png");
    background-position: 95% 65%;
    background-repeat: no-repeat;
    padding-right: 20px !important;
    text-transform: none;
  }
  
  #ca-talk.new  a  { 
    background-image:none;
    padding-right:0px !important;
  }

/* IE 6 warning in MediaWiki:Sitenotice 
   Note: "[if lte IE 6] .iewarning"  does not work */
.iewarning{
  display:none;
  _display:block;
  border:2px solid #900;
  color:#900;
  padding:4px;
  margin:0 0 10px 0; /* seems to be ignored */
  background-color:#FFC;
}

/* jquery plugin iviewer */
  .iviewer_zoom_in, .iviewer_zoom_out, .iviewer_zoom_zero, .iviewer_zoom_fit{
    background-attachment: scroll;
    background-color: transparent;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    position:absolute;
    top:0px;
    cursor:pointer;
    height: 15px;
    width: 15px;
  }
  .iviewer_zoom_in {
    background-image: url("http://www.species-id.net/o/media/f/f7/Iviewer.zoom_in.gif");
    left: 4px;
  }
  .iviewer_zoom_out {
    background-image: url("http://www.species-id.net/o/media/5/5c/Iviewer.zoom_out.gif");
    left: 24px;
  }
  .iviewer_zoom_zero {
    background-image: url("http://www.species-id.net/o/media/d/db/Iviewer.zoom_zero.gif");
    left: 44px;
  }
  .iviewer_zoom_fit {
    background-image: url("http://www.species-id.net/o/media/5/5d/Iviewer.zoom_fit.gif");
    left: 64px;
  }
  /* remain this order */
  .iviewer_common {
    position: absolute;
    top: 2px;
    border: 1px solid #000000;
    z-index: 5000;
  }
  .iviewer_zoom_status {
    cursor:auto;
    background-color: #ffffff;
    color: #000000;
    font-family: "Sans";
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    left: 84px;
    line-height: 15px;
    text-align: center;
    width: 40px;
  }
  #modal-fg img:hover{
    cursor:move;
  }
  #modal-fg div img:hover, #modal-fg div img:active{
    cursor:auto;
  }
  #modal-fg {
    font-size:0.8em;
  }

/* make up to 100 ogg-player-ids display inline */
#ogg_player_1, #ogg_player_1 div, #ogg_player_2, #ogg_player_2 div, #ogg_player_3, #ogg_player_3 div, #ogg_player_4, #ogg_player_4 div, #ogg_player_5, #ogg_player_5 div, #ogg_player_6, #ogg_player_6 div, #ogg_player_7, #ogg_player_7 div, #ogg_player_8, #ogg_player_8 div, #ogg_player_9, #ogg_player_9 div, #ogg_player_10, #ogg_player_10 div, #ogg_player_11, #ogg_player_11 div, #ogg_player_12, #ogg_player_12 div, #ogg_player_13, #ogg_player_13 div, #ogg_player_14, #ogg_player_14 div, #ogg_player_15, #ogg_player_15 div, #ogg_player_16, #ogg_player_16 div, #ogg_player_17, #ogg_player_17 div, #ogg_player_18, #ogg_player_18 div, #ogg_player_19, #ogg_player_19 div, #ogg_player_20, #ogg_player_20 div, #ogg_player_21, #ogg_player_21 div, #ogg_player_22, #ogg_player_22 div, #ogg_player_23, #ogg_player_23 div, #ogg_player_24, #ogg_player_24 div, #ogg_player_25, #ogg_player_25 div, #ogg_player_26, #ogg_player_26 div, #ogg_player_27, #ogg_player_27 div, #ogg_player_28, #ogg_player_28 div, #ogg_player_29, #ogg_player_29 div, #ogg_player_30, #ogg_player_30 div, #ogg_player_31, #ogg_player_31 div, #ogg_player_32, #ogg_player_32 div, #ogg_player_33, #ogg_player_33 div, #ogg_player_34, #ogg_player_34 div, #ogg_player_35, #ogg_player_35 div, #ogg_player_36, #ogg_player_36 div, #ogg_player_37, #ogg_player_37 div, #ogg_player_38, #ogg_player_38 div, #ogg_player_39, #ogg_player_39 div, #ogg_player_40, #ogg_player_40 div, #ogg_player_41, #ogg_player_41 div, #ogg_player_42, #ogg_player_42 div, #ogg_player_43, #ogg_player_43 div, #ogg_player_44, #ogg_player_44 div, #ogg_player_45, #ogg_player_45 div, #ogg_player_46, #ogg_player_46 div, #ogg_player_47, #ogg_player_47 div, #ogg_player_48, #ogg_player_48 div, #ogg_player_49, #ogg_player_49 div, #ogg_player_50, #ogg_player_50 div, #ogg_player_51, #ogg_player_51 div, #ogg_player_52, #ogg_player_52 div, #ogg_player_53, #ogg_player_53 div, #ogg_player_54, #ogg_player_54 div, #ogg_player_55, #ogg_player_55 div, #ogg_player_56, #ogg_player_56 div, #ogg_player_57, #ogg_player_57 div, #ogg_player_58, #ogg_player_58 div, #ogg_player_59, #ogg_player_59 div, #ogg_player_60, #ogg_player_60 div, #ogg_player_61, #ogg_player_61 div, #ogg_player_62, #ogg_player_62 div, #ogg_player_63, #ogg_player_63 div, #ogg_player_64, #ogg_player_64 div, #ogg_player_65, #ogg_player_65 div, #ogg_player_66, #ogg_player_66 div, #ogg_player_67, #ogg_player_67 div, #ogg_player_68, #ogg_player_68 div, #ogg_player_69, #ogg_player_69 div, #ogg_player_70, #ogg_player_70 div, #ogg_player_71, #ogg_player_71 div, #ogg_player_72, #ogg_player_72 div, #ogg_player_73, #ogg_player_73 div, #ogg_player_74, #ogg_player_74 div, #ogg_player_75, #ogg_player_75 div, #ogg_player_76, #ogg_player_76 div, #ogg_player_77, #ogg_player_77 div, #ogg_player_78, #ogg_player_78 div, #ogg_player_79, #ogg_player_79 div, #ogg_player_80, #ogg_player_80 div, #ogg_player_81, #ogg_player_81 div, #ogg_player_82, #ogg_player_82 div, #ogg_player_83, #ogg_player_83 div, #ogg_player_84, #ogg_player_84 div, #ogg_player_85, #ogg_player_85 div, #ogg_player_86, #ogg_player_86 div, #ogg_player_87, #ogg_player_87 div, #ogg_player_88, #ogg_player_88 div, #ogg_player_89, #ogg_player_89 div, #ogg_player_90, #ogg_player_90 div, #ogg_player_91, #ogg_player_91 div, #ogg_player_92, #ogg_player_92 div, #ogg_player_93, #ogg_player_93 div, #ogg_player_94, #ogg_player_94 div, #ogg_player_95, #ogg_player_95 div, #ogg_player_96, #ogg_player_96 div, #ogg_player_97, #ogg_player_97 div, #ogg_player_98, #ogg_player_98 div, #ogg_player_99, #ogg_player_99 div, #ogg_player_100, #ogg_player_100 div div{
display:inline;
}
/* diagonal lines */
  /* lower left to upper right */
  .line-ll2ur { 
    position:relative; /* doesn't have to be absolute */
    z-index: -1;         /* places the line behind other elements */
  }
  .line-ll2ur div {
    position:absolute;
    left: 0px; top: 0px;
    border-left-color: transparent;
    border-style: solid;
  }
  /* upper left to lower right */
  .line-ul2lr {
    position:relative; /* doesn't have to be absolute */
    z-index: -1;         /* places the line behind other elements */
  }
  .line-ul2lr div {
    position:absolute;
    left: 0px; top: 0px;
    border-right-color: transparent;
    border-style: solid;
  }

tr.alternate td {
  background-color:#edf0f9; /* #e3e9ff*/
}
/* remove dashed border line from MediaWiki’s pre */
div.noborder pre {
  border:0px none;
}
/* hanging indent for category tree */
.CategoryTreeItem {
    text-indent: -1.5em;
    margin-left: 1.5em;
}
/* Dirty fix for mediawiki:mw.log under IE adding a div #mw-log-console to the end of the wikipage and jquery.makeCollapsible adding log messages to it. (Problem occurs e.g. under IE8 or IE9; FF and chrome put logs to js console, no div there...)  */
#mw-log-console {display: none;}

.hidedebug.mobilekey {
  margin-left:150px;
  margin-top:80px;
  word-wrap: break-word;
}

/* SOME TESTING FOR CSS3 CALLOUTS; hier als .sprechblase1 .sprechblock1; source=http://maddesigns.de/wp-content/uploads/2010/12/css3bubbles-beispiel1.html */
.sprechblase1 {
	position:relative;
	width:300px;
	padding:60px 40px;
	margin:1em auto 50px;
	text-align:center;
	color:#fff; 
	background:#5a8f00;
	-webkit-border-top-left-radius:220px 120px;
	-webkit-border-top-right-radius:220px 120px;
	-webkit-border-bottom-right-radius:220px 120px;
	-webkit-border-bottom-left-radius:220px 120px;
	-moz-border-radius:220px / 120px;
	border-radius:220px / 120px;
	background:-webkit-gradient(linear, left top, left bottom, from(#b8db29), to(#5a8f00));
	background:-moz-linear-gradient(top, #b8db29, #5a8f00);
	background:-o-linear-gradient(top, #b8db29, #5a8f00);
}

.sprechblase1 p {font-size:1.25em;}

.sprechblase1:before {
	content:"";
	position:absolute;
	z-index:-1;
	bottom:-30px;
	right:50%;
	width:0;
	height:30px;
	border-right:60px solid #5a8f00;
	background:#5a8f00;
	-moz-border-radius-bottomright:80px 50px;
	-webkit-border-bottom-right-radius:80px 50px;
	border-bottom-right-radius:80px 50px;
	-moz-transform:translate(0, -2px);
	-webkit-transform:translate(0, -2px);
	-o-transform:translate(0, -2px);
	transform:translate(0, -2px);
}

.sprechblase1:after {
	content:"";
	position:absolute;
	z-index:-1;
	bottom:-30px;
	right:50%;
	width:60px;
	height:30px;
	background:#fff;
	-moz-border-radius-bottomright:40px 50px; 
	-webkit-border-bottom-right-radius:40px 50px; 
	border-bottom-right-radius:40px 50px;
	-moz-transform:translate(-30px, -2px);
	-webkit-transform:translate(-30px, -2px);
	-o-transform:translate(-30px, -2px);
	transform:translate(-30px, -2px);
}

.sprechblock1 {
	position:relative; 
	padding: 15px; 
	margin:1em 0 3em;
	border:10px solid #5a8f00; 
	text-align:center; 
	color:#333;
	background:#fff; 
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

.sprechblock1:before {
	content:""; 
	position:absolute; 
	z-index:10; 
	bottom:-40px; 
	left:50px; 
	width:50px; 
	height:30px;
	border-style:solid; 
	border-width:0 10px 10px 0; 
	border-color:#5a8f00; 
	background:transparent;
	-moz-border-radius-bottomright:80px 50px;
	-webkit-border-bottom-right-radius:80px 50px;
	border-bottom-right-radius:80px 50px;
}
.sprechblock1:after {
	content:""; 
	position:absolute; 
	z-index:10; 
	bottom:-40px; 
	left:50px; 
	width:20px; 
	height:30px; 
	border-style:solid; 
	border-width:0 10px 10px 0; 
	border-color:#5a8f00; 
	background:transparent;
	-moz-border-radius-bottomright:40px 50px; 
	-webkit-border-bottom-right-radius:40px 50px; 
	border-bottom-right-radius:40px 50px; 
}
.sprechblock1>:first-child:before {
	content:""; 
	position:absolute; 
	bottom:-40px; 
	left:45px; 
	width:10px; 
	height:10px;
	background:#5a8f00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.sprechblock1>:first-child:after {
	content:""; 
	position:absolute; 
	bottom:-10px; 
	left:76px; 
	width:24px; 
	height:15px; 
	background:#fff;
}
/* 
  superimpose CSS on Wiki’s pre layout
 
  <pre> itself in the Wiki does not allow any tags or formatting, it renders as <nowiki> 
   but Wiki text starting with a blank character on a line does allow tags and other formatting */
  div.no-pre-border pre {
    border:0px none;
  }
  div.no-pre-margin pre {
    margin:0px;
  }
  div.no-pre-padding pre {
    padding:0px;
  }

table.nopadding-left-right td, table.nopadding-left-right th {
  padding-left:0px;padding-right:0px;
}

div.mw-geshi {  white-space: normal;  word-wrap: break-word; }
.display-inline { display:inline; }

/* inline definitions */
.definition-inline dt { float:left; padding-right:0.5em; margin-bottom: 0px}
.definition-inline dd { margin-bottom: 0px}