/* Style Sheet Angaben für gantschnigg.net/minifische */
/* (C) 2003-2006 Gerald Gantschnigg gerald@gantschnigg.net*/

*{
        padding: 0;
    margin: 0;
}
a img{
        border-width:0px;
}
abbr, acronym{
        border-bottom:1px dotted #9ff;cursor:help;
}
#header{
    color:#000;
    background:#4e8e74 url(minifische_banner.png) no-repeat top left;
    height:102px;
}
#headerE{
    color:#000;
    background:#a9dece url(minifische_bannerE.png) no-repeat top left;
    height:102px;
}

/*- Menu Tabs--------------------------- */

#tabs {
        float:left;
    width:100%;
    color:#000;
    background:#4d8e75;
        font-family:"lucida grande", verdana, tahoma, arial, sans-serif;
        font-variant:small-caps;
        font-weight:normal;
    font-size:12px;
    line-height:normal;
    }
#tabs ul {
        margin:0;
        padding:1px 10px 0 170px; /*200px*/
        list-style:none;
}
#tabs li {
    display:inline;
    margin:0;
    padding:0;
}
#tabs a {
    float:left;
    background:url("tableftI.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
#tabs a span {
    float:none;
    display:block;
    background:url("tabrightI.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#9ff;
}
#tabs a:hover span {
    color:#f3e66a;
    background-position:100% -42px;
}
#tabs a:active span{
        color:#00f;
}
#tabs a:hover {
    background-position:0% -42px;
}
#tabs a .info{
        display:none;
}
#tabs a .info2{
        display:none;
}
#tabs .aktiv1{
         color:#00f;
    float:left;
    background:url("tableftI.gif") no-repeat 0% -42px;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}
#tabs span.aktiv {
    float:left;
    display:block;
    background:url("tabrightI.gif") no-repeat;
    padding:5px 15px 4px 6px;
    background-position:100% -42px;
}
#tabs a:hover .info{
        position:absolute;top:150px;left:15px; /*25px*/
        display:block;
        color:#f3e66a;
        font:16px "lucida grande", verdana, tahoma, arial, sans-serif;
        background:transparent;
}
#tabs a:hover .info2{
        position:absolute;top:170px;left:20px; /*30px*/
        display:block;
        color:#f3e66a;
        font:12px "lucida grande", verdana, tahoma, arial, sans-serif;
        background:transparent;
}

/*- Artenteil--------------------------- */
#species{
        clear:left;
        color:#59b372;
    background:#0098d8; /*#4d8e75;*/
        font: 12px Verdana, Arial, sans-serif;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:50px;
    border-collapse:collapse;
    width:100%;
    height:188px;
}
#species .leer{
        color:#9ff;
    background:#4d8e75; /*#0098d8;*/
        font: 16px Arial, sans-serif;
    font-variant:small-caps;
    text-indent:2em;
    width:170px; /*200px*/
}
#species .leer .flag{
    padding-left:40px;
    padding-top:30px;
}
#species .leer .faminfo{
        font: 10px Arial, sans-serif;
    font-variant:normal;
    text-indent:0em;
    text-align:justify;
        margin:12px;
}
#species .name{
        color:#000;
    background:#4d8e75 url("tabspeciesback.gif") no-repeat right top;
    padding:0;
    margin:0;
}
#species .name .p1{
        color:#a8b8e8;
    background:transparent;
        font: bold 14px Verdana, Arial, sans-serif;
    min-width:15em;
    width:15em;
}
#species .name .p2{
        color:#a8b8e8;
    background:transparent;
        font: 13px Verdana, Arial, sans-serif;
    margin-top:10px;
    margin-bottom:20px;
    text-indent:1em;
}
#species .name .p3{
        color:#a8b8e8;
    background: url(plinks.gif) no-repeat left bottom;
        font: 12px Arial, sans-serif;
}
#species .name .p4{
        color:#a8b8e8;
    background: url(plinks-fna.png) no-repeat left bottom;
        font: 12px Arial, sans-serif;
}
#species .name .iucn{
        color:#ffffff;
    background:#900;
    font: 9px Arial, sans-serif;
    padding:1px;
    margin-left:10px;
}
#species .name .p3 a:link, #species .name .p3 a:visited, #species .name .p3 a:active{
    text-decoration:none;
    margin-left:2em;
}
#species .name .p4 a:link, #species .name .p4 a:visited, #species .name .p4 a:active{
    text-decoration:none;
    margin-left:3em;
}
#species .name .p3 a:hover{
    text-decoration:underline;
}
#species .name .p4 a:hover{
    text-decoration:underline;
}
#species .name .p3 .flag{
    margin-left:6px;
}
#species .name .p4 .flag{
    margin-left:6px;
}
#species .credits{
        width:25em;
    padding:10px;
    margin:10px;
        color:#9ff;
    background:#4d8e75;
        font: 12px Verdana, Arial, sans-serif;
    border:1px dotted #9ff;
}
#species .credits .flag{
    margin-right:6px;
    padding-top:4px;
}
#species .info{
        width:25em;
    padding:10px;
    margin:10px;
        color:#9ff;
    background:#4d8e75;
        font: 12px Verdana, Arial, sans-serif;
    text-align: justify;
    border:1px dotted #9ff;
}
#species .info .capitals{
    font-variant:small-caps;
}
#species .faminfo{
        width:25em;
        font:12px Arial, sans-serif;
    color:#00f;
    background:transparent;
    font-variant:normal;
    text-indent:2em;
    text-align:justify;
        margin:20px;
}
#species .faminfo .capitals{
    font-variant:small-caps;
}
#species .info .autor{
        color:#225;
    background:#4d8e75;
        font: 9px Verdana, Arial, sans-serif;
    margin-top:1em;
    line-height:1.5em;
    text-align:right;
}
#species .bild{
    padding:5px;
    margin:10px;
        width:200px;
    height:150px;
        color:#9ff;
    background:#4d8e75;
        border-top:4px solid #59b372;
        border-right:4px solid #26442a;
        border-bottom:4px solid #26442a;
        border-left:4px solid #59b372;
}
#species .fambild{
    padding:5px;
    margin:14px;
        width:200px;
    height:150px;
        color:#9ff;
}
#footer{
    color:#225;
    background:#4d8e75;
        font: 10px Verdana, Arial, sans-serif;
    text-align:center;
        line-height:3em;
}