/********** HEADLINES*/
h1{
    /*font-family: Geneva;*/
    font: 14px "lucida", sans-serif; 
    font-family: TrajanPro-Regular, 'Lucida Grande', sans-serif; 
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 16px;
    color:#064;
    margin: 0;
    padding-top:15px;
    background:none;
    letter-spacing:0px;
    font-weight: bold;
  
    
}
h2{
    /*font-family: Geneva;*/
    font-size: 20px;
    font-family: TrajanPro-Regular, 'Lucida Grande', sans-serif;  
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    

    margin: 0;

    padding:10px;
    margin:0;

    letter-spacing:1px;
    color: #fff;

}

h3 
{
    /*font-family: Geneva;*/
    font-size: 20px;
    font-family: TrajanPro-Regular, 'Lucida Grande', sans-serif;  
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    

    margin: 0;

    padding:5px;
    padding-left:20px;
    margin:0;

    letter-spacing:1px;
    color: #fff;


}
h4 {
    /*font-family: Geneva;*/
    font: 12px "lucida", sans-serif; 
    
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 20px;
    color:#666;
    margin: 0;
padding-top:10px;
    background:none;
    letter-spacing:0px;
}
h5 {
    color: #fff;
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
    font-weight:bold;
    margin:0px;
    margin-bottom:10px;
}

/********** HORIZONTAL LINE*/
hr{
    border: 1px; /* Für Firefox und Opera */
    border-top:1px solid #999;

    margin-top: 10px;
 
}


html{
    margin:0px;
}

body{ 
    display:block;
    top:0px;
    bottom:0px;

    background:#000;


   /* font: 9pt "lucida", sans-serif; */
    font-family: Verdana, Geneva, sans-serif; 
   
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    color:#fff;

    

}


/********** INPUT*/
input {
    font: 10pt "lucida", sans-serif; 
    font-size: 9pt; 
    color: #004e70; 

}



/********** TEXTAREA*/
textarea {
    font: 9pt "lucida", sans-serif; 
    color: #004e70; 
    background: #ffffff;
    border:none;background:#e3f3d8;padding:5px;color:#2F4F4F;
}



/********** SELECT*/
select {
    font: 9pt "lucida", sans-serif; 
    color: #004e70; 
    background: #f8f8f8;
    background:#e3f3d8;
    height:20px;
}





/********** BUTTON*/
button {
    font: 9pt "lucida", sans-serif;
}


tr:hover{
   cursor:pointer; 
}

/********** TD*/
td {


}

span
{

}

 p { 
    /*font-family: Verdana, Geneva, sans-serif; */
    font: 9pt "lucida", sans-serif; 
    font-family: TrajanPro-Regular, 'Lucida Grande', sans-serif;  
    font-size: 0.9em; 

    padding:20px;
    padding-top:0px;
    text-align: justify;
    letter-spacing:1px;
    color:#eee;
    text-shadow: 1px 1px #333;
    /* line-height:22px;*/

max-height: 999999px;
    }


.gs-header-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;


   
    border-bottom:1px solid #666;

    height:40px;
 
}

.gs-header-menu li {
  float: left;
    font-family: Verdana, Geneva, sans-serif; 
        padding:0px;
    font-size:17px;
   

}

.gs-header-menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 0px;
  text-decoration: none;
    font-size:17px;
}

.gs-header-menu li a:hover {
   
    color:#fff;


}

.copyright{
    font: 12px "lucida", sans-serif; 
    color: #666; 

}
.footerright{
    font: 9pt "lucida", sans-serif; 
    color: #004e70; 
    line-height:2.1;
}

/********** A LINKS*/
a:link,a:visited{
    text-decoration:none;
    color:#ffde73;
    line-height: 2.1;
}

a:hover{
    text-decoration:none;
	font-weight:bold;


}




