/* CSS 2008-07-04 - www.kovanen1.com/01/ - Henkiloliikenne */
* {margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
body {background-color:#FFF; color:#000;}
body {background-image:url(../../media/back2.jpg); background-repeat:repeat-x;}
table {width:100%; border-collapse:collapse;}
img, img a {border:none; padding:0; margin:0;}

/* -- SIVUSTO YLATUNNITE ------------------------------------------------------- */
.a1 {width:100%; background-color:#000; color:#FFF;}
.a1-0 {margin:0 auto; padding:0; width:912px; text-align:left; overflow:auto;}
.site-nav {float:left; height:24px; width:684px; vertical-aling: middle;}
.site-nav p {padding: 3px 0 3px 6px; font-size:12px; color:#999;}
.site-nav a {font-weight:bold; text-decoration: none; padding: 2px 6px; color:#E2E2E2;}
.site-nav a:hover {background-color:#3399FF; color:#FFF;}
.site-headline {float:left; height:52px; width:684px;}
.site-headline h2 {padding: 0 0 0 12px; margin-top: 20px; font-weight:bold; font-size:1.4em; color:#F7F7F7}
.site-headline a {text-decoration: none; padding: 2px 2px; font-weight:bold; color:#FFF;}
.site-headline a:hover {background-color:#3399FF; color:#FFF;}
.site-logo {float:right; height:74px; width:76px;}

/* -- MEDIA -------------------------------------------------------------------- */
.a2 {width:100%; background-color:#000; color:#FFF;}
.a2-0 {margin:0 auto; padding:0; width:912px; text-align:left; overflow:auto;}
.media-dark {width:912px; height:240px; background-color:#000; color:#FFF;}
.media-292 {width:912px; height:292px; background-color:#000; color:#FFF;}

/* -- NAVIGOINTI --------------------------------------------------------------- */
.a3 {width:100%; background-color:#999; color:#FFF; clear:both;}
.a3-0 {margin:0 auto; padding:0; width:912px; text-align:left; overflow:auto;}
.a3-0 {background-color:#CCC;}
.go-back {float:left; height:12px; width:684px; vertical-aligh: middle;}
.go-nav {float:left; width:663px; height:20px; margin: 4px 0 0 7px; font-size:12px;}
.go-nav li {float:left; list-style-type:none; padding:2px 0 2px 0; margin: 0 4px 0 0; color:#FFF;} 
.go-nav li {background-color:#005397;}
.go-nav a {text-decoration:none; color:#FFF; padding:2px 6px 2px 6px;}
.go-nav a:hover {background-color:#3399FF; color:#FFF;}
.go-nav-highlight a {background-color:#2E3463; color:#FFF;}
.go-nav-valittu a {background-color:#0099FF; color:#FFF;}

.sivunav {width:100%; }
.sivunav-0 {margin:0 auto; padding:0; width:912px; height: 24px; text-align:left; overflow:auto;}
.sivunav-0 {background-color:#FFF;}
.sivunav-1 {float:left; width:894px; height:20px; margin: 2px 0 0 6px; font-size:12px; color:#999;}
.sivunav-1 li {float:left; list-style-type:none; padding:3px 0 3px 0; margin: 0 1px 0 0;}
.sivunav-1 a {text-decoration:none; padding:1px 6px; color:#333333; }
.sivunav-1 a:hover {text-decoration:none; color:#FFF; background-color:#3399FF; }

/* -- SIVU --------------------------------------------------------------------- */
.a4 {margin:0 auto; width:912px; background-color:#FFF; color:#333; text-align:left; }
.sivu {float:left; clear:left; display:inline; margin:8px 0; width:708px;}
.sivu {background-color:#FFF;}
.sivu p {padding: 0 12px; line-height:1.6em;}
.sivu a {text-decoration:underline; padding:1px 1px; color:#0B6FE8;}
.sivu a:hover {text-decoration:none; color:#FFF; background-color:#3399FF;}
.sivu h1 {padding: 10px 8px 2px 12px; font-weight:normal; font-size:3em;}
.sivu h2 {padding: 10px 8px 2px 12px; font-weight:normal; font-size:1.6em;}
.sivu h2 a {text-decoration:none;}
.sivu h3 {padding: 0 12px; font-weight:bold; font-size:1em; line-height:1.6em;}
.sivu h3 a {text-decoration:none;}
.sivu h6 {padding: 0 12px; font-weight:normal; font-size:0.95em;}
.sivu h6 a {text-decoration:none;}
.sivu ul, .page ol {padding:0 8px 0 14px; margin:2px 0 4px 16px; line-height:1.6em;}
.sivu ul li {list-style-type:square; list-style-image:url(interface/lista.gif);}
.sivu ul li li {list-style:none;}
.sivu ol li li {list-style:none;}
.sivuotsikko img, img a {border:none; padding:0; margin:10px 0 0 0;}

.sivugo a {text-decoration:underline; font-size:1.1em; font-weight:bold; padding:1px 1px; color:#000;}
.sivugo a:hover {text-decoration:none; color:#FFF; background-color:#3399FF;}
.sivugo ul {padding:0 8px 0 14px; margin:2px 0 4px 16px; line-height:1.6em;}
.sivugo ul li {list-style-type:square; list-style-image:url(interface/go-black.gif);}

.sivubox {background-color:#DDDDDD; color:#000; width:696px; padding:12px 0;}
.sivubox p {padding: 0 12px; line-height:1.6em;}
.sivubox h3 {padding: 0 12px; font-weight:bold; font-size:1em; line-height:1.6em;}
.sivubox h4 {padding: 0 12px; font-weight:bold; font-size:0.85em; line-height:1.6em;}
.sivubox a {text-decoration:underline; padding:1px 2px; color:#0B6FE8;}
.sivubox a:hover {text-decoration:none; color:#FFF; background-color:#3399FF;}

.boxe {clear:both; overflow:auto; width:692px; height:230px; background-color:#E2E8F1; padding: 8px 0 0 8px;}
.boxe p {padding: 0 8px; line-height:1.6em;}
.boxe h2 {padding: 0 6px; font-weight:normal; font-size:1.5em; line-height:1.5em; text-align:center; color:#FFF; background-color:#3399FF;}
.boxe h3 {padding: 4px 8px 1px 8px; font-weight:bold; font-size:1em; line-height:1.6em;}
.boxe a {text-decoration:underline; font-weight:bold; padding:1px 2px; color:#0B6FE8;}
.boxe a:hover {text-decoration:none; color:#FFF; background-color:#3399FF;}
.boxe h2 a {text-decoration:none; font-weight:normal; padding:1px 2px; background-color:#3399FF; color:#FFF;}
	
.boxe-col-1 {float:left; color:#000; width:225px; padding:0;}
.boxe-col-2 {float:left; color:#000; width:451px; padding:0; margin: 0 6px;}
.boxe-item {float:left; width:223px; height:165px; overflow:auto; background-color:#FFF;}
.boxe-item {border:1px solid #999;}
.boxe-item2 {float:left; width:225px; height:165px; overflow:auto; background-color:#FFF;}
.boxe-item2 {border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999;}
.boxe-more {float:left; width:223px; height:24px; padding: 4px 0; background-color:#E2E8F1; text-align:center;}
.boxe-more2 {float:left; width:451px; height:24px; padding: 4px 0; background-color:#E2E8F1; text-align:center;}

.sivuloppu {clear:both; padding: 6px 11px; line-height:1.6em; font-size:0.9em; color:#707070;}
.sivuloppu {background-color:#FFF; color:#707070;}
.sivuloppu a {text-decoration:none; padding:1px 2px; color:#707070;}
.sivuloppu a:hover {color:#FFF; background-color:#3399FF;}

/* -- SIVU INFOPALSTA ---------------------------------------------------------- */
.infobox {float:left; display:inline; width:192px;} 
.info {background-color:#F4F4F4; margin:12px 0;}
.info p {padding:4px 8px 1px 8px;}
.info h2 {padding:12px 4px 0 8px; font-weight:normal; font-size:1.8em; }
.info h4 {padding:8px 8px; font-weight:bold; font-size:1em;}
.info h5 {padding:0px 8px; font-weight:normal; font-size:0.85em;}
.info ul {padding:0; margin:3px 0 4px 0; line-height:1.7em;}
.info li {list-style:none;}
.info li a {text-decoration:none; padding:2px 8px; color:#0B6FE8;}
.info li a:hover {text-decoration:none; color:#FFF; background-color:#3399FF;}
.infotel {margin:6px 0 0 0;}
.infotitle {padding:0; margin:0; background-color:#CECECE; color:#FFF; height:24px;}
.infotitle {background-image:url(interface/bar-top-192x24-info.png); background-repeat:no-repeat;}
.infotitle h4 {padding:5px 8px 3px 8px;}

/* -- ETUSIVU ------------------------------------------------------------------ */
.etusivu {margin:0; width:912px; background-color:#FFF;}
.etusivu p {padding: 0 12px; line-height:1.8em;}
.etusivu a {text-decoration:underline; padding:1px 2px; color:#0B6FE8;}
.etusivu a:hover {text-decoration:none; color:#FFF; background-color:#3399FF;}
.etusivu ul, .page ol {padding:0 8px 0 14px; margin:2px 0 4px 16px; line-height:1.6em;}
.etusivu ul li {list-style-type:square; list-style-image:url(interface/lista.gif);}

.etubar {height:21px; background-color:#005397; color:#FFF; margin:0;}
.etubar {background-image:url(../../media/etusivu/etubar-21x255.jpg); background-repeat:repeat-x;}
.etubar h3 {padding:2px 6px 2px 12px; font-size:1.1em;}
.etubar h3 a {text-decoration:none; padding:1px 2px; color:#FFF;}
.etubar h3 a:hover {text-decoration:none; background-color:#3399FF;}

.etu-h {float:left; display:inline; width:458px;}
.etukuva-h {width:454px; height:255px; background-color:#000; color:#FFF;}
.etukuva-h a {padding:0; }
.etuinfo-h {color:#FFFFFF; height:115px; padding-top:6px; margin-top:4px;}
.etuinfo-h a {color:#FFF; text-decoration:none; font-weight:bold; font-size:1.1em;}
.etuinfo-h {background-image:url(../../media/etusivu/etu-tausta-h.png); background-repeat:no-repeat;}

.etu-t {float:right; display:inline; width:454px;}
.etukuva-t a {padding:0; }
.etukuva-t {width:454px; height:255px; background-color:#000; color:#FFF;}
.etuinfo-t {color:#FFFFFF; height:115px; padding-top:6px; margin-top:4px;}
.etuinfo-t a {color:#FFF; text-decoration:none; font-weight:bold; font-size:1.1em;}
.etuinfo-t {background-image:url(../../media/etusivu/etu-tausta-t.png); background-repeat:no-repeat;}

.etu-puh {float:left; display:inline; width:120px; height:47px; margin:206px 0 0 0; padding:2px 0 0 12px;}
.etu-puh h5 {font-size:0.85em;}
.etu-puh h4 {font-size:1.1em;}

.etu-news {float:left; display:inline; width:912px; margin:0 0 6px 0;}
.etuotsikko-h {float:left; display:inline; width:454px; margin:16px 4px 0 0;}
.etuotsikko-t {float:left; display:inline; width:454px; margin:16px 0 0 0;}

.etu-uutiset {width:900px; margin: 8px 0 0 0;}
.etu-no-link {padding:0 2px;}

/* -- ALATUNNISTE -------------------------------------------------------------- */
.a5 {clear:left; width:100%; color:#000;}
.a5-0 {margin:0 auto; padding:0; width:912px; text-align:left; overflow:auto;}
.a5-0 {background-color:#5C5C5C;}
.alatunniste {width:912px;}
.alatunniste-nav {height:22px; width:684px; vertical-aligh: middle;}
.alatunniste-nav p {padding: 3px 0 3px 6px; font-size:12px; color:#999;}
.alatunniste-nav a {font-weight:normal; text-decoration: none; padding: 2px 6px; color:#EBEBEB;}
.alatunniste-nav a:hover {background-color:#3399FF; color:#FFF;}

/* -- LOMAKE ------------------------------------------------------------------- */
.lomake form {padding:0.7em 0; width:696px; margin:0.4em 4px 0.4em 0px; background-color:#DDDDDD;}
.lomake td {padding: 2px 0; vertical-align:middle;}
.lomake-label {margin:0 12px; text-align:left; width:160px;}
.lomake-label-inline {margin:0 12px; text-align:left;}
.lomake-label-radio {float:left; padding:4px 2px; text-align:left; width:115px;}
.lomake-label-radio2 {float:left; padding:4px 2px; text-align:left; width:350px;}
.lomake-field {border:1px solid #C0C0C0; padding:1px 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:368px;}
.lomake-field:focus {border:1px solid #666;}
.lomake-num {border:1px solid #C0C0C0; padding:1px 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:120px;}
.lomake-num:focus {border:1px solid #666;}
.lomake-btn {border:1px solid #666; margin:4px 8px 4px 0; padding:1px 6px;}
.lomake-btn {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.lomake-btn:hover {color:#FFF; background-color:#3399FF;}
.lomake-line {border-bottom:2px solid #FFF;}

/* -- TEMP ---------------------------------------------------------------- */