@font-face { font-family: Microgramma D OT;
	src: url('../fonts/Microgramma-D-OT-Medium-Extended.ttf') format('truetype');
}

@font-face {
	font-family: 'Microgramma D OT';
	src: url('../fonts/Microgramma-D-OT-Medium-Extended.eot'),
	url('../fonts/Microgramma-D-OT-Medium-Extended.woff') format('woff'), 
	url('../fonts/Microgramma-D-OT-Medium-Extended.ttf') format('truetype'), 
	url('../fonts/Microgramma-D-OT-Medium-Extended.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

body{
	padding-bottom: 30px;
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 15px;    
}

h1, h2, h3, h4{
	font-family: Microgramma D OT, arial;
	letter-spacing: 1px;
}

h1{
	color: #FFB800;
	font-size: 24px;
}

h2, .product .title, .product .subtitle, .warenkorb-overview .product-title, .warenkorb-overview .product-subtitle{
	color: #00A513;
	font-size: 18px;    
	margin-bottom: 5px;
}

hr {
    border-top: 2px solid #7AD085;
}

a {
	color: #FF8500;
	text-decoration: none;
}

a:focus, a:hover {
	color: #33b642;
	text-decoration: none;
	/*-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-o-opacity: 0.8;
	opacity: 0.8;*/
}

.bold{
	font-weight: 600;
}

.header {
	height: 190px;
	background: url(../img/corn-bg.jpg) repeat-x bottom;
	border-bottom: 3px solid #EFA82C;
	margin-bottom: 20px;
	position: relative;
}

.logo-img{
	background: rgba(255, 255, 255, .75);
	height: 80px;
    margin-top: 0px;    
		margin-bottom: 35px;
}

.product{
	border: 2px solid #D8E0DF;
	margin-bottom: 30px;
	background: white;
}

.product-edit{
	text-align: right;
}

.img-container img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}

.img-container {
	text-align: center;
	padding: 10px;
	height: 100px;
	width: 100px;
	border: 2px solid #D8E0DF;
  background: #F1F1F2;
}

.product .img-container {
	text-align: center;
	padding: 10px;
	height: 150px;
	width: auto;
	border: 0;
	border-bottom: 2px solid #D8E0DF;
  background: #F1F1F2;
}

.product .product-img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;	
}

.product .title, .product .subtitle, .product .description, .product .price{
	padding: 0 10px;
	/*padding-top: 10px;*/
}

.product .info{
	margin-top: 10px;
	background: #1E8DA2;
}

.product .price{
	display: block;
	padding: 6px 10px;
	color: white;
}


.form-control, .btn, select, textarea {
	border-radius: 0;
}

.btn {
	border: 0;
}

.checkingbox {
	width: 30px;
	height: 30px;
	background: #E2E2E2;
	float: left;
	margin: -5px 10px 15px 0;
}
 
.active .checkingbox,  .checkingbox.active {
	background: url(../img/filter_active.png) no-repeat;
}

.sorting-control{
	cursor: pointer;
}

.sorting-control.active{
	color: #EFA82C;
}

.btn{
	font-family: Microgramma D OT, arial;
	font-weight: 600;
	letter-spacing: 1px;
}

.btn-xs, .btn-sm{
	font-family: 'Open Sans', Helvetica Neue", Helvetica, Arial;
  letter-spacing: initial;
}

.btn-primary {
	color: #fff;
	background-color: #EA9800;
	border-color: #D48A00;
}

.btn-default {
    color: #00A513;
    background-color: #E8ECEB;
}

.btn-inverse {
    background: #00a513;
    color: #fff;
    margin: 20px 0 0 0;
    font-size: 16px;
    padding: 5px 20px;
}
.btn-inverse:hover, .btn-inverse:active {color: white;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #FFB800;
	border-color: #CE8D16;
}




.form-row, .btn-row > div{
	margin-bottom: 10px;
}

label{
	font-weight: normal;
	color: #9E9E9E;
}

.inline-block{
	display: inline-block;
}

.inline{
	display: inline;
}

.block{
	display: block;
}

th {
	font-weight: normal;
	color: #9E9E9E;
}

.sorten-table th{
	vertical-align: bottom !important;
}

.sorten-table td{
	vertical-align: middle !important;
}

.sorten-table .checkingbox{
	margin: 0;
	display: inline-block;
}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
  /*background-color: #f9a533;*/
}

