/* CSS for Stylish Villas */

/* Colour values: 	Primary - #DF7D12
					Secondary - #454432  */

/* --------------- default values -------------- */

.hide {
	display: none;
}


#hide {
	display: none;
}


body {
	background-color: #fe7303;
	background-image: url("../_assets/bgr_all.gif");
	background-repeat: repeat;
	background-position: center;
	font-family:Verdana, Tahoma, Arial;
	font-size:80%;
	margin: 0px;
	}



span {
	font-family:Verdana, Tahoma, Arial;
}



div {
	font-family:Verdana, Tahoma, Arial;
}



p {
	font-family:Verdana, Tahoma, Arial;
}



br {
	font-family:Verdana, Tahoma, Arial;
}



td {
	font-family:Verdana, Tahoma, Arial;
}



tr {
	font-family:Verdana, Tahoma, Arial;
}



th {
	font-family:Verdana, Tahoma, Arial;
}



table {
	font-family:Verdana, Tahoma, Arial;
}



html {
	font-family:Verdana, Tahoma, Arial;
}


img {

    border-style: none;
    border-color: inherit;
    border-width: 0;
}

img #miniborder {
	border:3px solid #C0C0C0;
	}




.frame
{background: url("../_assets/bgr_div.jpg") repeat-x top left; width:100%; margin:0; border:0; padding:0; height:400px; }

.upper
{width:100%;text-align:center; margin-right: auto; margin-left: auto; background: url("../_assets/bgr_divshad.jpg") no-repeat top center; height:264px; overflow:visible}

.inner
{width:785px;text-align:left; margin-right: auto; margin-left: auto; padding:0; background: #000 url("../_img/header.jpg") no-repeat top center; }

.lower
{width:784px; height:100%; text-align:center; margin-right: auto; margin-left: auto; padding:0 113px 0 113px;  }

.navbar
{width:765px; height:20px; background-color:#000; text-align:left; margin:0; padding:6px 0 4px 20px; font-family: Verdana, Arial, Tahoma; font-size: 90%; color:#fff}

.footer
{width:785px; height:101px; background:#074a72 url("../_assets/bgr_footer.gif") repeat-x top left; text-align:left; margin:0; padding:0; font-family: Verdana, Arial, Tahoma; font-size: 90%; color:#181818}

.footer p {
padding:10px 10px 15px 20px; font-size:80%;
}

.footer #footnav {
padding:22px 10px 0 20px; font-size:84%;
}

.footer img {
float: right; margin:9px; border:0;
}






/*** all standard styles ****************************
*****************************************************/


h1	{ 
    font-family: Arial, Verdana, georgia; 
    font-size: 165%;
    color: #1f82bf; 
    font-weight: bold;
    line-height:100%;
    margin-bottom:20px;
    }
    


h2	{ 
    font-family: Arial, georgia; 
    font-size: 145%;    
    color: #1f82bf; 
    font-weight: bold; 
    line-height:100%;
    margin-bottom:5px;
    margin-top:35px;
    }
h2 img { border:0 }    

h3	{ 
    font-family: Verdana; 
    font-size: 120%; 
    color:#000; 
    font-weight: bold; 
    line-height:80%;
    }
    

h4	{ 
    font-family: Arial, Verdana, georgia; 
    font-size: 125%; color:#000; 
    font-weight: bold; line-height:110%; 
    margin:25px 0 15px 0;
    }

h5	{ 
    font-family: Arial, Verdana, georgia; 
    font-size: 120%; 
    color:#4B3A29; 
    font-weight: bold; 
    line-height:110%; 
    margin:25px 0 15px 0;
    }

.clear 		    { clear:both; line-height:0; height:0;}
.clearhalf	    { clear:both; line-height:0; height:0;}
.clear-lhs 		{ clear:both; line-height:0; height:0;}



.txt-s		{font-size:80%}
.txt-sm		{font-size:90%}
.txt-smgr	{font-size:90%; font-weight:bold; color:#7EA800}
.txt-n		{font-size:100%}
.txt-lm		{font-size:115%}
.txt-l		{font-size:125%}
.txt-xl		{font-size:145%; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.txt-l-wht	{font-size:135%; color:#fff; font-weight:bold}

#sm-txt		{font-size:90%}



/*** links ****************************
*****************************************************/



.navbar a:link {
    border-right:solid #cea186 1px; 
    padding:2px 8px 2px 0; 
    margin-right:8px; 
    color:#fff; 
    text-decoration:none
    }  
 


.navbar a:visited {
    border-right:solid #cea186 1px; 
    padding:2px 8px 2px 0; 
    margin-right:8px; 
    color:#fff; 
    text-decoration:none
    }  
 

.navbar a:visited:hover {
    border-right:solid #cea186 1px;
    padding:2px 8px 2px 0; 
    margin-right:8px; 
    color:#fe7303; 
    text-decoration:underline
    }              


.navbar a:hover {
    border-right:solid #cea186 1px;
    padding:2px 8px 2px 0; 
    margin-right:8px; 
    color:#fe7303; 
    text-decoration:underline
    }              

.navbar a:active {
    border-right:solid #cea186 1px;
    padding:2px 8px 2px 0; 
    margin-right:8px; 
    color:#fe7303; 
    text-decoration:underline
    }              
            

.footer #footnav a:visited  {
    border-right:solid #2d98d8 1px; 
    padding:1px 4px 1px 0; 
    margin:3px 4px 3px 0; 
    color:#000; 
    text-decoration:none;
    line-height:150%;
    }
                  

.footer #footnav a:link  {
    border-right:solid #2d98d8 1px; 
    padding:1px 4px 1px 0; 
    margin:3px 4px 3px 0; 
    color:#000; 
    text-decoration:none;
    line-height:150%;
    }
                  
.footer #footnav a:visited:hover {
    border-right:solid #2d98d8 1px; 
    padding:1px 4px 1px 0; 
    margin:3px 4px 3px 0;
    color:#fff; 
    text-decoration:underline;
    line-height:150%;
}

.footer #footnav a:active {
    border-right:solid #2d98d8 1px; 
    padding:1px 4px 1px 0; 
    margin:3px 4px 3px 0;
    color:#fff; 
    text-decoration:underline;
    line-height:150%;
}

.footer #footnav a:hover {
    border-right:solid #2d98d8 1px; 
    padding:1px 4px 1px 0; 
    margin:3px 4px 3px 0;
    color:#fff; 
    text-decoration:underline;
    line-height:150%;
}

