@charset "utf-8";
/*********************************************************************
CSS RESET
**********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*********************************************************************
CONTENT TYPOGRAPHY
**********************************************************************/

.column h2 {
	color: #a3a3a3;
	margin: 20px 35px 8px;
}
h2.title-kandiklinikka {
	background: url("/assets/templates/site/img/txt-bg-kandiklinikka.gif") no-repeat 0 0;
	height: 15px;
	text-indent: -9999px;
}
h2.title-laaketieteenvalmennuskurssit {
	background: url("/assets/templates/site/img/txt-bg-laaketieteen-valmennuskurssit.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
}
h2.title-lyhyttaipitka {
	background: url("/assets/templates/site/img/txt-bg-lyhyt-tai-pitka-valmennus.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
}
h2.title-virtuaalikurssit {
	background: url("/assets/templates/site/img/txt-bg-virtuaalikurssit.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
}
h2.title-itseopiskelu {
	background: url("/assets/templates/site/img/txt-bg-itseopiskelu.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
}
h2.title-tarinamme {
	background: url("/assets/templates/site/img/txt-bg-tarinamme.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
}
h2.title-suosittele {
	background: url("/assets/templates/site/img/txt-bg-suosittele-kaverille.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
	margin: 5px 35px 4px;
}
h2.title-valmennuskurssit {
	background: url("/assets/templates/site/img/txt-bg-valmennuskurssit.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
	margin: 5px 35px 4px;
}
h2.title-virtuaali {
	background: url("/assets/templates/site/img/txt-bg-virtuaali.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
	margin: 5px 35px 4px;
}
h2.title-kilpailu {
	background: url("/assets/templates/site/img/txt-bg-osallistu-kilpailuun.gif") no-repeat 0 0;
	height: 18px;
	text-indent: -9999px;
	margin: 5px 35px 4px;
}
.column h3 {
	color: #ffffff;
	margin: 5px 35px 4px;
	font-size: 18px;
	line-height: 24px;
	font-weight:normal;
}
.column h3 img { margin-bottom: 5px; }
.column h4 {
	color: #ffffff;
	margin: 5px 35px 4px;
	font-size: 14px;
	line-height: 20px;
}
.column p {
	color: #a3a3a3;
	margin: 0 35px 20px;
}
.column em {
	line-height:20px;
	color: #dad8d8;
}
.column p a, .column li a {
	border-bottom: 1px solid #710707;
	color: #fff;
	padding-bottom: 1px;
	text-decoration: none;
}
.actionLink {
background: #000 url('../img/bg-actionlink.png') no-repeat 0 center;
padding-left:12px
}
.column p a:hover, .column li a:hover { border: none; }
.column p a:active, .column li a:active { color: #a3a3a3; }

.wide p {
	color: #a3a3a3;
	margin: 0 35px 20px;
}

.left h2, .left h3, .left h4, .left p { margin-right: 34px; margin-left: 34px; }

/*********************************************************************
LAYOUT
**********************************************************************/

body {
	background: #000 url('../img/bg-body.jpg') no-repeat center 0;
	font: 13px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
}
body#page-37 {background:none; background-color:#101622; padding-top:40px;}
body#page-37 p {width:600px;}
#wrapper {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 960px;
}
#logo a {
	display: inline;
	float: left;
	height: 120px;
	padding: 10px 0 0 18px;
	width: 145px;
}
#logo a span { 
	position: absolute; 
	top: -9000px; 
	left: -9000px; 
	height: 0; 
}
#facebook {
	display: inline;
	float: right;
	height: 16px;
	margin: 11px 25px 13px 0;
	width: 187px;
}
#facebook a {
	background: url('../img/bg-facebook.gif') no-repeat;
	height: 16px;
	width: 187px;
	display:block;
}
#facebook span {
	position: absolute;
	top: -9000px; 
	left: -9000px; 
	height: 0; 
}

#youtube {
	display: inline;
	float: right;
	height: 16px;
	margin: 11px 25px 13px 0;
	width: 187px;
}
#youtube a {
	background: url('../img/bg-youtube.gif') no-repeat;
	height: 16px;
	width: 187px;
	display:block;
}
#youtube span {
	position: absolute;
	top: -9000px; 
	left: -9000px; 
	height: 0; 
}
#keskustelu {
	display: inline;
	float: right;
	height: 14px;
	margin: 12px 21px 3px 0;
	width: 104px;
}
#keskustelu a {
	background: url('../img/bg-keskustelu.gif') no-repeat;
	height: 14px;
	width: 104px;
	display:block;
}
#keskustelu span {
	position: absolute; 
	top: -9000px; 
	left: -9000px; 
	height: 0; 
}
#header-image {
	clear: both;
	display: block;
	height: 354px;
	width: 960px;
}
#header-image-big {
	clear: both;
	display: block;
	height: 400px;
	width: 960px;
}
.largeHeader#header-image {
	height: 400px;
}
#kilpailu #header-image { background: url('../img/julistekilpailu.jpg') no-repeat; }


/********** COLUMNS **********/

