@charset "utf-8";
/* CSS Document */

/* Muutettu 31.3.2008 */

label { width: 180px; float:left; clear:left; text-align:right; padding-right:10px; padding-top:4px; }
input { padding:1px; margin:0; margin-top:2px; margin-bottom:2px; }

a:hover {
	text-decoration: underline;
}

#navi div#choose_target div { padding:0; margin:0; }
#navi div#choose_target {
	float: right;
	height: 29px;
	width: 238px;
	border: 1px solid #909090;
	margin-top: 4px;
	background: url(../images/choose_bg.gif) repeat-x;
	text-align: right;
	position: relative;
	cursor: pointer;
	z-index: 1;
}

#navi div#choose_target ul {
	margin: 0;
	padding: 4px;
	background: #474747;
	width: 232px;
	position: absolute;
	top: 31px;
	left: -1px;
}

#navi div#choose_target ul li {
	margin: 0;
	padding: 0;
	background: #575757 url(../images/valitse_kohde_li_bg_unselected.gif) 10px 5px no-repeat;
	border-bottom: 1px solid #616161;
	border-right: none;
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	text-align: left;
	color: white;
}
#navi div#choose_target ul li.selected {
	background: #616161 url(../images/valitse_kohde_li_bg_selected.gif) 10px 5px no-repeat;
}

#navi div#choose_target ul li a {
	padding: 2px 2px 2px 27px;
	display:block;
	color: white;
	font-weight: normal;
}

/* Muutokset loppu */

#imagefade { padding:0; margin:0; width: 716px; height: 270px; display:block; }


/* thumbnails */
#gallery ul { list-style:none; }
#gallery ul li { float:left; }
#gallery ul li a
{
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	padding:5px;
	background-color:white;
	border:1px solid #ccc;
	float:left;
	margin:10px;
	width:110px;
	height:110px;
}
#gallery ul li a:hover { border:1px solid red; }

/* NOSTOT SIIRRETTY TÄNNE ET TOIMII JOKA SIVUL 10.07.2008 - Mika */

/* [START] Oikean laidan nostot [START] */

div#right_nosto {
	float: left;
	width: 244px;
}

div#right_nosto img {
	display: block;
	margin: 16px 0 16px 16px;
}

div#background_fix_wrapper {
	background: #ededed;
        width: 972px;
}

div#right_nosto_upper {
	background: white url(../images/right_nosto_box_1_bg.gif) 0 100% no-repeat;
	min-height: 97px;
	padding: 25px 15px 35px 15px;
	margin: 0 0 16px 16px;
	width: 182px;
	color: black;
	font-weight: normal;
}

div#right_nosto_upper strong {
	color: #c00000;
}

/* [END] Oikean laidan nostot [END] */

/* [START] Infoboksit [START] */

div#real_estates_box {
	border: 1px solid #cc3639;
	padding: 8px !important;
	margin: 16px 0 !important;
}

div#real_estates_box img#real_estate_image {
	display: block;
	float: left;
}

div#real_estates_box div#real_estate_wrapper {
	padding: 10px;
	float: left;
	width: 278px;
}

div#real_estates_box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#real_estates_box ul li {
	border-bottom: 1px solid #e1e1e1;
	padding: 3px;
}

/*
div#real_estates_box ul li:last-child {
	border-bottom: none;
}
*/

div#random_info_container {
	border: 1px solid #cc3639;
	margin-bottom: 16px !important;
}

div#random_info_container div.random_content {
	border: 2px solid #e7e7e7;
	margin: 1px;
	padding: 15px !important;
}

/* [END] Infoboksit [END] */

/* HC worldit ja muut siirretty tänne (eivät toimineet sisäsivuilla) 14.7.2008 - Mika */

#top_container div#hc_world {
	float: right;
	background: url(../images/hc_world.gif) no-repeat;
	height: 18px;
	width: 138px;
	padding: 3px 0 0 3px;
	margin: 0 10px 0 0;
	cursor: pointer;
}

#top_container div#hc_world div, #top_container div#language div {
	margin-right: 20px;
	position: relative;
	z-index: 1000;
}

#top_container div#language {
	float: right;
	height: 18px;
	width: 126px;
	padding: 3px 0 0 3px;
	background: url(../images/language.gif) no-repeat;
	cursor: pointer;
	line-height: 11px;
	position: relative;
	z-index: 1000;
}

