@import"reset.css'";
/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
	
}

/*
 * Removes default margin.
 */

body {
	margin: 0;
	
	font-family: 'Lato', sans-serif;
	background-repeat: repeat-x;
	font-size:13px;
}
  
  


h1{
  font-weight:300; 
  text-transform:uppercase; 
  font-size:18px; 
  color:grey;
  margin-bottom: 30px;
  margin-top: 13px;}

h2{
  font-size:16px; 
  font-weight:300
}

p {margin-bottom: 15px}



.block {
  overflow: visible!important;
}

div#cover {
  position: relative;
  left: -24px;top:170px; height:550px;
}

div#cover_front {
	cursor:pointer;
  position: absolute;left:0px; top:0px;   z-index: 2000;
}
div#cover_back {
	cursor:pointer;
  position: absolute;left:0px; top:0px;   z-index: 1000;
}

div#tracks {
  position: absolute;
  left: 384px;
  top: 200px;
  opacity: 0;
  z-index: 3000;
}
a{color:black}
#wrapper {width:100%; background-color:white;}
#container{width:980px;  margin-left:auto; margin-right:auto; }

#wrapper_lightbox{ background-color:white; width: 420px; margin-left: 30px;}
#container_lightbox{width:100%;  margin-left:auto; margin-right:auto; }

#wrapper #main {
    min-height: 400px;
    padding-bottom: 60px;
    padding-left: 10px;
    padding-top: 30px;
}

#main_lightbox{ padding-top: 10px;padding-bottom: 0px;
    }


#main_lightbox p {
    font-size: 14px;
    color: #000;}

.mod_catalogreader  {height:220px}
.mod_catalogreader  p.error{display:none}
#tracks{margin-top:20px}

#tracks h1, #tracks h2{color:#c2b79a;margin:0; padding:0}
#tracks h1 {
  /* font-weight: bold; */
  margin-bottom: 20px;
  font-size: 20px;
}
#tracks h2{margin-bottom:3px}
#tracks li a{color:#c2b79a; text-decoration:none;}
#tracks li a:hover{color:#e7dab8;}

#tracks .playlist{float:left; width:230px;}
#tracks .songs{float:left; width:230px;}
#tracks .songs li {
  padding-bottom: 5px;
  list-style-type: none;
}
#tracks li {	

}
#tracks li a.active {
	color: #faf3e0;
}
.featured {
  font-size: 11px;
  padding-left: 15px;
}

#tracks ul{padding:0; margin:0}
#tracks .playlist li a {
font-size: 14px;
}

#tracks .playlist li  {
padding-bottom: 7px;
}
#navigation {
    color: #FFFFFF;
    font-size: 17px;
    position: absolute;
    right: 0;
    top: 220px;font-weight:300; 
}

#navigation li, #navigation li a {
    color: #FFFFFF; text-decoration:none
  
}

#navigation .active_section{color: #cc4909;}

#tracks .duration{float:right; text-align:right}
#tracks .audiotitle{float:left; width:180px}


#news_cont, #licensing_cont, #info_cont, #contact_cont, #lyrics_cont,#imprint_cont{
width: 405px;
float: right; 
position: absolute;
right: 0px;
top: 0px;
display:none;
text-align:justify;
padding-right: 10px;
}




#navigation li{cursor:pointer; float:left; padding-left:20px} 


.pdf_link {
position: absolute;
left: 400px;
top: 14px;
z-index: 2000;
}
.pdf_link a{text-decoration:none; width:20px; height:20px}


#info .image_container{ margin-left:25px;}

#welcome_user{
    color: #999999;
    float: right;
    font-size: 12px;
    margin-right: 17px;
    text-transform: uppercase;
    text-align: right;}
	
.edit_profile{ 
  color: #999999;
  float: right;
  font-size: 12px;
  margin-right: 4px;
  text-transform: uppercase;
  text-decoration: none;}
 
label {
float: left;
clear: left;
width: 120px;
margin-right: 15px;
padding-top: 11px;
}
input{
	float: left;
	border: 1px solid #bbb;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333333;
	
	padding: 5px;
	margin-bottom: 20px;
	background-color: #fff;
	width: 272px;!important
   }
   
   /**
   -webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0, inset rgba(000,000,000,1) 0 1px 1px;
	-moz-box-shadow: rgba(255,255,255,0.2) 0 1px 0, inset rgba(000,000,000,1) 0 1px 1px;
	box-shadow: rgba(255,255,255,0.2) 0 1px 0, inset rgba(000,000,000,1) 0 1px 1px;
 **/  
   select{
	float: left;
	border: 1px solid #bbb;
	background: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333333;
	padding: 5px;
	margin-bottom: 20px;
width: 280px;!important
   }
   
   textarea{
	float: left;
	border: 1px solid #bbb;
	background: #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333333;
	padding: 5px;
	margin-bottom: 20px;
	height:200px;
width: 272px !important;
}
 
