/* -----------------------------------------------
----- Grundgeruest -------------------------------
----------------------------------------------- */

*       { margin:0; padding:0; }
html    { height: 100%; }
body    { height: 100%; }
body    { font-family: Verdana, Arial, sans-serif; font-size: 12px;
          background-color: #bdc;
        }

#container {
   min-height: 100%; 
   background: #396 url(art/bg-allg.gif) center repeat-y;
   text-align:center; /* wegen IE */
}
  
/* \ für IE */
* html #container {height: 100%; text-align: center;}
/* */


/* Fuss-Bereich -------- */


#footer {
  height: 32px;
  margin-top: -32px;
  padding:0; border:0;
  background-color: #bdc;
  }

#navFuss {
  padding:0;
  border-top:1px solid #000;
  list-style: none;
  text-align: center;
  }

#navFuss li {
  display: inline;
  line-height: 26px;
  background: url(art/bull-list.png) left center no-repeat;
  padding-left: 22px;
  margin-left: 14px;
  }

#navFuss .erste { background: none; padding-left: 0; margin-left: 0; }

#navFuss li a { font-size: 11px; padding: 1px 3px 2px;}

#navFuss li a:hover { color: #fff; background-color: #396; }

/* IE: Erkennen von Margin bei Inline-Elementen \*/
* html #navFuss li {height: 1px;}
/* */





/* -----------------------------------------------
----- Standard-Formatierungen --------------------
----------------------------------------------- */

a       { color:black; text-decoration:none; }
em      { font-style: italic; }
strong  { font-weight:bold; }
img     { border:none; }



/* -----------------------------------------------
----- Kopf ---------------------------------------
----------------------------------------------- */

#kopf {
  height: 60px;
  text-align: center;
  background: #999 url(art/bgtop2.jpg) repeat-x;
  }

#kopf img { margin-top: 12px; border: none; }



/* -- Navi-Leiste Haupt ----------------------- */

#navh {
  background-color: #396; 
  height: 26px;
  border-top: 1px solid black;
  text-align: center;
  }

#navh ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 738px;
  /* border:1px solid #f00; */
  }

/* IE: Breite anpassen \*/
* html #navh ul {width: 738px;}
/* */


#navh li {
  float: left;
  width: 123px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 26px;
  background-color: #396; 
  }

#navh li a,
#navh li span {
  display: block;
  text-align: center;
  color: #ffffff;
  border-right: 1px solid #000000;
  }

#navh .erste a, #navh .erste span {
  border-left: 1px solid #000;
  }

#navh li a:hover { background-color: #7b9; }

#navh .navhhier {
  /* background-color:#fc0;  */
  background-color:#f66;
  color:black;
  /* background-color: #264; */
  }

/* IE: a and span innerhalb li stretchen \*/
* html #navh li a, * html #navh li span {height: 1px;}
/* */



/*  Navi-Leiste Sub --------------------------- */

#navB {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #bdc;
  border-top: 1px solid black;
  border-bottom: 1px solid #000;
  text-align: center;
  clear: both;
  }

#navB li {
  display: inline;
  line-height: 26px;
  font-size: 11px; font-weight:bold;
  background: url(art/bull-list.png) left center no-repeat;
  padding-left: 18px;
  margin-left: 10px;
  }

#navB .erste     { background: none; padding-left: 0; margin-left: 0; }

#navB .navBhier  { color:red; }

#navB li a       { padding: 0 3px 2px; }

#navB li a:hover { color: #fff; background-color: #396; }

/* IE: Erkennen von Margin bei Inline-Elementen \*/
* html #navB li {height: 1px;}
/* */



/* -----------------------------------------------
----- Nav-Leiste speziell Züchter ----------------
----------------------------------------------- */

div.navzucht          {background:#bbddcc;
                       text-align:center;  /* für IE */
                       border-top: 1px solid black;
                       border-bottom:1px solid black;}

div.navzucht table    {margin:0 auto;}

div.navzucht table td {vertical-align:top; padding:3px 8px; }

div.navzucht p        {font-size:11px; margin:2px;
                       text-align:center;}

