/*
	Friedrich Hotels Styles
	Daan Meskers for Bob Design, Trier
	2009
*/

* { padding: 0; margin: 0; }
a {outline: none;}

HTML, BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:normal;
	background: #FFF; /* #999; */
	height: 100%; width: 100%;
	text-align: center;
}
:root { overflow-y: scroll !important; }
#wrapper { 
	position: relative;
	margin:0 auto;
	width: 995px; 
	min-height: 100%;
	background:#fff url(../../img/header_bg.png) repeat-x center -7px;
}
DIV#wrapper.Home  {
	background-image: none;
	height: 99%; min-height: 99%;
	border: 1px solid #FFF;
	width: auto; overflow: hidden;
}

/* ====================== */
DIV#Left {
	width: 140px; min-height: 100%;	height: 100%;
	vertical-align:top;
	position: absolute;
	text-align: left;
	z-index: 10;
	overflow: hidden;
	top: 0; left: 0;
}
#Header {
	position: relative;
	height: 140px; width: 1010px;
	top: 73px;
	background: transparent url(../../img/header_schrift_small.png) no-repeat center ;
}
div#Header div.LightboxBilder {
	display: none;
}
DIV#wrapper.Home DIV#Header {
	background: #988766 url(../../img/header_schrift_home.png) no-repeat center center !important;
	position: absolute;
	left: 0; top: 0;  height: 50%; margin: 0; padding: 0;
	width: 100%;
}
DIV#wrapper.Home DIV#Content {
	position: absolute; top: 50%; left: 0; width: 100% !important;
}
DIV#wrapper.Home DIV#Content UL  {
	display: block; width: 100%;
}
DIV#wrapper.Home DIV#Content UL LI {
	border: 0;
	width: 100%;
	top: -6px !important;
	margin-right: 25px;
}
#Header H1 {
	display: none;
}
#Header IMG {
	margin: 101px auto;
	border: 0;
	/* border-bottom: 1px solid #FFF; */
}
#wrap {
	float: left;
	width: 980px;
	padding: 10px;
	color: #333;
	margin-left:1px;
	background-color:#988766;
	vertical-align: middle;
}

