*
{
    margin:0px;
    padding:0px;
}

body
{
	background-color:#FFFFFF;

	background-image:url(/images/hintergrund.jpg);
	background-repeat:repeat-x;
	font-family:Times New Roman;
}

img
{
	border:0px solid transparent;
}

a
{
	color:#000;
}

div#main
{
	width:850px;
	margin:0px auto;
	margin-top:60px;
}

div#main div#header
{
	width:870px;
	height:109px;
	background-image:url(/images/header.png);
	cursor:pointer;
}

div#main div#content
{

	width:850px;
	background-image:url(/images/mitte.png);
	padding-left:10px;
	padding-right:10px;

	font-size:14px;
	line-height:130%;
	padding-bottom:10px;
}

div#main div#content h1
{
	font-size:21px;
	font-weight:900;
	margin-top:15px;
}

div#main div#content p
{
	margin-top:14px;
}

div#main div#footer
{
	width:870px;
	height:34px;
	background-image:url(/images/footer.png);
}


div#main div#footer div#kontakt

{

	font-size:12px;

	text-align:center;

	color:#999;

}



div#main div#footer div#kontakt a

{

	color:#999;

}



ul#navigation

{

	height:37px;

	list-style-type:none;

	margin:0px;

	padding:0px;

}



ul#navigation li

{

	float:left;

	margin-left:4px;
	margin-right:5px;
	width:110px;

}



ul#navigation a

{
	font-size:13px !important;
	display:block;

	height:37px;

	width:110px;

	line-height:37px;

	text-align:center;

	background-image:url(/images/button.png);

	font-size:16px;

	text-decoration:none;

	font-weight:900;

	color:#FFF;

}



ul#navigation a:hover

{

	color:#FCDB00;

}



ul#navigation a.aktiv

{

	background-image:url(/images/button_aktiv.png);

}



ul#navigation a.aktiv:hover

{

	color:#FFF;

}



h2

{

	font-size:17px;

	margin-bottom:10px;

}



form#formular label

{

	font-weight:900;

}



div.villa

{
	width:766px;
	margin-left:10px;

	height:112px;

	background-color:#D4E0F0;

	margin-bottom:56px;

	margin-top:30px;

	overflow:hidden;

}



div.villa h1

{

	position:absolute;

	font-size:15px !important;

	width:135px;

	text-align:center;

	font-weight:lighter !important;

}



div.villa img

{

	position:absolute;

	margin-left:137px;

	margin-top:-20px;

	border:4px solid #D4E0F0;

}



div.villa div.sterne

{

	position:absolute;

	background-image:url(/images/stern.png);

	height:20px;

	margin-left:15px;

	margin-top:70px;

}



div.villa ul.details

{

	list-style-type:none;

	width:430px;

	position:absolute;

	margin-left:335px;

	margin-top:-1px;

	border-left:1px solid #FFF;

}



div.villa ul.details li

{

	float:left;

	width:210px;

	height:21px;

	border:1px solid #FFF;

	border-left:0px solid transparent;
	overflow:hidden;

	line-height:21px;

	padding-left:4px;

}



div.villa ul.details li.mehr

{

	background-color:#ACC7E5;

	text-align:center;

	font-weight:900;

}



div.villa div.preise

{

	position:absolute;

	background-color:#F3F3F3;

	margin-left:606px;

	overflow:hidden;

	width:174px;

	height:112px;

}



div.villa div.preise h2

{

	background-color:#F2A402;

	width:174px;

	height:16px;

	line-height:16px;

	color:#FFF;

	font-size:12px;

	text-align:center;

	clear:both;

	margin-bottom:0px;

}



div.villa div.preise ul

{

	list-style-type:none;

}



div.villa div.preise ul li

{

	width:85px;

	height:18px;

	float:left;

	line-height:18px;

	text-align:center;

	border:1px solid #FFF;

}



div.villa div.preise ul li.p1

{

	background-color:#FCE655;

}



div.villa a

{

	color:#000;

}



div.villa div.status

{

	position:absolute;

	text-align:center;

	padding:3px;

	background-color:#FFF;

	border:1px dashed #C0C0C0;

	margin-left:205px;

	margin-top:85px;

	width:110px;

}



