/* Grundlegendes ---------------------------------------------------------------------------------*/


html, body { 
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	background: url(/images/hintergrund1.png) repeat-y;
}

a {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #412000;
	text-decoration: none;
}

img {
	border: none;
}

#hintergrund {
	height: 100%;
	background: url(/images/hintergrund.png) no-repeat;
}

#banner {
	z-index: -10;
	position: absolute;
	width: 100%;
	top: 141px;
	left: 0px;
	height: 148px;
	background: url(/images/banner.png);
	border: 0px;
}

#menu_left {
	position: absolute;
	width: 204px; 
	left: 33px;
	top: 308px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */ 
	height:100%; /* Mindesthöhe für den IE */ 
	overflow: hidden !important; /* FF Scroll-leiste */
}

#menu {
	position: absolute;
	width: 580px;
	height: 130px;
	top: 70px;
	left: 352px;
}

#content {
	position: absolute;
	width: 652px;
	top: 320px;
	left: 317px;
}

#footer {
	position: absolute;
	left: 80px;
	margin-top: 100px;
	padding-bottom: 50px;
}

#spinner{
	position: absolute; 
	left:0px; 
	width: 100%;
	height: 5000px;
	background-color: #000000;
	z-index: 99;
}

#spinner_bild{
	height: 200px;
	width: 600px;
	position: fixed;
	top: 50%; 
  	left: 50%;
	margin:-100px 0px 0px -300px;
	z-index: 8;
  	font-style: oblique;
  	text-align: center;
  	overflow: auto;
  	color: #000;
	font-size: 16px;
  	font-weight: bold;
	background-color: #fff;
}

.post {
	padding: 0 20px;
}

.entry {
	padding: 0 10px;
}

.title {
	background-color: #412000;
	color: #FFF;
	font-size: 20px;
	padding: 5px;
	text-align: center;
}

.button_braun {
	border: solid 1px #412000;
	background: #412000;
	color: #fff;
	width: 80px;
}

.input_braun {
	border: solid 1px #412000;
}

.input_abstammung {
	width: 120px;
	height: 12px;
	border: none;
}

#zurueck {
	position: relative;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
	font-style: italic;
}

#crumbs {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	font-style: italic;
}

.teilueberschrift {
	border-left: solid 3px #412000;
	font-size: 16px;
	color: #412000;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 40px;
}

.einruecken {
	padding-left: 15px;
}

.rahmen {
	background: transparent url(/images/rahmen_tl.png) top left no-repeat;
}

.rahmen img {
	padding: 12px;
	background: transparent url(/images/rahmen_br.png) bottom right no-repeat;
}

.rahmen span {
    position: absolute;
    color: #412000;
	padding: 3px;
	font-style: italic;
	left: 15px;
}

.flash_notice {
  color: #fff;
  padding: 7px;
  margin-bottom: 20px;
  background-color: #0c0;
	text-align: center;
}

.flash_error {
	color: #fff;
  padding: 7px;
  margin-bottom: 20px;
  background-color: #c00;
	text-align: center;
}

.highlight {
  background-color: yellow;
}

.clear {
	clear: both;
}






/* Sidebar ---------------------------------------------------------------------------------*/

#sidebar {
	position: absolute;
	top: 0px;
	width: 206px;
}

#sidebar ul {
	padding: 0px 0 5px 0;
	margin: 0px;
	list-style: none;
}

#sidebar li li {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 30px;
	padding-left: 15px;
	border-bottom: 1px dashed #BDBDBD;
	background: url(/images/img04.jpg) no-repeat left 50%;
}

#sidebar li ul {
	margin-bottom: 1.8em;
	list-style: none;
}

#sidebar h2 {
	background-color: #412000;
	font-size: 14px;
	padding: 5px;
	color: #FFF;
}

#sidebar a {
	text-decoration: none;
	color: #333;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #412000;
}

.sidebar_aktuelles {
	padding-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #BDBDBD;
}

.sidebar_aktuelles_nachricht {
	margin-top: 8px;
	font-style: oblique;
}

.sidebar_aktuelles_datum {
	margin-left: 3px;
	font-style: italic;
	font-size: 10px;
}






/* Search ---------------------------------------------------------------------------------*/


#search form {
	margin-bottom: 1.8em;
	padding: 0px;
}

#search fieldset {
	margin-left: 20px;
	padding: 0px;
	border: none;
}

#search #s {
	width: 160px;
}




/* Contentseite Startseite -----------------------------------------------------------------*/

#zentriert {
	text-align: center;
}

#links {
	float: left;
	width: 260px;
}

#rechts {
	margin-left: 300px;
	
}

.mittig {
	position: relative;
	left: 80px;
	margin-bottom: 50px;
}





/* Contentseite: Fohlen, Sportpferde, Erfolgspferde und Zuchtstuten  ----------------------------------------------------- */
#draganddrop {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.handle {
  cursor: move;
}

.pferde_border {
}

.pferde {
	position: relative;
  	border: 3px solid #412000;
	margin-bottom: 60px;
	width: 100%;
	min-height: 170px;
}

.pferde_unsichtbar {
	position: relative;
  	border: 3px solid #412000;
  	background-color: #ffffff;
	margin-bottom: 60px;
	width: 100%;
	min-height: 170px;
	opacity: .40;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
		filter: alpha(opacity=40);
}