DIV#Left UL, DIV#Right UL {
	list-style: none;
	top: 160px; height: 210px;
	position: relative;
	background: #988766;
}
DIV#Left UL {
	border-right: 1px solid #FFF;
	padding: 0; margin: 0;
	height: auto !important;
	min-height: 219px;
	overflow: hidden;
	z-index: 99;
	top: 174px;

}
DIV#Right UL {
	border-left: 1px solid #FFF;
	margin-top: 14px;
	height: 219px !important;
}
DIV#Left UL LI, DIV#Right UL LI {
	text-transform: uppercase;
}
DIV#Left UL LI A, DIV#Right UL LI A {
	color: #434b4f;
	padding: 5px 0 0 15px;
	font-weight:bold;
	font-size:80%;
	display:block;
	text-decoration:none;
	height:17px;
	vertical-align:top;
	border-bottom: 1px solid #FFF;
	background:#d8cfc5;
}
DIV#Right UL LI A { 
	background:transparent;
	color: #FFF;
	padding-top: 6px;
}
DIV#Left UL LI A:hover, DIV#Right UL LI A:hover,
DIV#Left UL LI A.on {
	background: #FFFFFF;
}
DIV#Right UL LI A:hover, DIV#Right UL LI A.on {
	color: #434b4f;
	background: #FFFFFF;
}
DIV#Left UL LI.empty, DIV#Right UL LI.empty {
	height: 22px;
	border-bottom: 1px solid #FFFFFF;
}
 UL LI.empty I {
	display: none;
}
DIV#Left UL LI.title {
	color: #FFFFFF;
	padding: 7px 10px 7px 0px;
	margin-top: 1px;
	font-weight:bold;
	font-size:95%;
	background:#988766;
	text-align:center;
	border-bottom: 1px solid #FFFFFF;
}
DIV#Left UL LI.title.bottom {
	margin-top: 2px;
	padding-bottom: 9px ;
	/* display: none; */
}
DIV#Left UL LI.title A {
	color: #FFF;
	padding: 0;
	font-size:95%;
	display:inline;
	text-decoration:none;
	height:auto;
	border: 0;
	background: transparent;
}
DIV#Left UL LI UL {
	display: none;
	min-height: 0  !important;
	top: 0; height: auto !important;
	margin: 0; padding: 0;
	border-width: 0;
}
DIV#Left UL LI.on UL {
	display: block;
}
DIV#Left UL LI UL LI, DIV#Left UL LI UL LI A {
	height: auto !important; min-height: auto !important;
}
DIV#Left UL LI UL LI A {
	color: #636b6f;
	padding: 3px 0 3px 20px;
	font-weight: normal;
	display:block;
	text-decoration:none;
	min-height:10px;
	vertical-align:top;
	border-bottom: 1px solid #FFF;
	background:#e8dfd5;
}
DIV#Left UL LI UL LI UL LI A {
	padding: 2px 3px 3px 25px;
	font-size:85%;
	height: auto;
	width: 112px;
	background:#f8efe5;
	color: #838b8f;
}
DIV#Left UL LI UL LI UL LI {
	min-height: 5px;
	height: auto;
}
#Picture { 
	float: left;
	color: #333;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background:#CCC8B3 url(../../img/middle.jpg) no-repeat left top;
	height: 188px;
	width: 608px;
	display: inline;
}
DIV#Right { 
	width: 140px; min-height: 100%;	height: 100%;
	vertical-align:top;
	position: absolute;
	right: 0; top:0;
	text-align: left;
	z-index: 10;
	overflow: hidden;
}
DIV.mywrap {
	position: absolute;
	z-index: 0;
	top: 0; left: 0;
	margin-top: 400px;
	height: 100%; width: 140px;
	z-index: 0;
}
DIV.mywrap  UL LI.title A {
	color: inherit !important;
}
DIV.mywrap  UL LI.title A:hover {
	border-bottom: 1px solid #434b4f !important;
}
DIV#Right DIV.mywrap {
	border-left: 1px solid #c7d0bc;
}
DIV#Left DIV.mywrap {
	border-right: 1px solid #c7d0bc;
	width: 139px;
}
#Footer { 
	width: 709px;
	clear: both;
	color: #999;
	text-align: right;
	border: 1px solid #FFFFFF;
	background-color:#FFFFFF;
	margin: 0 140px 0 140px;
	padding: 3px 5px 0 0;
	position: absolute;
	bottom: 4px;
	background-color: #FFF ;
	border-top: 1px solid #b38e62;
	/* border-right: 1px solid #c7d0bc; */
	left: 0;
}
#Footer A { 
	padding: 0 5px 0 5px;
	color: #AAA;
	letter-spacing: 0.05ex;
}
#Footer A:hover { 
	color: #444;
}
DIV#wrapper.Home  UL#Footer  {
	margin: 0; padding: 5px 0 0 0;
	width: 100%;
	text-align: center;
	border-right: 0;
}
DIV#wrapper.Home  UL#Footer LI {
	display: inline; 
	margin: 1px;
}
DIV#wrapper.Home  UL#Footer LI A {
	text-decoration: none;
	display: inline-block;
	width: 90px;
	padding: 2px 5px 4px 5px;
	color: #999;
}
DIV#wrapper.Home  UL#Footer LI A:hover {
	text-decoration: underline;
	color: #333;
}

