body      {
                                  text-align:      center;
          width:      100%;
          height:      100%;
          margin:      0px;
          padding:      0px;
          font-family:      verdana,tahoma,arial,sans-serif;
          background-color:    #dddddd;
          background-image:    url('../image/body.png')


      }
p                      {         margin-bottom: 0px;
                       }

a  {
  text-decoration:    none;
}

#gesamtseite  {
          margin-left:      auto;
          margin-right:      auto;
          width:      960px;
          height:      100%;
          text-align:      left;
          /*background-color:    #FFAAAA;*/
        }

#seite      {         margin-top:      10px;
        /*  margin-left:      auto;*/
         /* margin-right:      auto;*/
          width:        807px;
          height:        auto;
          text-align:      left;
          float:      left;
          /*background-color:    #FFAAAA;*/
        }
        
#seitenfuss    {  clear:  both;
        width:  960px;
        height:  10px;
      }        

#kopf      {         height:      120px;
          background-image:    url('../image/kopf.png');
          background-repeat:          no-repeat;
                                  /*display:block;*/
        }

#rootline a    {     text-decoration:    none;
         /* padding-left:      2px; */
          clear:      both;
          font-family:      Verdana;
          font-size:      11px;
          color:      #FFFFFF;
          display:                      block;
          margin-top:                   4px;
          margin-left:                  3px;
          margin-right:                 2px;  
        }
        

#rootline a:hover    {     
          color:      #ee0000;
  
        }        

#rootline    {     
          clear:      both;
          margin-left:                  2px;
        /*  width:                        400px; */
          height:                       25px;
                                  height:                       auto;
        }
          
#banner      {         margin-top:      0px;
  /*background-image:  url('../image/werbebanner-weihnachten.gif');*/
          height:      auto;
  /*height: 100px;*/
      }
/*        
#bannerkopf    {  text-align:    center;
        height:      20px;
        background-image:  url('../image/banner-kopf.png');
      }
#bannerbody    {  text-align:    center;
        height:      100px;
        background-image:  url('../image/werbebanner-weihnachten.png');
      }        
#bannerfuss    {  text-align:    center;
        height:      20px;
        background-image:  url('../image/banner-fuss.png');
      }        
*/
#inhalt      {         margin-top:      5px;
                  width:      807px;
          height:      auto%;
          float:      left;
        }
#katalog {      height:      auto;
      width:      200px;
          
}        
    

#werbung    {       margin-bottom:    5px;  
        width:      198px;
          height:      auto;
          float:      left;
          text-align:      center;
        }
        
#werbung1 { height: auto;
          
          }        

#werbung-kopf  {                 height:      30px;
          background-image:    url('../image/werbung-kopf.png')
        }

#werbung-titel  {                 margin-top:      10px;
          margin-left:      20px;
          float:      left;
          color:      #FFFFFF;
          font-variant:      small-caps;
          font-family:      Verdana;
          font-size:      11px;
          font-weight:      bold;
        }

#werbung-titel-hot {              margin-top:      10px;
          margin-left:      1px;
          margin-top:                   1px;
                                  float:      left;
          color:      #ff0000;
          font-variant:      small-caps;
          font-family:      Verdana;
          font-size:      11px;
          font-weight:      bold;}


#werbung-body  {                 height:      auto;
          padding:      10px 20px 0px 20px;
          text-align:      left;
          font-family:      Verdana;
          font-size:      11px;
          background-image:    url('../image/werbung-body.png')

        }

#katalog-body  {                 height:      auto;
          padding:      10px 20px 0px 20px;
          text-align:      left;
          font-family:      Verdana;
          font-size:      11px;
          background-image:    url('../image/werbung-body.png')

        }

#katalog-body img  {  border:1px dashed #000080;
      
    }
    
#katalog-body img:hover  {  border:1px dashed #ff0000;
      
    }    



#werbung-body a   {

                              text-decoration:    none;
            color:                    #000088;
                 }



#werbung-fuss  {                 height:      20px;
          margin-bottom:    5px;
          background-image:    url('../image/werbung-fuss.png')
        }

