/*
Farben:
content Hintergrund orange: #fac074
content Hintergund orange dunkel: #f5b870
teaser spalte dunkelrot: #4c1e1e
Hauptmenu Hintergrund grün: #244d17
Logo grün: #367c26
Headings dunkelrot: #660000
*/

* {
	margin: 0;
	padding: 0;
}

body {
	/*position: relative;*/
	background: url(../images_pres/bg_drot.gif) center 0%;
	color: black;
	font-family: verdana, helvetica, sans-serif;
	font-size: 100.1%;
	text-align: center;
	line-height: 1.1em;
	/*	overflow: hidden;*/
/*height: 1000px;*/
}

p {
	font-weight: normal;
	margin-bottom: 0.8em;
}

#main p { padding-right: 24px; }

body#by_start #main p { padding-right: 0; }

h1, h2, h3, h4, h5, h6, ul, ol {
	font-weight: normal;
	margin-bottom: 6px;
}

a { outline: none; }

a { color: #2a511d; text-decoration: none; border-bottom: 1px dotted #631111;}
/*a:visited { color: #B34646; border-bottom: 1px dotted #B34646; }*/
a:hover, a:focus, a:active { color: #631111; border-bottom: 1px solid #631111;}

a img {
	border: none;
}

h1, h2, h3, h4, h5 { color: #631111; }
	
h1 { /*font-size: 1.4em;*/
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.a_preise h1 {
	font-size: 120%;
	margin-top: 24px;
}

h2 { 
	font-size: 1.2em;
	margin-bottom: 0.2em;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.2em;
}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 0.2em;
}

h4 span { font-weight: normal; }

h5 { font-size: 1.0em; }

.urgent {
	color: #9F1610;	
}

ul span, h1 span { display: none; }
ul.separator li span { display: inline; padding-left: 8px; font-style: italic; }

#main ul li {
	list-style-image: url(../images/picto/list_diamond_2.gif); 
}

#main img.floatleft,
#main img.floatright,
.border { 
	padding: 1px;
	border: 1px solid silver;
	margin-top: 5px;
}

span.gb_autor {
	font-weight: normal;
}

span.gb_datum {
	position: absolute;
	display: block;
	top: 0;
	right: 252px;
	font-weight: normal;
	text-align: right;
}

div.main_wrap h3 {
	float: left;
	background: #F2E3AA;
	width: 396px;
	padding: 2px 24px;
}

#main.xxl h1 { background: url(../images_pres/bg_gallery_top.gif) 468px 13px no-repeat ; }

#main ul.iconlist {
	list-style-type: none;
	list-style-image: none;
	margin: 12px 0 0 0;
}

#main ul.iconlist li {
	display: block;
	width: 100%;
	float: left;
	margin-right: 12px;
}

#main ul.iconlist li img {
	float: left;
	margin-right: 12px;
}

/* ====== DIV tapete ==========*/
#tapete {
	position: absolute;
	left: 0;
	width: 100%;
	height: 984px;
	background: url(../images_pres/bg_drot_shd.jpg) center -11px repeat-x;
	overflow: visible;
}

/* ====== DIV head_wrap (Hintergund für Header) ==========*/
#head_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
/*	background: transparent;*/
}

#head_top {
	height: 29px;
	border-bottom: 1px solid silver;
}

#head_mid { 
	width: 100%;
	height: 168px;
	background: white url(../images_pres/bg_head_mid2.jpg) center repeat-x;
}

#head_bottom {
	height: 28px;
	background: url(../images_pres/bg_mainmenu_gruen.jpg) repeat-x;
	border-top: 2px solid #367c26;
}

/* ################   Position ################  */

#all {
	position: relative;
	/*color: #4c1e1e;*/
	color: #631111;
	font-size: 0.7em;
	margin: 0 auto;
	width: 1008px;
	text-align: left;
	overflow: visible;
}

#left_brd {
	position: relative;
	float: left;
	width: 24px;
	height: 744px;
	background: url(../images_pres/bg_drot_left_shd.jpg) no-repeat;
	/*overflow: hidden;*/
}

#right_brd {
	position: relative;
	float: right;
	width: 24px;
	height: 744px;
	background: url(../images_pres/bg_drot_right_shd.jpg) no-repeat;
	/*overflow: hidden;*/
}

#content_wrap {
	position: relative;
	float: right;
	width: 960px;
	background: #fac074 url(../images_pres/bg_main_xl.gif);
	/*overflow: visible;*/
}

#header {
	position: relative;
	height: 228px;
	text-align: right;
	margin: 0 36px;
}

#topmenu {
	position: absolute;
	width: 960px;
	top: 0;
	left: 0;
}

