@import url('content.css');
@import url('form.css');

body {
  height:               100%;
  }

  
div.Clearing {
  clear:                both;
  font-size:            1px;
  line-height:          1px;
  height:               1px;
  border:               0;
  margin:               0;
  padding:              0;
  overflow:             hidden;
  }
  
#MAIN {
  min-width:            948px;
  width:                948px;
  margin:               auto;
  position:             relative;
	min-height:           100%;
	height:               100%;
	voice-family:         "\"}\"";
	voice-family:         inherit;
	height:               auto;
  }
  
html>body #MAIN {
	height:               auto;
	}


/* Start #TOP */ 
#TOP {
  margin:               0 8px 0 0;
  }
#TOP a {
  color:                #ffffff; 
  }

#TOP div.Logo {
  float:                left;
  margin:               0px 16px 0px 0px;
  overflow:             hidden;
  height:               45px;
  }
  
/*
#TOP ul.Navigation {
  margin:               0;
  padding:              0;
  border:               0;
  }
#TOP ul li {
  display:              block;
  margin:               0 1px 0 0;
  height:               23px;
  float:                left;
  }
#TOP ul li a {
  background-color:     #a7a8aa;
  background-image:     url('../upload/images/layout2/navitem-normal-bg.gif');
  border:               1px solid #a7a8aa;
  border-bottom:        0;
  color:                #ffffff;
  font-weight:          bold;
  display:              block;
  padding:              4px 16px 4px 16px;
  }
#TOP ul li a:hover,
#TOP ul li a:active {
  background-color:     #779a17;
  background-image:     url('../upload/images/layout2/navitem-highlight-bg.gif');
  border:               1px solid #8fb812;
  border-bottom:        0;
  }
#TOP ul li a.active {
  background-color:     #424144;
  background-image:     url('../upload/images/layout2/navitem-active-bg.gif');
  border:               1px solid #1a171b;
  border-bottom:        0;
  }
#TOP ul li.Home a {
  padding:              4px 0px 4px 0px;
  width:                27px;
  background-image:     url('../upload/images/layout2/navitem-home-normal.gif');
  border:               1px solid #a7a8aa;
  border-bottom:        0;
  }
#TOP ul li.Home a:hover,
#TOP ul li.Home a:active {
  background-image:     url('../upload/images/layout2/navitem-home-highlight.gif');
  border:               1px solid #8fb812;
  border-bottom:        0;
  }
#TOP ul li.Home a.active {
  background-image:     url('../upload/images/layout2/navitem-home-active.gif');
  border:               1px solid #1a171b;
  border-bottom:        0;
  }
#TOP ul li.Image a,
#TOP ul li.Image a:hover,
#TOP ul li.Image a:active {
  padding:              0;
  background-image:     none;
  border:               1px solid #8fb812;
  border-bottom:        0;
  overflow:             hidden;
  height:               22px;
  width:                27px;
  }
  
  
#TOP div.NavBar {
  clear:                both;
  height:               36px;
  background-color:     #3e3d40;
  background-image:     url('../upload/images/layout2/navbar-bg.gif');
  background-repeat:    repeat-x;
  color:                #ffffff;
  padding:              0 0 0 8px;
  }
#TOP div.NavBar a {
  color:                #ffffff;
  }
#TOP div.NavBar a:hover,
#TOP div.NavBar a:active,
#TOP div.NavBar a.active {
  text-decoration:      underline;
  }
#TOP div.NavBar div.Search {
  float:                right;
  margin:               4px 8px 0 0;
  }
#TOP div.NavBar div.Search a {
  text-decoration:      underline;
  }
*/ 

#TOP div.AddMenu {
  width:                464px;
  border:               0px solid red;
  float:                right;
  margin:               18px 8px 0 0;
  line-height:          1.4em;
  color:                #3e3d40;
  }
#TOP div.AddMenu a {
  color:                #3e3d40;
  text-decoration:      underline;
  }
#TOP div.AddMenu a.em {
  color:                #7ca116;
  font-weight:          bold;
  }
  

  
#CONTENT {
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 0px 0px;
  }
#CONTENT div.Head {
  font-weight:          bold;
  margin:               8px 8px 0px 0px;
  border:               0px solid red;
  display: none;
  }
