/* CSS Document Layout Mietkoch */

BODY, HTML {
  font-family: Times New Roman;
  font-size: 16px;
  color: #fff;
  background-color: #430516;
  background-image: url('../images/hg_heilemann.gif');
}

div.center {
  position: absolute;
  left: 50%;
  top: 0px;
  
  height: auto;
  width: 940px;
  margin-left: -470px;
  z-index: 1;
}


div.mietkoch_header {
  position: relative;
  top: 0px;
  left: 0px;
  width: 940px;
  height: 294px;
  background-image: url(../images/heilemann_kopf_hintergrund.png);
  z-index: 3;
}

div.slideshow {
  position: absolute;
  top: 105px;
  left: 251px;
  height: 127px;
  width: 364px;
  z-index: 5;
}

iframe.mietkoch_header_iframe {
  position: relative;
  top: 0xp;
  left: 0px;
  width: 940px;
  height: 294px;
  z-index: 3;
}

div.mietkoch_telefon {
  position: absolute;
  top: 236px;
  left: 277px;
  width: 310px;
  height: 44px;
  overflow: hidden;
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
  color: #fdedcd;
  z-index: 5;
}

div.mietkoch_telefon td {
  height: 44px;
  width: 100%;
  vertical-align: middle;
}

div.mietkoch_logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 940px;
  height: 305px;
  background-image: url(../images/heilemann_logo.png);
  z-index: 4;
}

div.mietkoch_sound {
  position: absolute;
  left: 875px;
  top: 262px;
  padding-left: 2px;
  width: 31px;
  height: 33px;
  z-index: 6;
}

div.heilemann_logo_bottom {
  position: absolute;
  top: 0px;
  left: 622px;
  height: 12px;
  width: 186px;
  background-image: url(../images/heilemann_logo_buttom.gif);
  z-index: 5;
}

div.mietkoch_middle {
  position: relative;
  /*top: 294px;*/
  left: 0px;
  width: 940px;
  height: auto;
  z-index: 2;
}


/* MENU  START*/
div.mietkoch_menu {
  position: absolute;
  left: 8px;
  color: #83092b;
  top: 0px;
  width: 262px;
  height: auto;
  z-index: 4;
}

div.mietkoch_menu_inner {
  width: 262px;
  height: auto;
  display: block;
  background-image: url(../images/heilemann_navigation.png);
  background-position: 0px 0px;
}


div.mietkoch_menu_footer {
  height: 34px;
  width: 262px;
  background-image: url(../images/heilemann_navigation.png);
  background-position: 262px 0px;
}

div.mietkoch_menu_separat {
  width: 262px;
  height: 46px;
  margin-bottom: 3px;
}

div.mietkoch_menu_separat div.mietkoch_menu_separat_top {
  position: relative;
  height: 8px;
  width: 262px;
  background-image: url(../images/heilemann_navigation.png);
  background-position: -262px -34px;
  background-repeat: no-repeat;
  padding: 0px;
  margin: 0px;
  /* background-image: url(../images/heilemann_navigation_ie.png);
  * background-position: -258px 10px;
  * background-repeat: no-repeat;*/
}

div.mietkoch_menu_separat div.mietkoch_menu_separat_middle {
  height: auto;
  font-weight: bold;
  width: 262px;
  background-image: url(../images/heilemann_navigation.png);
  background-position: 0px 0px;
}

div.mietkoch_menu_separat div.mietkoch_menu_separat_bottom {
  height: 14px;
  width: 262px;
  background-image: url(../images/heilemann_navigation.png);
  background-repeat: no-repeat;
  background-position: -262px -42px;
  padding: 0px;
  /* height: -3px;
  * background-image: url(../images/heilemann_navigation_ie.png);
  * background-position: 2px 0px;
  * background-repeat: no-repeat;*/
}
/* MENU ENDE */

/* CONTENT START */
div.mietkoch_middle_inhalt {
  position: relative;
  top: 0px;
  left: 258px;
  height: auto;
  width: 682px;
  z-index: 1;
}

