/* Horse Management Systeem Settings */

#StalXLHMSContent * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#StalXLHMSContent *:before,
#StalXLHMSContent *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#StalXLHMSContent A:hover,
#StalXLHMSContent A:focus,
#StalXLHMSContent A:active { outline: 0; }

#StalXLHMSContent IMG { border: 0; }

#StalXLHMSContent BUTTON {
  margin: 0;
  font: inherit;
  color: inherit;
}


/*************************/

/*
#StalXLHMSContent A {
  color: #234f33;
  text-decoration: none;
}

#StalXLHMSContent A:hover,
#StalXLHMSContent A:focus {
  text-decoration: underline;
}
*/

#StalXLHMSContent H1, #StalXLHMSContent H2, #StalXLHMSContent H3 {
  /*font-family: inherit;*/
  line-height: 1.1;
  margin: 0;
}

/*
#StalXLHMSContent H1 { font-size: 36px; }
#StalXLHMSContent H2 { font-size: 30px; }
#StalXLHMSContent H3 { font-size: 24px; }
*/

#StalXLHMSContent .around {
  max-width: 1024px;
  margin: 10px auto;
  background-color: #FFFFFF;
  padding: 10px;
}

#StalXLHMSContent .publicHfs, .publicNews {
  padding: 20px;
  border: 1px dashed #0B4040;
}

/***************************************************************************************/
/**************************************  GENEREAL  *************************************/
/***************************************************************************************/

#publicHfsContent, #publicNewsContent, #publicProductContent {
  display: block;
  position: relative;
  overflow: hidden;
}

/***************************************************************************************/
/*************************************  NAVIGATION  ************************************/
/***************************************************************************************/

/* General */

#StalXLHMSContent .publicNavigationTop,
#StalXLHMSContent .publicNavigationBottom {
  position: relative;
  overflow: hidden;
}
#StalXLHMSContent .publicNavigationTop { margin: 10px 0 20px 0; }
#StalXLHMSContent .publicNavigationBottom { margin: 20px 0 10px 0; }

#StalXLHMSContent .publicNavigationTop A,
#StalXLHMSContent .publicNavigationBottom A {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: #0D432C;
  color: #FFFFFF;
}

#StalXLHMSContent .publicNavigationTop A:hover,
#StalXLHMSContent .publicNavigationTop A:focus,
#StalXLHMSContent .publicNavigationBottom A:hover,
#StalXLHMSContent .publicNavigationBottom A:focus {
  background-color: #0D432C;
  color: #FFC208;
  text-decoration: none;
}

#StalXLHMSContent.StalXLHMSContentHomepage #publicNewsOverview .publicNavigationTop {
  display: none;
}
#StalXLHMSContent.StalXLHMSContentHomepage #publicNewsOverview .publicNavigationBottom,
#StalXLHMSContent.StalXLHMSContentHomepage #publicNewsDetail .publicNavigationBottom,
#publicNewsDetail .publicNavigationBottom {
  display: none;
}

#StalXLHMSContent .publicNavigationReturn { text-align: center; }
#StalXLHMSContent .publicNavigationPrevious { text-align: left; }
#StalXLHMSContent .publicNavigationNext { text-align: right; }


/* Overview */

#publicHfsOverview .publicNavigationReturn,
#publicHfsOverview .publicNavigationPrevious,
#publicHfsOverview .publicNavigationNext,
#publicNewsOverview .publicNavigationReturn,
#publicNewsOverview .publicNavigationPrevious,
#publicNewsOverview .publicNavigationNext,
#publicProductOverview .publicNavigationReturn,
#publicProductOverview .publicNavigationPrevious,
#publicProductOverview .publicNavigationNext {
  position: relative;
}

#publicHfsOverview .publicNavigationPrevious,
#publicNewsOverview .publicNavigationPrevious,
#publicProductOverview .publicNavigationPrevious {
  width: 50%;
  float: left;
}

#publicHfsOverview .publicNavigationNext,
#publicNewsOverview .publicNavigationNext,
#publicProductOverview .publicNavigationNext {
  width: 50%;
  float: right;
}

/* Details */

#publicNewsDetail .publicNavigationBottom {
  display: none;
}