/* ====================== */
DIV#Content {
	border: 1px solid #FFF;
	text-align: left;
	position: relative;
	margin:270px 0 0 185px;
	padding-bottom: 35px;
	width: 625px;

}
DIV#Content FORM {
	border: 1px solid #FFF;
	width: 460px;
	margin: 0 0 25px 100px;
	padding: 0 0 25px 0
}
DIV#Content P {
	margin: 1.25em 0 2em 0;
	color: #333;
	width: auto;
	line-height: 160%;
}
DIV#Content P.disclaimer {
	color: #988766;
}
DIV#Content H1 {
	color: #988766;
	font-size: 18px;
	margin: 0.5ex 0 1.5ex 0;
}
DIV#Content H2 {
	color: #988766;
	font-size: 14px;
	margin: 1ex 0 1.5ex 0;
}
DIV#Content H3 {
	color: #988766;
	font-size: 12px;
	margin: 1ex 0 1.5ex 0;
}
DIV#Content STRONG {
	color: #988766;
}
DIV#Content DIV.contentblock {
	border: 1px solid #FFF;
	/* border-left: 1px solid #988766; */
	width: 575px; min-height: 250px;
	float: left;
	display: block;
	margin-left: 13px;
	padding-left: 20px;
	padding-right: 5px;	
}
DIV#Content DIV.contentblock DIV.news-single-item.single2 {
	position: relative;
}
DIV#Content DIV.Block {
	border: 1px solid #FFF;
	width: 49%;
	float: left;
	display: block;
	font-size: 90%;
	color: #666;
}
DIV#Content DIV.Block TABLE TD {
	font-size: 95%;
	border-width: 0;
	border-bottom: 1px solid #CCC;
	padding: 2px 2px 3px 2px;
}
DIV#Content DIV.Block TABLE  {
	border: 0;
}
DIV#Content DIV.clearer {
	border: 1px solid #FFF;
	width: 100%; height: 1px; overflow: hidden;
	clear:both;
	display: block;
}
DIV#Content OL {
	list-style: none;
	display: block;
}
DIV#Content OL LI {
	list-style: none;
	display: block;
	float: left;
	width: 50px; height: 25px;
	background: #f4eee8;
	color: #3f4f52;
	border: 1px solid #c7d0bc;
	padding: 7px 5px 3px 5px; margin: 5px;
}
DIV#Content OL LI A {
	color: #998;
}
DIV#Content OL LI A:hover {
	color: #665;
}
DIV#Content  DIV.align-center,
DIV#Content  .align-center {
	text-align: center;
}
DIV#Content  P.align-center,
DIV#Content  DIV.align-center P {
	/* max-width: 350px;
	margin: auto; */
}
/* ============================================================ */
DIV#Content UL {
	list-style: none;
	display: block;
	float: left;
	width: 180px;
	margin: 6px 20px 0 0; padding: 0;
	display: none;
}
DIV#Content * UL {
	display: block;
}
DIV#Content UL LI {
	width: auto;
	margin: 0; padding: 5px 0 5px 0;
	border-bottom: 1px solid #3f4f52;
	text-transform: Uppercase;
	font-weight: bold;
	font-size: 85%;
	color: #988766;
	letter-spacing: 0.1ex;
}
DIV#Content UL LI A {
	font-weight: normal;
	color: #3f4f52;
	letter-spacing: 0;
}
DIV#Content UL LI.text {
	margin: 8px 7px 6px 3px;
	text-transform: none;
	font-size: 85%;
	color: #899;
}
DIV#Content UL LI A {
	text-decoration: none;
	color: #666;
}
DIV#Content UL LI A.on {
	font-weight: bold;
	color: #988766;
}
DIV#Content UL LI A:hover {
	text-decoration: underline;
	color: #234;
}
DIV#Content UL LI UL {
	width: 150px;
	margin: 0; padding: 3px 0 0 15px;
}
DIV#Content UL LI UL LI {
	margin: 0; padding: 6px 0 4px 4px;
	font-size: 95%;
	color: #5f6f72 !important;
}
DIV#Content UL LI UL LI A {
	color: #5f6f72;
}
/* ============================================================ */
DIV#Content DIV.contentblock DIV.List H3 {
	float: left;
	width: 185px; 	
	color: #333; font-weight: normal; font-size: 95%;
}

