/* ########## Top-Navigation  #########*/
#navTop {
	position: absolute;
	left: 77px; top:0; 
	padding:0;
	margin: 10px 0 0 0; 
	padding: 0;
	width: 631px;
	height: 33px;
	z-index: 50;
}

#navTop li {
	width: 56px;
	height: 33px;
	position: absolute;
	display: block;
	list-style: none; 
}

#navTop a {
	width: 100%;
	height: 33px;
	display: block;
	color: #375474;
	text-decoration: none;
}


#navTop li a i { display: none; }

#n1  { left: 0; } /* Moda za žene 0-56 px  */
#n2  { left: 56px; } /* Moda za muškarce 56+85=141 */
#n3  { left: 144px; }/* Moda za djecu - 141+56=197 */
#n4  { left: 201px; } /* Sport */
#n5  { left: 258px; } /* Kupaci kostimi */
#n6  { left: 344px; } /* Carape i donje rublje */
#n7  { left: 431px; } /* Obuca i modni dodaci */
#n8  { left: 518px; } /* Za dom */
#n9  { left: 576px; } /* Akcija */



#n2 a  { background-position: -56px 0; width:86px;}
#n3 a  { background-position: -144px 0; }
#n4 a  { background-position: -201px 0; }
#n5 a  { background-position: -258px 0;width:86px; }
#n6 a  { background-position: -344px 0;width:86px; }
#n7 a  { background-position: -431px 0;width:86px; }
#n8 a  { background-position: -518px 0; }
#n9 a  { background-position: -576px 0; }



#n1 a:hover, #n1 a#aktiv, #n1 a.over {
	background-position: 0px -33px;
	background-color: #DA2131;
	color: white;
}

#n2 a:hover, #n2 a#aktiv, #n2 a.over {
	background-position: -56px -33px;
	background-color: #DA2131;
	color: white;	 
}

#n3 a:hover, #n3 a#aktiv, #n3 a.over {
	background-position: -144px -33px;
	background-color: #DA2131;
	color: white;	 
}

#n4 a:hover, #n4 a#aktiv, #n4 a.over {
	background-position: -201px -33px;
	background-color: #F88000;
	color: white;	 
}

#n5 a:hover, #n5 a#aktiv, #n5 a.over {
	background-position: -258px -33px;
	background-color: #0089C0;
	color: white;
		 
}

#n6 a:hover, #n6 a#aktiv, #n6 a.over {
	background-position: -345px -33px;
	background-color: #F45813;
	color: white;	 
}

#n7 a:hover, #n7 a#aktiv, #n7 a.over {
	background-position: -431px -33px;
	background-color: #FFBA00;
	color: white;	 
}

#n8 a:hover, #n8 a#aktiv, #n8 a.over {
	background-position: -518px -33px;
	background-color: #00A651;
	color: white;	 
}

#n9 a:hover, #n8 a#aktiv, #n9 a.over {
	background-position: -576px -33px;
	background-color: #00A651;
	color: white;	 
}


#navTop li ul {
	visibility: hidden;
	position: absolute;
	top: 33px;
	left: -1px;
	margin: 0 0 0 1px;
	padding: 1px 0 0 0;
	width: 150px; 
	border-width: 0px 1px 1px 4px;
	border-style: solid;
	border-color: #375474;
}

#navTop li ul li a {
	line-height: 18px; /* HOEHE */
}  

/* Hintergrundfarbe Aufklappmenue, Farbe des 4px breiten linken Randes */
#navTop #n1 ul  {   background-color: #F88000; border-left: 4px solid #DA2031; }
#navTop #n2 ul {   background-color: #F88000; border-left: 4px solid #DA2031; }
#navTop #n3 ul {   background-color: #F88000; border-left: 4px solid #DA2031; }
#navTop #n4 ul {   background-color: #F88000; border-left: 4px solid #F88000; }
#navTop #n5 ul {   background-color: #0089C0;  border-left: 4px solid #0089C0; }
#navTop #n6 ul {   background-color: #F45813;  border-left: 4px solid #F45813; }
#navTop #n7 ul {   background-color: #FFBA00; border-left: 4px solid #FFBA00; }
#navTop #n8 ul {   background-color: #00A651;  border-left: 4px solid #00A651; }
#navTop #n9 ul {   background-color: #00A651;  border-left: 4px solid #00A651; }
  

