/*******************************************************************************
********************************************************************************
	Projekt		: Hotel Mutterhaus
********************************************************************************
*******************************************************************************/

/*	Reset - NICHTS VERAENDERN *************************************************/
* {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}

a {
	text-decoration:none;
}

img, fieldset {
	border: 0;
}

img {
	vertical-align: bottom;
}

ol, ul, li {
	list-style: none;
}

strong {
	font-weight: bold;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	position:relative;
	background-color: #FFF;
	color: #000;
	font-size: 100.01%;
	font-weight: normal;
	line-height: 1;
	text-align:left;
}


/*	Standard - NICHTS VERAENDERN **********************************************/

body, div, p, 
a, span,  
li {
	background-repeat:no-repeat;
}

ol li {
	list-style-type: decimal;
}

.fl-left { 
	float: left;
	margin: 0 20px 0 0;
}

.fl-right { 
	float: right;
	margin: 0 0 0 20px;
}
.algn-left { 
	text-align: left;
}
.algn-right { 
	text-align: right;
}
.algn-center { 
	text-align: center;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

.clear { 
	clear: both;
}




/*	Allgemeines ***************************************************************/
h1 {
	margin-bottom: 9px;
	color: #A8A9AC;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 1px;
}

h2 {
	margin-bottom: 1em;
	color: #999A9C;
	font-size: 1.3em;
	font-weight: normal;
}

h3 {
	margin-bottom: 15px;
	color: #333;
	font-size: 1.25em;
	font-weight: normal;
}
div.box h3 {
	margin: 0 18px 0 0;
	padding-left: 8px;
	background-color: #FABB3A;
	color: #FFF;
	
	margin: 0 0 0 0;
}
div.quotes h4 {
	color: #FABB3A;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
}


a {
	color: #FABB3A;
}
a:hover {
	text-decoration: underline;
}


div#cnt a, 
div#sdbr a {
	font-weight: bold;
}

div#cnt ul, 
div#cnt ol, 
div#cnt table {
	margin-bottom: 1em;
}
div#cnt p {
	margin-bottom: .6em;
} 
div#cnt ul, 
div#cnt ol {
	margin-left:0px;
}
div#cnt p, 
div#cnt ul, 
div#cnt ol, 
div#cnt table, 
div.box div.box-cnt {
	font-size: 1.1em;
}
div#cnt ul ul, 
div#cnt ol ul
div#cnt ul ol, 
div#cnt ol ol {
	font-size: 1em;
}
div#cnt ol {
	margin-left:20px;
}
div#fcnt ul li {
	padding-left: 10px;
	background-image: url(/files/lsi.gif);
	background-position: 0px 6px;
}


/*	Seitestruktur *************************************************************/
body {
	font-family: helvetica, arial, verdana, "times new roman", sans-serif;
}

div#wbst {
	width: 1000px;
	color: #000;
	font-size: .7em;
}

div#hdr, 
div.wrppr {
	float: left;
	width: 100%;
}

div#hdr {
	position: relative;
	height: 113px;
	background-image: url(/files/bg_hdr.gif);
	background-repeat: no-repeat;
}
div#wrppr-navi-cnt {
	margin-bottom: 50px;
	background-image: url(/files/bg_cnt.gif);
	background-repeat: no-repeat;
}

div.wrppr div#fnavi, 
div.wrppr div#fsrch {
	float: left;
	width: 244px;
}
div.wrppr div#wrppr-cnt, 
div.wrppr div#hm-tags{
	float: right;
	width: 756px;
	line-height: 1.4;
}
div.wrppr div#wrppr-cnt div#fcnt {
	float: left;
	width: 550px;
	padding-bottom:100px;
}
div.wrppr div#wrppr-cnt div#fcnt div#cnt {
	padding: 20px 13px 20px 26px;
}
div.wrppr div#wrppr-cnt div#fsdbr {
	float: right;
	width: 206px;
}
div.wrppr div#wrppr-cnt div#fsdbr div#sdbr {
	padding: 20px 0 0 0;
}