#publicHfsDetail .publicNavigationTop,
#publicHfsDetail .publicNavigationBottom,
#publicNewsDetail .publicNavigationTop,
#publicNewsDetail .publicNavigationBottom,
#publicProductDetail .publicNavigationTop,
#publicProductDetail .publicNavigationBottom {
  position: relative;
  height: 65px;
}

#publicHfsDetail .publicNavigationReturn,
#publicHfsDetail .publicNavigationPrevious,
#publicHfsDetail .publicNavigationNext,
#publicNewsDetail .publicNavigationReturn,
#publicNewsDetail .publicNavigationPrevious,
#publicNewsDetail .publicNavigationNext,
#publicProductDetail .publicNavigationReturn,
#publicProductDetail .publicNavigationPrevious,
#publicProductDetail .publicNavigationNext {
  position: absolute;
}

#publicHfsDetail .publicNavigationReturn,
#publicNewsDetail .publicNavigationReturn,
#publicProductDetail .publicNavigationReturn {
  width: 100%;
}
#publicHfsDetail .publicNavigationPrevious,
#publicNewsDetail .publicNavigationPrevious,
#publicProductDetail .publicNavigationPrevious {
  width: 50%;
  left: 0px;
}
#publicHfsDetail .publicNavigationNext,
#publicNewsDetail .publicNavigationNext,
#publicProductDetail .publicNavigationNext {
  width: 50%;
  right: 0px;
}

#publicHfsDetail .publicNavigationReturn A,
#publicNewsDetail .publicNavigationReturn A,
#publicProductDetail .publicNavigationReturn A { display: block; }

#publicHfsDetail .publicNavigationTop .publicNavigationReturn,
#publicNewsDetail .publicNavigationTop .publicNavigationReturn,
#publicProductDetail .publicNavigationTop .publicNavigationReturn { top: 0; }

#publicHfsDetail .publicNavigationTop .publicNavigationPrevious,
#publicHfsDetail .publicNavigationTop .publicNavigationNext,
#publicNewsDetail .publicNavigationTop .publicNavigationPrevious,
#publicNewsDetail .publicNavigationTop .publicNavigationNext,
#publicProductDetail .publicNavigationTop .publicNavigationPrevious,
#publicProductDetail .publicNavigationTop .publicNavigationNext { bottom: 0; }

#publicHfsDetail .publicNavigationBottom .publicNavigationReturn,
#publicNewsDetail .publicNavigationBottom .publicNavigationReturn,
#publicProductDetail .publicNavigationBottom .publicNavigationReturn { bottom: 0; }

#publicHfsDetail .publicNavigationBottom .publicNavigationPrevious,
#publicHfsDetail .publicNavigationBottom .publicNavigationNext,
#publicNewsDetail .publicNavigationBottom .publicNavigationPrevious,
#publicNewsDetail .publicNavigationBottom .publicNavigationNext,
#publicProductDetail .publicNavigationBottom .publicNavigationPrevious,
#publicProductDetail .publicNavigationBottom .publicNavigationNext { top: 0; }

#StalXLHMSContent.StalXLHMSContentHomepage .publicNavigationPrevious,
#StalXLHMSContent.StalXLHMSContentHomepage .publicNavigationNext {
  display: none;
}

#StalXLHMSContent.StalXLHMSContentHomepage #publicHfsDetail .publicNavigationReturn,
#StalXLHMSContent.StalXLHMSContentHomepage #publicNewsDetail .publicNavigationReturn,
#StalXLHMSContent.StalXLHMSContentHomepage #publicProductDetail .publicNavigationReturn {
  width: 100%;
}


/***************************************************************************************/
/**************************************  HORSES  ***************************************/
/***************************************************************************************/

/* General */

#publicHfsContent .publicItemColumnData {
  position: relative;
  overflow: hidden;
}

#publicHfsContent .publicItemColumnData.dataAncestry {}
#publicHfsContent .publicItemColumnData.dataDateOfBirth {}
#publicHfsContent .publicItemColumnData.dataBreed {}
#publicHfsContent .publicItemColumnData.dataSex {}
#publicHfsContent .publicItemColumnData.dataDiscipline {}
#publicHfsContent .publicItemColumnData.dataLevel {}
#publicHfsContent .publicItemColumnData.dataSalesStatus {}
#publicHfsContent .publicItemColumnData.dataSalesPrice {}
#publicHfsContent .publicItemColumnData.dataSalesText {}

#publicHfsContent .publicItemLabel {
  display: block;
  position: relative;
  color: #0D432C;
}

