/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0; padding: 0;
}
body {
  overflow-y: scroll;
  font-size: 0.75em;
  text-align: center;
  color: #afa064;
/*  background: #000f28 url(layout/tapete.jpg) repeat-x left top; */
/*  background: #1a273e url(layout/tapete2.jpg) repeat-x left top; */
/*  background: #404b5d url(layout/tapete3.jpg) repeat-x left top; */
  background: #001636;
}
/*
body.laeden {
  background: #000f28 url(layout/tapete.jpg) repeat-x left top;
}
body.events {
  background: #001636;
}
body.kochschule {
  background: #013974;
}
body.kochschule {
  background: #013974;
}
*/
.white {
  color: #dae8f3;
}
a img {
  border: 0;
  color: #afa064;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
label, .toggler,
.startseite #main #news,
.startseite #main #rezept,
.startseite #main #shop {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.zentriert {
  text-align: center;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#body {
  width: 100%;
  background: url(layout/schuhbeck-s.png) no-repeat center -50px!important;
  background: url(layout/schuhbeck-s.gif) no-repeat center -50px;
}
#wrapper {
  text-align: left; position: relative;
  margin: 0 auto 0 auto;
  width: 910px; 
  height: auto!important; height: 900px; min-height: 900px;
}
#header {
  width: 910px; position: relative;
  padding-top: 160px; margin-bottom: 20px;
  background: url(layout/headbg.png) no-repeat left 88px!important;
  background: url(layout/headbg.gif) no-repeat left 88px;
}
#container {
  position: relative;
  clear: left;
  width: 910px; width: 900px;
  padding: 1px 5px 100px 5px;
}
#main {
  width: 590px; float: left;
  margin-bottom: 10px;
  margin-top: 1px;
  line-height: 1.35em;
}
#left {
  width: 230px; float: left;
  padding-bottom: 80px;
  /*background: #00ffff;*/
}
#right {
  width: 165px; float: right;
  margin-bottom: 10px;
  /*background: #00ffff;*/
}
#footer {
  clear: both; 
  width: 100%; height: 45px;
  position: fixed; bottom: 0px; left: 0px;
  border-top: 1px solid #afa064;
  font-size: 0.9em;
  text-align: center; 
  background: #001636;
  /*background: #ff00ff;*/
}
#footer .inside {
  width: 900px; position: relative;
  height: 45px; he\ight: 40px;
  padding-top: 5px;
  margin: 0 auto 0 auto; text-align: left; 
  /*background: #ff00ff;*/
}

/* Kopfzeile: Logo, Zierleiste, Hauptnavigation und Suchfeld */
#header #headlogo {
  position: absolute; left: 85px; top: 25px;
  width: 307px; height: 75px; 
} 
#header .mod_navigation ul {
  margin-left: 15px;
  list-style: none;
}
#header .mod_navigation li {
  float: left;
}
#header .mod_navigation li a {
  display: block;
  /*padding: 2px 15px 2px 15px;*/
  padding: 2px 0 2px 10px;
  color: #afa064;
  font-size: 1.1em;
  font-style: italic;
  text-decoration: none;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
#header .mod_navigation li a.active,
#header .mod_navigation li a.trail,
#header .mod_navigation li a:hover {
  font-weight: bold;
}
/* fixe Größe Menüeinträge */
#header .mod_navigation li.gastronomie {
  width: 113px;
}
#header .mod_navigation li.laeden {
  width: 64px;
}
#header .mod_navigation li.veranstaltungen {
  width: 132px;
}
#header .mod_navigation li.erlebniswelt {
  width: 102px;
}
#header .mod_navigation li.kochschule {
  width: 103px;
}
#header .mod_navigation li.rezepte {
  width: 73px;
}
#header .mod_navigation li.alfons {
  width: 150px;
  margin-right: 2px;
}