DIV#Content DIV.contentblock.breiter DIV.List H3 {
	width: 155px; 	
	display: block;
}
DIV#Content DIV.contentblock DIV.List UL  {
	float: left;
	width: 380px;
	margin: 4px 0; padding: 0 0 10px 0;
}
DIV#Content DIV.contentblock.breiter DIV.List UL {
	width: 450px; 	
}
DIV#Content DIV.contentblock DIV.List UL LI {
	color: #333; font-weight: normal; font-size: 95%;
	border: 0; text-transform: none; letter-spacing: 0;
	margin: 1px 0 2px 0; padding: 0 2px 2px 6px ;
	list-style-image: url(../../img/block_brown.png);
	list-style-type: circle;
	line-height: 155%;
}
DIV#Content DIV.contentblock.breiter DIV.List UL LI.off {
	list-style: none;
	color: #999;  padding: 0;
	left: -11px; position: relative;
}
DIV#Content DIV.contentblock DIV.List + TABLE {
	clear: both; 	
}
DIV#Content  DIV.Adressen {
	width: 100%;
}
DIV#wrapper.Home  DIV#Content  DIV.Adressen {
	width: 100%;
	margin: auto;
	text-align: left;
	padding-left: 83px;
}
DIV#Content  DIV.Adressen DIV {
	width: 37%;
	display: block;
	float: left;
	/* color: #988766 !important; */
	color: #888 !important;
        margin: 0 0 0 70px;
}
DIV#Content  DIV.Adressen DIV.Left {
	text-align: right;
        margin: 0 60px 0 0;
}
DIV#Content  DIV.Adressen DIV P {
	color: #888 !important;
}


/* ============================================================ */
DIV#wrapper.Home  DIV#Content  {
	margin: 20px 0; padding: 0;
	width: 985px;
	width: auto;
	left: 0; top: 50%;
	text-align: center;
	border-top: 1px solid #988766;
}
DIV#wrapper.Home  DIV#Content UL {
	margin: 30px 0 0 0;
	border-top: 1px solid #988766;
	text-align: center;
	list-style: none;
	width: 100%;
}
DIV#wrapper.Home  DIV#Content UL LI {
	display: inline; 
	top: 2px;
	position: relative;
}
DIV#wrapper.Home  DIV#Content UL LI A {
	display: inline-block; 
	
	background: #988766;
	color: #FFF;
	padding: 4px 8px 4px 8px;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid #988766;
	text-transform: uppercase;
	text-decoration: none;
}
DIV#wrapper.Home  DIV#Content UL LI.element4 A {
        height: 27px;
        width: 260px;
        font-size: 1px;
        color: #988766;
        padding: 0; top: -2px; position: relative;
	background:  #988766 url( ../../img/home/fh_intro_rk.png) no-repeat center center;
	margin: 5px 85px 14px 0;
}
DIV#wrapper.Home  DIV#Content UL LI.element5 A {
        height: 27px;
        width: 260px;
        font-size: 1px;
        color: #988766;
        padding: 0; top: -2px; position: relative;
	background:  #988766 url( ../../img/home/fh_intro_ah.png) no-repeat center center;
	margin: 5px 5px 14px 15px;
}

/* DIV#wrapper.Home  DIV#Content UL LI A:hover {
	color: #456;
	border-color: #c7d0bc;
	background-color: #f4eee8;
} */
/* ====================== */
DIV#Left UL#Buchung {
	background: transparent;
	border: 0;
	width: 139px;
	color: #3f4f52;
	margin: 35px 0; padding: 0;
}
DIV#Left UL#Buchung LI {
	background: #FFF;
	top: auto;
	padding: 0 0 0 0;
}
DIV#Left UL#Buchung LI LABEL {
	display: block;
	width: 26px;
	float: left;
	padding-top: 5px;
	font-size: 95%;
}
DIV#Left UL#Buchung LI {
	background: #f4eee8;
	color: #3f4f52;
	top: auto;
	margin: 0;
}
DIV#Left UL#Buchung LI A {
	background: transparent;
	padding: 6px 0 2px 12px;
	letter-spacing: 0.1ex;
	border-top: 1px solid #c7d0bc;
	border-bottom: 1px solid #c7d0bc;
	font-size: 95%;
}
DIV#Left UL#Buchung LI A:hover {
	text-decoration: underline;
	background: #f2ea76;
	color: #584736 !important;
	border-top: 1px solid #988766;
	border-bottom: 1px solid #988766;
}
DIV#Left UL#Buchung LI INPUT {
	width: 80px; height: 13px;
	margin: 5px;
}
DIV#Left UL#Buchung LI BUTTON {
	width: 80px; height: 21px;
	margin: 5px;
	font-size: 11px;
	text-transform: none;
	margin-left: 20px;
}
DIV#wrapper DIV#Left UL#Buchung LI A  {
	color: #3f4f52;
}
DIV#wrapper DIV#Left DIV.mywrap FORM {
	display: none;
}