#publicHfsContent .publicItemValue {
  position: relative;
}

#publicHfsContent .publicItemData .publicItemLabel {}
#publicHfsContent .publicItemData .publicItemValue {}

#publicHfsContent .publicItemDetailData .publicItemLabel {}
#publicHfsContent .publicItemDetailData .publicItemValue {}


/* Overview */

#publicHfsContent A.publicItem {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  padding: 10px;
  border-top: 1px solid #968F72;
  color: #000000;
}
#publicHfsContent A.publicItem:first-of-type { border: none; }

#publicHfsContent A.publicItem:hover,
#publicHfsContent A.publicItem:focus {
  background-color: #DEE9B8;
  text-decoration: none;
}

#publicHfsContent .publicItemPicture {
  position: relative;
  min-height: 1px;
  float: left;
  width: 50%;
  padding-right: 20px;
}

#publicHfsContent .publicItemPicture .publicItemPictureSub {
  background: none !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#publicHfsContent .publicItemPicture .publicItemPictureSub IMG {
  width: 100%;
}

#publicHfsContent .publicItemData {
  position: relative;
  width: 50%;
  float: left;
}

#publicHfsContent .publicItemData .publicItemColumnData {
  margin-bottom: 3px;
}

#publicHfsContent .publicItemReadMore {
  position: relative;
  clear: both;
  text-align: right;
}

#publicHfsContent .publicItemReadMoreText {
  display: inline-block;
  padding: 3px 5px;
  color: #1A5F33;
}

#publicHfsContent A:hover .publicItemReadMoreText,
#publicHfsContent A:focus .publicItemReadMoreText {
  text-decoration: none;
}


/* Detail */

#publicItemDetailPicture {
  display: none;
  height: 150px;
  margin-bottom: 20px;
}

#publicItemDetailPicture .publicPictureRef {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
}

#publicItemDetailPicture IMG {
  display: none;
}

#publicItemDetailData .publicItemColumnData {
  margin-bottom: 5px;
}

#publicItemDetailMovie {}
.publicMovie {}
.publicMovieLabel {}
.publicMovieValue {}


#publicItemDetailAncestry {
  text-align: center;
  margin-top: 20px;
  overflow: hidden;
}

#ancestryName {
  position: relative;
  min-height: 1px;
  float: left;
  width: 50%;
  height: 240px;
  background-color: #DEE9B8;
  border-right: 1px solid #FFFFFF;
  padding: 10px;
}

#ancestryParents {
  position: relative;
  min-height: 1px;
  float: left;
  width: 50%;
  border-right: 1px solid #FFFFFF;
}

#ancestryGrandParents {
  display: none;
  position: relative;
  min-height: 1px;
  float: left;
}

.ancestryMale { background-color: #DEE9B8; padding: 10px; }
.ancestryFemale { background-color: #D3E1A1; padding: 10px; }

.ancestryFather,
.ancestryMother {
  height: 120px;
}

.ancestryFather { border-bottom: 1px solid #FFFFFF; }
.ancestryMother {}

.ancestryPaternalGrandFather,
.ancestryPaternalGrandMother,
.ancestryMaternalGrandFather,
.ancestryMaternalGrandMother {
  height: 60px;
}

.ancestryPaternalGrandFather { border-bottom: 1px solid #FFFFFF; }
.ancestryPaternalGrandMother { border-bottom: 1px solid #FFFFFF; }
.ancestryMaternalGrandFather { border-bottom: 1px solid #FFFFFF; }
.ancestryMaternalGrandMother {}

.ancestryNameLabel,
.ancestryFatherLabel,
.ancestryMotherLabel,
.ancestryPaternalGrandFatherLabel,
.ancestryPaternalGrandMotherLabel,
.ancestryMaternalGrandFatherLabel,
.ancestryMaternalGrandMotherLabel {
  display: block;
  font-size: 10px;
}

.ancestryNameValue,
.ancestryFatherValue,
.ancestryMotherValue,
.ancestryPaternalGrandFatherValue,
.ancestryPaternalGrandFatherValue,
.ancestryMaternalGrandFatherValue,
.ancestryMaternalGrandMotherValue {
  display: block;
  color: #000000;
  font-weight: bold;
}



/***************************************************************************************/
/**************************************  NEWS  ***************************************/
/***************************************************************************************/

/* General */




/* Overview */

#publicNewsContent A.publicItem {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  padding: 10px;
  border-top: 1px solid #968F72;
  color: #000000;
}
#publicNewsContent A.publicItem:first-of-type { border: none; }

#publicNewsContent A.publicItem:hover,
#publicNewsContent A.publicItem:focus {
  background-color: #DEE9B8;
  text-decoration: none;
}

#publicNewsOverview .publicItemPicture {
  float: right;
}

#publicNewsOverview .publicItemPictureSub {
  background: none !important;
}

#publicNewsOverview .publicItemPicture IMG {
  margin-top: 10px;
  margin-left: 20px;
}

#publicNewsOverview .publicItem_date {
  font-style: italic;
}