#header .mod_form {
  padding: 1px 0 0 0;
}
#header .mod_form input.text {
  width: 103px; w\idth: 93px; height: 16px; he\ight: 15px;
  padding: 1px 0 0 10px;
  float: left; 
  border: 0;
  color: #000;
  font-size: 0.9em;
  background: url(layout/suche-bg.png) repeat left top!important;
  background: url(layout/suche-bg.gif) repeat left top;
}
#header .mod_form input.submit {
  width: 25px; height: 16px; he\ight: 0px; overflow: hidden;
  padding: 16px 0 0 0; float: left;
  border: 0;
  background: url(layout/suche-button.png) repeat left top!important;
  background: url(layout/suche-button.gif) repeat left top;
}
#header .mod_article {
  position: relative;
  clear: left;
  height: 287px; he\ight: 262px;
  padding-top: 25px;
}

/* linke Spalte: Navgation */
#left .mod_mootoolsnav,
#left .mod_navigation,
#left .mod_rezeptemenu {
  width: 205px;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
#left .mod_mootoolsnav ul,
#left .mod_navigation ul,
#left .mod_rezeptemenu ul {
  list-style: none;
}
#left .mod_mootoolsnav li,
#left .mod_navigation li,
#left .mod_rezeptemenu li {
  line-height: 1.8em;
}
#left .mod_mootoolsnav li a,
#left .mod_mootoolsnav li p,
#left .mod_navigation li a,
#left .mod_rezeptemenu li a,
#left .mod_rezeptemenu li span {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  display: block;
  padding-left: 25px;
  color: #afa064;
  font-style: italic;
  text-decoration: none;
}
#left .mod_rezeptemenu li span {
  display: none;
}
#left .mod_mootoolsnav li a.active,
#left .mod_navigation li a.active,
#left .mod_rezeptemenu li a.active,
#left .mod_mootoolsnav li a.trail,
#left .mod_navigation li a.trail,
#left .mod_rezeptemenu li a.trail,
#left .mod_mootoolsnav li a:hover,
#left .mod_navigation li a:hover,
#left .mod_rezeptemenu li a:hover {
  font-weight: bold;
}
#left .mod_navigation li ul,
#left .mod_rezeptemenu li ul {
  display: none;
  width: 180px;
  margin-bottom: 15px;
  margin-left: 24px;
}
#left .mod_navigation li.active ul,
#left .mod_navigation li.trail ul,
#left .mod_rezeptemenu li ul {
  display: block;
}
#left .mod_mootoolsnav li li a,
#left .mod_mootoolsnav li li p,
#left .mod_navigation li li a,
#left .mod_rezeptemenu li li a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #dae8f3;
  font-style: normal;
  font-weight: normal;
}
#left .mod_mootoolsnav li li p,
#left .mod_mootoolsnav li li a.active,
#left .mod_navigation li li a.active,
#left .mod_rezeptemenu li li a.active,
#left .mod_mootoolsnav li li a.trail,
#left .mod_navigation li li a.trail,
#left .mod_rezeptemenu li li a.trail,
#left .mod_mootoolsnav li li a:hover,
#left .mod_navigation li li a:hover,
#left .mod_rezeptemenu li li a:hover {
  color: #afa064;
  font-weight: normal;
}


/* Standard-Stilangaben */
#main h1 {
  color: #afa064;
  font-size: 2em;
  line-height: 1.4em;
  margin-bottom: 1em;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
#main h2 {
  color: #afa064;
  font-size: 1.1em;
  margin-bottom: 0.8em;
  font-weight: bold;
}
#main h3 {
  font-size: 1.0em;
  margin-bottom: 0.3em;
  margin-top: 1.5em;
  font-weight: bold;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1em;
}
#main ul, #main ol {
  margin-left: 1.5em;
}
#main a {
  color: #dae8f3;
  text-decoration: none;
}
#main a:hover {
  text-decoration: none;
  color: #afa064;
}
#main .dottedtop { 
  background: url(layout/dotted.gif) repeat-x left top;
  margin-top: 5em;
  padding-top: 5em;
}
#main .white a {
  color: #dae8f3;
}
#main .hidelinks a { 
  color: #afa064;
}
#main table {
  width: 500px;
  margin-bottom: 0.5em;
}
#main p.toplink a {
  padding-left: 15px;
  background: url(layout/doppelpfeil.png) no-repeat left -345px!important;
  background: url(layout/doppelpfeil.gif) no-repeat left -345px;
}
#main p.toplink a:hover {
  background-position: 0px -395px!important;
  background-position: 0px -395px;
}
.anmelden p.toplink {
  display: none;
}