.imprint, #cv img{cursor:pointer}
 
input[type="checkbox"] {
float: right;
clear: both;
border: 1px solid #bbb;
background: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
padding: 0px;
margin-bottom: 20px;
width: 20px;
margin-right: 265px;
}

.spacer{clear: left;
display: block;
padding-top: 20px;
padding-bottom: 20px;
}

#ctrl_29{float:left}
#ctrl_17{margin-bottom: 0;}


input[type="submit"] {
float: right;
clear: left;
border: 0px solid #333333;
background: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
padding: 8px;
margin-bottom: 20px;
width: 150px;
}


textarea:hover, select:hover {
	background:#F0F0F0;
}


   
   input.captcha {width: 22px;}
.captcha_text {
    float: left;
    padding-left: 19px;
    padding-top: 12px;
}


fieldset {
border: 0px solid #c0c0c0;
margin: 0 0px;
padding: 0.0em 0.0em 0.0em;
}


.request {
position: absolute;
left: 366px;
top: 100px;
}

.audio_lyrics {
position: absolute;
left: 422px;
top: 140px;
cursor: pointer;
}

.downloads{
position: absolute;
left: 335px;
top: 120px;
}
.downloads a{color:black;text-decoration:none;}
.audio_trackingcode{position: absolute;
left: 0px;
top: 100px;}

.audio_description {
position: absolute;
left: 0px;
top: 110px;
width: 450px;
}

