/* CSS-Formate für Anjas Pinguin-Homepage */

/* rechts und links 30 Pixel Rand lassen */
body {margin-left:30px; margin-right:30px; color:#000000; background-color:#DDEDFF;}

/* Arial als Standard-Schrift */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {font-family:"Trebuchet MS",Tahoma, Geneva,Arial,Helvetica,sans-serif;}

/* Standard-Text in 10 Punkt-Höhe */
body,p,ul,ol,li,div,td,th,address,nobr,b,i {font-size:11pt;}

/* Uberschriften */
h1 {font-size:18pt;}
h2 {font-size:16pt;}
h3 {font-size:14pt;}
h4 {font-size:12pt;}

h5,h6 {font-size:8pt;}
h6 {font-weight:normal;}
h6 b {font-size:8pt;}
sub {font-size:6pt;}
sup {font-size:6pt;}

/* eigentlicher Inhalt zentriert in 850px Breite */
.layout {width:850px;
         margin: 0 auto;}

/* weil Listenzeichen bei NC4.x sonst circle ist */
ul {List-Style-Type:disc;}

/* Liste mit def. Zeilenhöhe */
ul.fest {line-height:18pt;}

/* Kleine Schrift fuer Hinweise */
.klein {font-size:9pt;}

/* Liste mit Abstand zw. den Listpunkten, keinen Punkt anzeigen */
li.abst {margin-bottom:15pt; list-style-type:none;}

/* Liste mit Abstand zw. den Listpunkten, keinen Punkt anzeigen plus Trennlinie */
li.abstr {margin-left:-35px; margin-bottom:15pt; padding-bottom:15px; list-style-type:none; border-bottom:1px solid black;}

/* Links-Farben: unbesucht-blau, besucht:lila, aktiv:schwarz */
a:link {color:#0000FF; text-decoration:none;}
a:visited {color:#0000FF; text-decoration:none;}
a:active {color:black; text-decoration:none;}
a:hover {color:#0000A0; text-decoration:underline;}
/* wird benötigt weil Anker sonst auch hoover Eigenschaft bekommen*/
a:hover[name] { color:inherit;
                text-decoration:inherit;}


a.box:link {color:#1C4788; text-decoration:none;}
a.box:visited {color:#1C4788; text-decoration:none;}
a.box:active {color:black; text-decoration:none;}
a.box:hover {color:#1C4788; text-decoration:underline;}

/* externe Links kennzeichnen */
a.ext { background:url(pic/link_extern.gif) no-repeat center left;
            padding-left:16px; text-decoration:none;}

/* Kamera-Icon */
a.cam { background:url(pic/icon_camera.gif) no-repeat center left;
        padding-left:20px;
        padding-top:2px;
        white-space:nowrap;}

/* Schreibmaschinenschrift */
div.type {font-family:monospace;}

/* Tabelle mit 40Pixel Platz zum linken Seitenrand */
table.lrand {margin-left:40px;}

/* für Auflistungen mit grösserem Zeilenabstand */
table.abst {line-height:150%;}
p.abst {line-height:150%;}

/* Ueberschriften in weitere formatieren */
.head {background-color:#DDEDFF;line-height:16pt;font-size:11pt;font-weight:bold; padding-left:5px;}

/* Tabelle auf Startseite formatieren */
.s1 {padding-bottom:5px; text-align:left; vertical-align:bottom;}
.s2 {padding-bottom:5px; text-align:left; vertical-align:bottom; font-size:9pt;}
.s2 b {font-size:9pt;}

/* Ersatz für font size - 1 */
.kleiner {font-size:75%;}

/* für Box mit Zoolinks */
select.box {
  width: 230px;
  border: 0px;
  background: #DDEDFF;
  color: #1C4788;
  font-size: 13px;
  padding-top: 2px;
  padding-left: 3px;
}

/* für Box mit Zoolinks */
.label {
  text-align:center;
  color: #1C4788;
  font-style:italic;
  font-weight:bold;
  font-size: 14px;
  margin-top:5px;
}

/* Einkaufswagen-Icon mittig setzen */
.cart {position:relative;
       top:3px;}

/* Flaggen-Icon mittig setzen */
.flag {position:relative;
       top:1px;}

/* Text zentriert */
.mitte {margin-left:10px;
        text-align:center;}

/* Fotogalerie Zoofotos */
.galerie {width:380px;
          text-align:center;
          padding-top:25px;
          vertical-align:top;}

/* Überschriften mit zusätzlicher kleiner Unterzeile */
.u2 {font-size:80%;
     font-style:italic;}

/* Styles fuer Arten-Seiten */

/* Hintergrundgrafik für Bildanzeige */
.ro {   margin:0;
        background:url(pic/box_ro.gif) top right no-repeat;}

.lo {   margin:0;
        background:url(pic/box_lo.gif) top left no-repeat;}

.ru {   margin:0;
        background:url(pic/box_ru.gif) bottom right no-repeat;}

.lu {   margin:0;
        background:url(pic/box_lu.gif) bottom left no-repeat;}

/* Erweiterung fuer Class Layout */
.art {  position: relative;
        top:0px;
        left:0px;
        background-color:#ffffff;
        padding:10px;}

/* div-Container fuer die Infoboxen */
.info { margin:0;
        padding:0;}

/* div-Container fuer den eigentlichen Inhalt */
.inhalt { position: relative;
          top:0px;
          left:0px;
          width:830px;
          padding:10px;
          clear:both;}

/* div-Container fuer den Text */
.context {   float:left;
             width:400px;
             margin:0;
             padding:0;
             text-align:left;}

/* div-Container fuer Bild und Galerie */
.conbildgal {   float:right;
                margin:0;
                padding:0;}

/* div-Container fuer Bild */
.conbild { width:380px;
           text-align:center;
           vertical-align:middle;
           padding:0px;}

/* Bildunterschrift */
#bildtext {font-size:8pt;}

/* Pfeil zum Blaettern */
.pfeil {margin-top:0px;
        margin-bottom:10px;
        cursor:pointer;}

/* div-Container fuer Galerie */
.congal { width:380px;
          text-align:center;
          clear:both;
          margin-top:15px;}

/* Galeriebilder formatieren */
div.congal img {margin-top:2px; cursor:pointer;}

/* div-Container Seitenende */
.abschluss {clear:both;
            padding-top:10px;}

/* RSS-Symbol formatieren */
a.rss {
        border:1px solid;
        border-color:#FC9 #630 #330 #F96;
        padding:0 2px;
        font:bold 9pt verdana,sans-serif;
        color:#FFFFFF;
        background:#F60;
        text-decoration:none;
        margin:0;
        margin-right:10px;
}
a:visited.rss {
        color:#ffffff;
}
a:hover.rss {
        color:#dddddd;
        text-decoration:none;}

/* Button in Pinguin-Links */

.button {border-top:2px solid #E1E1E1;
         border-left:2px solid #E1E1E1;
         border-right:2px solid #808080;
         border-bottom:2px solid #808080;
         padding:10px; background-color:#D6D6D6;
         -moz-border-radius:5px;
         -webkit-border-radius:5px;
         font-size:8pt;
         cursor:pointer;}

/* Bildunterschrift in Zoo-Unterseiten */
.bild {font-size:8pt;
       font-weight:bold;
       text-align:center;}