#navTop li ul li {
	_display: inline; /* wichtig fuer IE 55*/
	border: none; 
	margin:0;
}

#navTop li ul li,
#navTop li ul li a {
	background-image: none;
	width: auto;
	_width: 160px; 
	position: relative;
	height: 19px; /* HOEHE */	 
	z-index: 56;
}
/* im IE MAC verstecken \*/
#navTop li ul li,
#navTop li ul li a {
	background-image: none;
	width: auto;
	_width: 160px; 
	position: relative;
	height: 18px; /* HOEHE */	 
	z-index: 56;
}	
/* ENDE IE MAC Hack */



#navTop li ul li a,
#metaNav  li ul li a {
	background-color: white; 
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}
/* IE MAC HACK - verstecken \*/
#navTop li ul li a,
#metaNav li ul li a  {
	background-color: white; 
	background-repeat: no-repeat;
	background-position: 3px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}
/* ENDE IE MAC HACK */

#navTop li ul li a:hover,
#metaNav li ul li a:hover {
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}  
/* IE MAC HACK - verstecken \*/	
#navTop li ul li a:hover,
#metaNav li ul li a:hover  {
	background-repeat: no-repeat;
	background-position: 3px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}  	
/* ENDE IE MAC HACK */

/* Abstand des Menueeintrages vom linken Rand */
#navTop li ul li a {  padding-left: 12px; }

#navTop li:hover>ul { visibility: visible; /*display: block;*/ }

/* Link mehr SHOPS */
#moreshops {
	position: relative; 
	top: 11px;		
	left: 686px; 
	width: 90px;
	height: 30px;
	z-index: 0; 
	color: rgb(53, 83, 119);
}
#moreshops img {
	margin-top: 2px;
}
#moreshops div {
	position: absolute; 
	top: 0px; 
	left: 36px;
}
#moreshops div a {
	color: rgb(53, 83, 119);
	font-weight: bold;
	display: block;
	width: 55px;
}


/* ########## Meta-Navigation  #########*/

#meta {
	position: absolute;
	left: 349px;
	top: 8px;
	width: 240px;
	height: 16px;
	z-index: 70;
}  

#metaNav {
	margin:0;
	padding: 0;
	width: 238px;
	height: 16px;
	z-index: 44;
}

#metaNav li {
	height: 17px;
	position: absolute;
	display: block;
	list-style: none;
}

#metaNav a {
	height: 16px;
	display: block;
	text-decoration: none;
	color: #000;
}

#metaNav li a i { display: none; }

#m1 { left: 0; z-index: 29; width: 115px;  }
#m2 { left: 125px; width:115px; z-index: 18; }

#m1 a { }
#m2 a { background-position: -125px 0; }

#m1 a:hover, #m1 a#aktivM, #m1 a.over {
	background-position: 0 -17px;
	background-color: #B90302;
	color: #fff;
}

#m2 a:hover, #m2 a#aktivM, #m2 a.over {
	background-position: -125px -17px;
	background-color: ECC40A;
	color: #fff;	
}


#metaNav li ul{
	visibility: hidden;
	position: absolute;
	top: 16px;
	left: -1px;
	margin: 0 0 0 1px;
	padding: 1px 0 0 0;
	z-index: 46;
	width: 160px;
	border-width: 0px 1px 1px 4px;
	border-style: solid;
	border-color: #526E8D;
}

#metaNav  ul li a {
	line-height: 18px; /* HOEHE */
}

#metaNav #m1 ul { background-color: #B90302; border-left-color: #B90302; }
#metaNav #m2 ul { background-color: #ECC40A; border-left-color: #ECC40A; }

#metaNav li ul li{
	_display:inline;
}

#metaNav li ul li a {  padding-left: 12px; }

