/* -- HHRO Layout attributes August 2006   -- */
.tabel_ratecard td { font-size: 12px }
.row_periodname     { font-size: 10px }
table.priceinformation  { font-family: Arial; background-color: #fff; text-align: left; width: 100%; border: solid 1px #c0c0ff; border-collapse: no-collapse         }
table.priceinformation  td { font-size: 12px; width: 25% }
table.priceinformation  td.value { font-size: 12px; font-weight: bold }
table.priceinformation td.heading { font-size: 14px; font-weight: bold; padding: 0.5em 0.2em }



#mybutton    { display: none }
#mainpage    { margin: 0 auto }
#masthead   { display: none }
#actions   { display: none }
#newsblock      { display: none  }
#pagetitle    { font-size: 14px; font-family: "Trebuchet MS";  position: relative; top: 5px;  width: 750px }


#pagetitle h1    { color: #300; font-size: 20px; font-family: Verdana; font-weight: bold; margin-top: 10px }
#pagetitle p     { color: black; font-size: 12px; font-family: Verdana; text-align: left }

#content            { font-size: 14px; font-family: "Trebuchet MS"; width: 100% }
#content p  { font-size: 14px; font-family: "Trebuchet MS" }
.contentsubheading { font-size: 16px; font-family: "Trebuchet MS"; font-weight: bold }
/ no need for LHS 
#Mycontent   { font-size: 14px; font-family: "Trebuchet MS"; visibility: visible; width: 100% }
#Mycontent p  { font-size: 12px; font-family: "Trebuchet MS" }
#footer   { display: none   }
#footer P {
	margin-top: 0.5em;
	margin-bottom: 0;
}
#footer A { color: #5084C0; font-weight: bold; }
/*My footer is slighly modified for my page content- Otherswis eth same as for script*/
#Myfooter  { display: none  }
#Myfooter P { margin-top: 0.5em; margin-bottom: 0 }
#Myfooter A { color: #5084c0; font-weight: bold }
#adminfooter {
	position: relative;
	left: 0px;
	width: 750px;
	margin-top: 0.75em;
	text-align: right;
	font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif !important;
	font-size: 10px;
	line-height: 13px;

	background-position: 300px 0px;
	color: #404060;
	padding-bottom: 1.5em;
}
#adminfooter P {
	margin-top: 0.5em;
	margin-bottom: 0;
}
#adminfooter A { color: #5084C0; font-weight: bold; }



#banner TD   { background-color: #006 }

.bannerheadline     { color: #fff; font-size: 25px; font-family: Verdana; font-weight: bold; text-align: center; margin: 0 auto }
.menucontainer   {display: none }
.note     { color: #f03; font-size: 10px; font-family: "Times New Roman"; font-style: italic; font-weight: normal; margin: 0 auto }


.shadow  { 



background: url(images/shadow_bg.png) no-repeat right bottom!important;
background: url(images/shadow_bg.gif) no-repeat bottom right;


 no-repeat right bottom; display: inline; margin: 6px 0 0 6px; float: left }
.shadow a {
	border: 0px!important;
}
.shadow img {
	display: block;
	position: relative;
	background-color: #FFF;
	border: 1px solid #A9A9A9;
	margin: -6px 6px 6px -6px!important;
	padding: 9px!important;
}
.clearer {
    clear: both;
}

/* -- Important for floats    -- */

.separator  { background-color: #198ea8; margin: 2em 0; height: 2px; clear: both }

/* -- Important for floats -after last float element to stop the behavior    -- */
.separatorInvisible {
height: 0;
clear: both;
}


/* -- Main Horizontal Menu   -- */


#Navigation {
	display: none
	
}
#Navigation ul {
	margin: 0px;
	padding: 0px 2px;
	list-style-type: none;
	display: inline;
	color: white; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;
}
#Navigation ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	border: none;
	background-color: #036;
}
#Navigation a:link, #Navigation a:visited  { color: #fff; font-size: 18px; font-weight: bold; line-height: 35px; text-decoration: none; display: inline; margin: 0; padding: 8px 18px; height: 25px; border: 0; voice-family: inherit }
#Navigation a:hover, #Navigation a:active, #Navigation h2  { color: #fff; font-size: 18px; font-weight: bold; line-height: 35px; text-decoration: underline; background-color: #369; margin: 0; padding: 8px 18px; height: 25px; border: none; voice-family: inherit }


