/* Stylesheet für Morgenstern Bikes & Parts Create by Frank Schulze-tompom.com © 1998-2007*/

/* Hinweis! Dieses Stylesheet beinhaltet nur Informationen für das Layout, nicht für die jeweilgen Inhalte in Inhaltsfeldern*/

	BODY 	{background-color: #F8F3E4 ;
	  		scrollbar-base-color:    #ffffff;
       		scrollbar-face-color:    #e4d8b1;
	   		scrollbar-3dlight-color: #666699;
	   		scrollbar-arrow-color:   #cc0000;
	   		font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	   		font-size: 8pt;}
	
/*Inhalt des oberen querframes*/
	#over	{position:absolute; left:5px; top:5px; width:760px; height:85px; z-index: 5; 
			border: 2 px solid #FAF5E7; 
			background: url(http://www.morgenstern-bikes.com/bilder/oben/over003.gif);
			background-color: #F0E1B9; no-repeat left top;}
			
	#inover 		  {display:none;}
	
/*Inhalt Submenue*/
	#submenue	  {position: absolute; left: 440px; top:70px; width:425px; height: 20px; 						margin: 0 0 0 0; padding: 0 0 0 0; z-index: 2;
				  border: 0 solid #FAF5E7;background: ; background-color: #;
				  font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10px; 	
				  font-weight: bold;color: #ffffff;display: block;}
				  
	#submenue li {float: left; margin: 0 0 0 0; padding: 0 4 1 4; 
			     border: 0 solid #FAF5E7; border-width: 0 0 0 0; background: ;
			     background-color:;list-style-type: none;}

/*Umfang des Menüs*/
	#menue		  {position: absolute; left:616px; top: 92px; width:149px; 
				  height: 250px; z-index: 1; 
				  background: url(http://www.morgenstern-bikes.com/bilder/menue/mu03.gif);
				  no-repeat left top; border-style: solid; border-color: #FAF5E7;
				  border-width: 0 0 0 0; background-color: ; display: block; 

							}	
	#menue2 	  {padding: 20px 10px 0px 37px;
							}
	/*--- beginn Navigation ---*/
	div#navigation a 						{ /* alle Links in der Navigation auswählen */
	              display: block;  /* zeilenumbruch nach jedem Bild */
				  width: 120px;    /* jedem Link die Dimensionen der Buttons geben */
				  height: 25px; background-repeat: no-repeat;
													}
		/*Nun für jeden der links einen normales Button, und einen für den Hover/RollOver/mouseOver-Zustand auswählen.*/
	div#navigation a#link1	 		{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_profil.gif)}
	div#navigation a#link1:hover 	{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_profil_o.gif)}
	div#navigation a#link2 			{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_produkte.gif);}
	div#navigation a#link2:hover 	{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_produkte_o.gif);}
	div#navigation a#link3 			{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_location.gif);}
	div#navigation a#link3:hover {background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_location_o.gif);}
	div#navigation a#link4 			{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_kalender.gif);}
	div#navigation a#link4:hover 	{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_kalender_o.gif);}
	div#navigation a#link5 			{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_galerie.gif);}
	div#navigation a#link5:hover 	{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/003_galerie_o.gif);}
	div#navigation a#link6 			{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/referrer.gif);}
	div#navigation a#link6:hover 	{background-image: url(http://www.morgenstern-bikes.com/bilder/menue/referrer_f2.gif);}
		/* Zuletzt "verstecken" wir allen Text in der Navigation */
	div#navigation span 				{display: none;}
	/*--- ende Navigation ---*/
	#news			  {position:absolute; left: 764px; top:92px; width:196px; height:200px;
						z-index: 0; background-color: #FBF9F0 ; border: 1px solid #F0E1B9;
						padding: 7px 5px 5px 5px;
						font-family: Verdana, Arial, Helvetica, Sans-Serif; 
						font-size: 10px; font-weight: none; color: #333333;
							display:;
							}
	#news span  {color: #993300;
							}

