﻿
/*
@CHARSET "UTF-8";
Vihreä 8ace28
Vaalea Vihreä c3e690
Sininen 3D81EE

*/

body{
	background-color:#508fde;
	background-attachment:fixed;
	font-family:"Verdana", "Arial"; 
	font-size:10pt; 
	color:#111111;
	margin:0; 
	padding:0; 
	margin-bottom:100px;
}

#main{
	margin-left:0;
	margin-top:0;
	padding:20px;
	padding-right:10px;
	width:710px;
	overflow:visible;
	background-color:#ffffff;
	position:relative;
	border-right:1px solid #8ace28;
	border-bottom:1px solid #8ace28;
	float:left;
}

#bottombar {
width: 100%;
background: #cccccc;
text-align: left;
padding-bottom:5px;
border-top:1px solid #c1c1c1;
font-family:Verdana, Arial, "Times New Roman", Helvetica;
position:fixed;
bottom:0px;
}
.bottombar_links{
text-decoration:underline;
color:blue;
font-size:8pt;
padding-left:4px;
}
.bottombar_info{
color:#222222;
font-size:8pt;
padding-left:10px;
padding-right:5px;
}


h1{
	padding:0;
	margin:0;
	font-weight:normal;
}

h2{
	padding:0;
	margin:0;
}

#logo{
	border:0;
}

#top_container{
	
	background-image:url(../images/top_navigation_bar.png); 
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:15px;
	height:23px;
	width:651px;
}

.top_link{
	text-decoration:none;
	color:#ffffff;
}

.top_link:hover{
	color:#c3e690;
}

.top_space{
	color:#c3e690;
	padding-left:5px;
	padding-right:5px;
}

#content_container{
	padding-left:5px;
	padding-top:10px;
}

.newest_picture_container{
	width:455px;
	background-color:#c3e690;
	margin:3px;
	padding:2px;
	float:left;
	text-align:center;
}

.right_links_container{
	float:left;
	padding-left:10px;
	margin-left:5px;
	border-left:3px solid #8ace28;
	width:215px;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.right_link{
	color:#a1a1a1;
	text-decoration:none;
}

.right_link:hover{
	color:#8ace28;
}

.external_link{
	color:#3D81EE;
	text-decoration:none;
}

.external_link:hover{
	text-decoration:underline;
}

.destination_container{
	width:320px;
	float:left;
}

.destination_map_container{
	width:380px;
	float:left;
	overflow:visible;
	text-align:center;
	position:relative;
	left:-5px;
}

.destination_row1{
	color:#a1a1a1;
	display:block;
	clear:both;
	height:18px;
	background-color:#ffffff;
	padding:2px;
}

.destination_row1:hover{
	color:#111111;
	background-color:#edfaee;
}

.destination_row2{
	color:#a1a1a1;
	display:block;
	clear:both;
	height:18px;
	background-color:#f9f9f9;
	padding:2px;
}

.destination_row2:hover{
	color:#111111;
	background-color:#edfaee;
}

.destination_link{
	color:#3D81EE;
	text-decoration:none;
	display:block;
	width:230px;
	float:left;
}

.destination_link:visited{
	color:#85B0F4;
}

.destination_link:hover{
	text-decoration:underline;
}

.destination_cloud_link{
	color:#3D81EE;
	text-decoration:none;
}

.destination_cloud_link:hover{
	text-decoration:underline;
}

.destination_link_squares{
	display:block;
	width:80px;
	float:left;
}

#on_top_picture_title{
	color:#8ace28;
	position:relative;
	left:10px;
}

#siteinfo{
	clear:both;
	padding-top:20px; 
	padding-bottom:20px;
	color:#111111;
	line-height:1.4;
}

.green{
	color:#8ace28;
}

.some_text{
	color:#7D7D7D;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.clear{
	clear:both;
}


.form_background{
	background-color:#c3e690;
	display:block;
	clear:both;
	padding:10px;
	padding-right:3px;
}

.form_row{
	clear:both;
	display:block;
	padding-top:10px;
}

.form_left{
	float:left;
	width:355px;
}

