html, body, ul, li, form
{
  padding: 0;
  margin: 0;
}

img
{
  border: 0;
}

body
{
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
}

body, table, textarea, input
{
  font: 12px/18px Arial, sans-serif;
  color: #333333;  
}

a:link 				{ text-decoration: none; color: #000000; background-color: transparent; }
a:visited 			{ text-decoration: none; color: #000000; background-color: transparent; }
a:hover 			{ text-decoration: underline; color: #5c9f00; background-color: transparent; }
a:active 			{ text-decoration: underline; color: #5c9f00; background-color: transparent; }
a:focus 			{ text-decoration: underline; color: #5c9f00; background-color: transparent; }

.green a:link 		{ text-decoration: none; color: #5c9f00; background-color: transparent; }
.green a:visited 	{ text-decoration: none; color: #5c9f00; background-color: transparent; }
.green a:hover 		{ text-decoration: underline; color: #5c9f00; background-color: transparent; }
.green a:active 	{ text-decoration: underline; color: #5c9f00; background-color: transparent; }
.green a:focus 		{ text-decoration: underline; color: #5c9f00; background-color: transparent; }

h1
{
	font-size: 1.5em;
	color: #5c9f00;
	line-height: 1em;
}

h2
{
	font-size: 1.3em;
	color: #5c9f00;
	line-height: 1em;
	/*border-bottom: 1px solid #F9AA00;*/
	/*border-bottom: 1px solid #5C9F00;*/
	padding-bottom: 3px;
}

h3
{
	font-size: 1.1em;
	color: #5c9f00;
	line-height: 1em;
}

b
{
	color: #5c9f00;
}

.smallInfoFont
{
	font: 0.8em/1em Arial, sans-serif;
	color: #666666;
}

.pad5
{
  padding: 5px;
}

.pad10
{
  padding: 10px;
  margin-bottom: 0;
}

*+html .pad10{padding: 10px 10px 8px 10px;}

.pad20
{
  padding: 20px;
}

#headLogin
{
	font-size: 0.8em;
	color: #FFFFFF;
}

#headLogin h2
{
	padding-top: 5px;
}

#headLogin a:link 		{ text-decoration: none; color: #FFFFFF; background-color: transparent; }
#headLogin a:visited 	{ text-decoration: none; color: #FFFFFF; background-color: transparent; }
#headLogin a:hover 		{ text-decoration: underline; color: #FFFFFF; background-color: transparent; }
#headLogin a:active 	{ text-decoration: underline; color: #FFFFFF; background-color: transparent; }
#headLogin a:focus 		{ text-decoration: underline; color: #FFFFFF; background-color: transparent; }

#headLogin form input
{
	font-size: 1.0em;
	color: #333333;
	padding-left: 20px;
}

#naviMainMenu li
{
	list-style-type: none;
	float: left;	
	color: #e3e1e1;
}

#naviMainMenu li a
{
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
  padding: 4px 10px;
  /* background: url(../images/layout/bkg_navi.gif) top right; */
}

#naviMainMenu a.itemSelected,
#naviMainMenu a:hover
{
   color: #333333;
   background: url(../images/layout/bkg_navi_rollover.gif) top right;
}

#naviHelpMenu { color: #FFFFFF; }
#naviHelpMenu a:link 		{ font-size: 0.8em; text-decoration: none; color: #FFFFFF; background-color: transparent; }
#naviHelpMenu a:visited 	{ font-size: 0.8em; text-decoration: none; color: #FFFFFF; background-color: transparent; }
#naviHelpMenu a:hover 		{ font-size: 0.8em; text-decoration: underline; color: #FFFFFF; background-color: transparent; }
#naviHelpMenu a:active 		{ font-size: 0.8em; text-decoration: underline; color: #FFFFFF; background-color: transparent; }
#naviHelpMenu a:focus 		{ font-size: 0.8em; text-decoration: underline; color: #FFFFFF; background-color: transparent; }

#optSubNavi { color: #333333; font-weight: bold; font-size: 1em; }
#optSubNavi a:link 			{ text-decoration: none; color: #5c9f00; background-color: transparent; }
#optSubNavi a:visited 	{ text-decoration: none; color: #5c9f00; background-color: transparent; }
#optSubNavi a:hover 		{ text-decoration: none; color: #333333; background-color: transparent; }
#optSubNavi a:active 		{ text-decoration: none; color: #333333; background-color: transparent; }
#optSubNavi a:focus 		{ text-decoration: none; color: #333333; background-color: transparent; }
#optSubNavi a.itemSelected 		{ text-decoration: none; color: #333333; background-color: transparent; }

#info * ul li
{
	margin: 5px 10px 0 30px;
}

#info * ul
{
	list-style-image: url(../images/layout/listItem_grey.gif);
}

#maincontent p, #maincontent td, #info p, #info td {
	color: #666666;
}

#maincontent * ul li
{
	margin: 5px 10px 0 30px;
	color: #666666;
}

#maincontent * ul
{
	list-style-image: url(../images/layout/listItem_grey.gif);
	margin-bottom: 20px;
}

#maincontent .registerLink {
	color:#579600;
	font-weight:bold;
	font-size:1.2em;
}

#maincontent .registerPfeil {
	font-weight:bold;
	font-size:1.5em;
	color:#FF9800;
}

#maincontent h1 {
	margin-bottom:25px;
}

#maincontent h2 {
	line-height: 120%;
}

#maincontent p {
	padding-bottom: 15px;
}

.infoBtn a:link
{
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	width: 207px;
	height: 24px;
	padding: 3px;
	text-align: center;
	background-image: url(../images/layout/btn_infobox_norm.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.infoBtn a:hover
{
	display: block;
	color: #f9aa00;
	font-weight: bold;
	text-decoration: none;
	width: 207px;
	height: 24px;
	padding: 3px;
	text-align: center;
	background-image: url(../images/layout/btn_infobox_roll.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.charts .chartsTable
{
	vertical-align: middle;
	line-height: 1.2em;
}

.charts table td.chartsMore
{
	width: 250px;
	height: 28px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
	background: url(../images/layout/btn_charts_bottom_back.gif) no-repeat top right;
}	

.chartsMore a.more
{
	display: block;
	text-align: right;
	padding: 0 30px 0 0;
	background: url(../images/layout/charts_footer_bkg.gif) no-repeat top right;
	color: #999999;
}

.chartsMore a.less
{
	display: block;
	text-align: left;
	padding: 0 0 0 28px;
	background: url(../images/layout/charts_footer_bkg_3.gif) no-repeat top right;
	color: #999999;
}

.moreLess
{
	display: block;
	text-align: left;
	padding: 0 0 0 10px;
	background: url(../images/layout/charts_footer_bkg_2.gif) no-repeat top right;
}		

.moreLess a
{
	padding: 3px 18px;	
	color: #999999;
}

span.moreCharts a, span.moreCharts a:hover  {
	background: url(../images/layout/btn_charts_bottom_more.gif) no-repeat right;
	height: 30px;
	margin: 0 0 0 125px;
	padding: 3px 23px 3px 5px;
	vertical-align: middle;
	color: #999999;
}

*+html span.moreCharts a{margin: 0 0 0 0; padding: 5px 23px 5px 0; vertical-align: middle;} 
*+html span.moreCharts a:hover{margin: 0 0 0 0; padding: 5px 23px 5px 0; vertical-align: middle;}

*+html span.moreCharts {padding:3px 0 3px 0; margin:0 0 0 134px;}

span.lessCharts a, span.lessCharts a:hover  {
	background: url(../images/layout/btn_charts_bottom_less.gif) no-repeat left;
	height: 30px;
	margin: 0 0 0 5px;
	padding: 6px 5px 6px 23px;
	vertical-align: middle;
	color: #999999;
}

.charts table td.chartsMore a:link
{
	color: #999999;
}

.charts table td.chartsMore a:hover
{
	color: #000000;
	text-decoration: none;
}

#footerBookmarkLink table, #footerBookmarkLink td
{
	padding: 0;
	margin: 0;
	text-align: right;
}

#footerBookmarkLink td
{
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bold;
}

#footerNavi
{
	position: relative;
	height: 140px;
	font-size: 0.9em;
	line-height: 1.8em;
	color: #FFFFFF;
	text-align: center;	
	background: url(../images/layout/bkg_footerNavi.gif) top center no-repeat;
}

#footerNavi ul 
{	
	position: relative;
	list-style: none; 
	float: left; 
	text-align: left;
	margin: 0 20px;
}

#footerNavi a:link 			{ text-decoration:none; color:#FFFFFF; background-color: transparent; }
#footerNavi a:visited 	{ text-decoration:none; color:#FFFFFF; background-color: transparent; }
#footerNavi a:hover 		{ text-decoration:underline; color:#FFFFFF; background-color: transparent; }
#footerNavi a:active 		{ text-decoration:underline; color:#FFFFFF; background-color: transparent; }
#footerNavi a:focus 		{ text-decoration:underline; color:#FFFFFF; background-color: transparent; }

#footerNavi li b
{
	font-weight: bold;
	color: #FFFFFF;
}

/*-------FEATURED ARTISTS---------*/

ul.anchor_list {
	background-color: #efefef;
	border: 1px solid #ccc;
	font: 11px Arial, sans-serif;
	color: #666;
	font-weight: bolder;
	width: 450px;
	padding: 0;
	margin: 0;
}

ul.anchor_list li {
	list-style-type: square;
	padding: 0 5px;
	margin: 5px 30px;
}

table.featured_artist{
	border: 1px solid #ccc;
	background-color: #efefef;
	font: 12px/18px Arial, sans-serif;
	color: #333;
	font-weight: normal;
	width: 450px;
	padding: 0;
	margin: 0;
}

td.fa_title {
	background-color: #efefef;
	font: 14px/18px Arial, sans-serif;
	color: #666;
	font-weight: bolder;
	padding: 10px 20px;
	margin: 10px;
}
/*-----------Specials-----------------*/

table.specials_table {
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
	width: 506px;
	table-layout: fixed;
	display:inline;
	float: left;
}

td.specials_title {
	background-image: url(../images/layout/header_specials.gif);
	background-repeat: no-repeat;
	width: 506px;
	height: 31px;
	padding: 0;
	margin: 0;
}

td.specials_title h2.specials {
	margin: 0;
	padding: 0 15px;
	font: 14px Arial, sans-serif;
	color: #333;
	font-weight: bolder;
}

td.specials_content {
	background-image: url(../images/layout/bkg_specials.gif);
	background-repeat: repeat-y;
	width: 506px;
	padding: 5px;
	margin: 0;
}

td.specials_content p {
	width: 480px;
	margin: 5px 15px 5px 10px;
	padding: 0;
	font: 12px/18px Arial, sans-serif;
	color: #333;
	font-weight: normal;
}

td.specials_footer {
	background-image: url(../images/layout/footer_specials.gif);
	background-repeat: no-repeat;
	width: 506px;
	height: 12px;
	padding: 0;
	margin: 0;
}

/****************FEATURED ARTISTS**********************/

table.featured_table {
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
}

td.featured_title {
	background-image: url(../images/layout/header_specials.gif);
	background-repeat: no-repeat;
	width: 506px;
	height: 31px;
	padding: 0 15px;
	margin: 0;
}

td.featured_title h2.fa {
	margin: 0;
	padding: 0 15px;
	font: 14px Arial, sans-serif;
	color: #333;
	font-weight: bolder;
}

td.featured_content {
	background-image: url(../images/layout/bkg_specials.gif);
	background-repeat: repeat-y;
	width: 506px;
	padding: 0;
	margin: 10px;
	font: 12px/18px Arial, sans-serif;
	color: #333;
	font-weight: normal;
}

td.featured_detail {
	width: 250px;
	padding: 0 10px;
	margin: 0;
}

td.featured_content_even {
	background-image: url(../images/layout/bkg_featured_odd.gif);
	background-repeat: repeat-y;
	width: 506px;
	padding: 0;
	margin: 10px;
	font: 12px/18px Arial, sans-serif;
	color: #333;
	font-weight: normal;
}

td.featured_content a {
	margin: 0;
	padding: 0 10px;
	font: 12px Arial, sans-serif;
	color: #aaa;
	font-weight: bolder;
}

td.featured_trenn {
	background-image: url(../images/layout/featured_trenn.gif);
	background-repeat: no-repeat;
	width: 506px;
	height: 12px;
	padding: 0;
	margin: 0;
}

td.featured_footer {
	background-image: url(../images/layout/featured_footer.gif);
	background-repeat: no-repeat;
	width: 506px;
	height: 12px;
	padding: 0;
	margin: 0;
}

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


.btn-myspace {
	border-bottom: 1px solid #000000;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
}

.btn {
	border: 1px solid #FF9800;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #579600;
	padding: 3px;
	background-image: url(../images/btn_bkg.gif);
}

.btnlink {
	border: 1px solid #FF9800;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	background-color: #579600;
	background-image: url(../images/btn_bkg.gif);
}

.btnlink2 {
	border: 1px solid #FF9800;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	background-color: #79CE01;
	background-image: url(../images/btn2_bkg.gif);
	background-repeat: repeat-x;
	
	display: block;
	text-align: center;
}

.textselect {
	margin: 4px 0;
    width: 236px;
    font: 12px Arial, Helvetica, sans-serif;
}

.textinput {
	margin: 4px 0;
	border: 1px solid #929292;
	font: 12px Arial, Helvetica, sans-serif;
	z-index: 1;
}

/* Accordion FAQ */

 * .accordion_toggle {
	display: block;
	height: 25px;
	padding: 0 10px 0 10px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	background: #EFEFEF;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}
		
.accordion_toggle_active {
	border-bottom: 1px solid #5A9E00;
}
		
.accordion_content {
	color: #444444;
	overflow: hidden;
}
			
.accordion_content h2 {
	margin: 15px 0 5px 0px;
	color: #0099FF;
}
			
.accordion_content p {
	line-height: 120%;
	padding: 0px 10px 0px 10px;
}
			
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #5A9E00;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	border-bottom: 1px solid #5A9E00;
}

.vertical_accordion_content {
	color: #444444;
	overflow: hidden;
	margin: 0 0 0 0;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 0px 10px 0px 10px;
}
       
#vertical_nested_container {
	width: 500px;
   margin-left: 20px;
}
    
#vertical_container {
	float: left;
    width: 506px;
    margin-left: 20px;
}

/* Tooltips */
  
.tooltip_content{
	background: #6BB600;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 20px 0 20px;
	color: #ffffff;
	font-weight: bold;
	width: 180px;
}
	  
.tooltip_top{
 	background: url(../images/tooltip_top.gif) left bottom no-repeat;
	width: 220px;
 }
 
.tooltip_bottom{
 	background: url(../images/tooltip_bottom.gif) left top no-repeat;
	width: 220px;
 }
 
.textfeld {
	width:300px;
}

#feedback_form textarea, #contact_form textarea, #invite_form textarea, #recommend_form textarea {
	width: 300px;
}

#feedback_form td, #contact_form td, #invite_form td, #recommend_form td {
	vertical-align: top;
}

#maincontent * a, #info * a, #mainStage * a {
	font-style: italic;
}
/*******************bereits gekauft******************************/
div#consumer_more{
	/*background: url(../images/button_forw.gif) no-repeat top right;
	width: 79px;
	height: 30px;*/
	padding: 0;
	margin: 0 20px 0 0;
	text-align: center;
	float: right;
}

div#consumer_more a, div#consumer_less a, div#consumer_more a:hover, div#consumer_less a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #579600;
	text-decoration: none; 
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;	
}

div#consumer_less{
	/*background: url(../images/button_back.gif) no-repeat top right;
	width: 79px;
	height: 30px;*/
	padding: 0;
	margin: 0 0 0 20px;
	text-align: center;
	float: left;
}

