body{
	background-color: #242727;
	color: #f5f5f5;
	font-weight: 300;
}

a:hover{
	color: aaa;
}

a:visited{
	color: aaa;
}

.bodyWORKFLOOR{

	/* background-position: -200px 0px; */
	background: none;

}

.LighterBalken {
    color: #ccc;
}

#cyanCol{
	background-color: rgb(50, 140, 150);
}

#blueCol{
	background-color: rgb(0, 118, 171);
}

#greenCol{
	background-color: rgb(82, 127, 52);
}

#redCol{
	background-color: rgb(210, 85, 85);
}


#cleanCol{
	background-color: rgb(250, 250, 250);
}

.lightCol{
	color: #fff;
}

.transColSVG{
	fill: rgba(200,200,200,0.5);
}

.mlLogoWK{
		fill: rgba(200,200,200,0.9);
}

.transCol{
	color: rgba(200,200,200,0.5);
}

.contrastBG{
    background-color: rgba(20,20,20,0.95);
}

#fixedbg{
	/*background-color: #242727;*/
		background-color: #111111;
 /*  background:url('../../gfx/all/main-bg.jpg') no-repeat left top; */
    background-size: cover;
    text-align: -webkit-center;
    opacity: 0.4;
}

#contentBG{
	display: flex;
	background-color: rgba(200,200,200,0.0);
	width: 100%;
    max-width: 900px;
    height: 100%;
	/* display: none; */
	transition: background-color 0.4s;

}


.subColdarkSVG{
	fill: rgba(20,20,20,0.9);

}


.subColdark{
	color: rgba(20,20,20,0.6);

}

.subColSVG {
	fill: #aaa;

}

#DecksLogoMobil{
    fill: #aaa;
}

/*
.LArtist a:link  {
	color: #8c6a32;
}

.LArtist a:hover  {
	color: #7b9d3d;
}

.LArtist a:visited  {
	color: #8c6a32;
}

*/

.LMemo {

}

.LMemo2{
	color: #111;
}

.labelPic{
	background-color: rgb(255, 255, 255);
    opacity: 0.2;
    background-blend-mode: exclusion;
    border: 2px solid #000000;
}

.labelPic:hover{

  opacity: 0.5;

}

.leftButtonArea {
	background-color: rgba(200, 200, 200, 0.1);
}

#search {
	background-color: rgba(250, 250, 250, 0.9);
	color: #111;
}

#thePlayer{
	/* background:linear-gradient(rgba(200,200,200,0.1) 50%, rgba(60,73,73,0.5));
		border: 1px solid;
	border-color: #111111;
	background-color: rgba(200,200,200,0.1);
	*/
}

div#playerDeepBG {
	border-top: 1px solid;
	border-color: #111111;
	background-color: rgba(200,200,200,0.1);
}

div#playerDeepBGLight {
	background-color: rgba(200,200,200,0.25);
}

#anzahl {
	color: #333;
}

.oneLine{
	margin-bottom: 5px;
}

/*
.tablenorm2 {
	background-color: rgba(200, 200, 200, 0.1);
}
*/
.tablenorm2 {
	background-color: rgba(200, 200, 200, 0.05);
}

.tablenorm1 {
	background-color: rgba(200, 200, 200, 0.05);
}


.workFeld {
	background-color: rgba(200, 200, 200, 0.1);
}

a {
	color: #f5f5f5
}

a:hover {
	color: #ffffff;
}

.a:visited {
	color: #dddddd;
}

.chartsButton {
	background-color: rgba(20, 20, 20, 0.5);
}

.chartsButton:hover {
	background-color: rgba(20, 20, 20, 0.3);
}

.switchBlock {
	background-color: rgba(200, 200, 200, 0);
}

.TopMenue {
	background-color: rgba(20, 20, 20, 0.4);
}

#list-block {
/*
	background-color: hsla(0, 0%, 18%, 0.8);
	border-bottom: 0.063em solid #333;
*/
}

ul.StyleBlock li:first-child .firstMain {
    color: #f5f5f5;

}

.LStyle {
 /*	background-color: rgba(20, 20, 20, 0.4); */
}

.LStyle:hover {
	/* background-color: rgba(20, 20, 20, 0.2); */
}

.FeatStyle {
	background-color: rgba(20, 20, 20, 0.4);
}

.FeatStyle:hover {
	background-color: rgba(20, 20, 20, 0.2);
}


.firstMainst a {
	/* background-color: rgba(20,20,20,0.8); */
	color: #aaa;
}

.firstMainst a:hover {
	/* background-color: rgba(20,20,20,0.8); */
	color: #ffffff;
	cursor: pointer;
}