#metaNav li ul li,
#metaNav li ul li a {
	background-image: none;
	width: auto;
	_width: 160px; 
	position: relative;
	height: 19px; /* HOEHE */	 
}
/* im IE MAC verstecken \*/
#metaNav li ul li,
#metaNav li ul li a {
	background-image: none;
	width: auto;
	_width: 160px; 
	position: relative;
	height: 18px; /* HOEHE */	 
}	
/* ENDE IE MAC Hack */

#metaNav li:hover>ul { visibility: visible;  }

#metaNav li.line {
	border: 1px solid white; 
	border-top-width: 2px;
	border-bottom-width: 2px;	
	height: 1px;
	line-height:1px;
	font-size:1px;
}
#metaNav .first,  #navTop .first{ border-top: 1px solid white; }
#metaNav .last,  #navTop .last { border-bottom: 1px solid white; }



.metaSub{
	color: #fff;
	font-size: 10px;
	position:absolute;
}

.metaSub a{
	color: #375474;
	text-decoration: none;
}

#service{
	left:124px;
	top: 20px;
	position: absolute;
}

#myotto{
	left:-1px;
	top: 20px;
	position: absolute;
}



/* Bestellschein Warenkorb */ 
#bestellschein{
	width: 180px;
	position: absolute;
	left: 599px;
	top: 8px;
	height: 49px;
}

#bestellschein a.basket {
	display: block;
	margin: 0; 
	padding: 2px 5px 0 10px; 
	height: 14px;
	_height: 16px;
	font: bold 11px arial;
	text-decoration: none;
	color: #C00108; 
}

#bestellschein a.basket:hover{
	background-position: 0 -16px;
	color: #fff;
}  

#bestellschein a.basket#aktiv{  
	background-position: 0 -16px;
	color: #fff;
}
#bestellschein a.basket#aktivBasket{  
	background-position: 0 -32px;
	color: #fff;
}

#bestellschein div {
	width: 178px;
	_width: 180px;	
	height: 32px;	
	_height: 33px;		
	border: 1px solid #375474;
	border-top: none;
	background-color: #D1E6F9;
} 
html>body  #bestellschein div  { box-sizing: content-box; }

#bestellschein table {	
	width: 178px; 
	color: #375675; 
	line-height: 14px;
	margin-top: 3px;
}
#bestellschein table td img {
	border: none;
	margin: 2px 0 0 5px;
}
/*#bestellschein td { width: 45px; } */
#bestellschein .items {
	width: 128px;
	font-family: verdana, arial;	
	font-size: 10px;
}




/*  Suche Redesign */
/*#metaSearch dt, #metaSearch dd, #metaSearch  { padding: 0; margin: 0; }*/
#metaSearch {
	position: absolute;
	left: 0;
	top: 64px;
	width: 779px;
	height: 31px;
	border-bottom: 1px solid white;
}
#metaSearch img { display: block; }
#metaSearch table { margin: 1px 0 0 4px; }
#metaSearch td.text { width: 42px; }
#metaSearch td.search { padding-top:4px; }
#metaSearch div.right {
	width: 775px;
	_width: 776px;
	height: 29px;	
	_height: 31px;
	border: 1px solid #375474;
	border-left: none;
	background-color: #D1E6F9;
}
html>body  #metaSearch div.right  { box-sizing: content-box; }

#metaSearch img.los { margin-top: 3px;	}
#metaSearch table td  {
	padding: 0 7px 0 0;
	font-weight: bold;
	font-size: 11px;
	color: #375474;
}
#metaSearch input  {
	font-size: 11px;
	_height: 18px;
	width: 240px;
	margin: 2px 2px 0 0;
}
#metaSearch a  {
	text-decoration: none;
	font-weight: normal;
	color: #375474;
	margin-left: 2px;
}
#metaSearch td.text a { margin-left: 0; font-weight: bold; }
#metaSearch form {
	margin: 0; padding: 0;
}
#metaSearch table td div {
	height: 28px;
}
html>body  #metaSearch  { box-sizing: content-box; }

/* Trennerlinie unterhalb der Reiternavigation */
.navTopTrenner { 
	position: absolute;
	left: 0;
	top: 138px;
	width: 779px;
	border-bottom:1px solid white;
	display: block;
}
.navTopTrenner img { height: 11px; }