body { margin: 0; font-family: verdana, "lucida grande", sans-serif; font-size: 62.5%; color: #ddbe69;
  background: #8f7940 url('../images/background.png') center repeat-y; line-height: 1.8; }

.container { position: relative; width: 884px; height: 820px; margin: 0 auto; border: solid #203c1f; border-width: 0 1px;
  background-color: #203c1f; background-repeat: no-repeat; padding: 0 0 36px 0; }
  
#wrapper { background: #8f7940 url('../images/gold_02.jpg') repeat-x; }

#home {  }
#home #text { position: absolute; right: 0; top: 260px; width: 350px; height: 300px; padding: 40px 20px 40px 110px;
  background: url('../images/home_text.png') no-repeat; }

#header { width: 100%; height: 112px; background: url('../images/navigation.png') bottom center; } 
#header h1 { width: 198px; height: 68px; margin: 0 auto; text-indent: -10000px;
  background: url('../images/logo_8.png') no-repeat; } 
#header h1 a { width: 198px; height: 68px; display: block; }

#navigation ul { position: absolute; top: 75px; left: 150px; list-style: none; margin: 0; padding: 0; text-align: center;}
#navigation li { display: inline; }
#navigation li a { display: inline-block; color: #edcc73; text-decoration: none; text-transform: uppercase; margin: 0 10px;}  
#navigation li a:hover, #navigation li.active a { text-decoration: underline; }

#navigation li ul { margin: 0; padding: 0; top: 16px; left: 0;}  
#navigation li li a { color: #282711; }
#navigation li.active li a { text-decoration: none; }
#navigation li li a:hover, #navigation li li.active a { color: #edcc73; }  
  
#pensionsstall {  }
#pensionsstall #content { margin: 14px 12px; }

#pensionsstall #text { padding: 10px 12px; border: 2px solid #ad8e38; background: #233b1d; 
  min-width: 448px; width: auto !important; width: 448px; min-height: 144px; height: auto !important; height: 144px; }
#pensionsstall .small { width: 448px; height: 145px; }  
#pensionsstall img { border: 2px solid #ad8e38; margin-bottom: 14px; }

#pensionsstall #slideshow { height: 375px; overflow: hidden; margin-bottom: 11px; }
#pensionsstall #slideshow div { width: 100%; }

#pensionsstall #leftSlideshow { height: 375px; overflow: hidden; width: 476px; float: left;  margin-bottom: 11px;}
#pensionsstall #rightSlideshow { height: 558px; overflow: hidden; width: 369px; float: right; }

#pensionsstall #thumbnails { position: absolute; right: 30px; z-index: 10; top: 404px; width: 338px; overflow: hidden; }
#pensionsstall #thumbnails ul { z-index: 10; list-style: none; margin: 0; padding: 0; width: 1000px; }
#pensionsstall #thumbnails li { display: inline; margin: 0 3px; }
#pensionsstall #thumbnails li a img { border: none; margin: 0 2px; }
#pensionsstall #thumbnail_nav a { z-index: 11; display: block; position: absolute; height: 16px; width: 16px; text-indent: -10000px; }
#pensionsstall #thumbnail_nav a#prev { top: 430px; left: 496px; background: url('../images/arrow_left.png') no-repeat; }
#pensionsstall #thumbnail_nav a#next { top: 430px; right: 6px; background: url('../images/arrow_right.png') no-repeat; }

#news #content { margin: 14px 12px; }

#news #text { padding: 10px 12px; border: 2px solid #ad8e38; background: #233b1d; 
  min-width: 448px; width: auto !important; width: 448px; min-height: 144px; height: auto !important; height: 144px; }
#news .small { width: 448px; height: 145px; }  
#news img { border: 2px solid #ad8e38; margin-bottom: 14px; }
#news
#news #slideshow { height: 375px; overflow: hidden; margin-bottom: 11px; }
#news #slideshow div { width: 100%; }
#news
#news #leftSlideshow { height: 375px; overflow: hidden; width: 476px; float: left;  margin-bottom: 11px;}
#news #rightSlideshow { height: 476px; overflow: hidden; width: 369px; float: right; }
#news
#news #thumbnails { position: absolute; right: 30px; z-index: 10; top: 404px; width: 338px; overflow: hidden; }
#news #thumbnails ul { z-index: 10; list-style: none; margin: 0; padding: 0; width: 1000px; }
#news #thumbnails li { display: inline; margin: 0 3px; }
#news #thumbnails li a img { border: none; margin: 0 2px; }
#news #thumbnail_nav a { z-index: 11; display: block; position: absolute; height: 16px; width: 16px; text-indent: -10000px; }
#news #thumbnail_nav a#prev { top: 430px; left: 496px; background: url('../images/arrow_left.png') no-repeat; }
#news #thumbnail_nav a#next { top: 430px; right: 6px; background: url('../images/arrow_right.png') no-repeat; }


