<ul id="producten">
    <li class="leftSide">
        <div class="shadow"></div>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Pop-Ups</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Magnetic</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Magnetic Options</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Fabric</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Fabric 'Premium' Straight</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Fabric 'Premium' Cruved</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Pop-Up Spareparts</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Roll-Banners</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Budget</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Economy</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Evolution</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Premium</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">DeLuxe</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Double</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Extreme</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Mini</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Outdoor</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>L / X-Banners</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Telescopic</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Lighting</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Banner Light</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Pop-Up Light</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li class="leftSide">
        <div class="shadow"></div>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Counters</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Professional</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Fabric</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Brochure holders</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">ZigZag</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Budget</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Easy</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Specials</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Light Tower</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Outdoor</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Streetboard</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Outdoor Banner</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Flagpole 415</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Flagpole 540</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
    <li class="leftSide">
        <div class="shadowSmall"></div>
        <div class="content">
            <img src="/img/outdoor.jpg" />
            <div class="button">
                <a class="ctaButton buttonDown">
                    <span class="left"><span class="text">Productdetails</span><span class="up"></span><span class="hover"></span></span>
                    <span class="right"><span class="icon arrowRight"></span><span class="up"></span><span class="hover"></span></span>
                </a>
            </div>
            <div class="subitemList">
                <ul>
                    <li class="title"><a>Flags</a><span class="icon"></span></li>
                    <li class="rollOver target"><a href="/producten">Wind</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Drop</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Square</a><span class="icon"></span></li>
                    <li class="rollOver"><a href="/producten">Feet</a><span class="icon"></span></li>
                </ul>
            </div>
        </div>
    </li>
</ul>