/**
 * (c) IN·TAKT Media GmbH, http://www.intakt.net/
 * Project: Gräfliche Sammlungen Schloss Erbach
 * Purpose: Styling the navigation
 * 
 * Created: 2007-01-22
 * Changes: 
 */
 
/* ---- Head-Navigation ----> */
#navigation ul
{
  margin:0;
  padding:0;
  list-style:none;
  white-space:normal !important;
}
#navigation ul li
{
  float:left;
  margin:0;
  padding:0;
}
#navigation a,
#navigation a:visited,
#navigation a:hover,
#navigation a:active
{
  display:block;
  padding-right:15px;
  text-decoration:none;
  font-size:.71em;
}
#navigation a.on,
#navigation a:visited.on,
#navigation a:hover.on,
#navigation a:active.on
{
  font-weight:900;
}

/*#navigation label
{
  float:left;
  margin-right:10px;
}*/
#navigation .btn
{
  float:left;
  border:0 none;
  margin:-1px 10px 0 0;
  padding:0;
  color:rgb(255,213,152);
  background:none;
  font-size:.7em ! important;
}
#navigation .queryString
{
  float:left;
  border:0 none;
  width:6em;
  margin:0;
  padding:0 2px;
  color:rgb(0,0,0);
  background:rgb(220,220,220);
  font-size:.7em ! important;
}

#navigation #main a
{
  color:rgb(201,201,201);
  background:inherit;
}
#navigation #main a:hover,
#navigation #main a:active
{
  color:rgb(255,255,255);
  background:inherit;
}
#navigation #main a.on,
#navigation #main a:visited.on,
#navigation #main a:hover.on,
#navigation #main a:active.on
{
  color:rgb(255,255,255);
  font-weight:bold;
}

#navigation #hyper a
{
  color:rgb(255,213,152);
  background:inherit;
}
#navigation #hyper a:hover,
#navigation #hyper a:active
{
  color:rgb(255,255,255);
  background:inherit;
}
/* <---- Head-Navigation ---- */

/* <---- Sub-Navigation ---- */
#subnav ul
{
  margin:0;
  padding:0;
  list-style:none;
  white-space:normal !important;
}
#subnav ul li
{
  margin:0;
  padding:0;
  display:inline;
}
#subnav ul li li a,
#subnav ul li li a:hover,
#subnav ul li li a:visited,
#subnav ul li li a:active
{
  margin-left:13px;
  padding-top:0 ! important;
  padding-bottom:0 ! important;
}
#subnav ul li li li a,
#subnav ul li li li a:hover,
#subnav ul li li li a:visited,
#subnav ul li li li a:active
{
  margin-left:26px;
}
#subnav a
{
  display:block;
  margin:0;
  padding:0 0 0 17px;
  text-decoration:none;
  font-size:.71em;
  background:url(../../../img/ico-link-internal.gif) no-repeat 3px .3em;
  background-color:inherit;
  color:rgb(201,201,201);
}
#subnav a:visited,
#subnav a:hover,
#subnav a:active
{
  color:rgb(255,255,255);  
}
#subnav a:hover,
#subnav a:active,
#subnav a:visited
{
  color:rgb(255,255,255);
  background:inherit;
}
#subnav a.on,
#subnav a:visited.on,
#subnav a:hover.on,
#subnav a:active.on
{
  color:rgb(255,255,255);
  font-weight:900;
  background:url(../../../img/ico-minus.gif) no-repeat 3px .3em;
}

#subnav ul li a:visited
{
  color:rgb(201,201,201);
}

#subnav ul li a:hover,
#subnav ul li a:active,
{
  color:rgb(255,255,255);
  background:inherit;
}
/* <---- Sub-Navigation ---- */

