/* ================================================================================================
      WIRTHENSOHNS BÄCKEREI & KONDITOREI - DEFAULT STYLESHEET
      Date  : JUNE 2009
      Author: Thierry Minet
   ============================================================================================= */

/* ------------------------------------------------------------------------------------------------
   Part 1 : STYLESHEET RESET & NORMALIZATION
   --------------------------------------------------------------------------------------------- */

html {
   overflow-y: scroll; /* enforces a vertical scroll bar */
}

body {
   font-size: small;
   margin: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {
   padding: 0;
   margin: 0;
}
img {
   padding: 0;
   border: 0;
   margin: 0;
}
form, fieldset {
   padding: 0;
   border: 0;
   margin: 0;
}
input, select, textarea {
   padding: 2px;
   margin: 2px 0;
}
object, embed {
   padding: 0;
   margin: 0;
}

/* ------------------------------------------------------------------------------------------------
   Part 2 : DEFAULT WEBSITE STYLING & LAYOUT
   --------------------------------------------------------------------------------------------- */
   
body {
   font-family: Verdana;
   line-height: 1.3;
   color: #474747;
   background: #fefdf5;
}
a {
   text-decoration: none;
   color: #474747;
}
a:hover,
a:focus {
   color: black;
}
/* --------------------------------------------------------------------------------------------- */
.htOutOfView,
.t3OutOfView {
   position: absolute;
   top: -1000px;
   left: -1000px;
}
.htClearFloats {
   clear: both;
}
/* --------------------------------------------------------------------------------------------- */
#htPageWrapper {
   overflow: hidden; /* in order to contain the inner floats */
   width: 992px;
   background: white url("../bilder/bg.jpg") repeat-y scroll top left;
   border-bottom: 1px solid #935965; /* d7c3c5 */
   margin: 0 auto;
}
.htColumn1Wrapper,
.htColumn2Wrapper,
.htColumn3Wrapper {
   float: left;
}
.htColumn1Wrapper {
   width: 192px;
   min-height: 802px;
   background: transparent url("../bilder/bg-left.jpg") no-repeat scroll top left;
}
.htColumn2Wrapper {
   width: 567px;
   background: transparent;
}
.htColumn3Wrapper {
   width: 233px;
   min-height: 221px;
   background: transparent url("../bilder/bg-right.jpg") no-repeat scroll top left;
}

/* LEFT COLUMN ================================================================================= */

/* LOGO ---------------------------------------------------------------------------------------- */
#htLogoWrapper {
   margin-top: 64px;
   margin-bottom: 53px;
}
#htLogo {
   text-align: center;
}
/* SIDE NAVIGATION ----------------------------------------------------------------------------- */
#htSideNavigation {
   font-family: "Times New Roman";
   font-weight: normal;
   padding: 0 14px;
   margin: 0;
}
#htSideNavigation ul {
   padding: 0;
   margin: 0;
}
#htSideNavigation li {
   list-style-type: none;
}
#htSideNavigation li.t3NavigationLevel1 {
   padding: 9px 0;
   border-bottom: 1px solid #d7c3c5;
}
#htSideNavigation li.t3NavigationLevel1.t3LastItem {
   border-bottom: 0;
}
#htSideNavigation li.t3NavigationLevel2 {
   padding-top: 5px;
}
#htSideNavigation a {
   display: block;
   color: #e4d8d8;
   text-decoration: none;
}
#htSideNavigation a.t3NavigationLevel1 {
   font-size: 120%;
   letter-spacing: 1px;
   text-transform: UPPERCASE;
}
#htSideNavigation a.t3NavigationLevel2 {
   font-size: 115%;
   letter-spacing: 1px;
}
#htSideNavigation a.t3NavigationLevel3 {
   font-size: 115%;
   margin-left: 1em;
   letter-spacing: 1px;
}
#htSideNavigation a.t3NavigationLinkA,
#htSideNavigation a.t3NavigationLinkC {
   color: white;
   font-weight: bold;
}
#htSideNavigation a:hover,
#htSideNavigation a:focus {
   color: white;
   font-weight: bold;
}

/* MIDDLE COLUMN =============================================================================== */

