/*body{margin:auto; max-width:1200px; background-color:#f1f3f5; color:#4a4a4a; background-image:url("pics/bg.jpg"); background-repeat:no-repeat; background-attachment:fixed;}*/
body{margin:auto; max-width:1280px; background-color:#f1f3f5; color:#4a4a4a;} 
h1,h2,h3,h4,h5,h6{color:#006699;}
.w3-bgblue{background-color:#006699; color:#fff!important;}
.w3-hover-punainen:hover{color:#ff0000!important;background-color:#f1f3f5!important}
.w3-harmaa{background-color:#f1f3f5;}
.w3-text-bgblue{color:#006699;}
.sukutable {width:100%; color:#666666; border:1px solid #006699; border-collapse:collapse;}
.sukutd {border:1px solid #006699; border-spacing:0px; border-collapse:collapse; background-color:#e4e6e8; padding:8px;}
.video {border:0px solid #006699; background-color:#f1f1f1; color:#006699; text-decoration:none; padding-left:6px!important;}
.hover-video:hover{color:#000!important; background-color:#f1f3f5!important; text-decoration:underline;}
.tausta {background-color:#f1f3f5;}
.linkki {text-decoration:none; color:#006699; padding-right:6px;} 
.linkki:hover{color:#ff0000; font-weight:normal;}
.w3-border-color{color:#006699;}
.w3-hover-border-color{color:#ff0000;}
.nimi {background-color:#f4f4f4; color:#006699; padding-top:8px; padding-bottom:0px;} 
.suku {background-color:#f4f4f4; color:#4a4a4a; padding-top:4px; padding-bottom:12px;} 
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 4px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:4px}
.w3-table2,.w3-table2-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table2-all{border:1px solid #ccc}
.w3-table2 td,.w3-table2 th,.w3-table2-all td,.w3-table2-all th{padding:5px 4px;display:table-cell;text-align:left;vertical-align:top}
.w3-table2 th:first-child,.w3-table2 td:first-child,.w3-table2-all th:first-child,.w3-table2-all td:first-child{padding-left:4px}
.w3-table2-all tr:nth-child(odd){background-color:#fff}.w3-table2-all tr:nth-child(even){background-color:#f1f1f1}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#f1f3f5;color:#f00}
.panel{margin-top:16px;margin-bottom:0px}
.yksi {padding:1px;} 
.kaksi {padding-right:2px;} 
.kolme {padding-right:3px;padding-bottom:6px;} 
.video-container {position:relative; padding-bottom:75%; padding-top:0px; height:0; overflow:hidden;}
.video-container iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
@media (max-width:1200px) and (min-width:1100px) {h2 {font-size:24px;} h3 {font-size:20px;}  h6 {font-size:16px;} body {font-size:14px;}}
@media (max-width:1099px) and (min-width:951px) {h2 {font-size:22px;} h3 {font-size:18px;}  h6 {font-size:15px;} body {font-size:12px;}}
@media (max-width:950px) and (min-width:900px) {h2 {font-size:20px;} h3 {font-size:16px;}  h6 {font-size:14px;} body {font-size:12px;}}
@media (max-width:899px) and (min-width:602px) {h2 {font-size:20px;} h3 {font-size:16px;}  h6 {font-size:14px;} body {font-size:12px;}}