/* Sisustus Pikkulinna */

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

body {height:100%; margin:0; padding:0; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size:0.8em; color:#444; background:#e4dae0 url(tausta2.png) repeat-x top}
/*body.etusivu { background-image: url(etusivu.jpg); }
body.ompelukoneet { background-image: url(ompelukoneet.jpg) }
body.kasityotarvikkeet { background-image: url(kasityotarvikkeet.jpg) }
body.sisustus { background-image: url(sisustus.jpg) }
body.vinkit { background-image: url(vinkit.jpg) }
body.yhteydenotto { background-image: url(yhteydenotto.jpg) }*/




#container {
  background:#FFF  url(../kuvat/left_bottom.gif) no-repeat left bottom;
  width: 770px;
  position: relative;
  left:50%;
  margin-left:-385px;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  border-right:1px solid #000;
  border-left:1px solid #000;
}

#header {height:100px; padding-top:10px; text-align:center; background:#FFFFFF url(header.gif) no-repeat center;}
#header img {display:none}
#header h1 {display:none}
#header a {display:block; width:360px; height:75px; position:relative; left:20px; top:11px}
/*
#menu {font-family:"Palatino Linotype", "Book Antiqua", Palatino; text-align:center; border-bottom:2px solid #67475B; background-color:#E4DAE0}
#menu a {text-decoration:none; color:#00368A;}
#menu a:hover {color:#999999;}
*/


#content { padding:2em;}

#content:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
 }

#footer {
  width:100%;
  font-size:80%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666;

  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 2empx;
}

#footer * {font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; background-color:#966; color:#FFFFFF; font-size:10px; }
#footer .yhteystiedot {margin:0; padding:2px;}
#footer .copyright {margin:0; padding:2px; font-size:8px}

#content h1 {font-size:1.6em; color:#00368A; padding-bottom:1em; padding-top:1em; clear:left}
#content h2 {font-size:1.4em;color:#00368A; padding-bottom:1em}
#content h3 {font-size:1em; color:#CC0033; padding-bottom:1em}
#content p {padding-bottom:1em}
#content ul {padding-bottom:1em; padding-left:2em}
#content a {color:#CC0033}
#content a:visited {color:#993355}
#content a:hover {color:#CC0033}
#content a:active {color:#CC0033}

#right {float:right; margin-left:15px}

/* lomake */
fieldset {float:right; width: 250px; padding:0px 0px 0px 10px; border:none; border-left:1px solid #ccc; margin:0; line-height: 1em; color:#00348A; margin-left:15px}
fieldset p {font-size:80%; margin-bottom:1em}
label {display:block}
input, select, textarea {width:100%; margin-bottom:10px;}
input[type=submit] {width:90px; font-family:Trebuchet MS, Verdana, sans-serif; border-bottom:1px dotted #00348A; text-align:right; background:none; border-top:none; border-left:none; border-right:none; color:#00348A; font-weight:bold; float:right; padding:0px; }
input[type=submit]:hover { border-bottom:1px dotted #4EB5D7; color:#4EB5D7; cursor:pointer}