/**
-------------------------------------------------------------
	Stylesheet für: http://www.conrad.de/
	Medien:         Bildschirme und Projektoren
	Autor:          Markus Fortmann
------------------------------------------------------------- */

/**
-------------------------------------------------------------
	Regeln für die Navigationen
------------------------------------------------------------- */


/** Metanavigation
------------------------------------------------------------- */

#metanav {
	position: absolute;
	top: 28px;
	left: 258px;
	width: 540px;
	z-index: 40000;
}

#metanav ul,
#metanav li {
  list-style: none;
  margin: 0;
}

#metanav li {
  float: left;
  white-space: nowrap;
}

#metanav a,
#metanav strong {
  color: #616161;
  text-decoration: none;
  margin-right: 18px;
}
#metanav a:hover,
#metanav a:focus,
#metanav strong,
#metanav a.active {
  color: #0098DD;
}

#metanav a.special-shops {
  position: absolute;
	left: 273px;
	background: transparent url('/images/default/default/icons/special-shop.gif') right 5px no-repeat;
	padding-right: 15px;
}

#metanav a.active {
	background: transparent url('/images/default/default/icons/special-shop-active.gif') right 3px no-repeat;
}

#metanav a.dvd-verleih {
  position: absolute;
	left: 380px;
}

#metanav a.language {
  position: absolute;
	left: 496px;
}
#meta-sites {
	z-index:20000;
}
#meta-sites-pd {
  background: transparent url('/images/default/default/panel/shadow.gif') no-repeat;
  background-position: 2px 2px;
  padding: 0 2px 2px 0;
  position: absolute;
  width: 280px;
  margin-top: 10px;
}

ul.special-shop-list {
  border: 1px solid #BCBCBC;
  overflow: hidden;
  background: white none;
  padding: 10px;
  margin: 0 2px 2px 0;
}

ul.special-shop-list li {
	float: none !important;
	width: 100%;
	padding: 3px 0 3px 0;
}

ul.special-shop-list li a {
	padding: 0;
	margin: 0 !important;
	color: black !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

/** Metanav2
------------------------------------------------------------- */
#metanav2personalized {
	position: absolute;
	top: 97px;
	left: 11px;
	width: 620px;
	z-index: 3;
	height: 21px;
	padding-left: 29px;
}

#metanav2 {
	position: absolute;
	top: 114px;
	left: 0;
	width: 620px;
	z-index: 3;
	height: 27px;
	/*background: white -10px 6px no-repeat;*/
	padding-left: 29px;
}


* html #metanav2 {
  overflow: hidden;
  height: auto;
}
#metanav2 ul,
#metanav2 li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  line-height: 27px;
}
/* Malarkey Image Replacement */
#metanav2 a,
#metanav2 strong
 {
  /*background: top left no-repeat;*/
  text-indent: -999em;
  float: left;
  display: block;
  width: 120px;
  height: 27px;
  outline: 0;
  /* Positionierung um zu verhindern, dass
     Illustrationsgrafiken die Navigation überdecken. */
  position: relative;
  z-index: 15;
}
#metanav2 a:hover,
#metanav2 a:focus,
#metanav2 strong {

}







/** Bereichsmenü
------------------------------------------------------------- */


#subnav {
	padding: 0 0 20px 0;
	margin: 0 1px 0 0;
}

#subnav h2 {
	font-size: 1.0em;
	margin: 0;
}

#subnav h2 span,
#subnav h2 a {
	background: #0098DD url('/images/default/default/subnav/down-active.gif') no-repeat 8px 9px;
	color: white;
	border-top: 1px solid #BCBCBC;
	display: block;
	padding: 4px 6px 2px 18px;
}

#subnav h2 a.back {
	background: #e6e6e6 url('/images/default/default/subnav/left.gif') no-repeat 9px 8px;
	color: #000;
	border-bottom: 1px solid #BCBCBC;
	text-decoration: none;
}

#subnav h2 a.leaf,
#subnav h2 a.last {
	margin: 0 0 19px 0;	
}

#subnav h2 a {
	background: #e6e6e6 url('/images/default/default/subnav/down.gif') no-repeat 8px 10px;
	color: #000;
	text-decoration: none;
}

#subnav h2 a:hover {
	background-image: url('/images/default/default/subnav/down-over.gif');
}

#subnav h2 a:hover.back {
	background-image: url('/images/default/default/subnav/left-over.gif');
	color: #0098DD;
}

#subnav h2 strong {
	background: #0098DD url('/images/default/default/subnav/down-active.gif') no-repeat 8px 10px;
	color: white;
	border-top: 1px solid #BCBCBC;
	display: block;
	padding: 4px 6px 2px 18px;
}

#subnav ul {
	list-style-image: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #BCBCBC;
}

#subnav li {
	display: inline;
}

#subnav li a,
#subnav li strong {
	display: block;
	background: #e6e6e6 url('/images/default/default/subnav/right.gif') no-repeat 19px 7px;
	padding: 4px 6px 2px 28px;
	border-bottom: 1px solid #BCBCBC;
	text-decoration: none;
}

#subnav li.nosub a,
#subnav li.nosub strong {
	display: block;
	background: #e6e6e6 url('/images/default/default/subnav/bullet.gif') no-repeat 19px 8px;
	padding: 4px 6px 2px 28px;
	border-bottom: 1px solid #BCBCBC;
	text-decoration: none;
}

