html {margin:0; padding:0; font-size:13px;}

body{color: #333;margin:0; padding:0; background: #dacfb9; font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif; font-size:13px; line-height: 20px; }

img {border: 0;}

form {margin: 0;}

table {font-size: 13px;}

/* Headings */

h1,h2,h3,h4,h5,h6{color: #ee9731; font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight: normal; margin: 0;}

h1 {font-size: 36px; line-height: 45px;}
h2 {font-size: 30px; line-height: 36px;}
h3 {font-size: 20px; line-height: 26px;}
h4, h5, h6 {font-size: 18px; line-height: 22px;}

div.hr {margin: 18px 0 18px 0; height: 0; border-top: 1px dotted #fff; border-bottom: 1px dotted #dacfb9;}

/* Lists */

ul

{

	list-style: none;

	padding: 0;

	margin: 0;

}


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

  Forms

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

.loginform, .searchform {margin: 5px 0;}

.commentform, .mailform {margin-top: 10px;padding: 10px;background: #EEEEEE;}
    
.commentform img{ margin: 5px 0 0 0;}

.formfield{font-size: 11px;background: white;color: #494949;border-top: 1px solid #868686;border-left: 1px solid #868686;border-bottom: 1px solid #D4D2CF;border-right: 1px solid #D4D2CF;margin: 1px 0 0 0;}

.formbutton{font-size: 11px;background: white;color: #494949;border-top: 1px solid #D4D2CF;border-left: 1px solid #D4D2CF;border-bottom: 1px solid #868686;border-right: 1px solid #868686;margin: 1px 0 0 0;}

.searchform .formfield{width: 130px;font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;padding: 2px 0;margin: 0 2px 2px 0;}

.searchform .formbutton{width: 60px;font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;padding: 2px 2px;}

.loginform .formfield{width: 130px;font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;padding: 2px 0;margin: 0 2px 2px 0;}

.loginform .formbutton{width: 60px;font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;padding: 2px 2px;}

.mainform .formfield{width: 280px;font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;padding: 2px 0;margin: 0 2px 2px 0;}

.mailform .formbutton{width: 100px; font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;padding: 2px 2px;}



.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield{ width: 300px;}

.commentform .formbutton{width: 100px;height: 22px;font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;}

.error{color: red;font-weight: bold;}




/* Search highlight color */

.highlight

{background: #DEFFA9;}



/* Leftbox and Rightbox toolbar buttons */

.leftbox, .rightbox {width: auto;}

.leftbox {float: left;margin: 7px 15px 7px 0;}

.rightbox {float: right;margin: 7px 15px 7px 0;}



/* custom styles*/

#header {height:125px; margin-left: auto; margin-right: auto; margin-top:0; clear:both; background: #547e96 url("/images/firstheaderbg.jpg") repeat-x left top;}

#header .content { width: 846px; margin: 0 auto 0 auto; padding: 0; }
	#header .content img  {float:left; border:0;}
	#header h1 {color: #fff; font-size: 50px; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", sans-serif;}


#flags {height: 37px;  margin:0;}
#flags img.flag {margin: 2px 12px; float: right;}
	
	#header .content div.signs  {float:left; margin: 0 0 0 80px; width: 480px;}
	#header .content div.signs img {float:left; margin: 0 0 0 12px;}
			
#secondheader {background: #7fbfe3 url("/images/secondheaderbg.jpg") repeat-x left top; max-height: 26px;}


#menucontainer {width:846px; margin: 0 auto 0 auto;}



#menu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0;
	float:left;
    width: 100%;
    margin: 0;
    line-height:normal;
	border-bottom:0px solid #242849;}


#menu ul {
    margin:0;
    padding:0;
    list-style: none;
    }
#menu li {
    float:left;
	margin: 0;
    padding:0;
	background-image:none;
	
    }

#menu a {
	background-image:none;
	text-decoration: none;
	color: #5f3400;
    display:block;
	padding:5px 15px;
    }
	
#menu a:hover {
	color: #ffffff;
	background:url("/images/menuitem.gif") repeat-x;
	

}	
	
#menu span {
	color: #864900;
	display:block;
    background:url("/images/menuitem_active.gif") repeat-x ;
	background-color: #e3c57f;
	padding:5px 15px;
    }

#menu div.clearer {clear:  left;  line-height:  0;  height:  0; margin:0; padding:0;}	

#contentholder {width:846px;  background: #fff3db url("/images/bodybg.jpg") repeat-y; margin: 0 auto; padding: 0 5px;clear:both;}

body#etusivu #contentholder {padding-top: 4px;}

#contentholder a {text-decoration:none; font-weight:normal;}
			#contentholder a:link {color: #547e96;}
			#contentholder a:visited {color: #8888c1;}
			#contentholder a:hover {color: #f78110; text-decoration:underline; }
			#contentholder a:active {color: #bf7834;}

#sidecontent {width:266px; float:right;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }

h4.ilmo { font-style: italic; margin: 12px 0; color: #aaa;}


div#spotlight {margin: 0 10px; }

#maincontent {width:542px; float:left; padding:0 19px 20px 19px;  }
body#etusivu table {width: 100%;  border-spacing: 10px; font-size: 13px;  }
td.half {width: 50%; padding: 10px;  border: 1px solid; vertical-align: top; }
td.half img {margin: 0 -10px 0 -10px;}
td.half p {margin-bottom: 8px;}
body#etusivu td.half img.center {margin: 5px auto 0 auto;}
td#melonta {border-color: #0b263d; }
td#varjoliito {border-color: #5ccae7; }
td#retkeily {border-color: #a3c03a; }
td#seikkailu {border-color: #f26822; }


		#maincontent img.float {float:left; margin: 5px 10px 0 16px;}
		#maincontent img.sign {float:left; margin: 0px 6px 10px 5px;}
		#maincontent h2 {margin: 15px 0;}
		#maincontent h1 {margin: 10px 0;}
		#maincontent h3 {margin: 5px 0 ;}
		#maincontent h4 {margin: 5px 0;}
		#maincontent a {text-decoration:none; font-weight:normal;}
			#maincontent a:link {color: #547e96;}
			#maincontent a:visited {color: #8888c1;}
			#maincontent a:hover {color: #f78110; text-decoration:underline; }
			#maincontent a:active {color: #bf7834;}
			
.clear { margin:0; clear:both; visibility:hidden; height: 0;}

#footer {margin: 20px 0 0 0;clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:12px; text-align:center; border-top: 1px dotted #dacfb9;}

		
.float2 {float: left; margin: 2px 18px 2px 0;}

.floatright {float:right; margin: 2px 4px 2px 8px;}
.banneri{padding-left: 145px; padding-top: 10px;}