@CHARSET "UTF-8";
/***
	All Header Styles
	
	- Top bar
	- Logo bar
	- Nav bar
	- Search box
	- Login panel
	- Profil panel
***/

/* — Login-Panel — */
#login-panel input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #cccccc;
}
#login-panel input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #cccccc;
   opacity:  1;
}
#login-panel input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #cccccc;
   opacity:  1;
}
#login-panel input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #cccccc;
}
#login-panel input { padding: .8em 1em; color: #000000; }


#login-panel .pure-form fieldset {
	padding-bottom:0;
}

#login-panel a {
	color: #0067ac;
	text-decoration:none;
}

#login-panel a:hover {
	text-decoration:underline;
}

#login-panel #login-btn, #profil-panel #login-btn {
	padding: 0.5em 1em;
	float: right;
}

#login-panel .btnBar {
	margin-top: 25px;
	text-align:right;
}

#login-panel .btnBar #stayLoggedIn {
	float:left;
	color: #0067ac;
	margin-top: 4px;
}

#login-panel .btnBar #stayLoggedIn span {
	margin-top:3px;
}

#login-panel .btnBar .icon {
	margin-right: 2px;
	font-size:20px;
	cursor: pointer;
}

#login-panel #remember-login {
	color:#777;
	display: inline-block;
	margin-top: 4px;
	cursor:pointer;
}

#login-panel #remember-login:hover {
	color: #0067ac;
}

#login-panel #remember-login .icon {
	font-size: 1.4em;
	color: #0067ac;
}

#login-panel .msg {
	white-space: normal;
	border-left: 2px solid #dd3d36;
	color: #333333;
	padding-left: 8px;
	line-height: 1.5;
}

#login-panel .msg a {
	color:#333333;
}

#login-panel .loader {
	padding: .5em 0.6em;
	color: #0067ac;
}

#login-panel:hover #anmeldung {
    padding: 12px 12px;
    height: auto;
    opacity: 1;
    border: 1px solid #eeeeee;
}



/* — Profil Panel — */
#profil-panel {
	margin-left:-186px;
}

#profil-panel h4 {
	font-size:1.3em;
	font-weight:normal;
	margin-top:0;
	margin-bottom:4px;
	color: #848585;
}

#profil-panel a.upgrade-link {
	font-size:0.9em;
}

#profil-panel ul {
	margin-top: 15px;
}

#profil-panel ul li {
	padding: 8px;
	padding-left:0;
	font-size:1.2em;
	border-bottom:1px solid #eeeeee;
}

#profil-panel ul li:nth-child(1) {
	border-top:1px solid #eeeeee;
}


#topbar {background-color:white; border-bottom: 1px solid #e4e4e4;padding-left:5px;padding-top:10px;padding-bottom:5px;}
    #topbar .pure-menu {display:inline-block;width:auto;}
    #topbar .pure-menu a.pure-menu-link {padding:.5em 0.6em;position:relative; color:#777777;}
    #topbar .pure-menu li.pure-menu-selected a.pure-menu-link {background-color:transparent;color:#06a;}
    
    #topbar a:hover {color:#1a3c6a;background-color:transparent;}
    #topbar #login-panel {float:right;}
    #topbar #login-panel .pure-menu-list .pure-menu-item a.pure-menu-link {color:#06a;}
    #topbar a#profil-btn {position:relative;display:block;top:3px;}
    #topbar a#profil-btn i {font-size: 1.6em;margin-left: 3px;margin-top: -3px;}
    #topbar #abo-links {margin-left:15px;}
	#topbar .pure-menu-selected a.pure-menu-link:after {content:"";display:block;width:0;border:5px solid #e4e4e4;border-color:#cccccc transparent transparent transparent;position:absolute;top:100%;left:50%;margin-left:-5px;margin-top:5px;}
	
#logobar {
	background-color:white;
	min-height: 120px;
}
  #logobar .logo {margin-left: 9px;margin-top:23px;max-height:70px; float:left;}
  #logobar .logo-shop { margin-top:30px; }
  #logobar .logo-heuer { max-height:100px; margin-top:18px; }
  #logobar .counter-panel { position:relative; }
  #logobar .counter-panel .sponsored-by { color: #ccb189;margin-top: 5px;text-align: center; height: 17px;}
  #logobar .counter-panel .counter-tooltips { height:15px; text-align:center; padding:1px; position:absolute; margin-top:-26px; width: 100%; }
  #logobar .counter-panel .counter-tooltip { display:block; color: #ccb189; border: 1px solid #ccb189; border-radius: 3px; background-color:white; padding:3px;}
  #logobar .counter-panel {float:right; margin-right: 10px;}
  #logobar .counter-panel .counter {display:inline-block;text-align:center;color:#666666;margin-left:14px;width: 70px; vertical-align:top; cursor:pointer; }
  #logobar .counter-panel .counter:hover .counter-tooltip {display:block;}
  #logobar .counter-panel .counter a { color: #666666; }
  #logobar .counter-panel .counter a:hover, #logobar .counter-panel .counter a:hover span { color: #0067ac; }
  #logobar .counter-panel .counter .counter-value {display:block;font-size:2em;margin-bottom:3px;height:46px;}
  #logobar .counter-panel .counter .counter-value span {display:inline-block;padding-top: 7px;padding-bottom: 5px;}
  #logobar .counter-panel .counter .counter-value i {display:inline-block;margin-left:-6px;font-size:1.7em;}
  #logobar .counter-panel .counter .counter-value i.ion-ios-checkmark-empty { margin-left:0;}
  #logobar .counter-panel .counter .counter-name {display:block;font-size:0.9em;color:#a8a8a8;margin-top:2px;}
  #logobar .counter-panel .counter-links {display:inline-block; font-size:0.8em; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding-left:15px; padding-right:15px; margin-left:10px; margin-right:10px;}
  #logobar .counter-panel .counter-links ul {margin:0;padding:0;padding:5px;}
  #logobar .counter-panel .counter-links li {padding-top:5px;padding-bottom:5px;}
  #logobar .counter-panel .counter-links a {color:#173c66;font-size:1.1em;}
  #logobar .counter-panel .counter-cart {display:inline-block;margin-top:5px;vertical-align:top;}
  #logobar .counter-panel .counter-cart .cart {height:55px;vertical-align:middle;}



