@font-face {
    font-family: 'Dirty Ego';
    src: url('fonts/dirtyego-webfont.eot');
    src: url('fonts/dirtyego-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dirtyego-webfont.woff') format('woff'),
         url('fonts/dirtyego-webfont.ttf') format('truetype'),
         url('fonts/dirtyego-webfont.svg#dirty_egoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



html, body { width: 100%;
             height: 100%;
             margin: 0px;
       padding: 0px;
             }


body {
     background-repeat: repeat;
    background-color: #560808; 
    font-family: "Noto Sans", Arial, Helvetica, sans-serif;  
}


img {max-width: 100%; height:auto !important;}

a img {border: none;}
table { width:100%; table-layout:fixed; }

#container { height: auto !important;
             height: 100%;
             min-height: 100%;
             width: 1000px;
             margin: auto;
             overflow: inherit;
             }

body.igb #container, body.wnd #container {
  
  background-color: #C6B397;}



#footer {width: 100%; min-width: 1000px; margin-top: -30px; text-align: center; float: left;}
#footer a {color: #666; font-size: 12px; text-decoration: underline;}
#top { width: 1000px;
     height: 120px;
     float: left;
     background-image: url(grafiken/top.jpg);
     }
     
#logo { width: 292px;
    height: 76px;
  margin-top:0px;
  margin-left:110px;
    float: left;
    }
    
#logo img { border: none; }
     
#dekoline { width: 995px;
            height: 21px;
      float: left;
      background-color:#B69E7C;
   background-image: url(grafiken/dekoline.png);
      text-align: right;
      padding-top: 3px;
      padding-right: 5px;
      color: #fff;
      }
      
#dekoline ul { margin: 0px;
         padding: 0px;
         }      
      
#dekoline li { margin: 0px;
         padding: 0px;
         list-style-type: none;
         display: inline;
         }
         
#dekoline a { text-decoration: none;
                font-family: "Noto Sans", Arial, Helvetica, sans-serif;  
              color: #FFFFFF;
              font-size: 14px;
              padding-right: 15px;
      
        }
        
#dekoline a:hover { text-decoration: none;
             
            color: #000000;
            font-size: 14px;
           
            }
      
#head { width: 1000px;
    height: 240px;
    float: left;
    border-top: 2px solid #fff;
    }
    
#border { width: 998px;
     height: 240px;
     position: absolute;
     top: 146px;
     }

#sky { 
     height: 240px;
     position: absolute;
     margin-left: 500px;     
     top: 146px;
     }

#topnavi { width: 1000px;
       height: 40px;
       float: left;
       border-top: 2px solid white;
       }
       
#topnavi ul { margin: 0px;
        padding: 0px;
        }
        
#topnavi li { margin: 0px;
        padding: 0px;
        list-style-type: none;
        }
        
#topnavi a { text-decoration: none;
       color: #FFF;
       display: block;
       height: 32px;
       width: 165px;
       float: left;
       text-align: center;
       margin-right: 2px;
       font-family:  "Noto Sans", Arial, Helvetica, sans-serif;  
       font-size: 17px;
       padding-top: 8px;
       border-radius: 0px 0px 8px 8px;
       background-color: #000000;
       }
       
#topnavi li.last a { text-decoration: none;
           color: #FFF;
           display: block;
           height: 32px;
           width: 165px;
           float: left;
           text-align: center;
          margin-right: 0px; 
        font-family:  "Noto Sans", Arial, Helvetica, sans-serif;  
          font-size: 17px;
          padding-top: 8px;
           }
          
#topnavi li.last a:hover { text-decoration: none;
               color: #FFF;
               display: block;
                 height: 32px;
               width: 165px;
               float: left;
               text-align: center;
              margin-right: 0px;
        font-family:  "Noto Sans", Arial, Helvetica, sans-serif;  
            font-size: 17px;
            padding-top: 8px;
               }
          
#topnavi a:hover { text-decoration: none;
            color: #FFF;
            display: block;
            height: 32px;
            width: 165px;
            float: left;
            text-align: center;
           margin-right: 2px; 
         font-family:  "Noto Sans", Arial, Helvetica, sans-serif;  
           font-size: 17px;
           padding-top: 8px;
           background-color: #560808;
            }
           