div.villa div.preise ul li.p2

{

	background-color:#F8E98C;

}



form#tabellenformular h2

{

	clear:both;

	margin-top:8px;

	margin-bottom:8px;

	background-color:#D4E0F0;

	padding:3px;

	width:770px;

}



form#tabellenformular div

{

	margin-top:4px;

	clear:both;

}



form#tabellenformular label

{

	width:150px;

	display:block;

	float:left;

}



div#bildvorschau

{

	margin-top:1t5px;

}



div#bildvorschau div.bild

{

	padding:5px;

	float:left;

	background-color:#FFFFCC;

	border:1px solid #CCCCCC;

	width:190px;

	margin:10px;

}



div#bildvorschau a

{

	color:#000;

}



div.seitenbox

{

	width:775px;

	padding:4px;

	background-color:#FEE857;

	text-align:center;



}



div.seitenbox a

{

	color:#666;

	font-size:14px;

}



div.seitenbox b

{

	font-size:18px;

	color:#000;

}



div#fotoausgabe

{

	width:790px;

	height:450px;

}



div#fotonavi

{

	width:206px;

	height:435px;

	overflow:auto;

	position:absolute;

	border:1px solid #ADC8E6;

	background-color:#D4E0F0;

}



div#fotonavi img

{

	float:left;

	margin-bottom:5px;

}



div#mainfoto

{

	position:absolute;

	margin-left:210px;

	border:1px solid #ADC8E6;

}



div#fotonavi a

{

	cursor:pointer;

}



a#reservieren

{

	display:block;

	height:37px;

	width:127px;

	line-height:37px;

	text-align:center;

	background-image:url(/images/button.png);

	font-size:16px;

	text-decoration:none;

	font-weight:900;

	color:#FFF;

}



div#mittig

{

    position: absolute;

    visibility: visible;

    left: 50%;

    top: 50%;

    width: 654px;

    height: 478px;

	margin-left: -327px;

	margin-top: -239px;

}


h3
{
	background-color:#FCDB00;
	width:775px;
	padding:3px;
	margin-top:15px;
	margin-bottom:10px;
	color:#FFF;
	font-size:17px;
	font-weight:900;
	clear:both;
}

h3.start
{
	width:807px;
}

h4

{

	background-color:#7DDAD2;

	width:775px;

	padding:3px;

	margin-top:15px;

	margin-bottom:10px;

	color:#FFF;

	font-size:17px;

	font-weight:900;

	clear:both;

}



img#startgrafik

{

	float:left;

	margin-top:10px;

}





div.topvilla

{
	margin-left:10px;
	margin-right:10px;
	width:400px;

	height:480px;

	float:left;



	overflow:hidden;

}

div#topvillen
{
	margin-right:-30px;
	margin-left:-10px;
}


div.topvilla h1

{

	background-color:#7CD9D1;

	font-size:15px !important;

	width:386px;

	font-weight:lighter !important;

	margin-bottom:10px;

	height:20px;

	line-height:20px;

	color:#666;

	padding:2px;

}



div.topvilla div.sterne

{

	position:absolute;

	background-image:url(/images/stern.png);

	height:20px;

	margin-left:244px;

	margin-top:280px;

}



div.topvilla ul.details

{

	list-style-type:none;

	width:434px;

}



div.topvilla ul.details li

{

	float:left;

	width:190px;

	height:21px;

	border:1px solid #FFF;

	border-left:0px solid transparent;

	line-height:21px;

	padding-left:4px;

	background-color:#CFDCE5;

}



div.topvilla ul.details li.mehr

{

	background-color:#ACC7E5;

	text-align:center;

	font-weight:900;

}



div.topvilla div.preise

{

	position:absolute;

	margin-left:210px;

	margin-top:315px;

	overflow:hidden;

	width:174px;

	height:112px;

}



div.topvilla div.preise h2

{

	background-color:#F2A402;

	width:140px;

	height:16px;

	line-height:16px;

	color:#FFF;

	font-size:12px;

	text-align:center;

	clear:both;

	margin-bottom:0px;

}



div.topvilla div.preise ul

