body 
{
background-color: white;
font-family: verdana;
font-size: small;
margin: 0px;
}

td 
{
vertical-align:top	
}


tr.tumma 
{
background-color: #eeeeee;
}

tr.vaalea 
{
background-color: #ffffff;
}


table.listaus 
{
border:solid 1px #888888;
float:left;
}

 
td.listaus 
{
padding: 1px 5px 1px 5px;
}


a:link {color: #0000ff; text-decoration: none}
a:visited {color: #0000ff; text-decoration: none}
a:hover {text-decoration: underline}

a.etuyp:link {color: #cccccc; text-decoration:
none;font-size:x-small;font-weight:normal}
a.etuyp:visited {color: #cccccc; text-decoration:
none;font-size:x-small;font-weight:normal}
a.etuyp:hover {color: #cccccc; text-decoration:
underline;font-size:x-small;font-weight:normal}

a.pois:link {color: #65728C; text-decoration: none}
a.pois:visited {color: #65728C; text-decoration: none}
a.pois:hover {color: #ff0000; text-decoration: none}

a.etuvalikko
{
text-decoration:        none;
color:  #000000;
background-color:       #f6f6f6;
padding:        5px;
border-top: 1px solid #cccccc;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
white-space:    nowrap;
font-size:small;
text-transform: uppercase;
}

a.etuvalikko:visited
{

text-decoration:        none;
color:  #000000;
background-color:       #f6f6f6;
padding:        5px;
border-top: 1px solid #cccccc;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
white-space:    nowrap;
font-size:small;
text-transform: uppercase;
}

a.etuvalikko:hover
{
text-decoration:        none;
color:  #000000;
background-color:       white;
padding:        5px;
border-top: 1px solid #cccccc;
border-right: 1px solid #888888;
border-bottom: 1px solid #888888;
border-left: 1px solid #cccccc;
white-space:    nowrap;
font-size:small;
text-transform: uppercase;
}

div.selite
{
margin-top:10px;
margin-left:20px;
font-size:x-small;
}

div.etu_pieni_otsikko
{
color:black;
font-size:small;
border-bottom-style:solid;
border-width:1px;
border-color:#cccccc;
text-align:left;
font-weight:bold;
/*padding-top:30px;*/
}


div.sivu
{
width:100%;
margin:0px;
}

div.header_bar
{
padding:4px;
background-color: #65728C;
}

div.sisalto
{
width:500px;
float:left;
padding: 30px 30px 30px 30px;
font-size: x-small;
}

div.sidebar
{
float:right;
text-align:center;
background-color:#f6f6f6;
border: solid 1px #cccccc;
margin: 30px 30px 0px 0px;
padding: 10px;
}

div.sovellukset
{
padding: 30px 30px 30px 30px;
}

div.header_text
{
color:white;
font-size:small;
font-weight:bold;
margin:0px;
padding:0px;
white-space:nowrap;
}

div.optionset
{
padding:10px;
border: 1px solid #cccccc;
margin-bottom:20px;
background-color:#f6f6f6;
}

div.optionset_otsikko
{
font-weight:bold;
color:  #000000;
}

div.viivain {
border-top: solid 1px #cccccc;
width: 100%;
margin-top: 10px;
clear:left;
}

td.options
{
width:50%;
padding:20px;
}

a.pois2:link 
{
background-color:white;
color: #65728C; 
text-decoration: none;
position:absolute;
right:0px;
top:0px;
padding:3px;
border: solid 1px  #65728C;
}

a.pois2:visited 
{
background-color:white; 
color: #65728C; 
text-decoration: none;
position:absolute;
right:0px;
top:0px;
padding:3px;
border: solid 1px  #65728C;
}

a.pois2:hover 
{
background-color: white; 
color: red; 
text-decoration: none;
position:absolute;
right:0px;
top:0px;
padding:3px;
border: solid 1px  #65728C;
}

a.navibar
{
text-decoration:        none;
color:  #000000;
background-color:       #f6f6f6;
border-right: 1px solid #65728C;
border-bottom: 1px solid #65728C;
white-space:    nowrap;
font-size:small;
padding: 1px 15px 1px 15px;
float:left;
}

a.navibar:visited
{
text-decoration:        none;
color:  #000000;
background-color:       #f6f6f6;
border-right: 1px solid #65728C;
border-bottom: 1px solid #65728C;
white-space:    nowrap;
font-size:small;
padding: 1px 15px 1px 15px;
float:left;
}

a.navibar:hover
{
text-decoration:        none;
color:  #000000;
background-color:       white;
border-right: 1px solid #65728C;
border-bottom: 1px solid #65728C;
white-space:    nowrap;
font-size:small;
padding: 1px 15px 1px 15px;
float:left;
}

ul.navibar
{	
float:	  left;
width:	  100%;
padding:	        0;
margin:	     0;
list-style-type:	        none;
clear:	both;
}	

li.navibar {display:	    inline}

div.ylos
{
text-align:center;

}

div.taulu
{
float:left;
padding:20px;
width:400px;
}

div.taulu_ilmo
{
float:left;
padding:20px;
width:700px;
}

div.ohje_ilmo
{
float:left;
padding:20px;
width:200px;
}

div.statusbar
{
float:left;
clear:left;
width:100%;
background-color: #f6f6f6;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 3px;
}