body { background:#000000; margin:10px; font-family: "Verdana", "Helvetica", "Arial", sans-serif; }
div { margin:0; padding:0; }
h1 { margin:10px 0 0 0; color: #9ad3fc; font-weight:normal; font-size: 120%; }
p { margin:10px 0 0 0; vertical-align:top; }
p,li { font-size: 70%; color:#eeeeee; }
form { margin: 0; }

textarea { overflow: auto; width:580px; height:280px; }
input.txt,textarea,select { font-family: "Verdana", "Helvetica", "Arial", sans-serif; border: 1px solid #fec200; font-size: 100%; background:#333333; color:white; }
input.txt {width:200px;}
input.btn { background:#cccccc; width:200px; font-family: "Verdana", "Helvetica", "Arial", sans-serif; border: 1px solid #fec200; font-size: 100%; }
input.btn:hover { background:#333333; color:white; width:200px; }

li { margin-bottom: 5px; }
ul { margin: 10px 0 15px 5px; padding-left: 15px; list-style: disc outside; }
img { border: 0; }
b,i { color: #fec200; }
hr { height:1px; margin:20px 0 0 0; border:0; border-bottom:1px solid #9ad3fc; border-style: dashed; }

a:link { color: #fec200; }
a:visited { color: #fec200; }
a:active { color: #9ad3fc; }
a:hover { color: #9ad3fc; }

div.valikko p { margin-top:105px; }
div.valikko a:link { color: #fec200; display:block; background:url(images/bg.png) top left repeat transparent; text-decoration:none; padding:3px; }
div.valikko a:visited { color: #fec200; display:block; background:url(images/bg.png) top left repeat transparent; text-decoration:none; padding:3px; }
div.valikko a:active { color: #fec200; display:block; background:#333333; text-decoration:none; padding:3px; }
div.valikko a:hover { color: #fec200; display:block; background:#333333; text-decoration:none; padding:3px; }
div.valikko a:link.active { color: white; display:block; background:#000000; }
div.valikko a:visited.active { color: white; display:block; background:#000000; }
div.valikko a:active.active { color: white; display:block; background:#333333; }
div.valikko a:hover.active { color: white; display:block; background:#333333; }

div.site { width:970px; margin:0 auto; padding:0; }
div.valikko { width:180px; height:800px; margin:10px 0 20px 0; padding:0 0 0 20px; float:left; }
div.main { width: 730px; margin:0 0 20px 0; padding-right:20px; float:right; }

.clear { clear:both; }
.left { float: left; }
.rait { float: right; }
.tleft { text-align: left; }
.tcent { text-align: center; }
.trait { text-align: right; }
.obs { color:#fec200; }

.thumb {width:140px;height:140px;border:1px solid #353535;margin:10px 10px 0 0; text-align:center;float:left;}
.thumbsub { width:100px; height:100px; text-align:center; margin:5px auto 0 auto; }
.thumb p { margin:5px 0 0 0; font-size: 10px; }

@media print {
 div.valikko,div.submenu,img.topimg,hr {display:none;}
 div.site { width:100%; }
 div.main { float:left; }
}