/******************************************************************************
 *                                                                    2007-11 *
 * Project | Märklin.de Redesign 2007                                         *
 * Author  | Susanna Schneider <s.schneider@21torr.com>                       *
 *           Jürgen Schley <j.schley@21torr.com>                              *
 *                                                                            *
 * Package | Navi                                                             *
 ******************************************************************************/


/* home-nav */

div#nav-row { margin: 10px 0 13px 42px; }

div#nav-row.no-visual { border-bottom: 1px solid #696969; border-top: 1px solid #ebebeb; padding: 43px 0 5px 0; margin: 5px 27px 66px 42px; }
div#nav-row.no-visual-sub { border-top: 1px solid #ebebeb; padding: 43px 0 0 0; margin: 5px 27px 13px 42px; }

div#nav-row ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 970px;
}

*+html div#nav-row ul { border-top: 1px solid #ffffff; }

div#nav-row ul li {
  float: left;
  display: inline;
  margin: 0 34px 0 0;
}

div#nav-row ul li a {
  display: block;
  float: left;
  height: 23px;
  background-repeat: no-repeat;
  text-decoration: none;
  text-indent: -999px;
  overflow: hidden; /* Firefox 1.5 hyperlink marker */
}

.nav-row-de li#mnl1-6 a { background: url(/site-templates/maerklin-relaunch/img/btn.produkte.gif) no-repeat; width: 95px; }
.nav-row-de li#mnl1-7 a { background: url(/site-templates/maerklin-relaunch/img/btn.service.gif) no-repeat; width: 84px; }
.nav-row-de li#mnl1-8 a { background: url(/site-templates/maerklin-relaunch/img/btn.shop.gif) no-repeat; width: 126px; }
.nav-row-de li#mnl1-81 a { width:138px; background-image:url(/site-templates/maerklin-relaunch/img/btn.produktsuche.gif); margin-left: 376px; }
* html .nav-row-de li#mnl1-81 a { margin-left: 241px; } /* IE 6 */

.nav-row-en li#mnl1-6 a { width:96px; background-image:url(/site-templates/maerklin-relaunch/img/btn.produkte.en.gif); }
.nav-row-en li#mnl1-7 a { width:84px; background-image:url(/site-templates/maerklin-relaunch/img/btn.service.gif); }
.nav-row-en li#mnl1-8 a { width:126px; background-image:url(/site-templates/maerklin-relaunch/img/btn.shop.en.gif); }
.nav-row-en li#mnl1-81 a { display: none; }

.nav-row-fr li#mnl1-6 a { width:90px; background-image:url(/site-templates/maerklin-relaunch/img/btn.produkte.fr.gif); }
.nav-row-fr li#mnl1-7 a { width:84px; background-image:url(/site-templates/maerklin-relaunch/img/btn.service.gif); }
.nav-row-fr li#mnl1-8 a { width:169px; background-image:url(/site-templates/maerklin-relaunch/img/btn.shop.fr.gif); }
.nav-row-fr li#mnl1-81 a { display: none; }

.nav-row-nl li#mnl1-6 a { width:107px; background-image:url(/site-templates/maerklin-relaunch/img/btn.produkte.nl.gif); }
.nav-row-nl li#mnl1-7 a { width:84px; background-image:url(/site-templates/maerklin-relaunch/img/btn.service.gif); }
.nav-row-nl li#mnl1-8 a { width:126px; background-image:url(/site-templates/maerklin-relaunch/img/btn.shop.gif); }
.nav-row-nl li#mnl1-81 a { display: none; }

div#nav-row ul li a:hover, div#nav-row ul li strong a  { background-position: 0 -23px !important; }


/* left-nav */

div#nav {
  width: 175px;
  float: left;
  padding-left: 27px;
}

div#nav ul {
  list-style-type: none;
  border-top: 1px solid #ebebeb;
}

div#nav ul li {
  border-bottom: 1px solid #ebebeb;
  background: url(/site-templates/maerklin-relaunch/img/arrow.1.gif) 8px 10px no-repeat;
  font-size: 1.2em;
  padding: 3px 0;
}

div#nav ul li:first-child {
  padding: 15px 0 3px 0;
  background-position: 8px 23px;
}

div#nav ul li li:first-child {
  padding: 0;
  background-position: 8px 23px;
}

div#nav ul li.lastentry { border-bottom: 1px solid #ffffff !important; }

div#nav ul li a {
  text-decoration: none;
  color: #444444;
  font-size: 1em;
  display: block;
  padding: 2px 0 4px 20px;
}
*+html div#nav ul li a { padding: 2px 0 3px 20px; } /* IE 7 */
* html div#nav ul li a { padding: 2px 0 3px 20px; } /* IE 6 */

div#nav ul li a:hover { color: #ff0000; }
div#nav ul li.active { background: none; }

div#nav ul li.active a {
  color: #ff0000;
  font-weight: bold;
}