#topnavi a.active { text-decoration: none;
             color: #FFF;
             display: block;
             height: 32px;
             width: 165px;
             background-color: #555555;
             float: left;
             text-align: center;
            margin-right: 2px; 
         font-family:  "Noto Sans", Arial, Helvetica, sans-serif;  
          font-size: 17px;
          padding-top: 8px;
             }
          
#topnavi li.last a.active {margin-right: 0px;
                           }


#sidebar {width: 400px;
          height: 200px;
      position: fixed;
      background-color: #036;}
      
#maincontent {float: left;
             font-family:  "Noto Sans", Arial, Helvetica, sans-serif;  
              font-size: 14px;
              line-height: 22px;
              padding-top: 20px;
              width: 100%;
              color: #4D3F2B;
              padding-bottom: 25px;
              }
#maincontent img {border: solid 1px black;}
#maincontent table {width:600 px; padding:0px; margin:0px;}



 
#maincontent td { 
                color: #000000;
                vertical-align: bottom;
                padding-top:0px;
                padding-bottom:0px;
              
                border-top-width: 0px;      
                border-right-width: 0px;   
                 border-bottom-width: 0px;   
                border-left-width: 0px; 
                }


#maincontent td a {color:#000000;}

#maincontent td a:hover {color:#373737;}

#maincontent .row {
                    padding: 50px;
                   padding-top:0px;
                   padding-bottom:30px;
                   }

#main1 .row {padding: 0px 0px 0px 0px;
  width:650px; height:120px;
                  }

#maincontent .row .col2 {min-width:50%; float: left;}
#maincontent .row .col3 {min-width:33%; float: left;}


#main1 row.col2 {height:50%;}




#main1.speisekarte hr {border: none;}

#main1 { width: 420px;
     float: left;
     padding-left: 40px;
     padding-right: 10px;
     }

#main1 h1, #main3 h1, #maincontent h1 {color: #4D3F2B;
          font-family: "Noto Sans", Arial, Helvetica, sans-serif;  
           font-size: 24px;
           text-align: left;
           margin-bottom: 0px;
           padding-bottom: 8px;
   font-weight:normal;  
           }

#main1 h2 {
            font-family: "Noto Sans", Arial, Helvetica, sans-serif;  
           font-weight:normal;         
           font-size: 20px;
           margin-top: 12px;
           padding: 0px;
           height: 20px;
           width: 500px;
           text-align: left;
           color: #4D3F2B;
         }

#main1 h3 {
            font-family: "Noto Sans", Arial, Helvetica, sans-serif;  
           font-weight:normal;         
           font-size: 18px;
           margin-top: 12px;
           padding: 0px;
           height: 20px;
           width: 500px;
           text-align: left;
           color: #4D3F2B;
         }




#main1 a {
  text-decoration: underline;
  color: #000000;
 
}

#main1 a:hover {
  text-decoration: underline;
  color: #560808;
 font-weight:normal;
}


#main2 { width: 255px;
     float: left;
     }
     
#main3 { width: 225px;
     float: right;
     padding-left: 20px;
     margin-right: 30px;
    padding-top:142px;
    background-image: url(grafiken/kontaktbox.png); background-repeat:no-repeat; 
     }

#main3 a {
  text-decoration: underline;
  color: #000000;
 
}

#main3 a:hover {
  text-decoration: underline;
  color: #560808;
 font-weight:normal;
}



#clearer { clear: both;}


h2#acc {cursor: pointer;
  color: #FFFFFF;      
  font-family: Arial, Helvetica, sans-serif;
        margin:0px;
        padding: 0px;
        width: auto;
        height:30px;
        text-align: left;
        padding-top:8px;
        padding-left:10px;
        background-color: #000000;
        font-size: 16px;
}


.over h2#acc { background-color: #564242; color: #fff;}
.on h2#acc { background-color: #560808; color: #fff;}

.accordionButton {  
  width: 620px;
  float: left;
  border-top: 1px solid #FFFFFF;
  cursor: default;
  margin-top:10px;
  }
  
.accordionContent {  
  width: 610px;
  float: left;
  background-image: url(grafiken/acc_bg.png);
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  }