/* Eventliste - Kurse zum buchen */
#main .mod_eventlist {
  margin-right: 15px;
  margin-bottom: 0.8em;
}
#main .mod_eventlist .event {
  position: relative;
  padding: 10px 20px 15px 20px;
  background: transparent url(layout/1x1-3.png) repeat left top!important;
  background: #08264c;
}
#main .mod_eventlist .event h3 {
  margin: 0;
  margin-bottom: 0.3em;
  font-weight: normal;
  color: #afa064;
}
#main .mod_eventlist .event p {
  margin-bottom: 0em;
}
#main .mod_eventlist .event p.teilnahme {
  width: 100px; text-align: right; float: right;
  position: absolute; top: 25px; right: 20px;
}
#main .mod_eventlist .event a {
  text-decoration: none;
  color: #dae8f3;
  padding-left: 20px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -96px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -96px;
}
#main .mod_eventlist .event a:hover {
  text-decoration: none;
  color: #afa064;
  background-position: 0px -146px !important;
}
#main .mod_calendar table {
  width: 180px!important;
  border-top: 1px solid #afa064;
  border-left: 1px solid #afa064;
}
#main .mod_calendar th {
  vertical-align: middle;
}
#main .mod_calendar th,
#main .mod_calendar td {
  text-align: center;
  border-right: 1px solid #afa064;
  border-bottom: 1px solid #afa064;
}
#main .mod_calendar th.current {
  font-weight: normal;
  font-style: italic;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
#main .mod_calendar th.label {
  padding: 2px 0 2px 0;
  color: #00102b;
  background: #afa064;
  border-right: 1px solid #00102b;
}
#main .mod_calendar th.next a {
  display: block; margin: 0 auto 0 auto;
  width: 21px; height: 19px; he\ight: 0; padding-top: 19px; overflow: hidden;
  background: url(layout/doppelpfeil.png) no-repeat 5px -144px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 5px -144px;
}
#main .mod_calendar th.next a:hover {
  background-position: 5px -94px!important;
  background-position: 5px -94px;
}
#main .mod_calendar th.previous a {
  display: block;  margin: 0 auto 0 auto;
  width: 20px; height: 19px; he\ight: 0; padding-top: 19px; overflow: hidden;
  background: url(layout/doppelpfeil.png) no-repeat 5px -244px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 5px -244px;
}
#main .mod_calendar th.previous a:hover {
  background-position: 5px -294px!important;
  background-position: 5px -294px;
}
#main .mod_calendar td {
  padding: 3px 0 3px 0;
  width: 24px;
}
#main .mod_calendar td.days {
  color: #5b584b;
  background: transparent url(layout/1x1-3.png) repeat left top!important;
  background: #08264c;
}
#main .mod_calendar td.empty {
  background: none!important;
}
#main .mod_calendar td.active a {
  color: #afa064;
  font-weight: bold;
}

/* Akkordeon */
#main .ce_accordion {
  margin-bottom: 10px;
}
#main .ce_accordion .toggler h2 {
  color: #5b584b;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #5b584b;
  padding: 8px 0 6px 48px;
  font-style: italic;
  font-weight: normal;
  font-size: 1.1em;
  margin: 0;
  background: url(layout/doppelpfeil.png) no-repeat 20px 9px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 20px 9px;
}
#main .ce_accordion .toggler h2.active,
#main .ce_accordion .toggler h2:hover {
  color: #afa064;
  border: 1px solid #afa064;
  background: url(layout/doppelpfeil.png) no-repeat 20px -41px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 20px -41px;
}
#main .ce_accordion .accordion div {
  position: relative;
  padding: 20px 20px 5px 20px;
  background: url(layout/1x1-3.png) repeat left top!important;
  background: url(layout/1x1-3.gif) repeat left top;
}
#main .ce_accordion .accordion div div.ce_text {
  position: relative;
}
#main .ce_accordion .accordion div div {
  padding: 0;
  background: none !important;
}
#main .ce_accordion .accordion div li a {
  display: block;
  text-decoration: underline;
  color: #dae8f3;
}
#main .ce_accordion .accordion div li a:hover {
  text-decoration: none;
  color: #afa064;
}
#main .ce_accordion .accordion div.mod_eventlist h3 {
  display: none;
}
#main .ce_accordion .accordion div div.event {
  padding-bottom: 10px;
}
#main .ce_accordion .accordion div div.event h3 {
  display: block;
}


