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

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}
/* ------------------------DIV ----------------------------------------------*/
.momo_gruen {
	width: 335px;
	height: 82px;
	display: block;
	margin: 0 auto;
	z-index:5;
} 

.momo_gruen_div {
	background: url(momo_gruen_doppelt_b.png) no-repeat;
} 


.momo_gruen:hover {
	background-position: 0 -82px;
} 

.tom_lila {
	width: 236px;
	height: 85px;
	display: block;
	margin: 0 auto;
}

.tom_lila_div {
	background: url(tom_lila_doppelt_b.png) no-repeat;
} 

.tom_lila:hover {
	background-position: -1px -88px;
} 

.momo_grau_2 {
	width: 85px;
	height: 331px;
	display: block;
	margin: 0 auto;
	z-index:4;
} 

.momo_grau_2_div {
	background: url(momo_grau_2_doppelt_b.png) no-repeat;
} 


.momo_grau_2:hover {
	background-position: -90px 0;
} 
/*
.tom_grau_2 {
	width: 69px;
	height: 240px;
	display: block;
	margin: 0 auto;
	z-index:3;
} 

.tom_grau_2_div {
	background: url(tom_grau_2_doppelt_b.png) no-repeat;
} 


.tom_grau_2:hover {
	background-position: -110px 0;
}
*/

.momo_grau_3 {
	width: 82px;
	height: 331px;
	display: block;
	margin: 0 auto;
	z-index:4;
} 

.momo_grau_3_div {
	background: url(momo_grau_3_doppelt_b.png) no-repeat;
} 


.momo_grau_3:hover {
	background-position: -90px 0;
		z-index:5;
} 

.momo_grau_4 {
	width: 335px;
	height: 80px;
	display: block;
	margin: 0 auto;
	z-index:3;
} 

.momo_grau_4_div {
	background: url(momo_grau_4_doppelt_b.png) no-repeat;
} 


.momo_grau_4:hover {
	background-position: 0px -82px;
		z-index:5;
} 

.momo_grau_5 {
	width: 335px;
	height: 80px;
	display: block;
	margin: 0 auto;
	z-index:3;
} 

.momo_grau_5_div {
	background: url(momo_grau_5_doppelt_b.png) no-repeat;
} 


.momo_grau_5:hover {
	background-position: 0 -82px;
	z-index:5;
} 

.tom_grau_3 {
	width: 236px;
	height: 82px;
	display: block;
	margin: 0 auto;
	z-index:3;
} 

.tom_grau_3_div {
	background: url(tom_grau_3_doppelt_b.png) no-repeat;
} 


.tom_grau_3:hover {
	background-position: 0 -88px;
	z-index:5;
}

.tom_grau_4 {
	width: 85px;
	height: 242px;
	display: block;
	margin: 0 auto;
	z-index:3;
} 

.tom_grau_4_div {
	background: url(tom_grau_4_doppelt_b.png) no-repeat;
} 


.tom_grau_4:hover {
	background-position: -110px 0;
}
 
.tom_grau_5 {
	width: 69px;
	height: 240px;
	display: block;
	margin: 0 auto;
	z-index:3;
} 

.tom_grau_5_div {
	background: url(tom_grau_2_doppelt_b.png) no-repeat;
} 


.tom_grau_5:hover {
	background-position: -110px 0;
}