/* GOOGLE FONTS */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:700,400);

body { 
	padding-bottom:20px;
	background:url(images/bg-body.jpg);
	font-family: "Droid Sans", Arial, sans-serif;
}

.uk-navbar { background:url(images/bg-steifen.jpg);}

.uk-navbar-nav>li>a {  
	text-shadow:0 0 0; 
	font-family: "Droid Sans", Arial, sans-serif;
	color:black;
	font-size:18px;
	text-transform: uppercase;
}

.uk-navbar-flip>ul>li>a { font-size:16px;}

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li.uk-active>a,#sub { 
	background:url(images/bg-steifen-dunkel.jpg);
	color:black; 
}
.uk-nav-navbar>li>a:focus, .uk-nav-navbar>li>a:hover {background-color:#bd152c;}
#sub {border-radius: 0}
#sub {background-color: black;}

#sub ul li a {text-shadow:0 0 0;font-size:0.9em;line-height:30px;height:30px;}
#sub ul li a:link,#sub ul li a:visited{color:black;}
#sub ul li:hover a:link,
#sub ul li:hover a:visited,
#sub ul li.uk-active a:link,
#sub ul li.uk-active a:visited{
	background:url(images/bg-steifen.jpg);
	color:black;
}

.uk-text-danger { color:#bd152c !important;}

.main { padding:0px;background:url(images/bg-header.jpg);}
.main>a>img {padding: 10px 0px 20px 10px;}
.header {padding: 0px !important;}
.uk-panel-box { background-color:#f2f4ef;}
#top_bar,#top_bar a:link,#top_bar a:visited {padding:5px;color:#f2f4ef;;}
a, a:link, a:active, a:visited {color:#bd152c;}
.uk-text-primary { color:#222!important;}
.uk-button-primary,.uk-pagination>.uk-active>span { background-color:#bd152c;}
.uk-button-primary:hover,.uk-pagination>.uk-active>span:hover {background-color:#bd394b;}

.uk-table.no-border td, td.no-border { border:0px;}

.uk-text-large {text-transform: uppercase;}
#menu {border-radius: 4px 4px 0 0;}


.artikel p.uk-text-danger { line-height: 10px;margin-bottom: 5px;}

@media (min-width: 1220px) {
  /* Horizontal gutter */
  .uk-grid:not(.uk-grid-preserve) {
    margin-left: -15px;
}
 }

 #shop.loading {
	position:relative;

	opacity:.4;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
#shop.loading:before {
	z-index:1000000;
	display: inline-block;
  /* 2 */
  	font-weight: normal;
  	font-style: normal;
  /* 4 */
  	line-height: 1;
	position: absolute;
	left:49%;
	top:30%;
	font-size: 60px;
	content: "\f021";
	font-family: FontAwesome;
	-webkit-animation: uk-rotate 2s infinite linear;
	animation: uk-rotate 2s infinite linear;
}

.footer { padding:5px;}
.footer div { text-align: center;}

.social { font-size: 1px; }
.social .facebook {vertical-align: bottom; }
.social iframe { vertical-align: middle; }
.social span {
	display: inline-block;
	width: 90px;
	margin-bottom:5px;
}
.social .google { width: 50px; }
.social iframe,.social>span { vertical-align: middle; }