html,body {
  margin:0;
  padding:0;
  height:100%; /* 100 % height */
}

body {background: url(images/600px/content.jpg) no-repeat fixed 0px 210px;}

html>body #wrap {height:100%;} /* 100 % height */

#container {width:750px;margin:0 auto;}
#header {width:750px;height:210px;}

html>body #header {
  position:fixed;
  z-index:10; /* Prevent certain problems with form controls */
}

div#menu {
  height:50px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 40px;
  background:url(images/menu.jpg);
  vertical-align:bottom;
  z-index: 1;
}
div#menu img {height:50px;border-width:0px; margin:0px;float:left;}

div#banner {height:160px;margin:0px;padding:0px;}

html>body #content-wrap {height:100%;} /* 100 % height */

html>body #content {
  padding: 0px 40px 0px 35px;
  text-align:justify;
}

div#top_padding {width:600px;height:205px;z-index:0;clear:both;}
div#bottom_padding {width:600px;height:70px;z-index:0;clear:both;}

div#footer {
  width:750px;
  height:70px;
  background:white url(images/600px/footer.jpg) no-repeat 0px 0px;
  text-align:center;
}

html>body div#footer {
  position:fixed;
  bottom:0;
  z-index:10; /* Prevent certain problems with form controls */
}

div#footer p {
padding-top:            8px;
font-size:              10pt;
}

#henkilokuva {width:146px;background:url(images/henkilokuva_notactive.jpg);}
#paateos {width:87px;background:url(images/paateos_notactive.jpg);}
#sairaanhyvapotilas {width:184px;background:url(images/sairaanhyvapotilas_notactive.jpg);}
#yhteydenotot {width:130px;background:url(images/yhteydenotot_notactive.jpg);}
#blogi {width:68px;background:url(images/blogi_notactive.jpg);}

div#left {
width:350px;
position: relative;
float:left;
}

div#right {
width:310px;
position:relative;
margin-left:360px;
text-align:center;
}

div#right img {display:block;margin: 40px auto;}

div#content p {font-family: Times New Roman, Times, serif;font-size: 11pt;}

blockquote {
background: transparent url(images/quote_opening.gif) left top no-repeat; 
font-family: Times New Roman, Times, serif;
}

blockquote div {
padding: 0px 18px;
background: transparent url(images/quote_closing.gif) right bottom no-repeat;
font-style: italic;
font-size: 11pt;
}
blockquote p {
margin: 0px;
text-align: right;
font-size: 8pt;
}

div#right p {margin-bottom:5px;}
ul {list-style:none;text-align:center;padding:0;margin-top:5px;}


div#feedback {margin-top:15px;}

div#feedback table {
margin-left:            auto;
margin-right:           auto;
text-align:             left;
font-size: 10pt;
}

div#center {text-align:center;}
div#center a {font-weight:bold;}

input {width:300px;background: #c9b683;border:1px solid black;}
textarea {width:300px;background: #c9b683;border:1px solid black;overflow:auto;}
input.button {width:300px;height:30px;border: 1px solid black;background:#d9c683;cursor:pointer;font-weight:bold;}
input.button:hover {background:#e9d693;}

#henkilokuva:hover {background-image:url(images/henkilokuva_hover.jpg);}
#paateos:hover {background-image:url(images/paateos_hover.jpg);}
#sairaanhyvapotilas:hover {background-image:url(images/sairaanhyvapotilas_hover.jpg);}
#yhteydenotot:hover {background-image: url(images/yhteydenotot_hover.jpg);}
#blogi:hover {background-image:url(images/blogi_hover.jpg);}

div#blog {
width: 96%;
position: relative;
float:left;
padding-top:            8px;
}

/*This is how the text will look before mouse over*/
a {
font-family: Arial;
color: #1a1a02;
text-decoration: none;
}

/*This is how the text will look on mouse over. Note "hover" is the most important change here*/
a:hover
{
font-family: Arial;
color: #d1bb70;
text-decoration: none;
}

a:active
{
font-family: Arial;
color: #d1bb70;
text-decoration: none;
}


body#paateos1 a#paateos1,
body#sairaanhyvapotilas1 a#sairaanhyvapotilas1,
body#yhteydenotot1 a#yhteydenotot1,
body#blogi1 a#blogi1, 
body#henkilokuva1 a#henkilokuva1,
body#sumutettu a#sumutettu
{
color: #d1bb70;
}