div.mietkoch_middle_border {
  width: 682px;
  min-height: 571px;
  height: auto;
  background-image: url(../images/heilemann_inhalt_hg.gif);
  background-repeat: repeat-y;
}

div.mietkoch_middle_inhalt table.mietkoch_middle_table {
  margin-left: 18px;
  width: 100%;
}

div.mietkoch_middle_inhalt td.mietkoch_middle_text {
  margin-left: 18px;
  margin-top: 0px;
  margin-right: 5px;
  width: 462px;
  padding: 40px 19px 12px;
  vertical-align: top;
/*  min-height: 541px;*/
  height: auto;
  background: #fff;
  border: 1px solid #83092b;
  border-bottom: none;
}

/*div.mietkoch_middle_inhalt td.mietkoch_middle_text table {
  width: 462px;
}*/

div.mietkoch_middle_inhalt td.mietkoch_middle_text table .middle_td {
  width: 462px;
  vertical-align:top;
}

td.mietkoch_middle_text td {
  vertical-align: top;
}

td.mietkoch_middle_text div.mietkoch_content {
  margin-bottom: 40px;
  height: auto;
}

td.mietkoch_middle_text td.mietkoch_content_left {
  vertical-align: top;
  width: 282px;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  color: #000;
}

td.mietkoch_middle_text td.mietkoch_content_imgs {
  vertical-align: top;
  padding-left: 10px;
  width: 170px;
  height: auto;
}

td.mietkoch_middle_text td.mietkoch_content_imgs div {
  padding: 2px 0px 12px;
  color: #333;
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
}

td.mietkoch_middle_text td.mietkoch_content_imgs img {
  border: 1px solid #b2b2b2;
  padding: 4px;
}

td.mietkoch_middle_text td.mietkoch_content_rezept {
  vertical-align: top;
  width: 270px;
}

td.mietkoch_middle_text td.mietkoch_content_rezept ul {
  margin-top: 0px;
  padding-top: 0px;
}

td.mietkoch_middle_text ul li {
  list-style-image: url(../images/heilemann_punkt.gif);
  * list-style-image: url(../images/heilemann_punkt_ie.gif);
  list-style-type: disc;
  list-style-position: outside;
  line-height: 18px;
  font-size: 14px;
}

td.mietkoch_middle_text td.mietkoch_content_rezept_left p, table.angebot_menu td p {
  margin: 0px;
  line-height: 18px;
  font-size: 14px;
  color: #000;
}

table.angebot_menu td {
  padding-bottom: 20px;
}

div.anfrage_button {
  width: 200px;
  height: 42px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  background-image: url(../images/heilemann_bestellbutton.gif);
}



/* KONTAKT */

div.mietkoch_kontakt {
  position: relative;
  top: 0px;
  left: 0px;
  width: 462px;
  height: auto;
  /*height: 632px;*/
}

div.mietkoch_kontakt div {
  position: relative;
  margin: 0px;
  padding: 0px;
  background: transparent;
}

div.mietkoch_kontakt div.mietkoch_stift {
  position: absolute;
  right: 8px;
  bottom: 30px;
  width: 56px;
  height: 370px;
  z-index: 2;
  background-image: url(../images/heilemann_stift.gif);
  background-position: right top;
  background-repeat: no-repeat;
}

div.mietkoch_pralinen {
  position: relative;
  left: 0px;
  bottom: 171px;
  width: 115px;
  height: 111px;
  z-index: 2;
  background-image: url(../images/heilemann_pralinen.gif);
  background-position: right top;
  background-repeat: no-repeat;
}


div.mietkoch_kontakt div.mietkoch_top {
  top: 0px;
  left: 0px;
  width: 462px;
  height: 65px;
}

div.mietkoch_kontakt div.mietkoch_top div.mietkoch_left, div.mietkoch_kontakt div.mietkoch_middle div.mietkoch_left {
  position: absolute;
  top: 0px;
  width: 8px;
  height: 100%;
  background-image: url(../images/heilemann_border_kontakt.gif);
}