/* HEADER -------------------------------------------------------------------------------------- */
#htPageHeaderWrapper {}
#htPageHeader {
   height: 197px;
}
/* TOP NAVIGATION ------------------------------------------------------------------------------ */
#htTopNavigation {
   font-family: "Times New Roman";
   background: #852949;
   padding: 0;
   margin: 0;
}
#htTopNavigation ul {
   margin-left: 25px;
}
#htTopNavigation li {
   display: inline;
   list-style-type: none;
}
#htTopNavigation a {
   display: inline-block;
   font-size: 95%;
   text-transform: UPPERCASE;
   color: #d7c3c5;
   padding: 5px 15px;
   border-right: 1px solid #d7c3c5;
}
#htTopNavigation a.t3LastLink {
   border-right: 0;
}
#htTopNavigation a.t3NavigationLinkA,
#htTopNavigation a.t3NavigationLinkC {
   color: white;
   font-weight: bold;
}
#htTopNavigation a:hover,
#htTopNavigation a:focus {
   color: white;
}
/* USER DEFINED CONTENT ------------------------------------------------------------------------ */
#htContentWrapper {}
#htContent {
   overflow: hidden; /* in order to contain the inner floats */
   padding: 40px 40px 40px 40px;
}

#htContent h2 {
   font-family: "Times New Roman";
   font-size: 160%;
   font-style: italic;
   font-weight: normal;
   color: #777777;
}
#htContent h3 {
   font-family: "Times New Roman";
   font-size: 150%;
   font-weight: bold;
   text-transform: UPPERCASE;
   color: #852949;
}
#htContent .t3ContentBox {
   margin-top: 25px;
}
#htContent .t3ContentBox h3 {
   font-family: "Times New Roman";
   font-size: 150%;
   font-weight: bold;
   text-transform: UPPERCASE;
   color: #852949;
   margin-top: 35px;
   margin-bottom: 25px;
}
#htContent .t3ContentBox h4 {
   font-size: 100%;
   font-weight: bold;
   margin-bottom: 2px;
}
#htContent .t3ContentBox h5 {
   font-size: 100%;
   font-weight: normal;
   margin-bottom: 1px;
}
#htContent .t3ContentBox h6 {
   font-size: 100%;
   font-weight: normal;
   margin-bottom: 1px;
}
#htContent .t3ContentBox p {
   font-size: 100%;
   margin-bottom: 1em;
}
#htContent .t3ContentBox p a {
   color: #852949;
}
#htContent .t3ContentBox ol,
#htContent .t3ContentBox ul {
   margin-top: 0.5em;
   margin-left: 20px;
}
#htContent .t3ContentBox li {
   margin-bottom: 0.5em;
}
#htContent .t3ContentBox table {
   width: 100%;
}
#htContent .t3ContentBox tr {
   padding: 0;
   margin: 0;
}
#htContent .t3ContentBox td {
   padding: 3px 10px 2px 0;
   border: 0;
   margin: 0;
}
#htContent .t3ContentBox td p {
   padding: 0;
   margin: 0;
}
#htContent .t3ContentBox .csc-textpic-below .csc-textpic-imagewrap {
   margin-top: 20px;
}
#htContent .t3ContentBox .csc-textpic-caption {
   font-family: "Times New Roman";
   font-size: 100%;
   font-style: italic;
   font-weight: normal;
   line-height: 1.15;
   padding: 4px 3px;
}
/* RIGHT COLUMN ================================================================================ */

/* LATEST NEWS --------------------------------------------------------------------------------- */
#htLatestNewsWrapper {
   margin-top: 100px;
}
#htLatestNews {
   padding: 0 10px;
}

#t3LatestNewsBox h3 {
   font-family: "Times New Roman";
   font-size: 170%;
   font-weight: normal;
   text-transform: UPPERCASE;
   color: #852949;
   margin-bottom: 0;
}
#t3LatestNewsBox p {
   font-family: "Times New Roman";
   font-size: 120%;
   font-style: italic;
   color: #050505;
   padding: 0 1px;
   margin-bottom: 12px;
}

