/*
CSS-Definitionen harrys-saloon.de

(c) 2016 - AuTec Software GmbH

Farben:
- helles beige : 247,238,225
- helles braun : 69,47,24
- dunkles braun: 40,25,11

*/

/* source-sans-pro-regular - latin */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;

  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/*----- Allgemein ---------------------------------------------------------*/
body               {
                     background-color            : rgb(255,255,255);
                     font-family                 : 'Source Sans Pro', sans-serif;
                     font-size                   : 14pt;
                     text-align                  : center;
                     padding                     : 0px;
                     margin                      : 0px;
                     color                       : rgb(40,25,11);
                   }

h1                 {
                     margin                      : 0px;
                     margin-top                  : 0px;
                     margin-bottom               : 20px;
                     font-family                 : 'Source Sans Pro', sans-serif;
                     font-size                   : 24pt;
                     font-weight                 : bold;
                     color                       : rgb(40,25,11);
                   }

h2                 {
                     margin                      : 0px;
                     margin-bottom               : 5px;
                     font-family                 : 'Source Sans Pro', sans-serif;
                     font-size                   : 14pt;
                     font-weight                 : bold;
                     color                       : rgb(40,25,11);
                   }

h5                 {
                     margin                      : 0px;
                     margin-left                 : 76px;
                     margin-right                : 76px;
                     margin-bottom               : 5px;
                     font-family                 : 'Source Sans Pro', sans-serif;
                     font-size                   : 14pt;
                     font-weight                 : bold;
                     color                       : rgb(40,25,11);
                     line-height                 : 41px;
                   }

p                  {
                     font-family                 : 'Source Sans Pro', sans-serif;
                     line-height                 : 22pt;
                     padding                     : 0px;
                     margin                      : 0px;       
                   }

p.small            {
                     font-family                 : 'Source Sans Pro', sans-serif;
                     line-height                 : 14pt;
                     font-size                   : 12pt;
                     padding                     : 0px;
                     margin                      : 0px;       
                   }

ul                 {
                     margin                      : 0px;
                     padding                     : 0px;
                     margin-left                 : 1em;
                   }

img                {
                     border                      : none;
                     margin                      : 0px;
                   }
                


/* Meldungen */
.mld      { color:#00008b;
            background-color : #e6e6fa;
            background-image : url('img/ok.gif');
            background-repeat: no-repeat;
            background-position: 4px 4px;
            font-size                   : 12pt;
            font-weight:bold;
            padding:4px; 
            padding-left:28px; 
            border:1px solid #00008b;
            margin: 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius               : 5px;
          }
          

/* Fehlermeldungen */
.wrn      { color:#FF9E07;
            background-color:#FFFF9E;
            background-image : url('img/flag.gif');
            background-repeat: no-repeat;
            background-position: 4px 4px;
            font-size                   : 12pt;
            font-weight:bold;
            padding:4px; 
            padding-left:28px; 
            border:1px solid #FF9E07;
            margin: 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius               : 5px;
          }

/* Fehlermeldungen */
.err      { color:#8b0000;
            background-color:#fae6e6;
            background-image : url('img/error.gif');
            background-repeat: no-repeat;
            background-position: 4px 4px;
            font-size                   : 12pt;
            font-weight:bold;
            padding:4px; 
            padding-left:28px; 
            border:1px solid #8b0000;
            margin: 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius               : 5px;
          }


.merr     {
            background-color : #FFCCCC;
          }
                                                         
/*----- Form --------------------------------------------------------------*/

label,
input              {
                     margin                      : 0px;
                     padding                     : 2px;
                     background-color            : rgb(247,238,225);
                     line-height                 : 14pt;
                   }

.fline             {
                     width                       : 95%;
                     margin                      : 2px;
                     padding                     : 3px;
                     background-color            : rgb(247,238,225);
                     line-height                 : 20pt;
                     vertical-align              : middle;
                     height                      : auto;
                   }