#overlay_songrila {
	padding: 0 20px 0 20px;
}

#col-specials {
	width: 495px;
	margin: 0px 0px 25px 30px;
	font: 12px Arial, Helvetica, sans-serif;
	float: left;
	padding: 0;
	z-index: 1;
}

/*********************SPECIALS***********************/

div#specials-header {
	background-image: url(../images/specials_head_norm.jpg);
	background-repeat: no-repeat;
	width: 498px;
	height: 104px;
	padding: 0;
	margin: 20px 0 0 0;
	z-index: 1;
}

div#specials-header p.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	font-weight: bold;
	padding: 30px 15px 10px 160px;
	margin: 0;
	z-index: 1;
}

p.absatz-bed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 8pt;
	width: 430px;
	padding: 0;
	font-weight: normal;
	margin: 0 0 10px 40px;
}

/******************SPECIALS*************************/
/*header*/
#specials {
	padding: 10px 10px 10px 80px;
	margin: 0;
	z-index: 3;
	border: 1px solid #c9c9c9;
}

#specials-header {
	width: 498px;
	height: 104px;
	padding: 0;
	margin: 0;
}

#specials-emergenza-header {
	background-image: url(../images/special-emer.jpg);
	background-repeat: no-repeat;
	width: 498px;
	height: 104px;
	padding: 0;
	margin: 40px 0 0 0;
}

