/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


html,body {;
height:100%;
background-image: url("../images/landler_bg.gif");
text-align:center;
font-family: verdana,arial,sans-serif;
}

* html #wrapper {
height: 100%;
}

h1 {
font-size: 14pt;
font-weight: bold;
color: #005122;
}

h2 {
font-weight: bold;
color: #005122;
}

h6 {
vertical-align: middle;
color: #fff;
font-size: 15pt;
background-color: #005c24;
padding: 3px 10px;
border: 1px solid #000;
text-align: center;
display: inline;
line-height: 28px;
}

p {
font-size: 10pt;
}

li {
font-size: 10pt;
}

#wrapper {
margin: 0 auto;
min-height:100%;
height:auto;
width: 1000px;
background-color: white;
border-left: solid 1px black;
border-right: solid 1px black;
}

#banner {
height: 200px;
width: 100%;
background-color: white;
border-bottom: solid 1px black;
padding:5px 0 5px 0;
}

#navigation {
height: 37px;
border-bottom: 1px dotted #333;
text-align: left;
}

#navigation ul {
margin-left: 30px;
list-style-type: none;
}

#navigation li{
width: 200px;
float: left;
font-style: bold;
font-size: 18pt;
}

#body {
text-align: left;
}

#footer {
clear:both;
height: 20px;
background-color: white;
margin:-20px auto;
border-top: 1px solid #000;
font-family: "Verdana", "Arial", sans-serif;
}

#footer p {
font-size: 8pt;
}

#produkt_navigation {
position: relative;
top: -2px;
width: 300px;
float: left;
text-align: left;
font-size: 10pt;
background-color: #99cc99;
}

#produkt_navigation ul{
list-style-type: none;
}

#produkt_navigation li {
padding-left: 10px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px dotted black;
vertical-align: middle;
}

#produkt_navigation li.linked:hover {
background-color: white;
}

#produkt_navigation a {
color: black;
text-decoration: none;
}

#produkt_navigation  form{
padding: 5px 0 0 10px;
}

#produkt_content {
margin: 0 0 20px 300px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 40px;
min-height: 530px;
border-left: 1px solid #ccc;
}

#produkt_content ul {
font-size: 10pt;
}

#produkt_content h3 {
border-bottom: 1px solid #ccc;
font-size: 11pt;
font-weight: bold;
color: #005122;
}

#produkt_content h5 {
font-size: 8pt;
font-weight: bold;
color: #333;
}

p#breadcrumbs {
margin: 0 0 20px 0;
font-size: 8pt;
font-weight: bold;
}

p#breadcrumbs  a{
color: #005122;
}

#special {
border-bottom: 1px dotted #333;
margin-bottom: 2px;
}

.kategorieliste {
min-height: 130px;
margin: 10px 20px 10px 20px;
border-bottom: 1px dotted #ccc;
clear: right;
}

.kategorieliste h1 {
text-align: center;
margin-bottom: 3px;
}

.kategorieliste a {
color: #005122;
text-decoration: none;
}

.kategorieliste a:hover {
text-decoration: underline;
}

.kategorieliste ul {
margin-left: 20px;
}

.produktliste {
min-height: 130px;
margin: 10px 20px 10px 20px;
border-bottom: 1px dotted #ccc;
clear: right;
}

.produktliste a {
font-weight: bold;
color: #005122;
}

.produktliste ul {
list-style-type: none;
padding: 0 0 5px 0;
}

p.produktbild_box {
margin: 0 150px 0 0;
float: right;
width: 150px;
text-align: center;
}

img.produktbild {
max-width: 450px;
max-height: 250px;
margin-right: 10px;
text-align:center;
}

.beschreibung {
width: 450px;
margin: 0 auto;
font-weight: bold;
}

.beschreibung ul {
list-style-type: none;
}

.produktinfo {
margin: 20px 0 10px 10px;
}

.inhaltsstoffe {
margin: 20px 0 10px 10px;
}

.start_box {
width: 600px;
margin: 20px auto;
font-size: 10pt;
}

.start_box li {
margin-left: 20px;
}

.kontakt_box {
width: 600px;
margin: 20px auto;
font-size: 10pt;
}

.flagge {
margin: 1px 10px 0 0;
border: 1px solid black;
vertical-align: middle;
}

.aktionsliste {
float: left;
width: 400px;
height: 470px;
margin: 5px;
padding: 10px;
border: 2px solid #005c24;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 10px;
clear: right;
}

.aktionsliste a {
font-weight: bold;
color: #005122;
}

.aktionsliste ul {
list-style-type: none;
padding: 0 0 5px 0;
}

.aktionsbild_box {
text-align: center;
border-bottom: 1px dotted #ccc;
margin: 0 0 10px 0;
}

#aktion {
margin: 20px 40px 30px 40px;
width: 900px;
}

#aktion p.preis {
padding-top: 5px;
font-size: 12pt;
color: black;
font-weight: bold;
}

#aktion_disclaimer {
clear: both; 
}

#pdf_export {
float: right;
margin-right: 20px;
}

#pdf_export a{
color: #999;
font-size:8pt;
}

#agb {
width: 600px;
margin: 20px auto;
font-size: 10pt
}