#publicNewsOverview .publicItem_title {
  font-weight: bold;
  color: #0D432C;
}

#publicNewsOverview .publicItem_category {
  display: none;
}

.publicItem_summary {}

#publicNewsContent .publicItemData .publicItemData_info {
  margin-bottom: 3px;
}

#publicNewsContent .publicItemData_info .publicItemValue  {
  margin-bottom: 5px;
}

#publicNewsContent .publicItemReadMore {
  position: relative;
  clear: both;
  text-align: right;
}

#publicNewsContent .publicItemReadMoreText {
  display: inline-block;
  padding: 3px 5px;
  color: #1A5F33;
}

#publicNewsContent A:hover .publicItemReadMoreText,
#publicNewsContent A:focus .publicItemReadMoreText {
  text-decoration: none;
}


/* Detail */

#publicItemDetailData_info {
  margin-bottom: 10px;
  overflow: hidden;
}

#publicItemDetailData_info .publicItem_date {
  float: left;
  width: 33%;
}

#publicItemDetailData_info .publicItem_location {
  float: left;
  width: 33%;
  text-align: center;
}

#publicItemDetailData_info .publicItem_category {
  float: left;
  width: 33%;
  text-align: right;
}

#publicNewsDetail .publicItem_title {
  font-weight: bold;
  color: #0D432C;
}



/***************************************************************************************/
/**************************************  PRODUCT  **************************************/
/***************************************************************************************/

/* General */

#publicProductContent .publicItemLabel {
  display: block;
  position: relative;
  color: #0D432C;
}

#publicProductContent .publicItemValue {
  position: relative;
}


/* Overview */

#publicProductContent A.publicProductOverviewRow {
  display: block;
  position: relative;
  overflow: hidden;
  clear: both;
  padding: 3px 3px;
  border-top: 1px solid #968F72;
  color: #000000;
}
#publicProductContent A.publicProductOverviewRow:first-of-type { border: none; }

#publicProductContent A.publicProductOverviewRow:hover,
#publicProductContent A.publicProductOverviewRow:focus {
  background-color: #DEE9B8;
  text-decoration: none;
}

.publicProductOverviewRow_product,
.publicProductOverviewRow_price,
.publicProductOverviewRow_more {
  float: left;
  padding: 0px 3px 0px 3px;
}

.publicProductOverviewRow_product {
  width: 75%;
}

.publicProductOverviewRow_price {
  width: 25%;
  text-align: right;
  word-wrap: break-word;
}

.publicProductOverviewRow_more {
  width: 100%;
  text-align: right;
  color: #1A5F33;
}



/* Detail */


.publicProductDetailItemInfo {
  margin-bottom: 10px;
}

.publicProductDetail_row_category,
.publicProductDetail_row_product,
.publicProductDetail_row_price {
  margin-bottom: 5px;
}

.publicProductDetail_description {
  margin-bottom: 20px;
}

/*
#publicHfsContent .publicItemData {
  position: relative;
  min-height: 1px;
  float: left;
  width: 50%;
  color: #000000;
}

#publicHfsContent .publicItemColumnData.dataSalesText .publicItemLabel {
  float: none;
  width: auto;
}
#publicHfsContent .publicItemColumnData.dataSalesText .publicItemValue {
  margin-left: 0;
}
*/







#publicItemDetailPictureTrail {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}

.publicItemDetailPictureTrailItem {
  display: block;
  margin: 3px;
}