#specials-emergenza-header p.head_emer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #fff;
	font-weight: bold;
	padding: 30px 10px 20px 160px;
	margin: 0;
}

#specials-right {
	background-image: url(../images/emergenza-right.jpg);
	background-repeat: no-repeat;
	width: 334px;
	height: 104px;
	float: right;
	padding: 0;
	margin: 0;
}

/*Inhalt*/

p.specials-absatz {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 430px;
	padding: 0;
	font-weight: normal;
	margin: 0 0 10px 40px;
}

p.specials-absatz a{
	color: #FF9900;
}

ol.specials{
	width: 430px;
	padding: 0 20px 0 60px;
	margin: 10px 0;
}

ol.specials li{
	font-weight: normal;
	padding: 0;
	margin: 0;
}

p.specials-absatz_fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 430px;
	padding: 0;
	font-weight: bolder;
	margin: 0 0 10px 40px;
}

/* labelSelecter  */

.selecter {
    float: left;
    width: 234px;
    margin: 0 15px 0 0;
	z-index: 1;
}

#main2 {
	padding: 20px;
}

.playerSource {
	width: 350px;
	height: 200px;
	border-top: 1px solid #929292;
	border-right: 1px solid #929292;
	border-bottom: 1px solid #929292;
	border-left: 3px solid #579600;
	font: 12px Arial, Helvetica, sans-serif;
	z-index: 1;
}

/********Koops**************/

div#koop_imp {
	background-color: #fafafa;
	border: 1px solid #bbb;
	width: 720px;
	height: 170px;
	padding: 0;
	margin: 10px 0;
	z-index: 1;
}

div#koop_imp h3.koop_head {
	font-size: 10pt;
	border: none;
	float: left;
	clear: none;
	padding: 0;
	margin: 5px 10px;
	z-index: 1;
}

div#koop_imp img {
	border: none;
	float: left;
	clear: both;
	padding: 0;
	margin: 15px 10px;
	z-index: 1;
}

div#koop_imp p.koop_text {
	border: none;
	float: left;
	width: 330px;
	clear: none;
	padding: 0;
	margin: 10px 0 10px 20px;
	z-index: 1;
}

div#koop_imp p.koop_text span#koop_way {
	font-weight: bolder;
	padding: 0;
	margin: 0;
	z-index: 1;
}

div#koop_imp p.koop_text span#koop_hinweis {
	font-weight: normal;
	color: #a00;
	padding: 0;
	margin: 0;
	z-index: 1;
}