/* — Navbar Panel — */
#navbar {
  background-color: #1a3c6a;
  height: 40px;
  box-shadow: 0 2px 10px 0 rgba(148, 148, 148, 0.4);
  z-index:1000;
}
	.env_STAGING {
		background-image: url('/backend/commons/images/staging.png');
	}

	.env_LOCAL {
		background-image: url('/backend/commons/images/dev.png');
	}
	
	.env_SPRINT {
		background-image: url('/backend/commons/images/sprint.png');
	}

#navbar nav {height:40px;display:inline-block;}
  #navbar ul {padding:0;margin:0;display:inline-block;}

#navbar .pure-u-1 {
	background-color: #1a3c6a;
}

/*Main menu*/
#navbar .main-menu li.main-menu-item {
	display: inline-block;
	height: 42px;
	margin-left: -4px;
	position: relative;
}
#navbar .main-menu li.main-menu-item:first-child {
	margin-left:0;
}

#navbar .main-menu li.main-menu-item:hover .sub-menu {
	display: block;
}

#navbar .main-menu a.main-menu-link {display:block;color:white;text-decoration: none;vertical-align: middle;margin-top:5px;padding:.6em .85em;text-transform:uppercase;}
  #navbar .main-menu a.main-menu-link:hover {background-color:#3a66a7;color:white;}
  
  /*Sub menu*/
  .menu-box {background-color:white; -webkit-box-shadow: 0px 2px 10px 0px rgba(148,148,148,0.4);-moz-box-shadow: 0px 2px 10px 0px rgba(148,148,148,0.4);box-shadow: 0px 2px 10px 0px rgba(148,148,148,0.4); z-index:999;}
  #navbar .sub-menu { position: absolute; width: 200px; display: none; margin-top: 3px; padding: 5px; }
  #navbar .sub-menu li {padding-left:0;border-bottom:1px solid #ececec;padding-left:10px;}
  #navbar .sub-menu li:last-child {border-bottom:0;}
  #navbar .sub-menu li:hover {background-color:#f3f3f3;}
  #navbar .sub-menu a.sub-menu-link {display: block;padding:.8em 0;color:#0067ac;text-decoration: none;font-weight:400;}
  #navbar .sub-menu a.sub-menu-link i { position: absolute; right:11px; margin-top:2px; }
  #navbar .sub-menu a.sub-menu-link:hover {background-color:transparent;}
  #navbar .sub-menu li:hover .sub-sub-menu{display:block;}

/* Sub Sub Menu */
#navbar .sub-sub-menu { position: absolute; margin-top: -37px; width: 200px; margin-left: 190px; display: none; background-color: white; }

#navbar form {float:right; margin-top:5px;}
  #navbar input[placeholder] {color: white;}
  #navbar input {background-color: #35507b;height: 30px;border: 0;border-radius: 0;padding: 10px; padding-top:0px; padding-bottom:0px;/*font-size: 1.0em;*/ color:white;box-shadow:none;}
  #navbar input:focus {background-color:#3a66a7;}
  #navbar .pure-button {background-color: #35507b;border: 0 none;border-radius: 0;/*font-size: 1.3em;*/height: 30px;padding-left: 10px;padding-right: 10px;padding-top: 7px;vertical-align: middle;color:white;}
  
/* — Searchbox — */
  #search-box {display:inline-block; float:right;}
  #search-box .pure-button {padding-top:3px; margin-left: -1px;}
  #search-box .pure-button:hover { background-color: #3a66a7; }
  #search-box .pure-button i.ion-ios-search {font-size:1.8em;}

/* Make placeholder white as in design */
  #search-box ::-webkit-input-placeholder { /* WebKit browsers */color:    #efefef;}
  #search-box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #efefef;opacity:  1;}
  #search-box ::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #efefef; opacity:  1;}
  #search-box :-ms-input-placeholder { /* Internet Explorer 10+ */color:   #efefef;}
  
#globalMessages {

}

#globalMessages .msg {
	padding: 5px;
	border-radius: 3px;
	padding-left: 10px;
	margin-left: 5px;
}

#globalMessages .msg i {
	font-size:1.4em;
	margin-right:5px;
}