Wie wurde diese Top-Wissen Box gebaut ?

<div  style="border-right: 5px solid #bbdcf2; border-left: 5px solid #bbdcf2; border-bottom: 5px solid #bbdcf2;" id="top-1" class="tabdiv">  
<div class="teaserHomepageTopTen">  
<ul>
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">1</span><a href="/wissen/Brother-MFC-9460-Toner-Reset-185076.html">Brother MFC 9460 - Toner Reset</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">2</span><a href="/wissen/Filme-und-Medienstreams-mit-einem-Klick-konvertieren-%28Variante2%29-185168.html">Filme und Medienstreams mit einem Klick konvertieren (Variante2)</a></li>  

<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">3</span><a href="/wissen/Office-2003-Dokumente-werden-sehr-langsam-ge%C3%B6ffnet-bzw.-Word-reagiert-nicht-mehr-185563.html">Office 2003 Dokumente werden sehr langsam ge&ouml;ffnet bzw. Word reagiert nicht mehr</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">4</span><a href="/wissen/Ubuntu-64bit%2C-Avira-Mail-und-Webgate-185413.html">Ubuntu 64bit, Avira Mail- und Webgate</a></li>  
<li><span style="color:#bbdcf2;">5</span><a href="/wissen/Smartcard-und-Windows-7-185258.html">Smartcard und Windows 7</a></li>  
</ul></div>
</div>

<div  style="border-right: 5px solid #bbdcf2; border-left: 5px solid #bbdcf2; border-bottom: 5px solid #bbdcf2;" id="top-2" class="tabdiv">  
<div class="teaserHomepageTopTen">  
<ul>
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">1</span><a href="/forum/SBS-2011-Fehler-nach-nicht-erfolgreichem-Update-KB2720211-186198.html">SBS 2011 - Fehler nach nicht erfolgreichem Update KB2720211</a></li>  

<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">2</span><a href="/forum/Internet-im-Haus-mit-mehren-Leuten-186428.html">Internet im Haus mit mehren Leuten</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">3</span><a href="/forum/TV-Livestream-%28ZDF%29-unter-Linux-Bild-ist-kurzzeitig-perfekt%2C-dann-verschwommen%3F-186220.html">TV-Livestream (ZDF) unter Linux -- Bild ist kurzzeitig perfekt, dann verschwommen?</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">4</span><a href="/forum/Netzlaufwerkverbindung-%C3%BCber-VPN-186261.html">Netzlaufwerkverbindung &uuml;ber VPN</a></li>  
<li><span style="color:#bbdcf2;">5</span><a href="/forum/DHCP-oder-feste-IP-MIT-DHCP-Serverdienst-186319.html">DHCP oder feste IP MIT DHCP-Serverdienst</a></li>  
</ul></div>
</div>

<div  style="border-right: 5px solid #bbdcf2; border-left: 5px solid #bbdcf2; border-bottom: 5px solid #bbdcf2;" id="top-3" class="tabdiv">  

<div class="teaserHomepageTopTen">  
<ul>
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">1</span><a href="/linkid/3455">Markenanmeldung mit www.markenhit.de</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">2</span><a href="/linkid/3454">Lesnswert: Blueprint &quot;Effektive Priorit&auml;tsstrategien in der IT &quot;</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">3</span><a href="/linkid/3456">The Verge</a></li>  
<li style="border-bottom: 1px solid #bbdcf2;"><span style="color:#bbdcf2;">4</span><a href="/linkid/3457">Online Marketing, Internetdienstleistung, Suchmaschinenoptimierung</a></li>  
<li><span style="color:#bbdcf2;">5</span><a href="/linkid/3458">Channel 9: Videos about the people building Microsoft Products &amp; Services</a></li>  

</ul></div>
</div>
</div>

<script type="text/javascript">  
/*<![CDATA[*/
// $('#tabs-916f8402db581066e1a0ef6b502ea012').tabs();  
		$('#tabs-916f8402db581066e1a0ef6b502ea012').tabify();  
        
        
  		if (getURLParam('tab') != '') { tab_id=getURLParam('tab'); $('#tabs-916f8402db581066e1a0ef6b502ea012').tabs( 'option', 'selected', parseInt(tab_id)); }  
/*]]>*/
</script>
<div class="ads-336x280-wrapper">  
<script type="text/javascript">/* <![CDATA[ */