{

	list-style-type:none;

}



div.topvilla div.preise ul li

{

	width:69px;

	height:18px;

	float:left;

	line-height:18px;

	text-align:center;

	border:1px solid #FFF;

}



div.topvilla div.preise ul li.p1

{

	background-color:#FCE655;

}



div.topvilla a

{

	color:#000;

}



div.topvilla div.preise ul li.p2

{

	background-color:#F8E98C;

}



div.detailvilla h1

{

	position:absolute;

	font-size:22px !important;

	margin-left:80px;

	font-weight:lighter !important;

	color:#666;

}



div.detailvilla img#grossbild

{

	margin-left:80px;

	margin-top:50px;

	border:7px solid #FDE756;

	z-index:99999;

}



div.detailvilla div.sterne

{

	position:absolute;

	background-image:url(/images/stern.png);

	height:20px;

	margin-left:340px;

	margin-top:10px;

}



div.detailvilla ul.details

{

	list-style-type:none;

	width:778px;

	height:150px;

}



div.detailvilla ul.details li

{

	float:left;

	width:253px;

	height:21px;

	border:2px solid #FFF;

	border-left:0px solid transparent;

	line-height:21px;

	padding-left:4px;

	background-color:#CFDCE5;

}



div.detailvilla ul.details li.mehr

{

	background-color:#ACC7E5;

	text-align:center;

	font-weight:900;

}



div.detailvilla div.preise

{

	position:absolute;

	margin-top:86px;

	margin-left:444px;

	overflow:hidden;

	width:387px;

	height:201px;

	background-color:#FDE756;

	z-index:1;

}



div.detailvilla div#linkskasten

{

	position:absolute;

	height:201px;

	background-color:#FDE756;

	margin-top:86px;

	width:84px;



}



div.detailvilla div.preise ul

{

	list-style-type:none;

}



div.detailvilla div.preise ul li

{

	width:110px;

	height:39px;

	padding-top:28px;

	float:left;

	text-align:center;

}



div.detailvilla span

{

	font-size:19px;

}



div.detailvilla a

{

	color:#000;

}