.accordion{  
  width: 620px;
  float: left;
  border-top: 1px solid #FFFFFF;
  cursor: default;
  margin-top:0px;
     
  }



.ka-content {  
  width: 610px;
  float: left;
  background-image: url(grafiken/acc_bg.png);
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  }
 
.ka-content img {display: block ; margin: 0 auto; max-width:80%;}  


#maincontent .contenttable > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1)  {width: 520px;}
.on {
   
  }

#main1.speisekarte {width: 650px;}

#fbwrap {  position: absolute;
           z-index: 9999;
           overflow: hidden;
           width: 245px;
         top: 55px;
         margin-left: 850px;
}

#fbwrap img {padding-right: 15px;
             float: left;}

#facebook {height: 39px;
           width: 207px;
           background-image: url(grafiken/fbbutton.png);
           background-repeat: no-repeat;
           padding-top: 5px;
           padding-left: 10px;
           clear: both;
           float: left;}

#likebox {width: 197px;
          height: 100px;
          background-color: white;
           float: left;
          }



td p { margin: 0px;
               padding: 0px;
               padding-top: 1px;
               padding-bottom: 1px;}


.tx-gomapsap-pi1 { width: 600px;}

.tx-fmfacebook-pi1 {
  padding-bottom: 50px;}

#fm_fb {width: 500px;
        background-image: url(grafiken/acc_bg.png);
        margin-top: 12px;
        float: left;
         padding: 10px;
        margin-left: 50px;
       -moz-border-radius: 8px;
        border-radius: 8px;
         }
.fb_image {float: left;
           width: 32px;
           height: 32px;
            }           
.fb_date  {float: right;}

.fb_link  {float: left;
           font-weight: bold;
           font-family: tahoma,verdana,arial,sans-serif;
           margin-left: 10px;}

#fm_fb a.name {font-size: 12px;
               color: rgb(59, 89, 152);
               text-decoration: none;}

#fm_fb a.name:hover {text-decoration: underline;} 
#fm_fb .fb_date {font-size: 11px;
                color: #999999;}


.fm_fbbody {clear: both;}
.fm_fbhead {width: 100%;
            float: left;
            border-bottom: 1px solid #999999;
            padding-bottom: 3px;}

.fb_message {padding: 5px;}

#main1 h1.headline {color: #fff; margin-bottom: 20px;}
#main1 h1.headline br {display: none;}

#slideshow {
    width: 1000px;
    height: 240px;
    position: relative;
  margin: 0px;
  padding: 0px;
}

#slideshow ul { margin: 0px;;
                padding: 0px;
  list-style: none;}

#specials { 
           font-size: 24px;
  line-height: 24px;
           padding-bottom: 20px;}

input.gme-saddress {width: 400px;
                border: 1px solid black;
                margin-bottom: 5px;}



#news {
  width:230px;
  font-family:  Arial, Helvetica, Verdana, sans-serif;
  line-height: 17px;
  float: right;
  padding-right: 30px;

}

#main3 h1, #main3 h2 { font-family: 'Open Sans', sans-serif;
            font-weight: 800;
            font-size: 30px;
             text-align: center;
            color: #fff;
            line-height: 34px;
            text-shadow: 4px 4px 5px #000;
            width: auto;}

#main3 h2 {font-size: 20px;
           line-height: 28px;
           margin-top: 5px;}

#aktuell { width: 221px;
       color: #FFCC00;
     
        }
 
#aktuell_db {
  background-color:#5A5A58;
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;
  text-align:left;
  line-height: 14px;
  font-size: 11px; 
 padding-top: 3px; 

}

#aktuell_db h1 {font-family: "Noto Sans", Arial, Helvetica, sans-serif;}

#db_headline {
width:221px;
height:42px;
color:#FFFFFF;
      }
#raucher_headline {
width:221px;
height:42px;
color:#FFFFFF;
      }

#raucher_bild {
width:221px;
height:81px;
color:#FFFFFF;
      }
      
#aktuell_raucher {
  background-color:#5A5A58;
  color: #FFFFFF;
  padding-left: 20px;
  text-align:left;
  line-height: 14px;
    font-size: 11px;  
      }
      
#aktuell_db h1 {
color: #FFCC00;
font-size: 11px;

}

#aktuell_db a { 
     text-decoration: none;
      font-size: 11px;
      color:#FFFFFF; }
      
