/* panda.de screen.css */

/*

FARBEN

grauweiß:    #FAFAFA (bg-content)
hellgrau:    #F2F2F2 (bg-sidebar, bg-cart,bg-mainmenue:hover,bg-cartmenue)
hellgrau2:   #E3E3E3 (filter, timeline active)
dunkelgrau:  #AFB2AF (text, borders)
dunkelgraugrün: #5C635C; (text mainmenue, footer, sidebar) 
dunkelgrau2: #7D807D (sidebar & mainmenue)
rot:         #A70036 (pandarot)

Mode:        #A70036 (kat1/pandarot)
Schuhe:      #743621 (kat2)
Kosmetik:    #AE2471 (kat3)
Wohnen:      #6F7324 (kat4)
Haushalt:    #006D9F (kat5)
Baby:        #F58220 (kat6)
Aktionen:    #5F8524 (kat7)
Reduziert:   #CF4227 (kat8)
Garten:      #95A022 (kat9)

*/

/* AUSBLENDEN */
#filter {
	display:none;
}
/* LAYOUT */
html {
	height:100%;
	overflow:auto;
}
body {
	height:100%;
	margin:0;
	padding:0;
	overflow:auto;
	background: #E3E3E3 url(../images/bg-page.jpg) repeat-x scroll center bottom;
	text-align:center;
	position:relative;
}
#container {
	width:970px;
	min-height:100%;
	background: #FAFAFA url(../images/bg-sidebar.gif) repeat-y scroll left top;
	margin-left:auto;
	margin-right:auto;
	border-left:solid 10px #FAFAFA;
	border-right:solid 10px #FAFAFA;
	text-align:left;
}
#header {
	height:75px;
	border-bottom:dashed 1px #AFB2AF;
	background:#FAFAFA url(../images/bg-header.gif) no-repeat scroll left top;
}
#mainmenue {
	height:35px;
	border-bottom:dashed 1px #AFB2AF;
	background:#FAFAFA;
}
#search_path {
	height:40px;
}
#sidebar {
	width:190px;
	min-height:460px;
	float:left;
	margin-top:-40px;
	border-top:solid 6px #fafafa;
}
#content {
	width:760px;
	float:right;
}
#footer {
	clear:both;
	border-bottom:solid 6px #FAFAFA;
}
/* ELEMENTE */
td, th {
	vertical-align:top;
	text-align:left;
}
form {
	display:inline;
}
a img {
	border:0;
}
/* KLASSEN */
input.field, select.field, textarea.field {
	background:#fafafa;
	border:solid 1px #AFB2AF;
}
textarea.field {
	overflow:auto;
}
input.field:focus, select.field:focus, textarea.field:focus {
	background:#FFF;
	border:solid 1px #A70036;
}
input.button {
	background:#FAFAFA url(../images/bg-standard.gif) repeat-x scroll left center;
	border:solid 1px #AFB2AF;
	font-weight:bold;
}
hr.line {
	color:#fafafa;
	background:#fafafa;
	border:0;
	border-bottom:dashed 1px #AFB2AF;
	margin-bottom:10px;
}
/* SCHRIFTEN */
body, p, td, li, textarea, input, select, option {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
h1, h2, h3, h4, h5, h6, p {
	padding:0;
	margin:0;
	display:block;
	padding-bottom:10px;
	color:#000;
	font-weight:normal;
}
h1 {
	font-size:20px;
	text-transform:uppercase;
	color:#AFB2AF;
}
h1.red {
	color:#A70036;
}
h2 {
	font-size:13px;
}
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#A70036;
}
.logo {
	width:150px;
	float:left;
}
/* HEADER */
#logo {
	width:190px;
	float:left;
}
#logo a {
	display:block;
	margin-top:5px;
}
#logo a img {
	width:180px;
	height:60px;
}
#headermenues {
	width:760px;
	float:right;
	white-space:nowrap;
	overflow:visible;
}
#globalmenue {
	margin-top:10px;
	text-align:right;
}
#globalmenue a {
	text-decoration:none;
	margin-left:3px;
	margin-right:3px;
}
#cartmenue {
	margin-top:7px;
	height:35px;
}
#cartmenue a {
	margin:0;
	cursor:pointer;
}
#cartmenue table {
	border:0;
	height:35px;
	width:760px;
}
#cartmenue table td {
	padding-top:5px;
	text-align:center;
	background: url(../images/bg-headmenues.png);
}
#cartmenue table td.spacer {
	width:5px;
	font-size:1px;
	background:none;
}
#cartmenue #merkzettel {
	width:160px;
	padding-left:30px;
}
#cartmenue #merkzettel span {
	float:left;
	text-align:left;
	margin-right:5px;
}
#cartmenue #warenkorb {
	width:240px;
	padding-left:30px;
}
#cartmenue #warenkorb span {
	float:left;
	text-align:left;
	margin-right:5px;
}
#cartmenue #warenkorb span.icon {
	margin-top:-3px;
	width:21px;
	height:31px;
	overflow:visible;
	background: url(../images/icons/cart.gif) no-repeat scroll left top;
}
#cartmenue #search {
	width:340px;
	padding-left:20px;
}
#cartmenue #search span {
	float:left;
	text-align:left;
	margin-right:5px;
}
#cartmenue #search span.feld {
	padding-top:8px;
}
#cartmenue #search span.button {
	padding-top:8px;
}
#query {
	width:200px;
}
#btn_search {
	width:20px;
}
#path {
	float:right;
	width:760px;
	color:#AFB2AF;
}
#path .inner {
	padding-top:10px;
}
#path .black {
	color:#000;
}
#path a {
	color:#AFB2AF;
}
#path a:hover {
	color:#A70036;
}
/* SIDEBAR */
#sidebar .prominent {
	font-size:20px;
	color:#7D807D;
	border-bottom:solid 6px #fafafa;
	padding:10px;
}
#sidebar .red {
	color:#A70036;
}
#sidebar .box {
	color:#7D807D;
	border-bottom:solid 6px #fafafa;
	padding:10px;
}
#sidebar .box h2, #sidebar .box p {
	color:#7D807D;
	padding-bottom:0;
}
#sidebar .risiko {
	padding-top:6px;
	padding-bottom:6px;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 4px #A70036;
	font-size:20px;
	color:#A70036;
	background:#fafafa;
	text-align:center;
}
#sidebar .risiko span {
	display:block;
	border-top:dashed 1px #A70036;
	border-bottom:dashed 1px #A70036;
	font-size:13px;
	margin-top:6px;
	margin-bottom:6px;
	padding-top:4px;
	padding-bottom:4px;
}
#sidebar a.btnstyle {
	font-size:11px;
	white-space:nowrap;
	text-decoration:none;
	width:130px;
	display:block;
	text-align:center;
	height:20px;
	padding-top:5px;
	background: url(../images/sidebar.gif) no-repeat scroll center center;
	margin-top:10px;
}
#sidebar ul {
	padding:10px;
	margin:0;
	list-style-type:none;
}
#sidebar ul h2 {
	font-size:11px;
	text-transform:uppercase;
	/* color:#7D807D; */
	color:#5C635C;
}
#sidebar ul a {
	text-decoration:none;
	/* color:#7D807D; */
	color:#5C635C;
	display:block;
	width:100%;
}
#sidebar ul a:hover {
	background:#fafafa;
}
#sidebar.kat1 ul a:hover {
	color:#A70036;
}
#sidebar.kat2 ul a:hover {
	color:#743621;
}
#sidebar.kat3 ul a:hover {
	color:#AE2471;
}
#sidebar.kat4 ul a:hover {
	color:#6F7324;
}
#sidebar.kat5 ul a:hover {
	color:#006D9F;
}
#sidebar.kat6 ul a:hover {
	color:#F58220;
}
#sidebar.kat7 ul a:hover {
	color:#5F8524;
}
#sidebar.kat8 ul a:hover {
	color:#CF4227;
}
#sidebar.kat9 ul a:hover {
	color:#95A022;
}
#sidebar ul a.active {
	background:#fafafa;
}
#sidebar.kat1 ul a.active {
	color:#A70036;
}
#sidebar.kat2 ul a.active {
	color:#743621;
}
#sidebar.kat3 ul a.active {
	color:#AE2471;
}
#sidebar.kat4 ul a.active {
	color:#6F7324;
}
#sidebar.kat5 ul a.active {
	color:#006D9F;
}
#sidebar.kat6 ul a.active {
	color:#F58220;
}
#sidebar.kat7 ul a.active {
	color:#5F8524;
}
#sidebar.kat8 ul a.active {
	color:#CF4227;
}
#sidebar.kat9 ul a.active {
	color:#95A022;
}
#sidebar ul a.biglink {
	font-size:20px;
}
/* MAINMENUE */
#mainmenue ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	height:35px;
	float:left;
	z-index:9999;
}
#mainmenue ul li {
	display:inline;
	float:left;
	height:35px;
}
#mainmenue ul li a.tl {
	display:block;
	height:35px;
	text-decoration:none;
	line-height:35px;
	font-size:20px;
	/* color:#AFB2AF; */
	color:#5C635C;
	text-transform:uppercase;
	padding-left:5px;
	padding-right:5px;
}
#mainmenue ul li span {
	display:block;
	height:35px;
	line-height:35px;
	font-size:20px;
	padding-left:3px;
	padding-right:3px;
	/* color:#AFB2AF; */
	color:#5C635C;
	text-align:center;
}
#mainmenue ul div {
	display:none;
}
#mainmenue ul li a:hover {
	white-space:normal;
	color:#fff;
}
#mainmenue ul li:hover > a {
	white-space:normal;
	color:#fff;
}
#mainmenue ul li.kat7 a {
	color:#5F8524;
}
#mainmenue ul li.kat8 a {
	color:#CF4227;
}
#mainmenue ul li.kat9 a {
	color:#95A022;
}
#mainmenue ul li.kat1 a:hover {
	background:#A70036;
}
#mainmenue ul li.kat1:hover > a {
	background:#A70036;
}
#mainmenue ul li.kat2 a:hover, #sidebar ul li.kat2 a:hover {
	background:#743621;
}
#mainmenue ul li.kat2:hover > a, #sidebar ul li.kat2:hover > a {
	background:#743621;
}
#mainmenue ul li.kat3 a:hover {
	background:#AE2471;
}
#mainmenue ul li.kat3:hover > a {
	background:#AE2471;
}
#mainmenue ul li.kat4 a:hover {
	background:#6F7324;
}
#mainmenue ul li.kat4:hover > a {
	background:#6F7324;
}
#mainmenue ul li.kat5 a:hover {
	background:#006D9F;
}
#mainmenue ul li.kat5:hover > a {
	background:#006D9F;
}
#mainmenue ul li.kat6 a:hover {
	background:#F58220;
}
#mainmenue ul li.kat6:hover > a {
	background:#F58220;
}
#mainmenue ul li.kat7 a:hover {
	background:#5F8524;
	color:#fff;
}
#mainmenue ul li.kat7:hover > a {
	background:#5F8524;
	color:#fff;
}
#mainmenue ul li.kat8 a:hover {
	background:#CF4227;
	color:#fff;
}
#mainmenue ul li.kat8:hover > a {
	background:#CF4227;
	color:#fff;
}
#mainmenue ul li.kat9 a:hover {
	background:#95A022;
	color:#fff;
}
#mainmenue ul li.kat9:hover > a {
	background:#95A022;
	color:#fff;
}
#mainmenue ul :hover div {
	display:block;
	width:968px;
	background:#F2F2F2;
	position:absolute;
	left:0;
	top:35px;
	border:1px solid #AFB2AF;
	border-top:dashed 1px #AFB2AF;
	padding-bottom:10px;
}
#mainmenue ul .single:hover, #mainmenue ul .single_left:hover, #mainmenue ul .two:hover, #mainmenue ul .three:hover, #mainmenue ul .four:hover, #mainmenue ul .four_right:hover, #mainmenue ul .five:hover {
	position:relative;
}

