* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	background-color:#B3B3B3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
	scrollbar-base-color:#6A747C;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#6A747C;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#B30537;	
}

#distance { 
	width:1px;
	height:50%;
	background-color:#B3B3B3;
	margin-bottom:-308px;/*-13.75em; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:616px; /*27.5em;*/
	width:1000px; /*45em;*/
	clear:left;
}


#pos_rot_oben {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	background-color:#B30537;
	height: 25px;
	width: 1000px;
}

#pos_weiss_oben {
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 101;
	background-color:#E7DBBF;
	height: 565px;
	width: 1000px;
}

#pos_grau_unten {
	position: absolute;
	left: 0;
	top: 590px;
	z-index: 102;
	background-color:#A8AB9B;
	height: 25px;
	width: 1000px;
}

#pos_hellgrau_unten {
	position: absolute;
	left: 806px;
	top: 590px;
	z-index: 103;
	background-color:#7B836B;
	height: 25px;
	width: 194px;
}

#pos_logo {
	position: absolute;
	left: 0px;
	top: 25px;
	z-index: 111;
}

#pos_kopf_bilder {
	position: absolute;
	left: 275px;
	top: 25px;
	z-index: 121;
}

#pos_bild_rechts {
	position: absolute;
	left: 806px;
	top: 25px;
	z-index: 131;
	background-color:#553117;
}

#pos_trennlinie1, #pos_trennlinie2 {
	position: absolute;
	left: 0;
	top: 178px;
	z-index: 131;
	font-size: 1px;
	background-color:#553117;
	height: 2px;
	width: 1000px;	
}

#pos_trennlinie1 {
	top: 211px;
}

#pos_hnav_hg {
	position: absolute;
	left: 0;
	top: 181px;
	z-index: 141;
	font-size: 1px;
	background-color:#553117;
	height: 29px;
	width: 1000px;	
}

#pos_nav_allg_hg {
	position: absolute;
	left: 0;
	top: 179px;
	z-index: 131;
	font-size: 1px;
	background-color:#FFFFFF;
	height: 34px;
	width: 1000px;	
}

#pos_bodensee_icon {
	position: absolute;
	left: 760px;
	top: 181px;
	z-index: 151;
}

#pos_trennlinie1_rechts, #pos_trennlinie2_rechts {
	position: absolute;
	left: 806px;
	top: 178px;
	z-index: 161;
	font-size: 1px;
	background-color:#917A6B;
	height: 2px;
	width: 194px;	
}

#pos_trennlinie2_rechts {
	top: 211px;
}

#pos_impressum_hg {
	position: absolute;
	left: 806px;
	top: 181px;
	z-index: 171;
	font-size: 1px;
	background-color:#917A6B;
	height: 29px;
	width: 194px;	
}

#pos_impressum {
	position: absolute;
	left: 868px;
	top: 189px;
	z-index: 371;
}

#pos_inhalt {
	position: absolute;
	left: 275px;
	top: 213px;
	z-index: 181;
	background-color:#F1EAD6;
	height: 377px;
	width: 531px;	
	overflow:auto;
}

#pos_hg_rechts {
	position: absolute;
	left: 806px;
	top: 213px;
	z-index: 191;
	background-color:#553117;
	height: 377px;
	width: 194px;	
}

#pos_hg_rechts_text {
	position: absolute;
	left: 806px;
	top: 397px;
	z-index: 201;
}

#pos_hg_links_text {
	position: absolute;
	left: 0px;
	top: 470px;
	z-index: 401;
	width: 273px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #F1EAD6;
	text-align:justify;		
}

#pos_impressionen_rechts {
	position: absolute;
	left: 828px;
	top: 240px;
	z-index: 211;
}

#pos_hnav {
	position: absolute;
	left: 37px;
	top: 188px;
	z-index: 221;
}

#pos_subnav {
	position: absolute;
	left: 38px;
	top: 250px;
	z-index: 581;
}

.hotelimpressionen {
	padding-right: 11px;
	padding-bottom: 11px;
	float:left;
}

#pos_hotelimpressionen {
	position: absolute;
	left: 34px;
	width: 450px;
	top: 76px;
}

#pos_anfahrtstext {
	position: absolute;
	left: 571px;
	width: 217px;
	top: 262px;
	z-index: 521;
}

#ferienwohnung {
	padding-left: 35px;
}

#news_bild {
	position: absolute;
	left: 609px;
	top: 395px;
	z-index: 531;
}

/* ++++++++++++++++++++++++++++++++++ Textformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

form {
	margin: 0px;
	padding: 0px;
}

p, p.kuechenchef {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0.6em;
	padding-left: 35px;
	padding-right: 35px;		
	font-size: 11px;
	line-height: 15px;
	color: #553117;		
}

p.kuechenchef  {
	padding-left: 0;
}

p.nachoben {
	text-align: center;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #553117;		
}

table.karte tr td {
	vertical-align:middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.karte tr td.rechts {
	text-align: right;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 40px;
	margin-bottom: 16px;
	padding-left: 35px;	
	font-size: 13px;
	font-weight: bold;
	color: #B30537;
	text-transform:uppercase;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-left: 35px;
	font-size: 12px;
	font-weight: bold;
	color: #553117;
}

h3 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	margin: 15px 0 0.6em 0;
	padding: 0 35px 0 35px;
	font-size: 11px;
	line-height: 15px;
	color: #553117;
	font-weight: bold;
}

h5 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	margin: 15px 0 0.6em 0;
	padding: 0 35px 0 35px;
	font-size: 10px;
	line-height: 12px;
	color: #444;
	font-weight: normal;
}


h2.kuechenchef  {
	padding-left: 0;
}

p.underline {
	text-decoration: underline;
	font-weight: bold;
}

#mittig p {
	text-align: center;
}

/*--------------------- Aktuelles ------------------*/

