@charset "UTF-8";
/* CSS Document */
body {
	background-color:#ddf2fa;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	color:#666666;
	font-family:Trebuchet MS, Arial, Helvetiva;
	font-size:12px;
}
h1 {
	color:#feca0d;
	font-size:18px;
}
h2 {
	color:#feca0d;
	font-size:15px;
}
#top {
	width:100%;
	height:90px;
	background-image:url('../images/top-bg.png');
	background-repeat:repeat-x;
	position:absolute;
	text-align:center;
}
#topcontentinner {
	width: 960px;
	height:95px;
	margin-left:auto;
	margin-right:auto;
}
#wrapper {
	text-align:left;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#logo-area {
	float:left;
	width:232px;
	height:85px;
	margin-left:50px;
	background-image:url('../images/gotlanti-logo.png');
	background-repeat:no-repeat;
}
#headcontentinner {
	width:740px;	
	height:25px;
	background-color:#00FF00;
}
#top-right-container {
	float:right;
	width:480px;
	height:93px;
	margin-right:20px;
}
#language {
	text-align:right;
	padding-top:10px;
	width:500px;
	height:20px;
}
#language-hover {
	margin-top:30px;
	margin-left:200px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #000000; 
	position:absolute;
	background-color:#FFFFFF;	
}
#language-hover p {
	margin: 0;
}

#language a {
	color:#008ecf;
	text-decoration:none;
	cursor:pointer;
}

#language a:hover {
	text-decoration:underline;
}

#top-navi {
	padding-top:20px;
	text-align:right;
	width:500px;
	height:40px;
}

#top-navi a {
	color:#60a9d9;
	font-size:12px;
	text-decoration:none;
	
}
#top-navi a:hover {
	color:#60a9d9;
	text-decoration:underline;
}
#top-navi ul {
	padding:0;
	margin:0;
	
}
#top-navi li {
	margin-left:10px;
	display:inline
}
.spacer {
	height:30px;	
}
.bigspacer {
	height:75px;

	
}
#flash-content {
	margin-top:60px;
	width:960px;
	height:543px;
	
}
#pagecontent {
	width:960px;
	height:300px;
}
#pagecontent2 {	
	width:960px;
	height:300px;

}		
#pagecontentinner {
	background-color:#ffffff;
}
#pagecontentinner2 {
	background-color:#ffffff;
	width:960px
}
#header {
	width:960px;
	height:238px;
	background-image:url('../images/lapsille-header.jpg');
}
#header2 {
	width:960px;
	height:238px;
	background-image:url('../images/lapsenmielisille-header.jpg');
}
#header3 {
	width:730px;
	float:left;
	height:238px;
	background-image:url('../images/header3.jpg');
}
#leftcol {
	padding-top:10px;
	float:left;
	width:218px;
	padding-left:20px;	
}
#centercol {
	float:left;
	width:500px;	
}
#bigcol {
	margin:5px;
	width:740px;
	float:left;
}
#main-navi2 {
	width:500px;
	margin:0;
	padding:0;
	margin-left:220px;
	margin-top:0px;

	font-weight:bold;
}
#main-navi2 a {
	color:#008ecf;
	font-weight:bold;
	text-decoration:none;
}
#main-navi2 a:hover {
	font-weight:bold;
	text-decoration:underline;
}
#main-navi2 ul {
	padding:0;
	margin:0;
}
#main-navi2 li {
	font-size:12px;
	color:#003787;
	display:inline
}
#main-navi {
	margin:0;
	padding:0;
	font-weight:bold;
}
#main-navi a {
	color:#008ecf;
	font-weight:bold;
	text-decoration:none;
}
#main-navi a:hover {
	font-weight:bold;
	text-decoration:underline;
}
#main-navi ul {
	padding:0;
	margin:0;
}
#main-navi li {
	font-size:12px;
	color:#003787;
	display:inline
}
#rightcol {
	float:right;
	width:210px;
	padding-bottom:35px;
}
#rightcol2 {
	float:right;
	width:210px;
	padding-bottom:35px;
	background-color:#00FF00;
}
#small-logo {
	margin-left:20px;
	margin-top:10px;
	float:left;
	width:71px;
	height:49px;
	background-image:url('../images/visitlogo-up.jpg');
}
li.main {
	margin-left:6px;
	color:#003787;
	font-weight:bold;
}
li.firstmain {
	color:#1accee;
	font-weight:bold;
}
.selected {
	margin-left:6px;
	color:#003787;
	font-weight:bold;
}
#footer {
	width:960px;
	height:110px;
}
#footer-left-container {
	float:left;
	width:90px;
	height:110px;
}
#footer-right-container {
	float:right;
	width:852px;
	height:110px;
}
#footer-right-container ul {
	padding:0;
	margin:0;
}
#footer-right-container li {
	display:inline
}

