/* Head*/
#head {
	/* background: #99b6d8 url(../images/slogan1.gif) no-repeat 220px 24px; */
	 background: #99b6d8 url(../images/slogan1.gif) no-repeat 150px 24px;
	height: 118px;
}
#head span {
	display: none;
}
/* Logo*/
#head img {
	margin: 21px 0 0 26px;
	float: left;
}
#head ul {
	list-style-type: none;
}
#head div#hotline {
	display: block;
	position: absolute;
	top: 31px;
	left: 529px;
	height: 65px;
	width: 457px;
	background: url('header_hotline.jpg');
	z-index: 0;
}

#head a.tooltip,
#head a.tooltip:link,
#head a.tooltip:visited,
#head a.tooltip:active { color: #616161; text-decoration: none; position: relative; }
#head a.tooltip:hover { background: transparent; z-index: 100; }
#head a.tooltip span { display: none; text-decoration: none; }
#head a.tooltip:hover span {
	display: block;
	position: absolute;
	top: -10px;
	left: -200px;
	width: 400px;
	height: 80px;
	z-index: 0;
	color: black;
	padding: 2px 10px;
	background-color: #d6e2ef;
	text-align: left;
	border-color: white;
	border-style: solid;
	border-width: 1px;
}

#head a#kontakt {
	position: absolute;
	top: 78px;
	left: 928px;
	text-decoration: underline;
	color: white;
}

#head a#pfeil {
	background-image: url('pfeil-login-oben.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 14px;
	width: 18px;
	display: block;
	position: absolute;
	top: 38px;
	left: 180px;
}

#head a#pfeil.selected {
	background-image:url('pfeil-login-unten.gif');
	top: 0px;
}

#head table.warenkorb {
	border: solid white;
	border-width: 0px 1px 0px 1px;
	width:152px;
	height: 38px; 
}

#head table.anmeldung {
	border: solid white;
	border-width: 0px 1px 0px 1px;
	height: 38px; 
	width: 203px;
}

#head table.selected {
	display: none;
}

#head div.minitopnav {
	position: absolute;
	top: 0px;
	left: 286px;
  	height: 19px;
	width: 333px;
	z-index: 1;
}
#head div.minitopnav table {
	border-collapse: collapse;
	width: 100%;
}
#head div.minitopnav td {
	background-color: #a5bfde;
	height: 19px;
	padding-left: 6px;
	padding-right: 6px;
	border-color: #99b6d8;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: top;
}
#head div.minitopnav td a {
	color: white;
	text-decoration: underline;
	font-size: 10px;
}
#head div.login {
	float: right;
	/* margin-top: 5px; */
	z-index: 1;
}
#head div.login ul {
	margin-right: 5px;
	text-align:right;
}
#head div.login ul li {
	display: inline;
}
#head div.login li.border-right {
	border-right: 1px solid #003b7f;
}
#head div.login h3.warenkorb {
	background: url(warenkorb.gif) no-repeat;
	width: 152px;
	height: 21px;
	/* margin-top: 6px; */
	margin-bottom: 6px;
}
#head div.login h3.anmeldung {
	background: url(anmeldung.gif) no-repeat;
	/* width: 150px; */
	width: 203px;
	height: 21px;
	/* margin-top: 6px; */
	margin-bottom: 6px;
}
#head div.login h3 a {
	display: block;
	width: 150px;
	height: 21px;
}
#head div.login table {
	background: #d6e2ef;
	/* width: 150px; */
	padding: 2px 0;
}
#head div.login td {
	color: #003b7f;
}
#head div.login td.spalte1 {
	padding-left: 8px;
	width: 60px;
}
#head div.login td.spalte2 {
	text-align: right;
	padding-right: 8px;
}
#head ul#topnav {
	float: left;
	/* margin-top: 76px;
	margin-left: 5px; 
	position: relative; */
	
	position: absolute;
	top: 96px;
	left: 209px;
	/*margin-top: 96px;
	margin-left: 64px;*/
	z-index: 2;
	
}
#head ul#topnav li {
	float: left;
	height: 22px;
	/* margin-right: 7px; */
	background-repeat: no-repeat;
	z-index: 2;
}
#head ul#topnav a {
	display: block;
	height: 20px;
	width: 100%;
}
/* Karteireiter */
#head li.start {
	background-image: url(start.gif);
	width: 85px;
}
#head li.sortiment {
	background-image: url(sortiment.gif);
	/* width: 134px; */
	width: 158px;
}
#head li#aktiv {
	background-position: 0 -22px;
}
#head li.aktionen {
	background-image: url(aktionen.gif);
	/* width: 126px; */
	width: 178px;
}
#head li.marken {
	background-image: url(marken.gif);
	/* width: 115px; */
	width: 180px;
}
#head li.service {
	background-image: url(service.gif);
	/* width: 115px; */
	width: 176px;
}
/* Subnavigation*/
#head ul#topnav li ul {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 763px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 0;
	background-position: top right;
/* alle unsichtbar*/
	display: none;
}
/* nur aktuelle Subnavi wird angezeigt*/
#head ul#topnav li ul.visible {
	/* display: block; */
	/* 2010-10-28 Subnavi nicht mehr anzeigen */
	display: none;
}
/* Startseite */
#head ul#topnav li.start ul {
	background-image: url(start_leiste.gif);
}
#head ul#topnav li.start ul a {
	color: #fff;
}
/* Sortiment */
#head ul#topnav li.sortiment ul {
	background-image: url(blau.gif);
}
/* Aktionen */
#head ul#topnav li.aktionen ul {
	background-image: url(aktionen.png);
}
#head ul#topnav li.marken ul {
	background-image: url(marken.png);
}
#head ul#topnav li.service ul {
	background-image: url(service.png);
}
#head ul#topnav li ul li {
	margin-top: 5px;
	float: left;
	width: auto;
	height: 24px;
	margin-left: 7px;
}
/* wichtig fÃŒr UE6*/
#head ul#topnav li ul li a {
	display: inline;
}
#head li#start a {
	color: #fff;
}
/* Suckerfish der topnav */
#head ul#topnav ul.suckerfish ul {
	position: absolute;
	display: none;
	top: 22px;
	left: 633px;
	width: 143px;
	padding: 0;
	border-left: 1px solid #99b6d8;
	border-right: 1px solid #99b6d8;
	border-top: 1px solid #99b6d8;
	text-align: right;
	background: #fff;
}
#head ul#topnav ul.suckerfish li:hover ul, #head ul#topnav ul.suckerfish li.hover ul {
	display: block;
}
#head ul#topnav ul.suckerfish ul li {
	width: 100%;
	height: auto;
	margin: 0;
	background: #fff;
	padding: 0;
}
#head ul#topnav ul.suckerfish ul li a {
	background-color: #d8e4f0;
	height: auto;
	padding: 3px 15px 2px 5px;
	display: block;
	width: 123px;
	margin-top: 1px;
	border-bottom: 1px solid #97b5d7;
	background-image: url(pfeil.gif);
	background-position: 135px 5px;
}
#head ul#topnav ul.suckerfish ul a:hover {
	background-color: #99b6d8;
	text-decoration: none;
}