#CONTENT div.Head div.ProfileIndex {
  margin:               0 10px 0 0;
  float:                right;
  width:                330px;
  border:               0px solid green;
  text-align:           right;
  }
#CONTENT div.Head div.ProfileIndex strong {
  color:                #608d14;
  font-size:            1.1em;
  }
#CONTENT div.Head div.ProfileIndex img {
  margin:               0 0 0 0;
  }
#CONTENT div.Head a {
  font-weight:          normal;
  text-decoration:      underline;
  }

#CONTENT div.Box {
  border:               0px solid red;
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 0px 0px;
  float:                left;
  width:                100%;
  }

#CONTENT div.Box h1 {
  background-image:     url('../upload/images/layout/box-h1-bg.gif');
  background-repeat:    repeat-x;
  border:               1px solid #cfd0d2;
  margin:               8px 8px 0px 0px;
  padding:              3px 0px 2px 8px;
  font-size:            1em;
  line-height:          1.5em;
  }
#CONTENT div.Box h1 a {
  background-image:     url('../upload/images/navigation/delim.gif');
  background-repeat:    no-repeat;
  background-position:  0px 3px;
  font-weight:          normal;
  padding:              0px 0px 0px 8px;
  margin:               0px 4px 0px 4px;
  text-decoration:      underline;
  float:                right;
  }
#CONTENT div.Box h1 a.Image {
  margin:               -6px 0px 0px 0px;
  }
  
 
#CONTENT div.Box h2 {
  margin:               0px 0px 0px 0px;
  font-size:            1.2em;
  line-height:          1.2em;
  font-weight:          bold;
  }
#CONTENT div.Box h2 a,
#CONTENT div.Box h2 span {
  font-size:            0.8em;
  font-weight:          normal;
  margin:               0px 4px 0px 0px;
  float:                right;
  }
  
#CONTENT div.Box h3 {
  margin:               0px 0px 0px 0px;
  font-size:            1em;
  line-height:          1em;
  font-weight:          bold;
  clear:                both;
  }
#CONTENT div.Box h3 a,
#CONTENT div.Box h3 span {
  font-size:            1em;
  font-weight:          normal;
  margin:               0px 4px 0px 0px;
  float:                right;
  }
  
#CONTENT div.Box div.Content {
  background-color:     #e8e9ea;
  border:               2px solid #cfd0d2;
  margin:               1px 8px 0px 0px;
  padding:              0px 0px 0px 0px;
  font-size:            1em;
  line-height:          1.5em;
  }
  
#CONTENT div.List {
  margin:               2px 9px 0px 1px;
  }
  
  
#CONTENT div#bevCATBox {
  margin:               0px 0px 0px 4px;
  }
#CONTENT div.Box div.SelectBox {
  float:                left;
  margin:               4px 4px 0px 0px;
  }
  
#CONTENT div.Box p.Portrait {
  border-bottom:        1px solid #cfd0d2;
  margin:               0px 0px 0px 0px;
  padding:              1px;
  line-height:          14px;
  height:               35px;
  }
#CONTENT div.Box p.Portrait img,
#CONTENT div.Box p.Content img {
  float:                left;
  margin:               0px 8px 0px 0px;
  }
#CONTENT div.Box p.Portrait span.Text {
  padding:              3px 0px 0px 0px;
  display:              block;
  border:               0px solid red;
  overflow:             hidden;
  }
#CONTENT div.Box p.Portrait a.Image {
  display:              block;
  float:                left;
  height:               36px;
  width:                27px;
  margin:               0 4px 0 0;
  overflow:             hidden;
  }
#CONTENT div.Box p.Portrait a.Flag {
  display:              block;
  float:                right;
  height:               12px;
  width:                18px;
  margin:               4px 2px 0 0;
  overflow:             hidden;
  }
#CONTENT div.Box p.Portrait a.Flag img {
  }
  
  
  
  
#CONTENT div.Box p.Info {
  background-color:     #cfd0d2;
  margin:               0px 0px 0px 0px;
  padding:              4px;
  line-height:          1.5em;
  }
#CONTENT div.Box p.Text {
  background-color:     #e8e9ea;
  border:               1px solid #cfd0d2;
  margin:               1px 8px 0px 0px;
  padding:              8px;
  line-height:          1.5em;
  }
