@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #aeceed url(gfx/bg.jpg) repeat-x 0 0;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
img,
a img {
	border: 0;
}
hr {
	display: none;
}
p.trennlinie {
	border-bottom: 1px solid #d3e7fb;
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
}	
.floatleft,
.Text_rechtsumfliessend {
	float: left;
	margin: 0 25px 10px 0;
}
.floatright,
.Text_linksumfliessend {
	float: right;
	margin: 0 0 10px 10px;
}
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}
.cleartext {
	clear: both;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.xs {
	font-size: 11px;
}
.tab {
	float: left;
	width: 14em;
}

/* Links
----------------------------------------------- */
a,
a:visited {
	color: #000;
	outline: none;
	text-decoration: underline;
}
a:hover {
	color: #4576c5;
	text-decoration: none;
}
.print a,
.print a:visited {
	background: url(gfx/printer.gif) no-repeat 0 2px;
	padding: 2px 0 2px 22px;
}
.print a:hover {
	background-position: 0 -24px;
}

/* Typo
----------------------------------------------- */
h1, h2, h3, h4 {
	margin: 0;
	line-height: normal;
	padding: 0;
}
h1 {
	color: #4576c5;
	font-size: 16px;
	margin: 0;	
	padding: 10px 0 20px 0;
}
h1.textheader {
	padding-left: 20px;
}
h1.exposetitel {
	float: left;
	width: 730px;
}
h2, h3, h4 {
	font-size: 14px;
	margin: 0 0 .5em 0;
	padding: 0;
}
h2.warn {
	color: red;
}
p, address, blockquote {
	margin: 0 0 1em 0;
}
p.null {
	margin: 0;
}
#footer p {
	margin: 0;
}
address {
	font-style: normal;
}
#full ul {
	margin: 3px 0 1em 30px;
}
#full ul li {
	padding: 0 0 2px 0;
	list-style: disc;
}