.form_right{
	float:left;
	width:295px;
	padding-left:5px;
	color:#707070;
	font-size:8pt;
}

.wide_textinput{
	width:350px;
}

.small_textarea{
	width:350px;
	height:40px;
}

.large_textarea{
	width:350px;
	height:300px;
}

.comment_textarea{
	width:420px;
	height:120px;
}

.small_textinput{
	width:170px;
}

.form_left_header_mandatory{
	color:#464646;
	font-size:9pt;
	font-weight:bold;
}

.form_left_header{
	color:#707070;
	font-size:9pt;
}

.biggest_header{
	color:#8ace28;
	padding:0;
	margin:0;
}

.text_where{
	font-size:9pt;
}

.text_description{
	font-size:8pt;
	color:#7d7d7d;
}

.text_username{
	font-size:8pt;
	color:#7d7d7d;
}

.linkimage{
	border:0;
}

#page_title{
	font-size:18pt;
	color:#8ace28;
	padding-top:10px;
}

#page_title2{
	font-size:13pt;
	color:#8ace28;
	padding-top:3px;
	font-weight:normal;
}

.page_title2{
	font-size:13pt;
	color:#8ace28;
	padding-top:3px;
}

#page_subtitle{
	font-size:8pt;
	color:#7d7d7d;
	padding-top:5px;
	padding-bottom:5px;
}

#page_text{
	clear:both;
	padding-top:10px; 
	padding-bottom:5px;
	color:#111111;
	line-height:1.4;
}

.page_allstuff{
	clear:both;
	padding-top:20px; 
	padding-bottom:20px;
	color:#111111;
	line-height:1.4;
}

#page_images{
	clear:both;
	padding-top:10px; 
	padding-bottom:10px;
	color:#111111;
	line-height:1.4;
}


.story_storys_comment{
	float:left;
	width:405px;
	font-size:7pt;
	color:#464646;
	padding-left:5px;
}

.story_storys_free_text{
	float:left;
	width:450px;
	font-size:10pt;
	line-height:1.4;
	color:#464646;
	padding-top:10px;
}

.story_storys_comments{
	float:left;
	width:450px;
	font-size:10pt;
	color:#464646;
	padding-top:10px;
}

.story_storys_commerce_container{
	float:left;
	width:440px;
	padding-left:7px;
	text-align:center;
}

.story_storys_containers{
	padding-top:10px;
	padding-bottom:5px;
	border-top:2px solid #707070;
}

.story_storys_comments_username{
	width:280px;
	color:#707070;
	float:left;
	font-size:8pt;
}

.story_storys_comments_time{
	width:160px;
	color:#707070;
	float:left;
	font-size:8pt;
}

.story_storys_comments_comment{
	width:440px;
	color:#464646;
	clear:both;
}

.story_storys_comments_comment_no{
	width:440px;
	font-size:8pt;
	color:#707070;
	clear:both;
}

.right_commerces_container{
	float:left;
	padding-top:5px;
	padding-left:5px;
}

.reitti_row{
	clear:both;
}

.reitti_header_row{
	clear:both;
}

.reitti_row:hover{
	background-color:#edfaee;
}

.reitti_link{
	color:#3D81EE;
	text-decoration:none;
	display:block;
	width:550px;
	float:left;
	font-size:9pt;
	padding-bottom:2px;
}

.reitti_link:hover{
	text-decoration:underline;
	background-color:#edfaee;
}

.reitti_length{
	text-decoration:none;
	display:block;
	width:100px;
	float:left;
}

.reitti_round{
	text-decoration:none;
	display:block;
	width:30px;
	float:left;
	text-align:center;
}

.reitti_header_link{
	font-weight:bold;
	display:block;
	width:520px;
	float:left;
	color:#8ace28;
}

.reitti_header_length{
	font-weight:bold;
	display:block;
	width:90px;
	float:left;
	color:#8ace28;
}

.reitti_header_round{
	font-weight:bold;
	display:block;
	width:80px;
	padding-left:10px;
	float:left;
	text-align:center;
	color:#8ace28;
}

.very_narrow_textinput{
	width:30px;
}

.outlinks_container{
	padding-top:8px;
	padding-bottom:15px;
}


