html{ 
 	margin:					0; 
 	padding:				0; 
} 

body {
	background-color:  			#444444;
	background-image:  			url(/catalog/images/background/bg-no-logo-bottom-small.png);
	background-repeat: 			repeat-y;
	background-position:			0px 759px;	 
 	margin:					0; 
 	padding:				0; 

} 


#mshack-pagewidth{ 
 	max-width:				1000px;  
 	min-width:				1000px;  
}

#mshack-header{
 	position:				relative; 
 	height:					178px; 		/* Logo = 1000x178 */ 
 	width:					1000px;
 	background-image:  			url(/catalog/images/background/logo3.jpg);
	background-repeat: 			no-repeat;
} 

#mshack-background-top{
	position:				absolute;
 	top:					179px; 
 	left:					0px;
 	width:					1000px;
 	height:					580px; 		 
 	background-image:  			url(/catalog/images/background/bg-no-logo-top.png);
 	background-repeat: 			no-repeat;
} 



/* [Startseite]  [Katalog]  [Banner]  */
#mshack-top-menue{							
 	position:				absolute;
 	top:					173px; 
 	left:					0px;
 	width:					1000px;
}

#mshack-left-menue{
	z-index:				20;
 	position:				absolute;
 	top:					249px; 
 	left:					7px;
 	width:					133px;
   	border:					1;
	height: 				475px;        		
}

#mshack-right-menue{
 	z-index:				20;
 	position:				absolute;
 	top:					250px; 
 	left:					860px;
 	width:					133px;
   	border:					1;
   	overflow:				hidden;
   	--background: 				blue;			/*debug*/
	height: 				475px;        		
}

#mshack-main-div{
 	position:				relative;		/*bezieht sich relativ auf  #mshack-header */
 	top:					32px; 
 	left:					220px;
 	width:					570px;
 	
 	min-height:				520px; 			/* dann kommt footer */
 	--height:				auto !important;	/* hack for IE6 geht nicht*/
	height: expression( this.scrollHeight < 521 ? "520px" : "auto" ); /* sets min-height for IE */

	
	overflow:				hidden;
 	-background: 				#440055;		/*debug*/
 	
}

td.pageHeading{
 	text-align:				center;			
}


#mshack-product-list-div{
	text-align:				center;		
	width:					570px;	
}


table.infoBox {
	z-index:				20;
   	-moz-border-radius:			5px;
	-khtml-border-radius:			5px;
}

table.infoBox2  {
	z-index:				20;
	border:					0px;
}

.messageStackError, 
.messageStackWarning {
	background-color:			#A00000;
	font-family:				Verdana,Arial,sans-serif;
	font-size:				11px;
}

textarea {
	background-color:			#CCCCCC;
}

.productsNotifications {
	visibility:				hidden;
}


#mshack-footer{
	position: 				relative;   				/* absolute geht nicht, da vom content abhängig*/			
											/* relative bezieht sich auf das vorgehende relative */			
 	left:					7px;
	top: 					50px;
	height:					166px;
 	width:					986px;					/* width+padding=Gesamtgrösse */
	z-index:				1;					/* im Problemfall, das Menue nicht ueberdecken*/

 	background-image:  		        url(/catalog/images/background/bg-footer.png);
 	background-repeat: 		        no-repeat;

 	--background: 				#344434;				
 	--filter:				alpha(opacity=75); 			/* IE's opacity*/
 	--opacity: 				0.75;

	text-align:				center;	
	margin:					0px 0px 0px 0px; 			/* Aussenabstand oben, rechts, unten und links.*/
	border:					0px;  					/* Rahmen */
	-moz-border-radius:			20px;
	-khtml-border-radius:			20px;
 	padding:				0px 0px 20px 0px;			/* Innenabstand oben, rechts, unten und links.*/
	font-family:				Verdana,Arial,sans-serif;
	font-size:				9px;


}

.sinfo {
	margin:					0px 0px 0px 0px; 			/* Aussenabstand oben, rechts, unten und links.*/
	--border-bottom: 			1px solid #C0C0C0;			/* Trenner */
	--border-top: 				1px solid #95D2F6;
	line-height: 				100%;
	overflow: 				hidden;
	padding: 				1px;
	text-align: 				center;
}
#ft {
	--background: 				#E8F5FD;
	--border-top: 				1px solid #C0C0C0;			/*Trenner*/
	padding: 				5px 0px 0px 0px;
	text-align: 				left;
}

.clearfix {
	display: 				block;
	--width:				998px;					/* width+padding=Gesamtgrösse */
}


.col {
	display: 				inline;
	float: 					left;
	--width: 				25%;
	--color: 				#C0C0C0;
	font-family:				Verdana,Arial,sans-serif;
	font-size:				10px;
}

.col.block1 {
	width: 					140px;
	padding:				0px 0px 5px 0px;			/* Innenabstand oben, rechts, unten und links.*/
	float: 					left;
	--background: 				#a44400;
}
.col.block2 {
	width: 					260px;
	padding:				0px 30px 5px 60px;			/* Innenabstand oben, rechts, unten und links.*/
	float: 					left;
	--background: 				#144400;
}
.col.block3 {
	width: 					260px;
	padding:				0px 0px 5px 60px;			/* Innenabstand oben, rechts, unten und links.*/
	float: 					left;
	--background: 				#341400;
}
.col.block4 {
	width: 					140px;
	padding:				0px 0px 5px 0px;			/* Innenabstand oben, rechts, unten und links.*/
	float: 					right;
	--background: 				#344410;
}

.col ul {
	--border-left: 				1px solid #C0C0C0;			/* senkrechter Trennstrich */
	padding: 				6px 0px 0px 13px;
	margin:					0px 0px 0px 14px; 			/* Aussenabstand oben, rechts, unten und links.*/
        width: 					100%;                          		/* for IE */ 
}

.col li {
	margin: 				0px;
	position: 				relative;
        width: 					100%;                          		/* for IE */

}
	
.col li a{
	color:					#C0C0C0;
	text-decoration: 			none;
        width: 					100%;                           	/* for IE */
}

.col li a:hover {
	color:					#FFFFFF;
	text-decoration: 			underline;
        width: 					100%;                            	/* for IE */
}

.col h4 {
	font-size:				10px;
	font-weight:				bold;
	display: 				block;
	margin: 				0px 0px 0px 14px;
	padding: 				0px;
	width: 					100%;                            	/* for IE */
}

.cols {
	margin: 				20px 0px 0px 0px;			/* Aussenabstand oben, rechts, unten und links.*/
       	width: 					100%;                            	/* for IE */
}

#ft .yui-b {
	margin: 				0px 0px 0px 0px;
	width: 					100%;                            	/* for IE */
}

.yui-b {
	position: 				relative;
	--background-color:			#444444;

}


#mshack-Suchbegriffe{
	visibility:				hidden;
}


/* italic bold 124% serif !important;  */
td.main:first-letter{
	font:				bold 124% serif !important; 
	text-transform: 	uppercase 
}