@charset "utf-8";
/* CSS Document Verbraucher.net */

/***** Global Settings *****/

* {
 padding:0;
 margin:0;
}

html, body {
 border:0;
}

body {
 font:100.01%/1.25 Arial, Verdana, Helvetica, sans-serif;
 color:#000;
 background-color:#fff;
 margin:10px;
 font-size:11px;
}

img {
 border:0;
}

/***** Common Formatting *****/

.align-center {
 text-align:center;
}
.align-right {
 text-align:right;
}
.align-left {
 text-align:left;
}

small {
 font-size:8px;
}

acronym, abbr {
 cursor:help;
 letter-spacing:1px;
 border-bottom:1px dashed;
}

.clear {
 font-size:1px;
 line-height:1px;
 height:1px;
 clear:both;
 display:block;
 margin-top:-1px;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***** Links *****/

a,
a:link,
a:visited {
 color:#CC0000;
 text-decoration:none;
}

a:hover {
 color:#CC0000;
 text-decoration:underline;
}

/***** Forms *****/

form {
 display:inline;
}

form#searchform {
 position:relative;
 top:-8px;
}

input, select, textarea {

}

textarea {
 width:100%;
}

label {
 cursor:pointer;
 color:black;
}

fieldset {
 padding:10px;
 margin-bottom:10px;
}

legend {
 font-weight:bold;
}

/***** Tables: Common *****/

table {
 border:0;
}

ul { margin:15px 35px; }

/***** Tables: Layout Common *****/

#tablehead,
#tablemain {
 width:980px;
 display:block;
 margin-top:-50px; /* Den Platz, den die Mainbuttons einnehmen würden, wenn sie nicht positioniert werden würden, wird hier überdeckt */
}

#tablemain tr td#lft,
#tablemain tr td#rgt {
 background-color:#ffffff;
 width:200px;
 vertical-align:top;
 font-size:13px;
}
#tablemain tr td#lft {padding:10px 10px 10px 0;}
#tablemain tr td#rgt {padding:10px 0 10px 10px;}

/***** Layout Kopf *****/

div#headwrap {
  width:980px;
}

div#mytitle {
  background-color:#06c;
  width:660px;
  height:143px;
  float:left;
}
div#mytitle img {margin:38px 0 0 38px;}

div#mood {
  background-color:#06c;
  width:320px;
  height:191px;
  float:left;
}

/***** Layout Main-Buttons *****/

div#buttons {
  margin-left:6px;
  position:relative;
  top:-61px;
  clear:both;
}

div#buttons a {
  display:-moz-inline-stack; /* Eine Extra-Wurst für FF2 */
  display:inline-block;
}
div#buttons a img {margin:0 4px;width:99px;height:61px;}

div#buttons a#kopf_r2_c2,
div#buttons a#kopf_r2_c2_active {background: url("../img/header-button-aktuell.gif") 0px 0px no-repeat;}
div#buttons a#kopf_r2_c2:hover,
div#buttons a#kopf_r2_c2_active {background-position: 0px -61px;}

div#buttons a#kopf_r2_c4,
div#buttons a#kopf_r2_c4_active {background: url("../img/header-button-artikel.gif") 0px 0px no-repeat;}
div#buttons a#kopf_r2_c4:hover,
div#buttons a#kopf_r2_c4_active {background-position: 0px -61px;}

div#buttons a#kopf_r2_c6,
div#buttons a#kopf_r2_c6_active {background: url("../img/header-button-anbieter.gif") 0px 0px no-repeat;}
div#buttons a#kopf_r2_c6:hover,
div#buttons a#kopf_r2_c6_active {background-position: 0px -61px;}

div#buttons a#kopf_r2_c8,
div#buttons a#kopf_r2_c8_active {background: url("../img/header-button-tipps.gif") 0px 0px no-repeat;}
div#buttons a#kopf_r2_c8:hover,
div#buttons a#kopf_r2_c8_active {background-position: 0px -61px;}

div#buttons a#kopf_r2_c10,
div#buttons a#kopf_r2_c10_active {background: url("../img/header-button-flohmarkt.gif") 0px 0px no-repeat;}
div#buttons a#kopf_r2_c10:hover,
div#buttons a#kopf_r2_c10_active {background-position: 0px -61px;}

div#buttons a#kopf_r2_c12,
div#buttons a#kopf_r2_c12_active {background: url("../img/header-button-einkauf.gif") 0px 0px no-repeat;}
div#buttons a#kopf_r2_c12:hover,
div#buttons a#kopf_r2_c12_active {background-position: 0px -61px;}


/***** Tables: Layout Haupttabelle *****/

#tablemain tr td#center {
 border-left:1px solid #06c;
 border-right:1px solid #06c;
 font-size:13px;
 vertical-align:top;
 padding:10px;
 width:538px;
}

#tablemain tr td#center h1 {
 background-color:#06C;
 color:#FFF;
 font-size:13px;
 margin-bottom:6px;
 padding:3px 8px;
}