.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
    /*background-color: #FBB75B;*/
}

.favorite-add {
    color: grey;
		cursor: pointer;
}

tr.active > td > .favorite-add {
    color: #EFA82C;
}


.modal-content, .alert {
  border-radius: 0;
}

.danger{
	background: #dc381c;
	color: white;
}

.siloreifezahl{
	background: #ffc933;
	color: #333;
}

.koernerreifezahl{
	background: #669acc;
	color: #333;
}

.s-k-reifezahl{
	background: #ff8712;
	color: #333;
}

.badge.siloreifezahl{
	border: 1px solid #E0B12D;
}
 
.badge.koernerreifezahl{
	 border: 1px solid #4C749A;
}
 
.badge.s-k-reifezahl{
	 border: 1px solid #C16810;
}

.badge{
	border-radius: 0;
  font-weight: normal;
}

.modal-backdrop {
  background-color: #FFF;
}

.modal-backdrop.in {
  opacity: 0.6;
}

.pagination>li>a, .pagination>li>span {
    color: #525252;
}

.align-right{
	text-align: right;
}

.align-left{
	text-align: left;
}

.align-center{
	text-align: center;
}

.modal-content {
    border: 0;
}

.table-pointer td{
	cursor: pointer;
}

@media (min-width: 768px){
	.modal-content {
			-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);
			box-shadow: 0 5px 15px rgba(0,0,0,.3);
	}
}

.table-striped.table-siloreifezahl>tbody>tr:nth-of-type(odd) {
    background-color: #FFC933;
}

.table-striped.table-koernerreifezahl>tbody>tr:nth-of-type(odd) {
    background-color: #669ACC;
}

.table-striped.table-biogas > tbody > tr:nth-of-type(odd) {
    background-color: #dbdb4d;
}

.table-striped.table-allgemeinebeschreibung > tbody > tr:nth-of-type(odd) {
    background-color: #ffab55;
}

.table-siloreifezahl .year-cell, .table-siloreifezahl .table-koernerreifezahl .table-biogas .table-allgemeinebeschreibung .details-cell {
    text-align: center;
}
table .year-cell.align-right { text-align:right;}
.table-striped > tbody > tr:first-child {
    /* background: transparent !important;*/
}

.table>thead>tr>th{
	/*border-top: 0;*/
}

.content-edit{
	min-height: 100px;
	height: auto;
}


.content img{
	max-width: 100%;
	height: auto;
}

*[data-toggle], *[data-dismiss]{
	cursor: pointer;
}

.firefox .logo{
	/*position: absolute; */
}

.temp-visible{
	display: block;
	visibility: hidden;
}

.navbar {
	position: relative;
	z-index: 100;
	margin-bottom: 10px;
}

.login h2{	
	font-weight: 600;
}

.login *{
	color: white;
}

.login{	
	position: relative;
	z-index: 10;
}

.login a:focus, .login a:hover {
    color: #717171;
}

.outline-box{
	border: 3px solid #d7e0df;
	display: block;
	overflow: hidden;
	color: #353526;
	margin-bottom: 20px;
}

.outline-box a {
  color: #353526;
}

.outline-box a:hover {
  color: #33b642;
}



.outline-box.azure{
	border-color: #78bac6;
}

.outline-box.azure *{
	color: #1f8ea2;
}

.outline-box.blue{
	border-color: #6683a1;
}

.outline-box.blue *{
	color: #003263;
}

.outline-box.orange{
	border-color: #ffb667;
}

.outline-box.orange *{
	color: #EFA82C;
}

.outline-box img {
	/*margin-left: 10px;*/
}

.folgeseite .promobutton.outline-box h2 {
	font-size: 14px;
}

.folgeseite .promobutton.outline-box {
	font-size: 12px;
}

.categories a {
	text-decoration: underline;
}

.bg-orange{
	background: #EFA82C;
	color: white;
}

.bg-orange *{
	color: white;
}


.padding-10, .padding-15, .padding-x-10, .padding-x-15, .padding-y-10, .padding-y-15{
	display: block;
}

.padding-10{
	padding: 10px;
}

.padding-x-10{
	padding-left: 10px;
	padding-right: 10px;
}

.padding-y-10{
	padding-top: 10px;
	padding-bottom: 10px;
}

.padding-15{
	padding: 15px;
}