#mainmenue ul .single:hover div {
	width:165px;
}

#mainmenue ul .single_left:hover div {
	width:165px;
        margin-left:-50px;
}

#mainmenue ul .two:hover div {
	width:335px;
}
#mainmenue ul .three:hover div {
	width:505px;
}

#mainmenue ul .three_right:hover div {
	width:505px;
        margin-left: 241px;
}

#mainmenue ul .four:hover div {
	width:676px;
}

#mainmenue ul .four_right:hover div {
	width:676px;
        right: 0;
}

#mainmenue ul .five:hover div {
	width:835px;
}
#mainmenue ul :hover div dl {
	display:inline;
	padding:0;
	padding-right:5px;
	margin:5px;
	margin-top:10px;
	float:left;
	width:154px;
	border-right:dashed 1px #AFB2AF;
}
#mainmenue ul :hover div dl.last {
	width:155px;
	padding-right:0;
	border-right:0;
}
#mainmenue ul :hover div dl dt {
	width:154px;
	text-transform:uppercase;
	margin-bottom:10px;
	text-decoration:none;
	height:20px;
	line-height:20px;
	color:#7D807D;
}
#mainmenue ul .single:hover div dl {
	width:155px;
}
#mainmenue ul .single:hover div dl dt {
	width:124px;
}
#mainmenue ul li.kat8 div dl, #mainmenue ul li.kat6 div dl, #mainmenue ul li.kat5 div dl {
	width:144px;
}
#mainmenue ul li.kat8 div dl dt, #mainmenue ul li.kat6 div dl dt, #mainmenue ul li.kat5 div dl dt {
	width:143px;
}
#mainmenue ul :hover div dl dd {
	padding:0;
	margin:0;
}
#mainmenue ul :hover div dd a {
	display:block;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	/* color:#7D807D; */
	color:#5C635C;
	line-height:normal;
	text-transform:none;
}
#mainmenue ul :hover div dd a.biglink {
	font-size:20px;
	line-height:normal;
}
#mainmenue ul :hover div dd a:hover {
	background-color:#FAFAFA;
}
#mainmenue ul li.kat1 dd a:hover {
	color:#A70036;
}
#mainmenue ul li.kat2 dd a:hover {
	color:#743621;
}
#mainmenue ul li.kat3 dd a:hover {
	color:#AE2471;
}
#mainmenue ul li.kat4 dd a:hover {
	color:#6F7324;
}
#mainmenue ul li.kat5 dd a:hover {
	color:#006D9F;
}
#mainmenue ul li.kat6 dd a:hover {
	color:#F58220;
}
#mainmenue ul li.kat7 dd a:hover {
	color:#5F8524;
}
#mainmenue ul li.kat8 dd a:hover {
	color:#CF4227;
}
#mainmenue ul li.kat9 dd a:hover {
	color:#95A022;
}
/* FOOTER */
#footer .inner {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:210px;
	text-align:center;
	color:#5C635C;
}
#footer .inner a {
	color:#5C635C;
}
#footer .inner a:hover {
	color:#A70036;
}
/* CMS SEITEN */
#cms {
	width:500px;
	overflow:visible;
}
#cms h1 {
	padding-bottom:20px;
}
#cms img.left {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	border:solid 1px #AFB2AF;
}
#cms img.right {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	border:solid 1px #AFB2AF;
}
#cms img.center {
	float:none;
	margin-bottom:10px;
	border:solid 1px #AFB2AF;
}
/* POPUP */
#popup {
	background:#fafafa;
	text-align:left;
	min-height:100%;
}
#popupcontent {
	padding:10px;
}
/* SONSTIGES */
strong.fonnr {
	font-size:13px;
}
strong.fonnr img {
	width:53px;
	height:12px;
}
div.error {
	border:dashed 1px #A70036;
	margin-bottom:10px;
}
div.error p {
	padding:20px;
	color:#A70036;
	font-weight:bold;
}
.sitemapper div {
	border-right:dashed 1px #AFB2AF;
	width:143px;
	float:left;
	margin-right:10px;
}
.sitemapper div.last {
	border-right:0;
	margin-right:0;
}
.sitemapper ul {
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	list-style-type:none;
}
.sitemapper ul h2 {
	font-size:13px;
	text-transform:uppercase;
	color:#AFB2AF;
	padding:0;
	margin-bottom:10px;
}
.sitemapper ul a {
	text-decoration:none;
	display:block;
	width:100%;
}
.sitemapper ul a:hover {
	color:#A70036;
}
.sitemapper ul a.active {
	color:#A70036;
}
.sitemapper ul h2.kat7 {
	background:#5F8524;
	color:#fff;
}
.sitemapper ul h2.kat8 {
	background:#CF4227;
	color:#fff;
}
/*  Service  */
#service .clear {
	clear:both;
}
#service p {
	width:500px;
}
#service table p {
	width:auto;
}
#service ol li, #service ul li {
	margin:10px 0;
}
#service ul.list {
	float:left;
	width:250px;
}
#service ul.list li {
	width:250px;
}
#service ol li.main strong {
	font-size:12px;
}
#service div.range {
	float:left;
	margin-bottom:15px;
}
#service table {
	margin-bottom:15px;
}
#service div.slot {
	border:1px dashed #AFB2AF;
	width:500px;
	height:120px;
	margin-bottom:15px;
}
#service div.slot a, #service ul.list a {
	text-decoration:none;
	font-size:12px;
}
#service div.slot img {
	float:right;
	margin:10px;
}
#service h2 {
	font-weight:bold;
	margin:5px 0 0 5px;
}
#service div.address {
	width:500px;
	text-align:center;
}
/*  Presse  */
#presse {
	width:500px;
}
#presse table td {
	text-align:center;
}
#presse table.down td {
	vertical-align:middle;
	width:120px;
}
#presse h2, #presse ul.nav {
	border:1px dashed #AFB2AF;
}
#presse p.hint {
	color:#A70036;
}
/*  Start  */
#start div {
	background: url(../images/loading.gif) no-repeat scroll center center;
	border:solid 1px #AFB2AF;
	text-align:center;
}

