/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */


/* Layout
----------------------------------------------------------------------------------------------------*/

 
.inhaltfett {
           font-weight: bold;
}

.imgText {
         padding: 5px 0px;
    font-size: 0.75em;
    color: #787878;
         line-height: 110%;
         text-align: left;
         clear: both;
}


.vollbl {
    color: #F00;
    }
  
.rotfett {
  color: #F00;
  font-weight: bolder;
    }

.isp {
  color: #03C;
    }




.boxsmall {
  position: relative;
  overflow: hidden;
  border: 8px solid #FFF;
  margin-right: 10px;
  background: #eeeff0;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  box-shadow: 2px 2px 4px #bdbcb0;
  -webkit-box-shadow:  2px 2px 4px #bdbcb0;
  -moz-box-shadow:  2px 2px 4px #bdbcb0;
  }

table {
  border: 1px solid #9F9F9F;
  border-collapse: collapse;
  text-align:left;
    }
 
#block-header { 
	border-bottom-style: none; 
	border-bottom: 1px; 
	background: #31313a; 
}

.bg-colored {
	border-top: none;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

a, a.hover {
		color: #505050;
}


/* button style */
div.morearticles ul,
ul.button {
    margin: 10px 0px 20px 0px;
    padding-left: 0px;
    list-style: none;
}
.module ul.button { margin: 0; }

div.morearticles li,
ul.button li {
    padding-left: 35px;
    height: 40px;
    line-height: 40px;
    background: url(../../../images/list_button.png) 0px 0 no-repeat;
    overflow: hidden;
}

div.morearticles ul li:hover,
ul.button li:hover { background-position: 0px -40px; }

div.morearticles li a,
ul.button li a {
    display: block;
    margin-left: -40px;
    padding-left: 40px;
    height: 40px;
    color: #858586;
    text-decoration: none;
    cursor: pointer;
}

ul.button li:hover a { color: #3C3D3E; }

ul.button li span.title { 
    display: block;
    color: #3C3D3E;
    font-size: 12px;
    line-height: 30px;
}

ul.button li:hover span.title { color: #cc0000; }

ul.button li span.subtitle { 
    display: block;
    margin-top: -7px;
    font-size: 10px;
    line-height: 10px;
    overflow: hidden;
}


a.more {
    margin-left: 5px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	color: white;
	background-color: #c42517;
	 border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 2px 2px 4px #bdbcb0;
  -webkit-box-shadow:  2px 2px 4px #bdbcb0;
  -moz-box-shadow:  2px 2px 4px #bdbcb0;
}

a.more link;
a.more:visited { color: white; }

a.more:hover {
		color: #dadada;
}

#more-btn a {
   margin-left: 5px;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	color: white;
	 border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 2px 2px 4px #bdbcb0;
  -webkit-box-shadow:  2px 2px 4px #bdbcb0;
  -moz-box-shadow:  2px 2px 4px #bdbcb0;

}

#more-btn a:hover {
    color: white;
		background-color: #db4b26;
		text-shadow: 1px 1px #bfbfbf;}


#system .item > .links a {
	background-color: #db4b26;
	margin-left: 5px;
	font-size: 10px;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 2px;
	color: white;
	 border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-shadow: 2px 2px 4px #bdbcb0;
  -webkit-box-shadow:  2px 2px 4px #bdbcb0;
  -moz-box-shadow:  2px 2px 4px #bdbcb0;
}


#system .item > .links a:hover {
		color: white;
		background-color: #cc0000;
		text-shadow: 1px 1px #bfbfbf;
	}
	
.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	border-style: none;
	border-left-width: 0px;
	border-bottom-width: 0;
	border-right-width: 0px;
	border-top-width: 0;
	padding-bottom: 1px;
	font-size: 15px;
	color: #ced1d1;
	text-transform: uppercase;
}

/* Set Active menu */
.menu-dropdown li.active .level1 { 
	border-left-color: #E0E0E0;
	background-color:#FBFBFB;
}

.menu-dropdown li.active .level1:before {
	content: "";
	display: block;
	position: absolute;	
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	z-index: 3;
}

/* Pedigrees */

#pedigreebox {
  float: left;
  width: auto;
  margin-right: 5px;
         margin-top: 5px;
         margin-bottom: 5px;
  overflow: hidden;
  height: auto;
}

#ped {
  border: 1px solid #9d9d9d;
  margin: 0;
  font-size: 0.9em !important;
  font-weight: normal !important;
  color: #5A5A5A !important;
  text-align: left !important;
  vertical-align: middle !important;
  line-height: 93%;
  background-color: #F9F9F9;
}

.pedtabelle {
  font-family: sans-serif;
  padding: 3px;
  border: 1px solid #9d9d9d;
  margin: 0;
  font-size: 0.9em !important;
  font-weight: normal !important;
  color: #5A5A5A !important;
  text-align: left !important;
  vertical-align: middle !important;
  line-height: 90%;
  background-color: #F9F9F9;
}

