@charset "utf-8";

/* ===========================================
   (c) 2010 www.sbihl.de
   =========================================== */


/* Allgemeine Definitionen
----------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	background: #fff url(gfx/bg.png) repeat-x 0 181px;	
	color: #535353;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
img,
a img {
	border: 0;
}
hr {
	display: none;
}	
.floatleft {
	float: left;
	margin: 0 25px 10px 0;
}
.floatright {
	float: right;
	margin: 0 0 10px 10px;
}
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}
.xs {
	font-size: .9em;
}
.tab {
	float: left;
	width: 14em;
}
.orangeframe {
	border: 3px solid #f29400;
}

/* Links
----------------------------------------------- */
a,
a:visited {
	color: #000;
	outline: none;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a.spo,
a:visited.spo {
	color: #535353;
	outline: none;
	text-decoration: none;
}
a:hover.spo {
	color: #000;
	text-decoration: none;
}

/* Typo
----------------------------------------------- */
h1, h2, h3, h4 {
	/*letter-spacing: -1px;*/
	line-height: normal !important;
	margin: 0;
	padding: 0;
}
h1.mainheadline {
	background: url(gfx/bg_bigbox_top2.png) repeat-x 0 0;
	font-size: 20px;
	margin: 0;
}
h1.mainheadline span {
	border-bottom: 1px solid #aaa;
	display: block;
	margin: 0 20px;
	padding: 8px 0 6px 0;
}
h1.mainheadline em {
	color: #f57d08;
	font-style: normal;
}
#main h2,
#main h3 {
	background: #d1d2d1 url(gfx/bg_bigbox_top.png) repeat-x 0 0;
	font-size: 16px;
	margin: 0;
	padding: 10px 20px;
}
.fullbox h2,
.fullbox h3 {
	background: #d1d2d1 url(gfx/bg_fullbox_top.png) repeat-x 0 0;
	font-size: 16px;
	margin: 0;
	padding: 10px 20px;
}
h4.aktuelloffer {
	color: #f29400;
	font-size: 14px;
	margin-bottom: 8px;
}
#sidebar h2,
#sidebar h3,
#sidebar h4 {
	background: #d1d2d1 url(gfx/bg_boxhead.png) repeat-x 0 0;
	font-size: 16px;
	margin: 0;
	padding: 10px 20px;
	text-align: center;
}
.ffid {
	color: #0b6e98;
	float: right;
	font-size: 13px;
}
p {
	margin: 1em 0;
	padding: 0;
}
#main ul {
	margin: 0 0 0 15px;
	padding: 0;
}
#main ul li {
	margin: 0;
	padding: 0;
}

/* Layout
-----------------------------------------------*/ 
#header {
	background: url(gfx/bg_nav.png) repeat-x 0 122px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
#innerheader {
	margin: 0 auto;
	padding: 0;
	width: 930px;
}
#logo {
	float: left;
	height: 109px;
	margin: 0;
	padding: 13px 0 0 0;
	width: 100%;
}
#navigation {
	background: #f8ab60 url(gfx/bg_nav.png) repeat-x 0 0;
	float: left;
	font-size: 14px;
	height: 58px;
	margin: 0 0 1px 0;
	padding: 0;
	width: 100%;
}
#teaser {
	float: left;
	height: 280px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
