body {
  background-color: #FEEDD3;
  /*background-image: url(../img/bg_body.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  */
  font:90% Helvetica;
  color: #660000;
  width: 50.5em;
  margin-left:auto;
  margin-right: auto;
}

#main {
  width: 38em;
  min-height: 50em;
  float: right;
  padding:  1em 1em 0;

  background-image: url(../img/bg_body.jpg);
  background-repeat: no-repeat;
  background-position:  center  top;
  /*background-attachment: fixed;*/

  

}

#main a, #main a:link, #main a:visited, #main a:hover, #main a:active, #main a:focus {
  text-decoration: underline;
  font-style: italic;
  
}

#headmain{
  width: 100%;
  font-size:150%;
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 0.5em;
  text-align: center;
}

#content{
  background: transparent;
  width: 100%;
  font-size:85%;
  line-height: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;

}

#head {
  background: #FEEDD3 url(../img/bg_top.jpg) no-repeat left;
  width: 50em;
  height: 128px;
}

#nav {
  background: transparent;
  border: 1px solid #4A0000;
  width: 10em;
  float: left;
}

#nav .item{
  background-color: #680001;
  border: 1px solid #4A0000;
  overflow:hidden;
  padding: 3px;
  margin: 1px;
  text-align: center;
  font-weight: bold;
  font-size: 85%;
}

#nav a ,#nav a:link ,#nav a:visited ,#nav a:hover,#nav a:active,#nav a:focus {
  background-color: #680001;
  color: #BF7A57;
  text-decoration: none;
}


#foot {
  background: transparent;
  width: 38em;
  min-height: 5em;
  float: right;
  /*clear: both;*/
}

#foot .foot-box {
  font-size: 75%;
  text-align: center;
}

#foot a,  a:link, a:visited,  a:hover , a:active,  a:focus {
  color: #660000;
  text-decoration: underline;
}

p{
  margin-top: 1em;
}
p.first{
  margin-top: 0em;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}


.left {
  text-align: left;
}
.right {
  text-align: right;
}


img{
  background:#FEEDD3;
  border:1px solid #4A0000;
  display:block;
  margin:10px auto;
  text-align:center;
}

img.rahmenlos{
  background:transparent;
  border:none;}

img.links{
  float:left;
  margin:0 10px 10px 0;
}
img.rechts{
  float:right;
  margin:0 0 10px 10px;
}
img.mitte{
  margin:0 auto 3px auto;
}


h1 {
  font-size:150%;
  padding-top: 10px;
}

h2 {
  font-size: 130%;
}

h3 {
  font-size: 111%;
}

h4 {
  font-size: 100%;
}

table{
  border: 1px solid #4A0000;
  padding: 3px;
}

table.rahmenlos{
  border: 0px solid #4A0000;
  padding: 0px;
}

td.button{
  text-align: right;
}

td{
  border:  none;
  text-align: left;
  vertical-align: top;
}

td.rahmenlos{
  border: 0px solid #4A0000;

}

/* Teaser */
#t-box {
  margin-left: auto;
  margin-right: auto;
  width: 318px;
  border: 1px solid #4A0000;
  padding: 3px;
  height:134px;
  margin-top: 1em;
}
#t-box_top {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 318px;
  border-top: 1px solid #4A0000;
  border-left: 1px solid #4A0000;
  border-right: 1px solid #4A0000;
  padding: 3px;
  height:134px;

}
#t-box_middle {
  margin-left: auto;
  margin-right: auto;
  width: 318px;
  border-left: 1px solid #4A0000;
  border-right: 1px solid #4A0000;
  padding: 3px;
  height:134px;

}
#t-box_bottom {
  margin-left: auto;
  margin-right: auto;
  width: 318px;
  border-bottom: 1px solid #4A0000;
  border-left: 1px solid #4A0000;
  border-right: 1px solid #4A0000;
  padding: 3px;
  height:134px;
}
#t-box_rahmenlos {
  width: 320px;
  padding: 3px;
  height:125px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  
}

