/*
============================================================
P R O 
============================================================*/

/* Layout and columns
============================================================*/
BODY { background: #000 url(/sites/professionals/images/bg.gif) repeat-x; }

DIV#header { background: #fff url(/sites/professionals/images/bg.gif)repeat-x; }
DIV#footer { background-color: #212121; color: #fff; }
/* HEADER 
============================================================*/
#festival { color: #fff; }
.streamer { background: #000 url(/sites/professionals/images/professionals.gif) no-repeat; }
#serviceMenu .secondarynav A { color: #fff; }

/* MENUS
============================================================*/
.secondarynav A { color: #000; }
.sf-menu A { color: #000; display: block; padding-left: 8px; padding-right: 8px; }
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #000; }
.sf-menu LI.current a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; }
.sf-menu A:hover { background: #fff; color: #000; }
UL.sf-menu LI { background-image: url(/sites/professionals/images/menufence.gif); }
UL.sf-menu LI.current { background-color: #000; }
UL.sf-menu LI.current A { color: #fff; }
.sf-menu li li { color: #fff; background: #000; }
.sf-menu li li A { color: #fff; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li:hover a, .sf-menu li.sfHover a { color: #fff; background: #000; outline: 0; }
.sf-menu LI LI A:hover { background: #fff; color: #000 !important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; }
UL.subnav { background-color: #000; }

/* FOOTER 
============================================================*/
#footermenu LI, #footermenu LI A { color: #fff !important; }
#footerbranding { background: #212121 url(/sites/professionals/images/footer_logo_tijger_zwart.gif) no-repeat; }