/* include navigation */
@import url(/styles/navigation.css);

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #d5d6d8;     
    background-color: #d5d6d8;     
    background-position: top center;
    background-repeat: repeat-y;
    background-position: top center;
    background-repeat: repeat-y;
    background-image: url(/images/bg.jpg);
    font: normal 11px/17px "Lucida Grande", "Verdana", sans-serif;
    color: #000;
}

#wrapper {
    position: relative;
    padding: 0 2px 0 4px;
    text-align: left;
    margin: 0 auto;
    width: 762px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 756px;
}

sup {
    font-size: 9px;
}

a { color: #006d26 }
.anschrift a { color: #fff; text-decoration: none}

body #wrapper { background: url(/images/bg_standard.gif) repeat-y 591px; }
body#gewuerz #wrapper { background: url(/images/bg_gewuerz.gif) repeat-y 591px; }
body#fleisch #wrapper { background: url(/images/bg_fleisch.gif) repeat-y 591px; }
body#conv #wrapper { background: url(/images/bg_conv.gif) repeat-y 591px; }
body#salz #wrapper { background: url(/images/bg_salz.gif) repeat-y 591px; } 

#kopf {
    position: relative;
    border-top: 3px solid #fff;
    margin: 0;
    padding: 0;
    height: 289px;
}

    #logo {
        position: absolute;
        top: 57px;
        left: 587px;
    }
    * html #logo {
        top: 57px;
        left: 587px;
    }

    #schmeckt {
        position: absolute;
        top: 240px;
        left: 620px;
    }

    #k_img {
        width: 587px;
    }

#inhalt {
    float: left;
    margin: 0;
    padding: 0 10px;
    margin-bottom: 30px;
    width: 565px;
}

#inhalt ul {
    padding: 0 0 0 15px;
    margin-top: 0;
}

h2, h3 {
    /*
    font: italic normal  22px/30px 'Georgia' serif;
    text-align: right;
    margin: 20px 0;
    */
    text-transform: uppercase;
    font-size: 11px;
    line-height: 17px;
    margin: 20px 0 0 0;
}


#inhalt h3 {
    margin-top: 11px;
    clear: both;
}

#inhalt p, #inhalt ul {
    margin-top: 0;
    margin-bottom: 11px;
}
#unterschrift {
    background: #fff url(/images/unterschrift.gif) no-repeat;
    margin-top: 2em;
    padding-top: 13px;
}

#unterschrift span {
    display: block;
    margin-bottom: 40px;
}

/* tipp des monats */

#tippdesmonats {
    width: 150px;
    float: left;
}

#tippdesmonats_en {
    width: 150px;
    margin-right: 20px;
    float: left;
}

#tippdesmonats h2, #tippdesmonats_en h2 {
    color: red;
    line-height: 1.2em;
    margin-bottom: 2px;
    margin-top: 22px;
}

#tippdesmonats p, #tippdesmonats_en p {
    margin: 0.5em 0;
}

table {
    clear: both;
    border-bottom: 2px solid black;
    width: 100%;
    font: normal 11px/17px "Lucida Grande", "Verdana", sans-serif;
    border-collapse: collapse;
}

table img {
    width: 100px;
}

table img.cms {
  width: auto;
  padding: 2px;
}

td {
    padding: 3px 3px;
    vertical-align: top;
    border-top: 1px solid black;
}

td h2 {
    margin: 0;
}

#anfahrt {
    width: 150px;
    margin-top: 3em;
    float: left;
    font-size: 10px;
}

#anfahrt img {
    border: 0;
    margin-bottom: 10px;
}

.artikel {
    margin: 0;
    margin-left: 18px;
    float: left;
    width: 385px;
    voice-family: "\"}\"";
    voice-family:inherit;
    margin-left: 20px;
    width: 394px;
}

.artikel_en {
    margin: 0;
    float: left;
    width: 385px;
}

.artikel_anfahrt {
    float: left;
    margin-left: 20px;
    width: 385px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 394px;
}