#subnav li.nosub a:hover{
	background: #e6e6e6 url('/images/default/default/subnav/bullet-over.gif') no-repeat 19px 8px;
}

#subnav li.nosub strong {
	background: #0098DD url('/images/default/default/subnav/bullet-active.gif') no-repeat 19px 8px;
	color: white;
}


#subnav li strong {
	background: #0098DD url('/images/default/default/subnav/down-active.gif') no-repeat 18px 9px;
	color: white;
}

#subnav li a:hover {
	background: #e6e6e6 url('/images/default/default/subnav/right-over.gif') no-repeat 19px 7px;
}

#subnav li a strong,
#subnav li li a strong {
	background: #e6e6e6 url('/images/default/default/subnav/down-active.gif') no-repeat 18px 9px;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
}

#subnav li.open a {
	background: #e6e6e6 url('/images/default/default/subnav/down.gif') no-repeat 18px 9px;
}

#subnav li.open a:hover {
	background: #e6e6e6 url('/images/default/default/subnav/down-over.gif') no-repeat 18px 9px;
}

#subnav li a:hover strong {
	color: #0098DD;
}

#subnav ul ul {
	border: 0;
}

#subnav li li a,
#subnav li.open li a,
	#subnav li li strong {
	background: #FFF url('/images/default/default/subnav/right.gif') no-repeat 30px 7px;
	padding: 4px 6px 2px 38px;
}

#subnav li li a:hover,
#subnav li.open li a:hover {
		background: url('/images/default/default/subnav/right-over.gif') no-repeat 30px 7px;
}




	
	
#subnav li li strong {
  background: #0098DD url('/images/default/default/subnav/down-active.gif') no-repeat 30px 8px;
}


#subnav li li.leaf a,
#subnav li li.last a {
	background: #FFF url('/images/default/default/subnav/bullet.gif') no-repeat 29px 8px;
	background-position: 29px 8px !important;
	padding: 4px 6px 2px 38px;
}

/* Sonderregel für die Navigation unter Mein Konto (accountsub) */
#subnav .accountsub li li.last a {
	background: #FFF url('/images/default/default/subnav/bullet.gif') no-repeat 19px 8px;
	background-position: 19px 8px !important;
	padding: 4px 6px 2px 29px;
}


#subnav li li.leaf strong,
#subnav li li.last strong {
	background: #0098DD url('/images/default/default/subnav/bullet-active.gif') no-repeat 29px 8px;
}

#subnav li li.leaf a:hover, 
#subnav li li.last a:hover {
	background-image: url('/images/default/default/subnav/bullet-over.gif');
	background-color: #FFF;
}


#subnav li li.lastLink a {
	background: #0098DD url('/images/default/default/subnav/bullet-active.gif') no-repeat 29px 8px;
	background-position: 29px 8px !important ;
	color: #fff;
	display: block;
	border-bottom: 1px solid #BCBCBC;	
}

#subnav li li.lastLink a:hover {
	background-image: url('/images/default/default/subnav/bullet-over.gif');
	background-color: #fff;
	color: #0098DD;
}

#subnav li li.lastLink a:hover strong {
	color: #0098DD;
	background: transparent;
}

#subnav li li.lastLink a strong {
	color: #fff;
	background: transparent;
}

#subnav ul.extra li a {
	background: #e6e6e6 url('/images/default/default/subnav/bullet.gif') no-repeat 20px 7px;
}

#subnav ul.extra li strong {
	background: #0098DD url('/images/default/default/subnav/bullet-active.gif') no-repeat 20px 7px;
}

#subnav ul.extra li a:hover {
	background-image: url('/images/default/default/subnav/bullet-over.gif');
}

#subnav a:hover,
#subnav a:focus,
#subnav a.active {
  color: #0098DD;
}

#subnav .accountsub li a {
	background: #E6E6E6 url('/images/default/default/subnav/down.gif') no-repeat 9px 8px;
 	padding-left: 19px;
}

#subnav .accountsub li strong {
  padding-left: 19px;
  background-position: 9px 8px;
}

#subnav .accountsub li a strong {
  padding: 0;
  background: none;
}

#subnav .accountsub li.path a {
  font-weight: bold;
}

#subnav .accountsub li.path li a {
  font-weight: normal;
}

#subnav .accountsub li.lastLink a,
#subnav .accountsub li.lastLink a:hover {
  padding-left: 0;
}

#subnav .accountsub li a:hover {
  background-image: url('/images/default/default/subnav/down-over.gif');
  color: #0098DD !important;
}

#subnav .accountsub li li strong,
#subnav .accountsub li li a,
#subnav .accountsub li li a:hover {
  padding-left: 29px;
  background-position: 19px 8px;
}

#subnav .accountsub li.notActive ul li a,
#subnav .accountsub li.notActive ul li a:hover {
  background-color: #E6E6E6;
}



/** Ariadne-Faden
------------------------------------------------------------- */

/* Die Brotkrumen-Navigation */
#ariadne {
	margin: -2px 0 15px -4px;
	width: 590px;
}
* html #ariadne {
	margin: 0 0 15px -4px;
}	

#ariadne a {
	text-decoration: none;
	padding: 0 4px 0 4px;
}

#ariadne strong {
  padding-left: 4px;
}

#ariadne strong a {
  padding-left: 0;
}