div.navzucht a        {text-decoration:none;}
div.navzucht a:hover  {background:#396; color:white;}
.zuchthier            {font-weight:bold;}





/* -----------------------------------------------
----- Standardauszeichnungen ---------------------
----------------------------------------------- */

h1 {
  color:black;
  font-size: 17px;
  font-weight: bold;
  }

h2 {
  clear:both;
  font-size: 15px;
  font-weight: bold;
  background-color: #bdc;
  border-bottom:3px solid #396;
  padding: 7px 2px 8px 2px; 
  margin: 25px 0 12px 0;
  }


p { font-family: Verdana, Arial, sans-serif;
    font-size:12px; line-height:18px; margin-bottom:12px;
    text-align:justify;
    }


p.pbull {font-weight:bold; color:#264;
  margin: 0;
  padding: 0 0 0 20px;
  background: url(art/ballgreen.png) no-repeat 0 6px ;
  /* background: url(art/ballgreen.png) no-repeat left top 0 5px ; */
  text-align:left;
 }


img.sprung     {float:right; border:0; margin-right:15px;}

img.bildrechts {float:right; border:0; margin:3px 0 8px 12px;}

img.bildlinks  {float:left;  border:0; margin:3px 12px 8px 0;}

img.bildlinksliste  { float:left; border:1px solid black; margin:3px 15px 15px 0; }



/* ---- Listen -------------------------- */

ol            { margin:0;  padding:0 0 0 22px; }
ol li         { padding-bottom:8px; line-height:18px; }


ul            { list-style: none; line-height:18px; }


ul.ulnorm     { margin:0; padding:0; }

ul.ulnorm li  { margin:0; padding:0 0 0 20px;
                background: url(art/ballgreen.png) 0 5px no-repeat;}


ul.ulbg       { margin: 18px 0 0 0;  padding: 0 0 0 115px; }
ul.bgmarkt    { background: url(art/leiste-markt.png) repeat-y; }
ul.bgfund     { background: url(art/leiste-fund.png) repeat-y; }
ul.bginfo     { background: url(art/leiste-info.png) repeat-y; }
ul.bgquell    { background: url(art/leiste-quell.png) repeat-y; }

ul.ulbg li    { margin-bottom: 10px; padding-left: 21px;
                background: url(art/ballgreen.png) 0 5px no-repeat;
                text-align: justify;
                }




/* -----------------------------------------------
----- Inhalt -------------------------------------
----------------------------------------------- */

/*  #koerper { background: #396 url(art/bg-allg.gif) center repeat-y; } */


#inhalt {
  width:660px;
  margin:0 auto;
  padding-top:25px;
  padding-bottom:50px;
  text-align:left;
  }
 

#inhalt noscript p {
  display: inline;
  color: #ff3333;
  /* font-weight: bold; */
  }

#inhalt a        {text-decoration:none; color:red;}
#inhalt a:hover  {text-decoration:underline; color:#006633;}


/*-- Inhaltsbereiche -----*/

div.ptitel {
  background-color: #bdc;
  border-bottom:3px solid #396;
  padding: 7px 4px 8px 2px; 
  margin: 0 0 12px 0;
}

/*-- Tables -----*/

table.tabtitel {
  width: 100%;
  border-collapse: collapse;
  border-spacing:0;
  padding: 0;
  margin: 0;
  }

td.erstellt {
  text-align:right;
  width:150px;
  padding-top:6px;
  font-size:11px;
  }


/* Tabelle Inserate ======================= */

table.inserate {
  width:100%; margin: 0; padding: 0;
  border-collapse: collapse; border-spacing:0;
  }

table.inserate td {
  font-family: Arial, sans-serif;
  font-size: 12px; /* IE5 */
  padding: 4px;
  background-color: #fff;
  vertical-align: top;
  border: 1px solid #396;
  }

table.inserate td.titel {
  background-color: #396;
  color: #fff;
  font-size: 13px; font-weight: bold;
  padding: 0 4px;
  line-height:20px;
  border: 1px solid #396;
  }

table.inserate td.date {
  width:90px; text-align:center; vertical-align:top; background-color:#e0f0e7;}

table.inserate td.abstand {
  height: 10px; background-color: transparent;
  border: none; padding: 0; }

table.inserate a  {text-decoration:none; color:red;}



/* Tabelle Züchterliste ========================= */

table.zuechter {
  width:100%; margin:0; padding:0;
  border-collapse: collapse; border-spacing:0;
  }

table.zuechter td {
  padding-top:5px;
  padding-bottom:3px;
  padding-right:4px;
  background-color:#e0f0e7;
  font-size:11px;
  line-height:16px;
  vertical-align:top;
  border-bottom:1px solid #006633;
  }

table.zuechter td.spatitel {
  background-color:#006633;
  font-weight:bold; color:white;
  }

table.zuechter td.spatitel2 {
  background-color:#006633;
  padding-left:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold; color:white;
  font-size:14px;
  }

#inhalt td.spatitel3 {
  background-color:#006633;
  font-weight:bold; color:white;
  text-align:right;
  }
  