#t3NewsListInfoBox {
   padding: 0 5px;
   margin-top: -25px;
}
#t3NewsListInfoBox .csc-header h4 {
   font-family: "Times New Roman";
   font-size: 160%;
   font-style: italic;
   font-weight: normal;
   color: #050505;
   margin-bottom: 4px;
}
#t3NewsListInfoBox .csc-textpic-text p {
   font-family: "Times New Roman";
   font-size: 115%;
   font-style: italic;
   color: #852949;
   padding: 0 1px;
   margin-bottom: 0.5em;
}
#t3NewsListInfoBox .csc-textpic-imagewrap {
   margin: 20px auto; 
}

/* ------------------------------------------------------------------------------------------------
   Part 3 : SPECIAL CONTENT LAYOUT & STYLING (sorted alphabetically)
   --------------------------------------------------------------------------------------------- */

/* BROTBESCHREIBUNG & BROTZUTATEN TABLES ------------------------------------------------------- */
/* = content elements FRAMED as "BrotBeschreibung" & "BrotZutaten" */
#htContent .t3BrotBeschreibung {
   background: white;
   padding: 14px;
   padding-bottom: 7px;
   border: 1px solid #d7c3c5;
   border-bottom: 0;
   -moz-border-radius-topleft: 1em;
   -moz-border-radius-topright: 1em;
   -webkit-border-top-left-radius: 1em;
   -webkit-border-top-right-radius: 1em;
}
#htContent .t3BrotBeschreibung h4 {
   font-family: "Times New Roman";
   font-size: 150%;
   text-transform: UPPERCASE;
   font-weight: normal;
   color: #852949;
   margin-bottom: 0.2em;
}
#htContent .t3BrotBeschreibung h5 {
   font-family: "Times New Roman";
   font-size: 125%;
   font-style: italic;
   font-weight: normal;
   margin-bottom: 0.2em;
}
#htContent .t3BrotBeschreibung p {
   margin-bottom: 0.4em;
}
#htContent .t3BrotBeschreibung .csc-textpic-caption {
   font-size: 110%;
}
#htContent .t3BrotZutaten {
   background: white;
   padding: 14px;
   padding-top: 0;
   border: 1px solid #d7c3c5;
   border-top: 0;
   -moz-border-radius-bottomleft: 1em;
   -moz-border-radius-bottomright: 1em;
   -webkit-border-bottom-left-radius: 1em;
   -webkit-border-bottom-right-radius: 1em;
   margin-top: -25px; /* to undo the margin from the default t3ContentBox div */
}
#htContent .t3BrotZutaten h4 {
   font-family: "Times New Roman";
   font-size: 130%;
   text-transform: UPPERCASE;
   font-weight: normal;
   color: #852949;
   margin-bottom: 0.2em;
}

/* CONTACT FORM -------------------------------------------------------------------------------- */
form#mailform {}
form#mailform fieldset.csc-mailform {}
form#mailform div.csc-mailform-field {}
form#mailform div.csc-mailform-field label {
   display: inline-block;
   vertical-align: top;
   width: 110px;
   padding: 2px 0 0 0;
}
form#mailform div.csc-mailform-field input[type=text] {
   width: 280px;
   border: 1px solid gray;
   margin-bottom: 8px;
}
form#mailform div.csc-mailform-field textarea {
   width: 280px;
   border: 1px solid gray;
   margin-bottom: 8px;
}
form#mailform div.csc-mailform-field input.csc-mailform-submit {
   margin-left: 115px;
}