#CONTENT div.Box p.Content {
  border-bottom:        1px solid #cfd0d2;
  margin:               0px 0px 0px 0px;
  padding:              2px 4px 2px 4px;
  line-height:          16px;
  clear:                both;
  }

#CONTENT div.Box div.News {
  border-bottom:        1px solid #cfd0d2;
  margin:               0px 0px 0px 0px;
  padding:              1px;
  line-height:          16px;
  }
#CONTENT div.Box div.News a.Image,
#CONTENT div.Box div.News span.Image {
  margin:               0px 4px -1px 0px;
  padding:              0px;
  float:                left;
  display:              block;
  width:                100px;
  background-color:     #ffffff;
  text-align:           center;
  border:               0px solid red;
  }
  
  
#CONTENT div.Box div.Image {
  margin:               0px;
  float:                left;
  border:               0px solid red;
  color:                #ffffff;
  width:                142px;
  overflow:             hidden;
  }
#CONTENT div.Box div.Image p {
  background-color:     #b1b2b4;
  margin:               0px;
  padding:              4px 8px 0px 8px;
  border:               0px;
  }
#CONTENT div.Box div.Image p.Image {
  margin:               0px 0px 0px 0px;
  padding:              1px;
  }
#CONTENT div.Box div.Image p.End {
  background-color:     transparent;
  margin:               -1px 0px 0px 0px;
  padding:              0;
  } 
#CONTENT div.Box div.Image a {
  margin:               0px;
  padding:              2px 4px;
  color:                #878889;
  text-decoration:      underline;
  }
  
#CONTENT div.Box div.Scroll {
  margin:               0px 0px 0px 0px;
  padding:              2px;
  overflow:             auto;
  height:               75px;
  border:               0px solid red;
  }
#CONTENT div.Box div.Text {
  margin:               0px 0px 0px 150px;
  padding:              0px 4px 4px 0px;
  border:               0px solid red;
  display:              block;
  }
  
#CONTENT div.Box p.Error {
  font-size:            12px;
  font-weight:          bold;
  color:                #ff0000;
  }
  
#CONTENT ul.Navigation {
  margin:               8px 8px 0 0;
  padding:              0;
  height:               22px;
  display:              block;
  background-image:     url('../upload/images/layout/box-h1-bg.gif');
  background-repeat:    repeat-x;
  border:               1px solid #cfd0d2;
  border-left:          0;
  font-size:            1em;
  line-height:          1.5em;
  }
#CONTENT ul.Navigation li {
  display:              block;
  height:               22px;
  float:                left;
  margin:               -1px 0 0 0;
  border-right:         1px solid transparent;
  }
#CONTENT ul.Navigation li a {
  background-color:     #a7a8aa;
  background-image:     url('../upload/images/layout2/navitem-normal-bg.gif');
  border:               1px solid #a7a8aa;
  color:                #ffffff;
  font-weight:          bold;
  display:              block;
  padding:              2px 8px 3px 8px;
  }
#CONTENT ul.Navigation li a:hover,
#CONTENT ul.Navigation li a:active,
#CONTENT ul.Navigation li a.active {
  background-color:     #779a17;
  background-image:     url('../upload/images/layout2/navitem-highlight-bg.gif');
  border:               1px solid #8fb812;
  }
  
  
#CONTENT a.Arrow {
  background-image:     url('../upload/images/navigation/arrow-right.gif');
  background-repeat:    no-repeat;
  background-position:  0px 4px;
  font-weight:          normal;
  padding:              0px 0px 0px 10px;
  text-decoration:      underline;
  }
#CONTENT a.ArrowBottom {
  background-image:     url('../upload/images/navigation/arrow-bottom.gif');
  background-repeat:    no-repeat;
  background-position:  0px 4px;
  font-weight:          normal;
  padding:              0px 0px 0px 10px;
  text-decoration:      underline;
  }
#CONTENT a.ArrowLeft {
  background-image:     url('../upload/images/navigation/arrow-left.gif');
  background-repeat:    no-repeat;
  background-position:  0px 4px;
  font-weight:          normal;
  padding:              0px 0px 0px 10px;
  text-decoration:      underline;
  }
