@charset "utf-8";

/*Korpi-Jukola CSS*/
* {margin: 0px; padding: 0px;}
html {
   overflow-y: scroll;
   }
a {color:#8C4736; font-weight:bold;}
a:visited {color:#8C4736; font-weight:bold;}
a:active {color:#B08138; font-weight:bold;}
a:hover {color:#B08138; text-decoration:none; font-weight:bold;}
h1, h2, h3, h4, h5 {color:#8C4736; font-weight:bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
body {background: #B08138; margin: 0px; padding: 0px;}

/*Wrap*/
#wrap{ 
	background: #ffffff; 
	width:1010px; 
	margin:0px auto 0px auto; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#8C4736;
	background: url(images/contentbg1.jpg) repeat-y left;
	}
/*Header*/

#header {
	background:url(images/yla1.jpg); 
	background-repeat:no-repeat;
	height:228px;
	}
/*Header Menu*/
#topmenu ul {display:block; list-style:none; padding:191px 10px 0px 20px;}
#topmenu ul li {display:inline;}
#topmenu a {display:block; float:left; height:28px; margin:0px 0px 0px 2px; text-decoration:none; padding:9px 10px 0px 15px; text-align:center; font-size: 120%; font-weight: bold}
#topmenu a, #topmenu a:visited, #topmenu a:active {background:url(images/menu.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#ffffff; font-weight: bold}
#topmenu a:hover{background:url(images/menu0.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#ffffff;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active{background:url(images/menu0.jpg) repeat-x; border-left:solid 1px #abca74; border-right:solid 1px #abca74; color:#669900;}

/*Content*/
#content {
	width: 705px; 
	min-height: 500px; 
	float: left; 
	padding: 5px 25px 20px 25px;
		
	}
#content p {line-height:15px; margin:0px 10px 10px 0px; font-size:13px;}
#content blockquote {width: 80%; text-align: center; background:#EBD792; display:block; padding:20px;  font-style:italic;}
#content h1 {font-size:24px; padding:5px 0px 10px 0px ;}
#content h2 {font-size:20px; padding:5px 0px 10px 0px ;}
#content h3 {font-size:18px; padding:5px 0px 10px 0px ;} 
#content h4 {font-size:16px; padding:5px 0px 10px 0px ;}
#content h5 {font-size:14px; padding:5px 0px 10px 0px ;}
#content ol, ul{padding:5px 10px 10px 25px;}
#content img{margin: 10px;}


/*Sidebar*/
#sidebar {
	width:200px; 
	float:left;   
	min-height: 500px; 
	padding: 5px 25px 5px 25px;
    }

/*Sidemenu */
#sidebar ul {display:block; list-style:none; }
#sidebar ul li {display:inline;}
#sidebar a {display:block; float:left; height:28px; width: 136px; margin:0px 0px 2px 0px; text-decoration:none; padding:9px 10px 0px 10px; text-align:left; font-size: 100%; font-weight: bold}
#sidebar a, #sidebar a:visited, #sidebar a:active {background:url(images/menu.jpg) repeat-x; color:#ffffff; font-weight: bold}
#sidebar a:hover{background:url(images/menu0.jpg) repeat-x;   color:#ffffff;}
#sidebar .active a, #sidebar .active a:visited, #sidebar .active a:active{background:url(images/menu0.jpg) repeat-x;   color:#669900;}
#sidebar p{ color:#8C4736; font-size:12px; }


/*footer*/
#footer {
background:url(images/ala1.png) no-repeat #B08138; 
height: 46px;  
color:#FFFFFF; 
text-align: center;
vertical-align: middle; 
line-height: 5em;
clear: both;
}
/*Kartta*/
#map_canvas{
	width: 596px;
	height: 400px;
	border: 2px solid #efefef;}

/*Tables*/

td {padding:3px;}
.kartta{background: #fff;}
.opet {margin: auto; background:#fff; border: none;}
.hinnasto {margin: auto; background:#fff; border: 1px solid #8C4736;}
.ajan {margin: 10px auto 20px auto; background:#fff;}
/*forms*/
form {margin:0; padding-left:100px;}
input{border:solid 1px #8C4736; background:#fff;font-size: 12px;}
input:hover{border:solid 1px #8C4736; background:#EBD792; }
textarea {width:375px; background-color: #fff; margin:0px; border: 1px solid #8C4736; font-size: 12px; font-family:Trebuchet MS, verdana, Arial, Helvetica, sans-serif;}
textarea:hover {width:375px; background-color: #EBD792; margin:0px;	border: 1px solid #8C4736;}
.nappi {border:solid 1px #8C4736; background:#fff; color:#8C4736; font-size: 12px; font-weight:bold;}
.nappi:hover {border:solid 1px #8C4736; background:#8C4736; color:#fff; font-size: 12px; font-weight:bold;}