/*==========================================================================*/
/* Live-Portal.de, Copyright (c) 2003-2008 Patrick Simon                    */
/*==========================================================================*/

/* FireFox: bug, center page and page elements */
#idPage                     { margin:0px; padding:0px; margin-left:auto; margin-right:auto; width: 46.9em; } /* ff center */
#idPageFooter               { margin:0px; padding:0px; margin-left:auto; margin-right:auto; width: 46.9em; } /* ff center */
#idFooterM5                 { margin:0px; padding:0px; margin-left:auto; margin-right:auto; width: 46.9em; } /* ff center */
#idFooterText               { margin:0px; padding:0px; margin-left:auto; margin-right:auto; width: 46.9em; } /* ff center */

/* Common */
body                        { overflow-y: scroll; margin:0px 0px 0px 0px; padding:0px; }
body                        { font-family:Verdana, Arial, Geneva, sans-serif; font-size:14px; }
td,span                     { font-family:Verdana, Arial, Geneva, sans-serif; font-size:14px; }
pre                     { font-family:Verdana, Arial, Geneva, sans-serif; font-size:12px; }

/* Advertising */
#idAdv                      { width:900px; text-align:center; height: 70px; }

/* Page */
#idPage                     { width:952px; overflow:hidden; }
  #idPageHeader             { width:100%;  min-height:154px; }
    #idLogo                 { position:relative; left:6px; top:68px; width:221px; height:111px; float:left; }
    #idSlogan               { position:relative; left:9px; top:6px; width:716px; height:154px; float:left; }
    #idSpacer               {  }
    #idSearchBar            { width:952px; min-height: 28px; float:left; line-height:16px; }
    #idM1                   { width:936px; min-height: 28px; float:left; padding-left:8px; padding-right:8px; }
  #idPageContent            { width:952px; min-height:150px; float:left; }
    #idM2M3                 { width:220px;               float:left; padding-left:6px; padding-top:0px; padding-bottom:20px; }
    #idM4                   { width:510px;               float:left; margin-left:10px; }
    #idContent              { width:514px;               float:left; margin-left:10px; }
    #idContentSmall         { width:370px;               float:left; }
    #idNews                 { width:194px;               float:left; margin-left: 4px; }

#idPageFooter               { width:952px; height: 40px; }
  #idFooterM5               { width:100%;  text-align:center; position:relative; top:50px; }
  #idFooterM5 a:link        { text-decoration:underline; font-weight:normal;}
  #idFooterM5 a:visited     { text-decoration:underline; font-weight:normal; }
  #idFooterM5 a:hover       { text-decoration:underline; font-weight:normal; }
  #idFooterM5 a:active      { text-decoration:underline; font-weight:normal; }
  #idFooterText             { width:100%; text-align:center; }
  #idFooterText a:link      { text-decoration:underline; font-weight:normal; }
  #idFooterText a:visited   { text-decoration:underline; font-weight:normal; }
  #idFooterText a:hover     { text-decoration:underline; font-weight:normal; }
  #idFooterText a:active    { text-decoration:underline; font-weight:normal; }

/* Logo and Branding */
.innerLogo                  {  }
.innerBranding              { /*padding-left:20px; */}

/* Searchbar: Search, Sitemap, Contact */
.innerSearchbar             { border:0px solid red;     float:right; padding-top:5px; padding-right:10px; }
  .iSbSearch1               { border:0px solid cyan;    float:left;  width:160px; }
  .iSbSearch1Input          { border:0px solid green;                width:100px; }
  .iSbSearch2               { border:0px solid yellow;  float:left;  width: 25px; }
  .iSbSearch2Button         { border:0px solid blue;    float:left;  width: 25px; height: 20px; }
  .iSbSitemap               { border:0px solid silver;  float:left;  width:120px; text-align:center; }
  .iSbContact               { border:0px solid magenta; float:left;  width:120px; text-align:center; }
  a.iSbLink:link            {  } 
  a.iSbLink:visited         {  } 
  a.iSbLink:active          {  } 
  a.iSbLink:hover           {  } 

/* Debug */
#idPageHeader   { border: 0px solid red; }
#idLogo         { border: 0px solid red; }
#idSlogan       { border: 0px solid red; }
#idSearchBar    { border: 0px solid red; }
#idM1           { border: 0px solid red; }
#idPageContent  { border: 0px solid red; }
#idM2M3         { border: 0px solid red; }
#idM4           { border: 0px solid red; }
#idContent      { border: 0px solid red; }
#idContentSmall { border: 0px solid red; }
#idPageFooter   { border: 0px solid red; }

