
/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */

/* IE6 left-margin div class position hack, 
   prevents IE6 from doubling px margin-left entry */
* html .content_block_left {
   /* width : 20em; */
   display: inline;
}

html {
  font-family: Arial, Verdana;
  color: #666;
  font-size: 10pt;
  letter-spacing: 0.015em;
  line-height: 150%;
  font-weight:normal;
}

body{
  background:#E9E9E9;
  font-family: Arial, Verdana, sans-serif;
}

table {
  border-collapse: collapse;
}

td {
  border-style: none;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

td.rahmen {
  border: 1px solid black;
}

.artist {
  float:left;
  margin:5px 10px 5px 0px;
  padding-left: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  width:200px;
}

.artist_right {
  float:right;
  margin:5px 10px 5px 0px;
  padding-left: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  width:200px;
}

.artist_full_width {
  float:left;
  margin:5px 10px 5px 0px;
  padding-left: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  width:100%
}

.artist_55percent_width {
  float:left;
  margin:5px 10px 5px 0px;
  padding-left: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  width:55%
}

/*
table.table_mormal {
  border-collapse: separate;
}
*/

.magenta_subhdl {
  font-family: 'Eurostile Bold', Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #e52384;
}

p.m_hdl_18pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  color: #e52384;
  line-height: 1;
  letter-spacing: 0.005em;
}

.m_hdl_18pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  color: #e52384;
  line-height: 1;
  letter-spacing: 0.005em;
}

.m_hdl_14pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #e52384;
  line-height: 1;
  letter-spacing: 0.005em;
}

.blue_hdl_11pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #0062a9;
  line-height: 1;
  letter-spacing: 0.005em;
}

.blue_subhdl_14pt {
  font-family: 'Antique Olive Compact', 'Eurostile Bold', Arial, Verdana, sans-serif;
  font-size: 14pt;
  font-weight: regular;
  color: #0062a9;
}

.blue_subhdl_18pt {
  font-family: Arial Black, Verdana, sans-serif;
  font-size: 20pt;
  font-weight: regular;
  color: #0062a9;
}

.blue_subhdl_10pt {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #0062a9;
  letter-spacing: 0.005em;
  line-height: 100%;
}

.grey_subhdl_14pt {
  font-family: 'Antique Olive Compact', 'Eurostile Bold', Arial, Verdana, sans-serif;
  font-size: 14pt;
  font-weight: regular;
  color: #717171;
}

.grey_subhdl_11pt {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #717171;
  letter-spacing:0.005em;
}

.grey_hdl_18pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  color: #717171;
  letter-spacing: 0.005em;
}

.grey_hdl_14pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #717171;
  letter-spacing: 0.005em;
}

.grey_hdl_12pt {
  font-family: Arial, Verdana, Arial, sans-serif;
  font-size: 12pt;
  font-weight: regular;
  color: #717171;
  letter-spacing: 0.005em;
}

.grey_hdl_10pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #717171;
  line-height: 1;
  letter-spacing: 0.005em;
}

.blue_hdl_18pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  color: #0062a9;
}

.black_hdl_24pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 24pt;
  font-weight: bold;
  color: #000000;
}


.black_hdl_14pt {
  font-family: Arial Black, Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #000000;
}

.black_subhdl_14pt {
  font-family: 'Antique Olive Compact', 'Eurostile Bold', Arial, Verdana, sans-serif;
  font-size: 14pt;
  font-weight: regular;
  color: #000000;
}

.m_subhdl_10pt {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #e52384;
  letter-spacing: 0.005em;
  line-height: 100%;
}

.black_text_marker {
  float:left;
  margin:5px 10px 5px 0px;
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  width:250px;
  background:#000000;
  
  font-family: 'Antique Olive Compact', 'Eurostile Bold', Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: regular;
  color:#FFFFFF;
}

.black_text_marker_2 {
  float:left;
  margin:5px 10px 5px 0px;
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  width:260px;
  background:#000000;
  
  font-family: 'Antique Olive Compact', 'Eurostile Bold', Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: regular;
  color:#FFFFFF;
}

.french_lyrics {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: 0.015em;
  line-height: 160%;
  color:#e52384;
}

.german_lyrics {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  letter-spacing: 0.015em;
  line-height: 160%;
  color:#0062a9;
}