.pedigreebox {
    float: left;
    width: 420px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    height: auto;
}

.tped {
  margin-right: 10px;
  font-size: 0.9em !important;
  font-weight: normal !important;
  color: #5A5A5A !important;
  text-align: left !important;
  vertical-align: middle !important;
  line-height: 99%;
  background-color: #FFF;
  box-shadow: 2px 2px 4px #bdbcb0;
  -webkit-box-shadow:  2px 2px 4px #bdbcb0;
  -moz-box-shadow:  2px 2px 4px #bdbcb0;
  padding: 2px;
  margin-bottom: 5px;
  border: 1px solid #999;
}

.tped td {
  padding: 3px 3px;
    vertical-align: middle !important;
   border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9d9d9d;
  font-size: 10px;
    padding: 4px 3px 4px 5px;
    text-transform: uppercase;
}

.pedVaterlinie {
    background-position: left center;
    font-weight: bold;
    vertical-align: middle !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9d9d9d;
}

.pedVollblut {
    color: #F00;
}

.pedVollblstute{
    background-position: left center;
    font-weight: normal;
    vertical-align: middle !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9d9d9d;
    color: #F00;
}

.pedLinie {
    font-weight: bold !important;
}

.pedmutter {
    background-position: left center;
    font-weight: normal;
    vertical-align: middle !important;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9d9d9d;
}

.hengst
{
  vertical-align: middle !important;
  background-color: #e5e5e5;
}

.stute
{
    vertical-align: middle !important;
}

.infobox {
  border: 1px solid #f9f9f9;
  margin: 0;
  width: 300px;
  font-weight: normal;
  color: #666;
  text-align: left;
  vertical-align: top;
  line-height: 97%;
  background-color: #fff;
         cell-padding: 3px;
}


.tablefett {
  font-weight: bold;
         text-align: left;
         background-color: #f9f9f9;
         line-height: 97%;
         background-position: left center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f9f9f9;
          border-right: 1px solid #f9f9f9;
}

.tableinhalt {
         text-align: left;
         background-color: #f9f9f9;
         line-height: 97%;
         background-position: left center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f9f9f9;

}

.tableheader {
  background-color: #666;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  color: #fff;
 background-position: left center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f9f9f9;
}



/* specials list */

ol.specials {
  margin: 1em 0 0 0;
  list-style-type: none;
  }
  
ol.specials li {
  width: 210px;
  float: left;
  font-size: 1em;
  margin: 0 15px 1.5em 0;
  }
ol.specials li.third {
  margin-right: 0;
  }
  
ol.specials li div.special {
  position: relative;
  overflow: hidden;
  border: 10px solid #FFF;
  background: #eeeff0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  width: 180px;
  height: 300;
  box-shadow: 2px 2px 4px #bdbcb0;
  -webkit-box-shadow:  2px 2px 4px #bdbcb0;
  -moz-box-shadow:  2px 2px 4px #bdbcb0;
  }
  
  
ol.specials li div.special a span {
  height: auto;
  background-color: red;
  font-family: sans-serif;
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 3px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
  color: #c3c3c3;
  text-align: center;
  text-transform: none;
  }
  

ol.specials li div.special a:hover span {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
  color: #cbcbcb;
  text-align: center;
  text-transform: none;
  }
  
  
ol.specials li div.special a span strong {
  display: block;
  padding: 8px 3px 0 3px;
  font-weight: bold;
  font-style: normal;
  color: #fff;
  font-size: 12pt;
  text-transform: uppercase;
  }
  
ol.specials li div.special a span em {
  display: block;
  padding: 0 5px 3px 5px;
  font-style: normal;
  color: #fff;
  text-align: center;
  font-size: 10px;
  }
ol.specials li div.special-img img {
  max-width: 100%;
  overflow: hidden;
  }
  

/* table rahmen*/
.tabrahmen {
    border: 1px solid #9F9F9F;
    border-collapse: collapse;
    color: #626262;
    }

.tabrahmen th{
    padding:5px;
    color:#FFF;
    font-size: 1.2em;
    font-weight:bold;
    font-style:normal;
    text-decoration:none;
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
    background:#e4251d;
    text-transform: none;
    }


.tabrahmen td{
    padding:5px;
    color:#333;
    font-style:normal;
    text-align:left;
    vertical-align:baseline;
    border: 1px solid #999;
    }

.absatz
{
    float: left;
        width: auto;
    overflow: hidden;
    clear: both;
}
 
 
  

#top-a .wk-slideset-inspire { 
	position: relative;
	margin-bottom: -30px;
}

#top-a .wk-slideset-inspire .sets { padding: 75px 0 75px 0; }
#top-a .wk-slideset-inspire .nav { 
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
}

#bottom-a .wk-twitter-single {
	margin-top: 15px;
	padding: 30px 130px 0 200px;
	border-top: 1px solid #e7e7e7;
}

