/* START metanavi styles */
div.pageHeader div.metanavi,
div.pageFooter div.metanavi {
	position: absolute;
	right: 0;
}

div.pageHeader div.metanavi_1 { top: 67px; }
div.pageHeader div.metanavi_2 { top: 85px; }
div.pageHeader div.metanavi_3 { top: 103px; }

div.pageFooter div.metanavi_1 { top: 45px; }
div.pageFooter div.metanavi_2 { top: 64px; } /* TODO */

div.pageHeader div.metanavi ul,
div.pageFooter div.metanavi ul {
	list-style: none;
}

div.pageHeader div.metanavi ul li,
div.pageFooter div.metanavi ul li {
	display: inline;
}

div.pageHeader div.metanavi ul li a,
div.pageFooter div.metanavi ul li a {
	font-size: 11px;
	color: #919191;
	text-transform: uppercase;
}

div.pageHeader div.metanavi ul li.active a,
div.pageFooter div.metanavi ul li.active a {
	color: #c00;
}

div.pageHeader div.metanavi ul li a.icon_email,
div.pageFooter div.metanavi ul li a.icon_email {
	margin-right: 8px;
}

div.pageHeader div.metanavi ul li a.icon_facebook,
div.pageFooter div.metanavi ul li a.icon_facebook {
	margin-right: 8px;
}

div.pageHeader div.metanavi ul li a.icon_twitter,
div.pageFooter div.metanavi ul li a.icon_twitter {
	margin-right: 8px;
}

div.pageHeader div.metanavi ul li a.icon_rss,
div.pageFooter div.metanavi ul li a.icon_rss {
	margin-right: 8px;
}

div.pageHeader div.metanavi ul li a.icon_email img,
div.pageFooter div.metanavi ul li a.icon_email img {
	background: transparent url(../images/icon_email.gif) left top no-repeat;
}

div.pageHeader div.metanavi ul li a.icon_email:hover img,
div.pageFooter div.metanavi ul li a.icon_email:hover img {
	background-position: -17px 0px;
}

div.pageHeader div.metanavi ul li a.icon_print img,
div.pageFooter div.metanavi ul li a.icon_print img {
	background: transparent url(../images/icon_print.gif) left top no-repeat;
}

div.pageHeader div.metanavi ul li a.icon_print:hover img,
div.pageFooter div.metanavi ul li a.icon_print:hover img {
	background-position: -17px 0px;
}

div.pageHeader div.metanavi ul li a.icon_facebook img,
div.pageFooter div.metanavi ul li a.icon_facebook img {
	background: transparent url(../images/icon_facebook.gif) left top no-repeat;
}

div.pageHeader div.metanavi ul li a.icon_facebook:hover img,
div.pageFooter div.metanavi ul li a.icon_facebook:hover img {
	background-position: -12px 0px;
}

div.pageHeader div.metanavi ul li a.icon_rss img,
div.pageFooter div.metanavi ul li a.icon_rss img {
	background: transparent url(../images/icon_rss.gif) left top no-repeat;
}

div.pageHeader div.metanavi ul li a.icon_rss:hover img,
div.pageFooter div.metanavi ul li a.icon_rss:hover img {
	background-position: -12px 0px;
}

div.pageHeader div.metanavi ul li a.icon_twitter img,
div.pageFooter div.metanavi ul li a.icon_twitter img {
	background: transparent url(../images/icon_twitter.gif) left top no-repeat;
}

div.pageHeader div.metanavi ul li a.icon_twitter:hover img,
div.pageFooter div.metanavi ul li a.icon_twitter:hover img {
	background-position: -12px 0px;
}

div.pageHeader div.metanavi ul li span,
div.pageFooter div.metanavi ul li span,
div.pageHeader div.metanavi ul li a span,
div.pageFooter div.metanavi ul li a span {
	font-size: 11px;
	color: #919191;
	text-transform: uppercase;
	padding: 0 8px 0 9px;
}

div.pageHeader div.metanavi ul li a:hover,
div.pageFooter div.metanavi ul li a:hover {
	color: #000;
}

div.pageHeader div.suche {
	position: relative;
	padding-left: 107px;
	float: left;
	top: 2px;
}

div.pageHeader div.suche div {
	position: absolute;
	left: 8px;
	top: 2px;
	width: 99px;
	height: 20px;
	background: transparent url(../images/meta_suche_bg.gif) left top no-repeat;
}

div.pageHeader div.suche input.text {
	position: absolute;
	left: 5px;
	top: 2px;
	width: 80px;
	height: 17px;
	border: 0;
	font-size: 14px;
	color: #919191;
}

div.pageHeader div.suche div input.image {
	position: absolute;
	left: 89px;
	top: 2px;
	width: 9px;
	height: 17px;
}
/* ENDE metanavi styles */


/* START Layer Anmeldung styles */

div#popupLayerAnmelden div.login_container {
	margin: 10px 0;
}

div#popupLayerAnmelden div.login_container_fehler {
	margin: 0px 0;
}

div#popupLayerAnmelden div.login_container p.fehler {
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 5px;
}

div#popupLayerAnmelden div.login_container div.login {
	background: transparent url(../images/layer_anmelden_bg_input.gif) left top no-repeat;
	width: 144px;
	height: 16px;
	padding: 1px 4px 3px 4px;
	margin-bottom: 6px;
}

div#popupLayerAnmelden div.login_container div.login input.text {
	width: 150px;
	height: 17px;
	border: 0;
	font-size: 14px;
	color: #fff;
	background-color: transparent;
}

div#popupLayerAnmelden div.login_container div.anmelden_button_container {
	padding: 3px 0;
}

