/* Standard-CSS fuer GLOR classics */





/* Einstellung der Abstaende zum Nullpunkt des Browsers und weitere Standards */

html, body, div, p,

h1, h2, h3, 

span, a, form, img 			{ margin: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; 

								font-size: 12px; line-height: 16px; color: rgb(194,184,185); }							  

body 						{ background: rgb(0,0,0) url('images/xx_body_bg.jpg') no-repeat; background-position: center 185px; } 



ul							{ margin-left: -26px; _margin-left: 16px; margin-top: 2px; margin-bottom: 2px; }

*+html ul					{ margin-left: 16px; }

  



img							{ behavior: url("../de/pngbehavior.htc"); border: 0px; }



							  

/* Allgemein gueltige Formatierungen */

h1 							{ font-size: 16px; line-height: 20px; margin-top: 20px; margin-left: 20px; color: rgb(170,0,50); }

h2 							{ font-size: 14px; margin-bottom: 15px; color: rgb(170,0,50); }

.pfeil						{ font-size: 13px; }

.small						{ font-size: 11px; line-height: 14px; }



/* Link-Formatierungen */

a							{ cursor: pointer; text-decoration: underline; }



a:link,	a:active, a:visited	{ text-decoration: underline; }

a:hover						{ text-decoration: underline; color: rgb(228,216,218); }



a.aktiv:link, a.aktiv:active, a.aktiv:visited 

							{ text-decoration: none; color: rgb(170,0,50); font-weight: bold; }

a.aktiv:hover				{ text-decoration: underline; color: rgb(170,0,50); }





/* Layer-Formatierungen */

.clear						{ clear: both; height: 1px; overflow: hidden; }



#roter_balken				{ position: absolute; z-index: 1; width: 50%; height: 70px; margin-top: 146px; background: rgb(170,0,50); }

#website					{ position: absolute; z-index: 2; width: 100%; }

	#website_center			{ margin: 0px auto; width: 995px; height: auto; background: url('images/xx_schatten_bg.png') repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/xx_schatten_bg.png', sizingMethod='scale'); }



	#banner		{ position: absolute; left: 50%; margin: 100px 0px 0px -200px; width: 250px; height: auto; z-index: 3; }



		#website_top		{ width: 977px; height: 25px; margin-top: 50px; margin-left: 10px; }

			#website_top_left	{ float: left; }

			#website_top_right	{ float: right; }

				#website_top_projektnavi { width: 360px; height: 25px; float: left; background: url('images/xx_projektnavi_bg.gif') no-repeat;

											margin-top: -11px; padding-top: 8px; padding-left: 25px; }

					#website_top_projektnavi a	{ color: rgb(232,231,231); }

				#website_top_facebook	{ width: 33px; height: 33px; float: right; margin-top: -11px; margin-left: 6px; } 

			

		#website_content	{ width: 978px; margin-left: 7px; border: 1px solid rgb(136,129,130); background: rgb(0,0,0); }

			#head_logos			{ height: 220px; }

			#head_navigation	{ height: 30px; margin-left: 20px; }

			#inhalt			{ width: 970px; height: auto; margin-top: 3px; }

		

		#website_bottom		{ width: 980px; height: 30px; margin-top: 10px; margin-left: 7px; }

			#website_bottom_left	{ float: left; }

			#website_bottom_right	{ float: right; padding-right: 7px; }







/* Formatierungen von Seiteninhaltselementen */

.bilderrahmen				{ border: 1px solid rgb(72,69,69); margin-bottom: 10px;}

#inhalt_box_produktfenster	{ width: 100%; height: 235px; border-bottom: 1px solid rgb(72,69,69); border-top: 1px solid rgb(72,69,69); }

.cover_info					{ display: block; width: 147px; height: 38px; overflow: hidden; font-weight: bold; font-size: 7pt; text-align: center; line-height: 11px; }





ul.inhaltsliste				{ margin: 0px 0px 0px -4px; padding: 0px; list-style-type: none; padding-bottom: 3px; }

ul.inhaltsliste li			{ padding-left: 15px; margin-left: 3px; padding-top: 2px; padding-bottom: 2px;

								background: url('images/xx_li-pfeil.gif') no-repeat; }



#katalog_schnellsuche		{ float: right; height: 23px; width: 310px; background: rgb(78,74,74); margin-top: 22px; margin-right: 20px;

								_margin-right: 10px; cursor: pointer; }

*+html katalog_schnellsuche	{ margin-right: 10px; }

