/* DATEI: screen.css */
/* Standard-CSS fuer Bildschirmanzeige (screen und projection) */

html { margin:0; border:0 none; padding:0; height:100%; }
body { color:#000000; background-color:#FFFFFF;
       margin:0; border:0 none; padding:0;
       font-family:arial, helvetica, sans-serif;
       font-size:100%;
       text-align:left;    /* fuer lokale Bearbeitung */
       height:100%;
      }

a:link    { color:#000099; background-color:#FFFFFF; text-decoration:underline; }
a:visited { color:#663366; background-color:#FFFFFF; text-decoration:underline; }
a:hover, a:focus   { color:#3300FF; background-color:#FFFFCC; text-decoration:none; }
a:active  { color:#660066; background-color:#FFFFFF; text-decoration:underline; }

a img,  a img.ohnerahmen { border:0 none; text-decoration:none; }

/* Ueberschriften: fett, Schriftgroessen relativ zur Standardschrift */

h1     { font-size:180%; font-weight:bold; font-style:normal;  margin-top:0; }
h2     { font-size:128%; font-weight:bold; font-style:normal; }
h3     { font-size:110%; font-weight:bold; font-style:normal; }
h4     { font-size:100%; font-weight:bold; font-style:italic; }
h5, h6 { font-size:100%; font-weight:bold; font-style:normal; }

/*
h1, h2 { font-family:palatino, Palatino Linotype, times new roman, serif; }
*/

/* Vor Ueberschriften und Elementen der Klasse "putzer": Floats aufheben */

h1,h2,h3,hr,li,.buch,.nachbuch,p.putzer,*.putzer
   { clear:both; }

/* Spans in Überschriften: Nicht fett. */
h1 span, h2 span, h3 span { font-weight:normal; }

/* UL-Listen allgemein: locker */
ul li { margin-bottom:1em; }
/* Spezielle UL-Listen: verdichtet: */
ul.dicht li { margin-bottom:0.2em; }

/* Tabellen allgemein: */

td,th { text-align:left; vertical-align:top; font-style:normal; }
th { font-weight:bold; }

td.chf /* fuer Betraege u.s.w.: Schreibmaschinenschrift, rechtsbuendig */
 { text-align:right; vertical-align:top; font-family:"courier new",courier,monospace; }

th.tdbottom, td.tdbottom { vertical-align:bottom; } /* fuer Werte, die unten stehen sollen, z.B. weil links davon die Beschriftung auf 2 Zeilen umgebrochen wird. */

th.ueberschrift { text-align:center; }

caption /* "Ueberschrift" zu einer Tabelle: Soll linksbuendig darueber stehen */
  { caption-side:top; font-weight:bold; text-align:left; }

table table table { margin-top:0;  }
table table table td { padding:0 0 3px 3px; }

/* Blinde Tabelle fuer normale Inhalte sowie Daten */

table.blindtab
 { border:0 none; }

.blindtab td, .blindtab th
  {
    text-align:left; vertical-align:top;
    border:0 none; padding:0 6px 6px 0;
  }

/* "Nahtlose" Tabelle ohne Rahmen und Innenabstaende,
   z.B. zum Zusammenbasteln von Bild-Bruchstuecken. */

table.nahtlos
 { border:0 none; border-collapse:collapse; border-spacing:0; /* width:auto; */ }

.nahtlos td, .nahtlos th
  { text-align:left; vertical-align:top; border:0 none; padding:0; }

.nahtlos td img { display:block; vertical-align:bottom; }

/* Spezielle Klasse fuer Tabellen, die einen Rahmen haben sollen: */
table.mitrand
 {
    border-collapse:collapse;
    border-spacing:0;
    border:#c8c8fc solid 1px;
 }

table.mitrand th, table.mitrand td
   { border:#c8c8fc solid 1px; }

table.mitrand td, table.mitrand th   { padding:3px; }

table.mitrand caption { font-size:110%; font-weight:bold; padding:15px 0 3px 2px; }

table.mitrand th.datumzeit { width:9em; }
table.mitrand th.datetime { width:10em; }

/* Definitionslisten: */

dl { text-align:left; }
dt { font-weight:bold; font-style:normal; text-align:left; }
dd { font-weight:normal; font-style:normal; text-align:left;
     padding-bottom:0.7em; }
dt span { font-weight:normal; }

/* =============================================== */
/* Schrift- und Farbangaben fuer Hervorhebungen   : */
/* =============================================== */

/* HTML-eigene Hervorhebungen und Markup: */
pre,tt,code { font-family:"courier new",courier,monospace; }
b { font-weight:bold; }
i { font-style:italic; }
u { text-decoration:none; } /* Unterstreichung abschalten! */
s,del { text-decoration:line-through; }
em     { font-style:italic; font-weight:normal; }
strong { font-style:normal; font-weight:bold; }

address        { font-style:normal; font-weight:normal; }

hr { height:3px; color:#c8c8fc; background-color:#c8c8fd;
     border: 1px solid #c8c8fd;
     text-align:center; margin-left:auto; margin-right:auto; }
/* Horizontale Trennlinie */
/* Mozilla und Opera nehmen background-color, MSIE nimmt color als Farbe der Trennlinie */
/* Height ist bei Mozilla und MS IE die totale Hoehe (inkl. border)
   bei Opera nur die Hoehe des "Contents" */

/* Selbst definierte Klassen: */
.groesser { font-size:110%;}
.kleiner  { font-size:90%; }

.kapitaelchen { font-variant:small-caps; }

.notwendig { color:#009933; background-color:#FFFFFF; }

/* Portrait-Bild: links schwebend, etwas Abstand rechts und unten: */
p.portrait { float:left; width:160px; margin:0; padding:0 10px 10px 0; }
p.portrait img { border:0 none; }
.portrait2 { margin-right:15px; }
td.portrait3 { width:150px; padding:0 0 5px 0; }
.inhalt table tr td.x { text-align:center; vertical-align:middle; padding:10px; }

/* We love you-Zitate: eingerückt */
p.lovezitat { margin-left:170px; font-family:georgia,arial,helvetica,sans-serif; font-style:italic; }

/* Fremdblut rot */
.fremdblut, tr.fremdblut td, .fremdblut *
 { color:#CC0033; background-color:#ffffff; }

/* Tabelle mit Hundedaten: */
table.hundedaten { border:0 none; }
table.hundedaten th { width:5.5em; font-weight:normal; }

/* Tabellen mit 2 bzw. 3 Fotos: */
p.pix2 img { margin:0 12px 0 0; border:0 none; }
p.pix3 img { margin:0 6px 0 0; border:0 none; }
table.pix2 td { padding:0 12px 5px 0; }
table.pix3 td { padding:0  6px 5px 0; }
table.pix2, table.pix2 { margin:0px 0 20px 0; }


/* Spezielle Angaben für die Home-Seite: */

div.homebox h1
 {
   font-size:280%; font-style:italic; font-weight:normal;
   font-family:georgia,arial,helvetica,sans-serif;
   margin:0 0 10px 0;
 }

td.inhalt div.homebox
 {
   background:top right url("../fotos/home22-360x540-blau.jpg") no-repeat;
   padding-right:370px;
   /* height:540px; */
 }

/* Spezialfälle auf der Seite Welpen-Planung: */
td.planung { padding-left:10px; }
td.planung h3 { text-align:center; padding:5px 0; border-bottom:1px solid #000000; }
td.planung table { width:100%; }
td.planung table td.td50 { width:50%; }

/* =============================================== */
/* Schrift- und Farbangaben fuer einzelne Bereiche: */
/* =============================================== */

/* Layout-Tabelle: */
table.layouttab { width:100%; height:100%; /* height nur wenn es nichts darueber hat und wenn noetig! */
                  margin:0;
                  border:0 none; border-spacing:0; border-collapse:collapse;
                  padding:0; }

table.layouttab td.inhalt, .inhalt
  { padding:1em 1em 1em 2em; border:0 none;
    /* width:90%; /* notwendig fuer MS IE 6+7, damit die Spalte auch breit wird,
                  wenn sie sehr wenig, d.h. schmalen, Inhalt hat. */
    /* color:#FFFFFF; background-color:#000066; */
  }

/* Fusszeile: */

tr.fusszeile
  { height:2.5em;  border:0 none; }

tr.fusszeile td.fussecke
  { color:#000000; background-color:#c8c8fc;
    border:0 none;
    padding:0.2em;
    text-align:center; vertical-align:middle;
  }
tr.fusszeile td.fusstext
  { color:#000000; background-color:#c8c8fc;
    text-align:left; vertical-align:top;
    border:0 none;
    /* border:solid #C0C0C0; border-width:1px 0 0 0; */
    padding:0.2em 2em 0.2em 2em; }

tr.fusszeile td p
  {
    font-size:90%;
    margin:2px 0; border:0; padding:0;
  }

tr.fusszeile a:link, tr.fusszeile a:visited
          { color:#000066; background-color:#c8c8fc; text-decoration:underline; }
tr.fusszeile a:hover, tr.fusszeile a:focus
          { color:#000066; background-color:#FFFFCC; text-decoration:none; }
tr.fusszeile a:active
          { color:#000066; background-color:#c8c8fc; text-decoration:underline; }


/* Angaben zum Navigations-Bereich */

td.navbar
  {
    margin:0; padding:230px 0 0 0; border:0 none;
    text-align:center;
    color:#000000; background:#c8c8fc url('../img/logo01b_georgia_kursiv.png') no-repeat;
    width:185px;
    border-bottom:1px solid #c8c8fd; /* wegen MS IE */
  }


.navbar p
  { margin:0; }

.navbar p a:link, .navbar p a:visited,
.navbar p a:hover, .navbar p a:focus, .navbar p a:active
 {
   text-align:center;
   text-decoration:none; padding:0px 0px;
   color:#000000; background-color:#c8c8fc; text-decoration:none;
   border:0 none;
 }

/* Box um Navigations-Liste (notwendig für Zentrierung in MS IE 6.0) */
.navbar div.ulbox { width:8.5em; border:0 none; margin:0 auto 0 auto; }

/* Navigations-UL:  */
.navbar ul
 { list-style-type:none;
   margin:0;
   border:0 none;
   padding:0;
   width:8.5em;
   color:#000000; background-color:#c8c8fc;
   font-size:100%; font-weight:normal;
 }

.navbar ul li ul
 { list-style-type:none;
   margin:0; padding:0 0 0 0;
   border:0 none;
   width:100%;
   font-size:90%; font-weight:normal;
   color:#000000; background-color:#c8c8fc;
 }

.navbar ul li ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   font-size:100%; font-weight:normal;
   color:#000000; background-color:#c8c8fc;
 }

.navbar ul li
 { color:#000000; background-color:#c8c8fc;
   margin:0 0 3px 0; padding:0;
   border:#c8c8fd solid; border-width:0 0 1px 0;
  }

.navbar ul li ul li
 { color:#000000; background-color:#c8c8fc; margin:0;
   padding:0 0 0 10px;
   /* border:1px solid #c8c8fd; */
   border:#c8c8fd solid; border-width:0 0 1px 0;
 }

.navbar ul li ul li ul li
 { color:#000000; background-color:#c8c8fc;
   margin:0;
   padding:0 0 0 10px;
   border:#c8c8fd solid; border-width:0 0 1px 0;
 }

   /* Border notwendig wegen MS IE Bug (sonst zu grosse Abstaende unten) */


/* 1. Ebene: */

.navbar ul a, .navbar ul span
 {
   display:block; /* width:100%; */
   text-align:left;
   margin:0;
   text-decoration:none;
 }

.navbar ul a:link, .navbar ul a:visited, .navbar ul a:active,
.navbar ul a:hover, .navbar ul a:focus,
.navbar ul li span
 {
   text-decoration:none; display:block;
   border:0 none; padding:4px;
 }

.navbar ul a:link, .navbar ul a:visited, .navbar ul a:active
 {
   color:#000066; background-color:#eeeeff; text-decoration:none;
 }

.navbar ul a:hover, .navbar ul a:focus
 {
   color:#000066; background-color:#FFFFCC; text-decoration:none;
 }

.navbar ul li span
 {
   color:#666666;  background-color:#ffffff; text-decoration:none;
 }


/* 2. und weitere Ebenen: */

.navbar ul li ul a,
.navbar ul li ul a:link, .navbar ul li ul a:visited, .navbar ul li ul a:active,
.navbar ul li ul a:hover, .navbar ul li ul a:focus,
.navbar ul li ul li span
 {
   text-decoration:none; display:block;
   margin:0;  border:solid #c8c8fd; border-width:3px 0 0px 0; padding:2px 3px;
 }


.navbar ul li ul a:link, .navbar ul li ul a:visited, .navbar ul li ul a:active
 {
   color:#000099; background-color:#eeeeff; text-decoration:none;
 }

.navbar ul li ul a:hover, .navbar ul li ul a:focus
 {
   color:#000066; background-color:#FFFFCC; text-decoration:none;
 }

.navbar ul li ul li span
 {
   color:#666666;  background-color:#ffffff; text-decoration:none;
 }


/* 3. Ebene: */
.navbar ul li ul li ul a:link, .navbar ul li ul li ul a:visited,
.navbar ul li ul li ul a:hover, .navbar ul li ul li ul a:focus, .navbar ul li ul li ul a:active,
.navbar ul li ul li ul li span
{ padding:1px 3px; }


/* Allgemeines einblenden/ausblenden (z.T. nur fuer gewisse Medien): */

.noshow    { display:none; }
.noprint   { }

.printonly { display:none; }

.printonlykopf { display:none; }

.logo2 { display:none; }