div.mietkoch_kontakt div.mietkoch_top div.mietkoch_center, div.mietkoch_kontakt div.mietkoch_middle div.mietkoch_center {
  position: absolute;
  top: 0px;
  left: 8px;
  width: 446px;
  height: 100%;
  background-color: #FDEDCD;
  border-top: 1px solid #83092b;
}

div.mietkoch_kontakt div.mietkoch_top div.mietkoch_center {
  background-image: url(../images/heilemann_head_kontakt.gif);
  background-repeat: no-repeat;
}



div.mietkoch_kontakt div.mietkoch_top div.mietkoch_center H1 {
  margin: 0px;
  margin-left: 20px !important;
  width: 426px !important;
  text-align: left;
  color: #fff !important;
  font-weight: bold;
  font-size: 24px;
  line-height: 22px;
}

div.mietkoch_kontakt div.mietkoch_top div.mietkoch_center td {
  height: 65px !important;
  vertical-align: middle !important;
}


div.mietkoch_kontakt div.mietkoch_top div.mietkoch_right, div.mietkoch_kontakt div.mietkoch_middle div.mietkoch_right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 8px;
  height: 100%;
  background-image: url(../images/heilemann_border_kontakt.gif);
  background-position: -8px;
}

div.mietkoch_kontakt div.mietkoch_kmiddle {
  position: relative;
  top: 0px;
  left: 0px;
  width: 462px;
  background-image: url(../images/heilemann_middle_kontakt.gif);
  background-position: 1px;
  background-repeat: repeat-y;
  z-index: 2;
}

div.mietkoch_kontakt div.mietkoch_kmiddle div.mietkoch_center .formtable {
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 446px;
}

div.mietkoch_kontakt div.mietkoch_kmiddle div.mietkoch_center h1.raffle {
  color: #83092b;
  width: 426px !important;
}

div.mietkoch_kontakt div.mietkoch_kmiddle div.mietkoch_center h1.raffle, div.mietkoch_kontakt div.mietkoch_kmiddle div.mietkoch_center p.raffle {
  margin-top: 0px;
  padding-top: 15px !important;
  margin-left: 20px !important;
  /*width: 426px !important;*/
}

div.mietkoch_kontakt div.mietkoch_kmiddle div.mietkoch_center p.raffle {
  width: 356px !important;
}
div.mietkoch_kontakt div.mietkoch_kmiddle div.mietkoch_center p.prod_desc {
  width: 356px !important;
  margin-top: 10px !important;
  margin-left: 20px !important;
}


span.require_desc {
  display: block;
  /*margin-left: 20px;*/
  font-size: 12px;
  line-height: 14px;
}



div.formular_error {
  position: absolute !important;
  background-color: #FDEDCD !important;
  border: 1px solid #83092b;
  width: 300px;
  top: 25px;
  left: 50%;
  margin-left: -150px !important;
  z-index: 3;
}

div.formular_error h3 {
  background-color: #83092b;
  color: #fff !important;
  padding: 5px !important;
  margin-bottom: 10px !important;
}


td.formfield_error {
  color: #83092b;
}

.formtable .bg {
  padding: 20px 70px 20px 20px;
  width: 446px;
}

