/* Teknionssit CSS by Ideasampo 2010 */
* {
	margin:		0;
	padding:		0;
}
html {
	font-size:	100%;
	background:	url(../img/html_x.png) repeat-x top #FFF;
}
html, body {
	height:		100%;
	font:		.9em Arial;
}
body {
	height:		auto !important;
	height:		100%;
	min-height:	100%;
	position:	relative;
	background:	url(../img/body_x.png) repeat-x bottom;
	color:		#5c5c5c;
}
/* keskitysleiri */
#keskitysleiri {
	width:		932px;
	padding:	25px 9px 110px;
	clear:		both;
	margin:		0 auto;
}

/* normit */
a:link, a:active, a:visited {
	color:		#005ba9;
}
a:hover {
	color:		#37aa32;
}
h1, h2, h3, h4, h5, h6 {
	color:		#005ba9;
	margin-bottom:.3em;
}
h1 {
	font-size:	2.5em;
	font-family:	Arial Black;
	line-height:	1.1em;
}
h3.boksi {
	background:	url(../img/viherboksi.png) no-repeat left 2px;
	padding-left:17px;
}
p {
	line-height:1.5em;
	margin:		0 0 1em;
}
img {
	border:		0;
}
ul {
	margin:		.5em 0 .5em 1.3em;
}

/* footeri */
#footeri {
	background:	#005ba9;
	height:		35px;
	width:		100%;
	bottom:		0;
	color:		#FFF;
}
#kaupunki {
	bottom:		0;
	position:	absolute;
	background:	url(../img/footeri.png) no-repeat left bottom;
	width:		950px;
	margin-left:-18px;
	height:		100px;
	text-align:	center;
	color:		#6d6e71;
}

/* clb */
.clb {
	clear:		both;
	font-size:	0;
	overflow:	hidden;
	height:		0;
}

/* logo */
#logo {
	width:		164px;
	height:		49px;
	background:	url(../img/teknoinssit-logo.png) no-repeat center;
	padding:	13px 10px;
	display:	block;
	float:		left;
}

/* päälinkit */
ul.paalinkit {
	float:		right;
	list-style-type:none;
	margin:		0;
}
ul.paalinkit li {
	font-size:	1.1em;
	display:	inline;
}
ul.paalinkit li a {
	display:	block;
	float:		left;
	color:		#FFF !important;
	text-decoration:none;
	padding:	9px 4px 3px;
	margin:		0 1px;
}
ul.paalinkit li a.aktiivi {
	font-weight:	bold;
}
ul.paalinkit li a.aktiivi {
	border-bottom:3px solid #ddd;
	border-top:	6px solid #ddd;
	padding-top:3px;
}
ul.paalinkit li a:hover {
	border-bottom:3px solid #fff;
}

/* subpalkki */
ul.subpalkki {
	margin:		0;
	list-style-type:none;
	display:	block;
	background:	#ddd;
	margin:		6px 0 0;
	height:		27px;
	width:		100%;
	clear:		both;
}
ul.subpalkki li {
	display:	inline;
}
ul.subpalkki li a {
	text-decoration:none;
	display:	block;
	float:		left;
	font-weight:bold;
	margin-right:1px;
	position:	relative;
	background:	none;
}
ul.subpalkki li a span {
	padding:	6px 19px 0 17px;
	height:		21px;
	background:	none;
	display:	block;
	margin-right:-6px;
	position:	relative;
	float:		left;
	cursor:		hand;
}
ul.subpalkki li a.eka {
	background:	url(../img/sub_oikea.gif) no-repeat left top;
}
ul.subpalkki li .eka.aktiivi, ul.subpalkki li a.eka:hover {
	background:	#fff;
}
ul.subpalkki li a:hover, ul.subpalkki li a.aktiivi {
	background:	url(../img/sub_vasen.gif) no-repeat left top;
}
ul.subpalkki li a.eka:hover span, ul.subpalkki li a.aktiivi span, ul.subpalkki li a:hover span {
	background:	url(../img/sub_oikea.gif) no-repeat right top;
}

/* karuselli */
#karuselli {
	width:		932px;
	height:		229px;
	border-bottom:1px solid #b2b2b2;
	position:	relative;
	padding:	0;
	margin:		0 0 3em;
}

.karulinkit {
	position:	absolute;
	left:		0;
	bottom:		5px;
	z-index:	999;
}
#karuselli ul.karulinkit li {
	display:	inline;
}
.karulinkit a {
	text-align:	center;
	background:	#37aa32;
	width:		20px;
	height:		18px;
	color:		#FFF;
	text-decoration:none;
	float:		left;
	margin:		0 2px 1px 0;
	padding:	2px 0 0;
}
.karulinkit a.activeSlide {
	border-bottom:2px solid #005BA9;
}
#karuselli .osa {
	width:		412px;
	height:		199px;
 	background-repeat:no-repeat;
	background-position:right top;
	padding:	15px 520px 15px 0;
}

/* sisustus */
.sisustus {
	margin:		1em 0;
	min-height:		250px;
}

/* vaskuri */

.vaskuri {
	background:	url(../img/keski_bg.png) no-repeat right bottom;
	float:		left;
	margin-right:5px;
}

/* ajankohtaista */
.ajankohtaistapalsta {
	width:		200px;
	float:		left;
	padding-right:10px;
}

/* keskipalsta */
.keskipalsta {
	width:		480px;
	float:		left;
	padding:	0 10px 5px 16px;
}

/* banneripalsta */
.banneripalsta {
	width:		210px;
	float:		right;
}
.banneripalsta a {
	display:	block;
}
.banneripalsta img {
	border-bottom:4px solid #005BA9;
	margin:		4px 0;
}

.hr {
	width:		100%;
	height:		1px !important;
	overflow:	hidden;
	background:	#b2b2b2;
	clear:		both;
	margin:		1em 0;
}

ul.symboolit {
	margin:		0;
	list-style-type:none;
}
ul.symboolit li {
	display:	block;
	height:		25px;
	background-repeat:no-repeat;
	padding:	6px 0 0 40px;
	margin:		2px 0;
}

table.henkilosto {
	width:		100%;
	margin:		.5em 0;
}
table.henkilosto img {
	float:		left;
	margin-right:1em;
}

/* lomake */
table.lomake tr td {
	padding:	1px 0;
}

.kehystetty {
	padding:	2px;
	border:		1px solid #b4b1ac;
}
.oikealle {
	float:		right;
	margin:		0 0 .5em 1em;
}
.vasemalle {
	float:		left;
	margin:		0 1em .5em 0;
}