.main_wide .addtxt p a:visited
{
text-decoration:underline;
color:#e46702;
}

.main_wide .addtxt p a:link
{
text-decoration:underline;
color:#e46702;
}

.main #cont_lhs #llhs p a:visited
{
text-decoration:underline;
color:#e46702;
}

.main #cont_lhs #llhs p a:link
{
text-decoration:underline;
color:#e46702;
}

.main #cont_lhs #rlhs p a:visited
{
text-decoration:underline;
color:#e46702;
}

.main #cont_lhs #rlhs p a:link
{
text-decoration:underline;
color:#e46702;
}

.main #cont_lhs p a:visited
{
text-decoration:underline;
color:#e46702;
}

.main #cont_lhs p a:link
{
text-decoration:underline;
color:#e46702;
}

.main #cont_rhs p a:link
{
text-decoration:underline;
color:#e46702;
}

.main #cont_rhs p a:visited
{
text-decoration:underline;
color:#e46702;
}

.main_wide .addtxt p a:hover
{
text-decoration:none;
color:#0666a1;
}


.main_wide .addtxt p a:active
{
text-decoration:none;
color:#0666a1;
}


.main #cont_lhs #rlhs p a:hover
{
text-decoration:none;
color:#0666a1;
}


.main #cont_lhs #llhs p a:hover
{
text-decoration:none;
color:#0666a1;
}


.main #cont_lhs #rlhs p a:active
{
text-decoration:none;
color:#0666a1;
}


.main #cont_lhs #llhs p a:active
{
text-decoration:none;
color:#0666a1;
}


.main #cont_lhs p a:hover
{
text-decoration:none;
color:#0666a1;
}


.main #cont_lhs p a:active
{
text-decoration:none;
color:#0666a1;
}


.main #cont_rhs p a:hover
{
text-decoration:none;
color:#0666a1;
}


.main #cont_rhs p a:active
{
text-decoration:none;
color:#0666a1;
}


.infobox_ros a {
color:#225884; 
text-decoration:underline;
}

.footer p a {
color:#181818; 
text-decoration:underline;
}

.main #cont_lhs #llhs2 p a {
text-decoration:underline;
color:#fe7303;
}
 
.inner .main_wide div p a:hover {
text-decoration:underline;
color:#fe7303;
}

.inner .main_wide div p a:active {
text-decoration:underline;
color:#fe7303;
}

.inner .main_wide div p a:visited {
text-decoration:underline;
color:#fe7303;
}

.inner .main_wide div p a:link {
text-decoration:underline;
color:#fe7303;
}

.main #cont_lhs #rlhs2 p a {
text-decoration:underline;
color:#fe7303;
}

