/* /////////////// Globals ////////////////////// */
html {
	overflow-y: scroll;
}
body {
	color: #000;
	font-size: 17px;
	line-height: 21px;
	font-family: Times New Roman, Times, serif;
	position: relative;
}
input,
textarea,
select {
	font-size: 15px;
	line-height: 18px;
	font-family: Times New Roman, Times, serif;	
}


h3 {
	font-size: 20px;
	line-height: 24px;
}

#home h3 {
	font-size: 24px;
	font-style: italic;
	margin-bottom: 5px;
}
/* /////////////// Startseite ////////////////////// */

#home {
	font-style: italic;
	background: url(/templates/img/bodyBGHome.jpg) repeat-y;
}
#home a {
	color: #000;
	text-decoration: none;
}
a.impressum {
	color: #000;
	text-decoration: none;
}

#home ul {
	list-style-type: none;
}

#home ul li {
	padding: 6px 0px;
}

#home ul li a {
	padding: 0px 0px 0px 18px;
}

#home ul li a:hover {
	background: url(/templates/img/li.png) no-repeat 0px 2px;
}

/* //////////////// boxen //////////////////////////////// */

#page51 #content {
	text-align: center;
	
}
#page51 #content .quer50center {
	text-align: left;
	
}
#shanty {
	width: 1009px;
	padding-top: 32px;
	padding-bottom: 0px;
}
#contentDeco {
	position: absolute;
	z-index: 1;
	bottom: -40px;
	left: 230px;
	width: 764px;
	height: 174px;
	background: url(/templates/img/bodyBG.png) no-repeat;
}

#contentDecoHome {
	position: absolute;
	z-index: 1;
	bottom: -40px;
	left: 350px;
	width: 650px;
	height: 100px;
	background: url(/templates/img/bodyBGhome.png) no-repeat;
}
#navigation a {
	color: #000;
}
#navigation {
	margin-bottom: 8px;
	position: relative;
}
#home #navigation {
	position: absolute;
}
#navigationDeco {
	background: url(/templates/img/naviRose.png) bottom no-repeat;
	height: 37px;
	width: 336px;
	margin: 9px 0 7px;
}

#navigation a {
	text-decoration: none;
}
#navigation ul li {
	list-style-type: none;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
}
#navigation .divider {
	font-weight: bold;
	line-height: 24px;
}
#navigation ul li li {
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 0;
}
#navigation a.currentpage,
#navigation a:active,
#navigation a:hover {
	margin-left: -18px;
	padding-left: 18px;
	background: url(/templates/img/li.png) no-repeat 0px 1px;
}
.column {
	width: 336px;
	float: left;
	text-align: center;
	font-style: italic;
}
#content {
	width: 573px;
	padding: 80px 0 0 50px;
	margin-left: 336px;
	position: relative;
	z-index: 99;
}
#home #gschmackeria,
#home #angebot,
#home #service {
	position: relative;
	z-index: 99;
}

#home #angebot,
#home #service {
	width: 296px;
	padding: 0px 40px 0px 0px;
	text-align: right;
}

#content a {
	color: #000;
}
#content a:hover {
	text-decoration: none;
}
#content form {
	margin-bottom: 1em;
}
#content .submit input,
#content a.submit {
	padding: 3px 15px;
	background: url(/templates/img/bgTrans50.png);
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#content legend {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0.5em;
}
#content .contactform input,
#content .contactform textarea {
	width: 100%;
}
#content form div {
	margin-bottom: 1em;
}
#content .error_message {
	display: block;
	background: #fff url(/templates/img/naviRose.png) 350px no-repeat;
	padding: 15px 90px 15px 15px;
	margin-bottom: 1em;
}
#content .error_message ul {
	list-style-type: none;
}

#content h1 {
	font-size: 26px;
	font-style: italic;
	margin-bottom: 4px;
}

#content h2 {
	font-size: 18px;
	font-style: italic;
	margin: 0 0 24px 65px;
	line-height: 24px;
}
#content td {
	vertical-align: top;
	padding: 0 1em 1em 0;
}
#content ul,
#content ol {
	margin: 0 0 1em 2em;
}
#content ul li {
	list-style-image: url(/templates/img/li.png);
}
#content .album_content li,
#content .picturelist li {
	list-style-image: none;
}
.frame {
	margin-bottom: 20px;
	height: 181px;
}
.frame .picture {
	overflow: hidden;
}

#gschmackeria .frame {
	cursor: pointer;
}

#gschmackeria .frame img {
	margin: 20px 0 0 -12px;
}
#angebot .frame .picture {
	width: 178px;
	height: 130px;
	padding: 19px 0px 0px 33px;
}
#angebot .frame .picture img {
	width: 178px;
}
#service .frame .picture {
	width: 180px;
	height: 135px;
	padding: 20px 0px 0px 31px;
}
#service .frame .picture img {
	width: 180px;
}

