        @import url("nav_column2.css");
        @import url("nav_column3.css");
        @import url("nav_column4.css");


/* remove any default styles */
.nav1, .nav1 * {
        margin:0;
        padding:0;
        list-style:none;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
}

.nav1 {
        line-height:18px; /* makes calculating the 'top' value for first submenu easier */
}

.nav1 ul {
        position:absolute; /* remove from flow and allow positioning */
        top:-999em; /* hide submenu in screen-reader and search-engine friendly way */
        width:110px;/* 9.45em; VARIABLE. Must have a width for menu items to inherit. Use ems so font scaling does not break design*/
        z-index=100;
}
/* submenu items */
.nav1 ul li,
.nav1 a, .link {
        width: 100%;
        height:10px;
        }

.nav1 li {
        float:left;
        position:relative; /
        z-index:9999;
}

.nav1 a, .nav1.link {
        display:block; /* make IE6 obey width when text-indent is used */
                height:10px;
}

.nav1 li:hover ul, ul.nav1 li.sfHover ul {
        left:0px; /* position first submenu directly under parent li */
        top:5px; /* VARIABLE. This is calculated by adding 1em text height to top and bottom anchor element padding (original skin: .75em top + .75em bottom + 1em text height = 2.5em) */
}

.nav1 li:hover li ul,
.nav1 li.sfHover li ul {
        top:-999em; /* hide submenu in screen-reader and search-engine friendly way */
}

.nav1 li li:hover ul, ul.nav1 li li.sfHover ul
 {
        left:231px;
        top:-1px;
}


.nav1 li li:hover li ul,
.nav1 li li.sfHover li ul {
        top:-999em; /* hide submenu in screen-reader and search-engine friendly way */
}
.nav1 li li li:hover ul, ul.nav1 li li li.sfHover ul
 {
        left:113px;
        top:-20px;
}

.superfish li li:hover ul,
.superfish li li li:hover ul {
        top: -999em;
}

embed, object {
        position: relative;
        }

.nav1 {
        float:left; /* necessary if you don't want this element to collapse */
        margin-bottom:0px; /* add space beneath nav1. Purely cosmetic */
        }
.nav1 li {

        background-image:url(../_images/werkgevers_mid.png);
        width:231px;
        height:35px;
}

.nav1 li:hover {
        background-image:url(../_images/werkgevers_mid.png);
        width:231px;
        height:36px;
}

.nav1 a, .nav1.link {
        color: #fff;
        padding: 3px 0;
        text-decoration:none;
        text-indent: 15px;
        height:33px;
}

.nav1 ul a, .nav1 ul.link {
        padding: 3px 0px;
        text-decoration:none;
        text-indent: 10px;
        height:33px;
        font-style:normal;
        }

.nav1 .nolink {
        color: #fff;
        padding: 3px 0px;
        text-decoration:none;
        text-indent: 10px;
        height:33px;
        font-style:normal;
        cursor:default;
        }

.nav1 .small {
        color: #fff;
        padding: 3px 0px;
        text-decoration:none;
        text-indent: 10px;
        height:33px;
        font-style:normal;
        font-size:7px;
}

.nav1 li:hover, .nav1 li li:hover, .nav1 li.sfHover,
.nav1 a:focus, .nav1 a:hover, .nav1 a:active, .nav1.link:focus, .nav1.link:active {
font-style:italic;
}
.nav1 li li {
        width:231px;
        height:36px;
}

.nav1 li li li {
        width:231px;
        height:36px;
}

.nav1 li li.first {
        background-image:url(../_images/werkgevers_top.png);
}

.nav1 li li.last {
        background-image:url(../_images/werkgevers_bottom.png);
        height:42px;
}
.nav1 li li.bigfirst {
        background-image:url(../_images/werkgevers_top_big.png);
		width:269px;
}

.nav1 li li.biglast a {

		width:255px;
}

.nav1 li li.bigfirst a {
		width:255px;
}
.nav1 li li.bigmid {
        background-image:url(../_images/werkgevers_mid_big.png);
        height:33px;
		width:269px;
}
.nav1 li li.bigmid a {
		width:255px;
}
.nav1 li li.biglast {
        background-image:url(../_images/werkgevers_bottom_big.png);
        height:39px;
		width:269px;
}

.nav1 li.weird {
background-image:url(../_images/werkgevers_bottom_w.png);
border:none;
height:42px;
width:231px;
}

.nav1 li.weird:hover {
background-image:url(../_images/werkgevers_mid.png);
height:5px;
width:231px;
}

.nav1 li li a, .nav1 li li.link {
        padding:8px 0px 0px 0px;
        text-decoration:none;
        width:231px;
        height:36px;
        text-indent:13px;
        }

.nav1 li li li {
        width:231px;
        height:36px;

}