.padding-x-15{
	padding-left: 15px;
	padding-right: 15px;
}

.padding-y-15{
	padding-top: 15px;
	padding-bottom: 15px;
}

.padding-10 h2:first-child, .padding-15 h2:first-child{
	margin-top: 0;
}

.margin-top-10, .margin-top-15, .margin-top-20, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-left-10, .margin-left-15, .margin-left-20, .margin-right-10, .margin-right-15, .margin-right-20{
	display: block;
	overflow: hidden;
}

.margin-top-10{
	margin-top: 10px;
}

.margin-top-15{
	margin-top: 15px;
}

.margin-top-20{
	margin-top: 20px;
}

.margin-bottom-10{
	margin-bottom: 10px;
}

.margin-bottom-15{
	margin-bottom: 15px;
}

.margin-bottom-20{
	margin-bottom: 20px;
}

.margin-left-10{
	margin-left: 10px;
}

.margin-left-15{
	margin-left: 15px;
}

.margin-left-20{
	margin-left: 20px;
}

.margin-right-10{
	margin-right: 10px;
}

.margin-right-15{
	margin-right: 15px;
}

.margin-right-20{
	margin-right: 20px;
}


.margin-10, .margin-15, .margin-x-10, .margin-x-15, .margin-y-10, .margin-y-15, .margin-left-10, .margin-left-15, .margin-right-10, .margin-right-15{
	display: block;
}

.margin-10{
	margin: 10px;
}

.margin-x-10{
	margin-left: 10px;
	margin-right: 10px;
}

.margin-y-10{
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin-15{
	margin: 15px;
}

.margin-x-15{
	margin-left: 15px;
	margin-right: 15px;
}

.margin-y-15{
	margin-top: 15px;
	margin-bottom: 15px;
}

.news-row{
	background: #e8eceb;
	margin-bottom: 3px;
	color: #353526;
	display: block;
	font-size: 13px;
}

.news-row:hover {
    background-color: #F5F5F5;
}

.panel-group {
    border-bottom: 3px solid #d7e0df;
}

.panel-group .panel+.panel {
     margin-top: 0px; 
}

.panel-group .panel, .panel-heading  {
    border-radius: 0;
}


.panel {
    border: 3px solid #d7e0df;
    border-bottom: 0;
}

.panel-default>.panel-heading {
    padding: 0;
		background: transparent;
}

.panel-title a {
    display: block;
		padding: 10px 15px;
		color: #ECAC02;
		background: transparent;
}

.panel-title a.collapsed {
		color: #00A513;
}


.panel-title a::before {
    content: "\2212";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
}

.panel-title a.collapsed::before {
    content: "\002b";
}


.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    padding: 15px 30px;
		border-top: 3px solid #d7e0df;
}

.footer{
	padding: 50px 0 10px;
}

.footer * {
  color: #2F2F2F;
}

.social-links img {
	width: 25px;
	height: auto;
}

.navbar-default hr {
    margin: 10px 0;
}

.login {
		background: #EFA82C;
		height: 190px;
	}
	
	.login input.form-control {
    background: #f6d98b;
		border: 0;
		margin-bottom: 10px;
		color: #FF8500;
	}
		.login#LogoutButtonContainer {
		height: 130px;
    	margin-top: 60px;
	}

	.login#LogoutButtonContainer .my-profile {
		display: inline-block;
		padding: 6px 0;
		cursor: pointer;
	}

	.login#LogoutButtonContainer .my-profile span {
		margin-right: 5px;
	}

	.login#LogoutButtonContainer .my-profile:hover {
		color: #fff;
	}
	
	.login#ForgotPasswordBox {
		height: 180px;
 	   margin-top: 10px;
	}	

	.login#ForgotPasswordBox a {
		display: inline-block;
		padding: 6px 0;
	}

	.login#ForgotPasswordBox input[type="text"] {
		margin-bottom: 13px;
	    margin-top: 0px;
	}

