/* CSS Document */

html	{
	height:100%;
}

body	{
	margin:0px;
	padding:0px;
	color:#333333;
	background-color:#99ccff;
	min-height:101%;
}

.start	{
	background-image:url(pics/band3.jpg);
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position: left top;
}

.resort	{
	background-image:url(pics/band6.jpg);
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position: left top;
}

.properties	{
	background-image:url(pics/band5.jpg);
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position: left top;
}

/* main layout starts here */

#container	{
	width:960px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background-color:transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333333;
}

#head	{
	width:960px;
	height:120px;
	margin:0px;
	padding:0px;
	background-image:url(pics/hg_head.gif);
}

#content_all	{
	border-top:1px solid #0066cc;
	margin:0px;
	padding:25px 0px 10px 12px;
	width:948px;
	background-color:#ffffff;
}

#navigation	{
	float:left;
	margin:0px;
	padding:0px;
	width:203px;
	background-color:#ffffff;
}

#content	{
	float:left;
	margin:0px 0px 0px 23px;
	padding:0px;
	width:710px;
	background-color:#ffffff;
}

#footer	{
	clear:left;
	margin:0px 0px 25px 0px;
	padding:10px 0px 10px 0px;
	border-top:1px solid #0066cc;
	background-color:#e5f2ff;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* main layout ends here */

/* head starts here */

#headlogo	{
	float:left;
	width:160px;
	height:120px;
}

#permanent	{
	float:left;
	margin:101px 0px 0px 78px;
	padding:0px;
	width:722px;
	height:19px;
	text-align:left;
	font-size:11px;
	background-color:transparent;
}

#permanent ul	{
	margin:0px;
	padding:0px;
	list-style-type:none;
	color:#0066cc;
}

#permanent ul li	{
	margin:0px 11px 0px 0px;
	display:inline;
}

#permanent ul li a	{
	background-color:transparent;
	color:#0066cc;
	text-decoration:none;
	padding:0px 2px 0px 2px;
	border-left:3px solid #99ccff;
	border-right:3px solid #99ccff;
}

#permanent ul li a.current	{
	color:#000000;
	border-left:3px solid #0066cc;
	border-right:3px solid #0066cc;
}

#permanent ul li a:hover	{
	color:#000000;
	border-left:3px solid #0066cc;
	border-right:3px solid #0066cc;
}

/* head ends here */

/* navigation starts here */

#navigation ul	{
	margin:2px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
}

#navigation ul li	{
	margin:0px 0px 6px 0px;
	list-style-type:none;
}

#navigation ul li a	{
	color:#666666;
	padding:2px 3px 2px 0px;
	border-bottom:3px solid #ffffff;
	text-decoration:none;
}

#navigation ul li a:hover	{
	color:#0066cc;
	border-bottom:3px solid #0066cc;
}

#navigation ul li a.current	{
	color:#000000;
	border-bottom:3px solid #0066cc;
}

#navigation ul li ul	{
	margin:5px 0px 0px 10px;
	padding:0px;
	list-style-type:none;
}

#navigation ul li ul li	{
	margin:0px 0px 1px 0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}

#navigation ul li ul li a	{
	color:#666666;
	padding:1px 2px 1px 2px;
	border-bottom:2px solid #ffffff;
	text-decoration:none;
}

#navigation ul li ul li a:hover	{
	color:#0066cc;
	border-bottom-color:#0066cc;
}

#navigation ul li ul li a.current	{
	color:#000000;
	border-bottom-color:#0066cc;
}

/* navigation ends here */

/* content starts here */

#content_all .line	{
	clear:left;	
	display:block;
	margin:0px;
	padding:10px 0px 10px 0px;
}

h1	{
	margin:0px 0px 12px 0px;
	padding:0px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
}

h2	{
	margin:1px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#0066cc;
}

h3	{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	color:#0066cc;
}

p	{
	margin:0px 0px 10px 0px;
	padding:0px;
}

#content ul	{
	margin:5px 0px 10px 20px;
	padding:0px;
	list-style-image:url(pics/list_disc.gif);
}

.lauftext	{
	color:#333333;
}

a	{
	color:#0066cc;
	text-decoration:none;
}

a:hover	{
	color:#0066cc;
	text-decoration:underline;
}

#normal_spalte1	{
	float:left;
	margin:0px;
	padding:0px;
	width:300px;
	font-size:12px;
	line-height:17px;
}

#normal_spalte2	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:400px;
	font-size:12px;
	line-height:17px;
}

#normal_spalte2 img	{
	margin:0px 0px 5px 0px;
}

#liste	{
	float:left;
	margin:0px 0px 0px 23px;
	padding:0px;
	width:710px;
	background-color:#ffffff;
}

#liste .left	{
	float:left;
	margin:0;
	padding:0;
	width:480px;
}

#liste .right	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:220px;
	text-align:right;
	font-size:11px;
}

#liste .line	{
	clear:left;
	display:block;
	padding:7px 0px 7px 0px;
	width:710px;
	height:1px;
}

#liste .thumb	{
	float:left;
	margin:0px;
	width:120px;
}

#liste .facts	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:160px;
	text-align:left;
	font-size:11px;
	line-height:15px;
}

#liste .short	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:410px;
}

#liste .short p {
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:15px;
}

#liste .short p:first-letter {
	font-size:15px;
	font-weight:bold;
	color:#0066cc;
}

#property_text	{
	float:left;
	margin:0px;
	padding:0px;
	width:295px;
	font-size:12px;
	line-height:18px;
}