.teaser_links{
  float: left;
  width: 157px;
  margin: 0 0 3px 0;
  
}

.teaser_rechts {
  float: right;
  width: 157px;
  margin: 0 0 3px 0;
  
}

.teaser_mitte {
  width: 157px;
  margin: auto;
}

.t-head {
  /*background-color: #AF8C69;*/
  margin: 0 0 3px 0;
}

.t-content {
  background-color: #AF8C69;
  color: #FFFFFF;
  border: 1px solid #4A0000;
  line-height: 150%;
  font-weight: bold;
  padding: 3px;
  text-align: center;
}

/* Pedigree */
#pedigree-box{
  width: 40em;
  margin-left: auto;
  margin-right:auto;
  margin-top: 1em;
}

#pedigree-box table{
  border: 1px solid #4A0000;
  width: 100%;
  padding: 0px;
}

#pedigree-box td{
  border: 1px solid #4A0000;
  padding: 3px;
}

#pedigree-box td.pedigree_e0{
  background-color: #AF8C69;
  width:10%;
}

#pedigree-box div.pedigree_e0{
  font-weight:bold;
  color: #FFFFFF;
  width:100%;
  overflow: hidden;
}

#pedigree-box td.pedigree_e1{
  background-color: #EACCA2;
  width:30%;
}

#pedigree-box div.pedigree_e1{
  width:100%;
  overflow: hidden;
}
#pedigree-box td.pedigree_e2{
  width:30%;
  background-color: #FADFB8;
}

#pedigree-box div.pedigree_e2{
  width:100%;
  overflow: hidden;
}

#pedigree-box td.pedigree_e3{
  width:30%;
  background-color: #feedd3;
}

#pedigree-box div.pedigree_e3{
  width:100%;
  overflow: hidden;
}

#pedigree-box textarea{
  white-space: pre;
}

/* Externe Links */
span.extlink {
  position: absolute;
  left: -3000px;
  top: -3000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
  

}

/* Preis */
span.preis{
  font-weight: bold;
  font-style: italic;
}

/* News */
#news{
  border: 1px solid #4A0000;
  width: 100%;
  padding:  1em 0;
}

#news-overview-item{
  padding:  0 1em;
}

#news-overview-item .news-date{
  width: 15%;
  float: left;
}

#news-overview-item .news-topic{
  width: 85%;
  float: right;
}

#news-overview-item .dummy{
  height: 0.1em;
  width: 100%;
  clear: both;
}

#news-head{
  font-weight: bold;
  padding:  0 1em;
}
#news-body{
  padding:  0.75em 1em;
  
}




/* Gaestebuch */
#gb{
  border: 1px solid #4A0000;
  width: 100%;
  padding:  1em 0;
  margin: 1em 0;
}

#gb-item{
  padding:  0 1em;
}
#gb-head{
  font-weight: bold;
  padding:  0 1em;
}
#gb-kommentar{
  padding:  0.75em 1em;

}

#gb-kommentar .p1{
  width: 85%;
  float: left;
}

#gb-kommentar .p2{
  border-left: 1px solid #4A0000;
  padding-left: 1em;
  font-size: 90%;
  width: 10%;
  float: right;
}

#gb-kommentar .dummy{
  height: 0.1em;
  width: 100%;
  clear: both;
}

a.extern:link {
  /*background: transparent url(../img/external.gif) no-repeat 100% 0;
  padding: 0 20px 0 0;*/
}
a.extern:visited {
  /*background: transparent url(../img/external.gif) no-repeat 100% 0;
  padding: 0 20px 0 0;*/
}
a.extern:hover, a.extern:active, a.extern:focus {
  /*background: transparent url(../img/external.gif) no-repeat 100% 0;
  padding: 0 20px 0 0;*/
}