@media screen and (min-width:768px){ 
	.navbar-default {
		background-color: transparent;
		border: 0;
	}
	
	.navbar-collapse{
		padding: 0;
	}
	
	.navbar-nav  {
    margin-top: 5px;
	}
    .dropdown-menu .col-md-3 {
	margin-bottom: 2em;
}
	.dropdown-menu {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	/*.open>.dropdown-menu {
		display:flex;
	}*/
	
	.navbar-nav > li > .dropdown-menu > li {
    float: left;
	}
	
	.navbar-nav>li>.dropdown-menu {
    margin-top: -3px;
    border-radius: 0;
    box-shadow: none;
		border: 3px solid #7ad085;
	}
	
	.navbar-default .navbar-nav>li>a {
    margin: 15px 3px;
    padding: 0 8px;
		margin-right: 0;
		border-right: 3px solid whitesmoke;
		color: #EFA82C;
    font-size: 13px;
    font-weight: bold;
    font-family: Microgramma D OT, arial;
		/*letter-spacing: 1px;*/
	}

	.navbar-default .navbar-nav>li:last-child>a {
		border-right: 0px;
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #33b642;
    background-color: white;
    position: relative;
    z-index: 9999;
    border: 3px solid #7ad085;
    border-bottom: 0;
		margin: 0;		
    padding: 12px 8px;
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #33b642;
	}
	
	.dropdown-menu>li>a {
    color: #EFA82C;
    white-space: inherit;
	}
	
	.dropdown-menu .head-link {
    font-size: 16px;
    font-weight: 600;
	}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #33b642;
    background-color: transparent;
	}	
	.dropdown-menu > li:first-child > .head-link {
		font-size: 19px;
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,
	.dropdown-menu>li>a.selected, .navbar-default .navbar-nav>li>a.dropdown-toggle.selected {
    color: #33b642;
    background-color: transparent;
	}
	
	
	
}

@media screen and (min-width:1200px){ 
	.navbar-default .navbar-nav>li>a {
    font-size: 17px;
	}
	.firefox .navbar-default .navbar-nav>li>a {
    font-size: 16px;
	}
}


@media screen and (max-width:767px){ 
	.navbar {
		position: fixed;
		width: 100%;
		margin-left: -15px;
		top: 0;
	}
	
	.header{
		padding-top: 70px;
	}
	
	.logo{    
	    display: block;
	  	/*text-align: left;
	    position: relative;*/
	    position: absolute;
	    left: 15px;
	    right: 15px;
	    bottom: -75px;
	}

	.logo-img{
		/*max-width: 425px;
		width: 100%;
		height: auto;*/
		height: 80px;
		width: auto;
		margin: 0;
	}
	
	.navbar-default {
    background-color: #EFA82C;
    border: 0;
	}
	
	.navbar-default .navbar-toggle {
    border: 0;
    border-radius: 0;
	}
	
	.navbar-default .navbar-toggle:hover {
    background-color: rgba(255, 255, 255, 0.2);
	}
	
	.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
	}
	
	.navbar-default .navbar-nav>li>a {
    color: #FFF;
	}
	header .nav-width > div:last-child {
		position: fixed;
		width: 100%;
		top: 50px;
		background: rgba(239, 168, 44, 1);
		display: none;
		z-index: 999;
		border-top: 1px solid #fff;
	}

	.login#LogoutButtonContainer,
	.login#ForgotPasswordBox {
		margin-top: 0px;
	}

	.navbar-nav .open .dropdown-menu>li>a {
		padding: 5px 15px 5px 40px;
	    background: #777;
	    position: relative;
	    z-index: 5;
	}

	.navbar-nav .open .dropdown-menu>li>a.head-link  {
		padding: 5px 15px 5px 25px;
		background: #aaa;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	.navbar-nav {
		max-height: 390px;
    	overflow-y: auto;
	}

	.navbar-nav .open .dropdown-menu {
		background: #e1e1e1;
    	padding: 0;
	}

	.navbar-nav .open .dropdown-menu li {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		background: #efa82c;
		color: #fff;
		font-weight: bold;
	}
}

@media screen and (min-width:1200px){ 
	.dropdown-menu .col-md-3 {
		width:25%;
	}
}
@media screen and (max-width:1000px) and (min-width: 768px) { 
	.dropdown-menu .col-md-3 {
		width:33%;
	}
}
@media (min-width: 1000px) {
	.dropdown-menu > .col-md-3:nth-of-type(5n+1) {
		clear: both;
	} 
}

#breadcrumb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
		background: rgba(255, 255, 255, 0.5);		
}

.breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
    font-size: 12px;
}

.breadcrumb a {
    color: #191919;
    text-decoration: none;
    font-weight: bold;
}

.breadcrumb>.active {
    color: #191919;
    font-weight: bold;
}