#CONTENT span.Bullet,
#CONTENT a.Bullet {
  background-image:     url('../upload/images/navigation/bullet.gif');
  background-repeat:    no-repeat;
  background-position:  0px 3px;
  font-weight:          normal;
  color:                #ffffff !important;
  padding:              0px 0px 0px 14px !important;
  }
#CONTENT a.Benefit,
#CONTENT a.Benefit:hover,
#CONTENT a.Benefit:active {
  background-image:     url('../upload/images/navigation/benefit.gif');
  background-repeat:    no-repeat;
  background-position:  0px 1px;
  font-weight:          normal;
  padding:              2px 0px 2px 22px;
  }
#CONTENT span.Small {
  font-weight:          normal;
  font-size:            0.9em;
  }
#CONTENT a.Small {
  background-image:     url('../upload/images/navigation/arrow-right.gif');
  background-repeat:    no-repeat;
  background-position:  0px 3px;
  font-weight:          normal;
  font-size:            0.9em;
  padding:              0px 0px 0px 10px !important;
  }
  

#CONTENT table.List {
  border:               1px;
  border-collapse:      collapse;
  width:                100%;  
  }
#CONTENT table.List td {
  border:               1px solid #cfd0d2;
  border-collapse:      collapse;
  padding:              3px 4px 3px 4px;
  font-size:            1em;
  line-height:          1.3em;
  }
#CONTENT table.List td.h2 {
  background-color:     #e8e9ea;
  }
#CONTENT table.List td.em {
  background-color:     #878889;
  color:                #ffffff;
  }
#CONTENT table.List td.em a {
  color:                #ffffff;
  }
#CONTENT table.List th {
  background-image:     url('../upload/images/layout2/navitem-active-bg.gif');
  background-repeat:    repeat-x;
  border:               1px solid #878889;
  border-bottom:        1px solid #cfd0d2;
  background-color:     #3e3d40;
  color:                #ffffff;
  padding:              4px 4px 4px 4px;
  text-align:           left;
  }
#CONTENT table.List td.Info {
  padding:              4px 4px 4px 4px;
  background-color:     #e8e9ea;
  }
#CONTENT table.List td a {
  text-decoration:      none;
  }
#CONTENT table.List td a.Arrow {
  text-decoration:      underline;
  }
#CONTENT table.List td.Input input {
  width:                16px;
  margin:               1px 0px 0px 0px;
  }


#CONTENT table.Details {
  margin:               0px 0px 8px 0px;
  width:                100%;
  padding:              0px;
  border-collapse:      collapse;
  border-spacing:       0px;
  }
#CONTENT table.Details th {
  background-color:     #878889;
  padding:              6px 4px 6px 4px !important;
  text-align:           left;
  color:                #ffffff;
  margin:               0px 0px 0px 0px;
  border:               0px;
  font-size:            1em;
  line-height:          1em;
  font-weight:          normal  !important;
  border-bottom:        1px solid #ffffff;
  }
#CONTENT table.Details th a {
  color:                #ffffff;
  float:                right;
  font-weight:          normal;
  text-decoration:      underline;
  }
#CONTENT table.Details td {
  background-color:     #ffffff;
  padding:              4px;
  vertical-align:       top;
  border-top:           1px solid #cfd0d2;
  }
#CONTENT table.Details td.Title {
  background-color:     #d4d5d6;
  padding:              4px;
  border-top:           1px solid #ffffff;
  }  
#CONTENT table.Details td a {
  text-decoration:      underline;
  }
  
  
#AREA1 {
  width:                70%;
  float:                left;
  border:               0px solid red;
  margin:               0px 0px 8px 0px;
  padding:              0px 0px 0px 0px;
  }
#AREA1 div.Col1 {
  float:                left;
  width:                211px;
  }
#AREA1 div.Col2 {
  width:                452px;
  overflow:             hidden;
  }

#AREA2 {
  width:                30%;
  float:                left;
  border:               0px solid red;
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 8px 0px;
  }

#FOOTER {
  clear:                both;
  padding:              2px 4px 8px 2px;
  margin:               0 8px 0 0;
  color:                #878889;
  text-align:           left;
  }
