.editArtHolder {
	width: 100%;
	float:left;
	position: relative;
	z-index: 99999;
}

ul.editArt {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	float:left;
}
.editArt li > a {
    background: #FFF;
    border: 1px solid #ccc;
    color: #333333;
    list-style: outside none none;
    padding: 5px;
    text-decoration: none;
	float: right;
	line-height: 20px;
	padding: 2px 6px;
	font-size: 14px;
}
.editArt li > a:hover,  .editArt li > a:focus,  .editArt:hover > a {
	list-style: none outside none;
	text-decoration: none;
	color: #333333;
	background-color: #F90;
	border: 1px solid #999;
} 
.controls{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	color: #eee;
}
ul.controls {
	padding:0px;
	margin: 0 0 40px;
}

li.filter{
    background: #1e2631 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: left;
  	font-weight:bold;
    font-size: 16px;
    margin-right: 1px;
    padding: 0.4em 3em;  
}

li.filter.active{
  background: #C3AE1F;
  color: #000;
  font-weight:bold;
}

li.filter:focus{
  outline: 0 none;
  font-weight:bold;
}



.refContainer{
  text-align: justify;
  -webkit-backface-visibility: hidden;
}

.refContainer:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.refContainer .mix, 
.refContainer .gap{
  display: inline-block;
  width: 49%;
}

.refContainer .mix{
  text-align: left;
  margin-bottom: 20px;
  padding: 0px;
  display: none;
}
.mix {
	background-color:#fff;
	border:1px solid #fff; 
	box-sizing:border-box;
}
.mix:hover {
	background-color:#eee; 
	border:1px solid #ccc; 
} 
.refContainer{ 
	box-sizing:border-box;
}
.refContainer .mix:after{
  display: inline-block;
  vertical-align: top;
}

.refContainer .mix:before{
  content: '';
}

.refLink {
	text-decoration: none;
}
.refTitle {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
	padding: 10px;
    text-decoration: none;
	position:relative;
	z-index:10;
}
.refTitle a {
	color:#000;
	text-decoration: none;
}
.refTitle a:link {
	color:#000;
	text-decoration: none;
}
.refImg {
	width:100%;	
}
.lesmerKnapp {
	width:120px;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px; 
	padding-left:0px;
	padding-right:0px; 
	text-align:center;
	border:1px solid #eee;
	float:left;
	background-color:#1E2631;
	font-weight:bold;
	margin-left: 10px;
}
.lesmerKnapp:hover {
	color:#000;
	background-color:#C3AE1F;
}
.botHolder {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
	position:relative;
	z-index:11;
}
.demoKnapp {
	width:120px;
	color:#FFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	border:1px solid #eee;
	float:right;
	background-color:#1E2631;
	font-weight:bold;
	margin-right:10px;
}
.demoKnapp:hover {
	color:#000;
	background-color:#C3AE1F;
}
@media all and (min-width: 420px){
  .refContainer .mix,
  .refContainer .gap{

  }
}

@media all and (min-width: 640px){
  .refContainer .mix,
  .refContainer .gap{

  }
}