div.detailvilla li.p1 { background-color:#F2A402; color:#FFF; }

div.detailvilla li.p2 { background-color:#F2A402; padding-top:15px !important; height:51px !important; color:#FFF; border-bottom:1px solid #FFF; }

div.detailvilla li.p3 { background-color:#F2A402; padding-top:15px !important; height:51px !important; color:#FFF; border-bottom:1px solid #FFF; }

div.detailvilla li.p4 { background-color:#F2A402; color:#FFF; border-right:1px solid #FFF; }

div.detailvilla li.p5 { font-size:19px; color:#666; width:109px !important; }

div.detailvilla li.p6 { font-size:19px; color:#666;  }

div.detailvilla li.p7 { background-color:#F2A402; color:#FFF; border-right:1px solid #FFF; }

div.detailvilla li.p8 { font-size:19px; color:#666; width:109px !important;  }

div.detailvilla li.p9 { font-size:19px; color:#666;  }



#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 11100;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 11110;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

	zoom: 1;

	display: block;

}

#lightbox-nav-btnPrev {

	left: 0;

	float: left;

}

#lightbox-nav-btnNext {

	right: 0;

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px;

	color: #666;

}

#lightbox-container-image-data #lightbox-image-details {

	width: 70%;

	float: left;

	text-align: left;

}

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block;

	clear: left;

	padding-bottom: 1.0em;

}

#lightbox-secNav-btnClose {

	width: 66px;

	float: right;

	padding-bottom: 0.7em;

}





/* Default style sheet for jQuery date picker v3.5.1. */

#datepick-div, .datepick-inline {

	font-family: Arial,Helvetica,sans-serif;

	font-size: 14px;

	padding: 0;

	margin: 0;

	background: #ddd;

	color: #000;

	width: 185px;

}

#datepick-div {

	display: none;

	border: 1px solid #777;

	z-index: 1001; /*must have*/

}

.datepick-inline {

	float: left;

	display: block;

	border: 0;

}

.datepick-rtl {

	direction: rtl;

}

.datepick-dialog {

	padding: 5px !important;

	border: 4px ridge #ddd !important;

}

.datepick-disabled {

	position: absolute;

	z-index: 100;

	background-color: white;

	opacity: 0.5;

	filter: alpha(opacity=50);

}

button.datepick-trigger {

	width: 25px;

	padding: 0px;

}

img.datepick-trigger {

	margin: 2px;

	vertical-align: middle;

}

.datepick-prompt {

	float: left;

	padding: 2px;

}

* html .datepick-prompt {

	width: 185px;

}

.datepick-control, .datepick-links, .datepick-header, .datepick {

	clear: both;

	float: left;

	width: 100%;

	color: #fff;

}

.datepick-control {

	background: #400;

	padding: 2px 0px;

}

.datepick-links {

	background: #000;

	padding: 2px 0px;

}

.datepick-control, .datepick-links {

	font-weight: bold;

	font-size: 80%;

}

.datepick-links label {

	padding: 2px 5px;

	color: #888;

}

.datepick-clear, .datepick-prev {

	float: left;

	width: 34%;

}

.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {

	float: right;

	text-align: right;

}

.datepick-current {

	float: left;

	width: 30%;

	text-align: center;

}

.datepick-close, .datepick-next {

	float: right;

	width: 34%;

	text-align: right;

}

.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {

	float: left;

	text-align: left;

}

.datepick-header {

	background: #333;

	text-align: center;

	font-weight: bold;

	height: 1.6em;

}

.datepick-header select {

	background: #333;

	color: #fff;

	border: 0px;

	font-weight: bold;

}

.datepick-header span {

	position: relative;

	top: 3px;

}

.datepick {

	background: #ccc;

	text-align: center;

	font-size: 100%;

}

.datepick a {

	display: block;

	width: 100%;

}

.datepick-title-row {

	background: #777;

}

.datepick-title-row th {

	text-align: center;

	font-weight: normal;

}

.datepick-days-row {

	background: #eee;

	color: #666;

}

.datepick-week-col {

	background: #777;

	color: #fff;

}

.datepick-days-cell {

	color: #000;

	border: 1px solid #ddd;

}

.datepick-days-cell a {

	display: block;

}

.datepick-other-month {

	background: #fff;

}

.datepick-week-end-cell {

	background: #ddd;

}

.datepick-title-row .datepick-week-end-cell {

	background: #777;

}

.datepick-week-over {

	background: #ddd;

}

.datepick-unselectable {

	color: #888;

}

.datepick-today {

	background: #fcc;

}

.datepick-current-day {

	background: #777;

	color: #fff;

}

.datepick-days-cell-over {

	background: #fff;

	color: #000;

	border: 1px solid #777;

}

.datepick-status {

	background: #ddd;

	width: 100%;

	font-size: 80%;

	text-align: center;

}

#datepick-div a, .datepick-inline a {

	cursor: pointer;

	margin: 0;

	padding: 0;

}

.datepick-inline .datepick-links a {

	padding: 0 5px !important;

}

.datepick-control a, .datepick-links a {

	padding: 2px 5px !important;

	color: #eee;

}

.datepick-title-row a {

	color: #eee;

}

.datepick-control a:hover {

	background: #fdd;

	color: #333;

}

.datepick-links a:hover, .datepick-title-row a:hover {

	background: #ddd;

	color: #333;

}

.datepick-multi .datepick {

	border: 1px solid #777;

}

.datepick-one-month {

	float: left;

	width: 185px;

}

.datepick-new-row {

	clear: left;

}

/* ___________ IE6 IFRAME FIX ________ */

.datepick-cover {

    display: none; /*sorry for IE5*/

    display/**/: block; /*sorry for IE5*/

    position: absolute; /*must have*/

    z-index: -1; /*must have*/

    filter: mask(); /*must have*/

    top: -4px; /*must have*/

    left: -4px; /*must have*/

    width: 200px; /*must have*/

    height: 200px; /*must have*/

}



table

{

	border-bottom:15px;

	width:775px;

	margin-top:10px;

}



table th

{

	background-color:#FFF5B3;

}



table td

{

	border-top:1px solid #FEE857;

}

