/* CSS Document */
.cat i {
    margin-top: 20px;
    font-size: 115px;
}
.cat h3 {
    margin-bottom:20px;
}

.item {
	margin-bottom:25px;
}
.item figure {
    position: relative;
    z-index: 5;
}
.item figure,.item figure img {
    width: 100%;
}
.item figure figcaption {
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	padding:4px 6px;
	background:rgba(255,255,255,0.80);
	bottom:0;
	opacity:0;
-webkit-transition:all 400ms ease;
-moz-transition:all 400ms ease;
-o-transition:all 400ms ease;
transition:all 400ms ease;
}
.item:hover figure figcaption {
	opacity:1;
}

footer {
	color: #FFFFFF;
	font-size: 12px;
	padding: 15px 0 10px;
	background-color: #273f12;
	text-align: center;
}
footer a {
	color: #FFFFFF;
}

footer a:hover {
	color: #EBE013;
	text-decoration: none;
}

#section_1 {
	background-color: #FFFFFF;
	background-image: url(../Layout/bg_bottom_content.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom-width: 5px;
	border-bottom-style: ridge;
	border-bottom-color: #487722;
}
#section_2 {
	background-image: url(../Layout/bg_feld_2.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#section_3 {
	background-image: url(../Layout/teich.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
#section_4 {
	background-image: url(../Layout/bg_feld_3.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}





.btn-hof {
  color: #fff;
  background-color: #487722;
  border-color: #487722;
}
.btn-hof:hover {
	color: #fff;
	background-color: #273f12;
	border-color: #487722;
}
.bg_transparent {

}

.vertical-separator {
	display: inline-block;
	width: 2px;
	height: 14px;
	background-color: #fff;
	vertical-align: middle;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0px;
}


.margin_right {
	margin-right: 15px;
}

.bg_hof {
	background-color: #487722;
	
}

.navbar-hof{
	background-color: #273f12;
	border-color: transparent
}.navbar-hof .navbar-brand{color:#ffffff}.navbar-hof .navbar-brand:hover,.navbar-hof .navbar-brand:focus{
	color: #EBE013;
	background-color: transparent
}.navbar-hof .navbar-text{color:#ffffff}.navbar-hof .navbar-nav>li>a{color:#ffffff}.navbar-hof .navbar-nav>li>a:hover,.navbar-hof .navbar-nav>li>a:focus{
	color: #EBE013;
	background-color: transparent
}.navbar-hof .navbar-nav>.active>a,.navbar-hof .navbar-nav>.active>a:hover,.navbar-hof .navbar-nav>.active>a:focus{
	color: #FFFFFF;
	background-color: #487722;
}

.navbar-hof .navbar-nav>.disabled>a,.navbar-hof .navbar-nav>.disabled>a:hover,.navbar-hof .navbar-nav>.disabled>a:focus{color:#cccccc;background-color:transparent}

.navbar-hof .navbar-toggle{
	border-color: #273f12
}.navbar-hof .navbar-toggle:hover,.navbar-hof .navbar-toggle:focus{
	background-color: #273f12
}.navbar-hof .navbar-toggle .icon-bar{background-color:#ffffff}.navbar-hof .navbar-collapse,.navbar-hof .navbar-form{border-color:transparent}.navbar-hof .navbar-nav>.open>a,.navbar-hof .navbar-nav>.open>a:hover,.navbar-hof .navbar-nav>.open>a:focus{
	background-color: #487722;
	color: #E2E2E2
}
.navbar-hof .navbar-nav .open .dropdown-menu>li>a{
	color: #487722;
	
}
.navbar-hof .navbar-nav .open .dropdown-menu>li>a:active{
	background-color: #487722;
	color: #FFF;
}

.navbar-hof .navbar-nav .open .dropdown-menu>li>a:hover{
	background-color: #487722;
	color: #FFF;
}

.dropdown-hof>.active>a:hover, .dropdown-hof>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #fffff;
}


.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #ecf0f1;
}



.inner:before {
	background-color: #487722;
	border-radius: 1px;
	content: "";
	display: block;
	height: 40px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -10001px;
	top: 4px;
	width: 3px;
}
.inner {
	    float: left;
    overflow: visible !important;
    padding-left: 20px;
    position: relative;
	 font-size: 1.2em;
	 line-height:1.13em;
	 color: #484848;
}

th {
	position: relative;
}
.sort-btns {
	position: absolute;
	right: 5px;
	top: 5px;
}
.sort-btns .btn {
		font-size: 12px;
	padding: 2px 8px;
}