.formtable td.raffle {
  padding-top: 5px;
  padding-bottom: 0px;
  color: #83092b;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}

.formtable .bg table {
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  white-space: nowrap;
  /*width: 446px !important;*/
}

.formtable .bg table td {
  padding-bottom: 5px;
  padding-right: 10px;
}

.formtable td.raffle table td {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  padding-right: 5px;
}

.formtable .bg table input, .formtable .bg table textarea, .formtable .bg table select {
  border: 1px solid #83092b;
  font-size: 14px;
  line-height: 14px;
  color: #000;
}

.formtable .bg table textarea {
  height: 70px;
  width: 245px;
}

input.formfield {
  width: 245px;
}

input.formfield_short {
  width: 67px;
}

input.formfield_long {
  width: 178px;
}

div.mietkoch_kbottom {
  position: absolute;
  bottom: 10px;
  left: 0px;
  height: 42px;
  width: 462px;
  z-index: 1;
}

div.mietkoch_kbottom div.mietkoch_center {
  position: relative;
  top: 0px;
  left: 0px;
  height: 34px;
  width: 462px;
  background-image: url(../images/heilemann_buttom_kontakt.gif);
  z-index: 1;
}


div.mietkoch_kontakt div.submitbutton {
  position: absolute;
  bottom: -32px;
  left: 23px;
  border: 0px;
  color: #fff;
  z-index: 3;
  background-image: url(../images/heilemann_button_kontakt.gif);
  width: 160px;
  height: 43px;
}

div.mietkoch_kontakt div.resetbutton {
  position: absolute;
  z-index: 3;
  bottom: -32px;
  left: 193px;
  border: 0px;
  color: #fff;
  background-image: url(../images/heilemann_button_kontakt.gif);
  width: 160px;
  height: 43px;
}


div.mietkoch_kontakt input.submitbutton {
  background: transparent;
  font-family: Times New Roman;
  color: #fff;
  width: 160px;
  text-align: center;
  vertical-align: middle;
  height: 38px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  border: 0px;
  cursor: pointer;
}


/* Impressum */
table.mietkoch_impressum {
  margin-top: 40px;
}


/* CONTENT END */


/* TEASER START */
div.mietkoch_teaser {
  position: relative;
  top: 14px;
  left: 5px;
  padding: 0px;
  /*right: 8px;*/
  width: 150px;
  height: auto;
  z-index: 3;
}

div.mietkoch_teaser_div {
  padding: 0px;
  margin-bottom: 3px;
}

div.mietkoch_teaser_header {
  width: 150px;
  height: 12px;
  background-image:url(../images/heilemann_teaser.gif);
  background-position: 0;
  background-repeat: no-repeat;
}

div.mietkoch_teaser_middle {
  background-image:url(../images/heilemann_teaser.gif);
  background-position: -150px 0;
  padding: 0px 10px 0px 14px;
  margin: 0px;
  width: 126px;
  height: auto;
  position: relative;
  z-index: 1;
}

div.mietkoch_teaser_middle H2 {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #83092b;
  padding: 0px;
  margin: 0px 0px 6px;
}

div.mietkoch_teaser_middle img {
  width: 120px;
  color: #83092b;
  border: 1px solid #83092b;
}

div.mietkoch_teaser_middle p.desc {
  margin: 0px !important;
  padding: 0px !important;
  font-weight: normal;
  font-size: 12px;
  color: #83092b;
  line-height: 14px;
}

div.mietkoch_teaser_middle p.price {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  line-height: 16px;
  float: right;
  color: #83092b;
}

div.mietkoch_teaser_foot {
  background-image:url(../images/heilemann_teaser.gif);
  height: 12px;
  width: 150px;
  background-position: -300px 0px;
  z-index: 2;
  position: relative;
}


/* Footer START */
div.page_footer_icons {
  margin-top: 0px;
  border-bottom: 1px solid #83092b;
  height: 23px;
}

div.page_footer_desc {
  font-size: 12px;
  line-height: 14px;
  color: #83092b;
}
div.page_footer_desc span {
  float: right;
}

span.page_footer_icons_top {
  float: left;
  width: 21px;
  height: 23px;
  background-image: url(../images/heilemann_icons_fuss.gif);
  cursor: pointer;
  background-position: 0px 0px;
}

span.page_footer_icons_efav {
  float: right;
  width: 30px;
  height: 23px;
  cursor: pointer;
  background-image: url(../images/heilemann_icons_fuss.gif);
  background-position: -21px 0px;
}

span.page_footer_icons_print {
  float: right;
  width: 29px;
  height: 23px;
  cursor: pointer;
  background-image: url(../images/heilemann_icons_fuss.gif);
  background-position: -51px 0px;
}

div.mietkoch_footer {
  position: relative;
  clear: both;
  left: 0px;
  margin-left: -258px;
  bottom: 0px;
  height: 160px;
  width: 940px;
  background-image: url("../images/heilemann_fuss.gif");
  background-position: 239px 0px;
  background-repeat: no-repeat;
  z-index: 3;
}

div.page_footer_sitemap, div.page_footer_impressum, div.page_footer_agb, div.page_footer_ds, div.page_footer_rss  {
  position: absolute;
  top: 51px;
  left: 634px;
  height: 29px;
  background-image: url(../images/heilemann_fussrahmen.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 10px;
  width: auto;
  * width: 49px;
}

div.page_footer_impressum {
  left: 703px;
  * width: 64px;
}

div.page_footer_rss {
  left: 278px;
  * width: 82px;
}

span.icon_rss {
  float: left;
  margin-top: 1px;
  margin-right: 4px;
  background-image: url(../images/heilemann_rss.gif);
  background-repeat: no-repeat;
  width:14px;
  display: block;
  height: 14px;
}
div.page_footer_agb {
  left: 485px;
  * width: 36px;
}

div.page_footer_ds {
  left: 541px;
  * width: 71px;
}


div.page_footer_sitemap div.page_footer_sitemapM, div.page_footer_impressum div.page_footer_impressumM, div.page_footer_agb div.page_footer_agbM, div.page_footer_ds div.page_footer_dsM, div.page_footer_rss div.page_footer_rssM {
  background-color: #fff;
  background-image: url(../images/heilemann_fussrahmen.gif);
  background-position: 0px -29px;
  background-repeat: repeat-x;
  padding-top: 5px;
  width: auto;
  height: 24px;
}

div.page_footer_sitemap div.page_footer_sitemapM a, div.page_footer_impressum div.page_footer_impressumM a, div.page_footer_agb div.page_footer_agbM a, div.page_footer_ds div.page_footer_dsM a, div.page_footer_rss div.page_footer_rssM a {
  float: left;
  color: #83092b;
  font-size: 12px;
  text-decoration: none;
}

div.page_footer_sitemap div.page_footer_sitemapR, div.page_footer_impressum div.page_footer_impressumR, div.page_footer_agb div.page_footer_agbR, div.page_footer_ds div.page_footer_dsR, div.page_footer_rss div.page_footer_rssR {
  float: left;
  margin-top: -5px;
  background-color: #fff;
  background-image: url(../images/heilemann_fussrahmen.gif);
  background-position: 0px -58px;
  background-repeat: no-repeat;
  width: 10px;
  height: 29px;
}

div.page_footer_adress {
  position: absolute;
  top: 30px;
  left: 278px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  width: 500px;
  height: 23px;
  z-index: 2;
}

div.socialbookmark {
  visibility: show;
  width: 350px;
}

div.footer {
  position: absolute;
  color: #83092b;
  width: 536px;
  height: 30px;
  top: 130px;
  left: 258px;
  font-size: 12px;
  line-height: 14px;
  border: 1px solid #83092b;
  background-color: #fff;
  z-index: 3;
}

div.footer table {
  height: 30px;
}

div.footer .copyright {
  margin-right: 5px;
  margin-top: 6px;
  float: right;
  font-size: 12px;
  line-height: 14px;
}

div.footer a {
  color: #83092b;
  font-size: 12px;
  line-height: 14px;
  text-decoration: underline;
}

/* FOOTER END */

/* Email Fav */
div.outer_email_fav {
  left: 50%;
  width: 504px;
  height: 240px;
  margin-left: -252px;
  z-index: 30000;
  background: transparent;
}

div.outer_print {
  background-color: #83092b;
}

iframe.outer_email_fav_ifr {
  border: 0px;
  width: 446px; height: 240px;
  background: transparent;
}

iframe.nl_iframe {
  height: 240px;
  width: 446px;
  background-color: transparent;
}


span.popup, span.close {
  cursor: pointer;
  background-image: url(../images/lightbox.gif); width: 66px; height: 30px; background-position: -128px; background-repeat: no-repeat;
}