@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height:1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*------------------------
BODY
-------------------------*/
	body 			{ background:#B9BAC5 url(images/main_bkg.gif) top left repeat-x;  font:13px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
	.red			{ color:#cc3838;}
	.grey			{ color:#5f6868;}
	/*div.bkg			{ background-position:top center; background-repeat:no-repeat; overflow:auto;}*/
	div.bkg			{ background-position:top center; background-repeat:no-repeat; }
	
		div.one	 	{ background-image:url(images/bkg/1.jpg);}
		div.two 	{ background-image:url(images/bkg/2.jpg);}
		div.three 	{ background-image:url(images/bkg/3.jpg);}
		div.four 	{ background-image:url(images/bkg/4.jpg);}
		div.five 	{ background-image:url(images/bkg/5.jpg);}
		div.six 	{ background-image:url(images/bkg/6.jpg);}
		div.seven 	{ background-image:url(images/bkg/7.jpg);}
		div.eight 	{ background-image:url(images/bkg/8.jpg);}
		div.nine 	{ background-image:url(images/bkg/9.jpg);}
		div.fanclubs 	{ background-image:url(images/bkg/fanclubs.jpg);}
		div.ohne 	{ background-image:url(images/bkg/ohne_nav.jpg);}
		div.ohne_gastebuch 	{ background-image:url(images/bkg/ohne_nav_gastebuch.jpg);}		

/*------------------------
WRAP 
-------------------------*/
	div#wrap 		{ position:relative; width:1000px; height:700px; margin:0 auto;  z-index:0;}
	a#logo			{ width:415px; height:190px; text-indent:-9999px; display:block; background:none; position:absolute; top:90px; left:0; }

	
/*------------------------
CONTENT
-------------------------*/
	div.content 				{ width:975px; position:absolute; top:299px; left:15px; font-size:13px; line-height:16px;}
	div.contentnormal 				{ width:975px; top:299px; left:15px; margin-left:15px; font-size:13px; line-height:16px;}
	
	p.tableTitles				{ font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00506d; padding:0 0 4px 28px; background:url(images/line7_1.gif) bottom left no-repeat; font-weight:bold; }
	span.name					{ font-size:13px; font-weight:bold;}
	
/*2*/	div.biografie 			{ width:480px; height:194px; padding:0 0 0 25px; overflow:auto;}
			div.biografie p			{ width:455px; }

/*3*/	div.gastebuch 			{ height:206px; overflow:auto;}	
		div.gastebuchnormal 			{ }	
		ul.table3 li			{ clear:both; background:url(images/line3_3.gif) top left no-repeat; height:36px; padding:16px 0 0 28px; .margin-top:-4px; }
		ul.table3 li.monthLine	{ background-image: url(images/line3_1.png); height:22px; padding-top:8px; margin-top:0;}
		ul.table3 li.topLine	{ background-image: url(images/line3_2.gif); padding-top:10px;}
		
		ul.table3 li p			{ float:left; line-height:15px;}
		ul.table3 li p a			{ color:#00506d;}		
		ul.table3 li p a:hover		{ text-decoration:none;}
		
		p.tableTitlesThree		{ background-image: url(images/line3_0.gif);}
		
		span.tT1				{ width:100px; display:inline-block;}
		span.tT2				{ width:70px; display:inline-block;}
		span.tT3				{ width:540px; display:inline-block;}
		span.tT4				{ display:inline-block;}
		
		p.tB1					{ width:104px; font-size:16px;}
		p.tB2					{ width:75px;}
		p.tB3					{ width:530px;}		
		p.tB4					{ padding-left:15px;}		
		p.month					{ color:#c70000;}
	
/*4*/	div.bildergalerieContent{ top:68px;}
		div.bildergalerie 		{ position:relative;}
	
	
	/*-------- folder list --------*/		
		ul.folderList			{ position:absolute; width:400px; top:231px;}
		ul.folderList li		{ text-align:right; line-height:29px;}
			
		ul.folderList li a		{ background:url(images/img_icon_R.png) bottom right no-repeat; width:55px; height:24px; padding:2px 60px 2px 0; text-decoration:none; color:#000;}
			ul.folderList li a:hover,
			ul.folderList li a.activeFolder		{ background-position:top right;}			
			
	/*-------- photo list --------*/			
		ul.photoList 		{ position:absolute; width:64px; left:400px; top:175px; }		
		ul.photoList li		{ text-align:right; margin-bottom:6px;}	

		ul.photoList li a	{ background:url(images/img_icon_L.png) bottom left no-repeat; width:55px; height:23px; padding:0 60px 0 0; text-decoration:none; color:#000; display:block;}
		ul.photoList li a .thumb { width:22px; height:17px; padding:4px 0px 0px 31px; text-decoration:none; color:#000; display:block; }
			ul.photoList li a:hover,
			ul.photoList li a.activePhoto		{ background-position:left 2px;}
			ul.photoList li a.activePhoto .thumbActive { width:22px; height:17px; padding:4px 0px 0px 31px; text-decoration:none; color:#000; display:block; filter: alpha(opacity=40); opacity: 0.4; }
		ul.photoList li a img:hover { filter: alpha(opacity=40); opacity: 0.4; }

		div.photoWide	{ position:absolute; top:149px; right:34px; background: url(images/photo_wide.gif) top right no-repeat; width:463px; height:312px; padding:26px 0 0 34px;}
		div.photoTall	{ position:absolute; top:12px; right:170px; background: url(images/photo_tall.gif) top right no-repeat; width:292px; height:437px; padding:15px;}
		img.bildergalerieElement	{ position:absolute; top:187px; right:574px;}


/*5*/	div.discografie 		{ width:425px; height:226px; padding:0 0 0 55px; overflow:auto;}
		div.discografieLeftCol	{ float:left; height:225px; width:125px; margin-right:16px;}
		h2.discografieTitle		{ font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00506d; font-weight:bold; padding:0 0 8px 25px; margin-bottom:8px;}
		p.discografieText		{ font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
		img.cdCover				{ margin-bottom:25px;}
		a.play					{ padding-left:18px;}
		
		a.play:link, a.play:active, a.play:visited {
  font-weight: normal;
  color: #ef0500;
  text-decoration: none;
}

a.play span:hover {
  font-weight: normal;
  color: #ef0500;
  text-decoration: underline;
}
		

/*6*/	div.news	 			{ width:417px; height:230px; padding:0; overflow:auto;}
		div.news h2	 			{ font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00506d; font-weight:bold; border-bottom:1px solid #585e64; padding:0 0 8px 25px; margin-bottom:8px;}
		div.news h3	 			{ font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00506d; float:left; font-weight:bold; padding:0 0 0 25px;}
		div.news h3 a			{ font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8e0114; float:left; font-weight:bold;}
		div.news h3 a:hover { font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8e0114; float:left; font-weight:bold; text-decoration:none;}
		div.news span.date	 	{ font-size:11px; padding-left:25px; padding-left:25px;}
		
		div.news p.newsText		{ padding:5px 0 0 25px; clear:both;}		
		
/*7*/	div.gastebuch 			{ height:206px; overflow:auto;}	
		ul.table7 li			{ clear:both; background: url(images/line7_3.gif) top left no-repeat; height:50px; height:auto !important; min-height:50px; padding:16px 0 0 28px; }
		ul.table7 li.noLine		{ background-image: none; height:25px;}
		ul.table7 li.topLine	{ background-image:url(images/line7_2.gif); padding-top:12px;}
		
		ul.table7 li p			{ float:left; width:172px; line-height:15px; height:75px; min-height:75px; height:auto !important;}
		ul.table7 li p.spacer { float:left; width:10px; line-height:15px; height:75px; min-height:75px; height:auto !important;}
			ul.table7 li p.colB	{ width:728px; padding-bottom:14px;}		
			
		span.firstTableTitle	{ width:168px; display:inline-block;}
		
/*8*/	div.fanclub 			{ height:206px; overflow:auto;}	
		ul.table8 li			{ clear:both; background: url(images/line8_3.gif) top left no-repeat; height:42px; height:auto !important; min-height:42px; padding:16px 0 0 28px; width:545px; }
		ul.table8 li.noLine		{ background-image: none; height:25px;}
		ul.table8 li.topLine	{ background-image:url(images/line8_2.gif); padding-top:12px;}
		
		ul.table8 li p			{ float:left; width:154px; line-height:15px; height:10px; min-height:10px; height:auto !important;}
		ul.table8 li p.colB	{ width:380px; padding-bottom:14px;}
	
		p.fanclubTitles			{ width:545px; padding-top:25px; background:url(images/line8_1.gif) bottom left no-repeat;}
		
		div.fanclub a			{ color:#00506d;}
		a.emailImage			{ background: url(images/email.png) center left no-repeat; padding-left:23px; color:#00506d} /*fanclub and info page*/
		div.fanclub a:hover		{ text-decoration:none;}
		

/*9*/	h2.kontaktTitle			{ font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00506d; font-weight:bold; margin-bottom:14px; background:url(images/adresseTitleBkg.gif) top left no-repeat; width:502px; height:31px; float:left;}
		p.kontaktTextL,			
		p.kontaktTextR			{ font:12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;}
		p.kontaktTextL			{ padding-right:35px;}
		span.adresseTitle		{ font-size:13px; font-weight:bold; margin-bottom:15px; display:inline-block;}
		div.adresseBox			{ width:472px; height:142px; background:#eaebee url(images/adresse_bkg.gif) center top no-repeat; float:left; padding:26px 0 0 28px;}
		
		
/*--------contact form--------*/
		div#contactForm				{ overflow:auto; float:left; margin-right:45px; padding-left:45px;}
		
		#contactForm .form-row 		{clear:both; float:left; margin:0 0 1px; width:380px; position:relative; padding:1px;} 
		
		#contactForm input 			{border-top:solid 1px #77797a; border-left:solid 1px #77797a; border-right:none; border-bottom:none; color:#2A2E2C; float:left; font-size:11px; padding:3px; width:230px; background:#eaebee;}
		#contactForm label 			{display:block; float:left; font-size:11px; line-height:20px; width:130px; padding-right:10px;}	
		#contactForm textarea 		{border-top:solid 1px #77797a; border-left:solid 1px #77797a; border-right:none; border-bottom:none; color:#2A2E2C; float:left; font-size:11px; height:65px; padding:3px; width:230px; font-family:verdana; overflow:auto; background:#eaebee;}	
		#contactForm #submit,
		#contactForm #reset			{background: url(images/b_senden.gif) bottom left no-repeat; display:inline-block; height:19px; width:119px; text-align:right; margin:10px 0 0 0; float:right; border:medium none;}
		
		#contactForm #reset 		{ background-image:url(images/b_loschen.gif);}
		#contactForm #submit:hover,
		#contactForm #reset:hover	{background-position:top left;}

		#contactForm label.error	{color:#C03; width:auto; width:auto;} 
		
		#contactForm .checkbox input{ width:auto; border:none;}
		#contactForm .checkbox label{ width:auto; padding:0 3px 0 15px; border:none;}
		#contactForm .checkbox label.checkboxTitle{width:150px; padding:0 10px 0 0;}
		p.contactFooter{ float:left; line-height:22px; margin-top:30px; width:650px;}
		
		
/*-------- errorMessage ----------*/		
		p.errorMessage{ color:green; font-size:16px; font-weight:bold; left:61px; position:absolute; top:277px; padding-bottom:3px;}
		
		
/*-------- pagination ----------*/	
	p.pagination					{ padding-top:10px;}
	p.pagination a					{ font:12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#000; vertical-align:middle;}
		p.pagination a:hover		{ text-decoration:underline; color:#d03433;} 	
		p.pagination a.active		{ color:#d03433; text-decoration:underline; font-weight:bold;} 	
		
	p.pagination a.prev				{ background:url(images/left_arrow.gif) left 1px no-repeat; width:18px; height:18px; padding-left:25px; padding-top:1px; }
	p.pagination a.next				{ background:url(images/right_arrow.gif) right 1px no-repeat; width:18px; height:18px; padding-right:25px; padding-top:1px; }	
		p.pagination a.prev:hover	{ background-position:left 1px; }
		p.pagination a.next:hover	{ background-position:right 1px; }
		
	p.positionBiografie				{ margin:0; padding:23px 0 2px 150px;}
	p.positionTermine				{ background:url(images/line3_4.gif) left top no-repeat; padding-top:33px;}
	p.positionBildergalerie			{ position:absolute; top:442px; padding:2px; right:607px;}
	p.positionDiscografie			{ margin:0; padding:10px 0 2px 190px;}
	p.positionNews					{ margin:0; padding:10px 0 2px 25px;}
	p.positionGastebuch				{ background:url(images/line7_4.gif) left top no-repeat;}
	
	p.pagination a.new,
	p.pagination a.suedtirol,
	p.pagination a.ausland,
	p.pagination a.tvTermine,
	p.pagination a.alleTermine		{ background:url(images/b_neuer.gif) bottom left no-repeat; width: 140px; height:19px; margin:0 24px 0 171px; display:inline-block;}
	
	p.pagination a.suedtirol		{ background-image:url(images/b_sudtirol.gif); margin:0; width:125px;}
	p.pagination a.ausland			{ background-image:url(images/b_ausland.gif); margin:0; width:125px;}
	p.pagination a.tvTermine		{ background-image:url(images/b_tv.gif); margin:0; width:125px;}
	p.pagination a.alleTermine		{ background-image:url(images/b_alle.gif); margin:0 0 0 202px; width:125px;}
	
		p.pagination a.new:hover,
		p.pagination a.suedtirol:hover,
			p.pagination a.on,
		p.pagination a.ausland:hover,
			p.pagination a.on,
		p.pagination a.tvTermine:hover,
			p.pagination a.on		{ background-position: top left; text-decoration:none;}
		p.pagination a.alleTermine:hover,
			p.pagination a.on		{ background-position: top left; text-decoration:none;}
				

/*-------- menu ----------*/		
	#menu 							{ background:none; position: absolute; text-align:left; top:590px; left:15px;}
	#menu ul li  					{ display:inline-block; float:left; background:url(images/separator.gif) right center no-repeat;}
	#menu ul li.noSep 				{ background:none; padding-right:3px;}
	
	#menu ul li a					{ padding:13px 11px 12px;display: inline-block;font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;color:#000;}
		#menu ul li a:hover span,
		#menu ul li a.activeMenu span	{ color:#c20019;}
	
		#menu ul li a:hover,
		#menu ul li a.activeMenu 		{ background: url(images/menu_on.gif) 12px 34px  no-repeat;}
		
	#menunormal 							{ background:none; text-align:left; margin-left:15px; left:15px; margin-top:-5px;}
	#menunormal ul li  					{ display:inline-block; float:left; background:url(images/separator.gif) right center no-repeat;}
	#menunormal ul li.noSep 				{ background:none; padding-right:3px;}
	
	#menunormal ul li a					{ padding:13px 11px 12px;display: inline-block;font:16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;color:#000;}
		#menunormal ul li a:hover span,
		#menunormal ul li a.activeMenu span	{ color:#c20019;}
	
		#menunormal ul li a:hover,
		#menunormal ul li a.activeMenu 		{ background: url(images/menu_on.gif) 12px 34px  no-repeat;}
		

/*-------- menu curves ----------*/
	div#curves						{ position:absolute; top:575px; left:-5px; width:1000px; height:26px;}
	div#curvesnormal						{ left:-5px; width:1000px; height:26px; margin-left:-5px; }
	div.right						{ position:relative; float:right;}
			
		
/*------------------------
FOOTER
-------------------------*/	
	div#footer						{ clear:both; text-align:center; font:11px/11px Arial, Helvetica, sans-serif; position:absolute; top:666px; width:1000px;}
	div#footer a					{ color:#000;}
		div#footer a:hover			{ color:#c20019;}
		
	div#footernormal						{ text-align:center; font:11px/11px Arial, Helvetica, sans-serif; width:1000px;}
	div#footernormal a					{ color:#000;}
		div#footernormal a:hover			{ color:#c20019;}