/* SUCHFORMULAR */
#aktionsleiste form {
    margin: 5px 0;
    text-align: center;
}
* html #aktionsleiste form {
    text-align: right;
}
input.txt {
    background-color: #fff;
    width: 98px;
    height: 15px;
    font-family: "Lucida Grande", verdana, sans;
    font-size: 11px;
    border: 1px solid #fff;
}
input.sbmt {
    border: 0;
    width: 55px;
    font-weight: bold;
    font-family: "Lucida Grande", verdana, sans;
    font-size: 11px;
    color: #fff;
}
* html input.sbmt { height: 19px; }
.standard input.txt { border-color: #078d2e; }
.standard input.sbmt { background-color: #078d2e; }
.gewuerz input.txt { border-color: #613318; }
.gewuerz input.sbmt { background-color: #613318; }
.fleisch input.txt { border-color: #3c2615; }
.fleisch input.sbmt { background-color: #3c2615; }
.conv input.txt { border-color: #bb8900; }
.conv input.sbmt { background-color: #bb8900; }
.salz input.txt { border-color: #7897df; }
.salz input.sbmt { background-color: #7897df; }
/* ----------------------------
   F O O T E R
   ---------------------------- */
#fuss {
    clear: both;
    padding: 30px 0 10px;
    font-size: 10px;
    line-height: 14px;
    border-bottom: 3px solid #fff;
}

#fuss .navi {
    position: absolute;
    bottom: 4px;
    width: 580px;
    text-align: right;
}

#fuss .navi div {
  margin: 0;
  padding: 0;
  clear: both;
}

#fuss .navi div.top {
  margin-bottom: 10px;
}

#fuss .navi div.top a {
  text-decoration: none;
  color: #000;
}

#fuss .navi div.top img {
  border: 0;
  vertical-align: middle;
}

#fuss .navi div.gr a  {
  display: block;
  height: 9px;
  float: right;
}

#fuss .navi div.gr a.en  {
  background-image: url(/images/navigation/nav_footer_en.gif);
  background-repeat: none;
}

#fuss .navi div.gr a.de  {
  background-image: url(/images/navigation/nav_footer_de.gif);
  background-repeat: none;
}

#fuss .navi div.gr a.kontakt  {
  width: 65px;
  background-position: 0 0;
}

#fuss .navi div.gr a.kontakt:hover  {
  background-position: 0 10px;
}

#fuss .navi div.gr a.impressum  {
  width: 78px;
  background-position: -65px 0;
}

#fuss .navi div.gr a.impressum:hover  {
  background-position: -65px 10px;
}

#fuss .navi div.gr a.contact  {
  width: 65px;
  background-position: 0 0;
}

#fuss .navi div.gr a.contact:hover  {
  background-position: 0 10px;
}

#fuss .navi div.gr a.imprint  {
  width: 58px;
  background-position: -65px 0;
}

#fuss .navi div.gr a.imprint:hover  {
  background-position: -65px 10px;
}

#fuss .navi div.gr a span {
  display: none;
}

#fuss img.ohg {
    padding-bottom: 2px;
    padding-top: 4px;
}

#fuss .anschrift {
    position: absolute;
    left: 598px;
    bottom: 4px;
}

/* articles */
.artikel .lead_block {
    float: left;
    width: 400px;
    margin: 20px 0 0 0;
}

.lead_block img {
    float: left;
    padding: 2px 0 10px;
    margin-right: 10px;
}

.artikel .lead_block h2 {
    float: left;
    width: 290px;
    clear: none;
    margin: 0;
}

.artikel .lead_block p {
    float: left;
    width: 280px;
    clear: none;
}

.lead_block p {
    float: left;
    width: 452px;
    clear: none;
}

p img {
    float: left;
    margin: 0px 5px 0px 0;
}

p, table, ul, ol {
    clear: both;
}

/* listen */

#inhalt div.block {
    clear: both;
    margin: 0;
    padding: 10px 0;
}

#inhalt div.block img {
    float: left;
    padding: 0px 10px 1em 0;
}

#inhalt div.block div  {
    float: left;
    margin: 5px 0;
    clear: none;
    width: 430px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 450px;
}

#inhalt div.block h3 {
    margin: 0;
}

#inhalt div.block p {
    margin: 0;
}

#inhalt div.a_block {
    clear: both;
    margin: 0;
}

#inhalt div.a_block p {
    margin: 0;
}

#inhalt div.a_block img {
    float: left;
    padding: 0px 10px 1em 0;
}

#inhalt div.a_block div  {
    float: left;
    margin: 5px 0;
    clear: none;
    width: 430px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 450px;
}

#inhalt div.a_block div.partner  {
    float: left;
    margin: 0;
    clear: none;
    width: 380px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 400px;
}

#inhalt .artikel div.a_block div  {
    float: left;
    margin: 5px 0;
    clear: none;
    width: 274px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 284px;
}

#inhalt div.a_block h3 {
    margin: 0;
}

h3.contact {
    padding-top: 7px;
}