#highlights {
	float: left;
	margin: 0;
	padding: 0;
	width: 197px;
}
#container {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
	min-height: 330px;
	height: auto !important;  /*moderne Browser*/
	height: 330px;  /*IE*/
}
#content {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 930px;
}
#main {
	float: left;
	margin: 0;
	padding: 0;
	width: 600px;
}
.fullbox {
	background: #fff url(gfx/bg_fullbox.png) repeat-y 0 0;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	width: 100%;
}
.bigbox {
	background: #fff url(gfx/bg_bigbox.png) repeat-y 0 0;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	width: 600px;
}
#sidebar {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 310px;
}
.sidebox {
	background: #fff url(gfx/bg_box.png) repeat-y 0 0;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	width: 310px;
}
.innerfullbox {
	background: url(gfx/bg_fullbox_bottom.png) no-repeat left bottom;
	padding: 15px 20px;
}
.innerbigbox {
	background: url(gfx/bg_bigbox_bottom.png) no-repeat left bottom;
	padding: 15px 20px;
}
.innerbigboxtop {
	background: url(gfx/bg_bigbox_top2.png) no-repeat left top;
	padding: 0;
}
.innerboxtext {
	background: url(gfx/bg_boxbottom.png) no-repeat left bottom;
	color: #626262;
	padding: 0 20px 5px 20px;
}
.innerbox {
	background: url(gfx/bg_boxbottom.png) no-repeat left bottom;
	color: #009ee0;
	padding: 0 0 5px 1px;
}
.kontaktbox {
	border-right: 1px solid #ccc;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 160px;
}
.lastkb {
	border-right: none;
	margin-right: 0 !important;
}
#fincamap {
	float: left;
	margin: 0;
	padding: 0;
	width: 395px;
}
#fincaquicklinks {
	float: left;
	margin: 0;
	padding: 0;
	width: 145px;
}
#fincaquicklinks ul {
	margin: 1em 0 0 0;
	padding: 0;
}
#fincaquicklinks ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 1px 0;
}
#fincaquicklinks ul li.fqlcatend {
	padding-bottom: 9px;
}
.offerpic {
	float: left;
	margin: 12px 0;
	padding: 0;
	width: 280px;
}
.offertext {
	float: left;
	margin: 12px 0;
	padding: 0;
	width: 280px;
}
.sonderpreisaktion {
	background: #ff9;
	font-size: 16px;
	padding: 1px 3px;
}
.angebotspreise {
	font-size: 14px;
}
.angebotspreise strong {
	color: #d8000a;
	font-size: 14px;
}
p.morelink {
	margin: 1em 0 0 0;
	padding: 0;
	text-align: right;
}
.topobjekt {
	color: #f29400;
	font-weight: bold;
}
.specialprice {
	color: #f00;
	font-weight: bold;
}
.preview {
	background: #fff;
	border: 4px solid #ff7e02;
	float: right;
	margin: 0 0 10px 10px;
	line-height: 100% !important;
	padding: 0;
}
.youtube {
	background: #fff;
	border: 4px solid #ff7e02;
	float: right;
	margin: 0 0 10px 3px;
	padding: 0;
}
.buchung {
	font-size: 15px;
	font-weight: bold;
}
.leftaddress,
.rightaddress {
	float: left;
	margin: 0;
	padding: 0;
	width: 280px;
}
ul#ausstattung {
	margin: 0;
	padding: 0;
}
ul#ausstattung li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#ausstattungsdetails {
	margin: 0;
	padding: 0;
}
ul#ausstattungsdetails li {
	background: url(gfx/highlight.png) no-repeat 0 4px;
	list-style: none;
	margin: 0;
	padding: 0 0 3px 16px;
}
#thumbs {
	float: left;
	margin: 0 0 1em -9px;
	padding: 17px 0;
	width: 569px;
}
#thumbs p {
	margin: 0 0 1em 9px;
}
#thumbs img,
.flatlist img {
	background: #fff;
	border: 4px solid #ff7e02;
	float: left;
	margin: 0 0 9px 9px;
	padding: 0;
}
#thumbs img {
	background: #fff;
	border: 2px solid #ff7e02;
	float: left;
	margin: 0 0 9px 9px;
	padding: 0;
}
.flatlist img {
	margin: 0 10px 0 0;
}
ul.flatlist {
	float: left;
	font-size: 12px;
	margin: 12px 0 0 0 !important;
	padding: 0;
	width: 560px;
}
ul.flatlist li {
	height: 184px;
	margin: 0;
	list-style: none;
	padding: 0;
}
#footer {
	float: left;
	font-size: 12px;
	margin: 18px 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
#innerfooter {
	margin: 0 auto;
	padding: 0;
	width: 930px;
}


/* Newsticker iframe
-----------------------------------------------*/
#newsflash {
	border: none;
	height: 35px;
	margin: 0 0 5px 0;
	padding: 0;
	scroll: none;
	width: 930px;
}


/* Navigationen
-----------------------------------------------*/
ul#menu {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
ul#menu li {
	display: inline;
	float: left;
	line-height: 44px;
	margin: 0;
	padding: 0;
}
ul#menu li a,
ul#menu li a:visited {
	color: #fff;
	float: left;
	line-height: 44px;
	padding: 0 18px;
	text-decoration: none;
}
ul#menu li a:hover {
	background: url(gfx/bg_nav_active.png) no-repeat top right;
	color: #000;
	float: left;
	text-decoration: none;
}
ul#menu li a.current,
ul#menu li a:visited.current {
	background: url(gfx/bg_nav_active.png) no-repeat top right;
	color: #000;
}
/*Sprache*/
ul#language {
	float: right;
	margin: 15px 0 0 0;
	padding: 0;
}
ul#language li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
/*footer*/
ul.menu_footer,
ul.menu_footer2 {
	float: left;
	margin: 5px 0;
	padding: 0;
	width: 100%;
}
ul.menu_footer li,
ul.menu_footer2 li {
	border-left: 1px solid #ccc;
	display: inline;
	float: left;
	margin: 0;
	padding: 0 5px;
}
ul.menu_footer li.footerstart,
ul.menu_footer2 li.footerstart {
	border-left: none;
}
ul.menu_footer li a,
ul.menu_footer li a:visited,
ul.menu_footer2 li a,
ul.menu_footer2 li a:visited {
	color: #666;
	text-decoration: none;
}
ul.menu_footer li a:hover,
ul.menu_footer2 li a:hover {
	color: #000;
	text-decoration: none;
}