.main #cont_lhs p.offerbox a {
color:#fff;
text-decoration:underline;
}
 



/*** Wo alles steht **********************************
*****************************************************/


/* ------- breite Spalte -------------------*/

.main_wide {
background-color:#fff; 
width:785px;
}

.main_wide #cont_wide  {
width:745px;text-align:left; 
float:left; 
padding:35px 10px 35px 20px; 
color:#333; 
font-size:90%;
}

.main_wide #cont_wide p  {
color:#333; 
font-size:95%; 
margin-bottom:10px; 
line-height:135%;
}

.main_wide #cont_wide p.infobox_ros {
background: #cfc2bc url("../_assets/bgr_infobox_ros.jpg") repeat-x top left;
padding:8px;
border: 3px solid #e0e0e0;
color: #225884;
font-size:95%;
line-height:140%;
margin:20px 0;
}

.main_wide #cont_wide p#pix img {
border: #C0C0C0 3px solid;
margin: 0 8px 0 0;
}


.main #cont_rhs p#pix a img {
border: #C0C0C0 3px solid;
margin: 0 8px 0 0;
}


#cont_book  {
width:785px;
display:block;
}

.main_wide #cont_wide p#pix img {
border: #C0C0C0 3px solid;
margin: 0 8px 0 0;
}


iframe.booking {
border-style: none; 
border-color: inherit; 
border-width: 0; 
width: 100%; 
padding:0; 
margin-left: 0; 
margin-right: 0; 
margin-top: 0;
	}
	
.main_wide .addtxt {
float:left;
padding:20px;
width:740px;
}




/* PRICES table */

.dark_cell {	
	border: 0 solid #808080; 
	background-color: #242424;
}


/* ------- linke Spalte -------------------*/

.main {
background:#fff url('../_assets/bgr_main.gif') repeat-y top center; 
width:785px;
}

.main #cont_lhs  {
width:404px;text-align:left; 
float:left; 
padding:35px 10px 35px 20px; 
color:#333; 
font-size:90%;
}

.main #box_lhs  {
width:404px;text-align:left; 
float:left; 
color:#333; 
padding-bottom: 15px;
}

.main #box_lhs p {
width: 290px;
height: auto;
}

.main #recommend_box_lhs  {
background:url(../_img/sv_recommended.gif);
background-position:top right;
background-repeat: no-repeat;
width:404px;text-align:left; 
float:left; 
color:#333; 
padding-bottom: 15px;
}

.main #recommend_box_lhs p {
width: 290px;
height: auto;
}

.main #bottom_box_lhs  {
width:404px;text-align:left; 
float:left; 
color:#333; 
}

.main #bottom_box_lhs p {
width: 290px;
height: auto;
}

.main #chef_box_lhs  {
background:url(../_img/logo_chefacasa.gif);
background-position:top right;
background-repeat: no-repeat;
width:404px;text-align:left; 
float:left; 
color:#333; 
padding-bottom: 15px;
}

.main #chef_box_lhs p {
width: 290px;
height: auto;
}


.main #cont_lhs #llhs  {
width:280px;
text-align:left; 
float:left; 
color:#333; 
margin-right:20px;
}

.main #cont_lhs #rlhs  {
width:100px;
text-align:left; 
float:right; 
color:#333; 
font-size:100%; 
padding-top:25px;
}


.main #cont_lhs p  {
color:#333; 
font-size:95%; 
margin-bottom:10px; 
line-height:135%;
}


.main #cont_lhs #llhs p  {
color:#333; 
font-size:95%; 
margin-bottom:10px; 
line-height:135%;
}


.main #cont_lhs #rlhs p  {
color:#333; 
font-size:95%; 
margin-bottom:10px; 
line-height:135%;
}


.main #cont_lhs #llhs2 p  {
color:#333; 
font-size:95%; 
margin-bottom:10px; 
line-height:135%;
}


.main #cont_lhs #rlhs2 p  {
color:#333; 
font-size:95%; 
margin-bottom:10px; 
line-height:135%;
}


.main #cont_lhs #llhs p.infobox_ros {
background: #cfc2bc url("../_assets/bgr_infobox_ros.jpg") repeat-x top left;
padding:8px;
border: 3px solid #e0e0e0;
color: #225884;
font-size:95%;
line-height:140%;
margin:20px 0;
}

.main #cont_lhs p.infobox_ros {
background: #cfc2bc url("../_assets/bgr_infobox_ros.jpg") repeat-x top left;
padding:8px;
border: 3px solid #e0e0e0;
color: #225884;
font-size:95%;
line-height:140%;
margin:20px 0;
}