div#bttm {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 1000px;
	background-color: #FFF;
	border-top: 20px solid #FFF;
}

/*	Header ********************************************************************/
div#hdr div#logo {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/files/logo.gif);
	background-repeat: no-repeat;
}
div#hdr div#logo p a {
	display: block;
	width: 226px;
	height: 113px;
	text-indent: -1000em;
}
div#hdr div#hdr-img {
	position: absolute;
	top: 0;
	left: 264px;
	display: block;
}
div#hdr h1#hdr-txt {
	position: absolute;
	top: 15px;
	right: 8px;
	color: #D99200;
	color: #FABB3A;
	font-size: 1.5em;
	letter-spacing: 1px;
}
div#hdr div#navi-meta {
	position: absolute;
	bottom: 5px;
	right: 8px;
}

div#hdr div#navi-meta ul li {
	display: block;
	float: left;
	padding: 0 13px;
	border-left: 1px solid #999A9C;
}
div#hdr div#navi-meta ul li.li-frst {
	border-left: 0;
}
div#hdr div#navi-meta ul li.li-lst {
	padding-right: 0;
}
div#hdr div#navi-meta ul li a, 
div#hdr div#navi-meta ul li span {
	display: block;
	color: #999A9C;
}
div#hdr div#navi-meta ul li span {
	color: #FFF;
}


/*	Navigationen **************************************************************/
div#navi-main {
	padding: 17px 18px 0 18px;
	padding-right: 8px;
	font-size: 1.1em;
}
div#navi-main ul li {
	display: block;
	margin: 8px 0;
}
div#navi-main ul li a, 
div#navi-main ul li span {
	display: block;
	padding: 2px 5px 2px 2px;
	color: #6F7072;
}
div#navi-main ul li.spcl a, 
div#navi-main ul li.spcl.active a, 
div#navi-main ul li.spcl span {
	background-color: #FBDC9B;
	color: #D99200;
	font-weight: bold;
}
div#navi-main ul li a:hover, 
div#navi-main ul li.active a, 
div#navi-main ul li.spcl.active a, 
div#navi-main ul li.spcl span, 
div#navi-main ul li span {
	background-color: #FABB3A;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
div#navi-main ul li.spcl a:hover, 
div#navi-main ul li.spcl.active a, 
div#navi-main ul li.spcl span {
	font-weight: bold;
}
div#navi-main ul li.active a {
	font-weight: normal;
}

div#navi-main ul li ul li, 
div#navi-main ul li.active ul li, 
div#navi-main ul li.current ul li {
	margin: 0;
	background-color: #E5E6E7;
	font-size: .95em;
}
div#navi-main ul li ul li a, 
div#navi-main ul li.spcl ul li a, 
div#navi-main ul li.spcl ul li span, 
div#navi-main ul li.active ul li a, 
div#navi-main ul li ul li span {
	padding-top: 4px;
	padding-bottom: 2px;
	background-color: #E5E6E7;
	color: #6F7072;
	font-weight: normal;
}
div#navi-main ul li ul li a:hover, 
div#navi-main ul li ul li span, 
div#navi-main ul li ul li.active a, 
div#navi-main ul li.spcl ul li span {
	background-color: #BEBFC1;
	color: #FFF;
}


/*	Inhaltsspalte *************************************************************/
p.image {
	padding-top: 4px;
}
p.image span {
	display: block;
	padding: 10px 0 0 0;
	color: #BEBFC1;
	font-size:0.9em;
}



table.rooms {
	width: 100%; 
	background-image: url(/files/thead.jpg);
	background-position: 100% 0%;
	background-repeat: no-repeat;
	border-collapse: collapse;
	border-spacing: 0;
}
body.clang-1 table.rooms {
	background-image: url(/files/thead_en.jpg);
}
table.rooms thead {
}
table.rooms th {
	padding-bottom: 5px;
}

table.rooms th span {
	display: block;
	height: 67px;
	text-indent: -1000em;
}
body.clang-1 table.rooms th span {
	height: 84px;
}

