#titel { margin: 4px; color: #667799; border-bottom: 2px solid #667799; }
#index { padding: 10px; background-color: #E2EEFF; text-align: justify; }
#index a { text-decoration: none; color: #667799; }
#index a:hover { text-decoration: underline; color: #667799; }
#main { margin: 4px; text-align: justify; }
#main a { text-decoration: none; color: #667799; }
#main a:hover { text-decoration: underline; color: #667799; }
#container { *height: 478px; background-color: #E2EEFF; }
#mypanelcontent a { color: #FFFFFF; }


.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #667799; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(layout/vstrip.jpg) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 6px 0 6px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}