#content    {      margin-left:      14px;
        margin-bottom:      5px;
          width:      593px;
         /* overflow:      auto;*/
         /* height:      600px;*/
         height: auto;
          float:      left;
          /*background-color:  #CCCCFF;*/
        }
        
* html #content {  margin-left:    14px;
    margin-bottom:    10px;
    width:      590px;
    height:       auto;
    float:      left;
}        

#content h1    {  text-align:      left;
        font-family:      Verdana;
        font-size:      18px;  
} 

h1    {  text-align:      left;
        font-family:      Verdana;
        font-size:      18px;  
} 

#content h1 a    {  text-decoration:    none;

}

#dia      {     
          position:      relative;
                                  margin-left:      25px; /*14px*/
          width:      128px;
          height:      100%;
          float:      left;
          text-align:      center;
          background-image:    url('../image/dia.gif');
                 }




#pho { border: 0px none; width: 80px; height:60px; position:absolute;}

#content-kopf  {                 height:        30px;
          background-image:url('../image/content-kopf.png');
          
        }

#content-kopf   a{text-decoration:    none;}
#content-titel  {                 margin-top:      10px;
          margin-left:      20px;
          float:      left;
          color:      #FFFFFF;
          font-variant:      small-caps;
          font-family:      Verdana;
          font-size:      11px;
          font-weight:      bold;
        }


#content-titel-snap  a{       margin-top:      10px;
          margin-left:      20px;
          float:      left;
          color:      #000080;
          font-variant:      small-caps;
          font-family:      Verdana;
          font-size:      13px;
          font-weight:      bold;
        }

#content-body  { /*width:100%;*/

                  box-sizing: border-box;
                }

#content-body  {                 
                                  height:                  auto;
                                  padding:                   15px 20px 1px 20px;  
          font-family:      Verdana;
          font-size:      11px;
                 background-image:url('../image/content-body.png')

        }


#content-body ol{
         padding:15px;
                }

#content-body01  {                 height:                   auto;
                                 padding:                   5px 20px 0px 20px;
  
          


          font-family:      Verdana;
          font-size:      11px;
          background-image:url('../image/content-body.png')

        }

#produkte-text-snap {         float: left;
            width: 55%;
            font-size: 13px;

                              padding:        5px 5px 5px 5px;
 }


#anfragen {
         display:none;
         clear:both;
            float:left;
               }
#ausblenden a{ float:right;
               text-decoration:    none;
               color:#000088;
               }
#ausblenden a:hover{
                color:#ee0000;


                   }

           
               }
#content-body  { /*width:100%;*/
                  box-sizing: border-box;
                  vertical-align:top;
                 /* clear:left;*/
                }

#produkte-text {              float: left;
            width: 55%;
                              vertical-align:top;
           
                           
               }


#produkte-text a{
                              text-decoration:    none;
            color:#000088;
            font-size: 12px;
             }
#produkte-text a:hover{
                        color:#ee0000;
                      }



#produkte-bild{        float: left;
           width: 30%;
                      vertical-align:top;

          }

#produkte-bild a {

                              text-decoration:    none;
            color:#000088;

                  }

#produkte-bild a:hover{
                       color:#ee0000;

                      }






#content-fuss  {                 height:        20px;
          margin-bottom:    0px;
                                  padding-left: 10px;
          background-image:url('../image/content-fuss.png')
        }

#content-fuss a { text-decoration:    none;
                  font-size: 10px;
                  font-family:      Verdana;
                  margin-left:  10px;
                  color: #888888;
                    }

* html #content-fuss  {                 height:        20px;
          margin-bottom:    5px;
          background-image:url('../image/content-fuss.png')
        }

#content-menu  {                 height:        40px;
          margin_top:      0px;
          margin-bottom:    20px;
          padding-right:    12px;
        }

#content-menu-button a  {                         text-decoration:    none;
              text-align:center;
                                                  height:        18px;
              width:        120px;
              margin-right:      6px;
              padding-left:      24px;
              float:        right;
              text-transform:    uppercase;
              font:     bold 11px/16px arial,helvetica,sans-serif;
              color:        #FFFFFF;
              display:        block;
              border-width:      1px;
              border-style:      solid;
              border-color:      #ccc #888 #555 #bbb;
              white-space:      nowrap;
              margin 0;
              padding:        1px 0 1px 6px;
              background:  #000088 url('../image/button-blue.gif');

            }