label              {
                     width                       : 25%;
                     color                       : rgb(69,47,24);
                   }

input[type=text]   {
                     width                       : 70%;
                     font-family                 : 'Source Sans Pro', sans-serif;
                     font-size                   : 12pt;
                     border                      : 1px solid black;
                     float:right;
                   }
                   
input[type=submit] {
                     border                      : 1px solid black;
                     border-width                : 1px;
                     border-style                : outset;
                   }

input[type=submit]:active
                   {
                     border-style                : inset;
                   }

textarea           {
                     margin                      : 0px;
                     padding                     : 5px;
                     border                      : 1px solid black;
                     background-color            : rgb(247,238,225);
                     font-family                 : 'Source Sans Pro', sans-serif;
                     font-size                   : 12pt;
                     line-height                 : 14pt;
                     color                       : rgb(40,25,11);
                     width                       : 95%;
                   }

div#fleft  { float: left;  width:100%; max-width: 400px; }
div#fright { float: right; width:100%; max-width: 400px; }



/*----- Layouts -----------------------------------------------------------*/
          
div#xxx           {
                     width                       : 100%;
                     height                      : 112px;
                     overflow                    : hidden;
                     position                    : fixed; 
                     z-index                     : 1;
                     background-color            : rgb(40,25,11);
                     opacity                     : 0.5;
                   }

div#bho           {
                     width                       : 100%;
                     height                      : 112px;
                     overflow                    : hidden;
                     top                         : 0;
                     position                    : fixed; 
                     z-index                     : 2;
                   }

div#bhi           {
                     max-width                   : 890px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     overflow                    : hidden;
                     color                       : white;
                   }

div#bco           {
                     width                       : 100%;
                     height                      : auto;
                     background-color            : white;
                     overflow                    : hidden;
                   }

div#bci           {
                     max-width                   : 890px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     overflow                    : hidden;
                  }

div#bmo           {
                     width                       : 100%;
                     height                      : auto;
                     background-color            : rgb(247,238,225);
                     overflow                    : hidden;
                   }

div#bmi           {
                     max-width                   : 890px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     overflow                    : hidden;
                  }

div#bki           {
                     max-width                   : 890px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     overflow                    : hidden;
                   }

div#bko           {
                     width                       : 100%;
                     background-image            : url('img/footer.jpg');
                     background-size             : auto;
                     background-repeat           : no-repeat;  
                     margin-left                 : auto;
                     margin-right                : auto;
                     overflow                    : hidden;
                     color                       : white;
                   }

div#bii           {
                     max-width                   : 890px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     overflow                    : hidden;
                   }

div#bio           {
                     width                       : 100%;
                     background-color            : rgb(69,47,24);
                     overflow                    : hidden;
                     color                       : rgb(247,238,225);
                   }
div#bfi           {
                     max-width                   : 890px;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     overflow                    : hidden;
                     text-align                  : center;
                     color                       : white;
                   }

div#bfi A:link,
div#bfi A:visited,
div#bfi A:hover,
div#bfi A:active   {
                     text-decoration             : none
                     color                       : transparent;
                     background-color            : transparent;
                   }

div#bfo           {
                     width                       : 100%;
                     height                      : auto;
                     background-color            : rgb(40,25,11);
                     overflow                    : hidden;
                   }


div#iimg,
div#ikon,
div#imen          {
                     max-width                   : 250px;
                     width                       : 100%;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     margin-top                  : 10px;
                     margin-bottom               : 10px;
                     padding                     : 0px;
                     overflow                    : hidden;
                     float                       : left;
                     text-align                  : left;
                   }

.clear             { clear                       : both; }


div#menud          {
                     display   : block;
                     margin-top: 20px;
                   }

div#menum          {
                     display         : none;
                     margin-top      : 58px;
                     z-index         : 99;
                     background-color: rgb(40,25,11);
                     padding-bottom  : 3px;
                   }

/*----- Bilderstrecken ----------------------------------------------------*/