.column { display: inline; float: left; width: 320px; }
.right { display: inline; float: right; }
.left { width: 318px; }
.wide { width: 640px; }
.ultrawide { width: 960px; }
.container { clear: both; padding: 18px 0 0; width: 960px; }
/*.frontpage { background: url('../img/bg-container-frontpage.jpg') no-repeat 50% 0; }*/
.hr { background: url('../img/bg-dotborder.gif') repeat-x 0 50%; border: none; clear: both; display: block; height: 1px; }
.hr-hidden { border: none; clear: both; display: block; height: 1px; }
.tulossa {color:#5B5B5B;}


/********** FOOTER **********/

#footer {
	background: #000 url('../img/bg-dotborder.gif') repeat-x 0 50%;
	color: #a3a3a3;
	margin: 10px 0 25px;
	position: relative;
	text-align: right;
}
#footer a { color: #a3a3a3; text-decoration: none; }
#footer a:hover { color: #a3a3a3; text-decoration: underline; }
#footer span.copyright { background: #000; padding: 0 5px 0 5px; margin-right: 0px; }
#footer .spacer { margin: 0 5px; }
#footer .made-by { 
	background: url('../img/bg-kluu.gif') no-repeat;
	display: block;
	position: absolute;
	margin-top: -2px;
	right: 0;
	top: 0;
	height: 20px;
	width: 40px;
}
#footer .made-by span { position: absolute;  top: -9000px;  left: -9000px;  height: 0;  }

/*********************************************************************
NAVIGATION
**********************************************************************/

#nav
{
	background: url('../img/bg-nav.gif') no-repeat 0 0;
	clear: right;
	display: inline;
	float: right;
	height: 34px;
	list-style-type: none;
	margin: 20px 24px 0 0;
	position: relative;
	width: 727px;
}
#nav li a span { position: absolute; top: -9000px; left: -9000px; height: 0; }
#nav li { display: inline; position: absolute; }
#nav li, #nav a { display: block; height: 34px; }

#nav #nav1 { left: 0; width: 116px; }
#nav #nav2 { left: 141px; width: 191px; }
#nav #nav3 { left: 358px; width: 152px; }
#nav #nav4 { left: 536px; width: 191px; }

#nav #nav1 a:hover { background: url('../img/bg-nav.gif') 0 -34px; }
#nav #nav2 a:hover { background: url('../img/bg-nav.gif') -141px -34px; }
#nav #nav3 a:hover { background: url('../img/bg-nav.gif') -358px -34px; }
#nav #nav4 a:hover { background: url('../img/bg-nav.gif') -536px -34px; }

#nav #nav1.active a, #nav #nav1.active a:hover { background: url('../img/bg-nav.gif') 0 -102px; }
#nav #nav2.active a, #nav #nav2.active a:hover { background: url('../img/bg-nav.gif') -141px -102px; }
#nav #nav3.active a, #nav #nav3.active a:hover { background: url('../img/bg-nav.gif') -358px -102px; }
#nav #nav4.active a, #nav #nav4.active a:hover { background: url('../img/bg-nav.gif') -536px -102px; }

#nav #nav1 a:active { background: url('../img/bg-nav.gif') 0 -68px; }
#nav #nav2 a:active { background: url('../img/bg-nav.gif') -141px -68px; }
#nav #nav3 a:active { background: url('../img/bg-nav.gif') -358px -68px; }
#nav #nav4 a:active { background: url('../img/bg-nav.gif') -536px -68px; }


/*********************************************************************
EXTRA ELEMENTS
**********************************************************************/

.hidden { position: absolute; top: -9000px; left: -9000px; height: 0; }

#logo-addon {
	background: url('../img/bg-logo-addon.png') no-repeat;
	height: 101px;
	left: 0;
	position: absolute;
	top: 130px;
	width: 183px;
	z-index: 10;
}

img, div { _behavior: url('/assets/templates/site/js/iepngfix.htc'); }

/* kilpailusivu */
#kilpailu #header-image ul { list-style-type: none; position: relative; }
#kilpailu #header-image ul li a span { position: absolute; top: -9000px; left: -9000px; height: 0; }
#kilpailu #header-image ul li a { height: 270px; position: absolute; top: 55px; }
#kilpailu #header-image ul #juliste-a a { left: 70px; width: 165px; }
#kilpailu #header-image ul #juliste-b a { left: 235px; width: 133px; }
#kilpailu #header-image ul #juliste-c a { left: 368px; width: 133px; }
#kilpailu #header-image ul #juliste-d a { left: 501px; width: 133px; }
#kilpailu #header-image ul #juliste-e a { left: 634px; width: 133px; }
#kilpailu #header-image ul #juliste-f a { left: 767px; width: 133px; }

#kilpailu .container { padding: 50px 90px 0 110px; width: 960px; width/**/:/**/ 760px; }
#kilpailu .column { width: 350px; }
#kilpailu .column p { color: #dad8d8; }
#kilpailu .wide { width: 410px; }
#kilpailu .wide h2, #kilpailu .wide h3, #kilpailu .wide p { margin-right: 0; margin-left: 0; }