.clear {
	clear:both;
}
img {
	border:0;
}

.varaamatka {
	display:block;
	width:210px;
	height:247px;
	background-image:url('../images/varaamatka.jpg');
}
.varaamatka2 {
	display:block;
	width:210px;
	height:247px;
	margin-bottom:10px;
	background-image:url('../images/varaamatka2.jpg');
}

/*	Majoitus box
==========================*/

.linkbox-top {
	background-image:url('../images/linkkeja-box-top.jpg');
	background-repeat:no-repeat;
	width:210px;
	height:16px;
}
.linkbox {
	margin-top:5px;
	margin-left:2px;
	width:210px;
	height:auto;
	background-image:url('../images/linkkeja-box-bg.jpg');
	background-repeat:repeat-y;
}
.linkbox-bottom {
	margin-bottom:0;
	bottom:0;
	height:16px;
	width:210px;
	background-image:url('../images/linkkeja-box-bottom.jpg');
}

.linkbox h1 {
	padding-left:10px;
	margin:0;
}

.linkbox ul {
	padding:0;
	list-style:none;
}

.linkbox li {
	padding-top:5px;
}

.linkbox li a {
	text-decoration:none;
	margin-left:6px;
	color:#008ecf;
	font-weight:bold;
	font-size:12px;
	margin-left:10px;
}
.linkbox li a:hover {
	color:#003787;
	text-decoration:none;
}
.social-icons {
	margin-top:5px;
	width:210px;
	height:150px;
}
.social-icons a {
	color:#008ecf;
	font-size:13px;
	text-decoration:none;
}
.social-icons a:hover {
	color:#003787;
	text-decoration:none;
}
.maps {	
	text-align:center;
}
.maps a {
	color:#008ecf;
	font-size:15px;
	text-decoration:none;
}
.maps a:hover {
	color:#008ecf;
	text-decoration:underline;
}
#maintext {
	margin-top:40px;
	padding-bottom:40px;
}
#mainlogos {
	margin-top:10px;
	padding-bottom:40px;
	width:740px;

	margin-left:10px;

}
.photocredit {
	font-size:11px;
}
#small-spacer {
	margin-top:10px;
}

/*	Perille boxes
=======================*/

#perille-1 {	
	float:left;
}
#perille-2 {
	float:left;
}
#perille-3 {
	float:left;
}
#perille-4 {
	float:left;
}

#perille-5 {
	float:left;
}
#perille-6 {
	float:left;
}
#perille-7 {
	float:left;
}
#perille-8 {
	float:left;
}

#perille-9 {
	float:left;
}
#perille-10 {
	float:left;
}
#perille-11 {
	float:left;
}
#perille-12 {
	float:left;
}

#perille-13 {
	float:left;
}
#perille-14 {
	float:left;
}

#perille-15 {
	float:left;
}

#perille-16 {
	float:left;
}

#perille-17 {
	float:left;
}	
#perille-18 {
	float:left;
}

/*	Perille content
========================*/

#left-side {
	float:left;
	width:750px;
	height:950px;
	background-color:#FFFFFF;
	
}
#right-side {
	float:right;
	width:210px;
	height:950px;
	background-color:#FFFFFF;

}
#ylakulma {
	width:202px;
	height:275px;
	background-image:url('../images/ylaoikea.jpg');
}

#ylakulma2 {
	width:202px;
	height:275px;
}

/*
#real1-over {
	position:absolute;
	width:200px;
	height:253px;
	background-color:#FF0000;
	margin-top:-7px;
	margin-left:-7px;
}
*/