/* inland image map */
#inlandmap {
    position: relative;
    margin-top: 20px;
    z-index: 100;
}

#inlandmap_info {
    position: absolute;
    top: 5px;
    right: 0;
    border: 2px solid #eee;
    padding: 5px;
    background-color: #fff;
    min-width: 230px;
    z-index: 1000;
}

* html #inlandmap_info {
  width: 230px;
}

/* cities */
.city_right { 
  position: absolute; 
  padding-left: 10px;
  line-height: 17px;
  background: url('/images/map_dot.gif') no-repeat center left;
}
.city_left {
  position: absolute; 
  padding-right: 10px;
  font-size: 10px;
  line-height: 17px;
  background: url('/images/map_dot.gif') no-repeat center right;
}

.city {
  position: absolute;
}

#kiel { top: 25px; left: 131px; }
#hamburg { top: 74px; left: 96px; }
#bremen { top: 97px; left: 105px; }
#schwerin { top: 69px; left: 198px; }
#hannover { top: 138px; left: 90px; }
#magdeburg { top: 158px; left: 138px; }
#berlin { top: 130px; left: 265px; }
#potsdam { top: 133px; left: 211px; }
#dresden { top: 220px; left: 230px; }
#erfurt { top: 225px; left: 150px; }
#duesseldorf { top: 215px; left: 27px; }
#wiesbaden { top: 270px; left: 85px; }
#mainz { top: 276px; left: 48px; }
#saarbruecken { top: 322px; left: 35px; }
#stuttgart { top: 357px; left: 110px; }
#muenchen { top: 390px; left: 162px; }

#inlandmap h3 {
    margin: 0;
}

#inlandmap p {
    margin: 0;
}

/* ausland vertrieb */
.vauslandbox {
  position: relative;
  padding: 0;
  margin: 0 0 0 25px;
}

.vauslandbox a {
  cursor: pointer;
  cursor: hand;
}

.vauslandbox h2 {
  margin-top: 5px;
}

.vauslandbox span.flag {
  position: absolute;
  width: 22px;
  left: -25px;
  top: 2px;
  padding: 0 1px 1px 0;
  background: url(../images/flags/shadow.gif) no-repeat bottom right;
}
* html .vauslandbox span.flag {
  top: 0px;
}

.vauslandbox img {
  border: 1px solid #000;
}

.vauslandbox p {
  display: none;
}

#inhalt #impressum {
  float: left;
  width: 138px;
  margin: 45px 0 0 0;
  padding: 3px 5px;
  list-style: none;
  border: 1px solid #e5e5e5;
}

#impressum li {
  margin: 0;
  padding: 2px 0 2px 10px;
  background: url(/images/ar_imp.gif) no-repeat 0 6px;
  border: 0;
}

#impressum a {
  text-decoration: none;
  color: #000;
}

ol {
  margin: 0;
  padding-left: 22px;
}


#zertifikate img {
    width: 85px;
    margin-right: 3px;
    border: 1px solid #444;
}

/* kontaktformular */
form#kontaktformular, form#routenplaner {
  margin: 0;
  padding: 0;
  font-size: 10px;
  text-align: left;
}

form input.txt {
  border: 1px solid #ccc;
  font-size: 10px;
  color: #444;
  margin: 2px 0;
  padding: 0;
  width: 90px;
}
* html form input.txt {
  width: 87px;
}

select {
  width: 92px;
}
* html select {
  width: 89px;
}

form ol, form li {
  margin: 0;
  padding: 0;
  list-style: none;
}

form li.kontakt_fehler {
    background-color: #FFFFB7;
}

fieldset {
  margin: 10px 0;
  padding: 0;
  border: 0;
}

.kontaktdaten label {
  float: left;
  width: 58px;
}

.unterlagen {
  margin: 0;
}

.unterlagen table {
  border: 0;
  margin: 10px 0 0 0;
  padding: 0;
}

.unterlagen td {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}


.unterlagen input {
  padding: 0;
}

label em {
  font-weight: bold;
  font-style: normal;
  margin-left: 2px;
  color: #f00;
}

textarea {
  width: 148px;
  height: 70px;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
  font: normal 10px "Lucida Grande", "Verdana", sans-serif;
  color: #444;
}

div.error {
  margin: 10px 0;
  padding: 3px;
  border: 1px solid #f00;
}

div.error ul {
  margin: 10px 0 0 0;
}

#mapmap {
    width: 350px;
    float: left;
    margin-top: 20px;
}

#mapdesc {
    float: right;
    width: 200px;
    margin-top: 100px;
}