#start div.clear {
	background:none;
	border:0;
	clear:both;
	font-size:1px;
	height:10px;
	overflow:hidden;
}
#start div.bannerXL img {
	width:758px;
	height:370px;
}
#start div.bannerLL {
	float:left;
	width:373px;
}
#start div.bannerLR {
	float:right;
	width:373px;
}
#start div.bannerLL img, #start div.bannerLR img {
	width:373px;
	height:370px;
}
#start div.bannerML {
	float:left;
	width:373px;
}
#start div.bannerMR {
	float:right;
	width:373px;
}
#start div.bannerML img, #start div.bannerMR img {
	width:373px;
	height:180px;
}
#start div.bannerSL {
	float:left;
	width:245px;
}
#start div.bannerSM {
	float:left;
	width:245px;
	margin-left:10px;
}
#start div.bannerSR {
	float:right;
	width:245px;
}
#start div.bannerSL img, #start div.bannerSM img, #start div.bannerSR img {
	width:245px;
	height:180px;
}

div#ajaxItems{
	height:180px;
	background: #fff url(../html/images/scroller/bg.jpg) repeat-x center top;
}
div#ajaxItems div.link{
	height:180px;
	width:35px;
	overflow:hidden;
}
div#ajaxItems div.link a{
	display:block;
	width:35px;
	height:180px;
	text-indent:-999px;
}
div#ajaxItems div.left{
	float:left;
	background: url(../html/images/scroller/btn-left.gif) no-repeat right 40px;
}
div#ajaxItems div.left a:hover{
	background: url(../html/images/scroller/btn-left2.gif) no-repeat right 40px;
}
div#ajaxItems div.right{
	float:right;
	background: url(../html/images/scroller/btn-right.gif) no-repeat left 40px;
}
div#ajaxItems div.right a:hover{
	background: url(../html/images/scroller/btn-right2.gif) no-repeat left 40px;
}
div#ajaxItems div.products{
	float:left;
	height:180px;
	width:688px;
	overflow:hidden;
	text-align:left;
}
div#ajaxItems div.products h2{
	font-size:20px;
	color:#5C635C;
	margin-top:10px;
	text-align:center;
}
div#ajaxItems div.products div.item{
	float:left;
	width:115px;
	height:115px;
	margin-left:17px;
	border:solid 1px #AFB2AF;
	background:#FAFAFA;
	overflow:hidden;
	text-align:center;
}
div#ajaxItems div.products div.item:hover{
	border:solid 1px #A70036;
}
div#ajaxItems div.products div.item table{
	width:85px;
	height:85px;
	border:0;
	margin-left:auto;
	margin-right:auto;
}
div#ajaxItems div.products div.item table td{
	vertical-align:middle;
	text-align:center;
}