.rounded{    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-top-radius: 10px;
    -webkit-border-top-bottom-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;        
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.rounded-top{    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-top-radius: 5px;
    -webkit-border-top-bottom-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}       


/*  ############ GLOBAL HELPERS ############ */
.invisible
{
    display: none;
}
.clear
{
    clear:both;
}

/*  ############ ACTUAL WEBSITE STARTS HERE ############ */








.gs-body-header{
    position:relative;
    top:30px;
    min-height:50px;
    margin-left:auto;
    margin-right:auto;
    min-width:940px;
    max-width:940px;
    padding:20px;
   
    border-top: 0px solid #e1e1e1;
    border:0px solid red;
    /*background-image: url("../img/guitar.jpg");*/
    height:260px;
}

.gs-body-header-overlay{
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    /*background:#666;*/
    opacity:0.3;
    border:0px solid #666;
    background:none;
    z-index:1000;
}
.gs-body-header-content{
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    border:0px solid red;
    z-index:1001;
}

.gs-header-logo
{
    position:fixed;
    top: 0px;
    left: 0px;
    bottom:50px;
    right:0px;
    font-size:12px;
    color: #777;
    
    border:0px solid red; 
    z-index:11;  
}

.gs-content-header-content{
    position:absolute;
    border:0px solid red;
    right:0px;
    top:0px;
    bottom:0px;
    left:500px;
}
.gs-content-header-banner{
    position:absolute;
    right:0px;
    top:0px;
    bottom:70px;
    /*width:625px;*/
    left:0px;
    border:0px solid white;
    z-index:100000;
   
    background:none;
}
.gs-content-header-banner-images{
    position:absolute;
    bottom:10px;
    border:0px solid red;
}
.gs-content-header-banner-overlay{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
   
    z-index:10;
    opacity:1.0;
    /*box-shadow: 3px 1px 60px #922;*/
    
}
.gs-content-header-banner-content{
    position:absolute;
    padding:10px;
    top:0px;
    right:0px;
    height:20px;
    left:0px;
    border:0px solid red;
    z-index:100000001;
}


.header-crown{
    position:absolute;
    width:200px;
    top:0px;
    bottom:0px;
    left:0px;
    border:0px solid red;
}
.header-bandname{
    position:absolute;
    width:600px;
    top:0px;
    bottom:0px;
    right:0px;
    border:0px solid red;
    font-size:60px;
    overflow:hidden;
}

.gs-header-logo-slogan
{
    position:absolute;
    bottom:10px;
    right:10px;
    font-size: 15px;
    color: #111;
    margin-left: 10px;
    letter-spacing: 5px;
    border: 0px solid red;
    text-shadow: 1px 1px #999;
}

.gs-body-content-overlay{
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    z-index:100000;
    background:#333;
    opacity:0.7;


}
.gs-body-content-content
{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:100001;

}

.gs-body-content-text{
    position:relative;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    font-size:18px;
    z-index:100001;
}

.gs-body-content{
    position:relative;
    top:0px;
    padding:20px;
    min-height:1000px;
    margin-left:auto;
    margin-right:auto;
    min-width:940px;
    max-width:940px;
    background:none;
    margin-top:50px;
    padding-top:10px;
    margin-bottom: 100px;
    border:0px solid red;

}
.backgr{
    position:fixed;top:0px;right:0px;left:0px;bottom:0px;z-index:0;
 background-position: center center;
          
        background-size: auto 100%;
            transform: scale(2);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
    opacity:0.4;


    
}



.backgr2{
        position:fixed;top:0px;right:0px;left:0px;bottom:0px;z-index:0;
        background-position: center center;
        /*background-image: url("../img/lostplaces/26.jpg");*/
        background-size: 50% 50%;
        background-image:no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        transform: scale(1);
        opacity:0.8;
        display:none;
        

}




.gs-body-footer{
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    height:40px;
    min-width:800px;
    padding:5px;
    background:#000; 
    z-index: 99999999;
}



/*  ############ HEADER CONTENTS ############ */
.gs-header-menu
{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:70px;
    padding:0;
    margin:0;
    text-align:center;
    border:0px solid green;
    z-index:1000000000;
}

.gs-header-menu-item
{
    position:relative;
    min-width:100px;
    height:45px;
    padding:5px;
    margin-left:3px;
    margin-right:3px;
    text-align:center;
    float:left;
    width:117px;
    background:none;
    color:#AAA;
    font-size: 24px;    
    font-weight:400;
    border: 0px solid #666;
}
.gs-header-menu-item-overlay
{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
   
    border:1px solid #444;
    z-index:100000;
    opacity:0.4;
}

.gs-header-menu-item-text
{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    padding-top:8px;
    z-index:100001;
    color:#fff;
}
.gs-header-menu-item-highlight
{
 
    font-weight:bold;
	color:#fff;    

    border-bottom: 0px solid #fff;

}
.gs-header-menu-item:hover
{
	color:#fff;
    cursor:pointer;
}

.gs-about
{
    position:relative;
    padding-left:20px;
    padding-right:20px;

    width:760px;
    min-height:250px;
    border:0px solid red;
    background:#e8e3e3;
    background:#000;
    margin-bottom:120px;
    float:left;

}
.gs-about-images
{
    position:relative;
    width:798px;
    height:270px;
    text-align:center;
    border:0px solid red;
    margin-left: -20px;
    
}
.gs-about-image
{
    max-width:245px;
    max-height:245px;
    margin:10px;
    float:left;
}
.gs-about-content
{
    padding:1px;

}

/*  ############ FOOTER CONTENTS ############ */
.gs-body-footer-contents{
        position:relative;
        width:798px;
        margin-left:auto;
    margin-right:auto;
    background:#000;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
}

.gs-body-footer-impressum
{
    position:absolute;
    left:510px;
    top:5px;
    bottom:0px;
    width:250px;
    height: 40px;
    font-size: 11px;
    color: #fff;
    border:0px solid red;
    padding:6px;

}


.gs-body-footer-player
    
{
    position:relative;
    width:500px;
    height:40px;
    margin-top:0px;
    border:0px solid red;
}

.gs-body-footer-player-name
{
    position:absolute;
    padding:3px;
    width:170px;
    height:34px;
    left:320px;
    top:0px;
    color: #fff;
    font-size: 10px;
    border:0px solid red;
    line-height: 15px;
  
}
.gs-lyrics-verse
{
    font-size:12px;
    color:#333;
    line-height:18px;


}
.playbutton
{
    max-height:30px;
}
.playbutton:hover{
    cursor:pointer;
}

.playlabel
{
    font-size:16px;
    color:#fff;
    max-height:10px;
}
.border0{
    border:none;
}
.border0 td{
    border:none;
}
/* ARTICLE ON WEBPAGE */

.article_container
{
    margin-bottom:20px;
    position:relative;
    width:800px;
    min-height:250px;
    border-bottom:0px solid #e1e1e1;
    margin-top:00px;
 
}
.article_text
{
    position:relative;
    padding-left:20px;
    padding-right:20px;
    margin-left: 18px;

    min-height:100px;
    border:0px solid red;
    background:#e8e3e3;
    background:#000;
    background:none;
    float:left;
}
.article{
	position:		relative;
	margin:			0px;
	margin-bottom:	0px;
	width:			220px;
	height:			250px;
	border:			0px solid red;
	float:			left;	
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
	overflow:		hidden;
}
.article_artist_overlay
{
	position: 		absolute;
	left:			0px;
	right:			0px;
	top:			0px;
	height:			20px;
	border-bottom: 	0px solid #e1e1e1;
	padding-left: 	10px;
	padding-top: 	10px;
	color:			#fff;
	background:		#663a00;
                                       
	font-size:		15px;
	z-index: 		1004;
   
}
.article_top_overlay
{
	position: 		absolute;
	left:			0px;
	right:			0px;
	top:			0px;
	height:			20px;
	border-bottom: 	0px solid #e1e1e1;
	padding-left: 	10px;
	padding-top: 	10px;
	color:			#fff;
	background:		#663a00;
	font-size:		15px;
	z-index: 		1004;

}
.article_title_overlay
{
	position: absolute;
	left:0px;
	right:0px;
	top:30px;
	height:20px;
	border-bottom: 0px solid #e1e1e1;
	padding-left: 10px;
	color:#fff;
	background:#fff;
	font-size:12px;
    opacity:0.6;
	z-index: 1005;
}
.article_artist
{
	position: 		absolute;
	left:			0px;
	right:			0px;
	top:			0px;
	height:			20px;
	border-bottom: 	0px solid #e1e1e1;
	padding-left: 	10px;
	padding-top: 	6px;
	color:			#fff;
	font-size:		12px;
	z-index: 		1005;
    font-weight: bold;
  
}
.article_title
{
	position: absolute;
	left:0px;
	right:0px;
	top:33px;
	height:20px;
	border-bottom: 0px solid #e1e1e1;
	padding-left: 10px;
	color:#fff;
  
	
	font-size:11px;

	z-index: 1006;
}
.article_cover
{
	position:absolute;
	left:-5px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index: 1000;
	border:0px solid red;
    text-align:center;
    background: #000;
    background:none;
    
    white-space: nowrap;
}
.cover_image_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.cover_image_centered
{
  
    vertical-align: middle;
    /*max-height: 250px;*/
    width: 220px;
   
}
.article_stats_overlay
{
	position: absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:25px;
	border: 0px solid #e1e1e1;
	padding-left: 10px;
	color:#666;
	z-index: 10010;
	font-size:10px;
	background:#666;
	opacity:0.6;
}
.article_stats
{
	position: absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:25px;
	border: 0px solid #e1e1e1;
	padding-left: 10px;
	padding-top: 5px;
	color:#fff;
	z-index: 10011;
	font-size:10px;
	background:none;
}

.article_stats_overlay_lyrics
{
	position: absolute;
	left:0px;
	right:0px;
	top:210px;
	height:40px;
	border: 0px solid #e1e1e1;
	padding-left: 10px;
	color:#666;
	z-index: 10010;
	font-size:10px;
	background:#000;
	opacity:0.6;
}
.article_stats_lyrics
{
	position: absolute;
	left:0px;
	right:0px;
	top:210px;
	height:40px;
	border: 0px solid #e1e1e1;
	padding-left: 10px;
	padding-top: 5px;
	color:#fff;
	z-index: 10011;
	font-size:10px;
	background:none;
}


.article_stats_table
{
	font-size: 12px;
	border: 0px solid #e1e1e1;
}
.article_stats_table td
{
	font-size: 12px;
	border: 0px solid #e1e1e1;	
}
.article_player
{
	position:	absolute;	
	bottom:0px;
	height:38px;
	right:0px;
	border: 0px solid red;
	z-index:1005
}
audio
{
		width: 318px;
	 
}
.audio_with_controls
{
    width:250px;
    border:0px solid red;
}

/* ARTICLE ON WEBPAGE END */
.gs-lyrics-container
{
    position:relative;
   
    height:auto;
    border-bottom:1px solid #666;
    margin-bottom:20px;
    padding:0px;
    display:inline-block;

    width:940px;
}
.gs-lyrics-details
{
    position:relative;
    width: 780px;
    padding:10px;
    border:0px solid red;
    
}


#OverlayContainer
{
    position:fixed;
    display:none;
    left:0px;
    right:0px;
    top:0px;
    bottom:50px;
    z-index:1000000000;

}

#OverlayBackground
{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    background-image: url("../img/lostplaces/23.jpg");
    bottom:0px;
   
    opacity: 1;
    z-index:1000000001;
}

#OverlayImage{

    position: relative;
    margin-left:auto;
    margin-right:auto;
  
    z-index:1000000002;

    text-align:center;
}

#OverlayImageContent
{
    position:relative;
    margin-left:auto;
    margin-right:auto;

    z-index:1000000003;
}

.readmore
{
    font-weight:bold;
    color: #fff;
}
.readmore:hover
{
    font-weight:bold;
    cursor: pointer;
}


.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.ImageFollowed{
    position:relative;
    margin-left:10px;
    max-width:140px;
    max-height:92px;
    float:left;
    overflow:hidden;
    border:0px solid red;
}

.ImageFollowed-img{
    max-width:140px;
    
}
.ImageFollowed-img-small{
    max-width:110px;
    opacity: 0.3;
    
    
}
.ImageFollowed-img-small:hover{
    max-width:110px;
    opacity: 1;
    
    
}