/* ÖFFNUNGSZEITEN TABLE ------------------------------------------------------------------------ */
/* = content elements with embedded table FRAMED as "Öffnungszeiten" */
#htContent .t3Offnungszeiten {
   background: white;
   padding: 14px;
   border: 1px solid #d7c3c5;
   -moz-border-radius: 1em;
   -webkit-border-radius: 1em;
}
#htContent .t3Offnungszeiten h4 {
   font-family: "Times New Roman";
   font-size: 140%;
   text-transform: UPPERCASE;
   font-weight: normal;
   color: #852949;
   margin-bottom: 0.2em;
}
#htContent .t3Offnungszeiten h5 {
   font-family: "Times New Roman";
   font-size: 125%;
   font-style: italic;
   font-weight: normal;
   margin-bottom: 0.2em;
}
#htContent .t3Offnungszeiten p {
   margin-bottom: 0.2em;
}
#htContent .t3Offnungszeiten table.csc-frame-frame1 {
   width: 100%;
   padding: 0;
   border: 0;
   border-spacing: 0;
   margin: 0;
   margin-bottom: 0.4em;
}
#htContent .t3Offnungszeiten table.csc-frame-frame1 tbody th {
   width: 150px;
   vertical-align: top;
   text-align: left;
   font-weight: bold;
   padding: 0;
   margin: 0;
}
#htContent .t3Offnungszeiten table.csc-frame-frame1 tbody td {
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 0;
   margin: 0;
}
#htContent .t3Offnungszeiten table.csc-frame-frame1 tbody th p,
#htContent .t3Offnungszeiten table.csc-frame-frame1 tbody td p {
   padding: 0;
   margin: 0;
}

/* SCHNITTENPLAN TABLE ------------------------------------------------------------------------- */
/* = content elements with embedded table FRAMED as "SchnittenPlan" */
#htContent .t3SchnittenPlan h4 {
   font-size: 100%;
   font-weight: bold;
   background: #d7c3c5;
   padding: 5px 10px;
   margin: 0;
}
#htContent .t3SchnittenPlan table.csc-frame-frame2 {
   width: 100%;
   background: white;
   padding: 0;
   border: 1px solid #d7c3c5;
   border-spacing: 0;
   margin: 0;
}
#htContent .t3SchnittenPlan table.csc-frame-frame2 tbody th {
   width: 125px;
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 5px 10px;
   border-top: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3SchnittenPlan table.csc-frame-frame2 tbody td {
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 5px 30px;
   border-top: 1px solid #d7c3c5;
   border-left: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3SchnittenPlan table.csc-frame-frame2 tbody th p,
#htContent .t3SchnittenPlan table.csc-frame-frame2 tbody td p {
   padding: 0;
   margin: 0;
}

/* SITEMAP ------------------------------------------------------------------------------------- */
#htContent div.csc-sitemap ul {
   margin-left: 0;
   margin-bottom: 0;
}
#htContent div.csc-sitemap ul ul {
   margin-left: 2em;
   margin-bottom: 1.5em;
}
#htContent div.csc-sitemap ul ul ul {
   margin-bottom: 0.5em;
}
#htContent div.csc-sitemap li {
   list-style-type: square;
   line-height: 1.8;
}
#htContent div.csc-sitemap li.t3Root {
   list-style-type: none;
}
#htContent div.csc-sitemap li.t3Root h4 {
   font-size: 110%;
   font-weight: bold;
   margin-bottom: 8px;
}
#htContent div.csc-sitemap li a {
   display: inline-block;
   width: 100%;
}
#htContent div.csc-sitemap li a:hover {
   text-decoration: underline;
}

/* SPEISEPLAN TABLE ---------------------------------------------------------------------------- */
/* = content elements with embedded table FRAMED as "SpeisePlan" */
#htContent .t3SpeisePlan p.csc-header-date {
   display: none;
/*
   float: right;
   width: 50%;
   text-align: right;
   font-style: italic;
   background: #d7c3c5;
   padding: 5px 10px;
   margin: 0;
*/
}
#htContent .t3SpeisePlan h4 {
/* width: 50%; */
   font-size: 100%;
   font-weight: bold;
   background: #d7c3c5;
   padding: 5px 10px;
   margin: 0;
}
#htContent .t3SpeisePlan h4 a {
   display: block;
}
#htContent .t3SpeisePlan table.csc-frame-frame2 {
   width: 100%;
   background: white;
   padding: 0;
   border: 1px solid #d7c3c5;
   border-spacing: 0;
   margin: 0;
}
#htContent .t3SpeisePlan table.csc-frame-frame2 thead th {
   text-align: left;
   font-weight: normal;
   color: #852949;
   background: white;
   padding: 5px 10px;
}
#htContent .t3SpeisePlan table.csc-frame-frame2 tbody td {
   text-align: right;
   vertical-align: top;
   background: white;
   padding: 5px 10px;
   border-top: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3SpeisePlan table.csc-frame-frame2 tbody tr td:first-child {
   width: 350px;
   text-align: left;
   border-right: 1px solid #d7c3c5;
}
#htContent .t3SpeisePlan table.csc-frame-frame2 thead th p,
#htContent .t3SpeisePlan table.csc-frame-frame2 tbody td p {
   padding: 0;
   margin: 0;
}