.pferde_bild {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.pferde_infos {
	float: right;
}

.infos {
	width: 360px;
	border-left: 1px solid #412000;
	border-bottom: 1px solid #412000;
}

.zusatzinfos {
	position: relative;
	top: 15px;
}

.pferdename {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pferdedetails {
	padding-left: 10px;
}

.verkauft {
	position: absolute;
	left: -32px;
	top: -32px;
}







/* Contentseite Pferd Detailseite -----------------------------------------------------------------*/


#detail_pferd {
	position: relative;
}

.detail_pferd_kasten {
	position: relative;
	margin-bottom: 100px;
}

#pferdename {
	margin-left: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12pt;
}

#abstammung {
	display: block;
	position: relative;
	height:	230px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 50px;
  	background-image: url(/images/detailViewDescentBackgrounden.gif);	
	background-repeat: no-repeat;
	width: 350px;	
}



.abstammung {
  font: 12px Arial, Helvetica, sans-serif;
	color: #000000; 
	border: 1px solid #000;
	background-color: #FFF;
	width: 36%;
	min-height: 15px;
	padding: 2px;	
	position: absolute;
}


#f {
	left: -5%;
	top: 45px;
}

#m {
	left: -5%;
	top: 165px;
}

#ff {
	left: 38%;

	top: 15px;
}

#fm {
	left: 38%;
	top: 75px;
}
	
#mf {
	left: 38%;
	top: 135px;
}

#mm {
	left: 38%;
	top: 195px;
}	

#fff {
	left: 80%;
	top: 0px;
}	

#ffm {
	left: 80%;
	top: 30px;
}	

#fmf {
	left: 80%;
	top: 60px;
}	

#fmm {
	left: 80%;
	top: 90px;
}	

#mff {
	left: 80%;
	top: 120px;
}	

#mfm {
	left: 80%;
	top: 150px;
}	

#mmf {
	left: 80%;
	top: 180px;
}		

#mmm {
	left: 80%;
	top: 210px;
}

#detail_pferd_kasten_beschreibung_photobeschreibung {
	position: relative;
	width: 365px;
	float: right;
	padding-left: 2px;
}

#detail_pferd_kasten_beschreibung_photo {
	position: relative;
	float: left;
}

#detail_pferd_kasten_beschreibung_photobeschreibung1 {
	position: relative;
	width: 365px;
	float: left;
	padding-right: 2px;
}

#detail_pferd_kasten_beschreibung_photo1 {
	position: relative;
	float: right;
}

#detail_pferd_kasten_beschreibung_video {
	position: relative;
	margin: 0 auto;
	width: 480px;
}

.detail_pferd_kasten_kontaktformular {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
}





/* Contentseite neues Pferd -----------------------------------------------------------------*/

.pferd {
	position: relative;
}

.inhalt {
	margin-bottom: 100px;
}








/* Contentseite Aktuelles -----------------------------------------------------------------*/

.aktuelles_nachricht {
	position: relative;
	margin-bottom: 100px;
	color: #333;
}

.aktuelles_ueberschrift_datum {
	position: relative;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 5px;
}

.aktuelles_beschreibung {
	position: relative;
	margin-left: 15px;
}

.aktuelles_bild {
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

.aktuelles_admin {
	position: relative;
	float: right;
	margin: 5px;
}





/* Contentseite Kontakt -----------------------------------------------------------------*/

#kontaktform {
	position: relative;
	width: 300px;
	float: left;
}

#kontakt {
	position: relative;
	width: 200px;
	float: right;
}

.abstand {
	margin-bottom: 15px;
}

#anfahrtsweg {
	position: relative;
	margin-top: 80px;
}




/* Contentseite Links -----------------------------------------------------------------*/

#admin_func {
	position: relative;
	padding-top: 10px;
	left: 10px;
}

.links {
	position:	relative;
	margin-bottom: 100px;
}





/* error */

.fieldWithErrors {
  padding: 1px;
  background-color: #c00;
  display: table;
}

#errorExplanation {
  width: 570px;
  border: 1px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.formError{
	position: relative;
	color: #c00;
	margin-top: 5px;
	margin-bottom: 20px;
}



.pagination {
  position: relative;
  background: #fff;
  margin: 0 auto;
  text-align: center;
  /* self-clearing method: */ }
  .pagination a, .pagination span {
    text-align: center;
    padding: 0.2em 0.5em;
    margin: 0 auto;
    margin-right: 1px; }
  .pagination span.disabled {
    color: #bbb;
    border: 1px solid #ddd; }
  .pagination span.current {
    font-weight: bold;
    background: #412000;
    color: white;
    border: 1px solid #412000; }
  .pagination a {
    text-decoration: none;
    color: #333;
    border: 1px solid #999; }
    .pagination a:hover, .pagination a:focus {
      color: #412000;
      border-color: #412000; }
  .pagination .page_info {
    background: #412000;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
    .pagination .page_info b {
      color: #fff;
      background: #412000;
      padding: 0.1em 0.25em; }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%;}
  *:first-child + html .pagination {
    overflow: hidden; }






/* Menu ---------------------------------------------------------------------------------*/


#menu a {
	display: block;
	width: auto;
	padding: 6px 20px;
}

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:0px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
	border-color:#fff;
	border-width:1px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:160px;
	border: solid 1px #412000;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:14px Arial, Helvetica, sans-serif;
	color: #412000;
	text-decoration:none;
	cursor:pointer;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#412000;
	border-color:#665500;
	border-style:solid;
	font:14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#412000;
	border-color:#665500;
	border-style:solid;
	font:14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(/images/menu/pfeil1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(/images/menu/pfeil.gif);
}
ul.cssMenu a:hover span{	_background-image:url(/images/menu/pfeil.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(/images/menu/pfeil.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(/images/menu/pfeil.gif);}
ul.cssMenu table a:hover span{background-image:url(/images/menu/pfeil.gif)}

#active {
	border: solid 1px #412000;
}