/* spezielle Einstellungen für die Kochkurse */
.kochkurse #main .ce_accordion .accordion div {
  height: auto!important; height: 185px; he\ight: 160px; min-height: 160px;
}  
.kochkurse #main .ce_accordion .accordion div div {
  height: auto;
}
.kochkurse #main .ce_accordion .accordion div ul {
  position: absolute; left: 280px; bottom: 10px;
  width: 220px;
  list-style: none;
}
.kochkurse #main .ce_accordion .accordion div li {
  line-height: 1.8em; margin: 0;
  padding-left: 18px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -92px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -92px;
}
.kochkurse #main .ce_accordion .accordion div li:hover {
  background-position: 0px -142px !important;
}
.termine #main,
.kochkurs #main {
  width: 650px;
}
.kochkurs #main .ce_text {
  width: 460px;
}

/* Sondereinstellungen für das Rezepte-Akkordeon */
.rezepte #main .ce_accordion .ce_image {
  width: 200px; overflow: hidden; 
  margin-right: 20px;
  margin-bottom: 10px;
  float: left; background: none;
}
.rezepte #main .ce_accordion .accordion div .mod_rezeptelist {
  width: 300px; float: left;
}
.rezepte #main .ce_accordion .accordion div .mod_rezeptelist div.layout_simple {
  line-height: 1.8em; margin: 0;
  padding-left: 18px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -92px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -92px;
}
.rezepte #main .ce_accordion .accordion .mod_rezeptelist div.layout_simple:hover {
  background-position: 0px -142px !important;
}


/* Impressionen */
#main .ce_gallery .image_container {
  width: 155px; w\idth: 155px;
  padding: 20px 17px 20px 17px;
  margin: 0 10px 10px 0;
  background: url(layout/1x1-5.png) repeat left top!important;
  background: url(layout/1x1-5.gif) repeat left top;
}

/* Rezepte Detailansicht */
.rezept #main {
  width: 650px;
}
.rezepte #main h2 {
  margin-top: 2.5em;
}
#main .mod_rezeptereader .main_content {
  width: 380px; float: left;
  margin-right: 25px;
}
#main .mod_rezeptereader .zutaten_content {
  width: 240px; float: left;
}
#main .mod_rezeptereader .main_content h2,
#main .mod_rezeptereader .main_content h3 {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 1em;
}
#main .mod_rezeptereader .main_content h3 {
  margin-bottom: 0.1em;
}
#main .mod_rezeptereader .main_content .image_container {
  margin-bottom: 20px;
}
#main .mod_rezeptereader .zutaten_content .zutaten {
  padding-bottom: 35px;
  margin-bottom: 40px;
  font-size: 0.9em;
  background: url(layout/zutaten-bottom.png) no-repeat center bottom!important;
  background: url(layout/zutaten-bottom.gif) no-repeat center bottom;
}
#main .mod_rezeptereader .zutaten_content .zutaten h2 {
  padding: 70px 0 0 80px; margin-top: 0;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
  background: url(layout/zutaten-top.png) no-repeat center 0px!important;
  background: url(layout/zutaten-top.gif) no-repeat center 0px;
}
#main .mod_rezeptereader .zutaten_content .zutaten h3 {
  margin-left: 80px;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  padding-bottom: 5px;
  font-style: italic;
  font-weight: normal;
  background: url(layout/dotted.gif) repeat-x left bottom;
}
#main .mod_rezeptereader .zutaten_content .zutaten table {
  width: 230px;
  margin-bottom: 0.5em;
}
#main .mod_rezeptereader .zutaten_content .zutaten table td.first {
  width: 64px;
  text-align: right;
  padding-right: 13px;
}
#main .mod_rezeptereader .zutaten_content .image_container {
  text-align: center;
}