.firstMainstActive a {
	background-color: rgba(106,133,56,1.0);
}

.firstSub a {
	/* background-color: rgba(20,20,20,0.6); */

}

.firstSub a:hover {

	/* background-color: rgba(20,20,20,0.3); */
	text-detoration: underline;

}

.firstSubActive a {
	/* background-color: rgba(106,133,56,1.0) !important; */
	text-detoration: underline;
}

#logo-block{
	/* background-image: url('http://www.decks.de/decks-sess-dev/gfx/all/logo/decks-logo-2x-oc.png'); */
}

#basketPrices a {
	color: #ddd;
}

.textfeld {
	background-color: rgba(20, 20, 20, 0.5);
	color: #eee;
}

.menueBody {
/* background-color: rgba(200, 200, 200, 0.1); */
}

.menueBodySub {
	/* background-color: rgba(20, 20, 20, 0.3); */
}

.preisschild {
	color: #fff;
}

.preisschild span {
	/* color: rgba(150, 150, 150, 0.8); */
}

.scroller {
	border: 1px solid rgba(200, 200, 200, 0.1);
}

.scroller:hover {
	border: 1px solid rgba(200, 200, 200, 0.4);
}

#jp_label {
	text-shadow: 1px 1px 1px #333333;
}


#jp_bpmbox, #jp_tracknr, #jp_trackpos {
	/* color: #aaa;
	text-shadow: 1px 1px 1px #333333;
	*/
}

#touchPlay, #touchPause {
	border: 10px solid #202223 !important;
}

#jp_track {
	/* text-shadow: 1px 1px 1px #333333; */
}

.HighAT{
	background-color: rgba(20,20,20,0.4);
}

.selecterMe {
	background-color: rgba(20, 20, 20, 0.5);
	color: #eee;
}

#jp_buy {
	border-top: 1px solid #232323;
	border-bottom: 0px solid #444;
	background-image: url('../../gfx/all/basket2x.png');
	background-color: rgba(20,20,20,0.5);
}

#jp_buy:hover {
	cursor: pointer;
	background-image: url('../../gfx/all/basket2x.png');
	background-color: rgba(20,20,20,0.9);
}

.mobilesjponeLine #jp_plprev svg{
	 /*  background-image: url(../../gfx/navi/leftmenue/button-plprev_night.png); */
	 fill: #fff;
	 padding-top: 3px;
}

.mobilesjponeLine #jp_plnext svg {
	  /*  background-image: url(../../gfx/navi/leftmenue/button-plnext_night.png); */
	  fill: #fff;
	  padding-top: 3px;
	}

#jp_ArtistTitel {
	/* margin-left: 10px;
	border-top: 1px solid #232323;
	border-bottom: 0px solid #444;
	 */
	background-color: rgba(20,20,20,0.25);

}

.PlayButtonPlayer{
	fill: #ffffff !important;
}

.PauseButtonPlayer{
	fill: #ffffff !important;
}

#jp_ArtistTitel:hover{
	cursor: pointer;
	background-color: rgba(20,20,20,0.9);
}

.BuyMe {
	color: #eee;
	/* background: rgba(20, 20, 20, 0.35);*/
	 /*
	 border: 2px solid rgba(200,200,200,0.2);*/
	background-image: url('../../gfx/all/basket2x.png');
	/*border: 0px solid rgba(20, 20, 20, 0.1);*/
}

.BuyMeOut {

	background-image: url('../../gfx/all/addsoonout2x_night.png') !important;

}


.BuyMe:hover {
	background-size: 44px;
    opacity: 1;
}



.basket-empty{

	fill: #ff0000;

}

.dayModus {
	background-image: url('../../gfx/all/night.png');
}

.nightModus {
	background-image: url('../../gfx/all/day.png');
}

.tagMe {
	background-image: url('../../gfx/all/tag.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 18px;
}

.Felddark{
	background-color: rgba(20, 20, 20, 0.15);
}

.Felddarker{
	background-color: rgba(20, 20, 20, 0.7);
}

.Feldlight{
	background-color: rgba(200, 200, 200, 0.1);
}

.RelFeatureExtra {
	color: #333;
}



.listenPlayPause {
	background-image: url('../../gfx/navi/leftmenue/headphone_day.png');
}

div#Footerlogo-block svg {
    fill: rgba(200,200,200,0.5);
}

.justPlaying a {
	color: #FFF !important;
}

#moreID{
   /*  background-color: rgba(20,20,20,1); */
}