#content-menu-button a:hover  { background: #000088 url('../image/button-red.gif');

                }



#fuss      {         
                                  clear:        both;
                                  margin-top:auto;
                                  padding-top:      20px;
          height:      50px;
                                  width:        807px;
          background-image:  url('../image/fuss.png');
                      background-repeat:  no-repeat;
          text-align:      center;
          font-family:      Verdana;
          font-size:      10px;
          color:      #888888;
          

        }



#formular    {         border-style:     inset;
          width:        152px;
          border-width:     1px;
          padding-left:     4px;
          padding-right:     4px;
          padding-top:       1px;
          padding-bottom:    1px;
        }

input#formular-button  {                 
            border-style:    inset;
            width:      162px;
            height:      20px;
            margin-top:    5px;
            display:        block;
            border-width:      1px;
            border-style:      solid;
            border-color:      #ccc #888 #555 #bbb;
            white-space:      nowrap;
            padding:        1px 0 1px 0px;
            color:      #FFFFFF;
            font:        bold 11px/16px arial,helvetica,sans-serif;
            text-transform:  uppercase;
            background-image:  url('../image/button-blue.gif');
          }

input#formular-button:hover  {         padding:      0;
            border-style:    inset;
            width:      162px;
            margin-top:    5px;
            border-width:   1px;
            color:      #FFFFFF;
            background-image:  url('../image/button-red.gif');
          }


#weiter    {
             display:            block; 
             width:      70px;
       height:      20px;
             padding-left:    8px;
             padding-top:               3px;
             color:      #FFFFFF;
           /*  text-transform:      uppercase; */
       font:            bold 11px/16px arial,helvetica,sans-serif;
             background-image:  url('../image/button-blue.gif');
}

#weiter:hover    {
             background-image:  url('../image/button-red.gif');
}






#directions  {  /*width:      268px;*/}

 .directions {  background-image:  url('../image/button-gray-aktive.gif');
    /*width:      268px;*/
          text-align:    center;
          color:      #000080;
          font:      bold 11px/16px arial,helvetica,sans-serif;
    display:    block;
    /*border-width:    1px;*/
    /*border-style:    solid;*/
    /*border-color:    #ccc #888 #555 #bbb;*/
    white-space:    nowrap;
    margin       0;
    /*padding:    1px 0 1px 6px;*/
    text-transform:    uppercase;
         }

 input.eingabe-button{ width:      156px;
    padding:    0;
    border-style:    inset;
    height:      20px;
    margin-top:    5px;
    display:    block;
    border-width:    0px;
    border-style:    solid;
    /*border-color:    #ccc #888 #555 #bbb;*/
    white-space:    nowrap;
    /*padding:    1px 0 1px 0px;*/
    color:      #FFFFFF;
    font:      bold 11px/16px arial,helvetica,sans-serif;
    text-transform:    uppercase;
    background-image:  url('../image/button-blue.gif');
          }
 input.eingabe{ width:      156px;
    padding:    0;
    border-style:    inset;
    height:      20px;
    margin-top:    5px;
    display:    block;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    /*padding:    1px 0 1px 0px;*/
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
          }
 input.eingabe-button:hover  { background-image:  url('../image/button-red.gif');
          }

 #locale      { width:      156px;
          }

 img        { color:      #000000;
          }

 #map        { height:      400px;
    margin-top:    15px;
    }


/*CSS for Anfragenformular*/
/*Information von Anfragensformular */
#infomation{
   margin-top:10px;
}
#labels tr{
              font-size:      13px;
              color:#000080;
               }

input.mailform_input{ width:      200px;
    padding:    0;
    border-style:    inset;
    height:      20px;
    margin-top:    5px;
    display:    block;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    padding:    1px 0 1px 0px;
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
          }
textarea.mailform_textarea{ width:      200px;
    padding:    0;
    border-style:    inset;
    height:      80px;
    margin-top:    5px;
    display:    block;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    padding:    1px 0 1px 0px;
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
          }