/* Neuigkeiten-Liste */
#main .mod_eventlist div.header,
#main .mod_newsreader p.info,
#main .mod_newslist p.info {
  font-size: 1.1em;
  padding: 4px 0 4px 20px;
  border: 1px solid #afa064;
  margin: 0;
}
#main .mod_newslist .news_content {
  padding: 20px;
  background: transparent url(layout/1x1-4.png) repeat left top!important;
  background: #08264c;
}
#main .mod_newslist h2 {
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  font-style: italic;
}
#main .mod_newslist h2 a {  
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  color: #afa064;
  text-decoration: none;
}
#main .mod_newslist p a {
  color: #dae8f3;
  text-decoration: none;
  padding-left: 20px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -96px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -96px;
}
#main .mod_newslist p a:hover {
  color: #afa064;
  text-decoration: none;
  background-position: 0px -146px!important;
  background-position: 0px -146px;
}
#main .mod_newslist .image_container {
  float: left; margin-right: 13px;
}
#main .mod_newslist p.more {
  text-align: right;
}
#main .mod_newsreader p.back,
#main .mod_newslist p.back {
  display: none;
}
/* Neuigkeiten-Detailansicht */
#main .mod_newsreader h1 {
  margin-top: 1em;
}
#main .mod_newsreader h2 {
  margin-top: -1.1em;
  font-size: 1.2em;
  margin-bottom: 1.5em;
  font-weight: bold;
}
#main .mod_newsreader .image_container {
  text-align: center;
  margin-bottom: 2em;
  background: transparent url(layout/1x1-4.png) repeat left top!important;
  background: #08264c;
}

/* Kommentare: Ausgabe der Liste */
#main .ce_comments .comment_default p {
  background: #0a1f3e;
  padding: 20px;
  margin: 0;
}
#main .ce_comments .comment_default p.info {
  position: relative;
  text-align: right;
  background: #001636;
  border: 1px solid #afa064;
  padding: 5px 20px 5px 20px;
}
#main .ce_comments .comment_default p.info span.date {
  position: absolute;
  left: 20px; top: 5px;
}




/* Seitenwahl */
#main .pagination {
  text-align: right;
  margin: 10px 0 0 0;
  padding: 0;
}
#main .pagination p {
  display: none;
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  position: absolute; right: 85px;
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.2em 0 0.2em;
  padding: 0;
  background: none;
}
#main .pagination ul li .current,
#main .pagination ul li a {
  color: #afa064;
  font-weight: bold;
  font-style: italic;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
#main .pagination ul li .current,
#main .pagination ul li a:hover {
  color: #dae8f3;
}
#main .pagination ul li span.next,
#main .pagination ul li a.next {
  display: block; margin-left: 10px;
  width: 15px; height: 12px; he\ight: 0; padding-top: 12px; overflow: hidden;
  background: url(layout/doppelpfeil.png) no-repeat 0px -146px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -146px;
}
#main .pagination ul li a.next:hover {
  background-position: 0px -96px!important;
  background-position: 0px -96px;
}
#main .pagination ul li span.previous,
#main .pagination ul li a.previous {
  display: block; margin-right: 10px;
  width: 15px; height: 12px; he\ight: 0; padding-top: 12px; overflow: hidden;
  background: url(layout/doppelpfeil.png) no-repeat 0px -246px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -246px;
}
#main .pagination ul li a.previous:hover {
  background-position: 0px -296px!important;
  background-position: 0px -296px;
}