/* sidebar neu 09.2009 */
div.sidebarGroup{
 border-bottom:solid 6px #fafafa;
 padding: 10px;
}
div.sidebarGroup h2{
 display:inline-block;
 width:140px;
 margin:0;
 padding:0;
 float:left;
}
div.sidebarGroup h2 a{
 font-size:11px;
 text-transform:uppercase;
 color:#5C635C;
 text-decoration:none;
}
div.sidebarGroup h3, div.sidebarGroup h3#menuHeadAct.clicked{
 background:url(../images/menue/closed_0.gif) no-repeat right top;
 display:inline;
 float:right;
 margin:0;
 padding:0;
 width:16px;
 height:16px;
 font-size:1px;
}
div.sidebarGroup h3:hover, div.sidebarGroup h3#menuHeadAct.clicked:hover{
 background:url(../images/menue/closed_1.gif) no-repeat right top;
 cursor:pointer;
}
div.sidebarGroup h3#menuHeadAct, div.sidebarGroup h3.clicked{
 background:url(../images/menue/opened_0.gif) no-repeat right top;
}
div.sidebarGroup h3#menuHeadAct:hover, div.sidebarGroup h3.clicked:hover{
 background:url(../images/menue/opened_1.gif) no-repeat right top;
}
div.sidebarGroup div{
 width:170px;
}
#sidebar div.sidebarGroup ul{
 padding:0;
 padding-top:8px;
}

/* Newsletter Page Specifics */

table.nl_ad {
   width:530px;
   margin:10px 0;
}

table.nl_ad td.nl_ad_ex {
   width:170px;
   float:left;
   line-height:30px;
   vertical-align:middle;
}

table#kid1 {
 display:block;
}

table#kid2,table#kid3,table#kid4 {
 display:none;
}


td.nl_coupon {
 padding: 0 0 0 23px;
}