#FOOTER a {
  text-decoration:      underline;
  color:                #878889;
  }
  
#DEBUG {
  position:             absolute;
  color:                #878889;
  top:                  530px;
  left:                 16px;
  width:                120px;
  }
  
iframe {
  border:               1px solid #cfd0d2;
  }
  
div.Gallery {
  float:                left;
  width:                180px;
  height:               180px;
  margin:               8px 8px 8px 8px;
  }
a.Gallery {
  display:              block;
  float:                left;
  padding:              8px 0 0 0;
  width:                180px;
  height:               180px;
  border:               1px solid #cfd0d2;
  background-color:     #ffffff;
  text-align:           center;
  }
a.Gallery:hover,
a.Gallery:active {
  border:               1px solid #7da21d;
  background-color:     #bdda68;
  text-align:           center;
  }
  
  
  
  
#QuickMenu {
  display:              none;
  height:               1px;
  background-color:     #e8e9ea;
  border:               0px solid #cfd0d2;
  margin:               -8px 11px 0px 0px;
  padding:              0px;
  font-size:            1em;
  line-height:          1.5em;
  clear:                both;
  }
  
#GoogleMap {
  border:               1px solid #b1b2b4;
  background-color:     #d4d5d6;
  margin:               0 0 8px 0;
  }
#GoogleMap p {
  margin:               4px 0 0 8px;
  }
#GoogleMap p input.button {
  padding:              1px;
  }
  
  
/* rico accordion */
div.accordionBox {
  border:               0 !important;
  }
div.accordionTabTitleBar {
  background-image:     url('../upload/images/layout/box-h1-bg.gif');
  background-repeat:    repeat-x;
  border:               1px solid #cfd0d2;
  margin:               1px 8px 0px 0px;
  padding:              3px 0px 2px 8px;
  font-size:            1em;
  line-height:          1.5em;
  }
div.accordionTabTitleBar a {
  background-image:     url('../upload/images/navigation/delim.gif');
  background-repeat:    no-repeat;
  background-position:  0px 3px;
  font-weight:          normal;
  padding:              0px 0px 0px 8px;
  margin:               0px 4px 0px 4px;
  text-decoration:      underline;
  float:                right;
  }
div.accordionTabTitleBar:hover {
  background-color:     red;
  }
div.accordionTabContentBox {
  background-color:     #e8e9ea;
  border:               1px solid #cfd0d2 !important;
  margin:               1px 8px 0px 0px !important;
  padding:              8px;
  font-size:            1em;
  line-height:          1.5em;
  }
  
  
/* GastroGuide */
div.GastroGuide {
  margin:               8px 16px;
  color:                #ffffff;
  }
div.GastroGuide h2 {
  margin:               8px;
  }
div.GastroGuide input,
div.GastroGuide select {
  border-width:         1px;
  }
div.GastroGuide tr.Title td {
  padding:              6px 0 0 0;
  }
table.Flat {
  margin:               0;
  width:                100%;
  padding:              0px;
  border-collapse:      collapse;
  border-spacing:       0px;
  }
table.Flat td {
  background-color:     #dcdddf;
  padding:              2px 4px;
  border-bottom:        1px solid #ffffff;
  }
table.Flat tr.Value td {
  background-color:     #e8e9eb;
  }
  
  
table.Shaded {
  background-color:     #ffffff;
  margin:               0;
  width:                100%;
  padding:              0px;
  border-collapse:      collapse;
  border-spacing:       0px;
  }
table.Shaded td {
  padding:              0;
  }
table.Shaded td.Content {
  padding:              16px;
  }
table.Shaded td.Content h2 {
  font-size:            1.6em !important;
  font-weight:          bold;
  }
table.Shaded td.ShadeTop {
  background-image:     url('../upload/images/gastroguide/shade-t.gif');
  }
table.Shaded td.ShadeRight {
  background-image:     url('../upload/images/gastroguide/shade-r.gif');
  }
table.Shaded td.ShadeBottom {
  background-image:     url('../upload/images/gastroguide/shade-b.gif');
  }
table.Shaded td.ShadeLeft {
  background-image:     url('../upload/images/gastroguide/shade-l.gif');
  }
  
  
