/* ========================================================================
Datei: style.css
Media: screen
Datum: 14.04.2007
Autor: edv-megner webdesign

Aufbau: 1. Grundlegende Formatierungen
        2. Styles für Layoutbereiche
           - Header
           - Inhaltsbereich
             - Hunde (rueden.html und huendinnen.html)
               - Ahnentafeln
               - Körscheine
             - Welpen
             - Verkauf
             - Gästebuch
             - Sitemap
             - Links
             - Impressum
             - Kontaktformular
             - Fehlerseiten
           - Navigation
======================================================================== */



/* ========================================================================
                      1. Grundlegende Formatierungen
======================================================================== */

html {
 width: 100%;
 height: 100%;
 font-size: 100.01%;
 font-family: arial, verdana, helvetica, sans-serif;
}

body {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 font-size: 1em;
 color: #000;
 background: url(images/back.jpg) repeat-y;
}



/* ========================================================================
                         2. Styles für Layoutbereiche
======================================================================== */

/* --------------------
          Header
   -------------------- */

div#header {
 width: 100%;
 text-align: center;
 margin: 0px auto 0px auto;
 padding: 10px 0px 0px 0px;
}



/* --------------------
      Inhaltsbereich
   -------------------- */

div#inhalt { margin-left: 200px; }

h1 {
 float: left;
 margin: 30px 0px 0px 150px;
 padding: 0px;
 width: 300px;
 text-align: center;
}

br.clear { clear: both; }

img { border: 0px; }

div#counter { float: left; margin: 20px 0px 0px 250px; padding: 0px; }


/* ###### Hunde (rueden.html und huendinnen.html ###### */

p#hinweis {
 clear: both;
 margin-left: 130px;
 padding-top: 20px;
 font: bold 1em arial, helvetica, verdana, sans-serif;
}

h2.hunde {
 clear: both;
 float: left;
 margin: 46px 0px 20px 182px;
 padding: 0px;
}

div.hundcont {
 clear: both;
 margin-left: 150px;
 width: 300px;
 text-align: center;
}


/* ////// Ahnentafeln ////// */

div#ahnencont { clear: both; text-align: center; }

table.ahnen {
 background-color: #f9d6f5;
 width: 760px;
 margin: 0px auto 0px auto;
 font: 0.8em arial, helvetica, verdana, sans-serif;
 border-spacing: 0;
 border: 1px solid #000;
}

table.ahnen td { padding: 5px; width: 190px; border: 1px solid #000; }


/* ////// Körscheine ////// */

div#koercont { clear: both; }

h3.koerh3 {
 margin: 40px 150px 0px 60px;
 font: bold 1em arial, helvetica, verdana, sans-serif;
 text-align: left;
}

p.koerschein { margin: 5px 150px 0px 60px; text-align: left; }


/* ###### Welpen ###### */

h2.welpen {
 clear: both;
 float: left;
 margin: 120px 0px 0px 182px;
}


/* ###### Verkauf ###### */

h2.verkauf {
 clear: both;
 float: left;
 margin: 120px 0px 0px 182px;
}


/* ###### Gästebuch ###### */

div.gbcont {
 clear: both;
 float: left;
 margin: 50px 0px 0px 150px;
 width: 300px;
 text-align: center;
}


/* ###### Sitemap ###### */

div#tablecont {
 clear: both;
 float: left;
 margin: 50px 0px 0px 100px;
 width: 450px;
 text-align: center;
}

table#sitemap { margin-top: 1em; }

table#sitemap th.links { margin: 0; padding: 0; text-align: left; }
table#sitemap th.mitte { margin: 0; padding: 0; text-align: right; }
table#sitemap th.rechts { margin: 0; padding: 0; text-align: right; }

table#sitemap td.links {
 margin: 0;
 padding: 0;
 text-align: left;
 vertical-align: bottom;
 width: 250px;
}

table#sitemap td.mitte {
 margin: 0;
 padding: 0;
 text-align: right;
 vertical-align: bottom;
 width: 120px;
}

table#sitemap td.rechts {
 margin: 0;
 padding: 0;
 text-align: right;
 vertical-align: bottom;
 width: 130px;
}


/* ###### Links ###### */

div#linkcont {
 clear: both;
 float: left;
 margin: 50px 0px 0px 150px;
 width: 300px;
 text-align: center;
}

h2#linkliste {
 clear: both;
 float: left;
 margin: 50px 0px 0px 88px;
 text-align: center;
}


/* ###### Impressum ###### */

div#impcont {
 clear: both;
 float: left;
 margin: 50px 0px 0px 150px;
 width: 450px;
}

h3.imph3 { margin: 50px 150px 10px 0px; text-align: left; }

h4.impressum { margin: 0px 150px 5px 0px; text-align: left; }

p.imp { margin: 0px 40px 15px 0px; text-align: left; }


/* ###### Kontaktformular ###### */

h3#danke {
 clear: both;
 margin: 120px 150px 0px 150px;
 font: bold 1em arial, helvetica, verdana, sans-serif;
}

h3.fehler {
 margin: 0px 0px 0px 150px;
 padding: 0px;
 font: bold 1em arial, helvetica, verdana, sans-serif;
 color: #f00;
}

table#kontaktadresse {
 clear: both;
 margin-top: 30px;
 margin-left: 150px;
 text-align: left;
}


/* ###### Fehlerseiten ###### */

div#fehlercont { clear: both; width: 700px; }

h1#fehlerh1 { margin: 30px 0px 0px 0px; text-align: left; }

img#bild { display: block; float: right; margin: 3em 50px 2em 3em; border: 0px; }

p.fehler400 { margin-right: 100px; text-align: left; }



/* --------------------
         Navigation
   -------------------- */

div#navcont { position: absolute; top: 180px; left: 0px; width: 150px; }

ul#mainnav {
 list-style-type: none;
 margin: 0px 0px 0px 10px;
 padding: 0px;
}

ul#mainnav li {
 width: 121px;
 height: 31px;
 text-align: center;
 margin: 0.2em;
}

ul#mainnav li a:link {
 display: block;
 background: url(images/button.jpg) no-repeat;
 height: 31px;
 font: bold 0.8em arial, helvetica, verdana, sans-serif;
 color: #000;
 text-align: center;
 width: 100%;
 padding: 7px 0px 0px 0px;
}

ul#mainnav li a:visited {
 display: block;
 background: url(images/button.jpg) no-repeat;
 height: 31px;
 width: 121px;
 font: bold 0.8em arial, helvetica, verdana, sans-serif;
 color: #000;
 padding: 7px 0px 0px 0px;
}

ul#mainnav li a:hover {
 display: block;
 background: url(images/button1.jpg) no-repeat;
 height: 31px;
 width: 121px;
 font: bold 0.8em arial, helvetica, verdana, sans-serif;
 color: #000;
 padding: 7px 0px 0px 0px;
}

ul#mainnav li span#activesite {
 display: block;
 background: url(images/button1.jpg) no-repeat;
 height: 31px;
 width: 121px;
 padding: 7px 0px 0px 0px;
 font: bold 0.8em arial, helvetica, verdana, sans-serif;
}