/* Formulare */
#main .formbody {
  width: 510px;
  position: relative;
}
#main .formbody .formblock {
  width: 510px; w\idth: 470px;
  position: relative; clear: left;
  padding: 20px 20px 1px 20px;
  margin-bottom: 1em;
  background: transparent url(layout/1x1-4.png) repeat left top!important;
  background: #08264c;
}
#main .formbody .formblock h2 {
  font-size: 1.1em;
  font-style: italic;
  padding-bottom: 5px;
  margin-bottom: 2.1em;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  background: url(layout/dotted.gif) repeat-x left bottom;
}
#main .formbody .formblock .explanation {
  position: absolute; right: 22px; top: 20px;
  font-size: 0.9em;
}
#main .formbody div.formelement {
  width: 220px; float: left;
  margin: 0 15px 5px 0px;
}
#main .formbody div.checkbox,
#main .formbody div.textarea {
  width: 430px; float: none;
}
#main .formbody label {
  clear: both;
  display: block; float: left;
  width: 215px;
  font-size: 0.9em;
  margin: 0px 0px 1px 0px; padding: 1px;
}
#main p.error {
  color: #ff0000;
  font-weight: bold;
}
#main .formbody span.mandatory {
  color: #dae8f3;
}
#main .formbody div.error,
#main .formbody label.error,
#main .formbody span.captcha_text.error {
  color: #ff0000;
}
#main .formbody select,
#main .formbody input.captcha,
#main .formbody input.text {
  float: left;
  width: 215px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #7f9db9;
}
#main .formbody input.captcha {
  width: 200px;
}
#main .formbody span.captcha_text {
  display: block; float: none; clear: left;
  margin: 0; padding: 0;
  margin-bottom: -20px;
  width: 230px;
  margin-left: 215px;
  font-size: 0.9em;
}
#main .formbody textarea {
  float: left;
  width: 455px; height: 100px;
  margin: 0px 0px 2px 0px;
  padding: 1px;
  border: 1px solid #7f9db9;
}
#main .formbody label.error {
  font-weight: bold;
  color: #ff0000;
}
#main .formbody input.error {
  border: 1px solid #ff0000;
}
#main .formbody .checkbox_container {
  padding-left: 0px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 300px;
}
#main .formbody .submit_container {
  text-align: right;
}
#main .formbody .submit_container input.submit {
  width: 95px; height: 21px;
  text-align: center; vertical-align: center;
  border: 0;
  color: #afa064;
  font-size: 1.0em;
  font-style: italic;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  background: url(layout/btn-leer-95.gif) no-repeat left top;
}

/* Sonderformatierungen - Anmeldung: Vor- und Nachname mehr Abstand nach unten */
#main #f1 div.ctrl_4,
#main #f1 div.ctrl_5,
#main .formbody div.ctrl_59,
#main .formbody div.ctrl_60 {
  margin-bottom: 25px; 
}
#main .formbody div.ctrl_73 {
  margin-bottom: -20px; 
}
/* Anmeldung Kurse */
#main #f4 div.ctrl_69 {
  width: 345px;
}
#main #f4 #ctrl_69 {
  width: 340px;
}
#main #f4 div.ctrl_71 {
  width: 95px;
}
#main #f4 #ctrl_71 {
  width: 90px;
}
/* abweichendes Formular: Reservierung */
#main #f3 div.formelement {
  width: 151px;
  margin: 0 5px 5px 0px;
}
#main #f3 select,
#main #f3 input.captcha,
#main #f3 input.text {
  width: 146px;
}
#main #f3 div.ctrl_21,
#main #f3 div.ctrl_22 {
  width: 200px;
  margin-bottom: 25px; 
}
#main #f3 #ctrl_21,
#main #f3 #ctrl_22 {
  width: 195px;
}
#main #f3 div.ctrl_26 {
  margin-left: 155px; 
}
#main #f3 div.ctrl_20,
#main #f3 #ctrl_20 {
  width: 55px;
}
#main #f3 div.ctrl_54 {
  clear: left;
  width: 460px;
}
#main #f3 #ctrl_54 {
  width: 455px;
}
#main #f1 #ctrl_10,
#main #f3 #ctrl_57 {
  margin-bottom: -20px; 
  width: 400px;
}
#main #f3 .ctrl_55 {
  clear: left;
}
#main #f1 div.ctrl_1 {
  margin-right: 100px;
}
/* Abweichend: Kommentare */
#main .ce_comments .formbody input.captcha {
  width: 20px;
}
#main .ce_comments .formbody span.captcha_text {
  margin-left: 30px;
}
#main .ce_comments .formbody div.ctrl_comment{
  clear: both;
  margin-top: 35px;
}
.gaestebuch #main .ce_text {
  position: relative;
  padding-bottom: 50px;
}
.gaestebuch #main .ce_text a {
  display: block; position: absolute; right: 80px; bottom: 15px;
  text-decoration: none;
  color: #dae8f3;
  padding-left: 20px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -96px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -96px;
}
.gaestebuchlesen #main .ce_text a {
  right: 0px;
}