#mainmenu {
	position: absolute;
	top: 200px;
	left: 254px;
	background: transparent;
}

#counter a {
	visibility: hidden;
}

#counter a:hover {
	visibility: visible;
}
/* =========== sprachmenue ============*/

ul#sprache_m li img {
	margin-top: 6px;
}

/* =========== topmenue + mainmenue ==========*/

ul#sprache_m {
	position: relative;
	left: 0;
	float: left;
	z-index: 1000;
}

ul#top_m {
	position: absolute;
	top: 0;
	left: 250px;
}

ul li#ml_aktuell a {
	position: absolute;
	top: 0;
	left: 536px;
}

/*ul li#ml_gaestebuch a {
	position: absolute;
	top: 0;
	left: 536px;
}*/

ul.menue {
	display: block;
	text-align: right;
}

ul.menue li {
	text-align: center;
	display: block;
	float: left;
}

ul.menue li a:link,
ul.menue li a:visited {
	display: block;
	float: left;
	height: 28px;
	background: transparent;
	color: #fac074;
	text-decoration: none;
	padding: 0px 12px;
	line-height: 30px;
}

ul.menue li a:hover,
ul.menue li a:active {
	background: #660000 url(../images_pres/arrow_l_orange.gif)  0 center no-repeat;
	/*color: #fac074;*/
	color: #fff;
}

p#telefon {
	position: absolute;
	top: 8px;
	left: 802px;
	color: #fac074;
}

/* ========= DIV logo ==========*/
#logo {
	position: absolute;
	top: 60px;
	left: 0;
	text-align: left;
	z-index: 0;
}

#logo img {	display: block; }

/* ========= DIV content ==========*/
#contentarea {
	position: relative;
	width: 960px;
	height: 1884px;
	min-height: 1184px;
	float: left;
	background: transparent url(../images_pres/bg_main_xl_top.jpg) no-repeat;
	/*overflow: visible;*/
}

/* ========= DIV submenu ==========*/
#submenu {
	position: relative;
	background: transparent;
	float: left;
	margin: 97px 0 0 0;
	width: 240px;
}

#submenu img {
	margin: 24px;
}

#submenu ul {
	list-style-type: none;
	margin: 0 24px 24px 24px;
}

#submenu ul li {
	position: relative;	/* für IE6 */
	float: left;
	width: 100%;
	margin:0 0 4px;
	padding:0;
}

#submenu ul li a {
	display: block;
	font-weight: bold;
	padding:3px 4px 3px 24px;
	text-decoration:none;
}

#submenu ul li a:link, #submenu ul li a:visited {
	/*color: #2a511d;*/
	border-bottom: 1px dotted #5db340;
}

#submenu ul li a:hover, #submenu ul li a:active, #submenu ul li a:focus {
	color: #660000;
	background: url(../images_pres/arrow_l.gif)  0 center no-repeat;
}

#submenu ul li.nolink {
	margin: 12px 0 8px 0;
}

#submenu ul li.nolink a, #submenu ul li.nolink a:hover {
	color: #660000;
	font-weight: normal;	
}

ul.submenue li span {
	display: block;
	font-weight: bold;
	color: #b34646;
	padding:3px 4px 3px 24px;
	border-bottom: 1px dotted #5db340;
}

/* ========= DIV sub_hinweis ==========*/

#sub_hinweis {
	background: transparent url(../images_pres/bg_sub_hinweis.jpg) no-repeat;
	float: left;
	width: 156px;
	height: 156px;
	line-height: 1.2em;
	font-style: italic;
/*	border: 1px solid #FBE2C4;*/
	padding: 24px 12px 12px 6px;
	margin: 6px 0 6px 16px;
	overflow: visible;
}

#sub_hinweis.lang {
	height: 196px;
	background: transparent url(../images_pres/bg_sub_hinweis_lang.jpg) no-repeat;
}

body#by_arra #sub_hinweis {
	display: none;
}

#sub_hinweis p {
	line-height: 1.4em;
	padding: 12px 6px 0 24px;
	margin: 1px;
}

#sub_hinweis h4 {
	font-weight: normal;
	padding: 12px 2px 6px 24px;
}

#sub_hinweis ul {
	line-height: 1.2em;
	font-style: italic;
}

#sub_hinweis a:hover {
	text-decoration: none;
}

#sub_hinweis ul li a {
	font-weight: normal;
}

#sub_hinweis ul li a:hover,
#sub_hinweis ul li a:link,
#sub_hinweis ul li a:visited {
	border: none;
	background: transparent;
}


/* ========= DIV einzelpreise ==========*/