/* Layout
-----------------------------------------------*/ 
#wrapper {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 933px;
}
#wrapper:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}
#wrapper {display: inline-block;}
/* Hides from IE-mac \*/
* html #wrapper {height: 1%;}
#wrapper {display: block;}
/* End hide from IE-mac */
#header {
	float: left;
	height: 120px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
}
#logo {
	float: left;
	height: 75px;
	width: 505px;
}
#logo img {
	margin: 10px 0 0 40px;
}
#teaser {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	height: 268px;
}
#welcome {
	float: left;
	height: 268px;
	width: 700px;
}
#quicksearch {
	background: #f2f2f2 url(gfx/bg_quicksearch.jpg) no-repeat 0 0;
	float: left;
	height: 268px;
	line-height: normal !important;
	width: 233px;
}
#quicksearch h3 {
	background: url(gfx/bg_h3_quicksearch) no-repeat 0 0;
	border-bottom: 1px solid #cdcccd;
	height: 26px;
	font-size: 14px;
	margin: 0;
	line-height: normal;
	padding: 11px 0 0 0;
	text-align: center;
	width: 231px;
}
#content {
	background: #f2f2f2;
	float: left;
	margin: 0;
	line-height: 1.5em;
	padding: 0;
	width: 100%;
}
#home #content {
	background: #f2f2f2 url(gfx/bg_content_home.jpg) no-repeat bottom left;
}
#full {
	background: #f2f2f2 url(gfx/bg_full.jpg) repeat-y 0 0;
	float: left;
	margin: 0;
	line-height: 1.5em;
	padding: 0;
	width: 100%;
}
#fulltop {
	background: url(gfx/bg_fulltop.jpg) no-repeat 0 0;
	float: left;
	width: 100%;
}
#fullcontent {
	float: left;
	padding: 0 18px 20px 18px;
	min-height:460px;
	height:auto !important;  /* moderne Browser */
	height:460px;  /* IE */
}
#fullbottom {
	background: url(gfx/bg_fullbottom.jpg) no-repeat bottom left;
	float: left;
	height: 8px;
	width: 100%;
}
#row1,
#row2,
#row3 {
	float: left;
	margin: 0;
	padding: 0;
}
#row1 .rowinner,
#row2 .rowinner,
#row3 .rowinner {
	padding: 10px 18px 5px;
}
#row1 h3,
#row2 h3,
#row3 h3 {
	height: 26px;
	font-size: 14px;
	margin: 0;
	line-height: normal;
	padding: 11px 0 0 0;
	text-align: center;
}
#row1 h3 {
	background: url(gfx/bg_h3_row1.jpg) no-repeat 0 0;
}
#row2 h3 {
	background: url(gfx/bg_h3_row2.jpg) repeat-x 0 0;
}
#row3 h3 {
	background: url(gfx/bg_h3_row3.jpg) no-repeat top right;
}
#row1 {
	width: 235px;
}
#row2 {
	width: 462px;
}
#row3 {
	width: 233px;
}
#fewowoche1 {
	float: left;
	margin-bottom: 10px;
	line-height: normal;
	width: 200px;
}
#fewowoche2 {
	float: left;
	line-height: 1.5em;
	text-align: right;
	width: 226px;
}
#startpano {
	float: left;
	height: 145px;
	margin: 0 0 1em 0;
	padding: 0;
	overflow: hidden;
}
#startpano img {
	margin-top: -34px;
}
.cancel {
	background: url(gfx/bg_cancel.gif) no-repeat 50% 2px;
}
.newprice {
	font-size: 16px;
	margin: 0 0 6px 0;
}
.newprice strong,
.angebotspreis {
	color: #d8000a;
}
.homeobjbe {
	margin: 3px 0 10px 0;
}
#expose_left {
	float: left;
	margin: 0;
	padding: 0;
	width: 221px;
}
#expose_right {
	float: left;
	margin: 0;
	padding: 0;
	width: 670px;
}
#expose_left,
#expose_right {
	margin-top: 6px;
}
.print {
	float: right;
	padding: 11px 5px 0 0;
}
.ausstattungsdetails {
	float: left;
	width: 100%;
}
#full .ausstattungsdetails ul {
	margin: .5em 10px;
	padding-bottom: 10px;
}
#full .ausstattungsdetails ul li {
	padding: 0 0 2px 0;
	list-style: none;
}
.na {
	color: #aeaeae;
}
p.alegend {
	border-top: 1px solid #dadada;
	font-size: 11px;
	padding-top: 5px !important;
}
.textbox {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: 0 15px 5px 15px;
	padding: 15px 20px;
	width: 825px;
}
.iframebox {
	background: #fff;
	border: none;
	float: left;
	height: 620px;
	margin: 20px 0 0 0;
	padding: 0;
	width: 890px;
}
h2.boxheader {
	background: #d3e7fb url(gfx/bg_subhead.jpg) repeat-x 0 0;
	border: 1px solid #ccc;
	border-bottom: none;
	margin: 6px 15px 0 15px;
	padding: 4px 20px;
	width: 825px;
}
h2.boxheadersolo,
h2.boxheadersolofull {
	background: #d3e7fb url(gfx/bg_subhead.jpg) repeat-x 0 0;
	border: 1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 4px 20px;
	width: 850px;
}
h2.boxheadersolo {
	margin-bottom: 20px;
	width: 630px;
}
.exposebox {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 18px 0;
	padding: 0;
	width: 100%;
}
#expose_left .exposebox {
	width: 200px;
}
.exposebox h3 {
	/*background: #e7e7e7 url(gfx/bg_h3_exposebox.jpg) repeat-x bottom left;*/
	background: #d3e7fb url(gfx/bg_subhead.jpg) repeat-x 0 0;
	border: 1px solid #f1f1f1;
	border-bottom: 1px solid #cdcccd;
	margin: 0;
	padding: 4px 10px;
}
.exposebox p,
.exposebox .innercontent {
	margin: .5em 10px;
	padding: 0;
}
.exposebox dl {
	margin: .5em 10px;
	padding: 0;
}
.exposebox dt {
	margin: 1px 0;
}
.exposebox dd {
	margin: -20px 0 0 0;
	padding: 0;
	text-align: right;
}
.thumbnails,
.thumbnailsmisc {
	line-height: normal !important;
}
ul.thumbnails,
ul.thumbnailsmisc {
	clear: both;
	margin: 5px 0 0 5px !important;
	padding: 0 !important;
	overflow: hidden;
}
ul.thumbnails li { 
	display: block;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
}
ul.thumbnailsmisc li { 
	display: block;
	float: left;
	height: 97px;
	margin: 0 5px 5px 0 !important;
	padding: 0 !important;
	text-align: center;
	width: 128px;
}
.prev {
	margin: 0;
	padding: 0 5px 5px 0;
}
p.closepano {
	margin: 0;
	padding: 0;
	text-align: right;
}
p.pano_user_info {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}
p.getjava {
	font-size: 11px;
	margin: 0 10px 5px 10px;
	padding: 0;
	text-align: left;
}
#map {
	float: right;
	height: 290px;
	margin: 5px 5px 5px 10px;
	width: 400px;
}
#eventlist strong,
.eventdate {
	font-size: 14px;
}
p.eventdate {
	margin: 0 0 6px 0;
}
ul#eventlist {
	margin: 0 0 20px 0;
	padding: 0;
}
ul#eventlist li {
	border-top: 1px solid #d3e7fb;
	margin: 0;
	list-style: none;
	padding: 10px 0;
}
.objektvorschau,
.ausflugsvorschau {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	margin: 0 0 18px 0;
	line-height: normal !important;
	padding: 0;
}
.objektvorschau {
	width: 890px !important;
}
.ausflugsvorschau {
	width: 670px !important;
}
.objektvorschau img,
.ausflugsvorschau img {
	float: left;
	margin: 0 10px 0 0;
}
.objektvorschau p,
.ausflugsvorschau p {
	margin: 0 10px;
	padding: 0;
}
.objektvorschau p.titelsuche,
.ausflugsvorschau p.titelsuche {
	margin: 4px 0 6px 0;
}
.objektvorschau p.beschreibungsuche,
.ausflugsvorschau p.beschreibungsuche {
	font-style: italic;
	margin: 5px 0 0 0;
}
.enlarge {
	font-weight: bold;
	margin-top: 22px !important;
}
#footer {
	color: #4d4d4d;
	float: left;
	font-size: 11px;
	height: 20px;
	margin: 0;
	margin-right: -3px; /*IE6*/
	padding: 5px 0 0 0;
	text-align: center;
	width: 100%;
}