.thumb             {
                     width                       : 25%;
                     margin                      : 2px;
                   }

div#picwin         {
                     display                     : none;
                     position                    : absolute;
                     position                    : fixed;
                     top                         : 50%;
                     -webkit-transform           : translateY(-50%);
                     -ms-transform               : translateY(-50%);
                     transform                   : translateY(-50%);
                     left                        : 0px; 
                     width                       : 90%;
                     max-width                   : 600px;
                     text-align                  : center;
                     background-color            : white;
                     background-color            : rgb(247,238,225);
                     color                       : rgb(40,25,11);
                     text-align                  : center;
                     border                      : 1px solid rgb(40,25,11);
                     -webkit-border-radius       : 15px;
                     -moz-border-radius          : 15px;
                     border-radius               : 15px;
                     overflow                    : hidden;
                     margin-left                 : auto;
                     margin-right                : auto;
                     z-index: 99;
                   }

div#picui          {
                     background-color            : rgb(69,47,24);
                     padding                     : 2px;
                     color                       : white;
                     font-weight                 : bold;
                     margin-bottom               : 5px;
                     vertical-align              : middle;
                     height                      : 40px;
                   }

div#picbox         {
                     margin-bottom               : 5px;
                     vertical-align              : middle;
                   }

div#pictit         {
                     text-align                  : center;
                     line-height                 : 28px;
                   }

div#picinfo        {
                     
                   }

img#winpic         {
                     width                       : 80%;
                   }

img.navpic         {
                     width                       : 40px;
                   }

/*----- Gästebuchausgabe -------------------------------------------------*/

div#gbwin         {
                     display                     : block;
                     width                       : 90%;
                     text-align                  : center;
                     background-color            : white;
                     background-color            : rgb(247,238,225);
                     color                       : rgb(40,25,11);
                     text-align                  : center;
                     border                      : 1px solid rgb(40,25,11);
                     -webkit-border-radius       : 15px;
                     -moz-border-radius          : 15px;
                     border-radius               : 15px;
                     overflow                    : hidden;
                     margin-left                 : auto;
                     margin-right                : auto;
                   }

div#gbui          {
                     background-color            : rgb(69,47,24);
                     padding                     : 2px;
                     color                       : white;
                     font-weight                 : bold;
                     margin-bottom               : 5px;
                     vertical-align              : middle;
                     height                      : 40px;
                   }

/*----- Vorschlag --------------------------------------------------------*/

div.xyz0          {
                     width                       : 95%;
                     max-width                   : 400px;
                     min-height                  : 250px;
                     height                      : auto;
                     overflow                    : hidden;
                     background-color            : rgb(247,238,225);
                     color                       : rgb(40,25,11);
                     text-align                  : center;
                     border                      : 1px solid rgb(40,25,11);
                     -webkit-border-radius: 25px;
                     -moz-border-radius: 25px;
                     border-radius               : 25px;
                     float                       : left;
                     margin                      : 5px;
                  }

div.xyz1          {
                     width                       : 95%;
                     max-width                   : 400px;
                     min-height                  : 250px;
                     height                      : auto;
                     overflow                    : hidden;
                     background-color            : rgb(247,238,225);
                     color                       : rgb(40,25,11);
                     text-align                  : center;
                     border                      : 1px solid rgb(40,25,11);
                     -webkit-border-radius       : 15px;
                     -moz-border-radius          : 15px;
                     border-radius               : 15px;
                     float                       : right;
                     margin                      : 5px;
                  }
                  
  div.xyz_r {margin-left: auto; margin-right: auto; height: auto; width: 830px;}

div.hxyz          {
                     width                       : 100%;
                     height                      : auto;
                     overflow                    : hidden;
                     background-color            : rgb(40,25,11);
                     color                       : white;
                  }

div.ixyz          {
                     width                       : 90%;
                     height                      : auto;
                     overflow                    : hidden;
                     text-align: left;
                     padding:10px;
                  }
                  
