bodppy {height:100%; margin:0px; margin-top:0px; padding:0px; font-family: Helvetica,Arial,sans-serif; color:black; font-weight: normal; font-size: 12px; text-align:center; }

body {
  font-family: Helvetica,Arial,sans-serif; 
  color:white; 
  
  font-weight: normal;  

  text-align: center; /* IE6 Fix */
  margin:20px 0;
  font-size: 12px;
  line-height: 1.5;
  background: #fff;
  margin:1.5em 0;
}

/* This is where you set your desired font size. The line-heights
 *    and vertical margins are automatically calculated from this.
 *       The percentage is of 16px (0.75 * 16px = 12px). */



/* A container should group all your columns. */
.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 950px;     /* Total width */
}

#main {padding:0px; margin: 0px auto; width:950px; max-width:950px; height:680px; background-color:black; text-align:left; z-index:10;}
a { font-weight: normal; color: #000000;  font-family: Helvetica,Arial,sans-serif;  text-decoration:none;}
a img { border:0px solid #fc0619; text-decoration:none; }
A:link { color: #000000; }
A:visited { color: #000000; }

A:focus { font-weight: normal; color: #fc0619;  FONT-FAMILY: Helvetica,Arial,sans-serif;  TEXT-DECORATION: none}

#loginPanel {
    width:150px;
    height:115px;
    margin: 0px;
    padding: 10px 5px 5px 5px;
		background-color:#262626;
		color:white;
	}	
	
p.login {
  padding:0px;
  margin:0px;
  width:150px;
}
p.login input {
  float:right;
  margin-right:5px;
  margin-bottom:8px;
  width:140px;
  /* height:18px; */  
}

label {color:white; font-weight:bold;}

input, select {
  -x-system-font:none;
  background-color:#FFFFFF; 
  border:1px solid #C9C9C9;
  font-family:Arial,Helvetica,sans-serif;
  font-size:100%;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:110%;
  padding:2px 0px 2px 2px;
}

.Language {width:961px; font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 11px; color: black; text-align: right; text-decoration: none;  }
.header {width:820px; height:130px; padding:0px; margin:0px; margin-top: 0px;  }
.action {width:1024px; height:40px; padding:0px; margin:0px; background-image: url('../images/orangemusic_back_navi.gif'); background-repeat:repeat-x;  clear:both;}
.banner {width:1024px; height:172px; padding:0px; margin:0px; background-image: url('../images/orangemusic_back_banner.gif'); background-repeat:repeat-x; clear:both;}
.hitmix {width:820px; height:35px; background-color:black;}
#Header_XTREME {color:#fe7e00; font-size:18px; line-height:24px; width:820px; max-width:805px; height:60px; padding:5px 5px 5px 10px; float:right; background-color:black;}
#Header_XTREME b {color:#fe7e00; font-size:22px; line-height:24px;}

.button2_long {float:left; width:185px; max-width:185px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ff6600; height:24px; max-height:20px; padding-top:0px; padding-left:0px; text-align:center; background-image: url('../images/button.png'); background-repeat:no-repeat; }
.button2_slong {float:left; width:162px; max-width:152px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ffffff; height:42px; max-height:42px; padding-top:4px; padding-left:10px; background-image: url('../images/button2_slong.gif'); background-repeat:no-repeat; }
.button2_sslong {float:left; width:162px; max-width:152px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ffffff; height:52px; max-height:52px; padding-top:4px; padding-left:10px; background-image: url('../images/button2_sslong.gif'); background-repeat:no-repeat; }

.button2_x_long {float:left; width:300px; max-width:300px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ff6600; height:24px; max-height:20px; padding-top:0px; padding-left:0px; text-align:center; background-image: url('../images/button.png'); background-repeat:no-repeat; }
.button2_x_slong {float:left; width:240px; max-width:240px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ffffff; height:42px; max-height:42px; padding-top:4px; padding-left:10px; background-image: url('../images/button2_x_slong.gif'); background-repeat:no-repeat; }
.button2_xx_long {float:left; width:266px; max-width:256px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ffffff; height:24px; max-height:20px; padding-top:4px; padding-left:10px; background-image: url('../images/button2_xx_long.gif'); background-repeat:no-repeat; }
.button2_xxx_long {float:left; width:266px; max-width:256px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ffffff; height:38px; max-height:34px; padding-top:4px; padding-left:10px; background-image: url('../images/button2_xxx_long.gif'); background-repeat:no-repeat; }

.BandButton { width:238px; max-width:228px; padding:0px; margin:0px; }

.button2_medium {float:left; width:137px; max-width:127px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:12px; color:#ffffff; height:24px; max-height:20px; padding-top:4px; padding-left:10px; background-image: url('../images/button2_medium.gif'); background-repeat:no-repeat; }
.button2_small {float:left; width:80px; max-width:80px; text-decoration:none; cursor:pointer; font-weight:bold; font-size:10px; color:#ffffff; height:24px; max-height:19px; padding-top:5px; text-align:center; background-image: url('../images/button2_small.gif'); background-repeat:no-repeat; }

.fan_register {width:892px; background-color:#242423; font-size:12px; }

.main_news {width:340px; font-size:12px; text-align:left; float:left; }
.main_center {width:302px; font-size:12px; text-align:left; float:left; }
.main_center_wide {width:560px; font-size:12px; text-align:left; float:left; }
.main_right {width:164px; font-size:12px; text-align:left; float:left; }
.main_frame {height:910px; background-color: rgb(144, 211, 238); }
#main-pic {max-width:430px; width:430px; clear:both;}
#inner-pic {max-width:430px; width:430px; padding-top:10px; padding-bottom:10px;  text-align:center; background-color:black;}

.NTTbuttons {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #0077AA;
	border-style: solid;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	background-color: White;
	}
.mainouterframe {width:950px; min-height:475px; padding:0px; padding-top:0px; padding-left:0px; float: left; background-color:black; background-image: url('../images/layout_back.jpg'); background-repeat:no-repeat; }
.mainleftpanel {width:320px; min-width:320px; max-width:340px; height:100%; padding:0px; float:left; }
.maincenterpanel {width:280px; min-width:285px; max-width:280px; height:100%; margin-left:5px; margin-right:5px; float:left;}
.mainrightpanel {width:150px; min-width:150px; max-width:150px; height:100%; padding:0px; float: left;  }
.outerleftframe {width:175px; min-width:175px; max-width:175px; height:100%; padding:0px; margin: 0px; margin-top: 10px; float:left; }

h3 {height: 25px; line-height: 25px; padding-left: 30px;
		font-weight: bold; 
		font-size: 12px; 
		color:#ff6600;
		background-color: #1e1e1e; 
    		
		margin-top: 5px;
		margin-bottom: 0px;
		background-image: url('../images/sectiontitle_arrow_invers.gif') !important; 
		background-repeat:no-repeat; background-position: left;

		}
a.xh4:link, a.xh4:visited  {	height: 18px; padding-left: 20px;
		font-weight: bold; 
		font-size: 14px; 
		color: #ff6600;
		
		background-image: url('../images/sectiontitle_arrow_invers.gif') !important; 
		background-repeat:no-repeat; background-position: left;
		
	}
	
a.xh4:link, a.xh4:visited  {	height: 18px; padding-left: 20px;
		font-weight: bold; 
		font-size: 14px; 
		color: #ff6600;
		
		background-image: url('../images/sectiontitle_arrow_invers.gif') !important; 
		background-repeat:no-repeat; background-position: left;

	}	
.xh4 {	
		height: 18px; padding-left: 20px;
		line-height: 18px; 
		font-weight: bold; 
		font-size: 14px;
    display:block;  
		color: #ff6600;
		background-color: #262626;

		background-image: url('../images/sectiontitle_arrow_invers.gif') !important; 
		background-repeat:no-repeat; background-position: left;
		
	 }
a.xh5XXXX:link, a.xh5XXX:visited {
		padding-left: 25px;
		/* margin-top: 22px; */
		height: 25px; 
    line-height: 25px;
		width: 170px;
		color: black;
		/* margin-bottom: 22px; */
	}   	
.xh5 { width: 170px; max-width: 150px; padding-left: 25px; height:20px; min-height:30px; line-height: 20px; display:block;} 

a.xh6:link, a.xh6:visited  {	
    height: 24px; 
    line-height: 24px; 
    padding-left: 20px;
		font-weight: normal; 
		font-size: 14px; 
		color: white;
		
		background-image: url('../images/sectiontitle_arrow_invers.gif') !important; 
		background-repeat:no-repeat; background-position: left;
		background-color: transparent;
	}	
.xh6 {	
		height: 24px; 
		line-height: 24px;
    padding-left: 20px;
    width:115px;
		font-weight: normal; 
		font-size: 14px;
    display:block;  
		color: white;
		
		background-image: url('../images/sectiontitle_arrow_invers.gif') !important; 
		background-repeat:no-repeat; background-position: left;
		background-color: transparent;
		
	 }

a.linkactive { color : #FF8300;	}

.xhsmall {
		height: 18px; padding-left: 20px;
		font-weight: bold; 
		font-size: 10px; 
		color: white;
		text-decoration:none;
		background-image: url('../images/arrow.gif') !important; 
		background-repeat:no-repeat; background-position: left;
	}
a.xhsmall:link, a.xhsmall:visited  {	height: 18px; padding-left: 20px;
		font-weight: bold; 
		font-size: 10px; 
		color: white;
		
		text-decoration:none;

		background-image: url('../images/arrow.gif') !important; 
		background-repeat:no-repeat; background-position: left;
		
	}	
a.xhsmall:hover  {	height: 18px; padding-left: 20px;
		font-weight: bold; 
		font-size: 10px; 
		color: white;
		
		text-decoration:none;
	
		background-image: url('../images/arrow.gif') !important; 
		background-repeat:no-repeat; background-position: left;
		
	}			

#mainmenu{
		margin-top: 2px;
		margin-bottom : 2px;
		height:20px;
	}
#meinasublevel {
		margin-top: 2px;
		margin-bottom : 2px;
		height:30px; min-height:30px; 
		border-style: solid;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
		border-color: #DDDDDD;
		display:block;
	}		
.disheader {
	height:24px; line-height:24px; margin-top:10px; font-size:14px;  color:white; background-color: #FF8300;
	}
	
.disbody {
		width:245px; max-width:255px;
    width:180px; max-width:185px; 
    height:95px; float:left; padding:3px; background-color: #262626 !important;
	}	
	
.disframe2 {
		width: 260px; max-width:166px; height:125px;   margin:5px; 
		border-style: solid;
		border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
		border-color: #DDDDDD;
	}	
.disframe { 
		/* width:250px; max-width:255px; */
    width:188px; min-width:190px; 
    height:135px; float:left;  margin:5px;
		
		background-color: #262626;
    border-color: #DDDDDD;

		padding-bottom: 10px;
		overflow:hidden;
	}	
#topbands {width : 285px;
		   margin-top: 0px;
		   padding: 0px;
		   height: 130px; 
		   clear: both;
		   
		   background-color:#262626;
	}
#topbands b {color:white;
	}
	
.topbandsfont {
		font-weight: bold; 
		font-size: 11px; 
		line-height:18px;

    white-space:normal; 
		
    color:white;
		border-style: solid;
		border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
		border-color: #DDDDDD;
	}	
.topbandsfont a{
    color:white;
		font-size: 11px; 
		line-height:18px;
    white-space:normal;
    width:120px; 
    max-width:120px;
    overflow:hidden;
    display:block; 
	}	
#topbandsfont:hover {
		background-color: #DDDDDD;
	}		
.clickbanner {
		  margin: 0px;
		  padding-left: 0px;
		  padding-right: 0px;
		  width:290px;
	}		
	
.outerrightframe {width:186px; max-width:186px; min-width:186px; padding:0px; margin-left:20px; float:left;}

.walkman_handset {width:164px; text-align:center; float:left; }

.columns {width:240px; padding:5px; text-align:left; border:0px solid red; float:left; }

.outerframe {width:312px; max-width:312px; min-width:312px; padding:0px; padding-left:10px; padding-right:10px; float:left;}
.outerframe a { font-weight: normal; font-size:11px; color: #016684;  font-family: Helvetica,Arial,sans-serif; text-decoration: underline; }
.outerframe a img { border:0px solid #016684; text-decoration:none; }

.innerframe {width:300px; min-height: 620px; height:auto !important; max-height:100%; padding:10px; padding-top:10px; margin:0px; font-family: Helvetica,Arial,sans-serif; font-size:11px; color:black; float:left;}
.innerframe_withborder {width:706px; max-width:706px; margin:10px; margin-top:0px; overflow:auto; background-color:#242423; float:left;}
.innerframe_small_withborder {width:510px; min-width:500px; max-width:500px; min-height:580px; height:100%; padding:3px; margin:0px; overflow:hidden; border:0px solid #5e7b8d; border-left:none; border-top:none; background-color:white; clear:both;}
.innerframe_small_left_withborder { width:250px; max-width:236px; min-height:75px; padding:5px; font-family: Helvetica,Arial,sans-serif; font-size:11px; color:black; border:2px solid #718560; background-repeat:repeat-x; background-color:#c4cfbe; clear:both;}

#container { width:820px; min-height:575px; height:100%; padding:0px;  float:left; }
.smaller { font-weight: normal; font-size:11px; color: white; line-height:12px; float:left; } 
.footer { height:10px; max-height:10px; width:820px; text-align:center; color:black; clear:both;}
.FooterElements {font-weight:bold; height:34px; min-height:34px; max-height:34px; line-height:35px; padding-right:15px; float:left;}


.TitleHead {width: 503px; font-family: Helvetica,Arial,sans-serif; font-size:13px; height:24px; color:#fc0619; font-weight:bold;text-align:center;  background-image:url(../images/TitleHead.gif); background-repeat:no-repeat; padding-left:5px; padding-top:4px; }
.TitleHead_Kurz {width:250px; font-family: Helvetica,Arial,sans-serif; font-size:13px; height:24px; color:#695a45; font-weight:bold; text-align:center; background-image:url(../images/TitleHead_Kurz.gif); background-repeat:no-repeat; padding-top:4px;}

.TitleHead_Kurz_Right {width: 140px; font-family: Helvetica,Arial,sans-serif; font-size:13px; height:24px; color:#695a45; font-weight:bold; text-align:center; line-height:24px; background-image:url(../images/TitleHead_Kurz_Right.gif); background-repeat:no-repeat;}

.TitleHead_Inner {width: 485px; font-family: Helvetica,Arial,sans-serif; font-size:13px; height:24px; color:#ffffff; font-weight:bold; text-align:center; background-image:url(../images/TitleHead_Inner.gif); background-repeat:no-repeat; padding-top:4px;}

.LanguageSelect {text-align:right; width:366px; }

.SubNaviElements {font-size:12px; font-weight:bold; width:190px; height:34px; color:white; min-height:34px; max-height:34px; line-height:35px; padding-left:10px; padding-right:10px; text-align:center; float:left;}

.SubNavi {font-weight:bold; padding:0px; height:34px; min-height:34px; max-height:34px; width:898px; max-width:898px; line-height:35px; background-color:#fe7636; color:white;}
.SubNavi a { font-family: Helvetica,Arial,sans-serif; font-size:12px; text-decoration: none; color:black; }
.SubNavi a:link { color:black;}
.SubNavi a:visited { color:black;}
.SubNavi a:hover { color:black; text-decoration:underline;}
.SubNavi a:active { color:#fc0619;}
.SubNavi a:focus { color:black; font-weight:bold; text-decoration:none;} 
		
.outerframe_withborder {width:526px; max-width:526px; min-height:610px; padding:0px; margin:0px; padding-top:10px; border:2px solid #718560; background:url(../images/oline1_bg.jpg); background-repeat:repeat-x; background-color:#c4cfbe; float:left;}

.Navi { padding-left:42px; font-family: Helvetica,Arial,sans-serif; font-size:14px; text-decoration: none; color:black; }
.Navi a { font-family: Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; text-decoration: none; color:black; }
.Navi a:link { color: black; }
.Navi a:visited { color: black; }
.Navi a:hover { color: black; background: url(../images/button_hover.gif); background-repeat:repeat-x; }
.Navi a:active { color: black; }


.boldwhite {font-weight: bold; color: #fc0619;}
.thumb_overlay 
{
    position:relative;  
    top:-54px; 
    border: 0px solid white;
}
.pos_korr
{ 
    position:relative; 
    top:-54px; 

}
#Video_Preview_Show { width:480px; min-width:480px; max-width:480px; float:left; } 


.LoginField  { width:150px; height:18px; max-height:18px; min-height:18px; line-height:14px; padding:0px; font-family: Helvetica,Arial,sans-serif; border: 1px solid #ee9900; color:black; background-color: #dddddd; font-size:12px;}
.LoginButton { font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FF8300;
	border-style: solid;
	border-color: grey;
	border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px;
	background-color: white; }
.LoginButton A:link { color: white; }

.RegisterKarte {height:40px; max-height:40px; min-height:40px; line-height:40px; font-family: Helvetica,Arial,sans-serif; color:black; font-size:14px; text-align:center; vertical-align:bottom;  background: url(../images/button.gif); background-repeat:repeat-x; float:left;}
A.RegisterKarte {color: black; font-weight: bold;}
A.RegisterKarte:hover {color: #fc0619; background: url(../images/button_hover.gif); background-repeat:repeat-x;}
A.RegisterKarte:focus {color: #fc0619; font-weight: bold;}

.RegisterKarte_akt {height:40px; max-height:40px; min-height:40px; line-height:40px; font-family: Helvetica,Arial,sans-serif; color:#fc0619; font-size:14px; text-align:center; vertical-align:bottom; background: url(../images/back_navi.gif); background-repeat:repeat-x; float:left; }
A.RegisterKarte {color: black; font-weight: bold;}
A.RegisterKarte_akt:hover {color: black; background: url(../images/button_active.gif); background-repeat:repeat-x;}
A.RegisterKarte_akt:focus {color: #fc0619; font-weight: bold;}

.RegisterKarteKlein { width:85px; max-width:85px;  height:18px; max-height:18px; min-height:18px; line-height:18px; font-family: Helvetica,Arial,sans-serif;  font-size:11px; color:white; text-align:center; vertical-align:bottom;  background: url(../images/register_button_klein.gif); background-repeat:repeat-x; float:left;}
.RegisterKarteKlein_akt { width:85px; max-width:85px;  height:18px; max-height:18px; min-height:18px; line-height:18px; font-family: Helvetica,Arial,sans-serif; font-size:11px; color:red; font-weight:bold; text-align:center; vertical-align:bottom; background: url(../images/register_button_aktiv_klein.gif); background-repeat:repeat-x; float:left;}

.SubmitButton { 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	height:22px;
	line-height:16px;
	color: #FF8300;
	border-style: solid;
	border-color: grey;
	border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px;
	background-color: black; 
}
.SubmitButton A:link { color: #ffffff; }
.SubmitButton A:hover { color: #ffffff; }
.BandButton { font-family: Helvetica,Arial,sans-serif; font-weight:bold; border: 0px solid #f59064; background-color:#bdcde7; color:#ffffff; font-size:12px; line-height:32px; width:228px; height:33px; text-decoration:none; padding-left:10px; text-align:left; cursor:pointer; background: url(../images/submit-button.gif); }

button {
  display: block;
  background:transparent none repeat scroll 0% 50%;
  border:0pt none;
  font-size: 11px;
  font-weight:bold;
  width:75px;
  height:23px;
  padding: 0;
  margin: 0;
  margin-right: -3px;
  vertical-align:middle;
  white-space:nowrap;
  cursor:pointer;
}
button.left { margin:0px; float:left;   width:75px;}
button.right { margin:0px; float:right; width:65px;}

button span {
  background: transparent url('../images/button.png') no-repeat scroll 100% -50px;
  display: block;
  padding: 0 4px 0 0;
}
button span span {
  padding: .3em 4px 7px 8px;
  line-height: 1;
  white-space: nowrap;
  background-position: 0 0;
  background-color: transparent;
  color: #ff6600;
}
button.large span span { padding: .3em 12px 6px 15px; }

button#search-submit { margin-top: -1px; margin-left: 4px; margin-right: 0px; float: left; display: inline; }

.button {
  display: block;
  background:transparent none repeat scroll 0% 50%;
  border:0pt none;
  font-size: 11px;
  font-weight:bold;
  width:75px;
  height:23px;
  padding: 0;
  margin: 0;
  
  vertical-align:middle;
  white-space:nowrap;
  cursor:pointer;
}
.button .left { margin:0px; float:left;}
.button .right { margin:0px; float:right;}

.button span {
  background: transparent url('../images/button.png') no-repeat scroll 100% -50px;
  display: block;
  padding: 0 4px 0 0;
  text-align:center;
}
.button span span {
  padding: .3em 4px 7px 8px;
  line-height: 1;
  white-space: nowrap;
  background-position: 0 0;
  background-color: transparent;
  color: #ff6600;
}
.button.large span span { padding: .3em 12px 6px 15px; }

.UploadButton { 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #FF8300;
	border-style: solid;
	border-color: grey;
	border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px;
	background-color: white; }
	
.UploadButton A:link { color: #ffffff; }
.UploadButton A:hover { color: #ffffff; }

.SubmitButton_Change { font-family: Helvetica,Arial,sans-serif; border: 0px solid #f59064; background-color:#bdcde7; color:#ffffff; font-size:10px; width:120px; height:33px; text-decoration:none; text-align:center; cursor:pointer; background: url(../images/submit-button-reg-aendern_de.gif); }
.SubmitButton_Change A:link { color: #ffffff; }
.SubmitButton_Change A:hover { color: #ffffff; }

.SubmitButtonFr { font-family: Helvetica,Arial,sans-serif; border: 0px solid #f59064; background-color:#bdcde7; color:#ffffff; font-size:10px; width:120px; height:33px; text-decoration:none; text-align:center; cursor:pointer; background: url(../images/submit-button_fr.gif); }
.SubmitButtonFr A:link { color: #ffffff; }
.SubmitButtonFr A:hover { color: #ffffff; }

.SubmitButtonEn { font-family: Helvetica,Arial,sans-serif; border: 0px solid #f59064; background-color:#bdcde7; color:#ffffff; font-size:10px; width:120px; height:33px; text-decoration:none; text-align:center; cursor:pointer; background: url(../images/submit-button.gif); }
.SubmitButtonEn A:link { color: #ffffff; }
.SubmitButtonEn A:hover { color: #ffffff; }


.GBField  { font-family: Helvetica,Arial,sans-serif; border: 1px solid #9782AD; color:black; background-color: white; font-size:10px; width:235px; height:40px; }

.Search { font-family: Helvetica,Arial,sans-serif; font-size:11px; padding-top:4px; text-decoration: none; color:#ffffff; }
.SearchField  { font-size:10px; font-family: Helvetica,Arial,sans-serif; border: 1px solid #6c765d; display:block; padding:2px; margin-bottom:10px; color:black; background-color:#ffffff; width:85px; float:left;}
.SearchButton { font-size:10px; font-family: Helvetica,Arial,sans-serif; border: 1px solid #6c765d; display:block; padding:1px; margin-bottom:10px; color:white; background-color:#718560; width:55px; text-decoration:none; text-align:center; float:left;}
.SearchButton A:link { color: #ffffff; }


A.NaviSub:link { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Helvetica,Arial,sans-serif; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none }
A.NaviSub:visited { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Helvetica,Arial,sans-serif; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none }
A.NaviSub:hover  { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Helvetica,Arial,sans-serif; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none }
A.NaviSub:focus  { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Helvetica,Arial,sans-serif; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none }

p { font-weight: normal; font-size: 12px; color: white; font-family: Helvetica,Arial,sans-serif; white-space: normal; TEXT-ALIGN: left; TEXT-DECORATION: none }
.normaltext td { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Helvetica,Arial,sans-serif; WHITE-SPACE: nowrap; TEXT-ALIGN: left; TEXT-DECORATION: none }
.Field  { font-family: Helvetica,Arial,sans-serif; border: 1px solid black; color:black; background-color: #ffffff; font-size:12px; line-height:20px; width:190px; padding:0px; margin:0px; height:20px; float:left;}
.Fieldcheck { font-family: Helvetica,Arial,sans-serif; border: 1px solid #ee9900; color:#dfabcf; background-color: #ffffff; font-size:10px; font-size:10px;}
.Fieldarea  { font-family: Helvetica,Arial,sans-serif; border: 1px solid #ee9900; color:#dfabcf; background-color: #ffffff; font-size:10px; width:250px; font-size:10px;}
.FieldButton { 
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #FF8300;
	border-style: solid;
	border-color: grey;
	border-top-width: 1px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 1px;

  background: transparent scroll 100% -50px; 

}
	
.FieldButton A:link { color: #ffffff; }
.FieldButton A:hover { color: #ffffff; }

.ImageButton { font-family: Helvetica,Arial,sans-serif; border: 1px solid #ffffff; background-color:#bdcde7; color:#ffffff; font-size:10px; width:80px; text-decoration:none; text-align:center; }
.ImageButton A:link { color: #ffffff; }


.TitleHead_Select {cursor:pointer; padding:0px; margin:0px; margin-right:0px; width:83px; font-family: Helvetica,Arial,sans-serif; font-size:10px; height:20px; color:black; font-weight:bold; text-align:center; background-repeat:no-repeat;  background-image:url(../images/TitleHead_Select.gif); padding-top:3px; float:left;}
A.TitleHead_Select:active {cursor:pointer; margin:0px; margin-right:1px; width:83px; font-family: Helvetica,Arial,sans-serif; font-size:10px; height:20px; color:black; font-weight:bold; text-align:center; background-repeat:no-repeat;  background-image:url(../images/TitleHead_Select_Pressed.gif); padding-top:3px; float:left;}

.TitleHead1 {font-family: Helvetica,Arial,sans-serif; font-size:13px; cursor:pointer;}
.TitleHeadText {position:relative; top:5px;}

option { height:15px; font-size: 11px; color:black; font-family: Helvetica,Arial,sans-serif; }
/* select { font-size:10px; border: 1px solid black; padding:1px; display:block; background-color: white; color:black; font-family: Helvetica,Arial,sans-serif; } */

/* fabs css */

.maincontentouterframe {width:490px; background-image:url(../images/oline1_bg.jpg); background-repeat:repeat-x; background-color:#f3bbd4;}
.maincontentinnerframe {width:470px; margin:10px; font-family: Helvetica,Arial,sans-serif; font-size:11px; color:black; background-color:#f3bbd4; }
.maincontentframe {width:820px; min-height:475px; padding:0px; padding-top:0px; padding-left:0px; float: right; background-color:#90d3ee; }
table {padding:0px; margin:0px;}
td {height:16px; padding:0px; padding-left:10px; font-family: Helvetica,Arial,sans-serif; font-size:12px; line-height:16px; color:white;}
tr {height:16px; font-family: Helvetica,Arial,sans-serif; font-size:11px; line-height:16px; color:black;}
h1 {font-family: Helvetica,Arial,sans-serif; font-size:22px; line-height:30px; color:#ff6600;}
h2 {padding:0px; margin:0px; font-family: Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; padding-left:10px; color:#ff6400; background-image:url(../images/navi_button_back.jpg); background-repeat:repeat-x; }

.kleingedruckt {font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 9px; color:gray;}

.cal {padding:5px; margin:0px; margin-left:2px;}
.cal td {background-color:#fad7a4; height:15px; width:15px; text-align:center; padding:0px; margin:0px;}

#band-music { padding-top:10px; height:86px; background-color:black;}

#commentarea {height:290px; clear:both;}
#commentarea textarea {border:1px solid black; width:435px; max-width:425px; height:60px; overflow:hidden;}
#commentoutput {position:absolute; clip:rect(0px 435px 190px 0px); border:1px dotted black; background-color: #262626; font-size:12px; color:white; width:430px; max-width:420px; height:180px; padding-right:5px; padding-left:5px; overflow:hidden; clear:both;}
#comment_container {position:relative; overflow:hidden; padding:5px; float:left; width:405px; max-width:395px;}

#biogarea {height:265px; clear:both; margin-bottom:10px;}
#biooutput {position:absolute; width:335px; max-width:325px; height:255px; padding-right:0px; padding-left:5px; clip:rect(0px 360px 275px 0px); border:1px dotted black; background-color: #262626; color:white; overflow:hidden; clear:both;}
#bio_container { width:300px; max-width:300px; position:relative; overflow:hidden; padding:5px; float:left;} 
#bio_scroll { width:325px; }

#blogarea {height:190px; clear:both; }
#blogoutput {position:absolute; width:335px; max-width:325px; height:180px; padding-right:5px; padding-left:5px;  clip:rect(0px 360px 190px 0px); border:1px dotted black; background-color: #262626;  color:white; overflow:hidden; clear:both;}
#blog_container {position:relative; width:310px; max-width:300px; overflow:hidden; padding:5px; float:left; } 
#blogarea textarea {border:1px dashed white; width:350px; height:60px; overflow:hidden;}
#blog_scroll { width:330px; }

.outputarea {border:0px dotted black; background-color: #262626; color:white; width:335px; max-width:320px; padding:5px; overflow:hidden; clear:both;} 
.outputarea a {color:white;}

#Recommend_band {width:335px; max-width:335px; clear:both;}
#Recommend_band_Form { display: none; }
#Recommend_band_Form Form { width:335px; max-width:335px;  margin:0px; }
#Recommend_band textarea {border:1px solid black; width:335px; max-width:330px;  height:60px; overflow:hidden;}

#Contact_band {width:335px; clear:both;}
#Contact_band_Form {width:335px;  display: none; }
#Contact_band_Form Form { margin:0px; }
#Contact_band textarea {border:1px solid black; width:335px; max-width:330px;  height:60px; overflow:hidden;}

#Contact_Editor {width:430px; height:130px; clear:both;}
#Contact_Editor_Form { display: none; }
#Contact_Editor_Form Form { margin:0px; }
#Contact_Editor textarea {border:1px solid black; width:430px; max-width:425px;  height:60px; overflow:hidden;}

    #tabHeader {
      float: left;
      padding:0px; margin:0px;
      width:605px;
      height:25px;
      line-height:normal;
     	/* 
       border-style: solid;
		  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; 
		  border-color: black;
      */
      
      }
    #tabHeader ul {
      margin:0;
      padding: 0px 0px 0;
      list-style:none;
      }
    #tabHeader li {
      float: left;
      background:url("../images/left_both.gif") no-repeat left top;
      width:194px;
      margin:0;
      padding:0 0 0 7px;
      color:#ff6600;
      border-bottom:1px solid #262626;
      }
    #tabHeader a {
      float:right;
      display:block;
      /*      width:150px; */
      background:url("../images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:white;
      }
    #tabHeader > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabHeader a {float:none;}
    /* End IE5-Mac hack */
    #tabHeader a:hover {
      color:#ff6600;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabHeader a {float:none;}
    /* End IE5-Mac hack */
    #tabHeader a:hover {
      color:#ff6600;
      }
    #tabHeader #current {
      background-position:0 -150px;
      border-width:0;
      }
    #tabHeader #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#ff6600;
      }
    #tabHeader li:hover, #tabHeader li:hover a {
      background-position:0% -150px;
      color:#ff6600;
      }
    #tabHeader li:hover a {
      background-position:100% -150px;
      }

    .content_mainframe { 
      width:625px; max-width:625px; height:548px; float:left;
    }
    .content_header {
      width:775px; height:40px; max-height:50px; margin-left:10px; clear:both; background-color:#262626;
    }
    .content_header h1 { 
      margin:0px; height:40px; min-height:40px; line-height:40px; padding:0px 0px 0px 20px;
    }
    .content_leftframe {
      width:190px; min-width:190px; max-width:190px; height:518px; margin:0px; padding-left:10px; float:left;
    }
    .content_rightframe { 
      width:300px; height:468px; margin:10px; padding:0px; border:0px solid white; font-family: Helvetica,Arial,sans-serif; font-size:12px; color:black; background-color:transparent; float:left;
    }
    
    .content_leftframe_band {
      margin-left:10px; padding-left:10px; width:145px; min-width:145px; max-width:145px; height:148px; float:left; background-color:#262626;
    }
    .content_rightframe_band { 
      width:610px; height:518px; margin:0px; padding:0px; border:0px solid white; font-family: Helvetica,Arial,sans-serif; font-size:12px; color:black; background-color:transparent; float:left;
    }
    .content_subframe { 
      width:605px; margin:10px; padding-left:10px; background-color:#262626;
    }
    .content_subframe2 { 
      width:580px; margin:10px; padding-left:10px; background-color:#262626;
    }
    .content_subframe1 { 
      width:605px; min-width:605px; max-width:605px; min-height:200px; padding-left:10px; overflow:auto; float:left; 
    }    
    .content_subframe_noborder { 
      width:590px; border:1px dotted white; color: white; background-color:#262626; 
    }    

    #newsfeed {width:270px; max-width:270px; height:215px; max-height:215px; padding:5px 0px 5px 30px; display:block; clear:both; background-color:#262626;}
    #newsfeed img {margin:0px 5px 0px 5px;}
    #newsfeed .item {border-bottom:1px solid #6c6c6c; margin:0px 0px 5px 0px; clear:both;}
    #newsfeed b {color:#ff6600;}

/* SCROLLER BLOG */
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative; left:0px;
    width:245px;
    max-width:245px;  
    height:215px;
    margin: 0px;
    overflow:hidden;
    float:left;
	}
    
div#scrollbar { 
  position:relative; top:0px; left:0px;
  width:11px; 
  height:215px; 
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; top:0px; left: 255px; float:left;
  width:11px; 
  height:215px;
  background: #808080; 
  /* background-image:url('../images/bg_scroll1.jpg'); */
  
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#262626;
  }  
div#up {   width:11px; position:absolute; top:0; clear:both; float:right;}  
div#down {   width:11px; position:absolute; bottom:0; float:left; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
    
/* SCROLLER BIO */
div#scrollbar2 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn2	{ 
    position:relative; left:0px;
    width:330px;
    max-width:330px;  
    height:255px;
    overflow:hidden;
	}
    
div#scrollbar2 { 
  position:relative; top:0px; left:0px;
  width:11px; height:255px; 
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track2 { 

  position: absolute; top:12px;  left: 325px; float:left;
  width:11px; height:231px;
  background: #da4201;
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#c41900;
  }  
div#up2 { position: absolute; left: 325px; top:0; float:left;}  
div#down2 { position: absolute; left: 325px; bottom:0; float:left;}

/* for safari, to prevent selection problem  */
div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2 {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar2 img {
    display:block; 
    } 
    
/* SCROLLER COMMET */
div#scrollbar3 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn3	{ 
    position:relative; left:0px;
    width:330px;
    max-width:330px;  
    height:255px;
    overflow:hidden;
	}
    
div#scrollbar3 { 
  position:relative; top:0px; left:0px;
  width:11px; height:255px; 
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track3 { 
  position:absolute; left:0; top:12px; float:right;
  width:11px; height:231px;
  background: #da4201;
  }
div#dragBar3 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#c41900;
  }  
div#up3 { position:absolute; left:0; top:0; }  
div#down3 { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar3, div#track3, div#dragBar3, div#up3, div#down3 {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar3 img {
    display:block; 
    } 
    
/* SCROLLER ABOUT */
div#scrollbar4 {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn4	{ 
    position:relative; left:0px;
    width:530px;
    max-width:530px;
    height:480px;
    min-height:498px;
    overflow:hidden;
    float:left;    
	}
    
div#scrollbar4 { 
  position:relative; top:0px; left:-5px; float:right;
  width:11px; 
    height:478px;
    min-height:498px;
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track4 { 
  position:absolute; left:0; top:0px; float:right;
  width:11px; 
      height:478px;
    min-height:498px;
  background: #808080; 
  }
div#dragBar4 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#262626;
  }  
div#up4 { position:absolute; left:0; top:0; }  
div#down4 { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down, div#scrollbar4, div#track4, div#dragBar4, div#up4, div#down4 {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar4 img, div#scrollbar img {
    display:block; 
    } 
        
.clear {height:5px;}
#headertoptext {color:white; font-size:22px; font-weight:normal; line-height:24px; text-align:right; padding: 10px; margin: 0px; }
#headertoptext h1 {color:#ff6600; font-size:24px; font-weight:normal; line-height:32px; padding: 0px; margin: 0px; }

#hauptnavi {width:775px; height:25px; margin-left:10px; margin-top:5px; background-image:url('../images/navi_button_back.jpg');}
#hauptnavi a {color:#ff6600; }
#hauptnavi a:hover {color:white; }
#hauptnavi .naviitem        {color:#ff6600; height:25px; line-height:25px; padding-left:30px; background-image:url('../images/navi_button_arrow.jpg'); background-repeat:no-repeat; float:left;}
#hauptnavi .naviitem_small  {width:60px;  color:#ff6600; height:25px; line-height:25px; padding-left:30px; background-image:url('../images/navi_button_arrow.jpg'); background-repeat:no-repeat; float:left;}
#hauptnavi .naviitem_large  {color:#ff6600; height:25px; line-height:25px; padding-left:30px; background-image:url('../images/navi_button_arrow.jpg'); background-repeat:no-repeat; float:left;}