table.rooms .col-1 {
	width: 224px;
}
table.rooms .col-2 {
	width: 37px;
}
table.rooms .col-3 {
	width: 90px;
}
table.rooms .col-4 {
	width: 37px;
}
table.rooms .col-5 {
	width: 37px;
}
table.rooms .col-6 {
	width: 39px;
}
table.rooms .col-7 {
	width: 37px;
}


table.rooms tr td {
	padding-top: 3px;
	border: 1px solid #E2DFD7;
	text-align: center;
}
table.rooms tr.colored td, 
table.rooms tr td.col-1 {
	background-color: #FFF;
}
table.rooms tr.colored td {
	padding-left: 5px;
	background-color: #FCE7C3;
	text-align: left;
}
table.rooms tr.colored td a {
	color: #fabb3a;;
}



table.nrml {
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
}
table.nrml tr th {	
	font-weight: bold;
	text-align: left;
}
div#cnt table.nrml tr td { 
	padding: 0px 10px 0 0;
	text-align: left;
}




table.mtrx {
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
}
table.mtrx tr th {	
	font-weight: bold;
	text-align: left;
}
div#cnt table.mtrx tr td { 
	padding: 0px 10px 0 0;
	text-align: left;
}
div#cnt table.mtrx tr.colored td { 
	background-color: #FCE7C3;
}



/*	rechte Spalte *************************************************************/
div.box {
	margin-bottom: 20px;
}
div.box div.box-cnt {
	padding: 10px 15px 8px 15px;
	padding-right: 10px;
	background-color: #FBDC9B;
}
div.box li, 
div.box li a {
	display: block;
}
div.box li a {
	padding-left: 8px;
	background-image: url(/files/lis_box.gif);
	background-position: 0px 7px;
	color: #7A7A7A;
}

div.quotes {
	margin: 0 0 20px 26px;
	color: #999A9C;
}
div.quotes blockquote p cite {
	display: block;
	font-style: normal;
	text-align: right;
}


/*	Search ********************************************************************/
div#fsrch form {
	padding: 0 18px;
}
div#fsrch form label {
	display: block;
	color: #999A9C;
	font-size: 1.1em;
	font-weight: bold;
}
div#fsrch form input.ftxt  {
	width: 138px;
	padding: 1px 2px;
	border: 1px solid #E6E6E6;
}
div#fsrch form input.fsbmt-image  {
	vertical-align: bottom;
}
* html div#fsrch form input.fsbmt-image  {
	margin-top: 2px;
	vertical-align: top;
}


/*	Tags **********************************************************************/
div#hm-tags ul {
	margin: 7px 0 0 26px;
}
div#hm-tags ul li {
	display: block;
	float: left;
	margin-right: 15px;
}
div#hm-tags ul li a, 
div#hm-tags ul li span {
	display: block;
	padding: 3px 10px 1px 10px;
	border: 1px solid #FABB3A;
	color: #FABB3A;
	font-size: 1.1em;
}
div#hm-tags ul li a:hover, 
div#hm-tags ul li span {
	border-color: #999A9C;
	color: #999A9C;
}


/*	Breadcrumb ****************************************************************/
div#brdcrmb {
	float: left;
	width: 100%;
	margin-top: 10px;
	background-image: url(/files/bg_brdcrmb.gif);
}
div#brdcrmb ul li {
	display: block;
	float: right;
	margin-left: 5px; 
	white-space: nowrap;
	
}
div#brdcrmb ul li.li-frst {
	width: 128px;
	background-color: #FABB3A;
}
div#brdcrmb ul li a, 
div#brdcrmb ul li span {
	display: block;
	padding: 3px 0 1px 2px;
	color: #FABB3A;
}
div#brdcrmb ul li a:hover {
	color: #999A9C;
}
div#brdcrmb ul li.li-frst a {
	color: #FFF;
}



/*	Formulare *****************************************************************/

form#ffrm-cntct div.ffrm-wrppr {
	clear: both;
	float: left;
	width: 100%;
}