#perille1-over {
	position:absolute;
	
	
}
#perille2-over {
	margin-left:184px;
	position:absolute;

}	
#perille3-over {
	margin-left:368px;
	position:absolute;
	
}

#perille4-over {
	margin-top:118px;
	position:absolute;
	
}	
#perille5-over {
	position:absolute;
	margin-left:182px;
	margin-top:118px;	
}
#perille6-over {
	position:absolute;
	margin-left:368px;
	margin-top:118px;
}



#perille7-over {
	position:absolute;
	margin-top:235px;	
}
#perille8-over {
	position:absolute;
	margin-top:235px;
	margin-left:183px;
}
#perille9-over {
	position:absolute;
	margin-top:235px;
	margin-left:367px;
}

#perille10-over {
	position:absolute;
	margin-top:325px;
}
#perille11-over {
	position:absolute;
	margin-top:325px;
	margin-left:183px;
}
#perille12-over {
	position:absolute;
	margin-top:325px;
	margin-left:368px;
}
#perille13-over {
	position:absolute;
	margin-top:325px;
	margin-left:551px;	
}
#perille14-over {
	position:absolute;
	margin-top:420px;
}

#hintanosto1 {
	margin-top:75px;
}

#hinta-over1 {
	margin-left:2px;
	margin-top:75px;
	position:absolute;
}
#hinta-over2 {
	margin-left:2px;
	margin-top:160px;
	position:absolute; 
}
#hinta-over3 {
	margin-left:2px;
	margin-top:280px;
	position:absolute; 
}


#hinta-over1new {
	margin-left:2px;
	position:absolute;
}
#hinta-over2new {
	margin-left:2px;
	margin-top:85px;
	position:absolute; 
}
#hinta-over3new {
	margin-left:2px;
	margin-top:205px;
	position:absolute; 
}

#matkapojat-over {
	position:absolute;
	margin-left:550px;
	
}
#matkavekka-over {
	position:absolute;
	margin-left:550px;
	margin-top:118px;
}
#smt-over {
	position:absolute;
	margin-left:550px;
	margin-top:235px;
	
}
#tott-over {
	position:absolute;
	margin-left:183px;
	margin-top:420px;
	
}



.h-box {
	width:200px;	
	background-image:url('../images/h-bg.png');
	background-repeat:repeat-y;
	padding-left:5px;
}
.h-box-top {
	width:200px;
	height:14px;
	background-image:url('../images/h-top.png');
}
.h-box-bottom {
	width:200px;
	height:14px;
	background-image:url('../images/h-bottom.png');
	bottom:0;
}
.h-text {
	margin-left:10px;
	width:200px;
	padding-bottom:30px;
}
.smt-text {
	margin-left:2px;
	width:200px;
	padding-bottom:30px;
}
.smt-text a {
	color:#008ecf;
	font-size:12px;
	text-decoration:none;
}
.smt-text a:hover {
	color:#008ecf;
	font-size:12px;
	text-decoration:underline;
}

.h-text a {
	color:#008ecf;
	font-size:12px;
	text-decoration:none;
}
.h-text a:hover {
	color:#008ecf;
	font-size:12px;
	text-decoration:underline;
}

.jq-box {
	width:187px;	
	background-image:url('../images/jq-bg.png');
	background-repeat:repeat-y;
	padding-left:10px;
}
.jq-box-top {
	width:187px;
	height:15px;
	background-image:url('../images/jq-top.png');
}
.jq-box-bottom {
	width:187px;
	height:16px;
	background-image:url('../images/jq-bottom.png');
	bottom:0;
}
.jq-text {
	margin-left:10px;
	width:150px;
	padding-bottom:30px;
}
.jq-text a {
	color:#008ecf;
	font-size:12px;
	text-decoration:none;
}
.jq-text a:hover {
	color:#008ecf;
	font-size:12px;
	text-decoration:underline;
}
.box_small about_promo {
	float:left;
}

#box-container-1 {
	width:180px;
	float:left;
}
#box-container-2 {
	float:left;
}

.kalenteri {
	margin-left:20px;
	text-decoration:none;
}