/**
 *  Style-Sheet: Basis-Styles
 *
 *  @author      Jochen Pollex
 *  @copyright   Jochen Pollex
 *
 */

@import 'standards.css';

html {
  font-family:arial, sans-serif;
  padding:0;
  margin:0;
  color:#500;   
 
}

body {
  padding:0;
  margin:0;
  background-color:#730C0D;
  font-size:11px;
  background-image:url('../pics/bg-main.jpg');
  background-repeat:repeat-x;
  background-attachment:fixed;
}

#sub{
  position:fixed;
  height:100%;
  width:100%;
  z-index:0;
}


#sub1{
  
  width:980px;
  margin:0 auto 0 auto;
  background-image:url('../pics/bg-content_02.png');
  background-repeat:repeat-y;
  background-position:57px 3px;  
  height:2000px;
}

/* mit bogen */
#sub2{
  background-image:url('../pics/bg-content_01.png');
  background-repeat:no-repeat;
  background-position:57px 193px;
  height:5000px;
  height:100%;
  width:100%;
}

#front { 
  position:absolute;   
  left:0;
  top:0;
  z-index:12; 
  width:100%;
  margin:0;
  /*border:1px solid red;*/
}

#front-center {
  position:relative;
  width:980px;  
  padding:0;
  margin:0 auto 0 auto; 
  /*border:1px solid red;*/
}

#header-center-1{
  position:relative;
  z-insdex:99;
  width:980px;
  height:193px;
  margin:0 auto 0 auto;
}

#header-center{
  position:fixed;
  z-index:100;
  padding:0 0 0 0;
  
  color:#500;
  font-size:11px;
  /*border:1px dashed green;*/
}

#header-center #hdl {
	position:absolute;
	right:70px;
	bottom:12px;
}


s
#ls{  padding:5px;}
#ls a{padding:0 5px 0 0;}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

#footer {
  position:relative;
  width:980px; height:15px;
  padding:0 10px 0 0;
  margin:0 auto 10px auto; 
 /* border:1px dashed green;*/
  
}


#footer a.copy { 
  position:absolute;
  top:5px;
  right:80px; 
  font-size:9px;
  color:#500;
  text-decoration:none;
 
}

#footer a {  
  font-size:10px;
  color:#500;
  text-decoration:none;
}

#footer a:hover {  
  color:#000;  
}

#footer .f-center {  
  position:absolute;
  left:570px;
}

/*** content ***/
#cntnt-k {

  position:relative;
  z-index:6;
  width:980px;
  /*sheight:800px;*/
  padding:0;
  margin:0;
 /*border:1px dashed red;*/
}

#cntnt {
  position:relative;
  z-index:7;
  width:980px;
  padding:5px 0;
  margin:0;
}

#ct-bg-color-top {
  position:absolute;
  top:0;
  left:59px;
}
#ct-bg-color-bottom {
  position:absolute;
  bottom:0;
  left:59px;
}



#fc2 {
  position:fixed;
  float:left;
  width:220px;
  padding:5px 0 0 0;
  margin:0 0 0 75px;  /*border:1px solid green;*/
}


#fc3 {
  position:relative;
  float:left;
  width:605px;
  padding:5px 0 10px 0;
  margin:0 0 0 300px;
   border-bottom:1px dotted #720B0C;
  /*  border:1px dashed green;*/
}

#fc3 img{
  margin:2px;
  padding:0px;
  border:1px solid #720B0C;
}

#fc3 a{
  border-bottom:1px dashed #800;
}
#fc3 a:hover{
  border-bottom:1px dashed #400;
}

.cntnt-txt {
  padding:0 5px 10px 5px;
  margin:0;
  color:#500;  
  font-size:12px;   
  line-height:16px;
  /*border:1px dotted green;*/
}

/* ####### galerie ####### */

#pro {
  position:relative;
  margin:20px 0 0 0;
  width:610px;
  /*height:400px;*/
  z-index:100;
  /*border:2px double maroon;*/
}

#pro a{border:none;}

#pro .acro {
	padding:0;
	margin:10px 0 10px 10px;
	
}

#pdm {
  padding:0;
  margin:20px 0 0 30px;
  
  float:left;
  width:280px;
  height:220px;
  position:relative;
}

#pdm .i-teaser {
  padding:0;
  margin:0;
 
}

#pdm .i-teaser a.a_details{
  padding:0;
  margin:0;
  position:absolute;
  bottom:1px; 
  right:0;
  border:none;
}

#pdm .i-teaser img{
  padding:0;
  margin:0 0 8px 8px;
  float:right;
  border:1px solid #720B0C;
}

#pdm .i-teaser .sd{
  padding:0;
  margin:0 0 1px 0;
  
}

#cntnt-teaser{
	/*border:1px solid red;*/
	
}
#cntnt-teaser h4{
	/*border:1px solid lime;*/
	/*float:left;
	width:600px;*/
	margin:0;
	padding:2px 0 3px 0;
	
}

#cntnt-teaser .i-teaser {
  padding:0;
  margin:0 0 5px 0;
  border-bottom:1px solid #720B0C ;
  height:130px; 
  /*position:relative;*/
}

#cntnt-teaser .i-teaser img {
  padding:0;
  margin:0;
  float:right; /*border:1px dotted lime;*/
}

#cntnt-teaser .i-teaser .img{
  padding:0;
  margin:0;
/* border:1px dotted lime;*/
}


#cntnt-teaser .i-teaser .a_details{
  padding:0;
  margin:0 0 0 3px;
  font-size:11px; 
 /* border:1px solid #FBD583;*/
border:none;
}

#cntnt-teaser .i-teaser .sd {
  /*border:1px solid #FBD583;*/
  padding:2px;
  margin:0 0 0 5px;
  width:430px;
  height:90px;
  overflow:auto;
  /*background-color:#FFF;*/
}



#d_left {

  padding:0;
  margin:0; 
  width:600px;
  /*border:1px solid #FFF;*/
  float:left;
}

#d_left img#big{
  padding:0;
  margin:0 0 10px 10px; 
  border:1px solid #720B0C;
  float:right;
}


#pro #tn {
 /* position:absolute;
  left:0;
  top:0;  
  z-index:900;*/
  padding:0;  
  margin:0 0 10px 0; 
  width:655px;
  height:70px;
  
  overflow:auto; /*border:1px solid green;*/
}


#pro .smallimg {

}

#pro .smallimg a {
  float:left;  
  padding:0;
  margin:0 29px 0 0;
  width:97px;
  text-align:center;
  border:none;
}

#pro .smallimg a img {
  padding:0;
  margin:0;
  /*float:left;    */
  border:1px solid #720B0C;

} 


#pro #pedigree {
	/*border:1px solid red;*/
	
	
}
#pro #pedigree table {
	border:none; /*border:1px solid red;*/
	width:610px;	
}

#pro #pedigree table td.p1{

	background:url('../pics/k1.png') no-repeat center right;	
	font-weight:bold;
	font-size:12px;
	padding:0 20px 0 0;
}
#pro #pedigree table td.p2{
	background:url('../pics/k2.png') no-repeat center right;
	padding:0 20px 0 0;	
}
#pro #pedigree table td.p3{
	background:url('../pics/k3.png') no-repeat center right;	
	padding:0 20px 0 0;
}