/* Body */
*{margin:0;padding:0}
body{padding-top:15px}

/* Wrapper */
#wrapper{width:926px;margin:0 auto}

/* Common */
img{border:0;margin-bottom:20px}
.image img{margin-bottom:10px}
.clear{clear:both}

/* Fonts & paragraphs */
body,p,td,th,ul,ol,li,input,select,textarea{font:normal 13px Arial,Helvetica,sans-serif}
p{margin-bottom:10px;color:#444;line-height:20px}

/* Links */
a:link{color:#8cc63f;text-decoration:none}
a:visited{color:#8cc63f;text-decoration:none}
a:hover{color:#000;text-decoration:none}
a:active{color:#000;text-decoration:none}

ul{margin:0 0 15px 20px}
ul li{margin-bottom:4px;color:#444}

/* Titles */
h2{margin:0 0 15px 0;text-transform:uppercase;color:#000;font-size:20px;font-weight:normal}
h3{margin:20px 0 10px 0;color:#8cc63f;font-size:18px;font-weight:normal;text-transform:uppercase}
h4{margin:20px 0 10px 0;color:#000;font-size:16px;font-weight:normal}
h2 a,h3 a,h4 a{outline:none}

/* Header */
#header{background:url(images/bg-header.png) no-repeat left top;height:118px;padding:40px 0 0 30px;margin-bottom:0px}

/* Logo */
#header h1{margin:0;padding:0}
#header h1 a{width:212px;height:81px;background:url(images/logo.png) no-repeat;display:block;text-indent:-9999px;outline:none}

/* Navigation */
#navContainer{padding:0;margin:0 0 8px 0;height:26px;clear:both}
#nav{list-style:none;margin:0;padding:0}
#nav li{display:inline}
#nav li a{display:block;float:left;text-transform:uppercase;margin:0 20px 0 0;padding:4px 10px 12px 10px;color:#000;text-decoration:none;background-repeat:no-repeat;background-position:center 7px;text-indent:-9999px;outline:none}
#nav li:first-child a{padding-left:0}
#nav li a:hover{opacity:0.6}

#nav-etusivu a{background-image:url(images/nav-etusivu.png);width:64px}
#nav-taivex a{background-image:url(images/nav-taivex.png);width:46px}
#nav-koulutus a{background-image:url(images/nav-koulutus.png);width:80px}
#nav-yhteystiedot a{background-image:url(images/nav-yhteystiedot.png);width:118px}
#nav-tietopankki a{background-image:url(images/nav-tietopankki.png);width:102px}
#nav-in-english a{background-image:url(images/nav-inenglish.png);width:89px}
#nav-ajankohtaista a{background-image:url(images/nav-ajankohtaista.png);width:118px}

	#nav-opintomatkat,
	#nav-taivex-koulutus,
	#nav-muut-opinnot{display:none}
		.page-vapaavalinnaiset #nav-opintomatkat,
		.page-vapaavalinnaiset #nav-taivex-koulutus,
		.page-vapaavalinnaiset #nav-muut-opinnot,
		.page-muut-opinnot #nav-opintomatkat,
		.page-muut-opinnot #nav-taivex-koulutus,
		.page-muut-opinnot #nav-muut-opinnot,
		.page-opintomatkat #nav-opintomatkat,
		.page-opintomatkat #nav-taivex-koulutus,
		.page-opintomatkat #nav-muut-opinnot,
		.page-taivex-koulutus #nav-opintomatkat,
		.page-taivex-koulutus #nav-muut-opinnot,
		.page-taivex-koulutus #nav-taivex-koulutus{display:block}
	#nav-opintomatkat a,
	#nav-taivex-koulutus a,
	#nav-muut-opinnot a{background:url(images/icon-arrow.png) no-repeat 13px center;padding-left:23px !important;text-transform:none !important}
	
/* Sub navigation */
#subnav ul{list-style:none;background:url(images/line.png) repeat-x left bottom;margin:0 !important;padding:0 !important}
#subnav li{background:url(images/line.png) repeat-x left top;padding:0;margin:0}
#subnav li a{text-transform:uppercase;font-size:14px;padding: 12px 0 12px 0;display:block}
#subnav ul ul{background:none;display:none}
#subnav ul ul li{margin:0 0 0 20px}
#subnav ul ul li a{background:url(images/icon-arrow.png) no-repeat left center;text-transform:none;padding-left:13px}
#subnav li.current > a{color:#000}
#subnav ul li.current > ul{display:block !important}

/* Content */
#content{background:url(images/line.png) repeat-x left top;padding-top:15px;clear:both}

/* Columns */
#main{width:720px;float:left;background:url(images/line-vert.png) repeat-y right top}
#main .col{padding:15px 0 20px 0}
#main .col2{padding-top:12px}
#sidebar{width:180px;float:left;padding:15px 0 20px 25px}
#sidebar h3{margin:0 0 15px 0;padding-top:0;color:#8bc53f;font:bold 20px 'Times New Roman',Times,serif !important;text-transform:uppercase}

#frontpage .container{clear:both}
#frontpage .topContainer .col1{width:200px;padding:15px 15px 0 0;float:left;background:url(images/line-vert.png) repeat-y right top}
#frontpage .topContainer .col1 h3{background:url(images/line.png) repeat-x left top;padding-top:15px;color:#000;text-transform:uppercase;font-size:14px;font-weight:normal}
#frontpage .topContainer .col1 h3:first-child{background:none;padding-top:0 !important}
#frontpage .topContainer .col1 p{margin-bottom:15px}
#frontpage .topContainer .col2{width:450px;float:left;padding:15px 0 0 40px}
#frontpage .topContainer .col2 h3{margin-bottom:15px;color:#000;font-size:14px;font-weight:normal;padding:0 !important}
#frontpage .bottomContainer{width:705px;background:url(images/line.png) repeat-x left 5px;padding-top:20px}
#frontpage .bottomContainer .col1{width:400px;padding-right:40px;float:left;background:url(images/line-vert.png) repeat-y right top;}
#frontpage .bottomContainer .col2{width:200px;float:left;padding-left:40px}


/* Columns */
.cols2 .col1{float:left;width:200px;padding-right:25px !important}
.cols2 .col2{float:left;width:460px;padding-right:25px}

/* Footer */
#footer{clear:both;background:url(images/line.png) repeat-x left top;padding-top:20px;height:100px}
#footer .container{background:url(images/logos-temp.png) no-repeat right top;height:80px}

/* Titles */
.title,
.title a,
.title h2 a,
.title h3 a{background-repeat:no-repeat;display:block;}

.title-nyt h2{background-image:url(images/title-nyt.png);width:131px;height:29px;text-indent:-9999px;margin-bottom:30px}
.title-taivex h2{background-image:url(images/title-taivex.png);width:406px;height:31px;text-indent:-9999px;margin-bottom:30px}
.title-koulutus h2{background-image:url(images/title-koulutus.png);width:195px;height:22px;text-indent:-9999px;margin-bottom:30px}
.title-tietopankki h2{background-image:url(images/title-tietopankki.png);width:196px;height:20px;text-indent:-9999px;margin-bottom:20px;margin-top:0}
.title-kalenteri h3,
.title-kalenteri h3 a{display:block;background-image:url(images/title-kalenteri.png);width:144px;height:16px;text-indent:-9999px;margin-bottom:30px;margin-top:0}
.title-ajankohtaista h3{background-image:url(images/title-ajankohtaista.png);width:234px;height:18px;text-indent:-9999px;margin-bottom:20px;margin-top:0}
.title-liity h3{background-image:url(images/title-liity.png);width:143px;height:29px;text-indent:-9999px;margin-bottom:20px;margin-top:0}

.page-yhteystiedot .title-yhteystiedot h2{display:block;width:201px;height:138px;background:url(images/title-yhteystiedot-inner.png) no-repeat left 2px;text-indent:-9999px}
.page-taivex .title-taivex h2,
.page-yhteistyokumppanit .title h2,
.page-hankekuulumiset .title h2{display:block;width:150px;height:23px;background:url(images/title-taivex-inner.png) no-repeat;text-indent:-9999px;margin-bottom:20px}
.page-yhteystiedot h3{font:normal 22px 'Times New Roman',Times,serif;color:#000;text-transform:none;margin:0 0 2px 0;padding:0}
.page-yhteystiedot strong{font-weight:normal;color:#8bc53f}
.page-kalenteri .col1 h2{display:block;width:178px;height:135px;background:url(images/title-kalenteri-inner.png) no-repeat left 0;text-indent:-9999px}
.page-uutiset .col1 h2,
.page-artikkeli .col1 h2{width:161px;height:22px;background:url(images/title-uutiset-inner.png) no-repeat left top;text-indent:-9999px}

/* Frontpage */
.page-etusivu ul li{margin-bottom:15px}

/* News */
#newsArticle h3{margin:0 0 2px 0;color:#000 !important;text-transform:none}
#newsArticle .date{margin:0 0 15px 0;color:#8cc63f}

#news .date{margin:0;font-weight:bold}
#news .title{font-size:13px;color:#000;margin:0 0 2px 0}
#news .title a{color:#444}

#newsMain .date{color:#8cc63f;margin:0 !important;font-size:12px}
#newsMain h4{font-weight:bold;margin:0 0 2px 0;font-size:13px;text-transform:uppercase}
#newsMain h4 a{color:#444}
#newsMain .firstChapter p{padding-top:4px}

.page-uutiset #main{background:none}
.page-uutiset #sidebar{background:url(images/line-vert.png) repeat-y left top}

/* Form */
#form-mailinglist input[type=email]{border:1px solid #999;padding:3px 5px;width:130px;margin-right:3px}
#form-mailinglist input[type=submit]{background:#8cc63f;color:#fff;border:0;padding:4px 7px;text-transform:uppercase;font-size:12px;cursor:pointer}
#form-mailinglist input[type=submit]:hover{background:#67a11a}
#form-mailinglist .thanks{color:#4c8200;font-weight:bold}
#form-mailinglist .error{color:#cc0000;font-weight:bold}

/* Calendar */
.page-kalenteri #main{background:none}
.page-kalenteri #sidebar{background:url(images/line-vert.png) repeat-y left top}
.page-kalenteri #calendar{margin-top:-3px}

#calendar .date{font-weight:bold}
#calendar h3{font:bold 14px Arial,Helvetica,sans-serif !important;color:#000}
#calendar a{color:#000;padding:3px 0}
#calendar a:hover{color:#8cc63f}
#calendar .current a{font-weight:bold;color:#8cc63f}

#calendarEvent h3{margin:0 0 2px 0;color:#000 !important;text-transform:none}
#calendarEvent .date{margin:0 0 15px 0;color:#8cc63f}

/* Documents */
#documents .date{margin:0;font-weight:bold}
#documents .title{font-size:13px;color:#000;margin:0 0 2px 0}
#documents .title a{color:#444}

	/* Document */
	#document .date{margin:0 0 0px 0;color:#8cc63f}
	#document h3{margin:0 0 10px 0;color:#000;text-transform:none}

/* Login form */
#form-login label{font-weight:bold;display:block}
#form-login .global-form-error{font-weight:bold;color:#cc0000;font-size:14px;padding:0 0 10px 0}
#form-login input[type=text],
#form-login input[type=password]{border:1px solid #aaa;font-size:14px;padding:3px 5px}
#form-login input[type=submit]{background:#8cc63f;color:#fff;border:0;padding:4px 7px;text-transform:uppercase;font-size:12px;cursor:pointer}

/* No results */
.no-results{border:1px solid #ddd;background:#eee;padding:8px 12px;-webkit-border-radius:5px;color:#666}

/* Pagination */
.pagination{list-style:none;text-align:center;margin:12px 0 12px 0;padding:0}
.pagination li{display:inline;margin:0 3px;padding:0}
.pagination a,
.pagination span{padding:2px 7px;font-size:14px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.pagination .prev{border-right:1px solid #ccc;margin-right:10px;padding-right:5px}
.pagination .next{border-left:1px solid #ccc;margin-left:5px;padding-left:5px}
.pagination .current a{color:#000;font-weight:bold;background:#8cc63f;color:#fff}
.pagination .disabled span{color:#ccc}