/* Navigationen
-----------------------------------------------*/
#navi {
	background: #f2f2f2 url(gfx/bg_navi.jpg) no-repeat 0 0;
	float: left;
	font-size: 14px;
	height: 45px;
	text-align: right;
	width: 100%;
}
#navi ul {
	margin: 13px 0 0 0;
	padding: 0;
}
#navi ul li {
	display: inline;
	margin: 0;
	list-style: none;
	padding: 0 20px 0 0;
}
#navi a,
#navi a:visited {
	color: #3c3c3c;
	text-decoration: none;
}
#navi a:hover {
	color: #4675c6;
	text-decoration: none;
}
#navi a.active,
#navi a:visited.active {
	color: #2253a2;
}
/*subnavigation*/
#subnavigation ul {
	margin: 7px 0 7px 10px;
	padding: 0;
}
#subnavigation ul li {
	margin: 0;
	list-style: none;
	padding: 0 0 3px 0;
}
#subnavigation a,
#subnavigation a:visited {
	color: #3c3c3c;
	text-decoration: underline;
}
#subnavigation a:hover {
	color: #4675c6;
	text-decoration: none;
}
#subnavigation a.subactive,
#subnavigation a:visited.subactive {
	color: #2253a2;
	text-decoration: none;
}
/*submenu*/
#submenu {
	background: url(gfx/bg_submenu.jpg) no-repeat top right;
	float: right;
	height: 75px;
	margin: 0;
	padding: 0;
	width: 428px;
}
#submenu ul {
	background: url(gfx/bg_submenu_ul.jpg) no-repeat top left;
	display: inline; /*IE6 Fix*/
	float: right;
	height: 21px;
	margin: 0 9px 0 0;
	padding: 2px 0 0 9px;
	text-align: center;
}
#submenu ul li {
	display: inline;
	margin: 0;
	list-style: none;
	padding: 0;
}
#submenu ul li a,
#submenu ul li a:visited {
	border-right: 1px solid #6b95d6;
	color: #adceed;
	padding: 0 5px;
	text-decoration: none;
}
.kn_end {
	border-right: none !important;
}
#submenu ul li a:hover {
	color: #fff;
	text-decoration: none;
}
/*Breadcrumb*/
ul#breadcrumb {
	color: #4576c5;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: normal;
	padding: 10px 0 20px 0;
}
ul#breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul#breadcrumb li a,
ul#breadcrumb li a:visited,
h1 a,
h1 a:visited {
	color: #4576c5;
	text-decoration: none;
}
ul#breadcrumb li a:hover,
h1 a:hover {
	color: #4576c5;
	text-decoration: underline;
}