form#ffrm-cntct div.ffrm-wrppr p.lft, 
form#ffrm-cntct div.ffrm-wrppr p.rght {
	float: left;
	width: 255px;
}
form#ffrm-cntct div.ffrm-wrppr p.rght {
	float: right;
}

form#ffrm-cntct div.ffrm-wrppr p label, 
form#ffrm-cntct div.ffrm-wrppr p span.lgnd {
	display: block;
}
form#ffrm-cntct div.ffrm-wrppr p label.missing {
	color: #C00;
}
form#ffrm-cntct div.ffrm-wrppr p.ffrm-rdo label {
	display: inline;
}


form#ffrm-cntct div.ffrm-wrppr p.ffrm-txt input, 
form#ffrm-cntct div.ffrm-wrppr p.ffrm-slct select, 
form#ffrm-cntct div.ffrm-wrppr p.ffrm-txtr textarea {
	border: 1px solid #999A9C;
	font-size: 1em;
}
form#ffrm-cntct div.ffrm-wrppr p.ffrm-txt input.missing, 
form#ffrm-cntct div.ffrm-wrppr p.ffrm-slct select.missing, 
form#ffrm-cntct div.ffrm-wrppr p.ffrm-txtr textarea.missing {
	border-color: #C00;
}
form#ffrm-cntct div.ffrm-wrppr p.ffrm-txt input {
	width: 226px;
	padding: 2px;
}
form#ffrm-cntct div.ffrm-wrppr p.ffrm-slct select {
	width: 230px;
}
form#ffrm-cntct div.ffrm-wrppr p.ffrm-txtr textarea {
	width: 482px;
	height: 46px;
	padding: 2px;
}
form#ffrm-cntct div.ffrm-wrppr p.ffrm-rdo input {
	margin: 0 10px 0 5px;
	vertical-align: middle;
}

form#ffrm-cntct div.ffrm-wrppr p.ffrm-sbmt input {
	/*padding: 2px 20px 2px 0px;
	background: none;
	background-image: url(/files/srch_sbmt.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border: 0;
	font-size: 1em;*/
	background-color:#FBC961;
	border:none;
	color:#7A7A7A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px;
	cursor:pointer;
}

div#cnt p.buttonlink{
	position:absolute;
	bottom:0;
	right:0;
}
div#cnt p.buttonlink a:link,
div#cnt p.buttonlink a:visited,
div#cnt p.button a:link,
div#cnt p.button a:visited{
	background-color:#FBC961;
	border:none;
	color:#7A7A7A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:4px 9px;
	cursor:pointer;
}
div.layout_5 {
	float: left;
	width: 48%;
}
.trivago_widget_portrait {
	float:left;
	margin-right:4px;
}

.leftColumn,
.rightColumn {
	float:left;
	width:250px;
	position:relative;
	margin:10px 0;
	/*padding-bottom:25px;*/
}

.rightColumn {
	float:right;
}
.gllr{
	width:518px;
	float:left;
	position:relative;
}
.cntnr{
	width:450px;
	float:left;
	overflow:hidden;
	margin:0 8px;
}
.cntnr ul{
	float:left;
	width:5000px;
}
div#fcnt .cntnr ul li{
	margin:0 10px 0 0;
	float:left;
	padding:0;
}
a.lft_btn:link,
a.lft_btn:visited,
a.rght_btn:link,
a.rght_btn:visited{
	display:block;
	background:url(pfeil_gelb_links.jpg) no-repeat;
	float:left;
	width:26px;
	height:70px;
	margin-top:20px;
}
a.rght_btn:link,
a.rght_btn:visited{
	background:url(pfeil_gelb_rechts.jpg) no-repeat;
	float:right;
}
a.lft_btn_dsbld:link,
a.lft_btn_dsbld:visited{
	background:url(lft_dis.gif) no-repeat;
	cursor:default;
}
a.rght_btn_dsbld:link,
a.rght_btn_dsbld:visited{
	background:url(rgt_dis.gif) no-repeat;
	cursor:default;
}