div#nav ul li.active ul li {
  background: url(/site-templates/maerklin-relaunch/img/arrow.1.gif) 21px 6px no-repeat;
}

div#nav ul li.active ul li a {
  font-size: 0.8em;
  color: #444444;
  font-weight: normal;
  padding: 2px 0 4px 34px;
}
*+html div#nav ul li.active ul li a { padding: 1px 0 4px 34px; } /* IE 7 */ 
* html div#nav ul li.active ul li a { padding: 1px 0 4px 34px; } /* IE 6 */ 

div#nav ul li.active ul li a:hover {
  color: #ff0000;
}

div#nav ul li ul li.active {
  background: none;
}

div#nav ul li ul li.active a {
  color: #ff0000;
  padding-bottom: 4px !important;
  padding-top: 2px !important;
}
*+html div#nav ul li ul li.active a { padding-top: 1px !important; padding-bottom: 4px !important; } /* IE 7 */
* html div#nav ul li ul li.active a { padding-top: 1px !important; padding-bottom: 4px !important; } /* IE 6 */

div#nav ul li ul li.active ul li {
  background: url(/site-templates/maerklin-relaunch/img/arrow.1.gif) 34px 6px no-repeat;
}

div#nav ul li ul li.active ul li a {
  font-size: 0.6em;
  color: #444444;
  font-weight: normal;
  padding: 2px 0 4px 48px !important;
}
*+html div#nav ul li ul li.active ul li a { padding: 1px 0 4px 48px !important; }  /* IE 7 */
* html div#nav ul li ul li.active ul li a { padding: 1px 0 4px 48px !important; }  /* IE 6 */

div#nav ul li ul li.active ul li.active { background: none; }

div#nav ul li ul li.active ul li.active a {
  color: #ff0000;
  padding: 2px 0 4px 48px !important;
}
*+html div#nav ul li ul li.active ul li.active a { padding: 1px 0 4px 48px !important; }  /* IE 7 */
* html div#nav ul li ul li.active ul li.active a { padding: 1px 0 4px 48px !important; }  /* IE 6 */

div#nav ul li ul li ul li.activesub {
  background: none;
}

div#nav ul li ul li ul li.activesub a {
  color: #ff0000;
}

div#nav ul li ul li.active ul li.active ul li {
  background: url(/site-templates/maerklin-relaunch/img/arrow.1.gif) 48px 6px no-repeat;
}

div#nav ul li ul li.active ul li.active ul li a {
  font-size: 0.5em;
  color: #444444;
  font-weight: normal;
  padding: 3px 0 3px 62px !important;
}
*+html div#nav ul li ul li.active ul li.active ul li a { padding: 0 0 5px 62px !important; }  /* IE 7 */
* html div#nav ul li ul li.active ul li.active ul li a { padding: 0 0 5px 62px !important; }  /* IE 6 */

div#nav ul li ul li.active ul li.active ul li a:hover { color: #ff0000; }

div#nav ul li ul li.active ul li.active ul li.active { background: none; }

div#nav ul li ul li.active ul li.active ul li.active a {
  color: #ff0000;
  padding: 0 0 5px 62px;
}
html>body ul li ul li.active ul li.active ul li.active a { padding: 3 0 3px 62px !important; }  /* MOZ */
*+html ul li ul li.active ul li.active ul li.active a { padding: 0 0 5px 62px !important; }  /* IE 7 */