p.preis           {
                    padding-top : 5px;
                    padding-left: 18px;
                    font-weight: bold;
                  }
hr.break          {
                     height: 0px;
                     overflow: hidden;
                     border:none;
                     margin:0px;
                     clear: both;
                  }

/*-------------------------------------------------------------------------*/
/* Wunschmenü                                                              */
/*-------------------------------------------------------------------------*/

hr.sh_seperator    {
                     max-width                   : 600px;
                     width                       : 100%;
                     height                      : 2px;
                     margin                      : 0px;
                     margin-left                 : auto;
                     margin-right                : auto;
                     padding                     : 0px;
                     border                      : none;
                     background-color            : rgb(40,25,11);
                   }



div.sh_container   {
                     max-width                   : 600px;
                     width                       : 100%;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     margin-top                  : 5px;
                     margin-bottom               : 5px;
                   }


div.sh_container A:link,
div.sh_container A:visited,
div.sh_container A:hover,
div.sh_container A:active    {
                               text-decoration             : none;
                               background-color            : white;
                             }


div.sh_box_title   {
                     display                     : block;
                     height                      : 50px;
                     overflow                    : hidden;
                     vertical-align              : middle;
                   }

div.sh_list        {
                     display                     : block;
                     height                      : 0px;
                     overflow                    : hidden;
                     text-align                  : center;
                   }

img.img_ri         {
                     width                       : 76px;
                     height                      : 41px;
                   }

img.img_le         {
                     width                       : 76px;
                     height                      : 41px;
                   }

div#sh_cart        {
                     max-width                   : 600px;
                     width                       : 95%;
                     height                      : auto;
                     margin-left                 : auto;
                     margin-right                : auto;
                     margin-top                  : 5px;
                     margin-bottom               : 5px;
                     padding-bottom              : 5px;
                     background-color            : rgb(247,238,225);
                     border                      : 1px solid rgb(40,25,11);
                     -webkit-border-radius       : 15px;
                     -moz-border-radius          : 15px;
                     border-radius               : 15px;
                     overflow:hidden;
                   }

div#sh_cart .fline { text-align: left; clear:both; margin-left: 10px;}


div#sh_cart label            {
                               width                       : 48%;
                               display                     : block;
                               float                       : left
                             }
                   
div#sh_cart input[type=text] {
                               width                       : 48%;
                               border                      : 1px solid black;
                               float                       : none;
                               
                             }

div#sh_cart input[type=radio]{
                               margin-left                 : 10px;
                             }

div#sh_cart select           {
                               border                      : 1px solid black;
                               background-color            : rgb(247,238,225);
                             }

div#sh_cart textarea         {
                               margin                      : 0px;
                               padding                     : 5px;
                               border                      : 1px solid black;
                               background-color            : rgb(247,238,225);
                               width                       : 45%;
                              }

div.sh_article                { 
                                width                      : 80%;
                                text-align                 : center; 
                                padding                    : 5px;
                              }
                              
div.sh_check                  {
                                float                      : right;
                                width                      : 10%;
                                padding                    : 5px;
                                width                      : 10%;
                                font-size                  : 40px;
                              }

p.sh_article                  {
                                line-height                 : 16px;
                                font-weight                 : bold;
                                margin-left                 : auto;
                                margin-right                : auto;
                                margin-top                  : 10px;
                                margin-bottom               : 10px;
                                width                       : 80%;
                              }


p.sh_description              {
                                font-size                   : 10pt;
                                line-height                 : 14pt;
                                margin-left                 : auto;
                                margin-right                : auto;
                                margin-bottom               : 4px;
                                width                       : 80%;
                              }

.sh_delete                    { color:red; }
.sh_even                      { background-color : rgb(247,238,225); overflow:hidden; }
.sh_odd                       { background-color : rgb(255,255,255); overflow:hidden; }

/*----- Image ---- --------------------------------------------------------*/

img#img_head       { width : 100% }

img.img_menu                  {
                                width                       : 100%;
                                margin-top                  : 20px;
                              }