div.videolink {
	margin: 15px 0 0 0;
	padding: 0 0 0 35px;
}

div.videolink a {
	padding: 0;
	border: 0;
}

div.videolink img {
	padding: 2px;
	border: 1px solid #444;
}

/*------------------ Ausgezeichnet -----------------*/

#auszeichnungen ul {
	margin: 0 0 0 35px;
}

#auszeichnungen ul li {
	color: #553117;
	margin: 0 20px 0 0; 
	padding: 0 20px 0 0;
	display: inline;
	text-decoration: none;
}

#auszeichnungen img {
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

/*-------------------- Specials - Brunch -------------------*/

#pos_inhalt h2 {
	margin: 20px 0 0 0;
}

#pos_inhalt ul {
	margin: 15px 0 40px 0;
	padding: 0 0 0 52px;
}

#pos_inhalt ul li {
	color: #553117;
	margin: 0 0 5px 0;
	list-style-type: disc;
}

/*--------------------- Die Karte -------------------------*/

#karte1, #karte2, #karte3, #karte4, #karte5 {
	margin: -15px 0 10px 0;
	padding: 0;
	position: relative;
	float: left;
	width: 30%;
	height: 180px;
}

#karte1 h2, #karte2 h2, #karte3 h2, #karte4 h2, #karte5 h2 {
	margin: 15px 0 5px 34px;
	padding: 0;
}

#karte1 img, #karte2 img, #karte3 img, #karte4 img, #karte5 img {
	margin: 0 0 0 32px;
	padding: 0;
	border: 0;
}

#karte1 a:link, #karte2 a:link, #karte3 a:link, #karte4 a:link, #karte5 a:link {
	margin: 0;
	padding: 0;
	border: 0;
}

/*--------------------- Kurse -------------------------*/

.kurszubehoer {
	margin: 0;
	padding: 0;
}

/* +++++++++++++ Linkformatierung +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #553117;	
}

a:hover {
	color: #B30537;	
}



/* ++++++++++++++ Aufzaehlungen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul#mainnav {
	margin: 0;
	padding: 0;
}

ul#mainnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:inline;	
	font-size: 10px;
	color: #FCB814;
	margin-right: 12px;	
}

ul#mainnav li a, ul#mainnav li a:hover, ul#mainnav li a.hnav_aktiv, ul#mainnav li a.hnav_aktiv:hover {
	font-size: 10px;
	color: #FCB814;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: bold;
}

ul#mainnav li a:hover, ul#mainnav li a.hnav_aktiv, ul#mainnav li a.hnav_aktiv:hover {
	color: #FFFFFF;
}


ul#subnav {
	margin: 0;
	padding: 0;
}

ul#subnav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	color: #553117;
	margin-right: 12px;	
}

ul#subnav li a, ul#subnav li a:hover, ul#subnav li a.subnav_aktiv, ul#subnav li a.subnav_aktiv:hover {
	font-size: 10px;
	color: #553117;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: bold;
	line-height: 21px;
}

ul#subnav li.subnavtrenner {
	font-size: 1px;
	line-height: 1px;
}

ul#subnav li a:hover, ul#subnav li a.subnav_aktiv, ul#subnav li a.subnav_aktiv:hover {
	color: #B30537;
}

ul {
	margin-left: 48px;
	margin-left: 50px;
}

li {
	list-style-type:square;
	line-height: 15px;
	font-size: 11px;
}

/*---------------------- GaultMillau-Hinweis -------------------*/

li.gaultmillau {
	margin: 0;
	padding: 0;
	width: 150px;
	height: auto;
	text-align: center;
	border: 1px solid #fff;
}

li.gaultmillau a p {
	margin: 5px;
	padding: 0;
	font-weight: normal;
	text-transform: normal;
	text-align: left;
	font-size: 10px;
	line-height: 14px;
}

li.gaultmillau img {
	margin: 5px 0 5px 0;
	padding: 0;
	border: 0;
}

/*---------------------- Facebook-Hinweis -------------------*/

#facebook {
	margin: 15px 0 0 0;
	padding: 0;
	width: 160px;
	height: auto;
	text-align: center;
}

#facebook a, #facebook a:visited {
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: normal;
	font-size: 9px;
	color: #e7dbbf;
	text-decoration: none;
}

#facebook img {
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
}

/*---------------------- Bild Startseite -------------------*/

img.homepic {
	margin: 5px 0 0 35px;
	padding: 0;
}

/*---------------------- Öffnungszeiten Startseite -------------------*/

#oeffnungszeiten h2 {
	margin: 15px 0 15px 35px;
	padding: 0;
}

#oeffnungszeiten ul {
	margin: 0 0 0 35px;
	padding: 0;
}

#oeffnungszeiten ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.hinweis {
	margin: 0 0 0 35px;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #444;
	width: 450px;
}

div.hinweis p {
	margin: 0 0 5px 0;
	padding: 0;
}

/* Formulare ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

input, .inputfeld, .inputfeld_textarea { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	border:1px solid #553117;
}

.button { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#FFFFFF; 
	border:1px solid #FFFFFF; 
	background-color:#553117;
	width: 80px;
	height: 20px;
}