@charset "utf-8";
/* ==========================================
Stylesheet zur Formatierung am Bildschirm
Datei: monitor.css
Datum: 090728
Autor: creativwerk  
=================================== */



@media screen { 

#menu2 { position:relative;
	padding-left: -20px; 
	margin-left:-20px;
	margin-right: 170px;
	background-color: #fff;
	border-top: #CCCCCC solid 1px; height:38px;
	}

#menu2 a { color:#666; border-left: 0; padding:0; background:none; border:none;}
#menu2 a:hover { color:#990000; border-left: 0; padding:0; background:none;  border:none;}


#menu2a { font-size:14px; line-height:16px; font-weight: bold;}
#menu2b { font-size:13px; line-height:16px; font-weight: bold;}
#menu2c { font-size:11px; line-height:12px; font-weight:lighter;}

	#menu2div1 { position:absolute; top:0; left:0px; width:220px; padding:5px 10px 0 40px; background: url(../layout/menu2_1_off.jpg) left top no-repeat; height:38px;}
	#menu2div1:hover { background: url(../layout/menu2_1_on.jpg) left top no-repeat;}
	#menu2div1active { color:#990000; position:absolute; top:0; left:0px; width:220px; padding:5px 10px 0 40px; background: url(../layout/menu2_1_on.jpg) left top no-repeat; height:38px;}
			#menu2div1active a {color:#990000;}
	
	#menu2div2 { position:absolute; top:0; left:220px; width:170px; padding:5px 10px 0 40px; background: url(../layout/menu2_2_off.jpg) left top no-repeat; height:38px;}
	#menu2div2:hover { background: url(../layout/menu2_2_on.jpg) left top no-repeat;}
	#menu2div2active { color:#990000; position:absolute; top:0; left:220px; width:170px; padding:5px 10px 0 40px; background: url(../layout/menu2_2_on.jpg) left top no-repeat; height:38px;}
			#menu2div2active a {color:#990000;}
	
	#menu2div3 { position:absolute; top:0; left:380px;  width:180px;padding:5px 10px 0 40px; background: url(../layout/menu2_3_off.jpg) left top no-repeat; height:38px;}
	#menu2div3:hover { background: url(../layout/menu2_3_on.jpg) left top no-repeat;}
	#menu2div3active { color:#990000; position:absolute; top:0; left:380px;  width:180px;padding:5px 10px 0 40px; background: url(../layout/menu2_3_on.jpg) left top no-repeat; height:38px;}
			#menu2div3active a {color:#990000;}
	
	#menu2div4 { position:absolute; top:0; left:540px; padding:0 10px 0 40px; background: url(../layout/menu2_4_off.jpg) left top no-repeat; height:38px;}
	#menu2div4:hover { background: url(../layout/menu2_4_on.jpg) left top no-repeat;}
	#menu2div4active { color:#990000; position:absolute; top:0; left:540px; padding:0 10px 0 40px; background: url(../layout/menu2_4_on.jpg) left top no-repeat; height:38px;}
			#menu2div4active a {color:#990000;}

		} /* Ende @media - nicht löschen! */