#colorbar {
	position: relative;
	width: 531px;
	height: 40px;
}

#colorbar ul {
	padding: 0; 
	margin: 0;
	list-style-type: none;
}

#colorbar li {
    width: 53px;
    height: 24px;
    float: left;
}

#colorbar li a {	
    width: 53px;
    height: 24px;
	background-repeat: no-repeat;
	background-position: 0 0;	
}

/* Scout Basic */
#colorbar li.color74000, #colorbar li.color74000 a .colorhover { background-image: url('/images/colors/740_blackjohn.png'); display: none;}
#colorbar li.color73400, #colorbar li.color73400 a .colorhover { background-image: url('/images/colors/734_butterfly.png'); display: none;}
#colorbar li.color57300, #colorbar li.color57300 a .colorhover { background-image: url('/images/colors/573_fantasy.png'); display: none;}
#colorbar li.color47900, #colorbar li.color47900 a .colorhover { background-image: url('/images/colors/479_race.png'); display: none;}

#colorbar li.color46800, #colorbar li.color46800 a .colorhover { background-image: url('/images/colors/468_paradise.png'); }
#colorbar li.color49600, #colorbar li.color49600 a .colorhover { background-image: url('/images/colors/496_dino.png'); }
#colorbar li.color06800, #colorbar li.color06800 a .colorhover { background-image: url('/images/colors/068_orca.png'); }
#colorbar li.color26200, #colorbar li.color26200 a .colorhover { background-image: url('/images/colors/262_einhorn.jpg'); }
#colorbar li.color38100, #colorbar li.color38100 a .colorhover { background-image: url('/images/colors/381_24hrace.jpg'); }
#colorbar li.color49300, #colorbar li.color49300 a .colorhover { background-image: url('/images/colors/493_superhero.jpg'); }
#colorbar li.color55100, #colorbar li.color55100 a .colorhover { background-image: url('/images/colors/551_motocross.jpg'); }
#colorbar li.color67200, #colorbar li.color67200 a .colorhover { background-image: url('/images/colors/672_valley.jpg'); }
#colorbar li.color79200, #colorbar li.color79200 a .colorhover { background-image: url('/images/colors/792_beautiful.jpg'); }
#colorbar li.color86400, #colorbar li.color86400 a .colorhover { background-image: url('/images/colors/864_sweety.jpg'); }

/* Scout Basic Sets */
#colorbar li.color38700, #colorbar li.color38700 a .colorhover { background-image: url('/images/colors/387_soccerchampions.jpg');}


/* Scout Style */
#colorbar li.color07300, #colorbar li.color07300 a .colorhover { background-image: url('/images/colors/073_countrygirl.png'); display: none;}
#colorbar li.color02500, #colorbar li.color02500 a .colorhover { background-image: url('/images/colors/025_tyranno.png'); display: none;}
#colorbar li.color12500, #colorbar li.color12500 a .colorhover { background-image: url('/images/colors/125_lovelyheart.png'); display: none;}
#colorbar li.color09200, #colorbar li.color09200 a .colorhover { background-image: url('/images/colors/092_deepwater.png'); display: none;}
#colorbar li.color09100, #colorbar li.color09100 a .colorhover { background-image: url('/images/colors/091_valley.png'); display: none;}
#colorbar li.color06900, #colorbar li.color06900 a .colorhover { background-image: url('/images/colors/069_supernova.png'); display: none;}
#colorbar li.color02700, #colorbar li.color02700 a .colorhover { background-image: url('/images/colors/027_jungle.png'); display: none;}

#colorbar li.color09000, #colorbar li.color09000 a .colorhover { background-image: url('/images/colors/090_racing.png'); }
#colorbar li.color16400, #colorbar li.color16400 a .colorhover { background-image: url('/images/colors/164_santafe.jpg'); }
#colorbar li.color17000, #colorbar li.color17000 a .colorhover { background-image: url('/images/colors/170_worker.jpg'); }
#colorbar li.color18600, #colorbar li.color18600 a .colorhover { background-image: url('/images/colors/186_flowery.jpg'); }
#colorbar li.color19600, #colorbar li.color19600 a .colorhover { background-image: url('/images/colors/196_loro.jpg'); }

