body{margin:0; padding:0; background-color:#222d1d; margin-bottom:20px;}
a{color: #82a877;}
.outer-container{display:block; margin:0 auto; width:1100px;}
.clear{clear:both; margin:0; padding:0; line-height:0; list-style-type:none; font-size:0;}
.logo{display:block; padding:44px 25px 18px; text-align:center;}
.main-menu{display:block; width:100%; background:url(../images/menu-over.jpg) repeat-x top;}
.main-menu ul{text-align:center; width:100%;}
.main-menu ul li{display:inline-block; float:none; background:url(../images/border-img.jpg) no-repeat right; margin-right: -4px;}
.main-menu ul li:last-child{background:none;}
.main-menu ul ul li{display:block; text-align:left; background:none; margin:0;}
.main-menu ul li a{font:1.05em; color:#ddd; padding:10px 20px; text-transform:uppercase;}
.main-menu ul ul li a{text-transform:none; padding-right:0;}
.contant-container{display:block; background-color:#fff; padding:0 40px 30px;overflow: hidden;}
.breadcrumb-outer{border-bottom:1px solid #cccccc;}
.breadcrumb li{color:#666; font-family: Arial,Helvetica,sans-serif;}
.breadcrumb a{color:#999; text-decoration:underline; font-family: Arial,Helvetica,sans-serif; font-size: 0.75em;}
.languages{display:block; text-align:right; font-family: Arial,Helvetica,sans-serif; font-size: 1em; padding-top:8px; color:#506d83;}
.languages a{text-decoration:none; color:#506d83;}
.languages a:hover{color:#27465e;}
.news-outer{display:block; padding:15px 0 10px;}
h1{color:#82a877; margin:0; padding:15px 0; font-family: Arial,Helvetica,sans-serif; font-size: 30px; font-weight: 100; line-height: 1.1em; text-transform:uppercase;}
.news-container{display:block; float:left; width:100%; padding-right:3%;}
.news-2{padding-right:3%; padding-left:0%;}
.news-3{padding-right:0%; padding-left:3%;}
.news-4{padding-right:0%; padding-left:3%;}
.news-img{display:block; text-align:center; padding-bottom:15px; min-height:165px;}
.news-img img{width:100%;}
.news-date {background:url(../images/calendar.png) no-repeat left; font:12px Helvetica, Arial, sans-serif; padding-left:18px;}
.news-head{display:block; min-height:60px; padding-bottom:10px; padding-top:5px;}
.news-head h3{color: #82a877; font-family: Arial,Helvetica,sans-serif; font-weight: 400; font-size: 1.5em; line-height: 1em; margin:0; padding:0;}
.news-head h3 a{color: #82a877;}
.news-tags{display:block; margin: 0 2px; padding-left: 16px; background: url(../images/tag.png) no-repeat left 5px; padding-left:18px; color: #999; font-family: Georgia,Times,serif; font-size: 0.95em; font-style: italic; padding-bottom:10px;}
.news-content{font:12px/19px Helvetica, Arial, sans-serif; color:#666; padding-bottom:10px;}
.more-link a{color: #82a877; font:12px Helvetica, Arial, sans-serif;}
a.button{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0 #eee; border-color: #ccc #aaa #aaa #ccc;border-image: none;border-radius: 3px; border-right: 1px solid #aaa; border-style: solid; border-width: 1px; color: #444; cursor: pointer; display: inline-block; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 11px; font-weight: bold; line-height: 21px; padding: 4px 12px; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, 0.75);}
.buttons-outer{display:block; padding-top:15px; text-align:right;}
p{font:13px/22px Helvetica, Arial, sans-serif; color:#666;}
.footer-contaner{display:block; background-color:#444; border-top: 2px solid #333; clear: both; color: #ddd; font-size: 12px; margin: 0; padding:5px 3.8%; text-shadow: 1px 1px 3px #111;}
.copyright{padding-top:13px;}
.youtube{text-align:right;}


.alignleft{ float: left; padding: 10px; }

.alignright{ float: right; padding: 10px; }
 


@media screen and (min-width:240px) and (max-width: 1110px){
  
  .outer-container{width:97%;}
  .banner-img img{width:100%;}
  
}

@media screen and (min-width:240px) and (max-width: 1024px){
	
	.nav > li{padding-right:0;}
	
}

@media screen and (min-width:240px) and (max-width: 1010px){
  .news-container{padding-bottom:30px; padding-left:0; padding-right:0;}
  
  
  
}
@media screen and (min-width:240px) and (max-width:991px){
	
}

@media screen and (min-width:240px) and (max-width: 900px){
	
	.main-menu ul li a{padding:10px 8px; font-size:1em;}
	
}
@media screen and (min-width:240px) and (max-width: 863px){
	
	
}

@media screen and (min-width:240px) and (max-width:725px) {
	.main-menu ul li{display:block; background:none;}
	.navbar-nav .open .dropdown-menu{background-color:#0d0f08;}
	.main-menu ul ul li{text-align:center;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#ccc;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color:#fff;}
	
}

@media screen and (min-width:240px) and (max-width: 785px){
	
	.languages{text-align:center; padding-bottom:5px; padding-top:0;}
	ol.breadcrumb{text-align:center; padding-bottom:5px;}
	.logo{padding-top:20px;}
	
}

@media screen and (min-width:240px) and (max-width: 768px){
	
	
	
	
	
}

@media screen and (min-width:240px) and (max-width:725px) {
	
	
	
}

@media screen and (min-width:240px) and (max-width: 640px) {
	
	
	
}

@media screen and (min-width:240px) and (max-width:540px) {
	
	.news-container{width:100%; padding:0; margin-bottom:30px;}
	.logo{text-align:center; padding-top:20px;}
	.logo img{width:85%;}
	.copyright{padding-top:0px; text-align:center;}
	.youtube{text-align:center;}
	.contant-container{padding:0 20px;}
	
}
@media screen and (min-width:240px) and (max-width:460px) {
	
	
	
	
}
@media screen and (min-width:240px) and (max-width: 360px) {
	
	
	
}
		
@media only screen and ( max-width: 40em ) /* 640 */{
    
	
}

.breadcrumb a {
	text-transform: uppercase;
}
@media screen and (max-width: 480px){
	
	.col-lg-3 {
		width: 100%;
	}	
	.event .eCol1 {
		min-width: 70px;
	}
	
}
@media screen and (min-width:481px) and (max-width: 767px){
	
	.col-lg-3 {
		padding-right: 0;
		width: 48.5%;
	}
	.news-outer .col-lg-3:nth-child(2n) {
		clear: both;
	}
	.news-outer .col-lg-3:nth-child(2n+1) {
		float: right;
	}
	.col-lg-3 {
		margin-left: 0%;
		width: 48%;
	}
	.event .eCol1 {
		min-width: 120px;
	}
	
	
}

@media screen and (min-width:768px) and (max-width: 955px){
	
	
	.event .eCol1 {
		min-width: 200px;
	}
	
	
	
	
}
@media screen and (min-width: 956px){
	
	.news-outer .col-lg-3:nth-child(2n) {
		clear: none;
	}
	.col-lg-3 {
		width: 23.2%;
		padding: 0;
	}
	.news-1 {
		margin-left: 0%;
	}
	.event .eCol1 {
		min-width: 250px;
	}
	
	
}
@media screen and (min-width: 1020px){
	
	.event {
		
	}
	
}
@media screen and (max-width: 1020px){
	
	.event {
		width: 100%;
	}
	
}
.event .eCol1 {
    display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.event .eCol2 {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    width: 100%;
}
#pferd-einzelansicht img.hauptbild {
	display: block;
	width: 95%;
	max-width: 100%;
	border: 1px solid #000;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
@media screen and (max-width: 768px){
	#pferd-einzelansicht img.hauptbild {
		width: 100%;
	}	
}
#pferd-einzelansicht table.basisdaten {
    border-collapse: collapse;
    margin:10px 0 0 0;
}
#pferd-einzelansicht img {
    margin: 10px 0 0;
	max-width: 100%;
}
.event {
    background: none repeat scroll 0 0 #eaeaea;
    border: 1px solid #bbb;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 10px;
}
#pferd-einzelansicht table.basisdaten tr.even {
    background: none repeat scroll 0 0 #e0e0e0;
}

#pferd-einzelansicht table.basisdaten td.label {
    color: #7d7d7d;
    display: table-cell;
    font-size: 100%;
    font-weight: bold;
    width: 120px;
}
#pferd-einzelansicht table.basisdaten td {
    border: 1px solid #bbb;
    padding: 4px;
}
table.pedigree2 {
    border-collapse: collapse;
    margin: -1px -11px -1px 11px;
    width: 100%;
}
table.pedigree2 tr td {
    border: 1px solid #bbb;
    padding: 5px;
    text-align: center;
}
h2 {
    color: #8b8b8b;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#pferd-einzelansicht {
    margin: 0;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

#pferde-boxen-container {
    padding: 0;
    text-align: center;
    width: 100%;
}
#pferde-boxen-container a.pferde-box {
    border: 1px solid #000;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    display: inline-block;
    height: 180px;
    margin: 0 15px 10px;
    overflow: hidden;
    position: relative;
    width:100%;
    max-width: 280px;
    background: #212C1C;
}
@media screen and (max-width: 500px){
	#pferde-boxen-container a.pferde-box {
		margin: 15px 0px;
	}	
}
#pferde-boxen-container a.pferde-box h2.pferd {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
    bottom: -5px;
    color: #fff !important;
    display: block;
    font-size: 25px !important;
    letter-spacing: 2px;
    font-weight: 100 !important;
    overflow: hidden !important;
    padding: 8px 15px !important;
    position: absolute;
    right: 0;
    z-index: 2 !important;
    text-shadow: 0 0 5px #000;
}

#pferde-boxen-container a.pferde-box h2.sold {
    background: rgba(99%, 0%, 0%, 0.6) !important;
    top: 15px;
    color: #fff !important;
    display: block;
    font-size: 18px !important;
    letter-spacing: 2px;
    font-weight: bold !important;
    overflow: hidden !important;
    padding: 5px 12px !important;
    position: absolute;
    left: 0;
    z-index: 2 !important;
    text-shadow: 0 0 5px #000;
}