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

body{background:#023769 url(../images/body-bg.jpg) repeat-x 0px -15px; font-family:Arial, Helvetica, sans-serif;font-size:0.7em;margin:0;color:#505050;}
#my_body{width:998px; margin:0 auto;position:relative;padding: 0;}
a{outline:0; text-decoration:none; color:#505050;}
a:hover{text-decoration:none; color:#000;}

/*header*/
#header{/*background:url(../images/header-inner.jpg) no-repeat 0px -15px*/height:210px;float:left;}
#header h1{text-indent:-9999px;}
#header a img{border:0;}
/*#logo{float:left; width:520px;margin-left:50px;position:relative;top:-5px}*/
#topmenu{ margin:0 14px 0 0; width:984px;}
#link, #lang{list-style:none; padding:0;margin:0 20px 0 0;float:right}
#link li{padding-right:20px;float:left;background:url(../images/bar.gif) no-repeat left top; padding:20px 8px 2px 8px;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:0.8em;font-weight:bold;}
#link li:first-child{background:none;}
#link li a{color:#267bcc;}
#link li a:hover{color:#fff;}
.flash{position:absolute; top:75px;margin-left:62px}
#lang{position:absolute; top:0px; right:8px;}
#lang{float:right;}
#lang li{float:left; padding:16px 12px 0 0}

/*navigation*/
#navigation{float: left;position:absolute; top:170px;left:0; background:url(../images/menu-bg.png) repeat-x left/*#023769; opacity:0.7;filter:alpha(opacity=70)-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"*/;width:100%;}
#navigation ul{list-style:none; padding:0; margin:0 0 0 6px;float: left;height:37px;font-size:1em;text-align:center;}
#navigation ul li{float:left; padding: 4px 3px; font-weight:bold;text-align:center;font-size:12px;}
#navigation ul li a{color:#72b3fe; text-decoration:none;}
#navigation ul li a span{padding:6px 25px; margin-left:10px;display:block;}
#navigation ul li a:hover span, #navigation ul li.selected a span{background:url(../images/menu-rt.png) no-repeat right;}
#navigation ul li a:hover, #navigation ul li.selected a{color:#fff;background:url(../images/menu-lt.png) no-repeat left;display:block;}
#lang{float:right;}
#lang li{float:left; padding:16px 12px 0 0}


/*content*/

.texts{float:left; min-height:394px; width:703px;}
.texts object{float: left;}
#mainslideshow{width:703px;}
#mainslideshow img{width:703px;height:418px;}
/* form begins */

#kontakt_form{margin:0;padding:0;width:350px; float:left; display:none;background-color:#fff;position:absolute; top:78px;right:317px;z-index:1;opacity:0.9;filter:alpha(opacity=90)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#kontakt_form .section-text{padding:0 5px 0 0;margin:0 0 4px 0;text-align:right;}
/*contact map starts*/
.contact_map{ float:left; padding-left:18px;margin-top:-8px;}
a.contact_link {color:#505050;padding:5px;font-size:1.1em;font-weight:bold;}
a.contact_link:hover {color:#000;}
a.contact_link:visited {color:#000;}

#texts_nokka #kontakt_form h1{color:#505050;margin:0;padding:0;font-size:1em;}
#texts_nokka .contact_map h1{color:#505050;font-size:1.1em;margin:0;padding:0;position:absolute;top:59px;left:18px;}
#kontakt_form label{float:left;font-size:11px;width:100px; text-align:right; padding-right:5px;margin-left:90px;}
#kontakt_form .textfield {border:1px solid #CCCCCC;color:#333;font-size:11px;margin:2px 0;padding:2px;width:140px;}
#kontakt_form .textarea{border:1px solid #CCCCCC;color:#333;font-size:11px;margin:2px 0;padding:2px;width:140px; height:50px;}
#kontakt_form .text_box {border:1px solid #CCCCCC;color:#333;font-size:11px;margin:2px 0;padding:3px;width:140px;}
.input_error{border:1px solid #CC0000;color:#333;font-size:11px;margin:2px 0;padding:2px;width:140px;}
.captcha{ width:130px; float:left; height:30px;}
.contact_error{padding:0px 0px 5px 0px;float:right;}
#kontakt_form .submit_button{ clear:none;margin:0;float:left;background:url(../images/submit_btn.png) no-repeat left top; padding:5px 20px 5px 15px; width:77px;}

/* form ends */

/*right section*/
#highlights{float:left; width:266px;}
#highlights h1{background:transparent url(../images/form-h1.png) repeat;
float:left;
font-size:1.1em;
margin:0 0 0 0;
opacity:0.85;
padding:4px 20px 8px 40px;
width:220px;
position:absolute;
right:0;
z-index:1;

}

#highlights ul{list-style:none; margin:0; padding:0; float:left; width:266px;}
#highlights ul li {margin:0;padding:0;float:left;width:266px;}
/*#highlights ul li.item_1{margin:0;padding:0;background:url(../images/nokka-bg.png) no-repeat left top;height:140px;
opacity:0.9;
	filter:alpha(opacity=90)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
#highlights ul li.item_1:hover {opacity:1;
	filter:alpha(opacity=100)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
	
#highlights ul li.item_2{margin:0;padding:0;background:url(../images/vilhola-bg.png) no-repeat left top;height:139px;margin:0 0 0 0;opacity:0.9;
	filter:alpha(opacity=90)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}

#highlights ul li.item_2:hover {opacity:1;
	filter:alpha(opacity=100)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

#highlights ul li.item_0{margin:0;padding:0;background:url(../images/kamppi-bg.png) no-repeat left top;height:139px;opacity:0.9;
	filter:alpha(opacity=90)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}

#highlights ul li.item_0:hover {opacity:1;
	filter:alpha(opacity=100)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}*/

#highlights ul li.item_0{background:url(../images/kamppi-bg.png) no-repeat left top; height:139px;}
#highlights ul li.item_0:hover, #highlights ul li.item_1:hover, #highlights ul li.item_2:hover{background-position:0 -139px; cursor:pointer}

#highlights ul li.item_1{background:url(../images/nokka-bg.png) no-repeat left top; height:139px;}

#highlights ul li.item_2{background:url(../images/vilhola-bg.png) no-repeat left top; height:139px;}


#highlights ul li h1{padding:24px 0 18px 26px; margin:0;}
#highlights ul li h1 a{color:#ffffff;}
#highlights ul li h1 a img{border:0;}
#highlights ul li h1 a span{color:#fff; line-height:17px; font-size:0.6em; font-weight:normal;padding-left:26px;float:left;}


#gallery{float: left; width:293px;display:block}
.section-text ul{ margin:0px; padding:0px;}
.section-text ul li{ margin:0px; padding:0px;}
.section-text ul{ padding-left:15px;}
.section-text ul li{ padding:0px 0px 5px 0px;}
/*footer*/
/*#footer{float: left;width:940px;padding:10px 25px 0px 25px;}*/
#footer .copyright{color:#3a86cd;text-align:right;border-top:0px solid #245a8e;padding-right:0px;}
#footer .copyright a {color:#3a86cd;text-decoration:none;}
#footer .copyright a:hover {color:#fff;}



.tab_container table{ margin-left:15px;}
#content{position:relative;top:-28px;}
#content .listview{/*background:transparent url(../images/kamppi-h1-bg.jpg) no-repeat scroll left top;*/float:left;font-size:1em;margin:0;padding:0 0 30px;width:958px;}
#content .listview .section_text{ margin-left:15px;}

#texts_nokka #highlights {float:left; width:295px; display:block;padding:0 0 0 5px; background:none;}
#texts_nokka #highlights h1 {color:#fff;margin:8px 0 12px;padding:7px 0 0 4px;font-size:1.4em;}
/*alacarte menu starts*/
/*new tabs*/
#highlights ul.tabs {margin: 0;padding: 0;	float: left;list-style: none;width:294px;}
#highlights ul.tabs li {float:left;margin:0;padding:0;height:100px;border-left:8px solid #ff7b14;overflow:hidden;position:relative;color:#fff;}
#highlights ul.tabs li a img{text-decoration: none;color: #fff;float:left;border:0;
	display: block;	padding:0;	outline: none;cursor:pointer;opacity:0.8;
	filter:alpha(opacity=80)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index:-2;}
#highlights ul.tabs li a img:hover {opacity:1;filter:alpha(opacity=100)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#highlights ul.tabs li span{color:#f2efef;line-height:17px;
	background-color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1.2em;	font-weight:bold;
	letter-spacing:0.04em;float:left;padding:5px;cursor:pointer;width:276px;z-index:99;margin:0;min-height:15px;position:absolute;top:75px;left:0;opacity:0.8;
	filter:alpha(opacity=80)	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#highlights ul.tabs li span:hover{	opacity:1;	filter:alpha(opacity=100)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.tab_container {clear: both;float:left;width:658px;min-height:350px;margin:0;padding:0;}
.tab_content {padding:0 10px;font-size: 1.2em;}

.tab_content .menutable {border-collapse:collapse;width:630px;float:left;margin:0;}
.tab_content .menutable .title {font-size:14px;font-weight:bold;text-transform:uppercase;padding:5px 0 0 0;}
.tab_container .tab_content h2 {font-weight: normal;font-size:11px;text-transform:uppercase;font-weight:bold;color:#ff0000;margin:10px 0 0 15px;float:left;width:100%;}
.tab_content h3 {color:#ff0000;font-size:11px;font-weight:normal;margin:5px 0 0 16px;}
.tab_contents img {float: left;margin: 0 20px 20px 0;border: 1px solid #ddd;padding: 5px;}
/*alacarte menu ends*/

.headline h2{cursor:pointer;margin:0 0 10px 0;padding:0;}
.headline h2:hover {color:#fff;}
.description_content{display:block;}
.description_content h2{margin:0 0 5px 0;padding:0;}
.description_content{ height:338px; overflow-y:auto;}
.description_content div{ display:none;}


.required{ clear: both; float:left; padding-left:190px; padding-top:5px; font-weight:bold;}
#reservation_form {position:absolute;left:658px;z-index:9999}

/*booking frm starts*/
#booking_frm {display:none;clear:both;width:290px;float:left; min-height:390px;background-color:#ddd;margin:0px;padding:8px 0 0 10px;opacity: 0.93; filter: alpha(opacity = 85) -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
#reservation_form h1{font-size:1.1em;margin:0px 0 0 0px;width:300px;text-align:center;float:left;padding:4px 0 8px 0;background: url(../images/form-h1.png);opacity: 0.85; filter: alpha(opacity = 85) -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
#booking_frm label {width:138px;margin:5px 0 8px 0;float:left;font-weight:bold;font-size:12px;padding:0 8px 0 0;font-size:11px;text-align:right;}
#booking_frm .textfield {padding:3px;float:left;width:125px;margin:2px 0 2px 0;font-size:11px;color:#333;border:1px solid #ccc;}
#booking_frm #date{ width:105px}
#booking_frm img{ border:none; float:left; margin:4px 2px 2px 2px;}
.input_error{float:left;width:140px;margin:2px 0 2px 0;font-size:11px;color:#333;border:1px solid #CC0000;}
#booking_frm .input_error{width:125px;float:right;margin:2px 17px 0 0;}
#booking_frm .text_box{padding:3px; float:left;width:124px;margin:5px 0 0 171px;font-size:11px;color:#333;border:1px solid #ccc;}
#booking_frm .select {margin:2px 1px 0 0;float:left;font-size:10px;}
#booking_frm span {float:left;font-size:11px;line-height:24px;margin:0 8px 0 0; font-weight:bold;}
#booking_frm .submit_button{ float:left;background:url(../images/submit_btn.png)no-repeat left top;padding:5px 25px 5px 15px;margin:0 0 0 171px;}

.captcha {width:130px;height:30px;float:left;}


#footer{
padding:0 12px;
float:left;
margin:0;
width:970px;
position:absolute;
top:605px;
left:0;
}
#button {float:right;left:683px;opacity:1;filter:alpha(opacity=100);position:absolute;top:395px;z-index:99;padding:5px;display:none;}
#button a { background:url(../images/nokka-no-bg.png) no-repeat left; text-decoration: none; margin:0 3px 0 0; padding:10px 9px;height:30px; font-weight:bold; color:#fff;  }
#button a.activeSlide { background:url(../images/active_btn.png) no-repeat left; color:#000; margin:-6px 3px 0 0; color:#000; font-weight:bold;padding:10px 9px; }
#button a:focus { outline: none; }
.bookmark{float:left;margin-right:420px;}

/*for google popup logo*/
.logo {display:none;}

#reservation_form .info{float:left;font-weight:bold;text-align:center;width:280px;margin:10px 0 0 0;font-size:1.5em;color:#085298;}


#myBook {
	display:none;
	position:absolute;
	left: 5px;
	top:53px;
	width: 940px;
	height:356px;
	
	border:1px solid #ddd;
	
}
.imBookPage {
	position:absolute;
	left:0px;
	top:0px;
	width:470px;
	height:356px;
	color:#fff;
	overflow:hidden;
	border:1px solid #ddd;
cursor:pointer;
}