﻿@charset "utf-8";
body {
  color: #333333;
  background-color: #FFFFFF;
  background-image: url(pictures/shoe1.jpg);
  background-repeat: repeat;
  font-size: 80%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Alle kritischen Werte instanziieren */
* {
  margin: 0;
  padding: 0;
  border: 0;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}

.invisible {
  position: absolute;
  left: -9999px;
}

/* Links */
a:link {
  color: #333333;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #990000;
  background-color: transparent;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #111113;
  background-color: #none;
  text-decoration: underline;
}

/* Überschriften */
h1, h2 {
  color: #990000;
  background-color: transparent;
  padding: 0 5px 5px 12px;
}
h1 {
  font-size: 1.7em;
}
h3, h4 {
  color: #333333;
  background-color: transparent;
  padding: 0 5px 5px 12px;
}
h4 {
  text-decoration: underline;
}
h5 {
    padding: 0 5px 5px 14px;
}

/* Absätze */
p {
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 7px;
  margin-left: 15px;
}

/** DOKUMENTLAYOUT */

/* TOP */
div#top {
  background-color: #F4F2EB;
  width: 780px;
  margin: auto;
  border-top: 0;
  border: 1px ridge #5D5D5D;
}
/* Für kaputte Browser */
body {
  /* Alle Inhalte horizontal zentrieren */
  text-align: center;
}
body * {
  /* Textausrichtung korrigieren */
  text-align: left;
}

/* HEAD */
div#head {
  background-color: #F4F2EB;
  background-image: url(pictures/banner.jpg);
  height: 170px;
  text-align: center;
  border-top: ;
  border-bottom: 1px solid #5D5D5D;
}
  
/* MAIN */
div#main {
  color: #333333;
  background-color: #F4F2EB;
}

/* SIDEBAR*/
div#sidebar {
  float: left;
  width: 145px;
  wid/th: 125px;
  margin: 0;
  padding: 0;
  border: 0;
}
#sidebar li {
  list-style-type: none;
}

/* NAVIGATION */
#navigation a,
#navigation strong {
  color: #FFFFFF;
  background-color: #990000;
  display: block;
  padding: 5px 10px 7px 10px;
  text-align: left;
  border-bottom: 1px solid #f5deb3;
  line-height: normal;
}
#navigation a:hover,
#navigation a:focus,
#navigation a:active,
#navigation strong {
  color: #333333;
  background-color: #F4F2EB;
}
#navigation a:hover,
#navigation a:focus,
#navigation a:active {
  text-decoration: underline;
}
/* Breitenangabe notwendig, um den IE-Leerraum-Bug bei Listen zu umgehen */
#navigation a,
#navigation strong {
  width: 145px;
  wid\th: 125px;
}
ul#navigation {
  list-style-type: none;
}
ul#navigation ul {
  text-indent: 29px;
}
  
/* CONTENT */
div#content {
  color: #333333;
  background-color: #F4F2EB;
  margin: 0 0 0 145px;
  padding: 6px;
  border: 0;
  /* Behebt den 3-Pixel-Textsprung-Bug und andere Bugs im IE 6 */
  height: 1%;
}
img#picture {
  float: right;
  margin-right: 5px;
  padding: 0;
}
img#welcome {
  margin: 5px;
  padding: 0;
  border: 1px solid #000000;
}
img#welcome1 {
  margin-right: 25px;
  padding: 0;
  border: 0px;
}
/* Tabellen */
table#select {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 25px 10px 10px 20px;
  padding: 0;
  border: 0;
}
#select th {
  text-align: left;
  padding: 8px 35px;
  border: 0;
}
#select td {
  font-size: 97%;
  text-align: left;
  padding: 8px 35px;
  border: 0;
}
/* able#text {

} */
table#horse {
  border-collapse: separate;
  border-spacing: 2px;
  empty-cells: show;
  margin: 5px 10px;
  padding: 7px;
  border: 0;
}
#horse th {
  background-color: #CCCCCC;
  text-align: center;
  padding: 3px;
  border: 1px solid #5D5D5D;
}
#horse td {
  text-align: left;
  padding: 3px;
  border: 1px solid #5D5D5D;
}
table#text {
  border-collapse: separate;
  border-spacing: 5px;
  empty-cells: show;
  margin: 5px 8px;
  padding: 7px;
  border: 0;
}
#text th {
  background-color: #CCCCCC;
  text-align: left;
  padding: 5px;
  border: 1px solid #5D5D5D;
}
table#link {
  border-collapse: separate;
  border-spacing: 5px;
  empty-cells: not-show;
  margin: 5px 8px;
  padding: 7px;
  border: 0;
}
#link th{
  background-color: #CCCCCC;
  text-align: center;
  padding: 4px;
  border: 1px solid #000000;
}
#link td {
  background-color: #F4F2EB;
  text-align: left;
  padding: 4px;
  border: 1px solid #000000;
}

table#forsale {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 10px;
  padding: 0;
  border: 0;
}
#forsale td {
  text-align: left;
  padding: 5px 15px;
  border: 0;
}
table#stables {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 10px;
  padding: 0;
  border: 0;
}
#stables td {
  text-align: left;
  padding: 5px 15px;
  border: 0;
}
table#training {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 10px;
  padding: 0;
  border: 0;
}
#training td {
  text-align: center;
  padding: 5px 15px;
  border: 0;
}
table#album {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  margin: 15px 0;
  padding: 0;
  border: 0;
}
#album td {
  vertical-align: middle;
  padding: 2px;
  border: 0;
}

/* FORM */
table#form {
  margin: 20px 10px 10px 10px;
}
#form tr, td {
  text-align: left;
  font-size: 100%;
  padding: 3px 8px;
}
input#name  {
  border: 1px solid #999999;
}
input#e-mail1  {
  border: 1px solid #999999;
}
input#e-mail2  {
  border: 1px solid #999999;
}
input#tel  {
  border: 1px solid #999999;
}
textarea#inquiry {
  border: 1px solid #999999;
}
input#send  {
  border: 1px solid #999999;
}

/* FOOTER */
p#footer {
  background-color: #CCCCCC;
  text-align: center;
  clear: both;
  margin: 0;
  padding: 5px;
  border-top: 1px solid #5D5D5D;
}