#katalog_schnellsuche_pulldown { visibility: hidden; position: absolute; width: 310px; height: 250px; background: rgb(78,74,74);

								margin-left: 364px; margin-top: 47px; border: 1px solid rgb(68,0,20); overflow: auto; z-index: 9999; }

	ul.pulldownliste		{ margin: 0px; padding: 0px; list-style-type: none; padding-bottom: 3px; }

	ul.pulldownliste li		{ padding-left: 15px; margin-left: 3px; padding-top: 2px; padding-bottom: 2px;

								background: url('images/xx_li-pfeil.gif') no-repeat; width: 270px; }



.katalog_beschreibung		{ float: left; width: 330px; padding: 20px 0px 20px 20px; }

	.katalog_beschreibung table		{ width: 330px; background: rgb(78,74,74); margin-top: 20px; }

	.katalog_beschreibung table td		{ padding: 2px 5px 2px 10px; }

	.td_kategorie			{ font-weight: bold; vertical-align: top; }

.katalog_bild				{ float: left; width: 305px; padding-left: 20px; padding-top: 40px; padding-right: 5px; }

	.katalog_bild_person	{ float: left; width: 55px; font-size: 11px; line-height: 13px; padding-right: 7px; padding-top: 8px; }

	.katalog_bild_person img	{ margin-top: 2px; margin-bottom: 1px; }



.artikel_inhalt				{ float: left; width: 500px; padding: 20px 0px 20px 20px; }

.subskription				{ float: left; width: 653px; padding: 20px 0px 20px 20px; }

.kontakt_person				{ float: left; width: 450px; padding: 20px 0px 20px 20px; }

.kontakt_person img			{ float: left; margin-right: 20px; }

.kontakt_linie				{ float: left; height: 1px; padding-left: 20px; }

.kontakt_linie img			{ background: rgb(72,69,69); }



	.newsletter_htgr {
	background-image: url(images/newsletter_htgr.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 222px;
}		

.inhalt_box	{ float: left; padding-bottom: 20px; padding-left: 20px; }

	.inhalt_box_rahmen { border: 1px solid rgb(72,69,69); }
	
	.inhalt_boxtop_rahmen { background: rgb(68,0,20); height: 68px; border-top: 1px solid rgb(115,72,84); 

							border-left: 1px solid rgb(115,72,84); border-right: 1px solid rgb(115,72,84); }	

	.inhalt_boxbot_rahmen { min-height: 385px; _height: 385px; border-bottom: 1px solid rgb(72,69,69); border-left: 1px solid rgb(72,69,69); 

							border-right: 1px solid rgb(72,69,69); }

	.inhalt_inhalt_rahmen { float: left; height: auto; border-bottom: 1px solid rgb(72,69,69); border-left: 1px solid rgb(72,69,69); 

							border-right: 1px solid rgb(72,69,69); }

	.normal			{ width: 694px; }

	.produktfenster	{ width: 694px; height: 240px; }

	.newsletter		{ width: 220px; height: 120px; }

	.einkaufswagen	{ width: 220px; height: 120px; background-image: url(images/50_background_einkaufswagen.jpg); }

	.myglor			{ width: 220px; height: 98px; }

	.label			{ width: 452px; }

	.highlights		{ width: 220px; }

	.news			{ width: 220px; }

	.suchergebnis	{ width: 696px; }

	.suchergebnisdetails	{ width: 936px; }

		.inhalt_box_abstand	{ padding-left: 20px; padding-top: 20px; padding-right: 5px; }

		.inhalt_box_abstand p	{ padding-top: 8px; }

		.inhalt_box_ichsuche	{ padding-top: 10px; }

		.box_titel		{ float: left; margin-left: 20px; margin-top: 23px; }

		.box_icon		{ float: right; margin-right: 10px; margin-top: 8px; }

		.ecke_neu		{ position: absolute; z-index: 9999; margin-left: -1px; margin-top: -1px; }

		.small_box_left		{ float: left; width: 165px; padding: 15px 0px 0px 20px; }

			.small_box_left p		{ padding-top: 5px; }

		.small_box_right	{ float: left; width: 50px; padding-top: 10px; }

		.suchergebnis_ausgabe	{ margin: 10px; height: auto; }

		.suchergebnis_ausgabe_aktiv	{ margin: 10px; background-color: rgb(78,74,74); }

		.endergebniss_spalte1	{ float: left; width: 310px; margin: 10px; }

		.endergebniss_spalte2	{ float: left; width: 575px; _width: 565px; margin: 10px 10px 10px 0px; padding: 10px; background-color: rgb(78,74,74); }

		.endergebniss_spalte3	{ float: left; width: 915px; height: auto; margin: 10px; }

			.endergebniss_spalte3 h1 { font-weight: bold; font-size: 20px; color: rgb(213,50,81); margin: 10px 0 20px 0; padding: 0px; }

			.endergebniss_spalte3 h2 { font-weight: normal; font-size: 18px; color: rgb(194,184,185); margin: 5px 0 5px 0; padding: 0px; }

		.endergebniss_auswahl	{ margin: 5px 0px 5px 0px; }

		





/* Formulare */

.table_formular				{ background-color: rgb(26,26,26); border: 1px solid rgb(72,69,69); }

.table_formular td			{ padding: 5px 5px 0px 10px; }



input, select, textarea		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; }

