Wie ändere ich meinen Listenpunkt in ein Bild?

Wie ändere ich meinen Listenpunkt in ein Bild?
Die eingerückte Liste darunter soll aber die Listenpunte "square" in türkis behalten!
Ich versuche mal den HTML Code hier einzutragen:

<ul type="square">
<li>
<h4><strong><a href="5er_B2B_consulting_routes.html" class="sitemaptext2routes">Consulting Routes</a></strong></h4>
<p>&nbsp;</p>
</li>
<ul>
<li class="sitemaptext2eingerueckt">Market Potential &amp; Segmentation</li>
<li class="sitemaptext2eingerueckt">Brand Positioning</li>
<li class="sitemaptext2eingerueckt">Product Development &amp; Positioning</li>
<li class="sitemaptext2eingerueckt">Customer Experience &amp; Excellence</li>
<li class="sitemaptext2eingerueckt">Engaged Employees – Enhanced Performance</li>
</ul>
<p>&nbsp;</p>
</ul>

<p>&nbsp;</p>
<ul type="square">
<li>
<h4 class="sitemaptext2routes"><strong><a href="3er_ B2B_customer_market_insight_routes.html">Customer &amp; Market Insight Routes</a></strong></h4>
<p>&nbsp;</p>
</li>
<ul>
<li class="sitemaptext2eingerueckt">Qual – Deep Diving objective exchange</li>
</ul>
<ul>
<li class="sitemaptext2eingerueckt">Quant – Market Navigation by reference points</li>
</ul>
<p>&nbsp;</p>
</ul>
<p>&nbsp;</p>
<ul type="square">
<li>
<h4 class="sitemaptext2routes"><strong><a href="3er_B2B_academy_routes.html">Academy Routes</a></strong></h4>
<p>&nbsp;</p>
<ul>
<ul>
<li class="sitemaptext2eingerueckt">Workshops </li>
</ul>
<ul>
<li class="sitemaptext2eingerueckt">Trainings</li>
</ul>
<ul>
<li class="sitemaptext2eingerueckt">Coaching</li>
</ul>
</ul>
</li>
</ul>

Könnt ihr mir da weiterhelfen?