.countItem {

    background-color: rgba(20, 20, 20, 0.2);
    color: #ccc;
}

.basketImg {
    background-image: url(../../gfx/all/basket2x_night.png);
}

.darkButton{
    background-color: rgba(200, 200, 200, 0.3);
    color: #ddd;
}

.option_field {
	 background-color: #222;
}

.autocomplete-suggestions {
	 background-color: #111;
}

div .shortPrew {
    background: linear-gradient(to bottom, rgba(20,20,20,0.4) 0%, rgba(20,20,20,0.4) 2%, rgba(200,200,200,0.4) 3%, rgba(200,200,200,0.4) 2%, rgba(20,20,20,0.95) 3%);
}

.buyboxclw {
    background-image: url(../../gfx/all/basket2x_night.png);
}

.lupenIcon{
	    background-image: url(../../gfx/all/suche2x_day.png);
}

.radioDecks:checked+.radioDecksLabel::before{
	background: rgba(20, 20, 20, 1.0) !important;
    color: #fff;
}

.radioDecks:checked+.radioDecksLabel::before, .radioDecks:not(:checked) +.radioDecksLabel::before {
	 border: 1px solid rgba(200, 200, 200, 0.3);
    color: rgba(200, 200, 200, 0.8);
    background: none;

	}

.OFtextarea {
    background-color: rgba(20, 20, 20, 0.4);
    color: #fff;
}



a:visited .RecPos {
	/* background-image: url('../../gfx/navi/leftmenue/play-light.png'); */
	color: rgb(162, 162, 162) !important
}

.mobilemenueline {

	background-color: #0e0e0e;
   /* background: url(../../gfx/all/main-bg.jpg) no-repeat left top; */

}

.darkme{
    background-color: rgb(20, 20, 20);
    border: 1px solid rgba(255,255,255,0.2);

}

.oneCho:hover{
	background-color: rgba(255,255,255,0.1);
	cursor: pointer;
}

.mobilmenplace{
    background-color: rgba(20, 20, 20, 1) !important;
}

.oversound {
    background-color: rgba(0, 0, 0, 1);
}

.mobileScoll {
   /* background: url(../../gfx/all/main-bg.jpg) no-repeat left top;*/
    background-size: cover;
}

.mobilmenplace span.LanguTXT.aktivLang {
    border: 1px solid rgba(255,255,255,0.3);

}

.startHeadline svg {
    fill: rgb(255, 255, 255);
    /* stroke: #fff; */
    /* stroke-width: 4px; */
}

.mobilesearch #search {
	background-color: rgba(0, 0, 0, 1) !important;
	color: #fff !important;
}

#MobileMainNav span {
    background: #f5f5f5;
}

.SearchMeMobil {
    background-image: url(../../gfx/all/suche2x_night.png);
}

.efxSelect {
    background-color: rgba(255, 255, 255, 0.1);
}

div#playerBG{
	    background-color: #6a6a6a;
}

.playerBox {
    background-color: rgb(47, 48, 48);
}

#volTxt{
    color: rgba(20,20,20,0.9);
}


/* player */
input[type=range].vRanger::-webkit-slider-thumb {
  background-color: #6a6a6a;
  border-left: 1px solid rgba(0,0,0,0.4);
  border-right: 1px solid rgba(0,0,0,0.4);
}

input[type=range].vRanger::-moz-range-thumb {
  background-color: #6a6a6a;
  border-left: 1px solid rgba(0,0,0,0.4);
  border-right: 1px solid rgba(0,0,0,0.4);
}

input[type=range].soundRange::-webkit-slider-thumb {
  background-color: #3f4141;
  border-left: 1px solid rgba(20,20,20,0.9);
  border-right: 1px solid rgba(20,20,20,0.9);
}

input[type=range].soundRange::-moz-range-thumb {
  background-color: #575758;
  border-left: 1px solid rgba(20,20,20,0.9);
  border-right: 1px solid rgba(20,20,20,0.9);
}

input[type=range].vRanger:focus::-webkit-slider-runnable-track {
  /* background: rgba(0, 0, 0, 0); */
}

input[type=range].soundRange::-webkit-slider-runnable-track {
   background: rgba(20,20,20,0.9) !important;
}

input[type=range].soundRange:focus::-webkit-slider-runnable-track {
   background: rgba(20,20,20,0.7) !important;
}

input[type=range].soundRange::-moz-range-track {
   background: rgba(20,20,20,0.9) !important;
}

input[type=range].soundRange:focus::-moz-range-track {
     background: rgba(20,20,20,0.7) !important;
}

.txtLighter{
	color: #fff;
}