/*** Navigation (Setting up some fonts, colors and more)***/
/*
#navigation{font:14px Arial; background: #454545;}
#navigation a:link, #navigation a:visited{ color: #999999; padding:10px; text-decoration:none;}
#navigation a:hover { color:#fff; text-decoration:none;}
#navigation a:link, #navigation a:visited{color: #999999; padding:10px; text-decoration:none;}
#navigation a:hover { background-color: #75AB2C;  color:#fff; text-decoration:none;}
#navigation .current a:link, #navigation .current a:visited{color: #fff;text-decoration:none;padding:10px;}
*/

#navigation{font:14px Arial;}
#navigation a:link, #navigation a:visited{ padding:5px 10px; text-decoration:none;}
#navigation a:hover { text-decoration:none; }
#navigation a:link, #navigation a:visited{ padding:5px 10px; text-decoration:none;}
#navigation .current a:link, #navigation .current a:visited{ text-decoration:none;padding:6px 10px;}


/*** Essential styles - Superfish menu (Setting the positions for the list elements etc.) ***/
.skinDLD, .skinDLD * {margin:0;padding:0;list-style:none;}
.skinDLD ul {position:absolute;top:-999em;width:15em;}
.skinDLD li {float:left;position:relative;z-index:99;font-size:12px;}
.skinDLD a {display:block;}
.skinDLD ul li{width: 100%;}
.skinDLD li:hover ul,ul.skinDLD li.sfHover ul {left:-1px;top:2.0em;}
.skinDLD li:hover li ul,.skinDLD li.sfHover li ul {top:-999em;}
.skinDLD li li:hover ul,ul.skinDLD li li.sfHover ul {left:15em;top:0px;}
.skinDLD li:hover ul,.skinDLD li li:hover ul {top: -999em;}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/
/* DLD */
#navigation {
  /* background: #E04E4E url(bgN26-r.gif) repeat-x scroll 0 0; */
  background: #BBBBBB url(media/30height/skin_hq_1200_50.png) repeat-x;
  color: #FFFFFF;
}
#navigation .vline-before, #navigation .vline-after { overflow: hidden; float: left; width: 1px; background-color: #CCCCCC; height: 24px; }
/********/
.skinDLD li {
   border-right: solid 1px #CCCCCC;
}
.skinDLD li a {
   background: #EEEEEE url(media/50height/skin_hq_1200_100.png) repeat-x;
   background: #EEEEEE url(media/btn/btn_gradient_vertical_10.png) repeat-x;
   color: #222222;
}
.skinDLD li a:hover {
   background: #FFFFFF url(media/50height/skin_hq_1200_25.png) repeat-x;
}
.skinDLD li.active {
   background: #FFFFFF url(media/50height/skin_hq_1200_25.png) repeat-x;
}
.skinDLD li.active li.active a { }
.skinDLD li.active li.active li.active a { }
.skinDLD li.active li.active li a { }
.skinDLD li.active li.active li a:hover { }

.skinDLD li li {background:#DDDDDD; border-bottom: solid 1px #CCCCCC; }
.skinDLD li li a {
  background: none;
}
.skinDLD li li a:hover {
}


/* sidemenu */
#sidemenu {
  margin-left: 1em;
  
}

#sidemenu a {
  color: #222222;
  display: block;
  padding: 3px 5px;
}

#sidemenu li.active:hover, #sidemenu li:hover, #sidemenu a:hover {
  background: #EEEEEE url(media/50height/skin_hq_1200_25.png) repeat-x;

}

#sidemenu ul {
  margin:0;
  padding:0;
  background: #D8D8D8;
  border: solid 1px #CCCCCC;
  border-bottom: none;
}
#sidemenu li {
  margin:0;
  padding:3px 5px;
  list-style:none;
  display: block;
  border-bottom: solid 1px #CCC;
}

#sidemenu li.active {
  background: #FFFFFF url(media/50height/skin_hq_1200_25.png) repeat-x;
}
#sidemenu li.active a {

}

#sidemenu li a {
  text-decoration: none;
}
#sidemenu li a { padding-left: 0px; }
#sidemenu li li a { padding-left: 10px; }
#sidemenu li li li a { padding-left: 20px; }

/********************/

#footernavi {
  border-top: solid 1px #DDDDDD;
  text-align: center;
}
#footernavi a {
  color: #999999;
  text-decoration: none;
}
#footernavi a:hover {
  text-decoration: underline;
}
#footernavi ul {
  margin: 0px;
  padding: 0px;
}
#footernavi li {
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px 10px;
}