input.mailform{ width:      200px;
    padding:    0;
    border-style:    inset;
    height:      20px;
    margin-top:    5px;
    display:    block;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    padding:    1px 0 1px 0px;
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
          }


/*CSS for KONTAKTformular*/
input.mf-input{
                float:left;
                width:      230px;
    padding:    0;
    border-style:    inset;
    height:      20px;
    margin-top:    5px;
    display:    compact;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    padding:    1px 0 1px 0px;
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
          margin-left:10px;
               }
textarea.mf-text{

                float:right;
                margin-top:0;
                width:      230px;
    padding:    0;
    border-style:    inset;
    height:      200px;
    margin-top:    5px;
    display:    block;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    padding:    1px 0 1px 0px;
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
                margin-left:10px;
                 }
input.mf-submit{
                float:left;
                width:      230px;
    padding:    0;
    border-style:    inset;
    height:      20px;
    margin-top:    5px;
    display:    block;
    border-width:    1px;
    border-style:    solid;
    border-color:    #555 #bbb #ccc #888  ;
    white-space:    nowrap;
    padding:    1px 0 1px 0px;
    color:      #000080;
    font:      bold 11px/16px arial,helvetica,sans-serif;
          margin-left:10px;
                }


#kontakt {
               font-size:      20px;
               color:#000080;
                font:      bold 11px/16px arial,helvetica,sans-serif;
               margin-left: 100px;
         }
#kontakt tr,td{
         font-size:      20px;
         color:#000080;
         font:      bold 11px/16px arial,helvetica,sans-serif;
         margin-left:100px;
         }



/*CSS for Anmeldeformular*/

#user ,#pass,#email    { border-style:     inset;
          width:        152px;
          border-width:     1px;
          padding-left:     4px;
          padding-right:     4px;
          padding-top:       1px;
          padding-bottom:    1px;
        }

input#formular-buttons  { padding:      0;
            border-style:    inset;
            width:      152px;
            height:      20px;
            margin-top:    5px;
              display:        block;
              border-width:      1px;
              border-style:      solid;
              border-color:      #ccc #888 #555 #bbb;
              white-space:      nowrap;
              padding:        1px 0 1px 0px;
            color:      #FFFFFF;
            font:        bold 11px/16px arial,helvetica,sans-serif;
            text-transform:  uppercase;
            background-image:  url('../image/button-blue.gif');
          }

input#formular-buttons:hover  { padding:      0;
            border-style:    inset;
            width:      152px;
            margin-top:    5px;
            border-width:   1px;
            color:      #FFFFFF;
            background-image:  url('../image/button-red1.gif');
          }


#forget a{text-decoration:    none;
            color:#000088;
            font-size: 11px;}

#forget a:hover{
                        color:#ee0000;
                      }


#status_header{                   color:        #000080;
          font-variant:      small-caps;
          font-family:      Verdana;
          font-size:      15px;
          font-weight:      bold;}

#status_message{
          text-align:      left;
          font-family:      Verdana;
          font-size:      12px;
               }

#label_user{                      font-size:      100px;
                                  color:#000080;
                                  font:      bold 13px/19px arial,helvetica,sans-serif;

           }

label        {width:      350px;
              display:block;
             /* float: left;*/
                                  }
.csc-mailform { border: 0px;
               
              }

.csc-mailform-field{ margin: 2px;

                                 }
.csc-mailform-field label {
  width: 100px;
}

.csc-firstHeader {
  margin-top:      0px;
  margin-bottom:  10px;
}

dt a {
  font-size:      14px;
  color:                        #0000A0;
 /* font-weight:                  bold; */
}

dd {
  margin-bottom:  20px;
}

form {
  margin:  0px;
}

.rootline-gesamt {
  height:          22px;
  float:           left;
  display:         block;
  margin-top:      3px;
}

#rootline-links {
  background-image:url(../image/rootline-links.png);
  width:          11px; 
} 

#rootline-mitte {
  background-image:url(../image/rootline-mitte.png);
  background-repeat: repeat-x;
} 

#rootline-zwischen {
  background-image:url(../image/rootline-zwischen.png);
  width:          21px; 
} 

#rootline-rechts {
  background-image: url(../image/rootline-rechts.png); 
  width:          11px;
}

td   {
       padding:  0px;
}