#top_container div#language ul, #top_container div#hc_world ul {
	position: absolute;
	z-index: 1000;

	top: 19px;
	left: -3px;
	background: #c0c0c0;
	margin: 0;
	padding: 0;
	list-style: none;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}

#top_container div#language ul li, #top_container div#hc_world ul li {
	padding: 5px;
	margin: 1px;
	background: #F5F5F5;
	width: 129px;
	font-size: 10px;
}


#top_container div#language ul li a, #top_container div#hc_world ul li a {
	color: black;
	font-weight: normal;
}

/* Kalenteri siirretty tänne 8.10.2008 - Mika Järvinen */

div#calendar {
	text-align: center;
	background: #f4f4f4 url(../images/calendar_bg.gif) no-repeat;
	border: 1px solid white;
	width: 168px;
	margin-top: 1px;
	padding: 21px 15px 15px 15px;
	font-size: 11px;
}

div#calendar h2 {
	margin: 0;
	paddin: 0;
	display: inline;
	color: #db0005;
	font-size: 12px;
	position: relative;
	bottom: 3px;
	margin: 0 10px 0 10px;
}

div#calendar table {
	background: white;
	margin: 10px auto 0 auto;
}

div#calendar table tbody td {
	background: #e2e2e2;
}

/* Specials */
div#calendar div.hc_button {
	display: block;
	margin: 0 auto 0 auto;
	width: 105px;
}

div.calendar_today:hover,
div#calendar div.free:hover,
div#calendar div.freetoday:hover { border: 1px solid green; margin:0; }
div#calendar div.booked,
div#calendar div.bookedtoday,
div#calendar div.booked:hover { border:none; margin:1px; color: #cc8888; }

div.calendar_normal,
div.calendar_today { width:17px; height:15px; text-align:center; padding-top:2px; }
div#calendar div.free,
div#calendar div.freetoday { cursor:pointer; }
div#calendar div.bookedtoday,
div#calendar div.calendar_today,
div#calendar div.freetoday { border: 1px dotted red; margin:0;  }
div.calendar_normal { border:none; margin:1px; }

div#calendar div.selected { border: 1px solid green; margin:0; }

form#reserve_vacation_form { padding:0; margin:0; float:none; display:inline; }
form#reserve_vacation_form #target_select,
form#reserve_vacation_form .target_select {
	margin: 2px 0 5px 0;
	font-size: 11px;
	width: 80px;
	padding:2px;
}

form#reserve_vacation_form select#target_select,
form#reserve_vacation_form select.target_select {
	width: 163px;
	height: 20px;
	padding:0;
	margin: 2px 0 10px 0;
}

/* pricetable styles */
table.prices td { background-color:#fafafa; padding-left:5px; padding-right:5px; }
table.prices td.nl { background-color:#f5f5f5; }
table.prices td.empty { background-color:transparent; }

/* Uusi fontti otsakkeisiin, lisätty 3.8.2010, muokattu 27.1.11 googlea varten .h1 */
.h1, .h2, .h3, .h4 { font-weight:bold; }
h1,.h1 {
margin: 0;
font-size: 22px !important;
color: #CC0000;
}

h2,.h2 {
margin: 0;
font-size: 18px !important;
color: #CC0000;
}

h3,.h3 {
margin: 0;
font-size: 16px !important;
color: #CC0000;
}

h4,.h4 {
margin: 0;
font-size: 14px !important;
color: #CC0000;
}


h1.center, h2.center, h3.center, h4.center {
text-align: center;
}

h1.right, h2.right, h3.right, h4.right {
text-align: right;
}

#flash_container_headline {
padding-top: 20px;
}

#flash_container_varaa h4 {
padding-top: 20px;
}

.main_offer_box
{
background: url(../images/tarjousmokkula_bg.gif) no-repeat;
width: 230px;
height: 165px;
}

.main_offer_box .text
{
color: white;
font-size: 16px;
font-weight: bold;
margin-right: 15px;
position: relative;
text-align: center;
top: 55px;
}

.main_offer_box .button
{
margin-right: 15px;
position: relative;
text-align: center;
top: 65px;
}