html {
 height: 100%;
}

body {
 height: 100%;
 min-height:100%;
 margin: 0;
 font-size: 16px;
 font-family: 'Source Sans Pro', Tahoma, Helvetica, sans-serif;
 background-image: url(../images/background-color.png);
}


small {
 font-size: 15px;
 line-height: 20px;
 color: #888;
 font-weight: 400;
}


#page {
 width: 915px;
 min-height: 100%;
 margin: 0 auto;
 /* background-image: url(../images/background.png); */
 background-image: url(../images/sidebar.png);
 background-position: top center;
 background-repeat: repeat-y;
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
 /* border: 2px #FFF dashed; */
}


#header {
 margin: 0 auto;
 width: 915px;
 height: 516px;
 background-image: url(../images/header-english-off.png);
 background-repeat: repeat-x;
 opacity: 0.9;
}

#header-en {
 margin: 0 auto;
 width: 915px;
 height: 516px;
 background-image: url(../images/header-english.png);
 background-repeat: repeat-x;
 opacity: 0.9;
}

#footer {
 margin: 0 auto;
 width: 915px;
 height: 25px;
 text-align: center;
 font-size: 15px;
 color: #CCCCCC;
}

#footer a {
 text-decoration: none;
 color: #BBBBBB;
}

#footer a:hover {
 color: #999999;
}


#language {
 margin: 12px 0 0;
 float: right;
 height: 17px;
 width: 72px;
}

#language img {
 border: 0;
}

#language a {
 border: 0;
 text-decoration: none;
}

#language a.left {
 margin-right: 10px;
}


/* #logo-01 {
 margin: 12px 0 0 0;
 height: 72px;
 width: 275px;
 float: left;
 background-color: #ac292a;
 z-index: 2;
} */


#navigation {
 clear: right;
 padding: 15px 0 0 275px;
 height: 40px;
 width: 639px;
 z-index: 3;
}

#navigation ul {
 height: 37px;
 margin: 0;
 padding: 0 4px;
 list-style: none;
 font-size: 16px;
 color: #EFEFEF;
}

#navigation li {
 height: 37px;
 float: left;
 margin: 0 10px;
 padding: 0 6px;
}

#navigation li.on {
 border-bottom: 3px solid #ac292a; /* #ac292a */
}

#navigation li:hover {
 border-bottom: 3px solid #d59494; /* #ac292a */
}

#navigation a {
 text-decoration: none;
 color: #FFF;
 display: block;
 padding: 10px 0;
}

#navigation a:hover {
 color: #e9f2e4; /* #e9f2e4 */
}

#navigation li.on a {
 color: #333;
}


#logo-02 {
 height: 54px;
 width: 275px;
 clear: left;
 float: left;
 background-image: url(../images/logo-02.png);
 z-index: 5;
 opacity: 0.8;
 position: absolute;
 top: 0;
 left: 0;
}


.pic {
 margin: 0 auto;
 height: 433px;
 width: 915px;
 background-color: #606b57;
 background-position: top left;
 background-repeat: no-repeat;
 z-index: 1;
 position: relative;
}

/* Über uns */
.restaurant {
 background-image: url(../images/Hiroshi/OLEPIRKO.jpg);
}

/* Speisekarte */
.menu {
 background-image: url(../images/Hiroshi/Menue.jpg);
}

/* Catering */
.antipasti {
 background-image: url(../images/Hiroshi/Gurke.jpg);
}

/*  Veranstaltungen */
.event {
background-image: url(../images/Hiroshi/Glaeser.jpg);
}


/* Kontakt */
.tulip {
 background-image: url(../images/Hiroshi/Spiegelung.jpg);
}

/* Impressum */
.service {
 background-image: url(../images/Hiroshi/Lax4.jpg);
}

/*  */
.pumpkin {
 background-image: url(../images/pumpkin.png);
}

/*  */
.buffet-corner {
 background-image: url(../images/buffet-corner.png);
}

/*  */
#pic {
 margin: 0 auto;
 height: 433px;
 width: 915px;
 background-color: #606b57;
 background-image: url(../images/fotolia.png);
 background-position: top left;
 background-repeat: no-repeat;
 z-index: 1;
}


.leaf {
 padding-top: 8px;
}


#content {
 width: 915px;
 min-height: 100%;
 margin: 0 auto;
 padding: 0 0 60px;
 background-image: url(../images/sidebar.png);
}

#content p, #content p.intro-event, #content ul, table {
 font-size: 16px;
 line-height: 22px;
}


#content h1 {
 padding: 65px 0 0;
 width: 500px;
 margin: 0 0 0 75px;
 font-size: 26px;
 font-weight: 300;
 color: #758765;
}

#content p {
 padding: 28px 0;
 width: 500px;
 margin: 0 0 0 75px;
}

#content p.intro-event {
 padding: 28px 0 0;
 width: 500px;
 margin: 0 0 0 75px;
}

#content ul {
 padding: 28px 20px;
 width: 500px;
 margin: 0 0 0 75px;
}

#content div.leaf {
 padding: 0;
 margin-left: 75px;
}

#map {
 margin: 28px 0 0 75px;
 width: 476px;
 border: 1px solid #d6dcd2;
}

#content p.map {
 margin: 0 0 0 75px;
 padding: 0;
}

#content a {
 text-decoration: none;
 color: #758765;
}

#content a:hover {
 text-decoration: underline;
 color: #525e47;
}


table {
 padding: 33px 0 65px;
 width: 500px;
 margin: 0 0 0 75px;
 color: #424a3c;
 border-spacing: 0;
}

td {
 padding: 8px 0;
 vertical-align: top;
}

td.headline {
 padding: 32px 0 0;
 font-size: 28px;
 line-height: 33px;
 font-weight: 300;
 color: #758765;
}

td.border {
 padding: 0 0 6px 0;
}

td.date {
 padding-right: 10px;
}

td.size {
 padding-left: 6px;
 padding-right: 10px;
 text-align: right;
 color: #888;
 font-size: 15px;
 font-weight: 400;
}

td.euro {
 width: 100px;
 text-align: right;
 padding-right: 30px;
}

td.legend {
 color: #999;
 font-size: 15px;
 text-align: left;
}


#teaser, #sidebar  {
 font-family: Georgia, Times, "Times New Roman", serif;
 font-size: 14px;
 line-height: 24px;
 text-decoration: none;
 font-style: oblique;
}

#teaser a {
 text-decoration: none;
 color: #FFFFFF;
}

#teaser a:hover {
 text-decoration: underline;
 color: #FFFFFF;
}

#teaser {
 float: right;
 width: 247px;
 padding: 25px 20px; 
 color: #d8e0d3;
 text-decoration: none;
 z-index: 3;
}

#sidebar {
 height: 100%;
 float: right;
 width: 247px;
 padding: 45px 20px; 
 color: #424a3c;
}

#sidebar a {
 text-decoration: none;
 color: #525e47;
}

#sidebar a:hover {
 text-decoration: underline;
 color: #525e47;
}

#masterslider {
 float: left;
 width: 628px;
 z-index: 4;
}

.no-padding p {
	padding: 0 !important;
	margin: 0 !important;
}