div#popupLayerAnmelden div.login_container div.anmelden_button_container a.anmelden_button {
	color: #fff !important;
	background-color: #a000a6;
	font-size: 11px;
	line-height: 12px;
	text-transform: uppercase;
	padding: 1px 4px;
	margin: 0 3px 0 0;
	text-decoration: none !important;
}

div#popupLayerAnmelden div.login_container div.anmelden_button_container a.anmelden_button:hover {
	background-color: #000;
}

div#popupLayerAnmelden div.login_container div.zusatzlinks_container {
	padding: 10px 0 0 0;
}

div#popupLayerAnmelden div.login_container div.zusatzlinks_container a.zusatzlinks {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	padding: 0px 0px 0px 10px;
	background: transparent url(../images/teaser_pfeil_mehr.gif) 1px 3px no-repeat;
}

div#popupLayerAnmelden div.login_container div.zusatzlinks_container a.zusatzlinks:hover {
	color: #000;
	background-position: 1px -10px;
}

/* ENDE Layer Anmeldung styles */


/* START breadcrumb styles */
div.pageHeader div.breadcrumb {
	float: left;
}

div.pageHeader div.breadcrumb a {
	font-size: 11px;
	color: #919191;
}

div.pageHeader div.breadcrumb a:hover {
	color: #000;
}

div.pageHeader div.breadcrumb a.active {
	color: #c00;
}

div.pageHeader div.breadcrumb a.active:hover {
	color: #000;
}

div.pageHeader div.breadcrumb a span {
	font-size: 11px;
	color: #919191;
	padding: 0 3px 0 3px;
}
/* ENDE breadcrumb styles */



/* START global layer switch styles */
div.globalLayerSwitch {
	position: absolute;
	right: 0;
	top: 164px;
}
div.globalLayerSwitch a {
	display: block;
	float: left;
	height: 12px;
	background-color: #c800cf;
	font-size: 11px;
	line-height: 12px;
	margin-left: 8px;
}
div.globalLayerSwitch a span.alleEinblenden,
div.globalLayerSwitch a span.alleAusblenden {
	padding: 0px 1px 0px 2px;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 12px;
	color: #fff;
	display: none;
}

div.globalLayerSwitch a.alleEinblenden span.alleEinblenden {
	display: inline;
}

div.globalLayerSwitch a.alleAusblenden span.alleAusblenden {
	display: inline;
}

div.globalLayerSwitch a.warenkorb {
	display: block;
	float: left;
	height: 12px;
	color: #fff;
	background-color: #cc0000;
	padding: 0 1px 0 2px;
	font-size: 11px;
	line-height: 12px;
	margin-left: 8px;
}

div.globalLayerSwitch a.link {
	display: block;
	float: left;
	height: 12px;
	color: #919191;
	background-color: #fff;
	padding: 0 1px 0 2px;
	font-size: 11px;
	line-height: 12px;
	margin-left: 6px;
}

div.globalLayerSwitch span.begruessung {
	display: block;
	float: left;
	height: 12px;
	color: #000000;
	background-color: #fff;
	padding: 0 1px 0 2px;
	font-size: 11px;
	line-height: 12px;
	margin-left: 8px;
}

div.globalLayerSwitch span.trenner {
	display: block;
	float: left;
	height: 12px;
	color: #919191;
	background-color: #fff;
	font-size: 11px;
	line-height: 12px;
	margin-left: 6px;
}

/* ENDE global layer switch styles */



/* START menu styles */
div.pageContent div.colLeft div.menu {
	margin: 21px 0 0 12px;
}

div.pageContent div.colLeft ul.menu1 {
	list-style: none;
}

div.pageContent div.colLeft ul.menu1 li {
	display: block;
}

div.pageContent div.colLeft ul.menu1 li a {
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}

div.pageContent div.colLeft ul.menu2 {
	display: none;
	list-style: none;
	margin: 1px 0 0 0;
}

div.pageContent div.colLeft ul.menu1 li.active ul.menu2 {
	display: block;
}

div.pageContent div.colLeft ul.menu2 li {
	display: block;
}

div.pageContent div.colLeft ul.menu1 li ul.menu2 li a {
	font-size: 14px;
	line-height: 19px;
	font-weight: normal;
	padding-left: 11px;
}

div.pageContent div.colLeft ul.menu1 li ul.menu2 li a:hover {
	background: transparent url(../images/bg_menu_rollover.gif) 3px 6px no-repeat;
}
/* END menu styles */



/* START menu color styles */
div.pageContent div.colLeft ul.menu1 li a { /* 1. Menueebene normal */
	color: #919191;
}

div.pageContent div.colLeft ul.menu1 li a:hover { /* 1. Menueebene rollover */
	color: #000000;
}

div.pageContent div.colLeft ul.menu1 li.active a { /* 1. Menueebene aktiver Menuepunkt */
	color: #cc0000;
}

div.pageContent div.colLeft ul.menu1 li.active a:hover { /* 1. Menueebene aktiver Menuepunkt rollover */
	color: #000000;
}

div.pageContent div.colLeft ul.menu1 li ul.menu2 li a { /* 2. Menueebene normal */
	color: #919191;
}

div.pageContent div.colLeft ul.menu1 li ul.menu2 li a:hover { /* 2. Menueebene rollover */
	color: #000000;
}

div.pageContent div.colLeft ul.menu1 li ul.menu2 li.active a { /* 2. Menueebene aktiver Menuepunkt */
	color: #cc0000;
}

div.pageContent div.colLeft ul.menu1 li ul.menu2 li.active a:hover { /* 2. Menueebene aktiver Menuepunkt rollover */
	color: #000000;
}
/* END menu color styles */