<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Otavamedia - Huoltokatko</title>
<style type="text/css"> 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0px;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
 
body{background:#ddd;font-family:Georgia, serif;}
#content{background:#fff;width:30%;margin:1em auto;padding:1.5em;
box-shadow:0px 0px 20px 0px #666;
-moz-box-shadow:0px 0px 20px 0px #666;
-webkit-box-shadow:0px 0px 20px 0px #666;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#text{}
p{text-align:left;font-size:1.2em;line-height:1.4em;margin:0 0 0.5em 0;}
p.sign{text-align:left;font-size:1.0em;line-height:1.4em;margin:0 0 0.5em 0;}
hr{border:none;border-top:1px solid #ccc;}
#logos{text-align:center;}
img{margin:0 0 0.5em 0;}
@media only screen and (max-device-width: 480px) {
   #content{background:#fff;width:30%;margin:1em 1em;padding:1.5em;
}  
</style>
</head>
 
<body>
<div id="content">
<div id="text">
<p>Www-sivustojemme palvelinalustaa päivitetään parhaillaan. Yritä myöhemmin uudelleen. Pahoittelemme häiriötä.</p>
<p class="sign">Ystävällisin terveisin<br /> 
Ylläpito 
<br /> 
Otavamedia Oy </p>
<hr />
</div>
<div id="logos"><img src="otavamedia.jpg" alt="Otavamedia" /></div>
</div>
</body>
</html>