@font-face{
	font-family:"Trade Gothic Bold Condensed";
	src:url("/ceemes/Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
	src:url("/ceemes/Fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),
		url("/ceemes/Fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),
		url("/ceemes/Fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),
		url("/ceemes/Fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}

.shortcutbar {
	width: 100%;
	height: 40px;
	position: fixed;
	z-index: 10001;
	display: none;
	font-family: "Trade Gothic Bold Condensed";
	font-size: 18px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
}
.shortcutbar-dummy {
	width: 100%;
	height: 40px;
	z-index: 1001;
	opacity: 0.3;
	display: none;
}
.shortcutbar .inlay{
	width: 100%;
	height: 40px;
	background: #EEEEEE;
	position: absolute;
	top:0;
}
.shortcutbar.white .inlay{
	background: #FFFFFF;
}
.shortcutbar .ki {
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
}
.shortcutbar div.trigger {
	height: 29px;
	display: inline;
	float: left;
	padding-top: 11px;
	position: relative;
	margin-left: 20px;
	cursor: pointer;
	background-repeat: no-repeat no-repeat;
	background-image: url(pfeil_blk.png);
	background-size: 13px;
	background-position: right 16px;
	padding-right: 18px;
}
.shortcutbar div.trigger .line {
	height: 5px;
	position: absolute;
	display: none; 
	bottom: 0;
	left: 0;
	width: 100%;
	padding-right: 7px;
}
.shortcutbar.open div.trigger .line ,
.shortcutbar div.trigger:hover .line {
	display: block;
}
.shortcutbar div.lang {
	float: right;
	height: 23px;
	border: 1px solid rgb(128, 128, 128);
	border-width: 0 0 0 1px;
	padding-top: 8px;
	margin-top: 3px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
}
.shortcutbar div.lang .lang-de,
.shortcutbar div.lang .lang-en {
	cursor: pointer;
}
.shortcutbar .inner div.lang {
	display: none;
}
.shortcutbar div.logo {
	float: right;
	height: 23px;
	padding-top: 10px;
	margin-top: 1px;
	/*padding-left: 31px;*/
	padding-right: 20px;
	/*background-image: url(http://s-magazine.photography/static/img/leica_logo.png);*/
	/*background-image: url(pfeil-w.png);*/
	background-repeat: no-repeat no-repeat;
	background-size: 25px 25px;
	background-position: 0px 6px;
	margin-left: 20px;
}
.shortcutbar div.inner{
	position: absolute;
	width: 100%;
	background: rgb(0, 0, 0);
	height: 227px;
	z-index: 1000;
	top: 40px;
	display: none;
	opacity: 0;
	overflow: hidden;
}
.shortcutbar div.middle{
	position: relative;
	margin: 0 auto;
	height: 227px;
	width: 1024px;
}
.shortcutbar .picturebox {
	width: 341px;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	cursor: pointer;
	display: block;
}
.shortcutbar .picturebox .mainbg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	top: -2px;
	left: -2px;
	padding: 2px;
}
.shortcutbar .picturebox.first .mainbg {
	/*background-image: url(../img/lfi_bar_lfi_mag.jpg);*/
}
.shortcutbar .picturebox.second .mainbg {
	/*background-image: url(../img/lfi_bar_m_mag.jpg);*/
}
.shortcutbar .picturebox.third .mainbg {
	/*background-image: url(../img/lfi_bar_s_mag.jpg);*/
}

.shortcutbar .picturebox .textlogobox {
	position: relative;
}
.shortcutbar .picturebox .label-table {
	display: table;
	min-height: 85px; 
	height: 85px; 
	position: absolute;
	/* margin-top: 132px; */
	width: 100%;
	bottom: 10px;
}
.shortcutbar .picturebox .label-table .spacer{
	display: table-cell;
	width: 10px;
	height: 100%;
}
.shortcutbar .picturebox .label-table  .label {
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: top;
}
.shortcutbar .picturebox .bg {
	background: rgb(255, 255, 255);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.85;
}
.shortcutbar .picturebox:hover .bg {
	opacity: 1;
}
.shortcutbar .picturebox .textlogobox > span {
	display: block;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 20px;
	letter-spacing: 0px;
}
.shortcutbar .picturebox .textlogobox span.link {
	font-family: "Droid Serif";
	font-style: italic;
	color: rgb(226, 0, 32);
	font-size: 14px;
	line-height: 20px;
	display: block;
	text-transform: none;
}
.shortcutbar .picturebox:hover .textlogobox span.link  {
	text-decoration: underline;
}
.shortcutbar .picturebox .textlogobox.short img {
	float: left;
	padding: 10px 15px 10px 15px;
	border: 1px solid rgb(128, 128, 128);
	margin-top: 10px;
	border-width: 0 1px 0 0;
	margin-right: 15px;
	width: 50px;
	height: 45px;
	margin-bottom: 10px;
}
.shortcutbar .picturebox .textlogobox img {
	float: left;
	padding: 15px;
	border: 1px solid rgb(128, 128, 128);
	margin: 5px 15px 5px 0px;
	border-width: 0 1px 0 0;
	width: 50px;
	height: 45px;
}
.shortcutbar .picturebox .textlogobox .logo {
	float: left;
	padding: 18px 15px;
	border: 1px solid rgb(128, 128, 128);
	margin-top: 5px;
	border-width: 0 1px 0 0;
	margin-right: 14px;
	background-image: url(http://s-magazine.photography/static/img/logo.png);
}
.shortcutbar .picturebox.second {
	width: 342px;
}

#loading-indi {
	position: fixed;
	text-align: center;
	bottom: 0;
	height: 40px;
	width: 100%;
	display: none;
}
#loading-indi div {
	position: absolute;
	bottom: 0;
	height: 40px;
	background: rgb(128, 128, 128);
	width: 100%;
	opacity: 0.4;
}
#loading-indi span {
	padding-top: 5px;
	display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.shortcutbar div.middle {
		width: 100%;
	}
	.shortcutbar .picturebox.second {
		width: 33.4%;
	}
	.shortcutbar .picturebox {
		width: 33.3%;
	}
	.shortcutbar .picturebox .textlogobox img {
		display: none;
	}
}
@media only screen and (min-width: 768px){
	.shortcutbar div.trigger .line {
		background: rgb(0, 0, 0);
	}
}
@media only screen and (max-width: 768px){
	.shortcutbar .picturebox ,
	.shortcutbar .picturebox.second {
		width: 100%;
		height: 85px;
		position: relative;
		overflow: hidden;
		border: 1px solid grey;
		border-width: 0 0 1px 0 ;
		float: none;
	}

	.shortcutbar .inlay {
		height: 39px;
		border: 1px solid grey;
		border-width: 0 0 1px 0 ;
	}
	.shortcutbar .picturebox .textlogobox img {
		float: left;
		padding: 15px 20px 15px 0;
		border: 1px solid rgb(128, 128, 128);
		margin-top: 5px;
		border-width: 0 1px 0 0;
		margin-right: 19px;
	}
	.shortcutbar .picturebox .textlogobox {
		height: 100%;
	}
	.shortcutbar .picturebox .label-table .spacer {
		width: 20px;
	}
	.shortcutbar div.trigger {
		position: absolute;
		cursor: pointer;
		width: 100%;
		height: 40px;
		margin-left: 0px;
		display: block;
		float: none;
		padding-top: 0px;
		background: none;
	}
	.shortcutbar.open div.trigger > span ,
	.shortcutbar div.trigger > span {
		display: none;
	}

	.shortcutbar div.trigger .line ,
	.shortcutbar div.trigger:hover .line  {
		height: 29px;
		display: inline-block;
		float: right;
		width: 31px;
		cursor: pointer;
		background-repeat: no-repeat no-repeat;
		background-image: url(pfeil_blk.png);
		background-size: 13px;
		background-position: 0px 16px;
		background-color: rgba(0, 0, 0, 0);
		position: relative;
		bottom: 0;
		right: 0;
	}
	.shortcutbar div.logo {
		float: left;
	}
	.shortcutbar div.lang {
		display: none;
	}
	.shortcutbar .inner div.lang {
		display: block;
		border: none;
		margin-top: 1px;
	}
	.shortcutbar .picturebox .mainbg {
		display: none;
	}
	.shortcutbar .picturebox .label-table {
		margin-top: 0px;
		position: relative;
		bottom: 0px;
	}
	.shortcutbar div.inner {
		background: rgb(238, 238, 238);
		height: 295px;
	}
	.shortcutbar.white div.inner {
		background: white;
		height: 295px;
	}
	.shortcutbar .picturebox .label-table ,
	.shortcutbar div.middle {
		width: 100%;
		height: 100%;
	}
	.shortcutbar .picturebox .bg {
		display: none;
	}
	.shortcutbar .picturebox .textlogobox > span {
		padding-top: 24px;
	}
}