/* CSS Document: www.creart.de | cre art - Die Werbeagentur. Die Werbeproduktion. */

/* +++ SPECIAL MENU +++ */
ul#specialmenu { 
	position:absolute;
	right:0;
	top:10px;
	text-align:left;
	color:#4074a5;
	}
ul#specialmenu li { display:inline }

ul#specialmenu li a { 
	font-size:11px;
	text-decoration:none;
	/*letter-spacing:-1px;*/
	}
ul#specialmenu li a:hover { 
	text-decoration:none;
	}
	
ul#specialmenu li a.active, ul#specialmenu li a.active:hover { color:#004687; } 
	
	
/* +++ MAIN NAVIGATION +++ */	
ul.mainmenu {
	position:absolute;
	z-index:100;
	top:50px;
	
	width:680px; /* For IE6 */
	
	height:80px;
	text-align:left;
	}	
	ul.mainmenu.ca 		{ left:220px; }
	ul.mainmenu.cr 		{ left:221px; }
	ul.mainmenu.fs 		{ left:220px; }
	ul.mainmenu.ms 		{ left:219px; }
	ul.mainmenu.pd 		{ left:218px; }
	ul.mainmenu.closed 	{ left:288px; }

ul.mainmenu li {
	height:80px;
	/*display:inline;*/
	float:left;
	margin:0px 6px 0px 0px;
	}
	
ul.mainmenu li a { 
	display:block; 
	float:left;
	margin:0; padding:0;
	width:60px;
	height:60px;
	}	

ul.mainmenu li a span { display:none; }


ul.mainmenu li a#creart 		{ background:url(../img/menuitem_creart.gif) 		no-repeat left top; width:85px; margin-right:10px; display:inline; }
ul.mainmenu li a#creation 		{ background:url(../img/menuitem_creation.gif) 		no-repeat left top; }
ul.mainmenu li a#fotostudio 	{ background:url(../img/menuitem_fotostudio.gif) 	no-repeat left top; }
ul.mainmenu li a#medienservice 	{ background:url(../img/menuitem_medienservice.gif) no-repeat left top; }
ul.mainmenu li a#produktion 	{ background:url(../img/menuitem_produktion.gif) 	no-repeat left top; }
ul.mainmenu li a#multimedia 	{ background:url(../img/menuitem_multimedia.gif) 	no-repeat left top; }

ul.mainmenu li.active-trail	a#creart { margin-right:0px; }
ul.mainmenu li.active-trail a#multimedia { background:url(../img/menuitem_multimedia2.gif) no-repeat left top; height:90px; }


/* level 2 */
ul.mainmenu li ul { 
	display:none;
	float:left;
	margin:0px 20px 0px 0px;
	}

ul.mainmenu li ul li { 
	display:block; 
	float:left; 
	display:inline; /* For IE6 */
	margin:0px 0px 0px 10px;
	}
	
ul.mainmenu li ul li a, ul.mainmenu li ul li a:hover { 
	display:block; 
	float:left;
	margin:0; padding:0;
	width:32px;
	height:80px;
	background: url(../img/submenu_inactive.gif) no-repeat left 22px;
	}

ul.mainmenu li ul li a.active, ul.mainmenu li ul li a.active:hover { 
	background:url(../img/submenu_active.gif) no-repeat left 2px;
	}
	

ul.mainmenu li.active-trail ul { display:inline; }