/* sattler-elektronik.de: CSS - Navigation für jQuery deutsch */

/* ad wrap-menu: center für IE; in menu wieder aufheben wegen Opera */
#wrap-menu { position:absolute; top:30px; left:0px; width:100%; text-align:center;} 
/* ad menu: margin:auto für Mozilla; top-position 4px nicht verändern */
#menu { position:relative; top:4px; left:0px; width:780px; margin: 0 auto; text-align:left;} 

#logo { position:absolute; top:0px; left:0px; }
#slogan-de  { position:absolute; top:118px; left:500px; }	

#comp { position:absolute; top:0; left:440px; }	 
#comp ul { display: none; position:absolute; top:16px; left:-5px; list-style-type:none; margin:0; padding:0;	}
#coline { display: none; position:absolute; top:0px; left:0;  } 

.no-js #comp:hover ul { display: block; } 
.no-js #comp:hover #coline {opacity: 1; } 
 
#prod { position:absolute; top:0; left:538px; }	 
#prod ul { display: none; position:absolute; top:16px; left:-5px; list-style-type:none; margin:0; padding:0;	}
#proline { display: none; position:absolute; top:0px; left:0;  } 

.no-js #prod:hover ul { display: block; } 
.no-js #prod:hover #proline {opacity: 1; } 

#serv { position:absolute; top:0; left:614px; }	 
#serv ul { display: none; position:absolute; top:16px; left:-5px; list-style-type:none; margin:0; padding:0;	}
#seline { display: none; position:absolute; top:0px; left:0;  } 

.no-js #serv:hover ul { display: block; } 
.no-js #serv:hover #seline {opacity: 1; } 

#refe { position:absolute; top:0; left:685px; }	 
#refe ul { display: none; position:absolute; top:16px; left:-5px; list-style-type:none; margin:0; padding:0;	}
#reline { display: none; position:absolute; top:0px; left:0;  } 

.no-js #refe:hover ul { display: block; } 
.no-js #refe:hover #reline {opacity: 1; } 
 
 a.navi, a.navi:hover { color:#333; font-size:11px;	font-weight:bold; 
		background-color:eee; text-decoration:none; padding:0px; margin:0px; } 
 
a.navilnk { color:#333; text-decoration:none; background:none; text-align:left; padding:1px 6px; display:block;
  -moz-transition: all 1s; } 
	
a.navilnk:hover {
    	color:#FFF; background: #099; } 

/* line positions */
.lilogo { position: absolute; top:0; left:0; width:300px; height:112px; }
#colimen { position: absolute; top:0; left: 404px; width:32px; height:112px; }
#colibas { position: absolute; top:0; left: 266px; width:144px; height:112px; }
#prolimen { position:absolute; top:0px; left:502px; width:32px; height:112px; }
#prolibas { position: absolute; top:0; left: 268px; width:240px; height:112px; }
#selimen { position:absolute; top:0px; left:578px; width:32px; height:112px; }
#selibas { position: absolute; top:0; left: 268px; width:316px; height:112px; }
#relimen { position: absolute; top:0px; left:649px; width:32px; height:112px; }
#relibas { position: absolute; top:0; left: 268px; width:388px; height:112px; }
	
	
.section {
	border:1px solid #099;
	background-color:none;
	}
	
.secmen {
    	color:#099;
    	background-color:none;
    	font-size:11px; 
    	margin:0px; padding:2px; margin-right:14px;
    	text-decoration:none;    	
    	}

.secmen:hover {
		color:#FFF; 
    	background-color:#099;
    	font-size:11px; 
    	margin:0px; padding:2px; margin-right:14px;
    	text-decoration:none;
    	
    	}