.input_1					{ width: 280px; border: 1px solid rgb(72,69,69); background: rgb(233,233,233); }

.input_2					{ width: 80px; border: 1px solid rgb(72,69,69); background: rgb(233,233,233); margin-right: 5px; }

.input_3					{ width: 193px; _width: 191px; border: 1px solid rgb(72,69,69); background: rgb(233,233,233); }

*+html .input_3				{ width: 191px; }



.box_abstand				{ margin-left: 0px; _margin-left: -3px; }

*+html .box_abstand			{ margin-left: -3px; }

.pflicht					{ background: rgb(170,0,50); color: rgb(255,255,255); }

.error						{ color: rgb(170,0,50); }



.submit_anmeldung			{ background: url('images/xx_anmelden_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.submit_weiter				{ background: url('images/xx_weiter_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.submit_bestellung			{ background: url('images/xx_bestellen_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.submit_einkaufswagen		{ background: url('images/xx_einkaufswagen_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.submit_registrierung		{ background: url('images/xx_registrieren_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.submit_login				{ background: url('images/xx_login_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }

.submit_passwort			{ background: url('images/xx_passwort_bn.jpg') no-repeat; width: 193px; height: 23px; border: none;

								cursor: pointer; margin-top: 10px; margin-bottom: 10px; }



/* Einblendbarer Flash-Player */

#flash_player_bg			{ position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; background-color: #000000; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; visibility: hidden; z-index: 9998; }

#flash_player				{ position: absolute; width: 600px; height: 450px; padding: 20px 15px 25px 15px; background-color: #FFFFFF; text-align: center; visibility: hidden; z-index: 9999; }

#flash_player_film			{  }

#flash_player_navi			{ float: right; padding: 10px 2px 5px 0px; }



/* Einblendbarer MP3-Flash-Player */

#mp3_player_bg				{ position: absolute; top: 0px; left: 0px; width: 100px; height: 100px; background-color: #000000; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -khtml-opacity:0.6; visibility: hidden; z-index: 9998; }

#mp3_player					{ position: absolute; width: 440px; height: 340px; padding: 20px 15px 25px 15px; background-color: #FFFFFF; text-align: center; visibility: hidden; z-index: 9999; }

#mp3_player_bild			{ padding-top: 15px; height: auto; }

#mp3_player_film			{  }

#mp3_player_navi			{ float: right; padding: 0px 2px 5px 0px; _padding: 10px 2px 5px 0px; }



/* Slidemenü */

.komponisten				{ background-image: url('images/50_ichsuche_komponisten.jpg'); background-position: top; background-repeat: no-repeat; min-height: 30px; }

.kuenstler					{ background-image: url('images/50_ichsuche_kuenstler.jpg'); background-position: top; background-repeat: no-repeat; min-height: 30px; }

.serie						{ background-image: url('images/50_ichsuche_serie.jpg'); background-position: top; background-repeat: no-repeat; min-height: 30px; }

.alben						{ background-image: url('images/50_ichsuche_alben.jpg'); background-position: top; background-repeat: no-repeat; min-height: 30px; }

.werke						{ background-image: url('images/50_ichsuche_werke.jpg'); background-position: top; background-repeat: no-repeat; min-height: 30px; }

.MGroupContent				{ padding-left: 15px; }

.MGroupContent br			{ margin-top: 20px; }

div.MGroupContent			{ display: none; }

.bg_weiss					{ cursor: pointer; _cursor: hand; } 



.MGroupContent p			{ width: 180px; padding: 30px 0px 20px 0px; }



/* Webshop */



.td_abstand					{ border-bottom: 1px solid rgb(0,0,0); }

.td_center					{ text-align: center; }