/* Suche */
#main .mod_search .formbody {
  margin-bottom: 0.3em;
}
#main .mod_search input.text {
  width: 300px; padding: 2px 2px 3px 2px;
  border: 0;
  margin-right: 0px;
}
#main .mod_search input.submit {
  width: 32px; height: 19px; he\ight: 0px; padding: 0; border: 0;
  padding-top: 19px; overflow: hidden; 
  cursor: pointer;
  text-align: center;
  color: #afa064;
  background: url(layout/suchbutton2.gif) no-repeat left top;
}
#main .mod_search p.header {
  clear: left;
  margin-bottom: 2em;
}
#main .mod_search .highlight {
  font-weight: bold;
}



/* Fußzeile: Icon, Sprachumschalter, Servicenavigation */
#footer #loewe {
  position: absolute; left: -85px; top: -79px;
  width: 78px; height: 79px;
  background: url(layout/schuhbeck-loewe.png) no-repeat left top!important;
  background: url(layout/schuhbeck-loewe.gif) no-repeat left top;
}
#footer .mod_navigation ul {
  position: absolute; right: 0px; top: 5px;
  list-style: none;
}
#footer .mod_navigation ul {
  list-style: none;
}
#footer .mod_navigation li {
  float: left;
  padding: 0 5px 0 2px;
  background: url(layout/footnavibg.gif) no-repeat right 3px; 
}
#footer .mod_navigation li a {
  display: block;
  padding: 1px 12px 0 12px;
  color: #afa064;
  text-decoration: none;
}
#footer .mod_navigation li a:hover {
  color: #dae8f3;
}
#footer .mod_navigation li.print, 
#footer .mod_navigation li.kontakt,
#footer .mod_navigation li.home {
  width: 22px; 
  margin: 0 0 0 10px; padding: 0;
  background: none;
}
#footer .mod_navigation li.print a, 
#footer .mod_navigation li.kontakt a,
#footer .mod_navigation li.home a {
  width: 22px; w\idth: 12px; height: 14px; he\ight: 0; padding: 14px 5px 0 5px; overflow: hidden;
  margin: 0px;
  background: url(layout/iconset.gif) no-repeat 5px 4px;
}
#footer .mod_navigation li.kontakt a {
  background: url(layout/iconset.gif) no-repeat -26px 4px;
}
#footer .mod_navigation li.home a {
  background: url(layout/iconset.gif) no-repeat -57px 4px;
}

/* abweichende Layouts: Startseite */
.startseite #header {
  margin-bottom: 20px; 
}
.startseite #main {
  width: 900px; float: none;
}
.startseite #left,
.startseite #right {
  display: none;
}
.startseite #header .mod_article .image_container {
  width: 900px; height: 262px;
}
.startseite #header #startseite1 .image_container {
  background: url(bilder/home/schuhbeck-startseite.jpg) no-repeat left top;
}
.startseite #header #startseite2,
.startseite #header #startseite3,
.startseite #header #startseite4 {
  display: none;
}
.startseite #main .ce_text {
  float: left;
  padding: 20px 19px 20px 19px;
  margin: 0 20px 0 0;
  color: #afa064;  /*5b584b*/
  background: url(layout/startrahmen.gif) no-repeat 0px 0px;
  /* alternativ: opacity einstellen */
}
.startseite #main #news {
  width: 346px; w\idth: 308px; height: 196px; he\ight: 156px;
  margin-left: 60px; 
  background-position: 0px -0px; /*249px*/   
}
.startseite #main #rezept {
  width: 205px; w\idth: 167px; height: 180px; he\ight: 140px;
  background-position: 0px -500px; /*700px*/  
}
.startseite #main #shop {
  width: 225px; height: 187px;
  padding: 0;
  margin-right: 0;
  background: url(layout/shoplink-startseite.gif) no-repeat left top;
}