/*Umfang des Contents*/
	#content		  {
	position: absolute;
	left:5px;
	top:92px;
	width:760px;
	height: px;
	border: 0px solid #666699;
	background-color: #F0E1B9;





							}
	#overhead{		left:0px; top:0px; width:300px; height: 60px;
							}
	#content2{		left:0px; top:0px; width:580px; min-height: 400px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; 
							border: 0px solid #666699; background-color: #F0E1B9;
							font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 12px;
							}
	#content2 img {float: left; left: 0px; margin: 0px 3px 0px 3px;
							}
	#content h4   {font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 12px; font-weight: bold;color: #3A5E81;
							}
	#content h3   {font-size: 11px; font-weight: bold;color: #993300;
							}
	#content p     {font-size: 11px; font-weight: ;color: #333333; 
							}
	#content li 	  {margin: 0 0 0 0; padding: 0 0 0 0;  
							border: 0 solid #666699;	background: ;
							list-style-type: none; display: block;
							}
	/*Style für Galerie*/
	#galerie         {float: left; width:250px; height: 74px; margin: 10px 15px 5px 0px; padding: 0px 3px 0px 0px; 
							border: 1px solid #666699; background-color: #F0E1B9;
							font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;
							}
	#galerie span {font-weight: bold;color: #993300;
							}
	#galerie img   {float: left; left: 0px; margin: 3px 3px 3px 3px;
							}
	div#galerie a:link			  {font-weight: bold; color: #336699; text-decoration: none
							}
	div#galerie a:visited 		  {font-weight: bold; color: #336699; text-decoration: none
							}
	div#galerie a:hover 		  {color: #993300; text-decoration: underline
							}
	div#galerie a:active 		  {color: #339900; text-decoration: underline
							}						
	
	#bg					{width:540px; height: px; margin: 10px 15px 5px 0px; padding: 3px 3px 3px 3px; 
							border: 1px solid #666699; border-width: 1px 1px 1px 1px; background-color: #F0E1B9;
							}
	#bbs				{width:550px; height: 20px; margin: 10px 15px 0px 3px; padding: 3px 5px 3px 20px; 
							border: 0px solid #666699; background-color: #999966;
							}
	#bbg				{width:550px; height: 600px; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 0px; 
							border: 0px solid #666699; background-color: #F0E1B9;
							}
	#bg img   		{float: left; margin: 3px 3px 3px 3px;
							}
	#im      {left:0px; top:0px; width:550px; height: 400px; margin: 0px 0px 0px 3px; padding: 0px 0px 0px 5px; 
							border: 0px solid #666699; background-color: #993300;
							font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 12px; color:#ffffff;
							}
	/*Style für den Kalender*/
	.kalender         {float: left; width:550px; height: px; margin: 10px 15px 5px 0px; padding: 0px 0px 0px 0px; 
							border: 0px solid #666699; background-color: #F0E1B9;
							font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px;
							}
	.kalender span {font-weight: bold;color: #336699;
							}
	.kalender img   {float: left; left: 0px; margin: 0px 3px 0px 0px;
							}
							
/* Umfang des unteren Querframes*/
	#under			  {position: absolute; left: -2px; width: 764px; height: 50px;	margin: 0 0 0 0;
							border: 2px solid #F8F3E4;	background-color: #F8F3E4;
							font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px; font-weight: bold; color: #ffffff;
							display:;

							}
	#under2		  {position: relative; float: left; width:760px; left:10px;
							border: 0px solid #666699; 
							display: block;
							}
	#under li 		  {float: left; margin: 0px 0px 0px 0px; padding: 2px 5px 1px 5px; 
							border: 0px solid #FAF5E7; border-width: 0 0 0 0;	background: ; background-color: ;
							list-style-type: none; display: block;
							}
	#login			  {position: absolute; left: 680px; width:52px; padding: 2px 0px 15px 0px; 
							}


	a:link			  {font-weight: bold; color: #ffffff; text-decoration: none
							}
	a:visited 		  {font-weight: bold; color: #ffffff; text-decoration: none
							}
	a:hover 		  {color: #EAD397; text-decoration: underline
							}
	a:active 		  {color: #EAD397; text-decoration: underline
							}
							
	.hindex          {position: relative; float: left; width:160px; margin: 5px 5px 5px 5px; padding: 3px 3px 3px 3px; 
							border: 1px dotted #666699; 
							font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;}
	.hindex a:link  {font-weight: bold; color: #3a5e81; text-decoration: none
							}
	.hindex a:visited		  {font-weight: bold; color: #3a5e81; text-decoration: none
							}
	.hindex a:hover 		  {color: #99CC00; text-decoration: underline
							}
	.hindex a:active 		  {color: #99CC00; text-decoration: underline
							}						
	
/*Funktionsumfang __ Rferenzliste für vergessliche wie mich
margin: 0 0 0 0;              		Puffer um die Box _ oben rechts unten links
padding: 0 0 0 0;               	Abstand des Inhalts zum Rand der  Box
list-style-type: none;         	bezeichnet die stilelemete einer liste
border: 1 solid #666699;  	Die Breite und Art des Rahmens _ Breite Art Farbe*/