#einzelpreise {
	position: relative;
	/*height: 200px;*/
}

#einzelpreise table {
	width: 168px;
	float: left;
	padding: 6px;
	margin-left: 24px;
}

#einzelpreise tr {
	height: 2em;
}

#einzelpreise td.preis {
	text-align: right;
}

#einzelpreise p {
	float: left;
	margin-left: 30px;
}

/*#einzelpreise ul {
	width: 180px;
	padding: 0;
	margin: 0 0 0 24px;
	border: 1px solid red;
}
#einzelpreise ul li {
	display: inline;
	padding: 6px;
	margin-bottom: 6px;
	background: white;
	border: 1px solid green;
}

#einzelpreise ul li span {
	position: absolute;
	display: block;
	right: 6px;
	background: white;
	margin-top: -1.7em;
}
*/

/* ========= DIV teaser ==========*/
#teaser {
	position: relative;
	color: #fac074;
	float: right;
	width: 216px;
	height: 100%;
	padding: 97px 0 24px 24px;
	overflow: visible;
/*	overflow: hidden;*/
}

#teaser p {	padding-right: 12px; }

#teaser h2, #teaser h3 { color: #fac074; }

#teaser ul { 
	float: left;
	list-style-type: none;
}

#teaser ul.gallery {
	background: url(../images_pres/bg_gallery_top.gif)  no-repeat ;
	padding: 48px 0 0 0;
	margin-top: -48px;
}

body#by_start #teaser ul.gallery {
	margin-top: 48px;
}

#teaser ul.angebote { margin-top: 0; }

#teaser ul li {
	float: left;
	line-height: 0;
	padding: 0;
	margin: 6px 9px 6px 0;
	border: 1px solid #666;
}

#teaser ul.angebote li {
	border: none;
	margin: 12px 0 0 0;
}

#teaser ul li img,
#main.xxl div#accordion img {
	border: 1px solid #444;
	margin: 1px;
}

#main.xxl span.frame {
	display: block;
	float: left;
	border: 1px solid #666;
	padding: 0px;
	margin: 0 11px 10px 0;
}

#teaser ul.angebote li img {
	border: none;
	margin: 0;
}

#teaser.notoppad { padding-top: 0; }

#teaser a {
	color: #fac074;
	font-weight: bold;
}

#teaser ul.angebote li.topaktuell {
	padding: 0;
	margin: 0;
}

/* ========= DIV main ==========*/
#main {	
	position: absolute;
/*	float: left;*/
	left: 240px;
	top: 0px;
	background: transparent;
	width: 415px;
	padding: 36px 24px 24px 36px;
}

body#by_start #main {	left: 0; }

#main.xxl {	
	width: 684px;
	padding: 36px 0 0 36px;
}

#main.xl {
	width: 612px;
	padding: 36px 72px 0 36px;
}

#main ul { margin-left: 24px; }

#main.xxl ul { margin-left: -24px; }

div.main_wrap {	
position: relative;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 12px;
	overflow: visible;
}

div.main_sp1 {
	position: relative;
	float: left;
	width: 408px;
	padding-right: 24px;

}

div.main_sp2 {
	position: relative;
	float: right;
	width: 216px;
	padding-left: 24px;

}

/* ========= DIV bottom ==========*/
/*#bottom {
	float: right;
	width: 696px;
}
*/
/* ========== DIV footer ==========*/
/*#footer {
	clear: both;
	height: 24px;
	width: 1008px;
	background: maroon url(../images_pres/bg_footer_drot.jpg) ;
	color: #666;
	margin-left: 0px;
}*/

#footer {
/*	position: relative;*/
	clear: both;
	height: 72px;
	width: 1008px;
	font-size: 90%;
	background: url(../images_pres/bg_footer_2.gif) no-repeat;
}

#footer div.wrap {
	position: relative;
	float: right;
	width: 672px;
	text-align: center;
	margin-right: 288px;
	/*border-top: 1px dotted #993c3c;*/
}

#footer div.wrap ul {
	list-style-type: none;
	line-height: 1.4em;
	display: block;
	width: 672px;
	padding-top: 3px;
	margin: 0;
}

#footer div.wrap ul li {
	display: inline;
	margin: 0 16px 0 0;
}

#footer div.wrap ul li a {
	color: #993c3c;
}



/*** ================== allgemeine Klassen ===========================  */

span.remove { text-decoration: line-through; }

#main ul.nobullet li { list-style-type: none; list-style-image: none; }

.unseen { display: none; }

.zentriert {
	display: block;
	width: 100%;
	clear: both;
	text-align: center;
}

.clearfix {	clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }

.imgborder {
	border: solid 4px #eee;
	border-top: solid 3px #eee;
	border-bottom: solid 5px #eee;
}
	
.floatright {
	float: right;
	margin: 0 0 2px 12px;
}

.floatleft {
	float: left;
/*	clear: left;*/
	margin: 0 16px 2px 0;
}

/*.fullwidth { width: 100%; }*/

.caption { margin-left: 0px; }

.off_left {	margin-left: -180px; }

.zeilen_eng { line-height: 1.2em; }

.fett { font-weight: bold; }

.abstand_top { margin-top: 24px; }

p.trenner,
li.trenner,
p.ende {
	padding-bottom: 36px;
	background: url(../images_pres/trenner.png) bottom no-repeat;
}
/*#main.xxl p.trenner {
	background: url(../images_pres/trenner.png) left bottom no-repeat;
}*/

div.trenner,
div.ende {
	padding-bottom: 20px;
	background: url(../images_pres/trenner.png) -12px bottom no-repeat;
}

ul.separator li {
	/*width: 90%;*/
	padding-bottom: 4px;
	border-bottom: 1px solid #FBE2C4;
	margin-bottom: 4px;
	
}

#main ul.team {
	margin-left: 0px;
	position: relative;
	}

#main ul.team li {
	display: block;
	position: relative;
	list-style-type: none;
	list-style-image: none;
	width: 400px;
	height: 188px;
	margin-bottom: 8px;
	border-bottom: 1px solid #f2e3aa;
}

ul.team li#gastgeber {
	height: 312px;
}

ul.team li#seniorchefs {
	height: 182px;
	width: 404px;
	margin: 12px 0 0 -4px;
	padding-left: 4px;
	background: #f2e3aa;
	border-bottom: none;
	
}

ul.team li span {
	display: block;
	position: absolute;
	left: 140px;
	bottom: 10px;
}
ul.team li#seniorchefs span {
	left: 270px;
	bottom: 10px;
}

ul.anmerkung {
	padding-left: 22px;
	font-size: 90%;
	font-style: italic;
}

#teaser ul li.text {
	border: none;
	height: auto;
	line-height: 1.4em;
}

/*.unsichtbar,.u2,.invisible , .unseen
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
}*/

#main p.addinfo {
	background-color: #d67e1c;
	color: white;
	padding: 10px;
}

#welterbefilm {
	position: relative;
	z-index: 500;
	/*margin-left: -200px;*/
	float: right;
	padding: 1px;
	border: 1px solid silver;
}

/* ========= spezielle Seitenformate ========== */

/* ========= Arrangements ========== */

div.a_termin {
	display: block;
	float: right;
	text-align: center;
	width: 156px;
	padding: 4px 0;
	border: 1px solid #FBE2C4;
	margin: 6px 0 12px 14px;
	overflow: visible;
}

div.a_termin h4 {
	margin: 0 0 6px 0;
}

div.a_termin img {
	margin: 0;
}

#main div.a_preise {
	display: block;
	width: 100%;
	padding: 4px;
	/*border: 1px solid #FBE2C4;*/
}

#main div.a_preise ul {
	text-align: left;
/*	border: 1px solid white;*/
}

#main.xxl div.a_preise ul { margin-left: 24px; }

body.arrang #main #accordion ul li { 
/*	list-style-type: none;*/
	list-style-image: none;
	padding: 4px 0;
}

body.arrang #main #accordion ul { 
	margin-left: 0;
	padding: 4px;
}

/* ========= Chronik ========== */
body#by_chro #main h3 { 
	display: block;
	font-weight: bold;
	
}

/*img#kofferbild {
	position: relative;
	margin: -24px 0 0 -196px;
	z-index: 200;
}*/


/* ========= Startseite ========== */
body#by_start #main { width: 636px; }

body#by_start #main h1,
body#by_start #main p {	margin-left: 240px; }

img#start_img {
	position: relative;
	float: left;
}

/* ========= Gaestebuch ========== */

body#by_gaestebuch h3 {
	width: 408px;
	margin-left: -12px;
	padding-left: 12px;
}



/* ========= Zimmerpreise ========== */
#content_wrap.xxl { background: #f2e3aa; }
#contentarea.xxl { background: transparent url(../images_pres/bg_content_top_shd.gif) repeat-x; }

/*body#by_prei div.main_wrap {
	float: left;
	margin-left: -24px; 
	margin-bottom: 24px; 
	padding-left: 24px; 
	background: #f5b870;
}*/

/*img.rooms {
	float: left;
	
}*/

/*table.rooms {float: left;}*/

