/* SWIM2.0 ::Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/
****************************************************************
*/

/* Aangepast voor Bert van der Marel door Han Boetes. */

ul.vertical, ul.vertical li {
    margin:0;
    padding:0;
    list-style-type:none;
}

ul.vertical {
    position:absolute;
    z-index:1000;
    cursor:default;
    width:15%;
    left:1%;
    top:20%;
}

ul.vertical li {
    position:relative;
    text-align:left;
    cursor:pointer;
    cursor:hand;
    width:90%;
    margin:-1px 0 0 0;
}

ul.vertical ul {
    z-index:1020;
    cursor:default;
    position:absolute;
    width:100%;
    margin:3% 0 0 95%;
    top:-200em;
    left:-1px;
    padding:1px 0 0 0;
}

ul.vertical ul li {
    width:100%;
}

ul.vertical ul ul {
    margin:-0.5em 0 0 7.7em;
}

@media Screen, Projection {
    ul.vertical li:hover > ul { top:0; }
}

ul.vertical a, ul.vertical a:visited {
    display:block;
    cursor:pointer;
    cursor:hand;
    background:black;
    border:1px solid #2fbef0 ;
    padding:5px 5px;
    font-weight:bold;
    text-decoration:none;
    color:#80d0f4;
}

ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
    background:#00a6eb;
    color:white;
}



@media screen, projection {
    * html ul.vertical li {
	display:inline;
        f\loat:left;
        background:#ffffff;
    }
}

* html ul.vertical li { position:static; }

* html ul.vertical a { position:relative;}

ul[class^="vertical"] ul { display:none; }

ul[class^="vertical"] ul { displa\y:block; }