.publicItemDetailPictureTrailItem A.publicPictureRef {
  float: left;
  margin: 3px;
  /*width: 33.333%;
  height: 200px;*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: none !important;
}

.publicItemDetailPictureTrailItem IMG {
  max-height: 375px;
  max-width: 100%;
}


/** Product **/

.publicProductOverviewCategory {
  margin-bottom: 20px;
  clear: both;
}

.publicProductOverviewCategoryDescr {
  margin: 10px 0;
}


/***************************************************************************************/
/***************************************  SIZES  ***************************************/
/***************************************************************************************/


/** Extra small **/
@media (max-width: 575px) {

  .publicItemReadMore {
    position: relative;
    clear: both;
    text-align: right;
  }
  
  #publicHfsContent .publicItemData .publicItemLabel { display: none; }

  #StalXLHMSContent #publicHfsOverview .dataAncestry {}
  #StalXLHMSContent #publicHfsOverview .dateDateOfBirth {}
  #StalXLHMSContent #publicHfsOverview .dataBreed { display: none; }
  #StalXLHMSContent #publicHfsOverview .dateSex {}
  #StalXLHMSContent #publicHfsOverview .dataDiscipline {}
  #StalXLHMSContent #publicHfsOverview .dataLevel { display: none; }
  #StalXLHMSContent #publicHfsOverview .dataSalesStatus { display: none; }
  #StalXLHMSContent #publicHfsOverview .dataPrice { display: none; }
  
}

/** Small **/
@media (min-width: 576px) {

  /* Navigation */
  
  #publicHfsDetail .publicNavigationTop,
  #publicHfsDetail .publicNavigationBottom,
  #publicNewsDetail .publicNavigationTop,
  #publicNewsDetail .publicNavigationBottom,
  #publicProductDetail .publicNavigationTop,
  #publicProductDetail .publicNavigationBottom {
    height: auto;
  }

  #publicHfsDetail .publicNavigationReturn,
  #publicHfsDetail .publicNavigationPrevious,
  #publicHfsDetail .publicNavigationNext,
  #publicNewsDetail .publicNavigationReturn,
  #publicNewsDetail .publicNavigationPrevious,
  #publicNewsDetail .publicNavigationNext,
  #publicProductDetail .publicNavigationReturn,
  #publicProductDetail .publicNavigationPrevious,
  #publicProductDetail .publicNavigationNext {
    position: relative;
    min-height: 1px;
  }

  #publicHfsDetail .publicNavigationReturn,
  #publicNewsDetail .publicNavigationReturn,
  #publicProductDetail .publicNavigationReturn {
    width: 50%;
    float: left;
  }
  #publicHfsDetail .publicNavigationPrevious,
  #publicNewsDetail .publicNavigationPrevious,
  #publicProductDetail .publicNavigationPrevious {
    width: 25%;
    float: left;
  }
  #publicHfsDetail .publicNavigationNext,
  #publicNewsDetail .publicNavigationNext,
  #publicProductDetail .publicNavigationNext {
    width: 25%;
    float: right;
  }


  /* Horses */
  
  #publicHfsContent .publicItemPicture { width: 35%; }
  #publicHfsContent .publicItemData { width: 65%; }
  
  #publicHfsContent .publicItemData .publicItemLabel { display: none; }

  #publicItemDetailData .publicItemLabel {
    float: left;
  }

  #publicItemDetailData .publicItemValue {
    display: block;
    margin-left: 130px;
  }
  
  #ancestryName {
    width: 33.33333333%;
  }

  #ancestryParents {
    width: 33.33333333%;
  }

  #ancestryGrandParents {
    display: block;
    width: 33.33333333%;
  }
  
  .publicProductDetailItemInfo .publicItemLabel {
    float: left;
  }

  .publicProductDetailItemInfo .publicItemValue {
    display: block;
    margin-left: 130px;
  }
  
  .publicProductOverviewRow_product {
    width: 50%;
  }

  .publicProductOverviewRow_price {
    width: 25%;
  }

  .publicProductOverviewRow_more {
    width: 25%;
  }
}


/** Medium **/
@media (min-width: 768px) {
  
}


/** Large **/
@media (min-width: 992px) {
  .publicPictureRef {
    /*height: 160px;*/
  }
  #publicHfsOverview .publicItemColumnData .publicDetailItemData,
  #publicNewsOverview .publicItemColumnData .publicDetailItemData {
    width: 50%;
    float: left;
  }
}


/** Extra large **/
@media (min-width: 1200px) {

}

