
/* 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); }


.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: 694px; }
	.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; }