#gschmackeria .frame {
	background: url(/templates/img/rahmen1.png) no-repeat;
	margin-left: 10px;
}                                              
#angebot .frame {                              
	background: url(/templates/img/rahmen2.png) no-repeat;
	margin-left: 50px;
	text-align: left;
}                                              
#service .frame {                              
	background: url(/templates/img/rahmen3.png) no-repeat;
	margin-left: 55px;
	text-align: left;
}

#gschmackeria .where {
	margin: 8px 0px 5px 0px;
}

/* //////////////// rahmen //////////////////////// */

div.quer100 {
	background: url(/templates/img/imgBGQuer100.png) no-repeat;
	width: 538px;
	height: 393px;
	padding: 25px 23px 23px 25px;
	overflow: hidden;
	float: left;
	margin: 0 0 24px 0;
}
div.quer100 img{
	width: 523px;
	clip: rect(0px, 523px, 393px, 0px);
	position: absolute;
}
div.quer50 {
	background: url(/templates/img/imgBGQuer50.png) no-repeat;
	width: 238px;
	height: 179px;
	padding: 24px;
	overflow: hidden;
	float: left;
	margin: 0 24px 24px 0;
}
div.quer50right {
	background: url(/templates/img/imgBGQuer50.png) no-repeat;
	width: 238px;
	height: 179px;
	padding: 24px;
	overflow: hidden;
	margin: 0 0 24px 24px;
	float: right;
}
div.quer50center {
	background: url(/templates/img/imgBGQuer50.png) no-repeat;
	width: 238px;
	height: 179px;
	padding: 24px;
	overflow: hidden;
	margin: 0 auto 24px;
	display: block;
}
div.quer50 img,
div.quer50right img,
div.quer50center img {
	width: 237px;
	position: absolute;
	clip: rect(0px, 237px, 178px, 0px);
}
div.quadrat {
	background: url(/templates/img/imgBGQuadrat.png) no-repeat;
	width: 238px;
	height: 225px;
	padding: 24px;
	overflow: hidden;
	float: left;
	margin: 0 24px 24px 0;
}
div.quadratRight {
	background: url(/templates/img/imgBGQuadrat.png) no-repeat;
	width: 238px;
	height: 225px;
	padding: 24px;
	overflow: hidden;
	float: right;
	margin: 0 0 24px 24px;
}
div.quadrat img,
div.quadratRight img {
	width: 236px;
	clip: rect(0px, 236px, 225px, 0px);
	position: absolute;
}
div.hoch50 {
	background: url(/templates/img/imgBGHoch50.png) no-repeat;
	width: 239px;
	height: 368px;
	padding: 24px;
	overflow: hidden;
	float: left;
	margin: 0 24px 24px 0;
}
div.hoch50right {
	background: url(/templates/img/imgBGHoch50.png) no-repeat;
	width: 239px;
	height: 368px;
	padding: 24px;
	float: right;
	overflow: hidden;
	margin: 0 0 24px 24px;
}
div.hoch50 img,
div.hoch50right img {
	width: 237px;
	clip: rect(0px, 237px, 368px, 0px);
	position: absolute;
}

/* ///////////////// Formular ////////////////////// */
form input,
form textarea {
	background: url(/templates/img/bgTrans35.png);
	border: 1px solid #000;
}

/* ///////////////// Album ///////////////////////// */
#content .picturelist {
	margin: 1em 0 0 0;
}
#content ul.albumlist {
	margin: 25px 0;
}

/* ///////////////// Lieferformular //////////////// */

.DIVmuesli,
.DIVsaefte {
	margin-bottom: 1em;
}
.DIVsaefte input {
	float: left;
	width: 2em;
}
.DIVmuesli select,
.DIVlieferzeit select {
	padding: 0 0.5em;
}
.DIVsaefte .label {
	margin-left: 3em;
}
.DIVmuesli div {
	float: left;
	margin-right: 0.5em;
}
.DIVmuesli div.clear {
	float: none;
}
.DIVmuesli .anzahl {
}
.DIVadresse {
	display: block;
	margin-bottom: 5em;
}
.DIVadresse .label {
	display: block;
	margin-top: -2.5em;
}
.DIVadresse input {
	margin-top: 2em;
	width: 100%;
}
#m3fbrp__102 {
	margin-top: 4em;
	width: 100%;
	height: 11.5em;
}
.bemerkung {
	height: 16em;
}
.bemerkung .label {
	margin-top: -18.5em;
	margin-bottom: 11.5em;
}
/* ////////////////// Kalender ///////////////////// */
.calendar-details {
	margin-bottom: 1em;
}

/* //////////////////// newsletter ///////////////// */
#page64 label {
	float: left;
	width: 100px;
	font-weight: bold;
}
.contactform input {
	width: 373px;
}
.contactform label {
	display: block;
}

/* /////////////////// Helpers /////////////////////*/

.barrierReef {
    position: absolute;
    left: -5000px;
}
.printOnly {
	display: none;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
.clearfix {display:block;}
	/* End hide from IE Mac */

* html .clearfix {height:1px;}