/* Tabellen
----------------------------------------------- */
.brueckenzeiten {
	border-collapse: collapse;
	float: left;
	margin: 0 0 20px 0;
	width: 265px;
}
.brueckenzeiten th,
.brueckenzeiten td {
	padding: 1px 3px;
	border: 1px solid #ccc;
	text-align: left;
}
.bruecke2 {
	margin-left: 15px;
}
.ferienkalender {
	border-collapse: collapse;
	clear: both;
	font-size: 11px;
	margin: 0 0 0 10px;
}
.ferienkalender th,
.ferienkalender td {
	padding: 1px 2px;
	border: 1px solid #ccc;
	text-align: left;
}
.ferienkalender th,
.bundesland  {
	background: #f5f5f5;
	font-weight: bold;
}
.ferienkalender tfoot {
	font-style: italic;
}

/* 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 2px;
	border: 1px solid #000;
	text-align: left;
}
td.disabled {
	background: #efefef;
}
td.free {
	/*background: white;*/
	background: green;
}
td.reserved {
	/*background: #4576c5;*/
	background: red;
	color: red;
	text-align: center !important;
}
td.day-of-arrival {
	/*background: #aeceed;*/
	background: #f60;
	color: #f60;
	text-align: center !important;
}
td.date-of-departure {
	/*background: #aeceed;*/
	background: #f60;
	color: #f60;
	text-align: center !important;
}
.l_free,
.l_anab,
.l_reserved {
	border: 1px solid #000;
	font-weight: bold;
	margin-right: 8px;
	padding: 1px 2px;
}
.l_free{
	background: green;
	color: #fff;
}
.l_anab {
	background: #f60;
}
.l_reserved {
	background: red;
}

/* Formulare
-----------------------------------------------*/
form#suchformular {
	margin: 9px 20px 10px 20px;
}
#buchung fieldset,
#kontaktformular fieldset {
	border: none;
	margin: 1em 0;
	padding: 0;
}
#suchformular fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#suchformular p {
	margin: 0 0 2px 0;
	padding: 0;
}
#suchformular p.f-abstand {
	margin: 9px 0 6px 0;
}
#buchung label,
#kontaktformular label {
	cursor: pointer;
	float: left;
	margin-right: 12px;
	padding: 2px 0;
	text-align: right;
	width: 130px;
}
.mediumlabel {
	width: 120px;
}
.smalllabel {
	width: 40px;
}
.date_xs {
	display: block;
	float: none;
	/*width: 25px;*/
}
input.ti,
input.largeinput,
input.mediuminput,
input.smallinput {
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: 1em;
	padding: 2px 0;
	width: 260px;
}
input:hover.ti,
input:hover.largeinput,
input:hover.mediuminput,
input:hover.smallinput,
textarea:hover.ti {
	border: 1px solid #2782df;
}
textarea.ti {
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: 1em;
	width: 470px;
}
input.largeinput {
	width: 410px;
}
input.mediuminput {
	width: 178px;
}
input.smallinput {
	width: 80px;
}
.ckb {
	border: none;
}
select.big {
	width: 200px;
}
select.tag {
	width: 75px;
}	
select.monat {
	width: 110px;
}	
select.jahr {
	width: 75px;
}
.s-tag,
.s-monat,
.s-personen {
	width: 45px;
}
.s-jahr {
	width: 60px;
}
#buchung p.xs,
#kontaktformular p.xs {
	margin-left: 150px;
}
#anfrage {
	margin-left: 138px;
	padding: 1px 8px;
}
#buchen {
	width: 75px;
}

/* Buttons
----------------------------------------------- */
button {
	background: none;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
#anfragen {
	width: 200px;
}
button div p {
	color: #fff;
	margin:0px;
	white-space: nowrap;
}
button div.btn-large {
	background: url(gfx/btn_left.gif) no-repeat left center;
	padding: 0 0 0 10px;
	line-height: 30px;
}
button div p.btn-large {
	background: url(gfx/btn_right.gif) no-repeat right center;
	padding: 0 15px 0 5px;
	line-height: 30px;
	font-weight: bold;
}