/* ====================== */
DIV#Content  TABLE {
	width: 85%;
	border: 1px solid #988766;
	border-collapse: collapse;
	margin: 5px 0 15px 0;
}
DIV#Content  TABLE TR TD {
	padding: 2px 5px 2px 4px;
	border: 1px solid #988766;
	color: #666; 
}
DIV#Content  TABLE TR TD P, DIV#Content  TABLE TR TH P  {
	padding: 0; margin: 0;
}
DIV#Content  TABLE TR TH {
	padding: 1px 5px 2px 4px;
	border: 1px solid #988766;
	color: #222; background: #ccc; font-size: 95%;
}
DIV#Content FORM TABLE {
	width: auto; border: 0;
}
DIV#Content FORM TABLE TR TD {
	border: 0;
}

/* =========== NEWS ========== */
DIV.news-single-img {
	display: none;
}
DIV.news-single-item.single1 H2.title {
	display: none;
}

/* ==== GOOGLE MAP ==== */
#google-map {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	width: 716px; height: 220px;
	position: absolute;
	top: 100px; left: 139px;

}
#google-map SMALL {
	position: absolute;
	bottom: 7px; right: 15px;
}
#google-map SMALL A {
	color: #FFF;
}
#map {
	width: 715px; height: 197px;
	position: absolute; top: 101px; left: 140px;
	z-index: 499;
}
#google-map + A,
#google-map + A + FORM,
#google-map + A + FORM + IMG ,
#google-map + A + FORM + IMG + BR + TABLE,
#Header .blackLineBR {
        display: none !important;
}

/* ================= LANGUAGE ========================= */
DIV.tx-srlanguagemenu-pi1 {
  position: absolute;
  bottom: 5px; left: 50%;
  width: 638px; margin: 0 0 0 -318px; 
  border-top: 1px solid #b38e62;
  text-align: center;
  padding: 2px 0 2px 0;
}
BODY DIV.tx-srlanguagemenu-pi1 DIV {
  display: inline;
  display: inline-block;
  padding: 5px 6px 5px 5px;
  color: #999;
}
BODY DIV.tx-srlanguagemenu-pi1 DIV IMG {
  display: none;
}
BODY DIV.tx-srlanguagemenu-pi1 DIV A {
  color: #666 !important;
  font-weight: normal !important;
  border-bottom: 1px solid #666;
  padding-bottom: 1px;
}
BODY DIV.tx-srlanguagemenu-pi1 DIV.CUR A {
  color: #333 !important;
  font-weight: bold !important;
  border-bottom: 1px solid #333;
}
/* ================= EDIT ========================= */
FORM.editForm, IMG.clear-image, BR.blackLineBR, TABLE.blackLine, A.editicon.iconMode, TABLE.logOutTable {
	display: none;
}
TABLE.logOutTable {
	display: none !important;
}
DIV#editPanelSet {
	position: absolute;
}
DIV.contentblock FORM.editForm {
	display: block;
	float: right;
	width: 100px !important;
	position: absolute;
	right: -40px; top: 0;
	border: 0 !important;
}
DIV.contentblock FORM.editForm  A.editicon.iconMode {
	display: block;
	float: left;
	margin-right: 20px !important;
}
DIV#wrapper FORM.editForm, DIV#wrapper  A.editicon.iconMode {
	display: inline;
}
div#Header A.editicon.iconMode {
	display: none;
}
div#Header FORM.editForm {
	display: block;
	position: absolute;
	top: 265px;
	right: 160px;
	z-index: 999;
	
}
div#Header FORM.editForm A.editicon.iconMode {
	display: block;
	position: relative;
	z-index: 999;
	float: left;
	padding: 0 5px 0 0 !important;
}