/******************** CONFIGURE COLOR SCHEME HERE ***************************/
/*	to switch colors change the color values #XXXXXX in the first section	*/
/*	of this stylesheet. these correspond to RGB values (#RRGGBB) in hexa-	*/
/*	decimal format. from #000000 (black) to #FFFFFF (white). You can also 	*/
/*	use normal language color names for many colors (e.g red, white, green).*/
/*																			*/
/*			MAKE A BACKUP BEFORE YOU CHANGE THIS FILE						*/
/****************************************************************************/
.bgcolor1 {
	/* this defines the color of the "frame" on the sides */
	background-color: #000000;
}

.bgcolor2 {
	/* this defines the background-color of all content boxes */
	background-color: #F5F5F5;
}

.fontcolor {
	/* this defines the color of all unhighlighted text */
	color: #000000;
}

.highlightcolor {
	/* this defines the color of highlighted text (active menu items)*/
	color: #CC0000;
}

.bordermenu {
	/* the line in the top menu */
	border-bottom: 1px solid #000000;
}
.borderleft {
	/* the line between content and submenu*/
	border-left: 1px solid #000000;
}
.borderright {
	/* the line between submenu and content */
	border-right: 1px solid #000000;
}

/* link colors on contact page */ 
.linklist a:hover[href]{color: #CC0000; text-decoration: none;}
.linklist a:link {color: #000000; text-decoration: none; font-weight: bold; }
.linklist a:visited {color: #000000; text-decoration: none; font-weight: bold; }
.linklist a:active {color: #000000; text-decoration: none; font-weight: bold; }

/* link colors in main content box */ 
#target a:hover[href]{color: #CC0000; text-decoration: none;}
#target a:link {color: #000000; text-decoration: none; font-weight: bold; }
#target a:visited {color: #000000; text-decoration: none; font-weight: bold; }
#target a:active {color: #000000; text-decoration: none; font-weight: bold;}

/* color of not active top menu items */
a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}

/* change the fonts. check different os/browser combinations after change */
.fontdef {
	font-family: sans-serif;/*helvetica,courier,arial;*/
	font-variant: normal; 
  	font-size: 12px;
}

/************************************************************/
body, html {
	
	border: 0px; margin: 0px; padding: 0px; 
	height:100%;  width:100%;
	box-sizing: border-box;    
}

.centered {
	margin-left: auto;
	margin-right: auto;
}
/********************** WELCOME PAGE *************************/

#welcomediv{ 
  text-align: center;
  height: 100%;
}

/******************* STRUCTURE/MENUS/HEADER ***************************/

#superdiv {
	margin-top: 0px;
	width:90%;
	min-height:100%;
	height: auto;
	overflow:auto; 
}

#head {
	position:fixed;
	width: 90%;
	height: 100px;
	z-index: 10;
}
#topbanner  {
	height: 40px;
 	text-align: center;
	font-size: 20px;
	margin-bottom:10px;
}

#banner {
	margin-top: 10px;
	text-align: center;
	border: 0px;
}

#submenu {
	margin-top: 100px;
	float: left;
	width: 18%;
	min-height: 100%;
	height: auto;
	margin-bottom: 20px;
}

#content {
	margin-left: 18%;
	min-height: 1px;
	height: auto;
	padding-top: 100px;
	padding-left: 4%;
	padding-right: 4%;
}

#centeredcontent {
	min-height: 1px;
	padding-top: 100px;
	padding-left: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
}

#footer {
	min-height: 20px;
}

#target {
	height:auto;
}

/***************** submenu *******************/

div.sublvl1 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  border: 0px;
  border-spacing: 10px;
  width: 70%; /*140px;*/
  text-align: left;
}

div.sublvl2 {
  margin-top: 5px;
  padding-left: 15%;
}

div.sublvl3 {
	margin-top: 5px;
	padding-left: 15%;
	font-size: 11px;
}

/**********************************************/

#lyrics { 
	text-align: center;
	background-color: #F5F5F5;
/*	padding-top: 20px;
	padding-bottom: 20px;
*/	overflow: auto;
	height: 100%
}

table.topmenu {
	margin-left: auto;
	margin-right: auto;
}
table.topmenu2 {
  margin-left: auto;
  margin-right: auto;
  border: 0px;
}
table.topmenu td {
  padding-left: 10px;
  padding-right: 10px;
}
table.topmenu2 td {
  padding-left: 10px;
  padding-right: 10px;
}

td.alignright {
  text-align: right;
}
tr.aligncenter {
  text-align: center;
}
td.aligncenter {
  text-align: center;
}
tr.alignright {
  text-align: right;
 
}

/******************** DOWNLOAD TABLES ********************************/

/*table DOWNLOAD - default*/
table.download { 
  border-spacing: 10px;
}

th.download { 
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.download td { 
}

/*table DOWNLOAD - music*/
th.filename { 
  width: 40%;
}
th.size { 
  width: 10%;
}
th.quality  { 
  width: 10%;
}
th.description { 
  width: 30%;
}


/************** album *********************/

table.album { 
  width: 100%;
  vertical-align: top;
}

.album td { 
  vertical-align: top;  
}

table.songlist { 
  width: 100%;
}

td.cover { 
  width: 35%;
}

td.lyrics { 
  width: 5%;
}

td.demo { 
  width: 10%;
}

img.cover { 
  vertical-align: top;
  height: 200px;
  width: 200px;
}

p.cycle { 
  font-size: 14px;
  /*text-align: center;*/
 }

/*****************************************/

td.active {
   /* color: #CC0000;*/
    font-weight: bold;
}

span.active {
/*    color: #CC0000;*/
    font-weight: bold;
}
span.link {
    cursor: pointer;
}

td.aligntop { 
  vertical-align: top;
 }

/***************** gallery *******************/

table.gallery { 
  width: 100%;
  text-align: center;
  /*padding-left: 0px;*/
}
td.gallery { 
  padding-top: 10px;
}

table.gallery_adm {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
}
td.gallery_adm { 
  text-align: center;
  padding: 10px;
  border: 1px solid #000000;
}

img.gallery { 
  border: 0px;
}

/*******************************************/

.question { 
  text-align: justify;
  font-weight: bold;
}
.answer { 
  text-align: justify;
}

.news { 
  text-align: justify;
}
.bio {
	text-align: justify
}
h1 { 
  font-size: 18px;  
}
hr.news { 
  width: 75%;
  color: #000000;
}

/************** reviews ******************/
.review {
       text-align: justify;
}

#subsubmenu_rev {
	float: left;
	padding-right: 20px;
		
}
#target_review {
	height:100%;
	padding-right: 50px;
/*  padding-left: 20px;
  position: absolute;
  padding-top: 20px;
  top: 100px;
  left: 200px;
  right: 200px;
  */

}

/************** contacts ******************/

p.contacts { 
  text-align: center;
}
div.linklist { 
  text-align: center;
}

ul.linklist { 
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}
p.linklist {
  margin-left: auto;
  margin-right: auto;
}