#zucht {  }
#zucht #content { position: absolute; top: 148px; right: 9px; width: 696px; height: 572px; color: #0e1d0b; } 
#zucht #content img { border: 2px solid #ad8e38; float: left; }
#zucht #content .box { position: absolute; border: solid #ad8e38; border-width: 2px 2px 2px 0; width: 269px; 
  background-color: #bea15e; background-repeat: no-repeat; }
#zucht #content h2 { top: 0; right: 0; font-size: 1.6em; color: #0e1d0b; padding: 8px 12px 12px; }
#zucht #content #info { bottom: 0; right: 0; height: 288px; padding: 10px 12px; 
  background-image: url('../images/horse-info.jpg'); }
#zucht #abstammung { bottom: 326px; right: 0; height: 156px; padding: 10px 12px;
    background-image: url('../images/abstammung.jpg'); }
    
#zucht #abstammung table { width: 100%; } 
#zucht #abstammung td { padding: 2px 0px; border-bottom: 1px solid black; width: 50%; }
#zucht #abstammung td.gen-one {  }
#zucht #abstammung td.gen-two { height: 34px; }
#zucht #abstammung td.bottom { border: none; }

#zucht #info dl { line-height: 2.0; }
#zucht #info dt { float: left; clear: left; padding: 0; margin: 0 1em 0 0; } 
#zucht #info dd { padding: 0; margin: 0; display: block; min-height: 20px; height: auto !important; height: 20px; }
#zucht #info dd.zuchter { margin: 0 0 0 6em; }

#zucht #thumbnails { position: absolute; top: 112px; left: 0;  background: url('../images/thumbnails.jpg'); height: 708px; }
#zucht #thumbnails #scroller { width: 152px; height: 708px; overflow: hidden; }
#zucht #thumbnails ul { list-style: none; margin: 36px 18px 0; padding: 0; }  
#zucht #thumbnails li { float: none; margin: 0; padding: 0; }
#zucht #thumbnails li a img { border: 2px solid #ad8e38; margin-bottom: 10px; width: 100px; height: 150px; float: none; }

#impressionen #content { position: absolute; top: 148px; right: 30px; width: 696px; height: 572px;  } 
#impressionen #content img { position: absolute; top: 0; right: 0; border: 2px solid #ad8e38; }

#impressionen #text { position: absolute; top: 460px; left: 28px; padding: 10px 12px; border: 2px solid #ad8e38; background: #233b1d; 
 width: 275px; height: 44px; overflow: hidden; }

#impressionen #thumbnails { position: absolute; top: 112px; left: 0;  background: url('../images/thumbnails.jpg'); height: 708px; }
#impressionen #thumbnails #scroller { width: 152px; height: 708px; overflow: hidden; }
#impressionen #thumbnails ul { list-style: none; margin: 36px 18px 0; padding: 0; }  
#impressionen #thumbnails li { float: none; margin: 0; padding: 0; }
#impressionen #thumbnails li a img { border: 2px solid #ad8e38; margin-bottom: 10px; width: 100px; float: none; }


h1 { margin: 0; }
h2 { font-size: 1.2em; margin: 0 0 1.2em 0; font-weight: normal; }
h3 { font-size: 1em; margin: 0; font-weight: bold; }

p { margin: 0 0 1.5em 0; }

a.jScrollArrowUp { top: 0; width: 9px; height: 16px; background: url('../images/up_arrow.png') no-repeat; }
a.jScrollArrowDown { top: 16px; width: 9px; height: 16px; background: url('../images/down_arrow.png') no-repeat; }
.jScrollPaneTrack { margin-top: 16px; }


.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a {
	color: #60D848;
}