@charset "utf-8";
/* CSS Document 
	Basic-Layout	*/

*	{
	margin:0px;
	padding:0px;
	}
	
body	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../imgs/5linienHgr.jpg);
	text-align:center;
	}

							/*		header-bereich		*/

#headerContainer   {
	width:100%;
	text-align:center;
	background-image:url(../imgs/5linienHeader_hgr.jpg);
	height:82px;
	}
#logoContainer	{
	width:950px;
	height:82px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
#logo  {
	float:left;
	}
#schriftzug	{				/*   "Ihr Musik-Fachhandel in Berlin-Lichtenrade"	*/
	float:left;
	margin-left:30px;
	height:82px;
	width:auto;
	}
#schriftzug h1	{
	font-size:1em;
	color:#5A5A5A;
	margin:66px 0px 0px 0px;
	letter-spacing:0.1ex;
	}
#logo_FM	{
	float:right;
	margin-top:19px;
	margin-right:5px;
	}

							/*   abstand  zum  content-bereich  */
#weisserBalken	{
	width:100%;
	background-color:#FFF;
	height:45px;
	}

							 /*   Fix-Navi oben rechts   */
#fixNavi	{
	width:950px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	padding-right:12px;
	text-align:right;
	}
#fixNavi a	{
	font-size:0.8em;
	color:#5A5A5A;
	text-decoration:none;
	margin-left:20px;
	}
#fixNavi a:hover	{
	color:#E60505;
	}
#fixNavi a.aktiv	{
	color:#E60505;
	text-decoration:none;
	}

						/*   3-spalten  grund-layout	*/
#zentrierer	{
	width:950px;
	margin:14px auto 0px auto;
	}

#links	{
	width:200px;
	float:left;
	}
#mitte	{
	width:540px;
	float:left;
	margin-left:27px;
	margin-right:27px;
	margin-bottom:20px;
	background-image:url(../imgs/hgr_boxTitel.jpg);
	background-repeat:repeat-x;
	padding-top:1px;
	padding-bottom:6px;
	text-align:center;
	}
#rechts	{
	width:150px;
	float:left;
	text-align:left;
	}
	

/*   Layout für container links und rechts  */

.box_layout	{						/*  grund-layout: verlauf-titelbalken, weißer hintergrund, grauer rahmen   */
	background-color:#FFF;
	border-right:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	border-top:1px solid #E2E2E2;
	background-image:url(../imgs/hgr_boxTitel.jpg);
	background-repeat:repeat-x;
	padding-top:1px;
	padding-bottom:6px;
	}
#mainNavi	{							/*  Positionierung Produkte-Container + Suche, beide links   */
	width:198px;
	margin-bottom:20px;
	text-align:left;
	}
#sucheBox	{
	width:198px;
	}
	
#events 	{		/* Positionierung container rechts */
	width:150px;
	margin-bottom:20px;
	}
#monatsAngebot		{
	text-align:center;
	width:150px;
	margin-bottom:20px;
	}
#newsletter	{
	text-align:center;
	width:150px;
	}
#monatsAngebot h1	{			/*   titel klein+rot für box "Angebot des Monats" rechts oben */
	width:150px;
	font-size:0.7em;
	color:#E60505;
	text-align:center;
	height:23px;
	}	
#bookmarking	{				/*  social bookmarking - container		*/
	width:150px;
	text-align:center;
	margin-top:20px;
	}
#bookmarking p {
	font-size:0.7em;
	color:#333;
	border-bottom:1px solid #333;
	padding-bottom:4px;
	width:138px;
	text-align:left;
	margin: 0px auto 5px auto;
	}
#bookmarking img	{
	margin-right:8px;
	}

		/*  dunkel-graue container-Titel    */
h1.titel_grau	{		
	font-size:0.8em;
	color:#5A5A5A;
	text-align:left;
	padding-left:10px;
	padding-top:2px;
	margin-bottom:6px;
	}
			/*  Balken-Titel mitte, hier kommt name der Hauptkategorie mit dem Icon davor		*/
h1.titel_grau_icon	{
	height:23px;
	font-size:0.8em;
	color:#5A5A5A;
	text-align:left;
	margin-left:10px;
	background-image:url(../imgs/iconProd_Titel.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:2px;
	}
	

/*		mainNavi - Formate		*/
#mainNavi a.cat1	{
	font-size:0.8em;
	color:#5A5A5A;
	text-decoration:none;
	display:block;
	padding-left:8px;
	padding-top:5px;
	}		
#mainNavi a.cat1:hover	{
	color:#E60505;
	}		
#mainNavi a.cat1_aktiv	{
	color:#E60505;
	text-decoration:none;
	font-size:0.8em;
	display:block;
	padding-left:8px;
	padding-top:5px;
	}	
#mainNavi a.cat2	{
	font-size:0.7em;
	color:#5A5A5A;
	text-decoration:none;
	display:block;
	padding-left:20px;
	padding-top:3px;
	}		
#mainNavi a.cat2:hover	{
	color:#E60505;
	}		
#mainNavi a.cat2_aktiv	{
	font-size:0.7em;
	color:#E60505;
	text-decoration:none;
	display:block;
	padding-left:20px;
	padding-top:3px;
	}
	
.layout_prod_Cont	{					/*   weiße Container mit grauen Rahmen für Startseite + Produkt-Einstiegsseiten  */
	background-color:#FFF;
	border-right:1px solid #D6D6D6;
	border-left:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
	border-top:1px solid #E2E2E2;
	padding:8px;
	text-align:left;
	}


			/*   Standard Text-Formate + Bilder		*/
p.standardText	{
	padding:5px;
	color:#5A5A5A;
	font-size:0.8em;
	}
p.standardText a, p.standardText_sm a			{
	text-decoration:underline;
	color:#5A5A5A;
	}	
.standardText_sm	{
	padding:5px;
	color:#5A5A5A;
	font-size:0.7em;
	text-align:left;
	}

img	{
	border:0px;
	}


								/*  Formate für Formulare	*/
form	{
	width:auto;
	}
.eingabe  {
	background-color:#FFFFD8;
	border:1px solid #D6D6D6;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	font-size:0.9em
	}
.w280	{						/*  Breite von 280px für Eingabe-Felder	Kontakt-Formular	*/
	width:280px;
	}
.w174	{						/*  Breite von 174px für Eingabe-Feld Suche		*/
	width:174px;
	}
.w126	{						/*  Breite von 126px für Eingabe-Feld Newsletter		*/
	width:126px;
	}
.buttonLos		{
	border:none;
	background-image:url(../imgs/button_los.jpg);
	width:54px;
	height:20px;
	}
.buttonSenden		{
	background-color:#aad4fb;
	color:#34427f;
	padding:3px 4px 3px 6px;
	}
table	{
	width:100%;
	font-size:0.8em;
	color:#5A5A5A;
	}

	/*    Footer mit "zum Seitenanfang"   */
	
#footer	{
	width:540px;
	margin:0px 180px 30px 230px;
	text-align:right;
	}
#footer a  {
	font-size:0.7em;
	color:#999999;
	text-decoration:none;
	background-image:url(../imgs/pfeilBlauTop.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	}
#footer a:hover  {
	text-decoration:underline;
	}