span.inactive{color:#999}
.request a{color:black; text-decoration:none}
.audio_player {
  width: 460px;
  height: 200px;
  opacity: 0;
}
.audioplayer
{
        height: 100px; /* 40 */
        color: #ccc;
        width:460px;
        position: absolute;
        z-index: 1;
	top:20px;
        

		}
		
		
		.audioplayer-bar{height:80px}

        .audioplayer > div
        {
                position: absolute;
        }
.audioplayer-playpause {
width: 5px;
height: 30px;
text-align: left;
text-indent: -9999px;
cursor: pointer;
z-index: 2;
top: -23px;
left: 0;
}

.audio_trackingcode{color:grey; }
                .audioplayer-playpause:hover,
                .audioplayer-playpause:focus
                {
                        background-color: #FFF;
                }
                .audioplayer-playpause a
                {
                        display: block;
                }
    .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin: -0.5em 0 0 -0.25em;
background-image: url(../img/play.png);
background-repeat: no-repeat;
}
                .audioplayer-playing .audioplayer-playpause a
                {
                    width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin: -0.5em 0 0 -0.25em;
background-image: url(../img/pause.png);
background-repeat: no-repeat;
                }
                  
        .audioplayer-time
        {
            display:none;
        }
		
		.audio_title {
position: absolute;
left: 20px;
top: 0px;
color: grey;
font-weight: 300; font-size:18px;
z-index: 200;
text-transform: uppercase;
}
                .audioplayer-time-current
                {
                top:80px;
                        left: 2.5em; /* 40 */
                }
                .audioplayer-time-duration
                {
                       top:80px;
                        right: 2.5em; /* 40 */
                }
                        .audioplayer-novolume .audioplayer-time-duration
                        {
                                border-right: 0;
                                right: 0;
                        }
        .audioplayer-bar
        {
height: 52px;
    z-index: 1;
    width: 460px;
    top: 30px;
    left: 0px;
    margin-top: -0.438em;
    background-repeat: no-repeat;
        }
                .audioplayer-novolume .audioplayer-bar
                {
                        right: 4.375em; /* 70 */
                }
                .audioplayer-bar div
                {
                        width: 0;
                        height: 100%;
                        position: absolute;
                        left: 0;
                        top: 0;
                }
                .audioplayer-bar-loaded
                {
                        background-color: #FFF;
                        opacity:0.4;
						z-index: 1;
                }
                .audioplayer-bar-played
                {
                     
						border-right:1px solid black;
                  opacity:1;
                        z-index: 2;
                }
        .audioplayer-volume
        {
            display:none;
        }
                .audioplayer-volume:hover,
                .audioplayer-volume:focus
                {
                       
                }
                .audioplayer-volume-button
                {
                        width: 100%;
                        height: 100%;
                }
                        .audioplayer-volume-button a
                        {
                                width: 0.313em; /* 5 */
                                height: 0.375em; /* 6 */
                                background-color: #fff;
                                display: block;
                                position: relative;
                                z-index: 1;
                                top: 40%;
                                left: 35%;
                        }
                                .audioplayer-volume-button a:before,
                                .audioplayer-volume-button a:after
                                {
                                        content: '';
                                        position: absolute;
                                }
                                .audioplayer-volume-button a:before
                                {
                                        width: 0;
                                        height: 0;
                                        border: 0.5em solid transparent; /* 8 */
                                        border-left: none;
                                        border-right-color: #fff;
                                        z-index: 2;
                                        top: 50%;
                                        right: -0.25em;
                                        margin-top: -0.5em; /* 8 */
                                }
                                .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
                                {
                                        /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
                                        width: 0.313em; /* 5 */
                                        height: 0.313em; /* 5 */
                                        border: 0.25em double #fff; /* 4 */
                                        border-width: 0.25em 0.25em 0 0; /* 4 */
                                        left: 0.563em; /* 9 */
                                        top: -0.063em; /* 1 */
                                        -webkit-border-radius: 0 0.938em 0 0; /* 15 */
                                        -moz-border-radius: 0 0.938em 0 0; /* 15 */
                                        border-radius: 0 0.938em 0 0; /* 15 */
                                        -webkit-transform: rotate( 45deg );
                                        -moz-transform: rotate( 45deg );
                                        -ms-transform: rotate( 45deg );
                                        -o-transform: rotate( 45deg );
                                        transform: rotate( 45deg );
                                }
                .audioplayer-volume-adjust
                {
                        height: 6.25em; /* 100 */
                        cursor: default;
                        position: absolute;
                        left: 0;
                        right: -1px;
                        top: -9999px;
                        background: #222;
                        background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
                        background: -webkit-linear-gradient( top, #444, #222 );
                        background: -moz-linear-gradient( top, #444, #222 );
                        background: -ms-radial-gradient( top, #444, #222 );
                        background: -o-linear-gradient( top, #444, #222 );
                        background: linear-gradient( top, #444, #222 );
                        -webkit-border-top-left-radius: 2px;
                        -webkit-border-top-right-radius: 2px;
                        -moz-border-radius-topleft: 2px;
                        -moz-border-radius-topright: 2px;
                        border-top-left-radius: 2px;
                        border-top-right-radius: 2px;
                }
                        .audioplayer-volume:not(:hover) .audioplayer-volume-adjust
                        {
                                opacity: 0;
                        }
                        .audioplayer-volume:hover .audioplayer-volume-adjust
                        {
                                top: auto;
                                bottom: 100%;
                        }
                        .audioplayer-volume-adjust > div
                        {
                                width: 40%;
                                height: 80%;
                                background-color: #222;
                                cursor: pointer;
                                position: relative;
                                z-index: 1;
                                margin: 30% auto 0;
                        }
                                .audioplayer-volume-adjust div div
                                {
                                        width: 100%;
                                        height: 100%;
                                        position: absolute;
                                        bottom: 0;
                                        left: 0;
                                        background: #c5cc05;
                                        background: -webkit-gradient( linear, left bottom, left top, from( #c5cc05 ), to( #a4a911 ) );
                                        background: -webkit-linear-gradient( bottom, #c5cc05, #a4a911 );
                                        background: -moz-linear-gradient( bottom, #c5cc05, #a4a911 );
                                        background: -ms-radial-gradient( bottom, #c5cc05, #a4a911 );
                                        background: -o-linear-gradient( bottom, #c5cc05, #a4a911 );
                                        background: linear-gradient( bottom, #c5cc05, #a4a911 );
                                }
                .audioplayer-novolume .audioplayer-volume
                {
                        display: none;
                }
 
        .audioplayer-play,
        .audioplayer-pause,
        .audioplayer-volume a
        {
        }
        .audioplayer-bar,
        .audioplayer-bar div,
        .audioplayer-volume-adjust div
        {
        
        }
        .audioplayer-bar,
        .audioplayer-volume-adjust > div
        {
   
   
   
   
        }
        .audioplayer-volume-adjust div div,
        .audioplayer-bar-played
        {
                -webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
                -moz-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
                box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
        }
        .audioplayer-volume-adjust
        {
                -webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
                -moz-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
                box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
        }
        .audioplayer *,
        .audioplayer *:before,
        .audioplayer *:after
        {
                -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
                -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
                -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
                -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
                transition: color .25s ease, background-color .25s ease, opacity .5s ease;
        }

@media (max-width: 996px) {
	#wrapper #main {
    min-height: 400px;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-top: 30px;
}

	
}