@media all
{
/* ################################################################################################### **
** ### Hauptnavigation: "Sliding Doors" von A List Apart ############################################# **
** ################################################################################################### */

#nav_main {
	width:100%;
	float:left;
	color: #fff;
	background: #1f1e2e url(images/sliding_door/nav_rund/bg.png) repeat-x bottom;
}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0;
  padding: 0 5em 0 50px;
  list-style:none;
}
  
#nav_main li {
  float:right;
  background: #59b8e2 url(images/sliding_door/nav_rund/left.png) no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0 0 0 3px;
  margin: 0;
  border-bottom:1px solid #000;
}

#nav_main a {
  float:left;
  display:block;
  color:#334;
  background: transparent;
  background: url(images/sliding_door/nav_rund/right.png) no-repeat top right;
  padding:5px 11px 3px 8px;
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover { 
    color:#fff;
    background-color: transparent;
    background: url(images/sliding_door/nav_rund/right.png) no-repeat top right;
  }
#nav_main #navcurrent {
  background-image: url(images/sliding_door/nav_rund/left_on.gif);
  border-bottom:0px solid #f00;
  }
#nav_main #navcurrent a {
  color: #900;
  background-image:  url(images/sliding_door/nav_rund/right_on.gif);
  padding-bottom:4px;
  padding-top:5px;
}
.navlink { font-size: small; }

/* ################################################################################################### **
** ### Themegroup Navigation ######################################################################### **
** ################################################################################################### */

#nav_themegroup {
	width: 100%;
	float: left;
    overflow:hidden; 
    background: #b8b8b8 url(images/shiny_buttons/background.gif) repeat-x center right;
    border-top: 1px #333 solid; 
    border-bottom: 1px #333 solid;
}

/* #main { border-top: 1px #ddd solid; } */

#nav_themegroup ul {
    display: block;
	margin: 0;
	padding: 0;
    font-size: 1.0em;
	line-height: 1em;
}

#nav_themegroup ul li {
	float: left;
	margin: 0;
	padding: 0;
   font-size: 1.0em;
	line-height: 1em;
   list-style-type: none;
	border-left: 1px #fff solid;
	border-right: 1px #aaa solid;
}

#nav_themegroup ul li#first {	border-right: 1px #aaa solid; border-left: none; padding: 0.5em 0em 0.5em 0em; width:48px; }
#nav_themegroup ul li#last { border-left: 1px #fff solid; border-right: none; padding: 0.5em 0em 0.5em 0em; }

#nav_themegroup ul li a {
   display:block;
   width: auto;
	font-size: 1em;
   font-weight: bold;
	background: transparent;
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
}

#nav_themegroup ul li a:hover {
	background: #eee;
	color: #333;
	text-decoration: none;
}

#nav_themegroup ul li#themegroupcurrent { 
   border-left: 1px #444 solid; 
	border-right: 1px #888 solid;
	background: transparent url(images/shiny_buttons/background_active.gif) repeat-x center right;	
}

#nav_themegroup ul li#themegroupcurrent a,
#nav_themegroup ul li#themegroupcurrent a:hover {
	color: #fff;
	background: transparent;
	text-decoration: none;
}
#nav_themegroup ul li#themegroupcurrent a:hover {
	background: #2593C5;
	color: #fff;
	text-decoration: none;
}
}