/* Scout Exklusiv */
#colorbar li.color94400, #colorbar li.color94400 a .colorhover { background-image: url('/images/colors/944_marienkaefer.png'); display: none;}
#colorbar li.color84800, #colorbar li.color84800 a .colorhover { background-image: url('/images/colors/848_whitewolf.png'); display: none;}
#colorbar li.color79600, #colorbar li.color79600 a .colorhover { background-image: url('/images/colors/796_wikinger.png'); display: none;}
#colorbar li.color73700, #colorbar li.color73700 a .colorhover { background-image: url('/images/colors/737_schneeleopard.png'); display: none;}
#colorbar li.color47700, #colorbar li.color47700 a .colorhover { background-image: url('/images/colors/477_pinklady.png'); display: none;}
#colorbar li.color19100, #colorbar li.color19100 a .colorhover { background-image: url('/images/colors/191_cherry.png'); display: none;}

#colorbar li.color29600, #colorbar li.color29600 a .colorhover { background-image: url('/images/colors/296_true_love.jpg'); }
#colorbar li.color39300, #colorbar li.color39300 a .colorhover { background-image: url('/images/colors/393_pirat.jpg'); }
#colorbar li.color54100, #colorbar li.color54100 a .colorhover { background-image: url('/images/colors/541_flora.jpg'); }
#colorbar li.color60900, #colorbar li.color60900 a .colorhover { background-image: url('/images/colors/609_helicopter.jpg'); }
#colorbar li.color79500, #colorbar li.color79500 a .colorhover { background-image: url('/images/colors/795_schmetterling.jpg'); }
#colorbar li.color86000, #colorbar li.color86000 a .colorhover { background-image: url('/images/colors/860_truck.jpg'); }

/* Scout Nano Active Lite */
#colorbar li.color76800, #colorbar li.color76800 a .colorhover { background-image: url('/images/colors/768_flamingo.png'); }
#colorbar li.color45900, #colorbar li.color45900 a .colorhover { background-image: url('/images/colors/459_racing.png'); }

/* Scouty */
#colorbar li.color97000, #colorbar li.color97000 a .colorhover { background-image: url('/images/colors/970_fee.png'); }
#colorbar li.color89300, #colorbar li.color89300 a .colorhover { background-image: url('/images/colors/893_bagger.png'); }
#colorbar li.color87000, #colorbar li.color87000 a .colorhover { background-image: url('/images/colors/870_candy.png'); }
#colorbar li.color58300, #colorbar li.color58300 a .colorhover { background-image: url('/images/colors/583_dino.png'); }
#colorbar li.color13400, #colorbar li.color13400 a .colorhover { background-image: url('/images/colors/134_pinguine.png'); }
#colorbar li.color36000, #colorbar li.color36000 a .colorhover { background-image: url('/images/colors/360_panda.jpg'); }
#colorbar li.color42700, #colorbar li.color42700 a .colorhover { background-image: url('/images/colors/427_schmetterling.jpg'); }
#colorbar li.color54900, #colorbar li.color54900 a .colorhover { background-image: url('/images/colors/549_feuerwehr.jpg'); }


/* Scout License */
#colorbar li.color99999, #colorbar li.color99999 a .colorhover { background-image: url('/images/colors/999_standard.png'); }

#colorbar li.color25401, #colorbar li.color25401 a .colorhover { background-image: url('/images/colors/lic_office_rose.png'); }
#colorbar li.color25402, #colorbar li.color25402 a .colorhover { background-image: url('/images/colors/lic_office_orange.png'); }
#colorbar li.color25403, #colorbar li.color25403 a .colorhover { background-image: url('/images/colors/lic_office_blue.png'); }


#colorbar li a .colorhover, #colorbar li a .selected {
	position: absolute;
	height: 24px;
	padding: 0 0 0 59px;
	overflow: hidden;
	width: 0 !important;
	width /**/:59px; /* IE5/Win */
	background-repeat: no-repeat;
	background-position: -59px 0;
	text-indent: -9000px;
	cursor: pointer;
}

#colorbar li a:hover .colorhover, #colorbar li a .selected {
	background-position: 0 0;
}

#colorbar li a .colorname {
	position: absolute;
	left: 0;
	width: 400px;
	margin: 27px 0 0 0;
	visibility: hidden;
	background-color: #ffffff;
}

#colorbar li a:hover .colorname {
	visibility: visible;
}

#colorbar #current {
	position: absolute;
	left: 0;
	margin: 27px 0 0 0;
}