#tablemain tr td#center h2 {
 font-size:12px;
 color:#666;
}

#tablemain tr td#lft h2,
#tablemain tr td#rgt h2 {
 color:#fff;
 font-size:13px;
 background-color:#0066CC;
 padding:3px 8px;
 margin-bottom:6px;
}

#tablemain tr td#lft h3,
#tablemain tr td#rgt h3,
#tablemain tr td#center h3 {
 font-size:13px;
 color:#666;
 padding:0 8px;
 margin-bottom:1px;
}

#tablemain tr td#rgt h3 {
 padding:0 0 10px 0;
}

#tablemain tr td#lft p,
#tablemain tr td#rgt p {
 margin:0 0.1em 1em 0.1em;
}

#tablemain tr td#center h3 {
 padding:0 0 10px 0;
}

#tablemain tr td#center p {
 margin-bottom:10px;
}

/***** Linkes Menü *****/

#tablemain tr td#lft a.menuinaktiv,
#tablemain tr td#lft a.menuaktiv {
 display:block;
 font-size:14px;
 text-decoration:none;
 margin-bottom:4px;
}
#tablemain tr td#lft li.lv0 a.menuinaktiv,
#tablemain tr td#lft li.lv0 a.menuaktiv {
 padding-left:10px;
}

#tablemain tr td#lft a.menuinaktiv {
 color:#707070;
}

#tablemain tr td#lft a.menuaktiv {
 color:#06c;
 /* background: transparent url(../img/pfeil.gif) no-repeat scroll 1px 50%; */
}

#tablemain tr td#lft a.menuaktiv:hover,
#tablemain tr td#lft a.menuinaktiv:hover {
 text-decoration:underline;
}

#tablemain tr td#lft ul {
 list-style-type:none;
 margin:0;
}
#tablemain tr td#lft ul li.lv1 {
 list-style-type:disc;
 margin-left:35px;
}
#tablemain tr td#lft ul li.lv1 a {
 font-size:.85em;
 line-height:.9em;
}

/***** HR-Tag Formatierungen *****/

#tablemain tr td#lft hr,
#tablemain tr td#rgt hr {
 height:1px;
 color:#cacaca;
 background-color:#cacaca;
 border:none;
 margin:2px 0;
 display:block;
}

#tablemain tr td#center hr {
 height:1px;
 color:#a7a6aa;
 background-color:#a7a6aa;
 border:none;
 margin:2px 0;
 display:block;
}

/***** Tables: Abstand für Texte in der rechten Spalte *****/

#tablemain tr td#rgt div {
 /* margin-left:7px; */
 margin-bottom:6px;
}

/***** Tables: Form *****/

.formtable {
 width:100%;
}

.formtable tr.odd td {
 color:#666;
 background-color:#f5f5f5;
 padding:5px;
}

.formtable tr.even td {
 color:#666;
 background-color:#fff;
 padding:5px;
}

/***** Misc *****/

#footer {
background-color:#fff;
 font-size:11px;
 color:#666666;
 text-align:center;
 width:980px;
 height:60px;
 padding-top:20px;
 letter-spacing:.08em;
}

#footer a {
 color:#666666;
}

#footer p {
 margin-bottom:1em;
}

/***** Login- und Suchformulare *****/

div#pass,
div#suche {
 background-color:#0066cc;
 color:#fff;
 padding: .5em;
 margin-bottom:8px;
}

div#pass .input,
div#suche .input {width:12em;}
div#pass .button,
div#suche .button {
  background-color:#144e8c;
  color:#fff;
  border:0 none;
  font-weight:bold;
  padding:3px;
  margin-top:3px;
}

div#suche form select  {
 width:14em;
}

#tablemain tr td#rgt div#pass h2,
#tablemain tr td#rgt div#suche h2,
#tablemain tr td#lft div#suche h2 {padding:3px 0;}


/***** Suche A-Z *****/

div#suche-a-z a {
 color:#FFF;
 font-weight:bold;
}

div#suche-a-z table {
 /* border-collapse:collapse; */
}

div#suche-a-z table tr td {
 background-color:#0066CC;
 border:1px solid #FFFFFF;
 padding:1px;
 text-align:center;
 width:31px;
}

/***** Hinweisfenster im oberen Bereich *****/

.warning,
.message,
.question {
	background-color: #f5f5f5;
	margin:.4em 1em 1.8em;
	padding:1em;
}

.warning {border:2px solid red;}

