@charset "utf-8";

/* CSS Document */



div#navigation ul {

	list-style-type:none;

}



div#navigation li#onlineS {

	float:inherit;
	
	clear:left;
	

}



div#navigation li#onlineS a {

 	display:block;

    background-image:url(Bilder/onlineShop1.gif);

    width:120px; height:55px 

}

	

div#navigation li#onlineS a:hover {

	display:block;

 	 background-image:url(Bilder/onlineShop2.gif); 

	 width:120px; height:55px 

}

	 

div#navigation li#shopP {

 	float:left;

}



div#navigation li#shopP a {

 	display:block;

    background-image:url(Bilder/schopPartner1.gif);

    width:120px; height:55px 

}



div#navigation li#shopP a:hover {

	display:block;

 	 background-image:url(Bilder/shoppartner2.gif); 

	 width:120px; height:55px 

}

	 

div#navigation li#kuenslerK {

float:left;


}



div#navigation li#kuenslerK a {

 	display:block;

    background-image:url(Bilder/kuenstlerkarte1.gif);

    width:120px; height:55px 

}



div#navigation li#kuenslerK a:hover {

	display:block;

	background-image:url(Bilder/Kuenstlerkarte2.gif); 

	width:120px; height:55px 

}



div#navigation li#farben {

	float:left;


}

 

div#navigation li#farben a {

 	display:block;

    background-image:url(Bilder/Farben1.gif);

    width:120px; height:55px 

}



div#navigation li#farben a:hover {

	display:block;

 	background-image:url(Bilder/Farben2.gif); 

	width:120px; height:55px 

}



div#navigation li#angeboteA {

	float:left;

}



div#navigation li#angeboteA a {

 	display:block;

    background-image:url(Bilder/AngebotAustellungsflaeche1.gif);

    width:120px; height:55px 

}



div#navigation li#angeboteA a:hover {

	display:block;

 	background-image:url(Bilder/AngebotAustellungsflaeche2.gif); 

	width:120px; height:55px 

}



div#navigation li#pinsel {

	float:left;


}



div#navigation li#pinsel a {

 	display:block;

    background-image:url(Bilder/Pinsel1.gif);

    width:120px; height:55px 

}



div#navigation li#pinsel a:hover {

	display:block;

 	background-image:url(Bilder/Pinsel2.gif); 

	width:120px; height:55px 

}



div#navigation li#austellungsk {

	float:none;

}



div#navigation li#austellungsk a {

 	display:block;

    background-image:url(Bilder/Austellungskalender1.gif);

    width:120px; height:55px 

}



div#navigation li#austellungsk a:hover {

	display:block;

 	background-image:url(Bilder/Austellungskalender2.gif); 

	width:120px; height:55px 

}



div#navigation li#events {

	float:left;

}



div#navigation li#events a {

 	display:block;

    background-image:url(Bilder/Events1.gif);

    width:120px; height:55px 

}



div#navigation li#events a:hover {

	display:block;

 	background-image:url(Bilder/Events2.gif); 

	width:120px; height:55px 

}



div#navigation li#ideenK {

	float:left;

}



div#navigation li#ideenK a {

 	display:block;

    background-image:url(Bilder/IdeenKreativ1.gif);

    width:120px; height:55px 

}



div#navigation li#ideenK a:hover {

	display:block;

 	 background-image:url(Bilder/IdeenKreativ2.gif); 

	 width:120px; height:55px 

}



div#navigation li#Tuch {

	float:right;

}



div#navigation li#Tuch a {

 	display:block;

    background-image:url(Bilder/tuch1.gif);

    width:120px; height:55px 

}



div#navigation li#Tuch a:hover {

	display:block;

 	background-image:url(Bilder/tuch2.gif); 

	width:120px; height:55px 

}



div#navigation li#jobsK {

	float:left;

}



div#navigation li#jobsK a {

 	display:block;

    background-image:url(Bilder/JobsKreativ1.gif);

    width:120px; height:55px 

}



div#navigation li#jobsK a:hover {

	display:block;

 	background-image:url(Bilder/JobsKreativ2.gif); 

	width:120px; height:55px 

}



div#navigation li#kindermalen {

	float:left;

}



div#navigation li#kindermalen a {

 	display:block;

    background-image:url(Bilder/Kindermalen1.gif);

    width:120px; height:55px 

	}

div#navigation li#kindermalen a:hover {

	display:block;

 	background-image:url(Bilder/Kindermalen2.gif); 

	width:120px; height:55px 

}



div#navigation li#kuenslterG {

	float:left;

}



div#navigation li#kuenslterG a {

 	display:block;

    background-image:url(Bilder/Kuenslergalerie1.gif);

    width:120px; height:55px 

}



div#navigation li#kuenslterG a:hover 

 	{

	display:block;

 	background-image:url(Bilder/Kuenslergalerie2.gif); 

	width:120px; height:55px 

}



div#navigation li#kurse {

	float:right;

}



div#navigation li#kurse a {

 	display:block;

    background-image:url(Bilder/Kurse1.gif);

    width:120px; height:55px 

}

div#navigation li#kurse a:hover {

	display:block;

 	background-image:url(Bilder/Kurse2.gif); 

	width:120px; height:55px 

}



div#navigation li#links {

	float:right;
	

}



div#navigation li#links a {

 	display:block;

    background-image:url(Bilder/Links1.gif);

    width:120px; height:55px 

}



div#navigation li#links a:hover {

	display:block;

 	background-image:url(Bilder/Links2.gif); 

	width:120px; height:55px 

}



div#navigation li#leinwand3d {

	float:right;

}



div#navigation li#leinwand3d a {

 	display:block;

    background-image:url(Bilder/3-D-Leinwaende1.gif);

    width:120px; height:55px 

}



div#navigation li#leinwand3d a:hover {

	display:block;

 	background-image:url(Bilder/3-D-Leinwaende2.gif); 

	width:120px; height:55px 

}



div#navigation li#leinwandV {

	float:left;

}



div#navigation li#leinwandV a {

 	display:block;

    background-image:url(Bilder/LeinwandInVerschiedenenStaerken1.gif);

    width:120px; height:55px 

}



div#navigation li#leinwandV a:hover {

	display:block;

 	background-image:url(Bilder/LeinwandInVerschiedenenStaerken2.gif); 

	width:120px; height:55px 

}



div#navigation li#leinwandS {

	float:left;

}



div#navigation li#leinwandS a { 

 	display:block;

    background-image:url(Bilder/LeinwandStandardGroessen1.gif);

    width:120px; height:55px 

}



div#navigation li#leinwandS a:hover {

	display:block;

 	background-image:url(Bilder/LeinwandStandardGroessen2.gif); 

	width:120px; height:55px 

}



div#navigation li#leisten {

	float:left;

 }

 

div#navigation li#leisten a {

 	display:block;

    background-image:url(Bilder/leisten1.gif);

    width:120px; height:55px 

}

div#navigation li#leisten a:hover {

	display:block;

 	background-image:url(Bilder/leisten2.gif); 

	width:120px; height:55px 

}



div#navigation li#xxlLeinwaende {

	clear:left;

	float:left;

}



div#navigation li#xxlLeinwaende a {

 	display:block;

    background-image:url(Bilder/xxlLeinwaende1.gif);

    width:120px; height:55px 

}



div#navigation li#xxlLeinwaende a:hover {

	display:block;

 	background-image:url(Bilder/xxlLeinwaende2.gif); 

	width:120px; height:55px 

}