html, body { height:100.1%; }
body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: white;
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    background-color: #13b6bf;
}

h2 {
    margin-top: 0px;
    padding-top: 0px;
    font-size:28px;
}
div#top {
    position: absolute;
    width:800px;
    height:100px;
    left:0px;
    top: 0px;
    background-color: #13b6bf;
}

div#logo{
    position: absolute;
    width: 270px;
    background-color: #13b6bf;
    left:0px;
    top: 0px;
}

div#login{
    position: absolute;
    background-color: #13b6bf;
    right:0px;
    top: 0px;
}

div#navi{
    position: absolute;
    width: 450px;
    background-color: #13b6bf;
    right:0px;
    top: 50px;  
    z-index:2
}

div#sisus {
    position: relative;
    width: 900px;
    top: 120px;
    background-color: #13b6bf;

}
div#flash {
    position:absolute;
    width:450px;
    height:300px;
    top: 70px;
    left:0px;
    background-color: #13b6bf;
}
div#teksti {
    position: relative;
    width: 385px;
    top: 32px;
    left: 500px;
    background-color: #13b6bf;
}

div#wrapper {

    position:relative;
    margin-left:auto;
    margin-right:auto;
    top: 20px;
    width:900px;
    height:600px;
    background-color: #13b6bf;
}


#navigation .active a {background-image: url('assets/images/navitaus.gif'); }
#navigation li {display: inline;}
#navigation2 li {display: inline;}

li a:link, li a:visited, li a:hover, li a:active {color:white; text-decoration:none;padding:8px; display:inline-block;}

#navigation2 { background-image: url('assets/images/nav2taus.gif'); position:relative; top:-12px; left:10px;}
#navigation2 .active a { background-image: url('assets/images/nuoli.gif'); background-position: 0% 50%; background-repeat: no-repeat; }

.uutinen {margin: -8px 0px -8px 0px;}
p a:link, p a:visited, p a:hover, p a:active  {color:white; text-decoration:underline;}
#login a:link, #login a:visited, #login a:hover, #login a:active  {color:white; text-decoration:underline;padding:8px;}

.uinf {margin-bottom:13px;}
.uots  {font-size:20px; margin-bottom:-5px; color:white;}
.ulink   {margin-bottom:30px;}
.utxt {}
div.lista .utxt {display:none;}
div.lista .uots {display:none;}
div.lista .uinf {display:none;}
p.listaversio {display:none;}
div.lista p.listaversio {display:block}
p.listaversio a {text-decoration:none;}
div.dot {border-top:1px dotted white;}

.ytieto{float:left; padding-left:10px; margin-top:-15px;}

ul {list-style: decimal}

.votsikko {font-size:16px;}
.ingressi {font-style: italic; font-size:16px; font-weight: normal;}

.flashversio{display:none;}


#nappi1 		{ width: 260px; height: 29px; border: 0; margin: 0; padding: 0; background-image: url('assets/images/link_sharewood_off.gif'); }
#nappi2 		{ width: 260px; height: 29px; border: 0; margin: 0; padding: 0; background-image: url('assets/images/link_consumer.gif'); cursor:pointer; }
#nappi3 		{ width: 260px; height: 29px; border: 0; margin: 0; padding: 0; background-image: url('assets/images/link_pro_off.gif'); }
#nappi4 		{ width: 260px; height: 29px; border: 0; margin: 0; padding: 0; background-image: url('assets/images/link_viral_off.gif'); }

#nappi1:hover 	{ background-image: url('assets/images/link_sharewood_off.gif'); }
#nappi2:hover 	{ background-image: url('assets/images/link_consumer_on.gif'); }
#nappi3:hover 	{ background-image: url('assets/images/link_pro_off.gif'); }
#nappi4:hover 	{ background-image: url('assets/images/link_viral_off.gif'); }