#property_detail	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:405px;
	text-align:left;
}

#property_detail h3	{
	margin:0px 0px 3px 0px;
	padding:0px;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#0066cc;
}

.property_foto	{
	display:block;
	margin:0px;
	padding:0px;

}	

.property_thumb	{
	float:left;
	margin:5px 5px 0px 0px;
	padding:0px;
}

#facts_figures	{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:405px;
}

#facts_figures .spalte1	{
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 2px;
	width:195px;
	border-left:1px solid #0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
}

#facts_figures .spalte2	{
	float:left;
	margin:0px 0px 10px 5px;
	padding:0px 0px 0px 2px;
	width:194px;
	border-left:1px solid #0066cc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
}

.line_facts_figures	{
	clear:left;
	display:block;
	padding:5px 0px 5px 0px;
}

.tbl_line	{
	border-bottom:1px solid #0066cc;
}

#memory	{
	margin:0px;
	padding:0px;
	line-height:12px;
}

#memory p	{
	margin:0px 0px 3px 0px;
	padding:0px;
}

#memory .minus	{
	clear:left;
	float:left;
	width:55px;
	margin:0px 5px 0px 0px;
	padding:0px;
	font-size:10px;
}

#memory .item	{
	float:left;
	width:235px;
	margin-bottom:5px;
	font-size:11px;
}

#all_properties	{
	margin:0px;
	width:700px;
	border-width:2px;
	border-color:#0066cc;
	border-collapse:collapse;
}

#all_properties .date	{
	font-size:11px;
}	

#all_properties .zelle	{
	border-width:1px;
	border-color:#0066cc;
	border-collapse:collapse;
}

#all_properties .head	{
	border-color:#0066cc;
	border-bottom:2px solid #0066cc;
	border-collapse:collapse;
}

#all_properties .bottom	{
	border-color:#0066cc;
	border-top:2px solid #0066cc;
	border-collapse:collapse;
}

#all_properties .bottom2	{
	border:none;
}

#special	{
	float:left;
	margin:0px 0px 0px 23px;
	padding:0px;
	width:710px;
}

#special .offer	{
	clear:left;
	margin:0px;
	padding:0px;
	width:710px;
}

#special .text	{
	float:left;
	margin:0px;
	padding:0px;
	width:300px;
	text-align:left;
}

#special .bild	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:400px;
}

#special h1	{
	margin-bottom:10px;
	font-size:26px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:1px;
	line-height:30px;
	color:#0066cc;
}

#special h2	{
	margin:0px 0px 20px 0px;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}

#special .lead	{
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

#special .big_red	{
	font-size:24px;
	font-weight:bold;
	color:#ff0000;
	line-height:36px;
}

#special .lead_red	{
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	line-height:18px;
}

.red	{
	color:#ff0000;
}

#special img	{
	margin:0px 0px 10px 0px;
}

.line	{
	clear:left;
	display:block;
	margin:0px;
	padding:5px 0px 5px 0px;
}

/* content ends here */

/* contact starts here */

#contact_text	{
	float:left;
	margin:0px;
	padding:0px;
	width:320px;
	font-size:12px;
	line-height:18px;
}

#contact_detail	{
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px;
	width:380px;
	text-align:left;
}

form	{
	margin:0px;
	padding:0px;
}

label	{
	width:120px;
	float:left;
	margin:2px 2px 2px 0px;
}
	
input, textarea	{
	width:180px;
	background-color:#e5f2ff;
	border:1px solid #99ccff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:2px;
	padding:2px;
}
	
input:focus, input:hover, textarea:focus, textarea:hover	{
	background-color:#ffffff;
	border:1px solid #0066cc;
}
	
.loeschen	{
	width:90px;
	margin:5px 26px 0px 0px;
}

.senden	{
	width:186px;
	margin:5px 0px 0px 0px;
}

.formfields	{
	clear:left;
	padding-top:10px;
}

form.payline-form	{
	margin:0px;
	padding:0px;
}

form.payline-form fieldset	{
	border:1px solid #99ccff;
	width:360px;
}

form.payline-form div.formrow	{
	clear:left;
	margin-top:5px;
}

form.payline-form div.formrow label	{
	width:150px;
	float:left;
	display:inline-block;
	margin:2px 12px 2px 0px;
}
	
form.payline-form div.formrow input, form.payline-form div.formrow textarea 	{
	width:175px;
	background-color:#e5f2ff;
	border:1px solid #99ccff;
	margin:0px;
	padding:2px;
}
	
form.payline-form div.formrow input:focus, form.payline-form div.formrow input:hover, form.payline-form div.formrow textarea:hover, form.payline-form div.formrow textarea:focus	{
	background-color:#ffffff;
	border:1px solid #99ccff;
}

.senden	{
	width:181px;
	padding:5px;
	margin:10px 0px 0px 0px;
}

/* forms ends here */

/* footer starts here */

#footer a	{
	color:#0066cc;
	text-decoration:none;
}

#footer a:hover	{
	color:#0066cc;
	text-decoration:underline;
}

/* footer ends here */

/* helpers */

.lauftext	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#333333;
}

.strich	{
	color:#0066cc;
	font-weight:bold;
}

.fl_right	{
	float:right;
}

.fl_left	{
	float:left;
}

.clr_left	{
	clear:left;
}

.clr_fl_left	{
	clear:left;
	float:left;
}

.nobr	{
	white-space:nowrap;
}

.missingFields {
	color:#FF0000;
}
