body {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #333;
line-height : 1.6;
}
td p {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #333;
line-height : 1.6;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333;
line-height : 1.6;
}
.normal {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333;
}
.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333;
}
ul {
margin : 0;
padding : 0;
}
A:link {
color : #333;
text-decoration : none;
}
A:visited {
color : #333;
text-decoration : none;
}
A:active {
color : #333;
text-decoration : none;
}
A:hover {
color : #FF6600;
text-decoration : underline;
}
div#topnav {
background-color : #369;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
}
div#topnav ul {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : white;
text-align : center;
margin : 0;
padding-bottom : 5px;
padding-top : 5px;
padding-left : 0;
line-height : 1.3;
}
div#topnav ul li {
display : inline;
}
div#topnav ul li a {
padding : 5px 10px 5px 10px;
color : white;
text-decoration : none;
border-left : 1px solid #fff;
border-right : 1px solid #fff;
margin-right : -1px;
}
div#topnav ul li a:hover {
background-color : #996699;
color : white;
}
.leftSide ul li {
list-style : none;
line-height : 18px;
}
h1 {
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
font-weight : bold;
padding-top : 5px;
border-bottom : 1px dotted #999;
color : #333;
margin-left : 14px;
margin-right : 4px;
text-align : right;
}
hoo1 {
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
font-weight : bold;
color : #333;
}
h2 {
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
font-weight : bold;
padding : 5px;
background-color : #369;
border-bottom : 1px dotted #ccc;
color : #fff;
margin-top : 0;
}
h3 {
font-size : 12px;
font-family : Verdana, Arial, sans-serif;
font-weight : bold;
padding : 5px;
background-color : #999;
border-bottom : 1px dotted #ccc;
color : #fff;
margin-top : 0;
margin-bottom : 0;
}
td.gray {
background-color : #ccc;
}
hr {
height : 0;
border-width : 1px 0 0 0;
border-style : solid;
border-color : #e69d01;
}
h4 {
font-size : 13px;
font-family : Verdana, Arial, sans-serif;
font-weight : bold;
border-bottom : 1px dotted #999;
color : #333;
}
h5 {
	font-size : 11px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : bold;
	color : #333;
	margin-left : 0px;
	margin-right : 4px;
	text-align : left;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;

}.tausta {
	background-image: url(images/kayntikortti_web.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.otsikko {
	font-size : 14px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	color : #666666;
	
}
.otsikko2 {
	font-size : 24px;
	font-family : Helvetica;
	font-weight : 100;
	color : #666666;
	line-height: 1.2;
}
.otsikko3 {
	font-size : 26px;
	font-family : Helvetica;
	font-weight : 300;
	color : #333333;
	line-height: 1.2;
}
.kuvakehys {
	border: 1px solid #999999;
}
.keskitaulu {
	border: 1px solid #CCCCCC;
	background: #F6F6F6;
}
.keskialataulu {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.ajankohtaista {
	border: 1px solid #CCCCCC;
	background: #e9f1fd;
}
.ajankohtaista_1 {
	background: #dfebfc;
}
.toptable_up{
	background-image: url(../images/800_bg_blank_start.jpg);
	background-repeat: no-repeat;
}
.toptable_middle{
	background-image: url(../images/800_bg_blank_middle.jpg);
	background-repeat: repeat;
}
.toptable_down{
	background-image: url(../images/800_bg_blank_end.jpg);
	background-repeat: no-repeat;
}
.toptable{
	background-image: url(../images/800_600_bg_blank.png);
	background-repeat: no-repeat;

}
.toptableRakentaminen{
	background-image: url(../images/800_700_bg_blank.png);
	background-repeat: no-repeat;

}
.toptableHujfi{
	background-image: url(../images/600_350_bg_blank.png);
	background-repeat: no-repeat;

}
#slideshow {
    position: relative;
    height:175px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:41px;
    z-index:8;
    opacity:0.0;
 	border: 1px solid #999999;
   
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
img.reference {
color: #666;
border: solid;
border-width: 1px;
margin: 3px;
}

/* THIS IS THE ACTUAL DISPLAY AREA OF THE SLIDERS */
#container
{
    width: 550px;
    overflow: hidden;
}

/* SET TO THE TOTAL WIDTH OF ALL DIVS */
#slider-wrapper
{
    width: 1100px;
}

/* THESE ARE THE INDIVIDUAL SLIDE PROPERTIES */
.slide
{
    width: 550px;
    height: 200px;
    overflow: hidden;
    float: left;
}
.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }

.dropbtn {
    background-color: #FFFFFF;
    color: #333;
    padding: 0px;
    font-size: 12px;
    cursor: pointer;
    border: none;
    border-width: 1px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    color: FF6600;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 2px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ffffff;
}
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}