.result 

{

display: block;

float: left;

margin-top: 0pt;

margin-right: 20px;

margin-bottom: 20px;

margin-left: 20px;

}


.panorama-viewport {
	position: relative;
	width: 780px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
}
.panorama-container {
	position: relative;
	width: 100000px;
	margin: 0;
	padding: 0;

}
.panorama-control {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 30px;
	background: black;
	filter: alpha(opacity=50);
	opacity: .5;
	text-align: left;
}
.panorama-control-left, .panorama-control-right, .panorama-control-pause { 
	float: left !important;
	padding: 0 !important;
	margin: 0 !important;
	color: white !important;
	text-decoration: none !important;
	font-size: 20px !important;
	line-height: 30px !important;
	width: 33% !important;
	text-align: center !important;
	font-family: 'Arial',sans-serif !important;
}
.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover { 
	text-decoration: none;
}
.panorama-control-pause {
	text-transform: uppercase;
}
.panorama-panel {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	background: #009cff;
	filter: alpha(opacity=50);
	opacity: .5;
	color: white;
	padding: 4px;
}
.panorama-panel h2 {
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	text-align: right;
}
.panorama-panel ul {
	display: none;
}
.panorama {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}




form#anfrageformular
{

}

form#anfrageformular label
{
	font-size:14px;
	width:150px;
	display:block;
	float:left;
}

form#anfrageformular input
{
	width:240px;
	display:block;
	margin-bottom:7px;
	border:1px solid #333333;
	font-family:Times New Roman;
	color:#666;
	font-size:15px;
}

form#anfrageformular select
{
	border:1px solid #333333;
	font-family:Times New Roman;
	color:#666;
	font-size:15px;
}

form#anfrageformular textarea
{
	width:250px;
	height:125px;
	margin-bottom:7px;
	border:1px solid #333333;
	font-family:Times New Roman;
	color:#666;
	font-size:15px;
}






ul.start
{
	margin-top:10px;
	list-style-type:none;
}

div#ort
{
	padding:10px;
}



div#anfragebox
{
	position:absolute;
	height:590px;
	background-color:#FFF;
	width:380px;
	margin-left:0px;
	margin-top:0px;
}



div#lagebox
{
	position:absolute;
	height:600px;
	width:380px;
	margin-left:400px;
}

div#ganzunten
{
	width:785x;
	height:590px;
}

h4.lage
{
	width:380px;
}

h4.anfrage
{
	width:380px;
}

div#beschreibung
{
	margin-top:5px;
	background-color:#CFDCE5;
	padding:5px;
	width:765px;
}

div.content
{
	margin-top:5px;
	background-color:#CFDCE5;
	padding:5px;
	width:770px;
	margin-bottom:10px;
}

div#raumnavi
{
	height:100px;
}

div#raumnavi div
{
	width:120px;
	margin-right:10px;
	float:left;
	text-align:center;
}

div#raumnavi a
{
	text-decoration:none;
}

div#anfragen
{
	position:absolute;
	background-color:#E9440E;
	height:45px;
	border-top:1px solid #FFF;
	width:400px;
	color:#FFF;
	font-size:18px;
	line-height:45px;
	font-weight:900;
	margin-top:163px;
	margin-left:-7px;
	text-align:center;
	z-index:125;
}

div#anfragen a
{
	color:#FFF;
	text-decoration:none;
}

div.preise ul
{
	position:absolute;
}

table#kalender
{
	text-transform:uppercase;
	font-family:Courier New;
	border:1px solid #666;
	border-collapse:collapse;
	empty-cells:show;
}
		   
table#kalender td
{
	height:80px !important;
	width:70px;
	text-align:right;
	border: 1px dotted #666;
	text-align:center;
}
		   
table#kalender th
{
	text-align:center;
	background-color:#666;
	color:#FFF;
}

table#kalender td.buchung { background-color:#FFCC99; }
table#kalender td.anzahlung { background-color:#FFFF66; }
table#kalender td.gesamtbetrag { background-color:#33CC66; }
table#kalender td.anreise { background-color:#66CCFF; }
table#kalender td.erledigt { background-color:#C9EDDB; }