.startseite #main h1 {
  font-size: 1.2em;
  font-weight: bold; 
  font-style: italic;
  color: #afa064;  /*5b584b*/
  text-align: center;
  margin-bottom: 1.2em;
  padding-bottom: 20px;
  /* alternativ: opacity einstellen */
  background: url(layout/start-borduere.png) no-repeat center 26px!important; /*-74px*/
  background: url(layout/start-borduere.gif) no-repeat center 26px;
}
.startseite #main #news.active,
.startseite #main #news:hover {
  color: #afa064;
  background-position: 0px -0px;  
}
.startseite #main #rezept.active,
.startseite #main #rezept:hover {
  color: #afa064;
  background-position: 0px -500px;  
}
.startseite #main #news.active h1,
.startseite #main #news:hover h1,
.startseite #main #rezept.active h1,
.startseite #main #rezept:hover h1,
.startseite #main #shop.active h1,
.startseite #main #shop:hover h1 {
  color: #afa064;
  background: url(layout/start-borduere.png) no-repeat center 26px!important;
  background: url(layout/start-borduere.gif) no-repeat center 26px;
}
.startseite #main a {
  display: block;
  height: 20px; he\ight: 0px; overflow: hidden;
  padding-top: 20px;
  background: url(layout/doppelpfeil.png) no-repeat center -150px!important; /* -200px */
  background: url(layout/doppelpfeil.gif) no-repeat center -150px;
}
.startseite #main #news a,
.startseite #main #shop a {
  position: relative; top: 10px;
}
.startseite #main #rezept a {
  position: relative; top: -10px;
}
.startseite #main #news.active a,
.startseite #main #news:hover a,
.startseite #main #rezept.active a,
.startseite #main #rezept:hover a {
  background-position: center -150px !important;
}
.startseite #main #shop a {
  background: none !important;
}

/* Kochkurs Detailansicht */
.kochkurs #main ul {
  color: #dae8f3;
  margin: 0 0 1.2em 2.5em;
}
.kochkurs #main ul li {
  line-height: 1.5em;
}
.kochkurs #main h2 {
  font-size: 1.0em;
  font-style: italic;
  padding-bottom: 5px;
  margin-bottom: 1em;
  margin-top: 2.5em;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  background: url(layout/dotted.gif) repeat-x left bottom;
}
.kochkurs #main h3 {
  color: #dae8f3;
  font-size: 1.0em;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 5px;
}
.kochkurs #main table {
  width: 560px; margin-left: 15px;
  margin-bottom: 0.5em;
}
.kochkurs #main table td {
  padding-bottom: 2px;
}
.kochkurs #main table td.link {
  padding-left: 20px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -96px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -96px;
}
.kochkurs #main table td.link:hover {
  background-position: 0px -146px !important;
}
.kochkurs #main table td.link a {
  display: block;
  text-decoration: underline;
  color: #dae8f3;
}
.kochkurs #main table td.link a:hover {
  text-decoration: none;
  color: #afa064;
}

/* abweichendes Layout: Contentseite ohne Header */
.nohead #container {
  background: url(layout/containerbg.png) repeat left top!important;
  background: url(layout/containerbg.gif) repeat left top;
  padding-top: 30px;
}
.nohead #left {
  width: 200px;
}
.nohead #main {
  width: 620px;
}
.nohead #left .mod_navigation li a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left: 25px;
  color: #dae8f3;
  font-style: normal;
  text-decoration: none;
}
.nohead #left .mod_navigation li a.active,
.nohead #left .mod_navigation li a.trail,
.nohead #left .mod_navigation li a:hover {
  font-weight: normal;
  color: #afa064;
}
.nohead #main .ce_accordion .accordion {
  font-size: 1em;
  font-weight: normal;
  color: #dae8f3;
}
.nohead #main .ce_accordion h3 {
  font-size: 1em; 
  margin: 0 0 0.3em 0;
  font-weight: normal;
  color: #afa064;
}

/* Seite Rezeptarchiv */
.rezepte #main .mod_rezeptelist {
  margin-bottom: 1.5em;
}
.rezepte #main .ce_hyperlink a,
.rezeptarchiv #main .ce_hyperlink a {
  display: block;
  padding-bottom: 1em;
  line-height: 1.8em; margin: 0;
  padding-left: 18px;
  background: url(layout/doppelpfeil.png) no-repeat 0px -92px!important;
  background: url(layout/doppelpfeil.gif) no-repeat 0px -92px;
}
.rezepte #main .ce_hyperlink a:hover,
.rezeptarchiv #main .ce_hyperlink a:hover {
  background-position: 0px -142px!important;
  background-position: 0px -142px;
}