/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
height:100%;
min-height:100%;
background:url(images/bg_body.jpg) no-repeat;
background-color:#f7f7f7;
}

#valkea {
background:#FFFFFF;
height:100%;
min-height:100%;
width:759px;
margin:0 auto;
}
 
body, html {
font-size:12px;
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:15px 0 15px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#95c11f;
font-weight:normal;
}
 
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#95c11f;
font-weight:normal;
}
 
h3 {
font:1em Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

 
/***** Links *****/
 
a, a:visited {
text-decoration:underline;
color:#95c11f;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Verdana, Arial, Helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
	color:#95c11f;
	font-size:14px;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Wrapper and div's *****/
 
#wrap2 {
width:759px;
margin:0 auto;
background:url(images/bg_content2.jpg) repeat-y;
}

#wrap {
width:759px;
margin:0 auto;
background:url(images/bg_content.jpg) repeat-y;
}

#header {
width:759px;
height:85px;
background:url(images/header.jpg);
}

#navi {
width:759px;
height:31px;
}

#topkuva {
width:759px;
height:115px;
background:url(images/etusivukuva.jpg);
}

#topkuva1 {
width:759px;
height:115px;
background:url(images/etusivukuva1.jpg);
background-color:#CCCCCC;
}

#topkuva2 {
width:759px;
height:115px;
background:url(images/etusivukuva2.jpg);
}

#topkuva3 {
width:759px;
height:115px;
background:url(images/etusivukuva3.jpg);
}

#topkuva4 {
width:759px;
height:115px;
background:url(images/etusivukuva4.jpg);
}

#topkuva5 {
width:759px;
height:115px;
background:url(images/etusivukuva5.jpg);
}

#topkuva6 {
width:759px;
height:115px;
background:url(images/etusivukuva6.jpg);
}

#topkuva7 {
width:759px;
height:115px;
background:url(images/etusivukuva7.jpg);
}

#left {
width:284px;
height:100%;
float:left;
background: none;
}

#left img {
border-bottom: #fdfdfd 7px solid;
border-top:#fdfdfd 7px solid;
}

#left_content {
margin-top: 5px;
margin-bottom: 7px;
margin-left:14px;
background: none;
}

#left_content img {
border:4px solid #FFFFFF;
margin-left:5px;
margin-right:5px;
/* float:left; */
}

#left p {
padding-top:3px;
padding-left:10px;
}

#right {
float:right;
width: 475px;
background: none;
}

#right_content {
width:423px;
margin-left:6px;
padding-right:13px;
padding-left:20px;
background: none;
}

#right_gallery {
width:423px;
background: none;
}

#right_content img {
margin:5px;
border:4px solid #FFFFFF;
}

#galleria{
width:721px;
margin-left:14px;
margin-right:14px;
padding:10px;
}

#peitto1 {
position:absolute;
background:#FFFFFF;
height:40px;
width:390px;
top:290px;
margin-left:26px;
padding:10px;
}

#peitto2 {
position:absolute;
background:#FFFFFF;
height:70px;
width:403px;
top:760px;
margin-left:26px;
padding:10px;
}

#footer {
width: 759px;
height: 30px;
border-top: #FFFFFF 5px solid;
background:url(images/footer.jpg);
clear:both;
font-size:10px;
}

#footer1 {
width:335px;
margin-top:8px;
margin-left:15px;
text-align:left;
float:left;
}

#footer2 {
text-align:right;
margin-top:8px;
margin-right:15px;
width: 394px;
float:right;
}

#footer p {
margin: 7px 15px 7px 15px;
font-size:10px;
text-align:left;
}

.copyright {
text-align:right;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }