@charset "utf-8";
/******************************************************************
 *Author: Emanuel Rinne
 *Created: 16.02.2009					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************

/* --------------------------------------------------------------------------- */
/* -------------------------->>> GLOBAL <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	border: none;
	outline: none;
}
body {
	background: #f9eec7 url(../images/layout/bg-body.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #333;
	font-size: 12px;
	line-height:18px;
}
 html[xmlns^="http"] {
overflow-y: scroll;
}
/*
KLASSEN & ANDERE STANDARDS
==================================================*/

.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
hr {
	color: #41100C;
	height: 1px;
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}
.highlight {
	font-weight:bold;
}
.image {
	border:none;
}

/*
H1 - Klassen
==================================================*/

h1.welcome {
	background:url(../images/layout/h1-welcome.jpg) top left no-repeat;
	height:56px;
	width:356px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
h1.geschichte {
	background:url(../images/geschichte/h1-geschichte.jpg) top left no-repeat;
	height:69px;
	width:425px;
	margin:0;
	text-indent:-9999px;
}
h1.restaurant {
	background:url(../images/restaurant/h1-restaurant.jpg) top left no-repeat;
	height:31px;
	width:133px;
	margin:0 0 35px 0;
	text-indent:-9999px;
}
h1.zimmer {
	background:url(../images/zimmer/h1-zimmer.jpg) top left no-repeat;
	height:35px;
	width:86px;
	margin:0 0 35px 0;
	text-indent:-9999px;
}
h1.ausserhaus {
	background:url(../images/ausserhaus/h1-ausserhaus.jpg) top left no-repeat;
	height:56px;
	width:356px;
	margin:0 0 15px 0;
	text-indent:-9999px;
}
h1.speisekarte {
	background:url(../images/speisekarte/bg-speisekarte.jpg) top left no-repeat;
	height:45px;
	width:138px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
h1.gaestebuch {
	background:url(../images/gaestebuch/h1-gaestebuch.jpg) top left no-repeat;
	height:42px;
	width:118px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
h1.anfahrt {
	background:url(../images/anfahrt/h1-anfahrt.jpg) top left no-repeat;
	height:43px;
	width:119px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
h1.impressum {
	background:url(../images/impressum/h1-impressum.jpg) top left no-repeat;
	height:43px;
	width:116px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
h1.kontakt {
	background:url(../images/kontakt/h1-kontakt.jpg) top left no-repeat;
	height:34px;
	width:100px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
h1.danke {
	background:url(../images/danke/h1-danke.jpg) top left no-repeat;
	height:70px;
	width:300px;
	margin:0;
	text-indent:-9999px;
}
h1.fehler {
	background:url(../images/fehler404/h1-fehler.jpg) top left no-repeat;
	height:113px;
	width:292px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}
/*
FILTER FÜR DEN IE6
==================================================*/

*html div#xxx {
	background:transparent;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout/xxx.png', sizingMethod='crop');
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LAYOUT <<<----------------------------------- */
/* --------------------------------------------------------------------------- */

/*
CONTAINER
==================================================*/

div#container {
	width: 920px;
	margin: 0 auto;
	background:none;
}
/*
HEADER
==================================================*/

div#header {
	width: 920px;
	height:363px;
	background:url(../images/layout/bg-header2.jpg) top left no-repeat;
	float:left;
}
/*
LOGO
==================================================*/

h1.branding {
	margin:0 0 0 535px;
	_margin:0 0 0 270px;
	float:left;
	position:relative;
}
/*SLIDESHOW
==================================================*/

div#no-slide {
	position: absolute;
	width: 100px;
	 height:;
	 background:;
	color: #fff;
	padding: 5px;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 12px;
}
div#slideshow {
}
/*
CONTENT
==================================================*/

div#contentContainer {
	float: left;
	width: 920px;
}
div#contentSidebar {
	float: left;
	width: 306px;
	margin: 0 0 0 7px;
	_margin: 0 0 0 0.3em;
}
div#contentMain1 {
	float: left;
	width: 460px;
	min-height: 300px;
	margin: 30px 0 0 50px;
}
/*
FOOTER
==================================================*/

div#footer {
	background:url(../images/layout/bg-footer.jpg) bottom no-repeat;
	height:35px;
	font-size:12px;
	float:left;
	_float:none;		/* IE */
	width:899px;
	margin:30px 0 0 0;
}
#footerAdress1 {
	float:left;
	margin:1px 0 0 55px;
	_margin:1px 0 0 27px;
}
#footerAdress2 {
	float:left;
	margin:1px 0 0 130px;
	_margin:1px 0 0 130px;
}
#footerAdress3 {
	float:left;
	margin:1px 0 0 35px;
	_margin:1px 0 0 35px;
}
/* --------------------------------------------------------------------------- */
/* --------------------->>> NAVIGATION-BACKGROUND-GRAFIK <<<------------------------ */
/* --------------------------------------------------------------------------- */

ul#navigation {
	width:885px;
	height:63px;
	margin: 0 0 0 13px;
	background:url(../images/layout/bg-navi.jpg) no-repeat top left;
	position:relative;
	float:left;
}
ul#navigation li {
	display: block;
	float:left;
}
ul#navigation li a {
	display: block;
	padding:0;
	height:63px;
	text-indent:-9999px;
}
ul#navigation li a.startseite {
	width: 156px;
}
ul#navigation li a.startseite:hover {
	background:url(../images/layout/bg-navi-startseite-act.jpg) no-repeat;
}
ul#navigation li a.geschichte {
	width: 136px;
}
ul#navigation li a.geschichte:hover {
	background:url(../images/layout/bg-navi-geschichte-act.jpg) no-repeat;
}
ul#navigation li a.restaurant {
	width: 158px;
}
ul#navigation li a.restaurant:hover {
	background:url(../images/layout/bg-navi-restaurant-act.jpg) no-repeat;
}
ul#navigation li a.zimmer {
	width: 132px;
}
ul#navigation li a.zimmer:hover {
	background:url(../images/layout/bg-navi-zimmer-act.jpg) no-repeat;
}
ul#navigation li a.ausserhaus {
	width: 147px;
}
ul#navigation li a.ausserhaus:hover {
	background:url(../images/layout/bg-navi-ausserhaus-act.jpg) no-repeat;
}
ul#navigation li a.speisekarte {
	width: 156px;
}
ul#navigation li a.speisekarte:hover {
	background:url(../images/layout/bg-navi-speisekarte-act.jpg) no-repeat;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> LINKS <<<------------------------------------ */
/* --------------------------------------------------------------------------- */

#footer #footerAdress1 a.kontakt, a.anfahrt, a.impressum {
	color:#333;
	text-decoration:none;
}
#footer #footerAdress1 a:hover.kontakt, a:hover.anfahrt, a:hover.impressum {
	color:#333;
	text-decoration:underline;
}

#container #footer #footerAdress2 .escape span{
	text-decoration:underline;
}

#container #footer #footerAdress2 .escape:hover span{
	text-decoration:none;
}

#container #footer #footerAdress2 a {
	text-decoration:underline;
}

#container #footer #footerAdress2 a:hover {
	text-decoration:none;
}


#contentMain1 #kontaktbox .formular2 .escape span {
	color:#333;
	text-decoration:underline;
}

#contentMain1 #kontaktbox .formular2 .escape:hover span {
	color:#333;
	text-decoration:none;
}

#contentMain1 #adressdaten .escape span {
	color:#333;
	text-decoration:underline;
}

#contentMain1 #adressdaten .escape:hover span {
	color:#333;
	text-decoration:none;
}

a, .escape span span{
	text-decoaration:underline;
	color: #333;
	outline: none;
}

a:hover span {
	text-decoration: none;
	color: #333;
}

#contentMain1 a {
	text-decoration:underline;
	color:#333;
}

#contentMain1 a:hover {
	text-decoration:none;
	color:#333;
}
a.sitemap:hover {
	text-decoration: none;
	color: #333;
}
 a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/content/pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> CONTENT <<<---------------------------------- */
/* --------------------------------------------------------------------------- */

div#cmsimg {
	width:210px;
	height:160px;
	float:left;
}

#contentMain1 img.koch {
	width:230px;
	float:left;
	margin:0 0 0 0px;
}
div#contentMain1 .chefkoch {
	width:220px;
	float:left;
	margin: 0 0 0 0px;
}
img.speisekarte {
	margin:10px 0 0 5px;
}
/*
HEADLINE
==================================================*/

h1 {
	font-size: 28px;
	color: #ccc;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 28px 0;
}

h2 {
	font-size: 17px;
	color: #333;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}
h3 {
	font-size: 14px;
	color: #573602;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
}
h4 {
	font-size: 12px;
	color: #996600;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
P - Klassen
==================================================*/

div#contentMain1 p {
	margin: 0 0 20px 0;
	line-height: 18px;
}
div#contentMain1 p.cmstxt {
	margin: 0 0 10px 0;
}
div#datenschutzhinweis p {
	font-size: 11px;
}

div#contentMain1 p.formular1 {
	float:left;
	width:220px;
}

/*
IMAGEBORDER
==================================================*/

.imgborder {
	border: 1px solid #666;
	padding: 2px;
	background:#fff url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
	outline: none;
}
.imgborder:hover {
	border: 2px solid #573602;
	padding: 1px;
}
.imgbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
	width:400px;
	margin: 0 0 10px 0;
}
.imgbordernohover2 {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
	margin: 0 0 10px 0;
}
.imgbordernohover3 {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
	margin: 0 0 10px 0;
	width:450px;
}
.imgbordernohovercms {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
	margin: 0 0 10px 0;
	width:210px;
}
/* --------------------------------------------------------------------------- */
/* -------------------------->>> KONTAKT | ANFAHRT | IMPRESSUM <<<------------ */
/* --------------------------------------------------------------------------- */


/*
KONTAKT
==================================================*/

div#personalien {
	float: left;
	width: 292px!important;
}
div#nachrichtenfeld {
	float: left;
	width: 200px;
}
/*
ANFAHRT
==================================================*/

div#anfahrtsskizze {
	float: left;
	width: 350px;
}
div#routenplaner {
	float: left;
	width: 330px;
	padding: 0 0 0 20px;
}
/*
IMPRESSUM
==================================================*/

div#adressdaten {
	float: left;
	width: 200px;
}
div#geschaeftsdaten {
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
}