@charset "UTF-8";
/**
 * Layout style sheet for media types screen and projection.
 *
 * @project         ml Relaunch
 * @copyright       argonauten G2 GmbH
 * @package         css
 */


@media screen, projection {
	
	#ml_navigation .subnavi li {
		background: url(../images/navigation/trennstrich.gif) top right no-repeat;
		margin-right: 10px;
		padding-right: 10px;
		margin-bottom: 2px;
	}
	
	#ml_navigation .subnavi li.last {
		background: none;
		padding-right: 0;
	}
	
	#ml_navigation .subnavi li.first {
		padding-left: 0;
	}
	
	#ml_navigation .subnavi .active{
		/*margin-bottom: 0;*/
		margin-top: 0;
	}
	
	/*
	 * HOME
	 */
	#ml_navigation .home a{
		background: url(../images/navigation/nav_home.gif) no-repeat;
		width: 41px;
	}
	#ml_navigation .home a:hover{
		background: url(../images/navigation/nav_home_mo.gif) no-repeat;
	}
	#ml_navigation .home.active a, #ml_navigation .home.active a:hover{
		background: url(../images/navigation/main_nav_home.jpg) no-repeat;
		width: 267px;
		height: 69px;
	}
	
	/*
	 * INFO
	 */
	
	#ml_navigation .info a{
		background: url(../images/navigation/nav_info.gif) no-repeat;
		width: 49px;
	}
	#ml_navigation .info a:hover{
		background: url(../images/navigation/nav_info_mo.gif) no-repeat;
	}
	#ml_navigation .info.active a, #ml_navigation .info.active a:hover{
		background: url(../images/navigation/main_nav_info.jpg) no-repeat;
		width: 267px;
		height: 79px;
	}
	
	#ml_navigation .active .bio a{
		background: url(../images/navigation/nav_bio.gif) no-repeat;
		width: 82px;
		height: 12px;
	}
	#ml_navigation .active .bio.active a:hover,
	#ml_navigation .active .bio.active a,
	#ml_navigation .active .bio a:hover{
		background: url(../images/navigation/nav_bio_mo.gif) no-repeat;
		width: 82px;
		height: 12px;
	}
	
	#ml_navigation .active .vita a{
		background: url(../images/navigation/nav_vita.gif) no-repeat;
		width: 29px;
		height: 12px;
	}
	#ml_navigation .active .vita.active a:hover,
	#ml_navigation .active .vita.active a,
	#ml_navigation .active .vita a:hover{
		background: url(../images/navigation/nav_vita_mo.gif) no-repeat;
		width: 29px;
		height: 12px;
	}
	
	
	/*
	 * GALLERY
	 */
	#ml_navigation .gallery a{
		background: url(../images/navigation/nav_gallery.gif) no-repeat;
		width: 63px;
	}
	
	#ml_navigation .gallery a:hover{
		background: url(../images/navigation/nav_gallery_mo.gif) no-repeat;
	}
	#ml_navigation .gallery.active a, #ml_navigation .gallery.active a:hover{
		background: url(../images/navigation/main_nav_gallery.jpg) no-repeat;
		width: 267px;
		height: 86px;
	}
	
	#ml_navigation .gallery .gouaches a{
		background: url(../images/navigation/nav_gouaches.gif) no-repeat;
		width: 79px;
		height: 12px;
	}
	#ml_navigation .active .gouaches.active a:hover,
	#ml_navigation .active .gouaches.active a,
	#ml_navigation .active .gouaches a:hover{
		background: url(../images/navigation/nav_gouaches_mo.gif) no-repeat;
		width: 79px;
		height: 12px;
	}
	
	#ml_navigation .gallery .assemblages a{
		background: url(../images/navigation/nav_assemblages.gif) no-repeat;
		width: 103px;
		height: 12px;
	}
	#ml_navigation .active .assemblages.active a:hover,
	#ml_navigation .active .assemblages.active a,
	#ml_navigation .active .assemblages a:hover{
		background: url(../images/navigation/nav_assemblages_mo.gif) no-repeat;
		width: 103px;
		height: 12px;
	}
	
	#ml_navigation .gallery .burders_on_wood a{
		background: url(../images/navigation/nav_burders_on_wood.gif) no-repeat;
		width: 140px;
		height: 12px;
	}
	#ml_navigation .active .burders_on_wood.active a:hover,
	#ml_navigation .active .burders_on_wood.active a,
	#ml_navigation .active .burders_on_wood a:hover{
		background: url(../images/navigation/nav_burders_on_wood_mo.gif) no-repeat;
		width: 140px;
		height: 12px;
	}
	
	#ml_navigation .gallery .oil_pastels a{
		background: url(../images/navigation/nav_oil_pastels.gif) no-repeat;
		width: 86px;
		height: 12px;
	}
	#ml_navigation .active .oil_pastels.active a:hover,
	#ml_navigation .active .oil_pastels.active a,
	#ml_navigation .active .oil_pastels a:hover{
		background: url(../images/navigation/nav_oil_pastels_mo.gif) no-repeat;
		width: 86px;
		height: 12px;
	}
	
	#ml_navigation .gallery .pastels a{
		background: url(../images/navigation/nav_pastels.gif) no-repeat;
		width: 60px;
		height: 12px;
	}
	#ml_navigation .active .pastels.active a:hover,
	#ml_navigation .active .pastels.active a,
	#ml_navigation .active .pastels a:hover{
		background: url(../images/navigation/nav_pastels_mo.gif) no-repeat;
		width: 60px;
		height: 12px;
	}
	
	#ml_navigation .gallery .global_burger a{
		background: url(../images/navigation/nav_global_burger.gif) no-repeat;
		width: 127px;
		height: 12px;
	}
	#ml_navigation .active .global_burger.active a:hover,
	#ml_navigation .active .global_burger.active a,
	#ml_navigation .active .global_burger a:hover{
		background: url(../images/navigation/nav_global_burger_mo.gif) no-repeat;
		width: 127px;
		height: 12px;
	}
	
	
	
	/*
	 * EXHIBITION
	 */
	#ml_navigation .exhibition a{
		background: url(../images/navigation/nav_exhib.gif) no-repeat;
		width: 88px;
	}
	
	#ml_navigation .exhibition a:hover{
		background: url(../images/navigation/nav_exhib_mo.gif) no-repeat;
	}
	
	#ml_navigation .exhibition.active a, #ml_navigation .exhibition.active a:hover{
		background: url(../images/navigation/main_nav_exhib.jpg) no-repeat;
		width: 267px;
		height: 89px;
	}
	
	#ml_navigation .exhibition .florence a{
		background: url(../images/navigation/nav_exhib_florence.gif) no-repeat;
		width: 115px;
		height: 12px;
	}
	#ml_navigation .active .florence.active a:hover,
	#ml_navigation .active .florence.active a,
	#ml_navigation .active .florence a:hover{
		background: url(../images/navigation/nav_exhib_florence_mo.gif) no-repeat;
		width: 115px;
		height: 12px;
	}
	
	#ml_navigation .exhibition .museumSchaff1 a{
		background: url(../images/navigation/nav_exhib_schaff1.gif) no-repeat;
		width: 192px;
		height: 12px;
	}
	#ml_navigation .active .museumSchaff1.active a:hover,
	#ml_navigation .active .museumSchaff1.active a,
	#ml_navigation .active .museumSchaff1 a:hover{
		background: url(../images/navigation/nav_exhib_schaff1_mo.gif) no-repeat;
		width: 192px;
		height: 12px;
	}
	
	#ml_navigation .exhibition .deutscheBank a{
		background: url(../images/navigation/nav_exhib_deutsche_bank.gif) no-repeat;
		width: 93px;
		height: 12px;
	}
	#ml_navigation .active .deutscheBank.active a:hover,
	#ml_navigation .active .deutscheBank.active a,
	#ml_navigation .active .deutscheBank a:hover{
		background: url(../images/navigation/nav_exhib_deutsche_bank_mo.gif) no-repeat;
		width: 93px;
		height: 12px;
	}
	
	#ml_navigation .exhibition .museumSchaff2 a{
		background: url(../images/navigation/nav_exhib_schaff2.gif) no-repeat;
		width: 194px;
		height: 12px;
	}
	#ml_navigation .active .museumSchaff2.active a:hover,
	#ml_navigation .active .museumSchaff2.active a,
	#ml_navigation .active .museumSchaff2 a:hover{
		background: url(../images/navigation/nav_exhib_schaff2_mo.gif) no-repeat;
		width: 194px;
		height: 12px;
	}
	
	#ml_navigation .exhibition .mcMuseumsnacht a{
		background: url(../images/navigation/nav_exhib_mcdonalds_se.gif) no-repeat;
		width: 266px;
		height: 12px;
	}
	#ml_navigation .active .mcMuseumsnacht.active a:hover,
	#ml_navigation .active .mcMuseumsnacht.active a,
	#ml_navigation .active .mcMuseumsnacht a:hover{
		background: url(../images/navigation/nav_exhib_mcdonalds_se_mo.gif) no-repeat;
		width: 266px;
		height: 12px;
	}
	
	#ml_navigation .exhibition .mcLangeNacht a{
		background: url(../images/navigation/nav_exhib_mcdonalds_berlin.gif) no-repeat;
		width: 268px;
		height: 12px;
	}
	#ml_navigation .active .mcLangeNacht.active a:hover,
	#ml_navigation .active .mcLangeNacht.active a,
	#ml_navigation .active .mcLangeNacht a:hover{
		background: url(../images/navigation/nav_exhib_mcdonalds_berlin_mo.gif) no-repeat;
		width: 268px;
		height: 12px;
	}
	/*
	 * PRESS
	 */
	#ml_navigation .press a{
		background: url(../images/navigation/nav_press.gif) no-repeat;
		width: 46px;
	}
	
	#ml_navigation .press a:hover{
		background: url(../images/navigation/nav_press_mo.gif) no-repeat;
	}
	
	#ml_navigation .press.active a, #ml_navigation .press.active a:hover{
		background: url(../images/navigation/main_nav_press.jpg) no-repeat;
		width: 267px;
		height: 53px;
	}
	
	#ml_navigation .active .press a{
		background: url(../images/navigation/nav_press.gif) no-repeat;
		width: 46px;
		height: 12px;
	}
	#ml_navigation .active .press.active a:hover,
	#ml_navigation .active .press.active a,
	#ml_navigation .active .press a:hover{
		background: url(../images/navigation/nav_press_mo.gif) no-repeat;
		width: 46px;
		height: 12px;
	}
	
	#ml_navigation .active .essay a{
		background: url(../images/navigation/nav_press_essays.gif) no-repeat;
		width: 53px;
		height: 12px;
	}
	#ml_navigation .active .essay.active a:hover,
	#ml_navigation .active .essay.active a,
	#ml_navigation .active .essay a:hover{
		background: url(../images/navigation/nav_press_essays_mo.gif) no-repeat;
		width: 53px;
		height: 12px;
	}
	
	/*
	 * CONTACT
	 */
	#ml_navigation .contact a{
		background: url(../images/navigation/nav_contact.gif) no-repeat;
		width: 66px;
	}
	
	#ml_navigation .contact a:hover{
		background: url(../images/navigation/nav_contact_mo.gif) no-repeat;
	}
	
	#ml_navigation .contact.active a, #ml_navigation .contact.active a:hover{
		background: url(../images/navigation/main_nav_contact.jpg) no-repeat;
		width: 267px;
		height: 69px;
	}


}