#inhalt td.spatitel3 a {color:white; text-decoration:none;}
#inhalt td.spatitel3 a:hover {background-color:red;}


a.noline  { text-decoration:none; color:#ff0000;}



/* nur fuer die Quellenhof-Siegerseite ---------------- */

table.sieger td { vertical-align:top; text-align:left; }
table.sieger h1 { font-size:18px; color:#666666; font-weight:bold;
                  line-height:24px; padding:0; margin:2px 0 0 0; }
table.sieger h3 { font-size:16px; color:#666666; font-weight:bold;
                  line-height:22px; padding:0; margin:2px 0 0 0; }
p.nachweis      { font-size:10px; color:#999999; margin-top:4px; line-height:12px; }



/*-- Tabelle Thumbnail-Übersicht -----*/

table.thumbs {
  /* width: 100%; */
  border-collapse:collapse;
  border:none;
  /* border:1px solid red; */
  color: black;
  padding: 0;
  margin-bottom:18px;
  margin:auto;
  }

table.thumbs td {
  vertical-align:top;
  margin-bottom:5px;
  font-size:11px;
  }

table.thumbs td.bild {
  background-color:#dddddd;
  width:210px;
  border-bottom:5px solid #f7f7f7;
  }

table.thumbs img {border:1px solid #ffffff;}

table.thumbs p.bild {
  margin:0;
  padding-top:5px; padding-bottom:2px;
  background-color:#bbbbbb;
  text-align:center;
  }

table.thumbs p.bu {
  margin:0;
  font-size:11px;
  padding:3px 3px 8px 3px;
  text-align:center;
  }

p.bu {text-align:center;}

div.neudiv { clear:both;}


/*-- Tabelle Solo-Bild ---------------*/

table.solobild {
  width: 100%;
  border-collapse:collapse;
  color: black;
  padding: 0;
  margin: 0 0 18px 0;
  border:none;
  }

table.solobild td {background-color:#e0e0e0;}

table.solobild td.spalinks  {
  width:8%; vertical-align:middle; padding-left:5px;
  text-align:left;
  }

table.solobild td.sparechts {
  width:8%; vertical-align:middle; padding-right:5px;
  text-align:right;
  }

table.solobild td.spabild   {
  width:80%;
  padding-top:10px; padding-bottom:10px;
  text-align:center; font-size:13px;
  }

img.solobild {border:1px solid #396; height:300px;}

p.solobu {text-align:center; font-size:13px;}



/* -------------------------------------------- */

/* -- Navi-Leiste Haupt ----------------------- */


#hause {
  list-style: none;
  padding: 8px 8px 25px 380px;
  background: url(art/start-galloway.jpg) top left no-repeat;
  }

#hause li {
  text-align:right;
  border-bottom: 1px solid #396;
  margin-bottom:5px;
 }

#hause li a {
  display:block;
  height: 50px;
  padding-right:60px;
  margin-bottom:5px;
  font-size: 18px;
  font-weight: bold;
  font-family:Arial, Helvetica, Tahoma, sans-serif;
  color: #004422;
  text-decoration: none;
  line-height: 50px;
  }

#hause li a:hover {
  background-color: #ddd;
  color:#063;
  text-decoration: none;
  }

#hause li a.markt       { background: url(art/rub-markt.jpg) top right no-repeat;}
#hause li a.markt:hover { background: #ddd url(art/rub-markt.jpg) right -50px no-repeat; }

#hause li a.fund        { background: url(art/rub-fund.jpg) top right no-repeat;}
#hause li a.fund:hover  { background: #ddd url(art/rub-fund.jpg) right -50px no-repeat; }

#hause li a.zucht       { background: url(art/rub-zucht.png) top right no-repeat;}
#hause li a.zucht:hover { background: #ddd url(art/rub-zucht.png) right -50px no-repeat; }

#hause li a.quell       { background: url(art/rub-quellenhof.jpg) top right no-repeat;}
#hause li a.quell:hover { background: #ddd url(art/rub-quellenhof.jpg) right -50px no-repeat; }

#hause li a.info        { background: url(art/rub-info.jpg) top right no-repeat;}
#hause li a.info:hover  { background: #ddd url(art/rub-info.jpg) right -50px no-repeat; }


/*--------------------------------------------------------
#339966  Startgrün
#55aa80
#77bb99  Mittelgrün
#bbddcc
#ddeee6  hellstes Grün

#fc0     GoldGelb

-----------------------------------*/