/* send news etc. */
a.fw-button-send-de {
  display: block;
  float: left;
  width: 136px;
  height: 28px;
  margin-right: 8px;
  background: transparent url('../upload/images/news/button-send-de.gif') no-repeat left top;
}
a.fw-button-send-de:hover, a.fw-button-send-de:active, a.fw-button-send-de-act {
  background: transparent url('../upload/images/news/button-send-de.gif') no-repeat left -28px;
}
a.fw-button-print-de {
  display: block;
  float: left;
  width: 136px;
  height: 28px;
  background: transparent url('../upload/images/news/button-print-de.gif') no-repeat left top;
}
a.fw-button-print-de:hover, a.fw-button-print-de:active, a.fw-button-print-de-act {
  background: transparent url('../upload/images/news/button-print-de.gif') no-repeat left -28px;
}
a.fw-button-back-de {
  display: block;
  float: right;
  width: 136px;
  height: 28px;
  background: transparent url('../upload/images/news/button-back-de.gif') no-repeat left top;
}
a.fw-button-back-de:hover, a.fw-button-back-de:active, a.fw-button-back-de-act {
  background: transparent url('../upload/images/news/button-back-de.gif') no-repeat left -28px;
}
a.fw-button-post-de {
  display: block;
  width: 78px;
  height: 28px;
  float: left;
  background: transparent url('../upload/images/news/button-post-de.gif') no-repeat left top;
}
a.fw-button-post-de:hover, a.fw-button-post-de:active, a.fw-button-post-de-act {
  background: transparent url('../upload/images/news/button-post-de.gif') no-repeat left -28px;
}
a.fw-button-plus {
  display: block;
  float: left;
  width: 29px;
  height: 27px;
  background: transparent url('../upload/images/news/button-plus-minus.gif') no-repeat left top;
}
a.fw-button-plus:hover, a.fw-button-plus:active, a.fw-button-plus-act {
  background: transparent url('../upload/images/news/button-plus-minus.gif') no-repeat left -27px;
}
a.fw-button-minus {
  display: block;
  float: left;
  width: 29px;
  height: 27px;
  background: transparent url('../upload/images/news/button-plus-minus.gif') no-repeat left -54px;
}
a.fw-button-minus:hover, a.fw-button-minus:active, a.fw-button-minus-act {
  background: transparent url('../upload/images/news/button-plus-minus.gif') no-repeat left -81px;
}  

div.State {
  background: transparent url('../upload/images/news/state-bg.gif') repeat-x left -86px;
  height: 43px;
  width: 376px;
}
div.State div.CornerLeft {
  background: transparent url('../upload/images/news/state-bg.gif') no-repeat left top;
  float: left;
  height: 43px;
  width: 5px;
}
div.State div.CornerRight {
  background: transparent url('../upload/images/news/state-bg.gif') no-repeat left -43px;
  float: right;
  height: 43px;
  width: 5px;
}
div.State div#StateText {
  padding: 13px 0 0 12px;
  font-weight: bold;
}

td.FieldTitle {
  padding: 8px 4px 0 2px; 
  font-size: 10px; 
  color: #3d3e3f;
  vertical-align: bottom;
}
td.Field {
  padding: 0 6px 0 0; 
}



/***** NEW 25.05.2009 *****/
/* search */
div.Search {
  background-image: url('../upload/images/bg-search.gif');
  background-repeat: no-repeat;
  height: 23px;
  margin: 0 0 0 40px;
  width: 294px;
}
/* bubbles */
div.Bubbles {
  float: left;
  margin: 0;
  padding: 0;
}
/* bubble-kontakt */
div.Bubble-Kontakt {
  background-image: url('../upload/images/icons/bubble-kontakt.gif');
  background-repeat: no-repeat;
  float: left;
  height: 27px;
  width: 101px;
  padding: 3px 0 0 0;
  position: absolute;
  top: 18px;
  left: 615px;
}
/* bubble-postfach */
div.Bubble-Postfach {
  background-image: url('../upload/images/icons/bubble-post.gif');
  background-repeat: no-repeat;
  float:left;
  height: 27px;
  padding: 3px 0 0 0;
  position: absolute;
  top: 18px;
  left: 723px;
  width: 117px;
}
/* info */
div.Info {
  margin: -2px 0 0 0;
}