/* CSS-Definitionen Tisso-Online-Bestellmöglichkeit */
/*
   Farbschema:
   Hintergrund        - rgb(254,239,136)
                      - rgb(0,51,153)
   Überschriften grau - rgb(158,167,174)
   Menü hellgelb      - rgb(253,234,154)
   Menü dklgelb       - rgb(250,205,0)
   petrol             - rgb(86,146,144)
*/

body               {
                     font-family       : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size         : 11px; 
                     background-color  : rgb(254,239,136);
                     background-image  : none;
                     margin            : 0px;
                     text-align        : center;
                   } 

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

p                  { 
                     font-size         : 11px;
                   }


/* Titelzeile Kopf */
h1                 {
                     font-size         : 24px;
                     color             : rgb(158,167,174);
                     margin            : 0px;
                     padding-top       : 40px;
                   }

/* Zwischenüberschriften Bestellformular */
h2                 {
                     font-size         : 18px;
                     color             : rgb(158,167,174);
                     margin-top        : 10px;
                     margin-bottom     : 10px;
                   }

/* Überschriften petrol hinterlegt */
h3                 {
                     font-size         : 12px;
                     color             : rgb(255,255,255);
                     background-color  : rgb(86,146,144);
                     padding           : 3px;
                     margin            : 0px;
                   }


/* Tabelle Bestellformular */

table.form         {
                     border            : 2px solid black;
                     border-collapse   : collapse;
                   }

th                 {
                     font-family       : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size         : 11px; 
                     color             : rgb(255,255,255);
                     background-color  : rgb(86,146,144);
                   } 

td                 {
                     font-family       : Verdana,Tahoma,Arial,Helvetica,Sans-serif;
                     font-size         : 11px;
                   } 

/* Spaltenformate Bestellformular */

.produkt           {
                     width             : 195px;
                     font-weight       : bold;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }
.produkt2          {
                     width             : 300px;
                     font-weight       : bold;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }
.inhalt            {
                     width             : 50px; 
                     text-align        : center;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }
.menge             { 
                     width             : 55px; 
                     text-align        : right;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }

.info              {
                     width             : 20px;
                     text-align        : middle;
                     border-left       : none;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }
.preis             {
                     width             : 100px;
                     text-align        : right;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }

.vorzug            {
                     width             : 100px;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }

.space             {
                     width             : 420px;
                     border-left       : 1px solid black;
                     border-top        : 1px solid black;
                     border-right      : none;
                     border-bottom     : none;
                   }

.trenner           {
                     width             : 2px;
                     border-right      : 2px solid black;
                     border-left       : 2px solid black;
                     border-top        : 1px solid white;
                     border-bottom     : 1px solid white;
                     background-color  : white;
                   }
/*                   
                     border-top        : 1px solid rgb(86,146,144);
                     border-bottom     : 1px solid rgb(86,146,144);
                     background-color  : rgb(86,146,144);

*/
/* Textformatierungen */

.frage             {
                     font-size         : 13px;
                     font-weight       : bold;
                     color             : rgb(158,167,174);
                   }
                   
.error             {
                     margin-top        : 0px;
                     margin-bottom     : 0px;
                     margin-left       : 16px;
                     margin-right      : 16px;
                     padding           : 3px;
                     font-size         : 12px;
                     font-weight       : bold;
                     line-height       : 18px;
                     border            : 2px solid rgb(255,0,0);
                     color             : rgb(255,0,0);
                   }  

.errtit            {
                     margin-top        : 10px;
                     margin-bottom     : 0px;
                     margin-left       : 16px;
                     margin-right      : 16px;
                     padding           : 3px;
                     text-align        : center;
                     font-size         : 12px;
                     font-weight       : bold;
                     line-height       : 18px;
                     color             : rgb(255,0,0);
                   }  
                   

input              {
                     margin            : 0px;
                   }

.ralign            {
                     text-align        : right;
                   }

.button            {
                     width             : 100px;
                     height            : 30px;
                     overflow          : hidden;
                     color             : rgb(158,167,174);
                     border            : 1px solid rgb(158,167,174);
                     cursor            : pointer;
                     font-size         : 12px;
                     font-weight       : bold;
                     line-height       : 30px;
                     text-align        : center;
                   }

.vspace            {
                     margin            : 0px;
                     line-height       : 10px;
                   }

.hinweis           {
                     font-size         : 10px;
                     color             : rgb(86,146,144);
                   }

/*---------------------------------------------------------------------------*/

#container         {
                     width             : 754px;
                     background-color  : rgb(255,255,255);
                     margin-left       : auto;
                     margin-right      : auto;
                     text-align        : left;
                     overflow          : hidden;
                   }

#head              {
                     width             : 754px;
                     height            : 164px;
                     background-color  : rgb(255,255,255);
                     margin            : 0px;
                     background-image  : url(/img/bgi_head.jpg);
                     overflow          : hidden;
                   }
#body              {
                     width             : 754px;
                     background-color  : rgb(255,255,255);
                     margin            : 0px;
                     background-image  : url(/img/bgi_body.jpg);
                     overflow          : hidden;
                   }

#foot              {
                     width             : 754px;
                     height            : 34px;
                     background-color  : rgb(255,255,255);
                     margin            : 0px;
                     background-image  : url(/img/bgi_foot.jpg);
                     overflow          : hidden;
                   }

#formular          {
                     background-color  : transparent;
                     margin-top        : 10px;
                     margin-bottom     : 10px;
                     margin-left       : 16px;
                     margin-right      : 16px;
                     height            : auto;
                     width             : 720px;
                     overflow        : hidden;
                   }                   

#error             {
                     width             : 754px;
                     margin            : 0px;
                     background-color  : transparent;
                     background-image  : url(/img/bgi_body.jpg);
                     overflow          : hidden;
                   }     

/*---------------------------------------------------------------------------*/
/* Fragen und Antworten                                                      */
/*---------------------------------------------------------------------------*/

#WA01,
#WA04,
#WA05,
#WA99,
#FAQ,
#FAQKP,
#IMPRESS,
#VKOSTEN,
#VORZUG            {
                     width             : 500px;
                     position          : absolute;
                     top               : 0px;
                     left              : 0px;
                     overflow          : hidden;
                     background-color  : rgb(255,255,255);
                     border            : 3px solid rgb(158,167,174);
                     text-align        : left;
                     display           : none;
                   }

                   
#WA01 p,
#WA04 p,
#WA05 p,
#WA99 p,
#FAQ p,
#FAQKP p,  
#IMPRESS p,
#VKOSTEN p,
#VORZUG p         {       
                     padding-left      : 3px;
                     padding-right     : 3px;
                   }

form div           {
                     clear                       : left;
                     margin                      : 0px;
                     padding                     : 0px;
                   }

form div label     {
                     float                       : left;
                     width                       : 150px;
                     text-align                  : right;
                     line-height                 : 20px;
                     padding-right               : 5px;
                   }