/* Tabellen
----------------------------------------------- */
.preise,
.entfernungen {
	border: 1px solid #ccc;
	padding: 0;
	text-align: left;
	width: 262px;
}
.preise {
	float: left;
	margin: 22px 10px 10px 0;
}
.entfernungen {
	float: right;
	margin: 22px 0 10px 10px;
}
.preise th ,
.entfernungen th {
	background: #efefef;
	font-weight: bold;
	padding: 3px 5px;
}
.preise td,
.entfernungen td {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 2px 5px;
}
.preise tfoot td,
.entfernungen tfoot td {
	background: #efefef;
	border-top: 1px solid #ccc;
	font-size: 11px;
	padding: 0 5px;
}
.pricevalue {
	text-align: right;
}
.entfernungswert {
	text-align: right;
	width: 50px;
}
.dictionary {
	margin: 15px 0;
	text-align: left;
}
.dictionary th {
	font-weight: normal;
}
.tsk {
	padding: 10px 0 5px 0;
}
.w200 {
	width: 200px;
}


/* Belegungsplan
----------------------------------------------- */
table.reservations {
	border-collapse: collapse;
	font-size: 11px;
	width: 100%;
}
table.reservations th {
	color: #333;
	background: #efefef;
	font-weight: normal;
}
table.reservations td,
table.reservations th {
	padding: 1px;
	border: 1px solid #000;
	text-align: left;
}
td.disabled {
	background: #efefef;
}
td.free {
	/*background: #0fa30f;*/
	background: #fbc794;
}
td.reserved {
	background: #e70000;
	color: #e70000;
	text-align: center !important;
}
td.day-of-arrival,
td.date-of-departure {
	background: #ff7e02 url(gfx/anreise2.png) repeat;
	color: #ff7e02;
	text-indent: -9999px;
}
#legende {
	font-size: 11px;
	margin: 5px 0 15px 0;
}
table#legende td {
	margin: 0 2px 2px 0;
	padding: 3px;
}
#legende td.free,
#legende td.reserved,
#legende td.day-of-arrival {
	border: 1px solid #000;
	font-size: 11px;
	height: 15px;
	padding: 1px;
	width: 15px;
}
.belegungsdesc {
	width: 75px;
}


/* Formulare
----------------------------------------------- */
fieldset {
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: 0 10px;
}	
fieldset#quicklinks_dd,
fieldset#quicklinks_dd2,
fieldset#quicklinks_dd3 {
	border: none;
	margin: 1em 0;
	padding: 0;
}
legend {
	border: 1px solid #777;
	font-size: 15px;
	margin: 1em 0;
	padding: 1px 8px;
}
label {
	cursor: pointer;
	float: left;
	width: 160px;
}
.mediumlabel {
	width: 120px;
}
.smalllabel {
	width: 40px;
}
.ckb_label {
	cursor: pointer;
	display: inline;
	float: none;
	width: auto;
}
.ckb {
	border: none;
	margin-left: 10px;
	width: 20px;
}
input {
	border: 1px solid #777;
	font-family: inherit;
	font-size: 1em;
	padding: 2px 0;
	width: 260px;
}
select {
	border: 1px solid #777;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus {
	border: 1px solid #000;
}
.largeinput {
	width: 410px;
}
.mediuminput {
	width: 178px;
}
.smallinput {
	width: 80px;
}
textarea {
	border: 1px solid #777;
	font-family: inherit;
	font-size: 1em;
	width: 420px;
}
.button {
	background: #eee;
	border: 1px solid #666;
	color: #333;
	cursor: pointer;
	width: 12em;
}
.button:hover {
	background: #efefef;
	border: 1px solid #000;
	color: #000;
}
/*Suche*/
fieldset.searchleft,
fieldset.searchright {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 340px;
}
fieldset.searchleft p,
fieldset.searchright p {
	margin: 0 0 8px 0;
	padding: 0;
}
fieldset.searchright {
	width: 200px;
}
fieldset.searchleft label {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
}
fieldset.searchright legend {
	border: none;
	color: #f57d08;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 0 7px;
}
fieldset.searchleft input {
	border: 1px solid #777;
	font-family: inherit;
	font-size: 1em;
	padding: 2px 0;
	width: 260px;
}
fieldset.searchleft select {
	border: 1px solid #777;
	width: 40px;
}
fieldset.searchleft select.sf-standard {
	width: 100px;
}
fieldset.searchleft select.sf-jahr {
	width: 60px;
}
fieldset.searchleft .ckb_label,
fieldset.searchright .ckb_label {
	cursor: pointer;
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}
fieldset.searchleft .ckb,
fieldset.searchright .ckb {
	border: none;
	float: left;
	margin: 0 10px 0 7px;
	padding: 0;
	width: auto;
}
input#suchbutton {
	border: none;
	height: 36px;
	margin: 0;
	padding: 0;
	width: 214px;
}