/* codes by Stiftung Warentest */

/*************************** STANDARDS ***************************/

* { margin: 0; padding: 0; border: 0; outline: 0; }
html { min-height: 100%; height: auto; height: 100%; background: #FFF }
body { background:#fff url(../img/bg-header-repeat.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; color: #2f2f2f; line-height: 0.8; font-size: 62.5%; }
img { border: none; width: 100%; }
img.nonwidth { width: auto; }
ul { list-style: none; }
p { line-height: 1.4; font-size: 1.3em; padding-bottom: 15px; }
p.moreheight { line-height: 1.6em; font-size: 1.3em; padding-bottom:15px; }
.clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; }
.floatleft { float: left; }
.floatright { float: right; }
a, a:visited { color: #000; text-decoration: underline; line-height: 0.8; }
a:hover { color: #000; text-decoration: none; }
/*************************** LAYOUT ***************************/

header	{height:255px; float:left; padding:26px 0 0 0!important; margin:0 0 45px 0!important}
img.ontop	{ position:absolute; top:27px; left:0px;}

ul.checklist	{ float:left; margin:30px 0 30px 45px;}
ul.checklist li 	{ color:#000;height:25px; margin:0 0 25px 0; font-size:2.2em;}
ul.checklist li:hover	{ color:#000; cursor:pointer;}
ul.checklist li.without{ text-decoration:none; background:url(../img/korb-icon.png) 0px 0px no-repeat; margin:0px 0 30px 0px; height:20px; display:block; padding-left:40px;}
ul.checklist li.blue	{ text-decoration: line-through; background: url(../img/korb-icon.png) 0px -25px no-repeat; height:20px; margin:0px 0 30px 0px; color: #999;}
ul.checklist li	{ padding:5px 0 0 0;}
ul.checklist li.einkaufstipp	{ height:auto; font-weight:normal; font-size:1.4em;}
ul.checklist li.newblock	{ padding-left:0px; font-size:1.8em; height:45px; font-weight:bold;}

img.infopic	{ float:right; margin:0px 22px 0 0;}

ul.vorratsliste	{ float:left; margin:35px 0 25px 35px;}
ul.vorratsliste li	{ margin:0 0 18px 0; font-size:2em; line-height:120%; background:url(../img/dot.png) 0px 8px no-repeat; padding:0 0 0 20px}
ul.vorratsliste li { text-decoration:none; cursor:pointer;}
ul.vorratsliste li.blue	{ text-decoration: line-through;color: #999;}
.trennlinie_second {border-top: 1px solid #D1D5D8;clear: both;display: block;font-size: 1px;height: 1px;line-height: 1px;margin: 15px 0 15px;}
.imprint	{ padding:25px;}

ul.navi	{ background:#FFF; margin:5px 0 0px 0}
ul.navi li	{ text-align:center; margin:0 0 5px 0; padding:18px 0 18px 0 }
ul.navi li.extraspecial	{ text-align:center; margin:0 0 5px 0; padding:18px 0 0px 0 }
ul.navi li.extraspecial p	{ text-align:left;}
ul.navi li.extraspecialtwo	{ text-align:center; margin:0 0 5px 0; padding:0px 0 0px 0 }

ul.navi li a	{font-size:1.9em; font-weight:bold; text-transform:uppercase; color:#FFF; text-decoration:none; background:url(../img/arrow.png) 0px 6px no-repeat; padding:0 0 0 15px;}
ul.navi li a:hover,ul.navi li a:focus	{ text-decoration:underline;}


#einkaufsliste-1 ul.navi li.plan1 a	{ text-decoration:underline;}
#einkaufsliste-2 ul.navi li.plan2 a	{ text-decoration:underline;}
#einkaufsliste-3 ul.navi li.plan3 a	{ text-decoration:underline;}
#einkaufsliste-4 ul.navi li.plan4 a	{ text-decoration:underline;}
#einkaufsliste-5 ul.navi li.plan5 a	{ text-decoration:underline;}
#einkaufsliste-6 ul.navi li.plan6 a	{ text-decoration:underline;}
#einkaufsliste-7 ul.navi li.plan7 a	{ text-decoration:underline;}
#einkaufsliste-8 ul.navi li.plan8 a	{ text-decoration:underline;}
#einkaufsliste-9 ul.navi li.plan9 a	{ text-decoration:underline;}
#einkaufsliste-10 ul.navi li.plan10 a	{ text-decoration:underline;}
#einkaufsliste-11 ul.navi li.plan11 a	{ text-decoration:underline;}
#einkaufsliste-12 ul.navi li.plan12 a	{ text-decoration:underline;}
#einkaufsliste-13 ul.navi li.plan13 a	{ text-decoration:underline;}

.nobg	{ background:#FFF!important;}
.downbg	{ background:#f7f7f6; padding:15px;}

ul.navi li a.submit { color: #FFFFFF; cursor: pointer;   padding: 14px 0px 14px 0px; text-align: center; text-decoration: none; font-size: 1.9em; font-weight: bold; width:100%; background: #5db92e url(../img/arrow.png) 79px 16px no-repeat; display:block; }

ul.navi li a.submit:hover {background: #5db92e url(../img/arrow.png) 79px 16px no-repeat; text-decoration:underline }


a.dontshow { color: #FFFFFF; cursor: pointer;   padding: 14px 0px 14px 0px; text-align: center; text-decoration: none; font-size: 1.9em; font-weight: bold; background: #5db92e; display:block; margin-bottom:25px }
a.dontshow:hover {background: #5db92e; text-decoration:underline }

p.dontshow	{ background:#ebebeb url(../img/bigtipp.png) 22px 15px no-repeat ; padding:15px 15px 15px 68px;}

ul.backlist	{ margin:35px 0 0 0; float:right;}
ul.backlist li	{ float:right; font-weight:bold; margin:0 0 0 25px; font-size:1.4em;}
ul.backlist li a	{ text-decoration:none; background:url(../img/green-arrow.png) 0px 3px no-repeat; padding-left:8px}
ul.backlist li a:hover	{ text-decoration:underline;}

ul.navi li.plan1	{ background:#5dabd1; }
ul.navi li.plan2	{ background:#5b8fac; }
ul.navi li.plan3	{ background:#719195; }
ul.navi li.plan4	{ background:#98c396; }
ul.navi li.plan5	{ background:#709f3f; }
ul.navi li.plan6	{ background:#c5a839; }
ul.navi li.plan7	{ background:#e4b32c; }
ul.navi li.plan8	{ background:#aa955c; }
ul.navi li.plan9	{ background:#de9e4a; }
ul.navi li.plan10	{ background:#b06f6c; }
ul.navi li.plan11	{ background:#917394; }
ul.navi li.plan12	{ background:#799dda; }
ul.navi li.plan13	{ background:#dd3630; margin-bottom:0px; }

ul.navi li.plan1:hover	{ background:#4a8dad; }
ul.navi li.plan2:hover	{ background:#426b81; }
ul.navi li.plan3:hover	{ background:#4d6a6e; }
ul.navi li.plan4:hover	{ background:#6e936c; }
ul.navi li.plan5:hover	{ background:#4f722a; }
ul.navi li.plan6:hover	{ background:#96802c; }
ul.navi li.plan7:hover	{ background:#b08a21; }
ul.navi li.plan8:hover	{ background:#827143; }
ul.navi li.plan9:hover	{ background:#ac7936; }
ul.navi li.plan10:hover	{ background:#7d4946; }
ul.navi li.plan11:hover	{ background:#654b68; }
ul.navi li.plan12:hover	{ background:#5e82c0; }
ul.navi li.plan13:hover	{ background:#be2823; }


.plan1	{ background:#5dabd1; }
.plan2	{ background:#5b8fac; }
.plan3	{ background:#719195; }
.plan4	{ background:#98c396; }
.plan5	{ background:#709f3f; }
.plan6	{ background:#c5a839; }
.plan7	{ background:#e4b32c; }
.plan8	{ background:#aa955c; }
.plan9	{ background:#de9e4a; }
.plan10	{ background:#b06f6c; }
.plan11	{ background:#917394; }
.plan12	{ background:#799dda; }
.plan13	{ background:#dd3630; }
h2.plan13	{ font-size:3.2em;}
.grey	{ background: #333; line-height:100%; font-size:2.1em; }

/*************************** BRANDING ***************************/

h1#branding span { text-indent: -9999px; display: block; font-size: 0.000001em; line-height: 0.0000001em; }
h1 { float: left; padding: 35px 0 0 0px; }
h1 a { display: block; width: 161px; height: 240px; overflow: hidden; background: url(../img/kochplan.png); text-indent: -9999px; }
h1 a:hover { text-decoration: none; }
h6	{ font-size:4em; color: #396; line-height:120%;}