/* TOURPLAN TABLE ------------------------------------------------------------------------------ */
/* = content elements with embedded table FRAMED as "TourPlan" */
#htContent .t3TourPlan h4 {
   font-size: 100%;
   font-weight: bold;
   background: #d7c3c5;
   padding: 5px 10px;
   margin: 0;
}
#htContent .t3TourPlan table.csc-frame-frame1 {
   width: 100%;
   background: white;
   padding: 0;
   border: 1px solid #d7c3c5;
   border-spacing: 0;
   margin: 0;
}
#htContent .t3TourPlan table.csc-frame-frame1 tbody th {
   width: 125px;
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 5px 10px;
   border-top: 1px solid #d7c3c5;
   border-right: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3TourPlan table.csc-frame-frame1 tbody td {
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 5px 30px;
   border-top: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3TourPlan table.csc-frame-frame1 tbody th p,
#htContent .t3TourPlan table.csc-frame-frame1 tbody td p {
   padding: 0;
   margin: 0;
}

/* WOCHENANGEBOT TABLE ------------------------------------------------------------------------- */
/* = content elements with embedded table FRAMED as "WochenAngebot" */
#htContent .t3WochenAngebot h4 {
   font-size: 100%;
   font-weight: bold;
   background: #d7c3c5;
   padding: 5px 10px;
   margin: 0;
}
#htContent .t3WochenAngebot table.csc-frame-frame2 {
   width: 100%;
   background: white;
   padding: 0;
   border: 1px solid #d7c3c5;
   border-spacing: 0;
   margin: 0;
}
#htContent .t3WochenAngebot table.csc-frame-frame2 tbody th {
   width: 350px;
   vertical-align: top;
   text-align: left;
   font-weight: normal;
   padding: 5px 10px;
   border-top: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3WochenAngebot table.csc-frame-frame2 tbody td {
   vertical-align: top;
   text-align: right;
   font-weight: normal;
   padding: 5px 10px;
   border-top: 1px solid #d7c3c5;
   border-left: 1px solid #d7c3c5;
   margin: 0;
}
#htContent .t3WochenAngebot table.csc-frame-frame2 tbody th p,
#htContent .t3WochenAngebot table.csc-frame-frame2 tbody td p {
   padding: 0;
   margin: 0;
}

/* ------------------------------------------------------------------------------------------------
   Part 4 : EXTENSION SPECIFIC LAYOUT & STYLING (sorted by extension name)
   --------------------------------------------------------------------------------------------- */

/* TT_NEWS : LATEST NEWS ----------------------------------------------------------------------- */
#t3LatestNewsBox .news-latest-item {
   position: relative;
   overflow: hidden; /* in order to contain the inner floats */
   background: white;
   padding: 7px;
   margin-bottom: 16px;
}
#t3LatestNewsBox .news-latest-item h4.news-latest-header {
   font-family: "Times New Roman";
   font-size: 120%;
   font-weight: normal;
   color: #852949;
   line-height: 1.2;
   margin-bottom: 0;
}
#t3LatestNewsBox .news-latest-item h4.news-latest-header a {
   color: #852949;
}
#t3LatestNewsBox .news-latest-item p {
   font-family: Verdana;
   font-size: 90%;
   font-style: normal;
   margin-bottom: 12px;
}
#t3LatestNewsBox .news-latest-item img {
   float: left;
   margin-right: 10px;
}
#t3LatestNewsBox .news-latest-item .news-latest-morelink img {
   position: absolute;
   bottom: 6px;
   right: 6px;
   margin-right: 6px;
}