/*table.rooms em {
	font-variant: small-caps;
	font-weight: bold;
	font-style: normal;
	color: #664747;
}*/
/* ========= Zimmerpreise NEU ========== */
body#by_prei div.main_wrap {
	float: left;
	margin-left: -6px; 
	margin-bottom: 24px; 
	padding-left: 6px; 
	background: #f2e3aa url(../images_pres/bg_teaser_hellrot.gif) right repeat-y;
}

div.zimmertext {
	float: left;
	width: 360px;
/*	background: green;*/
	margin-top: 6px;
}

div.zimmertext p{
	margin-bottom: 0px;
}

img.rooms {
	float: left;
	padding: 1px;
	border: solid 1px silver;
	margin: 14px 0 0 16px;
}

div.zimmertext table {
	line-height: 1.2em;
/*	background: red;*/
	width: 312px;
}

div.zimmertext th {
/*	background: yellow;*/
	font-style: italic;
	font-weight: normal;
	padding: 2px;

}

div.zimmertext td {
/*	background: gray;*/
	padding: 2px;

}

/* ========= aktuelles ========== */

body#by_start #teaser { padding-top: 0; }

/* ============ Menuepunkte aktiv setzen ================== */
/* ========= Topmenue ========== */

body#by_kontakt li#ml_kontakt,
body#by_reservierung li#ml_reservierung,
body#by_anreise li#ml_anreise,
body.region li#ml_regionales,
body#by_impressum li#ml_impressum,
body.gaestebuch li#ml_gaestebuch  {
	background: #660000;
	color: #fac074;
}

/* ========= Mainmenue ========== */

body.hotel  li#ml_hotel,
body.restaurant li#ml_restaurant,
body.arrang li#ml_arrangements,
body.feier li#ml_feiern,
body.tagung li#ml_tagungen,
body.jahresplan li#ml_jahresplan,
body.aktuell li#ml_aktuell  {
	background: #660000;
	color: #fac074;
}

/* ========= Submenue ========== */

body#by_fuen ul li#ml_fuenf a,
body#by_geni ul li#ml_genie a,
body#by_wand ul li#ml_wande a,
body#by_koch ul li#ml_kochs a,
body#by_tang ul li#ml_tango a,
body#by_fass ul li#ml_fasse a,
body#by_oste ul li#ml_ostern a,
body#by_mimo ul li#ml_gourm a,
body#by_frue ul li#ml_frueh a,
body#by_goet ul li#ml_goethe a,
body#by_rhein ul li#ml_rhein a,
body#by_wild ul li#ml_wilde a,
body#by_mart ul li#ml_martin a,
body#by_silves ul li#ml_silves a,
body#by_silv2012 ul li#ml_silves2012 a,
body#by_12rae ul li#ml_12raetsel a,
body#by_7gae ul li#ml_7gaenge a,
body#by_wint ul li#ml_winter a,
body#by_narr ul li#ml_narr a,
body#by_jazz ul li#ml_jazz a,
body#by_schinder ul li#ml_schinder a

 {
	background: url(../images_pres/arrow_l.gif) 180px center no-repeat;
}

#holidaycheck {
	position: relative;
	left: 184px;
	top: 50px;
}

ul#sprache_m  ul {
	list-style-type: none;
	display: none;
	height: 27px;
	width: 860px;
	background-color: #FFF4CB;
	border: 1px solid green;
}

ul#sprache_m li:hover ul {
		display: block;
}

ul.int_booking li a {
	display: block;
	border: none;
}

#main.xxl ul#locations,
#main.xxl ul#extras {
	margin-left: 24px;
	width: 418px;
}

/* ========= Preistabellen ========== */

.table_preise {
	border-collapse: collapse;
	width: 416px;
	margin: 16px 0;
}

.table_preise thead th {
	border-bottom: 2px solid #666666;
	padding-bottom: 6px;
}

.table_preise td, .table_preise th {
	text-align: center;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 4px 10px 4px 2px;
}

.table_preise th.col_first {
	border-left: none;
	text-align: left;
}

.table_preise tfoot td {
	border: none;
}

/* ========= Verlängerungstage 2012 temporär ausblenden ========== */

body#by_oste #sub_hinweis,
body#by_7gae #sub_hinweis,
body#by_12rae #sub_hinweis,
body#by_jazz #sub_hinweis,
body#by_silv2012 #sub_hinweis,
body#by_rhein #sub_hinweis {
	display: none;
}

/* ========= FaceBook LikeBox ========== */

.fb-like-box, .fb-comments {
	background-color: #fffbe8;
	float: right;

}

.fb-comments {
	border: 1px solid silver;
}

.fb-like-box {
	margin-top: 70px;
}

/* ============ Ende Stylesheet ================== */