.breadcrumb>li+li:before {
    color: #191919;    
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
		content: "\e080";
    font-size: 8px;
}

.dropdown-menu>li>a {
    padding: 3px 0px;
}

#toggle-login {
	position: fixed;
	right: 65px;
    top: 8px;
	font-size: 25px;
    color: #fff;
	cursor:pointer;
	text-align:center;
    padding: 5px;
	width: 42px;
}

#toggle-login:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
	
.quicklinks-container .quicklink {
	display: block;
	background: #E8ECEB;
	color: #333;
	padding: 7px 15px;

	-webkit-transition: background 500ms linear, color 200ms linear;
	-moz-transition: background 500ms linear, color 200ms linear;
    -ms-transition: background 500ms linear, color 200ms linear;
    -o-transition: background 500ms linear, color 200ms linear;
    transition: background 500ms linear, color 200ms linear;
}

.quicklinks-container .quicklink:not(:last-child) {
	margin-bottom: 5px;
}

.quicklinks-container .quicklink:hover {
	color: #fff;
	background: #EFA82C;
}

.form-global-search {
	margin-bottom: 50px;
}

.form-global-search input:focus, .form-global-search button:focus {
	box-shadow: none;
	outline: none;
}

.form-global-search input {
	padding: 5px;
	min-width: 250px;
}

.form-global-search button {
	background: #EA9800;
    border: 1px solid #EA9800;
    padding: 6px 10px;
    color: #fff;
    font-weight: bold;
}

.search-results-container {
	margin-top: 15px;
}


.search-result {
	margin-bottom: 30px;
}

.search-result .item-title a {
	display: block;
    padding: 7px;
    font-weight: bold;
    box-shadow: 0px 0px 20px #aaa;
    -moz-box-shadow: 0px 0px 20px #aaa;
    -webkit-box-shadow: 0px 0px 20px #aaa;
    margin-bottom: 10px;
}

.search-result .link-preview {
	color: #00A513;
	margin-bottom: 10px;
}

.search-result .summary b, mark.search-hilite {
    background: #00A513;
    color: #fff;
    padding: 0 2px;
}

.search-toggle {
	position: absolute;
    top: 18px;
    right: -3px;
    font-size: 21px;
    color: #EFA82C;
    cursor: pointer;
}

.global-search-top {
	position: absolute;
    top: 11px;
    right: 30px;
    padding: 5px;
    width: calc(100% - 40px);
    z-index: 100;
    display: none;
    outline: none;
    border: 1px solid #ccc;
}

.global-search-top + button {
	position: absolute;
    top: 15px;
    right: 34px;
    z-index: 110;
    background: #EA9800;
    border: 1px solid #EA9800;
    color: #fff;
    /*padding-top: 3px;*/
    outline: 0;
    display: none;
}

.global-search-top + button .glyphicon {
	padding-top: 3px;
}

.info-maisprog img {
	width: 200px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	float:right;
}

@media (max-width: 991px) and (min-width: 768px) {
	#toggle-login {
		color: #EFA82C;
	    margin-top: 5px;
	    position: absolute;
	    right: 0;
	}

	#LoginWrapper {
		display: none;
		top: 10px;
	}

	.navbar-default .navbar-nav>li>a {
		padding: 0 5px;
		font-size: 13px;
	}
}

@media (min-width: 992px) {
	#LoginWrapper {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
		padding: 0 5px;
		font-size: 13px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.search-toggle {
		right: 65px;
		z-index: 100;
	}

	.global-search-top + button {
		right: 99px;
	}

	.global-search-top {
		right: 95px;
   		width: calc(100% - 100px);
	}
}

@media (max-width: 767px) {
	#toggle-login {
		right: 58px;
	}

	.search-toggle {
		position: fixed;
	    top: 15px;
	    color: #fff;
	    right: 110px;
	    font-size: 22px;
	    z-index: 100;
	}

	.global-search-top {
	    position: fixed;
	    top: 8px;
	    right: 140px;
	    width: calc(100% - 150px);
	}

	.global-search-top + button {
	    position: fixed;
	    top: 12px;
	    right: 145px;
	}
	
	.logo-link img {
			background: rgba(255, 255, 255, .85);
		}
	}
}
/*@media (max-width: 991px) {
	.dropdown-menu>li>a {
		white-space: inherit;
	}
}*/