html, body { height: 100%; }
body { color: #f3e7d7; background:#45393d url(../media/_File/bg-braun.png) top center repeat-y; }

#w { width:910px; margin:0 auto -100px; position:relative; overflow:hidden; }

#footer, #push { height: 100px; }
#footer { 
	position:fixed; bottom:0; left:50%; width:910px; z-index:100; margin-left:-455px; 
	background:url(../img/bg-footer.png) bottom left repeat-x;
}
		
	#menu { display:block; padding:0 5px 7px 9px; margin:0; }
		#menu li { 
			display:block; float:left; width:85px; height:100px; vertical-align:middle; margin:0 7px; padding:0;
			background:url(../img/bg-menu.png) 0 10px no-repeat; border-width: 1px 0;
		}
			#menu li:hover { 
				background:url(../img/bg-menu.png) 0 -109px no-repeat;
				-moz-opacity: 0.9; opacity: 0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); color:#fff; 
			}
			#menu li a { 
				display:table-cell; width:85px; height:85px; padding-top:15px; vertical-align:middle;	text-align:center;
				color:#eedece; text-decoration:none; font-size:14px; line-height:1.2em;
			}
			
			#menu li div { 
				display:none; position:absolute; width:250px; bottom:100px; z-index:100; 
				background:#695C63; overflow:hidden; padding:5px 13px;
				border:1px solid #5c5056; border-width:1px 1px 0 1px;
				-moz-border-radius: 5px 5px 5px 0;
				-webkit-border-radius: 5px; -webkit-border-bottom-left-radius:0;
				border-radius: 5px; border-bottom-left-radius:0;
			}
				#menu li:hover div { display:block; }
				#menu li div a { 
					display:block; height:auto; width:auto; color:#fff; text-decoration:none; font-size:14px; padding:2px 0;
					text-align:left;
				}
					#menu li div a:hover { text-decoration:underline; }
					
			#menu li#m1 div { left:13px;  }
			#menu li#m2 div { left:214px; }
			#menu li#m3 div { left:313px; }
			#menu li#m4 div { left:412px; }
			#menu li#m5 div { left:511px; }
			#menu li#m6 div { left:609px; }
			#menu li#m7 div { left:609px; }
			#menu li#m8 div { left:609px; }
				#menu li#m0:hover, #menu li#m1:hover, #menu li#m6:hover, #menu li#m7:hover, #menu li#m8:hover { background-position:0 -206px; }

.style2 { background:#180000 url(../media/_File/bg-red.png) top center repeat-y; } /* red */
	.style2 #w { background-color:#180000; }
	.style2 #footer { background-image:url(../img/bg-footer-2.png); }
	
.style3 { background:#000e00 url(../media/_File/bg-green.png) top center repeat-y; } /* green */
	.style3 #w { background-color:#000e00; }
	.style3 #footer { background-image:url(../img/bg-footer-3.png); }
	
.style4 { background:#000 url(../media/_File/bg-black.png) top center repeat-y; } /* black */
	.style4 #w { background-color:#0a0a0a; }
	.style4 #footer { background-image:url(../img/bg-footer-4.png); }
	
.style5 { background:#000022 url(../media/_File/bg-blue.png) top center repeat-y; } /* blue */
	.style5 #w { background-color:#000022; }
	.style5 #footer { background-image:url(../img/bg-footer-5.png); }
	
.style6 { background:#FEFEFE url(../media/_File/bg-white.jpg) top center repeat-y; } /* white */
	.style6 #w { background-color:#FEFEFE; }
	.style6 #footer { background-image:url(../img/bg-footer-6.png); }
	
.style7 { background:#45393d url(../media/_File/bg-oblozka.jpg) top center repeat-y; } /* cover */
	.style7 #w { background-color:#45393d; }
	.style7 #footer { background:url(../img/bg-footer.png) bottom left repeat-x; }