/* TT_NEWS : NEWS LIST ------------------------------------------------------------------------- */
#htContent .news-list-item {
   position: relative;
   overflow: hidden; /* in order to contain the inner floats */
   background: white;
   padding: 7px;
   border: 1px solid #d7c3c5;
   margin-bottom: 16px;
}
#htContent .news-list-category {
   font-family: "Times New Roman";
   font-size: 120%;
   font-style: italic;
   line-height: 1.2;
}
#htContent .news-list-item h4.news-list-header {
   font-family: "Times New Roman";
   font-size: 130%;
   font-weight: normal;
   color: #852949;
   margin-bottom: 0;
}
#htContent .news-list-item h4.news-list-header a {
   color: #852949;
}
#htContent .news-list-item p {
   margin-bottom: 0;
}
#htContent .news-list-date {
   font-family: "Times New Roman";
   font-size: 120%;
   font-style: italic;
   color: #852949;
}
#htContent .news-list-item img {
   float: left;
   margin-right: 20px;
}
#htContent .news-list-item .news-list-morelink img {
   position: absolute;
   bottom: 6px;
   right: 6px;
   margin-right: 6px;
}
#htContent .news-list-browse .tx-ttnews-browsebox table {
   width: auto;
}
#htContent .news-list-browse .tx-ttnews-browsebox table td.tx-ttnews-browsebox-SCell a {
   color: #474747;
}

/* TT_NEWS : SINGLE NEWS ----------------------------------------------------------------------- */
#htContent .news-single-item {
   overflow: hidden; /* in order to contain the inner floats */
   background: white;
   padding: 14px;
   border: 1px solid #d7c3c5;
}
#htContent .news-single-timedata {
   font-family: "Times New Roman";
   font-size: 120%;
   font-style: italic;
   color: #852949;
   margin-bottom: 0;
}
#htContent .news-single-item h4 {
   font-family: "Times New Roman";
   font-size: 150%;
   font-weight: normal;
   color: #852949;
   padding-bottom: 14px;
   border-bottom: 1px dashed #d7c3c5;
   margin-bottom: 14px;
}
#htContent .news-single-item h5 {
   font-weight: bold;
   margin-bottom: 7px;
}
#htContent .news-single-category {
   font-family: "Times New Roman";
   font-size: 120%;
   font-style: italic;
   margin-bottom: 0;
}
#htContent .news-single-img {
   float: right;
}
#htContent .news-single-img img {
   margin: 0 0 5px 20px;
}
#htContent .news-single-imgcaption {
   font-family: "Times New Roman";
   font-size: 100%;
   font-style: italic;
   font-weight: normal;
   line-height: 1.15;
   padding: 3px;
   margin-left: 20px;
}
#htContent .news-single-item ul {
   margin: 1em;
}
#htContent .news-single-item ul li {
   margin: 0 0 0.5em 0.5em;
}
#htContent .news-single-backlink {
   clear: both;
   padding-top: 14px;
   border-top: 1px dashed #d7c3c5;
   margin-top: 14px;
}

/* ------------------------------------------------------------------------------------------------
   Part 5 : PAGE SPECIFIC WEBSITE STYLING & LAYOUT
   --------------------------------------------------------------------------------------------- */
   
/* HOME PAGE ----------------------------------------------------------------------------------- */
body#WBK-home #t3Logo {
   display: none;
}
body#WBK-home #htSideNavigation {
   margin-top: 158px;
}
body#WBK-home #htPageHeader {
   height: 451px;
}
body#WBK-home #htContent {
   padding: 40px;
}
body#WBK-home #htContent h2,
body#WBK-home #htContent h3 {
   display: none;
}
body#WBK-home #htContent .t3ContentBox {
   margin-top: 0;
}
body#WBK-home #htContent .csc-textpic-imagewrap {
   margin-left: 50px;
   margin-bottom: 10px;
}
body#WBK-home #htContent .csc-textpic-text {
   margin-left: 53px;
}
body#WBK-home #htContent .csc-textpic-text p {
   font-family: "Times New Roman";
   font-size: 117%;
   font-style: italic;
   font-weight: normal;
}

/* ========================================================================================= EOF */