* { 
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 12px;
}

caption {
color: #0000ff;
font-weight: bold;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
}

.linkrow {
padding:10px 10px;
text-align: center;
margin-left: 20;
margin-right: 20;
}

.left {
text-align: left;
display: inline;
padding:2px 2px;
}

.center {
text-align: center;
display: inline;	
padding:2px 2px;
}

.right {
text-align: right;
display: inline;
padding:2px 2px;
}

.month {
margin:0px;
border:1px solid #e0e0e0;
padding:1px 1px;
float: left;
border:1px solid #e0e0e0;
}

.week {
color: #506080;
width: 22px;
height: 22px;
}

.day {
width: 22px;
height: 12px;
}

.detail {
width: 100px;
height: 100px;
padding:1px 1px;
border:1px solid #e0e0e0;
}

.overall {
width: 22px;
height: 22px;
}

.workday {

}

.currentday {
background-color: #ffa080;
width: 100%;
height: 100%;
}

.weekend {
width: 100%;
height: 100%;
background-color: #f0f0f0;
}


.vapaa {
width: 100%;
height: 2px;
}

.iso {
background-color: #0000ff;
width: 100%;
height: 2px;
}

.pikku {
background-color: #ff0000;
width: 100%;
height: 2px;
}

.vaunu {
background-color: #00ff00;
width: 100%;
height: 2px;
}

.vene {
background-color: #eeaa00;
width: 100%;
height: 2px;
}

.vene2 {
background-color: #555522;
width: 100%;
height: 2px;
}

body {
background-color: #fff;
color: #000;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

.timeline {
line-height: 2px;
height: 2px;
}

.icon {
height: 16px;
}

.timeline img {
line-height: 2;
}

.channel {
text-align: right;
display: inline;
width: 100%;
}

.detail {

}


h1 {
font-size: 22px;  
color: #334455;
}

h2 {
font-size: 17px;  
color: #334455;
}

h3 {
font-size: 15px;  
color: #334455;
}

h4 {
font-size: 15px;  
color: #334455;
}

h5 {
font-size: 15px;  
color: #334455;
}

.chaptitle { 
margin: 9px 0px 0px 15px;
}

.valikko {
margin-top: 120px;
}