/* m1 Menuebar */
.innerM1                    { padding-top:3px; }
  .iM1Of                    { float:left; display:block; /*width:140px;*/  }
  .iM1On                    { float:left; display:block; /*width:140px;*/ }
  .iM1Of a                  { float:left; display:block; width:100%; height:100%; text-decoration:none; }
  .iM1On a                  { float:left; display:block; width:100%; height:100%; text-decoration:none; }
  .iM1Of a:hover            {  }
  .iM1On a:hover            {  }
  .iM1Of span               { line-height: 20px; margin-left:15px; margin-right:15px;}
  .iM1On span               { line-height: 20px; margin-left:15px; margin-right:15px;}

/* m4 Menuebar (shown in Content area, only structure 5) */
.innerM4                    { padding-left:20px; padding-right:20px; }
  .iM4Of                    { float:left; display:block; width:150px; margin-top:0px; }
  .iM4On                    { float:left; display:block; width:150px; margin-top:0px; }
  .iM4Of a                  { float:left; display:block; width:100%; height:100%; text-decoration:none; }
  .iM4On a                  { float:left; display:block; width:100%; height:100%; text-decoration:none; }
  .iM4Of a:hover            {  }
  .iM4On a:hover            {  }
  .iM4Of span               { line-height: 20px; margin-left:15px; }
  .iM4On span               { line-height: 20px; margin-left:15px; }

/* m2m3 Menuebar */
.innerM2M3Top               { height:16px; width:228px; }
.innerM2M3Buttom            { height:16px; width:220px; }
.innerM2M3                  { min-height:300px; line-height:200px; }
  .iM2M3Title               {  } 
  .iM2M3SubTitle            {  } 
  .iM2M3Of                  { display:block; padding-left:10px; /* +++ */ }
  .iM2M3On                  { display:block; }
  .iM2M3Of a                { display:block; height:100%; width:100%; text-decoration:none; }
  .iM2M3On a                { display:block; height:100%; width:100%; text-decoration:none; }
  .iM2M3Of a:hover          { text-decoration:none; }
  .iM2M3On a:hover          { text-decoration:none; }
  .iM2M3Of span             { line-height: 25px; text-decoration:none;  } /* FF underline hack */
  .iM2M3On span             { line-height: 25px; text-decoration:none;  } /* FF underline hack */
  .iM2M3Ueb                 {                    display:block; }
  .iM2M3Ueb span            { line-height: 25px; display:block; }
  .iM2M3UliOf               { display:block; }
  .iM2M3UliOn               { display:block; }
  .iM2M3UliOf a             { display:block; height:100%; width:100%; text-decoration:none; }
  .iM2M3UliOn a             { display:block; height:100%; width:100%; text-decoration:none; }
  .iM2M3UliOf a:hover       {  }
  .iM2M3UliOn a:hover       {  }
  .iM2M3UliOf span          { line-height: 25px; padding:0px 0px; font-weight:bold; }
  .iM2M3UliOn span          { line-height: 25px; padding:0px 0px; font-weight:bold; }
  .iM2M3Empty               { line-height: 13px;  }

/* Content: Content, Sitemap, Search */
.innerContent               { padding-left:20px; padding-right:20px; /*margin-top:-15px;*/ } /* 1px bug IE */
  hr.line_top               { width:100%; margin-top:-10px; border-top:1px }
  hr.line_bottom            { width:100%; margin-top:-10px; border-top:1px }
  h1.headline               { font-size:16pt; }
  h2.headline               { font-size:13pt; }
  h2.space                  { font-size:14pt; }
  h3.headline               { font-size:12pt; }
  .innerContent a:link      { text-decoration:underline; font-weight:normal; }
  .innerContent a:visited   { text-decoration:underline; font-weight:normal; }
  .innerContent a:hover     { text-decoration:underline; font-weight:normal; }
  .innerContent a:active    { text-decoration:underline; font-weight:normal; }
  .innerContent li_1        {  }
  .innerContent li          {  }
  .NormFont                 { font-weight:normal; }
  .BoldFont                 { font-weight:bold;   }
  .SmallFont                { font-weight:normal; font-size: 8pt; }
  .ErrFont                  { font-weight:bold; color:red; }
  span.SiteMap_1            { padding-left:20px; display:block; height:22px; font-weight:normal; }
  span.SiteMap_2            { padding-left:40px; display:block; height:22px; font-weight:normal; }
  span.SiteMap_3            { padding-left:60px; display:block; height:22px; font-weight:normal; }
  span.SearchCenter         { display:block; height:22px; text-align:center; }
  span.SearchMsgCenter      { display:block; padding-top:20px; font-weight:bold; text-align:center; }
  .SeaInpSearch             { width:160px; }
  .SeaSubBtn                { width:100px; font-weight:bold; }
  table.SearchHg            {              width:90%; border-spacing:0px; }
  td.SearchHeader           { height:28px;            text-align:center; font-weight:bold; }
  td.SearchBottom           { height:24px;            text-align:center; font-weight:normal; }
  td.SearchRows1            { height:20px; width:10%; text-align:center; }
  td.SearchRows2            { height:20px; width:90%; }