/*----- Links -------------------------------------------------------------*/

div.imenu         {
                     width                       : 435px;
                     height                      : auto;
                     overflow                    : hidden;
                     background-color            : rgb(40,25,11);
                     color                       : white;
                     float                       : left;
                     margin                      : 5px;
                   }

div.imenu.p        {
                     text-align                  : center;
                     font-weight                 : bold;
                     color                       : white;                    
                   }

.toggle            {
                     display: none;
                   }

.m_footer          {
                     font-size                   : 12pt;
                   }

.ilink             { 
                     color                       : white;
                     font-weight                 : bold;
                     cursor                      : pointer;
                     text-decoration             : none;
                   }         

A:link,
A:visited          {
                     color                       : white;
                     text-decoration             : none;
                   }
                   
A:hover,
A:active           {
                     color                       : rgb(40,25,11);
                     background-color            : rgb(247,238,225);
                   }

A:link.menu_a,
A:visited.menu_a           {
                     color                       : rgb(40,25,11);
                     background-color            : rgb(247,238,225);
                   }

#cookiebox         {
                     display                     : block;
                     z-index                     : 1;
                     position                    : fixed;
                     bottom                      : 0px;
                     min-height                  : 30px;
                     padding                     : 5px;
                     margin                      : 0;
                     width                       : 100%;
                     color                       : white;
                     background-color            : rgba(40,25,11,0.5);
                   }

/***************************************************************************/
@media only screen and (max-width : 890px)
{
  div#bmi                    { text-align                  : center; }

  div.imenu                  {
                               width                       : 90%;
                               max-width                   : 435px;
                               float                       : none;
                               margin-left                 : auto;
                               margin-right                : auto;
                             }
 
  div.xyz0                   {

                               width                       : 90%;
                               float                       : none;
                               margin-left                 : auto;
                               margin-right                : auto;
                             }

  div.xyz1                   {

                               width                       : 90%;
                               float                       : none;
                               margin-left                 : auto;
                               margin-right                : auto;
                             }
					    

  div.xyz_r                  { width                       : 90%;}
					    
  div#iimg,				    
  div#ikon,				    
  div#imen                   {
                               width                       : 100%;
                               margin-bottom               : 5px;
                               float                       : none;
                             }

  div#iimg                   { text-align                  : center; }

  div#imen                   { 
                               border-top                  : 1px solid white;
                               margin-top                  : 15px;
                               padding-top                 : 15px;
                             }		   

  div#fleft                  { float                       : none; }
  div#fright                 { float                       : none; }

  hr.break                   { display                     : none }
}

/***************************************************************************/
@media only screen and (max-width : 820px)    /* 767 */
{
  h1                         {
                               margin-bottom               : 14px;
                               font-size                   : 18pt;
                             }

  div#xxx                    {
                               height                      : 58px;
                               opacity                     : 1;
                             }

  img#img_mbutton            {
                               display                     :block;
                             }

  .toggle                    {
                               display                     : block;
                               float                       : right;
                             }

  div#bho                    {
                               height                      : auto;
                             }
 
  div#menud                  {
                               display                     : none;
                             }
                             
  img#img_head               { margin-top                  : 58px; }
  img#img_men                { 
                               height                      : 58px;
                               float                       : right;
                               margin-top                  : 0px;
                             }

  .mainm                     {
                               display                     : block;
                               z-index                     : 1;
                             }
  
  .sepm                      { display                     : none;}
    
  div#sh_cart .fline         {
                               font-size                   : 10pt;
                             }
  div#sh_cart label          {
                               font-size                   : 10pt;
                             }   
  div#sh_cart input[type=text]  
                             {
                               font-size                   : 10pt;
                             }

  div#sh_cart textarea       {
                               font-size                   : 10pt;
                               line-height                 : 12pt;
                             }
}

/***************************************************************************/

@media only screen and (min-width: 1280px)
{
  div#bko                    { background-size             : 100%; }
}