/* paging */
div.paging { padding: 2px 30px 0 6px; margin-bottom: 28px !important; }
div.tablepaging { border-top: 1px solid #ebebeb; padding: 12px 24px 0 1px; margin: 0 6px 28px 5px !important }
div.tablebottom { padding: 0 30px 0 6px; margin-top: -7px; }
div.list { float: left; font-size: 1.1em; }
div.list a { text-decoration: underline !important; color: #424242 !important; padding: 0 12px; }
div.list a:hover { color: #ff0000 !important; text-decoration: none !important; }
div.list a.active { color: #ff0000 !important; text-decoration: none !important; }
div.pages { float: right; font-size: 1.1em; }
div.pages div { float: left; margin-top: -4px; }
div.pages div a { float: left; width:auto; }
div.pages div a.arrow-back { background: url(../img/btn.left.gif) no-repeat; width: 29px; height: 25px; }
div.pages div a.arrow-back:hover { background-position: 0 -25px; }
div.pages div a.arrow-forward { background: url(../img/btn.right.gif) no-repeat; width: 38px; height: 25px; }
div.pages div a.arrow-forward:hover { background-position: 0 -25px; }
div.pages div.select { padding: 0; line-height: 25px; width: 145px }
div.pages div.select-de { width: 145px; }
div.pages div.select-nl { width: 167px; }
div.pages div.select-fr { width: 145px; }
div.pages div.select-en { width: 145px; }
div.pages div.select label { float: left; font-weight: bold; text-indent: 9px; line-height:25px; }
div.pages div.select label#page-de { width: 50px; }
div.pages div.select label#page-nl { width: 72px; }
div.pages div.select label#page-fr { width: 50px; }
div.pages div.select label#page-en { width: 50px; }
div.pages div.select label#page-es { width: 50px; }
div.pages div.select label#page-se { width: 50px; }
div.pages div.select label#page-it { width: 50px; }
div.pages div.select label#page-dk { width: 50px; }
div.pages div.select select { margin-top: 2px; float: left; width: 95px; line-height: 25px; }


/* sitemap */

div.sitemap-outer {
  float:left;
}

div.sitemap-col1 { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; margin-left: 20px; }
* html div.sitemap-col1 { margin-left: 10px; } /* IE 6 */

div.sitemap {
  width: 209px;
  float: left;
  padding-bottom: 10px;
  margin: 0 10px;
  border-bottom: 1px solid #ebebeb;
}
* html div.sitemap { margin: 0 5px; } /* IE 6 */

div.sitemap ul {
  list-style-type: none;
}

div.sitemap ul li {
  font-size: 1.4em;
  font-weight:bold;
  border-bottom: 1px solid #fff;
}
div.sitemap ul li a {
  text-decoration: none;
  color: #444444 !important;
  font-size: 1.4em;
  display: block;
  padding: 13px 0 15px 0;
  border-bottom:1px solid #ebebeb;
}
* html div.sitemap ul li a { padding: 13px 0 15px 0; } /* IE 6 */

div.sitemap ul li a:hover { color: #ff0000 !important; text-decoration: none !important; }
div.sitemap ul li span { color: #a4a4a4; font-size: 1.2em; display: block; padding: 14px 0 14px 0; border-bottom:1px solid #ebebeb; font-weight: normal; }
div.sitemap strong { font-weight: normal; font-size: 1.1em; }

div.sitemap ul li ul li {
  font-size: 1em;  
}
div.sitemap ul li ul li a {
  text-decoration: none;
  color: #444444;
  font-size: 1em;
  display: block;
  padding: 16px 0 2px 27px;
  background:url(/site-templates/maerklin-relaunch/img/sitemaparrow.gif) 14px 20px no-repeat;
  border:none;
}
* html div.sitemap ul li ul li a { padding: 12px 0 2px 27px; background:url(/site-templates/maerklin-relaunch/img/sitemaparrow.gif) 14px 17px no-repeat; } /* IE 6 */
div.sitemap ul li ul li a:hover { background:url(/site-templates/maerklin-relaunch/img/sitemaparrow.act.gif) 14px 20px no-repeat; }
* html div.sitemap ul li ul li a:hover { background:url(/site-templates/maerklin-relaunch/img/sitemaparrow.act.gif) 14px 17px no-repeat; } /* IE 6 */

div.sitemap ul li a:hover { color: #ff0000; text-decoration: none; }
div.sitemap ul li ul li.nav1 a { padding: 16px 0 2px 27px; }
div.sitemap ul li ul li.nav1 ul li a { padding: 3px 0 3px 38px; }
div.sitemap ul li ul li.nav2 { font-size: .9em; font-weight: normal; }
div.sitemap ul li ul li.nav2 a { padding: 4px 0 2px 14px; font-size: 0.9em; }

div.sitemap ul li ul li ul li {
  font-size: .9em;  
}
div.sitemap ul li ul li ul li a {
  background-image:url(/site-templates/maerklin-relaunch/img/arrow.sitemap.gif);
  background-repeat:no-repeat;
  background-position: 26px 4px;
  text-decoration: none;
  color: #444444;
  font-size: .9em;
  font-weight:normal;
  display: block;
  padding: 3px 0 3px 38px;
  border:none;
}
* html div.sitemap ul li ul li ul li a { padding: 3px 0 3px 38px; } /* IE 6 */

li.nav2-arrow a {
  background-image:url(/site-templates/maerklin-relaunch/img/arrow.sitemap.gif) !important;
  background-repeat:no-repeat;
  background-position: 13px 4px !important;
  text-decoration: none;
  color: #444444;
  font-size: .9em;
  font-weight:normal;
  display: block;
  padding: 3px 0 3px 27px !important;
  border:none;
}
li.nav2-arrow a:hover { background-position: 13px -26px !important; }

li.arrow a { 
  background: url(/site-templates/maerklin-relaunch/img/arrow.sitemap.big.gif) 1px 17px no-repeat;
  padding: 10px 0 11px 18px !important;
  line-height: 0.95em;
}
li.arrow a:hover { background: url(/site-templates/maerklin-relaunch/img/arrow.sitemap.big.a.gif) 1px 17px no-repeat; }

div.sitemap ul li ul li ul li a:hover { color: #ff0000; text-decoration: none; background-image:url(/site-templates/maerklin-relaunch/img/arrow.sitemap.gif); background-repeat:no-repeat; background-position: 26px -26px !important; }