.message {border:2px solid #999;}

.question {border:2px solid #fe0;}

#jaform {float:left;margin-right:18.5em;}
#neinform {clear:both;}

/***** Warntext neben Inputfeld *****/

.error {color:#f00;}


/***** Tabelle für Auflistungen (z.B. Produkte) *****/

table.liste {
  clear:both;
  width:100%;
}

table.liste tr.head {
  color:#06C;
  font-weight:bold;
  white-space:nowrap;
}

table.liste tr td {
 padding:5px;
 vertical-align:top;
}

table.liste tr td.gueltigab {width:60px;white-space:nowrap;}
table.liste tr td.produkt {}
table.liste tr td.preis {width:80px;}
table.liste tr td.icons {white-space:nowrap;}

table.liste tr td.icons img {margin:1px;}
table.liste tr td.legende img {cursor:help;}

table.liste tr.odd td {
 background-color:#f5f5f5;
}

table.liste tr.even td {
 background-color:#fff;
}

table.liste tr td span.ladenpreis {
 color:#CC0000;
 font-weight:bold;
 cursor:help;
}

table.liste tr td span.grundpreis {
 color:#666;
 cursor:help;
}

table.liste tr td.dauer,
table.liste tr td.dauer span.ladenpreis {
 color:#666;
}


/***** Tabelle für Abkürzungsliste *****/

table.tbl2 {
 border-collapse:collapse;
 margin:1px;
}

table.tbl2 tr td {
 border:1px solid silver;
 padding:4px;
}

table.tbl2 tr td.head {
 border:none;
 padding:4px;
 color:#fff;
 background-color:#06C;
 font-weight:bold;
}

/***** Kategorienbild in Auflistung und Formatierungen der Produktseite*****/

.kategorienbild {
  float:left;
  margin-right:10px;
}

span.preis {
  font-weight:bold;
  font-size:1.8em;
  color:#CC0000;
}

div.icons {text-align:right;}
div.icons img {margin:1px;}


/***** Newsanzeige *****/

.newsdate,
.newstitle,
.newstext {color:#333;}

a.mehrlink {}

.newsimgdiv {
  width:300px;
  float:right;
  margin:0 0 1em 1em;
  text-align: right;
}
.newsimg {}

td#center div.news {
 /* overflow-x:auto;
  overflow-y:auto; */
  overflow:hidden;
  margin:1em 0;
}


/***** Suche *****/

#searchform #searchfield {
 width:75%;
}

#searchform #submitbutton {
 margin-left:.2em;
 width:20%;
}

.suchseitenwahl tr td a {
 color:#666;
 text-decoration:none;
}

span.highlight {
 background-color:#FF8C8C;
}


/***** Einkaufszettel *****/

td#rgt div.einkaufszettel {
 margin-bottom:1em;
 overflow:hidden;
 width:190px;
}

td#rgt div.einkaufszettel div#eListContent {
 margin:0 !important;
 padding:0 18px;
 width:auto;
 background:transparent url(../img/einkaufszettel_back_kl_2.gif) repeat-y;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
}

td#center div.einkaufszettel {
 margin-bottom:1em;
 overflow:hidden;
 width:580px;
}

td#center div.einkaufszettel div#eListContent {
 margin:0 !important;
 padding:0 48px;
 width:auto;
 background:transparent url(../img/einkaufszettel_back2.gif) repeat-y;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

td#center div.einkaufszettel div#eListContent table {width:420px;}

input.bestellung_anz { width:20px; }
input.bestellung_art { width:170px; }
input.bestellung_marke { width:120px; }

/***** Drucken (primär für Einkaufszettel) *****/

.printonly {display:none;}

@media print {
 div#headwrap,
 #tablemain tr td#lft,
 #tablemain tr td#rgt,
 td#center div.einkaufszettel img,
 td#center div.einkaufszettel a,
 #footer {display:none;}

 #tablemain tr td#center {border:0;}

 .donotprint {display:none;}

 .printonly {display:block;}

 td#center div.einkaufszettel div#eListContent table tr td {font-size:1.5em;}

 td#center div.einkaufszettel div#eListContent{padding:0;}

 td#center div.einkaufszettel,
 td#center div.einkaufszettel div#eListContent table {width:800px;}

}


/***** Ajax-Suche Suchergebnis *****/

#ajaxsrwrap {
 margin-top:2px;
 width:315px;
 position:absolute;
}
#ajaxsr {
 margin:5px;
 border:1px solid #ddd;
 background-color:#fff;
}


/***** Virtueller Shop *****/

#viewport {
 width:538px;
 height:269px;
 background:#eee url(img/vshop/blanko.jpg) no-repeat;
}

#mapcontainer {
 height:450px;
 left:230px;
 position:absolute;
 top:252px;
 width:545px;
 z-index:10;
 display:none;
 overflow:hidden;
}
#mapcontainer img {
 cursor:pointer;
}

img#pfeil-bw,
img#pfeil-fw,
img#pfeil-ol,
img#pfeil-or,
img#pfeil-tl,
img#pfeil-tr {
 visibility:hidden;
 position:relative;
 cursor:pointer;
}
img#pfeil-bw {left:250px;top:220px;}
img#pfeil-fw {left:215px;top:190px;}
img#pfeil-ol {left:130px;top:190px;}
img#pfeil-or {left:185px;top:190px;}
img#pfeil-tl {left:16px;top:210px;}
img#pfeil-tr {left:167px;top:210px;}
div#kategorienhier {margin-top:10px;}

img#mapicon {
 position:relative;
 cursor:pointer;
 left:288px;
 top:0px;
}