.navbar-default {
	background-image: none;
    background-color: #021e42;
    border-color: #000044;
	}

/* bootstrap navbar link */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited{
    color: #6f9ecf;
	}

/* bootstrap navbar selected entry */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #6f9ecf;
    //background-color: #600000;
	}

.navbar-default .navbar-nav > li > a:hover{
	color: #d0d0ff;
	}

html, body{
	background-color: #6f9ecf;
	height: 100%;
	}
	
#maincontainer{
	background-color: white;
	min-height: 100%;
	padding-top: 60px;
	}
	
#logo{
	height: 36px;
	}
	
#brand{
	margin-top:0;
	padding-top:7px;
	}


/* fix for Bootstrap 3 fluid layout search box */
.navbar-form .input-group {
    display: table;
	}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
    white-space: nowrap;
    width: 1%;
	}
.navbar-form .input-group .form-control {
    width: 100%;
	}

#breadcrumblogo{
	height:24px;
	}
	
#LoginButton{
	width:100%;
	}
	
#LoginButtonGroup{
	width:100%;
	}
	
#LoginButtonGroup > a{
	width:50%;
	}
	
.articlegallerylink{
	height: 100%;
	display: block;
	}
	
.articlegallerytile{
	height:100%;
	padding:0;
	margin:0;
	}

.articlegallerytile{
	color: black;
	}
	
.articlecategoryname{
	font-weight: bold;
	margin-top: 10px;
	}
	
.articlegallerycol{
	margin-bottom: 20px;
	}

.articlegallerycol > .well{
	height: 100%;
	}

.articlegalleryimage{
	width: 100% !important;
	height: auto !important;
	}
	
.articlelistimage{
	width: 100px;
	height: auto;
	}
	
.articlegalleryemptypicture{
	width: 100% !important;
	min-height: 120px !important;
	line-height: 120px;
	font-size: 40px;
	color: grey;
	background-color: silver;
	}
	
.articleshoppingcartemptypicture{
	width: 100% !important;
	min-height: 96px !important;
	line-height: 96px;
	font-size: 40px;
	color: grey;
	background-color: silver;
	text-align: center;
	}
	
.articlelistemptypicture{
	min-height: 100px !important;
	min-width: 100px !important;
	line-height: 120px;
	font-size: 40px;
	color: grey;
	background-color: silver;
	text-align: center;
	}
	
.articledetailsemptypicture{
	width: 100% !important;
	min-height: 500px !important;
	line-height: 480px;
	font-size: 240px;
	color: grey;
	background-color: silver;
	text-align: center;
	}
	
.newspanel {
	border-color: #6f9ecf;
	}
	
.newspanel > .panel-heading {
    background: #6f9ecf;
    border-color: #6f9ecf;
	}
	
.newstext{	
	}
	
.articlegallerypanel{
	}
	
.articlegallerypanel > .panel-heading{
	font-weight: bold;
	font-size:120%;
	}
	
.newsarchivelink a{
	font-size: 10pt;
	color: white;
	}
	
.options-panel{
	margin-bottom: 10px;
	}
	
.shoppingbuttons{
	padding-top:20px;
	}

/*
.navbar-static-bottom {
  @extend .navbar-fixed-bottom;
  position: relative;
  border-width: 1px 1px 0;
}
*/

.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
	
/* flexbox */	
.row-eq-height {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	flex-wrap: wrap;
	}

.eq-height-col {
	display: flex;
  	flex-direction: column;
  	margin-bottom: 20px;
	}
	
.articlelistrow{
    margin-bottom: 20px;
	}
	
.articlelistshoppingbuttons{
	width: 120px;
	text-align:right;
	}
	
.clickable-row:hover{
	color: #6f9ecf;
	cursor: pointer;
	}
	
.subcategories{
	margin-bottom: 10px;
	}

.shoppingcartrowsum{
	text-align:right;
	}
	
#shoppingcarttableform{
	padding-bottom: 20px;
	}
	
h3{
	margin-top:8px;
	}
	
#bestellzeichengruppe{
	border: 1px solid red;
	}
	
.card{
	margin-bottom: 20px;
	}
	
.card > .panel{
	height: 100%;
	padding-bottom: 0;
	}
	
.card > .panel > .panel-body{
	height: 100%;
	}
	
.addresseditbutton{
	position: absolute; 
	bottom: 20px; 
	right: 36px;
	}
	
div#CollapseableCategories.collapse[aria-expanded="false"]{
    display: block;
    height: 138px !important;
    overflow: hidden;
	}

#CollapseableCategories .list-group-item:hover{
	background-color:#f0f0ff;
	text-underline: none;
	}
	
.expand_caret {
    transform: scale(1.6);
    margin-left: 8px;
    margin-top: -4px;
	}
	
a[aria-expanded='false'] > .expand_caret {
    transform: scale(1.6) rotate(-90deg);
	}
	
@media only screen and (min-width : 481px) {
   .flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
	 margin-bottom:24px;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
  .flex-panel{
  	height:100%;
  	margin-bottom:0;
  	}
}