* {padding:0; margin:0; outline:none;}
body, html {height: 100%;}
body {
 font: 12px/140% Verdana, Geneva, sans-serif;
 color: #000;
 background: #f0f9ff url(../img/bg_gradient.png) repeat-x;
}
html, div, body{
display:block;
}
h1 {
 font-size: 18px;
 color: #005784;
 margin-bottom: 0.5em;
 line-height: 24px;
}
h2 {
 font-weight:normal;
 font-size:16px;
  line-height: 20px;
 color: #005784;
 margin-bottom: 0.5em;
}
a{
 color: #005784;
}
a:hover {
 text-decoration:none;
}
p {
 margin-bottom:1em;
}
ul {margin: 0.5em 0;}
li {margin-left:15px;}

.lista-tallinna li {
padding-bottom:5px;
}
#bg {
 background: url(../img/bg.png) no-repeat center center;
 min-height:686px;
 height: 100%;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index: 0;
}
#banneri {
 background: url(../img/tallinna_bg2.png) no-repeat center center;
 width:252px;
 height: 112px;
 padding:40px 35px;
 margin-top:60px;

}
#banneri h2{
 font-weight:bold;
 font-size:17px;
  line-height: 26px;
  color:#fff;
}
.bg_ie {
 background: #000000 src(../img/bg_ie.png) no-repeat top center;
 height:700px;
 width:100%;
}
#container {
 height: 686px;
 width: 983px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin:-343px 0 0 -493px;
 z-index: 1;
}
#containerbg {  
 background: url(../img/contentbg.png) 0 0 no-repeat;
 height: 686px;
 width: 983px;
}
img#logo {
 background: url(../img/logo.png) no-repeat;
 width:247px;
 height:65px;
 position: relative;
 top: 7px;
 left: 37px;
}
#navi {
 width: 801px;
 position: absolute;
 top: 94px;
 right: 77px;
 z-index: 555;
}
#navi ul {
 float:right;
 margin:0;
}
#navi li {
 float: left;
 padding-left: 32px;
 list-style: none;
 font-size: 14px;
 text-transform: uppercase;
 color: #497997;
 margin:0;
}
#navi li a {
 color: #497997;
 text-decoration: none;

}
#navi li a:hover {
 color: #000;
}
#navi li .active {
 color: #000;
}
#content  {
 width: 893px;
 height: 508px;
 position: absolute;
 left: 46px;
 top: 122px;
 z-index:2;
}
.contentbg1 {
 background: url(../img/kuva1.jpg) no-repeat 0px 0px;
}
.contentbg2 {
 background: url(../img/kuva2.jpg) no-repeat 0px 0px;
}
.contentbg3 {
 background: url(../img/kuva3.jpg) no-repeat 0px 0px;
}
.contentbg4 {
 background: url(../img/kuva4.jpg) no-repeat 0px 0px;
}
.contentbg5 {
 background: url(../img/kuva5.jpg) no-repeat 0px 0px;
}

#textbox1 {
 left: 91px;
 top: 45px;
 width: 399px;
 position: absolute;
 z-index:50;
 height: 159px;
}
#textbox1_2 {
 left: 711px;
 top: 335px;
 width: 148px;
 position: absolute;
 z-index:50;
 height: 159px;
}
#textbox2 {
 left: 35px;
 top: 81px;
 width: 284px;
 position: absolute;
 z-index:50;
 height: 469px;
}
#textbox2, #textbox3 {color:#fff}
#textbox2 a, #textbox2 h1, #textbox2 h2,
#textbox3 a, #textbox3 h1, #textbox3 h2{
 color:#6CF
}
#textbox3 {
 left: 588px;
 top: 56px;
 width: 271px;
 position: absolute;
 z-index:50;
 height: 446px;
}
#textbox4 {
 left: 370px;
 top: 350px;
 width: 482px;
 position: absolute;
 z-index:50;
 height: 151px;
}
#textbox5 {
 left: 106px;
 top: 24px;
 width: 676px;
 position: absolute;
 z-index:50;
 /* background: url(../img/textbg.png) no-repeat center top; */
 padding:20px;
}

#textbox6 {
 left: 106px;
 top: 174px;
 width: 638px;
 position: absolute;
 z-index:50;
 /* background: url(../img/textbg.png) no-repeat center top; */
 padding:20px;
}

#textbg a {
 position:relative;
 z-index:5;
}

#textbox ul li { 
 margin-left: 20px;
}
#footer {
 position: absolute;
 bottom: 30px;
 left: 89px;
 font-size: 10px;
 color: #7c7c7c;
 z-index: 300;
}
#footer a { 
 color: #7793a8;
 text-decoration:none;
 z-index:777
}

.huom{color:#ff0000;font-size: 14px; }
.tyhja{border:1px solid #ff0000;}
.tyhjatxt{color:#ff0000;}
.padding_top{
padding-top:10px;
}