/* LHS Main Menu */

#vertmenucontainer       { display: none }
#Myvertmenucontainer  { display: none}
#LHSmenu        { position: relative; top: 25px; left: 3px; width: 120px; border-color: #30f }



/* -- standard text styles -- */

p {
font-size: 93%;
line-height: 1.3em;
margin-top: 0;
margin-bottom: 1em;
}

h1, h2 {
text-transform: uppercase;
color: #198ea8;
font-weight: bold; 
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
padding: 0;
}
h1  { font-size: 14px }
h2  { font-size: 12px }
h3 {
margin: 0;
color: #198ea8;
font: bold 100% Arial, Helvetica, sans-serif;
}

/* -- PUM  text styles -- */
.blackborder { border: solid 1px #000 }
.PUMdescriptiontext   { font-size: 14px; font-family: "Trebuchet MS"  }
.PUMdescriptiontextsubheading  { font-size: 14px; font-family: "Trebuchet MS"; font-weight: bold }
.PDpicdesc { font-size: 10px; font-family: "Trebuchet MS" }
.pic200by150border   { width: 200px; height: 150px; border: solid 1px black }


.PUMTablelightgreybordered { color: #484848; font-size: 8pt; font-family: verdana, tahoma; background-color: #efefef; padding: 5px; border: solid 1px black }
/********* attrs for FORMs  ***************/
.formheading  { margin: 0; padding: 5px }
fieldset.formFieldSet  { padding: 10px; width: 325px; border: solid 2px gray }

legend.formLegend {
	font-size: 14px;
	font-family: "Zapf Chancery", "Comic Sans MS", cursive;
	background-color: #fcc;
	padding: 5px;
	border: solid 2px #f00
	}

label  { font-size: 12px; font-family: "Arial Rounded MT Bold"; text-align: left; vertical-align: middle }

textarea.formTextArea   { font-family: "Courier New", Courier, Monaco, monospace; background-color: #fff; padding: 5px; width: 650px; height: 200px; border: solid 1px }

select.formPopup  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; border: solid 1px }

input.formField  { font-size: 12px; font-family: "Arial Rounded MT Bold"; background-color: #fff; padding: 2px; border: solid 1px #ccc }
input.formFieldREQ { font-size: 12px; font-family: "Arial Rounded MT Bold"; background-color: #ff0; padding: 2px; border: solid 1px #ccc }
input.formButton   { font-size: 12px; font-family: Verdana; background-color: #ccc; margin: 5px; border: solid 1px #30c }

input.formButton:hover  { color: #fff; font-size: 12px; font-family: Verdana; background-color: #30f; margin: 5px; border: solid 1px }

button.formButton {
	color: #fff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f00;
	margin: 5px;
	border: solid 2px #333
	}
/* Used as DIV id=form_desc */
#form_desc {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:9px;
	font-weight: bold;
	margin-bottom:3px;
	color: #000000;

}
#form_desc_error {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:9px;
	font-weight: bold;
	margin-bottom:3px;
	color: #CC0000;
}
.PUMsearchlabel { color: #000; font-size: 12px; font-family: "Arial Rounded MT Bold"; text-align: left }


.PUMformlabels9   /* 9 pt */        { font-size: 12px; font-family: Arial; text-align: left; vertical-align: middle }
.PUMformtext { font-size: 11px; font-family: Arial; font-weight: bold; text-align: left; vertical-align: middle }
.PUMformlabels7 /* 7pt */     { font-size: 10px; font-family: Arial; font-weight: bold; text-align: left; vertical-align: middle }
.PUMformheadings   { color: #fff; font-size: 14px; font-family: Arial; font-weight: bold; text-align: left }
.PUMformsubheadings { font-size: 14px; font-family: Arial; font-weight: bold; text-align: left }

/* for property listings */

.listingHELP  { font-family: "Trebuchet MS"; background-color: #adddae; padding: 3px; border: solid 1px #c0c0ff }

 .SPECIALLINK {

                font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#05568E;
				text-decoration:none;
				
       }

        .SPECIALLINK:HOVER {

                font-family:Arial;
				font-size:12px;
				font-weight:bold;
				color:#000000;
				text-decoration:underline;
				

        }

        .NORMALTEXTBOLD {

                font-family:Arial;
				font-size:13px;
				font-weight:bold;
				color:#000000;
				text-decoration:none;

        }

        .NORMALTEXT {

                font-family:Arial;
				font-size:12px;
				color:#000000;
				font-weight:light;
				text-decoration:none;

        }

        .PRICE {

                font-family:Arial;
				font-size:14px;
				font-weight:bold;
				color:#FF9900;
				text-decoration:none;

        }

        .CLASSNORMAL {

                background:#dedeff;
                border:1px solid black;
        }

        .CLASSOVER {

                background:#EEEEEE;

        }
        
        
.PUMlistingname  { font-size: 14px; font-family: verdana; font-weight: bold; text-align: left }
.PUMlistingheader   { background-color: #69c; height: 25px }
.HHROlistingname  { color: #fff; font-size: 14px; font-family: Verdana; font-weight: bold; text-align: left; padding: 5px 3px }
.HHROlistingtown { color: #fff; font-size: 14px; font-family: Verdana; font-weight: bold; text-align: right; margin-left: 100px }
.PUMlistingprice    { font-size: 12px; font-family: Verdana; font-weight: bold }
.HHROlistingprice { font-size: 10px; font-family: Verdana; font-weight: bold }
.PUMpropertyshortdescription { font-size: 12px; font-family: Arial; font-weight: normal ; padding-top: 10px; padding-bottom: 20px }
.PUMlistingsbedsetc { font-size: 11px; font-family: Arial }
.PUMlistinglocation { font-family:Arial;
				font-size:16px;
				font-weight:bold;
				text-decoration:none;
}

#sellingbullet	     { font-family: "Trebuchet MS"; font-weight: bold; margin-left: 25px }
.shortlistlink a        { color: #000; font-size: 11px; font-family: Arial; font-weight: bold; background-color: yellow } 
.shortlistlink :HOVER    { color: #000; font-size: 11px; font-family: Arial; font-weight: bold; text-decoration: underline; background-color: yellow }


li  { font-size: 12px; font-family: "Trebuchet MS" }

#actions { display: none; }



#propertyheader   {width: 100% }
#propertyheader H1     {  font-size: 18px; font-family: "Trebuchet MS"; font-weight: bold; text-align: center }
#summary     { font-size: 13px; font-family: "Trebuchet MS"; text-align: left; padding-left: 10px }
#summary H2     { font-size: 16px; font-family: Arial; font-weight: bold; text-align: left; margin-top: 5px }



#propertydetails  /* holds property details */   { padding-top: 10px }
#detailstext     { margin-right: 20px; margin-left: 0 }
#propertymainphoto  { position: relative;  border: solid 1px #ccc }
#propertymultiphotos    { }
#propertysummary   { position: relative }
#propertysummary column td    { margin: 10px }
#propertyactions  { position: relative; border: solid 1px #ccc }
#propertypriceinfos { width: 100%;  border: solid 1px #ccc }
#propertyavailability  { width: 100% }
	


#photocontainer200by150    { width: 170px; height: 160px; border: solid 1px #ccc }

#photostyle200by150 img     { margin: 8px 6px 10px 3px; width: 150px; height: 112px }


.photocontainer120by90  { width: 130px; height: 110px }
.photostyle120by90 img { margin: 8px 6px 10px 3px; width: 120px; height: 90px }



#propertyphotos    {display: none }
#phototext            { font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; text-align: left; text-transform: inherit; margin-right: 6px; margin-left: 10px }
#printphotos   { text-align: left; display: block; margin-left: 0; width: 100px }
#printpage  { display: none; margin-top: 20px }

#phototext            { font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; text-align: left; text-transform: inherit; margin-right: 6px; margin-left: 10px }
#photoshelp    { color: #d0d0d0; font-size: 8px; font-family: Arial; display: none }

table.propertycontainer   { color: #000; background-color: #fff; width: 100% }

table.additionalinfo     { font-family: Arial; background-color: #fff; text-align: left; width: 100%; border-collapse: no-collapse    }
table.additionalinfo th   { color: #fff; font-size: 12px; font-weight: bold; background-color: #507ea1; text-align: left; padding: 0.5em 0.2em }

table.additionalinfo td     { font-size: 12px; width: 25% }
table.additionalinfo td.heading   { font-size: 13px; font-weight: bold; padding: 0.5em 0.2em }
table.additionalinfo td.value   { font-size: 12px; font-weight: bold }
table.additionalinfo tr  { text-align: left; margin-bottom: 0; padding-bottom: 0 }
March   2006 JW  for variable shadow behind a Photo image*/ -->

<!--  background: url(http://www.holidayhomerentalsonline.com/online/templates/privaturlaub/images/fotoshadow2.gif)-->
<!-- background: url(http://www.holidayhomerentalsonline.com/online/templates/privaturlaub/images/fotoshadow2.png) no-repeat left top !important ;
  -->

.foto-shadow-small  { background: url("http://www.holidayhomerentalsonline.com/online/templates/privaturlaub/images/shadow.gif") no-repeat right bottom; margin: 0 0 5px; float: right }



.PDmainpicture IMG   { margin: 5px; width: 250px; height: 188px; border: solid 1px #a9a9a9 }
.picplusborder  IMG {
border: 1px solid #a9a9a9;
 
.PDpicdesc  { color: #000; font-size: 14px; font-family: sans-serif; text-decoration: none; text-align: right; margin-top: 25px; width: 250px; height: 20px; clear: right; vertical-align: top } 
.PDkeyitemsbackground{

        font-size:12px;
		font-family:verdana, tahoma;
		background-color:#E8ECFF;
		border-color:#AAAAAA;
		text-decoration: none;
		height: 15pt;
}
.PDkeyitemstext { color: #000; font-size: 8px; font-family: sans-serif; text-decoration: none;  }
.PDkeyitems { color: #000; font-size: 12px; font-family: sans-serif; text-decoration: none;width: 200px ; padding-top: 5px  }
.PDkeypicture { color: #000; font-size: 12px; font-family: sans-serif; text-decoration: none;width: 200px ; padding-top: 5px }
.PDkeychoices { color: #000; font-size: 12px; font-family: sans-serif; text-decoration: none;width: 300px ; padding-top: 5px  ; padding-left: 25px}
.PDkeychoicestext  { color: #000; font-size: 14px; font-family: sans-serif;  text-decoration: none }
.PDkeychoicestextsmall { color: #000; font-size: 11px; font-family: sans-serif; text-decoration: none }
.PDkeychoicesnumbers    { color: #000; font-size: 14px; font-family: sans-serif; font-weight: bold; text-decoration: none }
.PDkeychoicesprice { color: #000; font-size: 11px; font-family: sans-serif; font-weight: bold; text-decoration: none }
.PDpropertyname { color: #000; font-size: 14px; font-family: sans-serif; text-decoration: none; }

#PDhead_title {
margin-top:10px;
}

.form_info {
border:1px solid #E5EFFB;
background-color: #F3F8FF;
padding:2px;
margin-bottom:5px;
}
.formbox_outline {
	background-color: #083360;
}
.formbox_title {
color: #ffffff;
font-weight: bold;
}
.form_blue1 {
	background-color: #083360;
}
.form_blue2 {
	background-color: #E5EFFB;
}
.form_blue3 {
	background-color: #F3F8FF;
}
.form_blue4{
	background-color: #F3F8FF;



.meniulist { color: #000; font-size: 18px; font-family: sans-serif; text-decoration: none; }


p.link {background-color: #2B2E21;;color:#fff;}
p.link a:link span{display: none;}
p.link a:visited span{display: none;}
p.link a:hover span {
  position: absolute;
  margin:15px 0 0 20px;
  background-color: beige;
  max-width:220px;
  padding: 2px 10px;
  border: solid 1px #c0c0c0;
  font: 10px/12px Verdana;
  color: #000;
  text-align:left;
  display: block;
}

#aufzaehlung {
display:block;
border: 1px solid #E5EFFB;
margin-bottom:5px;
}
#aufzaehlung.listing {
margin-bottom:2px;
}

#aufzaehlung_head  { background-color: #bdd6f4; display: block; padding: 1px }
#aufzaehlung_desc {
padding:3px;
}

#aufzaehlung_head A    { font-size: 12px; text-align: left; display: block; padding: 1px 1px 1px 12px }

#aufzaehlung_head a:hover { text-decoration: underline; background-image: url("/online/myimages/graphics/icons/bl_triangle.gif"); background-repeat: no-repeat; background-position: left top; display: block; padding: 1px 1px 1px 12px }
#Ebene1 { visibility: visible; position: absolute; width: 218px; height: 184px }


	.link A {
	  font-family:Tahoma;
	  font-size:12px;
	  color:#004400;
	  text-decoration:underline;
	}
	
	.link A:HOVER {
	  font-family:Tahoma;
	  font-size:12px;
	  color:#004400;
	  text-decoration:underline;
	  color:green;
	}
	
	.normalText {
	  font-family:Tahoma;font-size:12px;color:black;
	}
	
	.pictext {
	  font-family:Tahoma;font-size:12px;color:black;width:200px;
	}
	
	.normalTextJustify {
	  font-family:Tahoma;font-size:12px;text-align:justify;color:black;
	}
	
	.normalTextBold {
	  font-family:tahoma;font-size:12px;font-weight:bold;color:black;
	}
	
	.normalTextGreen {
	  font-family:Tahoma;font-size:12px;color:green;
	}
	

/********* classes for property details tabs  ***************/
#maintab { display: none }
.shadetabs  { color: #000; font: bold 12px "Trebuchet MS"; text-align: left; list-style-type: none; margin-top: 1px; margin-bottom: 0; margin-left: 0; padding: 3px 0 }

.shadetabs li { color: #000; display: inline; margin: 0 }

.shadetabs li a       { color: #2d2b2b; text-decoration: none; margin-right: 3px; padding: 3px 7px; border-style: solid solid none; border-width: 1px }
.shadetabs li.unselected a    { color: #2d2b2b; font-family: Arial; text-decoration: none; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; margin-right: 3px; padding: 3px 7px; border: solid 1px #778 }
.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover { color: #2d2b2b; font-weight: bold; text-decoration: underline }

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a   { background-color: #fff; border-top: 4px solid #30f; border-bottom: 1px solid white }

.shadetabs li.selected a:hover { text-decoration: none }

.tabcontentstyle  { margin-bottom: 1em; padding: 10px; width: 100% }

.tabcontent { display: block }

.ROavailcalender    { font-size: 14px; font-family: "Trebuchet MS"; font-weight: bold; height: 25px }
.ROavailcalender p    { font-size: 10px; text-align: left }