.link_blue_subhdl_10pt:link { 
  text-decoration:none; 
  color:#0062a9; 
  font-family: Verdana, Arial, sans-serif; 
  font-weight:bold; 
  font-size: 10pt; 
  background-color:#FFFFFF; 
  letter-spacing: 0.005em;
  line-height: 100%;
}
.link_blue_subhdl_10pt:visited { text-decoration:none; color:#0062a9; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 10pt; background-color:#FFFFFF; letter-spacing: 0.005em; line-height: 100%;}
.link_blue_subhdl_10pt:active { text-decoration:none; color:#0062a9; font-family: Verdana, Arialsans-serif; font-weight:bold; font-size: 10pt; background-color:#FFFFFF; letter-spacing: 0.005em; line-height: 100%;}
.link_blue_subhdl_10pt:hover { text-decoration:none; color:#FFFFFF; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 10pt; background-color:#000000; letter-spacing: 0.005em; line-height: 100%;}
.link_blue_subhdl_10pt:focus { text-decoration:none; color:#0062a9; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 10pt; background-color:#FFFFFF; letter-spacing: 0.005em; line-height: 100%;}

.link_m_subhdl_10pt:link { 
  text-decoration:none; 
  color:#e52384; 
  font-family: Verdana, Arial, sans-serif; 
  font-weight:bold; 
  font-size: 10pt; 
  background-color:#FFFFFF; 
  letter-spacing: 0.005em;
  line-height: 100%;
}
.link_m_subhdl_10pt:visited { text-decoration:none; color:#e52384; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 10pt; background-color:#FFFFFF; letter-spacing: 0.005em; line-height: 100%;}
.link_m_subhdl_10pt:active { text-decoration:none; color:#e52384; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 10pt; background-color:#FFFFFF; letter-spacing: 0.005em; line-height: 100%;}
.link_m_subhdl_10pt:hover { text-decoration:none; color:#e52384; font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size: 10pt; background-color:#000000; letter-spacing: 0.005em; line-height: 100%;}
.link_m_subhdl_10pt:focus { text-decoration:none; color:#e52384; font-family: Verdana, Arial, sans-serif; font-weight:regular; font-size: 10pt; background-color:#FFFFFF; letter-spacing: 0.005em; line-height: 100%;}

#container{
  width:980px;
  padding:35px 0px;
  margin:0 auto;
  overflow:hidden;
  background:#FFFFFF;
}

#header {
  height:170px;
  width:840px;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
  background-image: url(../img/mm_header_bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  /* box-shadow:0 0 50px rgba(0,0,0,0.5); */
}

#main_navi {
  height:50px;
  width:840px;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
}

#content {
  width:840px;
  margin:0 auto;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
}


.content_block_left {
  float:left;
  width:300px;
  margin:0px 0px 0px 15px;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
  font-size: 9pt;
}

.content_block_full_width {
  float:left;
  width:800px;
  margin:0px 0px 0px 15px;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
  font-size: 9pt;
}

.content_block_left_narrow {
  float:left;
  width:220px;
  margin:0px 0px 0px 15px;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
  font-size: 9pt;
}

.content_block_left_full_width {
  float:left;
  width:95%;
  margin:0px 0px 0px 15px;
  position:relative;
  background:#fff;
  border:0px #BBB solid;
}

.content_block_right {
  width:480px;
  margin-left: 340px;
  /*
  margin:30px 430px;
  padding-left: 60px;
  position:relative;
  */
  background:#fff;
  border:0px #BBB solid;
  font-size: 9pt;
}

.content_block_right_70percent {
  width:480px;
  margin-left: 280px;
  /*
  margin:30px 430px;
  padding-left: 60px;
  position:relative;
  */
  background:#fff;
  border:0px #BBB solid;
  font-size: 9pt;
}

.content_block_center {
  width:780px;
  margin:0 auto;
  /*
  margin:30px 430px;
  padding-left: 60px;
  position:relative;
  */
  background:#fff;
  border:0px #BBB solid;
  font-size: 9pt;
}

#footer {
  height:120px;
  width:980px;
  margin:0 auto;
  position:relative;
  background:#000;
  border:1px #BBB solid;
  /* box-shadow:0 0 50px rgba(0,0,0,0.5); */
}

#copyright_footer_text {
  float:left;
  margin:10px 0px 0px 15px;
  color: #AAA;
}

.clear {
clear:left;
}

 ul.bjqs-controls li a{
  display:block;
  padding:0px 10px;
  position:absolute;
  background:#CCC;
  color:#fd0100;
  text-decoration:none;
  text-transform:uppercase;
}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
  background:rgba(0,0,0,0.7);
  color:#fff;
  text-align:center;
}

 ol.bjqs-markers{
  padding: 0px 15px;
  height:29px;
  width:122px;
  position:absolute;
  bottom:0px;
  background-image: url(../img/teaser_over_bg_PNG.png);
  background-repeat:no-repeat;
}

 ol.bjqs-markers li{
  float:left;
  margin:5px 3px;
}

 ol.bjqs-markers li a{
  display:block;
  height:14px;
  width:14px;
  /* border:4px solid #fff; */
  overflow:hidden;
  text-indent:-9999px;
  background-image: url(../img/teaser_inactive_point.png);
  /* background:#000; */
  border-radius:10px;
  box-shadow:0 0 50px rgba(0,0,0,0.5);
}

ol.bjqs-markers li.active-marker a{
  background-image: url(../img/teaser_active_point.png);
  
}
