form.cc-m-form .cc-m-form-view-element input,
form.cc-m-form .cc-m-form-view-element textarea
{
padding: 4px 8px;
}


body
{
background-color: #F9F9F9;
}

.wrapper
{
background: #FCF1D6 url(https://u.jimcdn.com/cms/o/sddf5a97b6efd1397/userlayout/img/content-bg-wp-x.gif?t=1441276276) repeat-x left top;
border-top: 1px #F3E1A9 solid;
border-bottom: 1px #F3E1A9 solid;
}


.emotion
{
background: #342A28 url(https://u.jimcdn.com/cms/o/sddf5a97b6efd1397/userlayout/img/gasthof-hartlef-emotion.jpg?t=1440843079) no-repeat top center;
}


.emotion .inner,
.wrapper .inner,
.sidebar .inner
{
margin:0 auto;
width:960px;
}


.main-navigation ul,
.meta-navigation ul
{
margin:0;
padding:0;
}

.main-navigation
{
padding-top: 233px;
position: relative;
bottom: -8px;
}

.main-navigation li,
.meta-navigation li
{
display:none;
}

.main-navigation li.main
{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 180px;
height:192px;
padding-top: 110px;
border: 2px white solid;
margin-right: 10px;
}


.main-navigation li.main a
{
display: block;
border-top-width: 3px;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
padding: 10px;
text-decoration: none;
color: white;
font-size:23px;
font-family: 'Times New Roman', serif;
text-align: center;
}


.main-navigation li.main a span.extra
{
font-size: 80%;
}


.main-navigation li.home
{
padding-top: 0;
}

.main-navigation li.home a
{
padding:0;
height:100%;
background: url(https://u.jimcdn.com/cms/o/sddf5a97b6efd1397/userlayout/img/gasthof-hartlef-logo.jpg?t=1443087568) no-repeat;
}


.main-navigation li.partyservice
{
background: url(https://u.jimcdn.com/cms/o/sddf5a97b6efd1397/userlayout/img/partyservice-small.jpg?t=1440834341) no-repeat;
background-size: 180px 110px;
}

.main-navigation li.partyservice a
{
border-color: #C23B2D;
background: linear-gradient(to bottom, rgba(210,67, 53, 0.85) 50%, rgba(185,55,40, 0.85) 90%);
}

.main-navigation li.saalbetrieb
{
background: url(https://u.jimcdn.com/cms/o/sddf5a97b6efd1397/userlayout/img/saalbetrieb-small.jpg?t=1440834351) no-repeat;
background-size: 180px 110px;
}

.main-navigation li.saalbetrieb a
{
border-color: #DCBA72;
background: linear-gradient(to bottom, rgba(248, 231, 186, 0.85) 50%, rgba(227,198,133, 0.85) 90%);
color: #423D31;
}


.main-navigation li.hotel
{
background: url(https://u.jimcdn.com/cms/o/sddf5a97b6efd1397/userlayout/img/hotel-small.jpg?t=1588257106) no-repeat;
background-size: 180px 110px;
position: relative;
}

.main-navigation li.hotel a
{
border-color: #417322;
background: linear-gradient(to bottom, rgba(83,148,44, 0.85) 50%, rgba(65, 115, 34, 0.85) 90%);
}

.main-navigation li.hotel a.order-now
{
font-size: 18px;
position: absolute;
width: 100px;
color: white;
top: 15px;
left: 100%;
margin-left: 2px;
border-top-right-radius: 40px;
border-bottom-right-radius: 2px;
border: 1px #47712C solid;
border-left: 0;
box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.4);
transition: box-shadow 200ms ease-out, border-bottom-right-radius 200ms ease-out;
}


.main-navigation li.hotel a.order-now:hover
{
text-decoration: none;
box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1);
border-bottom-right-radius: 10px;

}

.meta-navigation
{
border-bottom: 1px #CAC1AD dotted;
padding: 30px 10px 20px 10px;
text-align: right;
}

.meta-navigation li.meta
{
text-align: right;
display: inline-block;
border-right: 1px #CAC1AD solid;
padding: 5px 10px;
}


.meta-navigation li.meta:last-child
{
border-right: 0;
}

.meta-navigation li.meta a
{
color:#474644;
text-decoration: none;
}


.meta-navigation li.meta a:hover
{
color: #BA3C2E;
}

.meta-navigation li.meta a.current,
.meta-navigation li.meta a.parent
{
color: #BA3C2E;
font-weight: bold;
}


.content,
.sidebar
{
padding: 50px 0;
}


.footer
{
border-top: 1px #ccc dotted;
padding: 20px 5px 5px 5px;
margin-top: 10px;
}

#contentfooter a
{
font-size: 12px;
}

.food-additives-overview
{
background-color: rgba(255,255,255,.25);
border: 1px dotted rgba(0,0,0,.2);
padding: 10px 20px;
font-size: 90%;
}

.food {
display: block;
margin: 2px 0;
padding: 1px 0;
border-bottom: 1px dotted rgba(0,0,0,0.3);
font-size: 90%;
}

.additives {
display: inline-block;
}

.food-name {
width: 65%;
display: inline-block;
}


.tip-of-the-month {
border-radius: 5px;
background-color: rgba(255,255,255, .6);
padding: 15px 25px;
border: 1px rgba(0,0,0, .1) dotted;
}

.tip-of-the-month ul {
    padding: 10px 0 10px 20px;
}

.tip-of-the-month ul li {
    padding: 5px 0;
}


.address {
    border-radius: 5px;
    background-color: rgba(255,255,255, .6);
    padding: 15px 25px;
    border: 1px rgba(0,0,0, .1) dotted;
}


.prompt {
    border-radius: 5px;
    background-color: rgba(255, 100, 100, .1);
    padding: 15px 25px;
    border: 1px rgba(150,40,20, .1) dotted;
}

.text-less-important {
  font-size: 12px;
  color: #766;
}

.opening-hours {
border-collapse: collapse;
}

.opening-hours th,
.opening-hours td {
font-size: 85%;
text-align: left;
border: 1px rgba(0,0,0,0.1) solid;
padding: 5px 10px;
}