#bottom-a .wk-twitter-single.image { background-position: 130px 32px; }

.margin-tb-20 { margin: 20px 0; }
.margin-l-40 { margin-left: 40px; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Fixing the flickering for -webkit- browsers */
.module { -webkit-backface-visibility: hidden; }


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-teaser1 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser1_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser2 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser2_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser3 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser3_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-features { 
	margin-top: 30px; 
	overflow: hidden;
}

.frontpage-features h1 {
	margin: 20px 0 5px 0;
	font-size: 19px;
	line-height: 20px;
}

/* Frontpage: Check
----------------------------------------------------------------------------------------------------*/

.frontpage-check {
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}


/* Frontpage: Team
----------------------------------------------------------------------------------------------------*/

.frontpage-team h1 {
	margin: 20px 0 0 0;
	font-size: 40px;
	line-height: 41px;
}

.frontpage-team p {
	margin: 10px 0 0 0;
	font-size: 17px;
	line-height: 22px;
}


/* Frontpage: Contact
----------------------------------------------------------------------------------------------------*/

ul.line.frontpage-contact > li {
	margin: 0;
	padding: 15px 0;
	border-top: none;
	background: url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact > li:first-child { 
	background: url(../images/line_bg.png) top repeat-x,
				url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact strong {
	float: left;
	width: 140px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
}

ul.line.frontpage-contact div { display: inline-block; }


/* Frontpage: Clients
----------------------------------------------------------------------------------------------------*/

.frontpage-clients a {
	float: left;
	opacity: 0.5;
	margin: 0 -1px -1px 0;
	border: 1px solid #616a73;
	border: 1px solid rgba(255,255,255,0.5); 
}

.frontpage-clients a:hover {
	opacity: 1;
	border: 1px solid #FFF;
	background-color: rgba(255,255,255,0.05);
}

.frontpage-teaser { line-height: 0; }
.frontpage-teaser img { 
	display: block; 
	line-height: 0;
}


/* Responsive 
----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	.margin-l-40 { margin-left: 0; }


}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

	/* Layout */
	#block-bottom-b .width33 { width: 100%; }

	.frontpage-features img {
		float: none;
		margin: auto auto 15px;
	}

	.frontpage-check.width50 { width: 100%; }
	

}


.margin-tb-20 { margin: 20px 0; }
.margin-l-40 { margin-left: 40px; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Fixing the flickering for -webkit- browsers */
.module { -webkit-backface-visibility: hidden; }


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-teaser1 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser1_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser2 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser2_default.jpg);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.frontpage-teaser3 {
	background-image: url(../../../images/yootheme/demo/slideshow/infinite_teaser3_default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Frontpage: Features
----------------------------------------------------------------------------------------------------*/

.frontpage-features { 
	margin-top: 30px; 
	overflow: hidden;
}

.frontpage-features h1 {
	margin: 20px 0 5px 0;
	font-size: 19px;
	line-height: 20px;
}

/* Frontpage: Check
----------------------------------------------------------------------------------------------------*/

.frontpage-check {
	float: left;
	margin-bottom: 20px;
	text-transform: uppercase;
}


/* Frontpage: Team
----------------------------------------------------------------------------------------------------*/

.frontpage-team h1 {
	margin: 20px 0 0 0;
	font-size: 40px;
	line-height: 41px;
}

.frontpage-team p {
	margin: 10px 0 0 0;
	font-size: 17px;
	line-height: 22px;
}


/* Frontpage: Contact
----------------------------------------------------------------------------------------------------*/

ul.line.frontpage-contact > li {
	margin: 0;
	padding: 15px 0;
	border-top: none;
	background: url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact > li:first-child { 
	background: url(../images/line_bg.png) top repeat-x,
				url(../images/line_bg.png) bottom repeat-x;
}

ul.line.frontpage-contact strong {
	float: left;
	width: 140px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: normal;
}

ul.line.frontpage-contact div { display: inline-block; }


/* Frontpage: Clients
----------------------------------------------------------------------------------------------------*/

.frontpage-clients a {
	float: left;
	opacity: 0.5;
	margin: 0 -1px -1px 0;
	border: 1px solid #616a73;
	border: 1px solid rgba(255,255,255,0.5); 
}

.frontpage-clients a:hover {
	opacity: 1;
	border: 1px solid #FFF;
	background-color: rgba(255,255,255,0.05);
}

.frontpage-teaser { line-height: 0; }
.frontpage-teaser img { 
	display: block; 
	line-height: 0;
}


/* Responsive 
----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	/* Layout */
	.margin-l-40 { margin-left: 0; }


}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

	/* Layout */
	#block-bottom-b .width33 { width: 100%; }

	.frontpage-features img {
		float: none;
		margin: auto auto 15px;
	}

	.frontpage-check.width50 { width: 100%; }
	

}