/* Backbar: Back, Top, Print */
.innerBackBar               { text-align:right; }
  .iBBTop                   { float:right; display:block; height:23px; width:23px; margin-right:5px; }
  .iBBTop a                 { float:right; display:block; height:100%; width:100%; }
  .iBBTop a:hover           {  }
  .iBBBack_de               { float:right; display:block; height:23px; width:23px; margin-right:5px; }
  .iBBBack                  { float:right; display:block; height:23px; width:23px; margin-right:5px; }
  .iBBBack  a               { float:right; display:block; height:100%; width:100%; }
  .iBBBack  a:hover         {  }
  .iBBPrint                 { float:right; display:block; height:23px; width:23px; }
  .iBBPrint a               { float:right; display:block; height:100%; width:100%; }
  .iBBPrint a:hover         {  }

/* News */
.innerNews                  { width:192px; padding-top:15px; }
  .innerNews a:link         {  }
  .innerNews a:visited      {  }
  .innerNews a:hover        {  }
  .innerNews a:active       {  }
  .innerNews ul             {  }
  .innerNews li             {  }
  .iNewsTitle               { height:23px; padding:3px 5px 0px 5px; }
  .iNewsText                { line-height:17px;             padding-left:5px; padding-top:2px; padding-bottom:2px;}
  .iNewsFooter              { height:8px; padding-left:5px; }
  .iNewsInput               {  }
  .iNewsButton              {  }
  
/* Speisekarte */
.tabSpeise                  { width:100%; }
.trSpeise                   {  }
.tdSpeise1                  { width:10px;  }
.tdSpeise2                  { width:300px; }
.tdSpeise3                  { width:40px; }
  
  

/* --------------------------------------------- */
/* Additional Styles                             */
/* --------------------------------------------- */

/* Container */
.ContContact                { width:100%; height:400px; }
.ContCol_1                  { float:left; display:block; height: 22px; width:140px; padding-left: 0px; text-align:right; }
.ContCol_1_Mandatory        { float:left; display:block; height: 22px; width:140px; padding-left: 0px; text-align:right; }
.ContCol_2                  { float:left; display:block; height: 22px; width:320px; padding-left:10px; } 
.ContCol_2_ErrMsg           { float:left; display:block; height: 22px; width:420px; padding-left:10px; }
.ContCol_2_Message          { float:left; display:block; height:125px; width:320px; padding-left:10px; } 
.ContCol_2_Captcha          { float:left; display:block; height: 29px; width:320px; padding-left:10px; } 
.ContSpacer                 { display:none; float:left; display:block; height: 1px; width:380px; padding-left: 0px; text-align:center; }
.FormSubmit                 { float:left; display:block;               width:200px; padding-left:10px; }
.MandatoryStar              { font-weight:bold;   font-size:10pt; }
.MandatoryDesc              { font-weight:normal; font-size: 8pt; }
.ErrStyle                   { /* Hard codiert in controller.php */ }

/* Input fields */
.InpCompany                 { width:265px; }
.InpFullName                { width:265px; }
.InpEmail                   { width:265px; }
.InpStreet                  { width:265px; }
.InpZipCode                 { width: 60px; }
.InpCity                    { width:197px; }
.InpTelefon                 { width:265px; }
.InpSubject                 { width:265px; }
.InpMessage                 { width:265px; }
.InpCaptcha                 { width: 65px; }
.FormSubmit                 { width:265px; }

/* Guestbook, same layout for all themes */
.GueContGuestbook           { width:100%; height:280px; }
.GueContainer               { width: 90%; margin:5px auto; display:block; } 
.GueTitle                   { padding:2px; }
.GueFullName                { padding:5px; }
.GueMessage                 { padding:5px; }
.GueComment                 { padding:5px; }
.GueCenterBold              { text-align:center; font-weight: bold; }
.GuePagingCenter            { text-align:center; font-weight: nomal; width:90%; margin:5px auto; }
.GueHrLine                  { height:1px; noshade; }
span.GuePagingOff           { font-weight: bold; }

