/*comment*/
html,body{margin:0;padding:0}
body{font: 76% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif ;text-align:center; color: #000066; background: #ffffff;  
background-image: url('/images/bg.jpg');background-repeat: repeat-x}
p,h3,h2,h4{margin:10px 20px 10px 20px}

h3{padding:20px 0 0 0; font: 110% Verdana, Arial, sans-serif; font-weight: bold;}
.otsikko{margin:10px 20px 10px 20px; font: 110% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;}
img.left {float:left; margin:15px; border:solid 1px silver;  padding:5px;}
img.right {float:right; margin:15px; border:solid 1px silver;  padding:5px;}
address {text-align:center;color:#000066; margin:10px 0px; font-weight: bold;}

/*div#headerup{position:absolute; left:0px; top:0px;}
div#headerup h1{height:182px;line-height:182px; width:1280px; margin:0;
padding-left:0px;background: #000066;color: #000000;  background-image: url('/kuvat/tehovinssi_banner.jpg');
background-repeat: no-repeat}*/

div#header{position:relative}
div#header h1{height:100px;line-height:100px; width:700px; margin:0;
padding-left:0px;background: #000066;color: #000000;  background-image: url('/images/banner3.jpg');
background-repeat: no-repeat}
.center {text-align: center}

th { background-color: #D2D2D2; }
table { margin:10px; }

/*original header
div#header h1{height:1px;line-height:1px;margin:0; padding-left:10px;background: #000000;color: #000000}*/
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left;background: #ffffff; border: 1px solid #000066}
/* jos asemoituna vasemmalle 12px
div#container{position:absolute; left:12px; top:182px; text-align:left;background: #ffffff}*/
div#content p{line-height:1.4}
div#navigation{background-image: url('/images/bg.jpg');background-repeat: repeat-x; color: #ffffff}
div#extra{background:#FFFFFF}
div#footer{background: #000066;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #fff}

div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{float:right;width:500px}
div#footer{clear:both;width:100%}

ul.gallery{float:left}
ul.gallery, ul.gallery li{list-style:none;margin:0;padding:0}
ul.gallery li{float:left;display:inline;margin: 0 0 20px 20px;width:140px;text-align:center}
ul.gallery img{display:block;width:100px;height:70px;border:0px solid;margin:0 auto 5px}
ul.gallery a{display:block;height:170px;padding: 10px 0;background: #BFDDED;color: #333;border:1px solid #007BC4;text-decoration: none}
ul.gallery a:hover{background: #007BC4;color: #FFF;border-color:#000}

/* galleria layout*/
 .thumbnail{float: left; width: 107px; border: 1px solid #999; margin: 0 15px 15px 0; padding: 5px; 
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; }
.box {border: 1px solid #999;}
.clearboth { clear: both; }