.main #cont_lhs p.offerbox {
background: #0b3953 url("../_assets/bgr_offerbox.jpg") repeat-x top left;
padding:8px;
border: 3px solid #e0e0e0;
font-size:95%;
line-height:140%;
margin:20px 0;
color:#fff;
}

.main #cont_lhs p.villabox {
background: #df7d12 url("../_assets/bgr_villainfo.jpg") repeat-x top left;
padding:8px;
border: 3px solid #e0e0e0;
color: #225884;
font-size:95%;
line-height:140%;
margin:10px 0;
color:#fff;
width:141px;
float:left;
}

.main #cont_lhs p.villawidebox {
background: #df7d12 url("../_assets/bgr_villainfo.jpg") repeat-x top left;
padding:8px;
border: 3px solid #e0e0e0;
color: #225884;
font-size:95%;
line-height:140%;
margin:10px 0;
color:#fff;
float:left;
}


.main #cont_lhs p.villawidebox a {
color:#fff; text-decoration:underline;
}


.main #cont_lhs p.villabox a {
color:#fff; text-decoration:underline;
}

.main #cont_lhs p.villatext {
padding:3px;
color: #333;
font-size:93%;
line-height:140%;
margin:10px 0;
width:220px;
float:right;
}

.main #cont_lhs p#pix img {
border: #C0C0C0 3px solid;
margin: 0 8px 0 0;
}

#lrhs img {
border:0;
}


/* -------------------------*/



/* ------- rechte Spalte -------------------*/

.main #cont_rhs
{width:310px; text-align:left; float:right; padding:25px 20px 35px 0; color:#fff; font-size:90%;
}

.main #cont_rhs p  {
color:#fff; font-size:95%; margin-bottom:5px; line-height:135%;
}

.main #cont_rhs p.pack {
background: #020304 url("../_assets/bgr_pack.jpg") repeat-x top left;
padding:8px 8px 12px 8px;
border: 3px solid #676360;
color: #fff;
font-size:105%;
text-align:center;
line-height:140%;
margin:50px 0 40px 8px;
}

.main #cont_rhs p.pack span#packhead	{ 
    font-family: Verdana, Arial; 
    font-size: 120%; 
    color:#fff; 
    font-weight: bold; 
    line-height:80%;
    }
    
.main #cont_rhs p#pix img#pixrgt {
	margin-right:0;
}


/* -------------------------*/



/*** rhs buttons *******************************
********************************************/

.main #cont_rhs p.offerbut {
    background: url("../_assets/but_grey.gif") no-repeat top left;
    width:280px;
    height:21px;
    padding: 5px 15px 2px 15px;
    font-weight:bold;
    cursor: pointer;
    color:#fe7303;
    margin-top:12px;
    margin-bottom:16px;
    }

.main #cont_rhs p.specialtext {

    margin-left: 15px;
    font-size: 95%;
    }
    
#butinfo {
    margin:2px 0 4px 0;
    padding-left:15px;
    }
    
h2 img {
    margin-left: 15px;
    }

    
a.butrhs {
    font-size:100%; color:#fe7303; font-weight:bold; text-decoration:none;
    }    



.main #cont_rhs .specialbut {
    background: url("../_assets/special-but.jpg") no-repeat top left;
    width:292px;
    height:47px;
    cursor: pointer;
    margin-top:12px;
    margin-bottom:16px;
    }
    
.main #cont_rhs .specialbut .specialbut_info {
	padding: 13px 20px 10px 20px;
	font-size:115%;
	font-weight:bold;
	color:#fff;
}        





/*** Lists *******************************
********************************************/

ul.feat {
list-style-type:none; 
list-style-image: url("../_assets/bull_star.jpg"); 
list-style-position: outside;
margin-bottom:35px;
}

ul.feat li {
padding-bottom:8px;
font-size:95%;
}

ul.feat p#head {
font-weight:bold;
color:#3788ba;
font-size:125%;
line-height:110%;
padding-bottom:8px;
margin-top:35px;
}




/*** Directions *******************************
********************************************/


.main #cont_lhs #llhs2dir  {
	width:190px;
	text-align:left; 
	float:left; 
	color:#333; 
	margin:10px 20px 10px 0;
	}
	
.main #cont_lhs #rlhs2dir  {
	width:190px;
	text-align:left; 
	float:right; 
	color:#333; 
	font-size:100%;
	margin:10px 0 10px 0;
	text-align:right;
	}
	
.main #cont_lhs #rlhs2dir img  {
    border: 2px solid #C0C0C0
}

#stage {
    font-size:140%;
    font-weight:bold;
    color: #FFB340;
}




/*** Forms *******************************
********************************************/

.label {float:left;width:160px; margin-bottom:10px;}
.field {float:left;width:230px; margin-bottom:10px}

textarea#text {
	background-color: transparent;
	background: #0b84b1 url('/_assets/input_bgr.gif') no-repeat bottom left;
	border: 1px solid #c0c0c0;
	color: #000;
	padding: 3px 4px 3px 4px;
	font-size: 12px;
	line-height: 1.2em;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	margin: 0 3px 3px 0;
	width: 220px;
	}
	
.field select {
	background-color: transparent;
	background: #e3e3e3 url('bgr_field.gif') no-repeat left top;
	border: 1px solid #c0c0c0;
	color: #000;
	padding: 3px;
	font-size: 90%;
	line-height: 1.2em;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	width:220px;
}

.field input {
	background-color: transparent;
	background: #e3e3e3 url('bgr_field.gif') no-repeat left top;
	border: 1px solid #c0c0c0;
	color: #000;
	padding: 3px;
	font-size: 90%;
	line-height: 1.2em;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	}

.field input.submit_but {
	background-color: transparent;
	background: none;
	border: 0;
	color: #000;
	padding: 3px;
	font-size: 90%;
	line-height: 1.2em;
	font-family: Verdana, Arial,Helvetica,sans-serif;
}



.field input.radio {
	background-color: transparent;
	background: none;
	border: 0;
	color: #000;
	padding: 3px;
	font-size: 90%;
	line-height: 1.2em;
	font-family: Verdana, Arial,Helvetica,sans-serif;
}



.field input#oneline {
width:220px;
}

.field select#pull_title {
width:120px;
}

.field select#pull_country {
width:220px;
}

#cont_lhs form .field a
{
text-decoration:underline;
color:#e46702;
}





.fieldinfo {
float:right; text-align:right; font-size:80%; margin-bottom:15px;
}



               
input#but { 
	margin-top: 10px;
	border: 0;
	}
              
fieldset {
	float: left;
	padding:0 0 5px 0;
	border:0;
	}


.main #cont_lhs #llhs2  {
	width:190px;
	text-align:left; 
	float:left; 
	color:#333; 
	margin-right:15px;
	}

.main #cont_lhs #rlhs2  {
	width:190px;
	text-align:left; 
	float:right; 
	color:#333; 
	font-size:100%; 
	}
	




/****** availability grid **********/

.month_field{
	width:124px; 
	height:35px;  
	display:inline; 
	float:left;
	text-align:center; 
}

.month_field p {
	margin:8px 0 3px 0;
	text-align:center;
	font-size:100%;
	font-weight:bold;
}

.month_orange {
	background: #FFFFFF url('../_img/but_months_orange.jpg') top left no-repeat;
}
.month_blue {
	background: #FFFFFF url('../_img/but_months_blue.jpg') top left no-repeat;
}
.month_grey {
	background: #FFFFFF url('../_img/but_months_grey.jpg') top left no-repeat;
}
month_black {
	background: #FFFFFF url('../_img/but_months_black.jpg') top left no-repeat;
}

#month_left-middle {
	margin:14px 14px 0 0;
}	

#month_right {
	margin:14px 0 0 0;
}	 
 
.main #cont_lhs .month_black p a {
	color:#fff;
	text-decoration:underline;
}

.main #cont_lhs .month_blue p a {
	color:#fff;
	text-decoration:underline;
}

.main #cont_lhs .month_orange p a {
	color:#fff;
	text-decoration:underline;
}

.main #cont_lhs .month_grey p a {
	color:#C0C0C0;
	text-decoration:underline;
}


/****** images **********/


.hero_image 
{
    width: 404px;
    height: 225px;
}

.left_button {
	width: 145px;
	float: left;
	margin-bottom: 15px;
}

.right_button {
	width: 145px;
	float: right;
	margin-bottom: 15px;

}

.info_pg_image 
{
    width: 200px;
    height: 110px;
    float: left;
}

.hero_image p {
	margin-top: 0px;
	margin-left: 15px;
	float: right;
	height: auto;
	width: 189px;

}

.info_hero 
{
    width: 404px;
    height: 110px;
    margin-bottom: 5px;
}

.info_hero p {
	margin-top: 0px;
	margin-left: 15px;
	float: right;
	height: auto;
	width: 189px;
	
}

.offer_hero 
{
    width: 404px;
    height: 110px;
    margin: 10px 0 5px 0;
}

.offer_hero p {
	margin-top: 0px;
	margin-left: 15px;
	float: right;
	height: auto;
	width: 189px;
	
}