#aktuell_db a:hover { 
     text-decoration: underline;
      font-size: 11px;
   }

#aktuell_raucher a
{      text-decoration: none;
        font-size: 11px;
        color:#FFCC00; }

#aktuell_raucher a:hover { 
     text-decoration: underline;
      font-size: 11px;
      color:#FFFFFF; }

div.tx-go-maps-ext {color: #000;}


div.tx-powermail-pi1 {width: 600px;}
.powermail_legend {display: none;}
div.tx-powermail-pi1 label {font-size: 13px;}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {background-color: #000000;}

div.error {font-family: Arial;
           }

div.adp {width: 600px;}

div.obj {float: left; width: 100%; height: auto !important;}

#selector {text-align: center;
               width: 100%;
           margin-top: 10px;
               }

#selector select {
    width: 80%;
    text-align: center;
    height: 25px;
    font-size: 14px;
    line-height: 30px;
    background-color: #D98887;
    border: 1px solid #fff;
}


.tx-powermail .powermail_fieldset {
    clear: left;
    border: 1px solid #88704D;
    padding: 10px;
    margin: 0px 0px 20px;
    background: #B9A382 none repeat scroll 0% 0%;
}

.tx-powermail .powermail_fieldset .powermail_label {color: #FFFFFF; font-weight: normal;}

.tx-powermail h3 {display:none}

.tx-powermail {background-color:#000000;}

.tx-powermail textarea {height: 200px;}

#powermail_field_zimmerkategorie {height:160px;}

#maincontent.bandbewerbung .tx-powermail .powermail_fieldset, #maincontent.bandbewerbung .tx-powermail .powermail_confirmation {background: none; border: none;}
#maincontent.bandbewerbung .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner input {color: #ddd;}
#maincontent.bandbewerbung .tx-powermail .powermail_confirmation {color: #fff;}
#maincontent.bandbewerbung .tx-powermail .powermail_create .powermail_confirmation_submit, .tx-powermail .powermail_create .powermail_confirmation_form, .tx-powermail .powermail_confirmation .powermail_confirmation_submit, .tx-powermail .powermail_confirmation .powermail_confirmation_form {background-color:  #000000;}
#maincontent.bandbewerbung .tx-powermail .powermail_create {color: #fff; background: none; border: none;}
.left {float: left;}
.right {float: right; margin-right: 10px; color: #F3A641;}

.tx-powermail a {color: #fff;}

#container.startseite h2 {color: #fff; font-family: 'Open Sans', sans-serif; font-size: 20px;}
#container.startseite a {color: #fff;}

#container.startseite h1 {margin:0; padding:0;}


.galleria-theme-classic {background:none !important;}


#maincontent div.galleria-thumbnails-container {display: none;}
#maincontent .row .col3 {height:150px;}
#maincontent div.galleria img {border: none;}

.tx-powermail .powermail_create {background: none; border: none;}
.tx-powermail {background: none;}
.tx-powermail textarea {font-family: "Noto Sans", Arial, Helvetica, sans-serif;}

#maincolumns {padding-left: 40px;}
#maincolumns .row {width: 900px; padding-left: 0;}

.form-control {
    display: block;
    width: 95%;
    height: 22px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.checkbox label { display: block;   font-weight: normal; line-height:20px;  }


.control-label {
    display: inline-block;
    margin-bottom: 10px;
    margin-top:5px;
    font-weight: bold;
}



.form-group {
   margin-top:20px;
   font-weight: normal;
   width:100%
   
 }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top:20px;
    background-color: #000000;
    color:#FFFFFF;
  
 
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
  }

textarea.form-control {
    height: 300px;
}

#kontaktform-checkbox-1 {padding:0px;margin-left:-20px;}
#kontaktform .frame {position: relative; padding-left: 20px; margin-top: 0px;}

.ui-widget-header .ui-icon {
    background-image: url("/fileadmin/template/img/ui-icons_444444_256x240.png") !important;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("/fileadmin/template/img/ui-icons_444444_256x240.png") !important;
}

.cbQuickGoogleMap img {border: none !important;} 
.cbQuickGoogleMap a:hover,.cbQuickGoogleMap a {text-decoration: none !important;}