@CHARSET "ISO-8859-1";

ul#slide {padding:0; margin-left:0px;list-style:none; width:242px; height:750px; border:0px solid #000; color:#fff; float:left; overflow:hidden; font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier; font-size:12px; z-index:2;}

ul li div {position:absolute; left:-9999px; background:#000; color:#fff; }

ul table {border-collapse:collapse; width:0; height:0; margin:-1px; padding-top:-3; color:#fff; }

#slide li.top {height:30px; width:242px; background:#0cf; float:left;}
#slide li.top a.outer {display:block; float:left; height:30px; line-height:28px; width:242px; padding-top:2px; padding-left:12px; color:#000; background:#0cf; text-decoration:none; font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier; font-size:12px; font-weight:bold; border-bottom:0px solid #000;}

#slide li.top a:hover {color:#0cf; background:#000; background-image:url(http://www.studentenkorting.nl/templates/include/menu.png); background-repeat: repeat-x;}
#slide li.top:hover a {color:#0cf; background:#000; background-image:url(http://www.studentenkorting.nl/templates/include/menu.png); background-repeat: repeat-x;}

#slide li.top a.witlink {color:#fff; background:#000;}

#slide li.current a.outer {display:block; float:left; height:30px; line-height:28px; width:242px; padding-top:2px; padding-left:12px; color:#fff; background:#000; background-image:url(http://www.studentenkorting.nl/templates/include/menu.png); background-repeat: repeat-x; text-decoration:none; font-family: "Trebuchet MS Bold""Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier; font-size:12px; border-bottom:0px solid #000;}
#slide li.current a:hover {color:#0cf; background:#000; background-image:url(http://www.studentenkorting.nl/templates/include/menu.png); background-repeat: repeat-x;}
#slide li.current:hover a {color:#0cf; background:#000; background-image:url(http://www.studentenkorting.nl/templates/include/menu.png); background-repeat: repeat-x;}

#slide li:hover {height:300px; background:#000; overflow:auto; overflow-x:hidden; overflow-y:auto; }
#slide a:hover div, #slide li.current div {position:static; height:270px; width:242px; padding-left:12px; line-height:22px; font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;}
#slide li:hover div {position:static; height:270px; width:242px; padding-left:12px; line-height:22px; font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;}

#slide a div, #slide li.current span {margin-left:-12px;}
#slide li span {margin-left:-12px;}
#slide a:hover div, #slide li.current span {margin-left:-12px;}
#slide li:hover span {margin-left:-12px;}

#slide :hover div a {color:#fff; text-decoration:none; font-size:12px;}
#slide :hover div a:hover {text-decoration:none; background:#000; color:#0cf;}

.arrowlistmenu{
width: 242px; /*width of accordion menu*/
font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
font-size: 12px;
margin-left: -18px;
margin-top: -12px;
}

.arrowlistmenu a{
font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
color:#ffffff; line-height:22px;
}
.arrowlistmenu a:hover{
font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
color:#00ccff; line-height:22px;
}

.arrowlistmenu a.radio{
font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
color:#ffffff; line-height:22px;
border-bottom:1px #fff dotted;
}
.arrowlistmenu a.radio:hover{
font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
color:#00ccff; line-height:22px;
border-bottom:1px #00ccff dotted;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 12px;
font-weight:none;
color: #000000;
background: #00ccff;
padding: 8px 0 8px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader1{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 12px;
font-weight:none;
color: #0cf;
background: black url(http://www.studentenkorting.nl/templates/blokken/images/menu.png) repeat-x;
padding: 8px 0 8px 10px; /*header text is indented 10px*/
cursor: default;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #00ccff;
background: black url(http://www.studentenkorting.nl/templates/blokken/images/menu.png) repeat-x;
}