* {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

body {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	font-size: 0.8em;
	background-color:#ffffff;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
}

div#vasen a, div#vasen a:link, div#vasen a:visited {
	text-decoration: none;
	color: #358EE0;
}

div#oikea a, div#oikea a:link, div#oikea a:visited {
	text-decoration: none;
	color: #DC143C;
}

div.wrapper a:hover {
	background-color:#a90d0e;
	color: #ffffff;
}

div.wrapper {
	min-height:395px;
	min-width:1000px;
	_height:395px;
}

.paddingtop {
	padding-top: 28px;
}

/*
listapallo pistetään taustakuvana, koska ie ja firefox renderöivät
eri tavalla list-style-imagella tehdyt pallurat
*/
ul.koulutusvaihtoehdot {
	list-style: none;
}

ul.koulutusvaihtoehdot li{
	background: url(layout/etusivu/list.gif) no-repeat top left;
	padding: 0 0 0 10px;
}

ul.ajankohtaista {
	list-style:none;
	font-size:11px;
}

ul.ajankohtaista li {
	background: url(layout/etusivu/listred.gif) no-repeat top left;
	padding: 0 0 0 10px;
	font-size:11px;
}

.clear {
	clear:both;
}

div#vasen {
	float:right;
	_height:395px;
	min-height:395px;
	width:385px;
	margin-right:3px;
	background:url(layout/etusivu/puntti.jpg) no-repeat top right;
}

div#oikea {
	float:left;
	_height:395px;
	min-height:395px;
	width:380px;
	padding:0 0 0 15px;
	margin-left:3px;
	background:url(layout/etusivu/meikki.jpg) no-repeat top left;

}

div#lwrap {
	min-height:395px;
	_height:395px;
	float:left;
	width:50%;
	margin-top:10px;

}

div#rwrap {
	min-height:395px;
	_height:395px;
	float:right;
	width:49%;
	margin-top:10px;
}

.punagrad {
	background-image:url(layout/etusivu/punagrad.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.hieroja {
	background-image:url(layout/etusivu/hieroja.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.malli {
	background-image:url(layout/etusivu/malli.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.pallo {
	background-image:url(layout/etusivu/pallo.jpg);
	background-repeat:repeat-y;
	background-position:center 3px;
}

.kuvahieronta {
	display:block;
	float:right;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:30px;
}

.kuvakampaamo {
	display:block;
	float:left;
	padding-left:5px;
	padding-top:20px;
	padding-bottom:30px;
}

div#yla {
	display:block;
	z-index:2;
	height:269px;
	width:100%;
	min-width:1000px;
	text-align:center; /* jotta ie tajuaa pistää sisällä olevan divin keskelle */	
}

div#ylatausta {
	position:absolute;
	top:0;
	width:100%;
}

/* pitää sisällään oikealle jatkuvan patternin */
div#ylaoikea { 
	background:url(layout/etusivu/ylaoikea.jpg) repeat-x;
	height:269px;
	float:right;
	width:45%;

}

div#ylavasen { 
	background:url(layout/etusivu/ylavasen.jpg) repeat-x;
	height:269px;
	float:left;
	width:45%;
}

div#alawrap {
	position:absolute;
	width:100%;
}

div#alaoikea { 
	background:url(layout/etusivu/alaoikea.jpg) repeat-x;
	height:126px;
	float:right;
	width:45%;

}

div#alavasen { 
	background:url(layout/etusivu/alavasen.jpg) repeat-x;
	height:126px;
	float:left;
	width:45%;

}

div#alakeski {
	margin-left: auto;
  	margin-right: auto;
	min-width:1000px;
	height:126px;
	background:url(layout/etusivu/alakeski.jpg) no-repeat center;
	position:relative;
	z-index:1;
}

#twrap {
	margin-left: auto;
  	margin-right: auto;
	width:1000px;
	height:269px;
	background:url(layout/etusivu/yla2.jpg) no-repeat;
	text-align:left;
	position:relative;
	z-index:1;
}

#langwrap {
	clear:both;
	position:relative;
	top:131px;
	left:457px;
	z-index:1;
	width:92px;
	height:37px;
}

a#langfi {
	display:block;
	width:46px;
	height:37px;
	border:none;
	float:left;
}

a#langfi #fi, a#langfi:visited #fi, a#langfi:link #fi {
	width:46px;
	height:37px;
	display:block;
	background:url(layout/etusivu/fi.jpg) no-repeat;
	background-position:0% 0%;
	border:none;
}

a#langfi:hover #fi, a#langfi:active #fi{
	cursor:pointer;
	background-position:0% -37px;
}

/*alla oleva ei tee mitään näkyvää
mutta ilman sitä ie6:lla ei toimi*/
a#langfi:hover {
	color:#FFFFFF;
}

a#languk {
	display:block;
	width:46px;
	height:37px;
	border:none;
	float:right;
}

a#languk #uk, a#languk:visited #uk, a#languk:link #uk {
	width:46px;
	height:37px;
	display:block;
	background:url(layout/etusivu/uk.jpg) no-repeat;
	background-position:0% 0%;
	border:none;
}

a#languk:hover #uk, a#languk:active #uk{
	cursor:pointer;
	background-position:0% -37px;
}

/*alla oleva ei tee mitään näkyvää
mutta ilman sitä ie6:lla ei toimi*/
a#languk:hover {
	color:#FFFFFF;
}

a#carlwilhelm {
	display:block;
	position:relative;
	top:211px;
	/*left:94px; määritellään fi ja en tiedostoissa*/
	width:417px;
	height:58px;
	border:none;	
	float:left;
}

a#carlwilhelm #cw, a#carlwilhelm:visited #cw, a#carlwilhelm:link #cw {
	width:417px;
	height:58px;
	display:block;
	background:url(layout/etusivu/carlwilhelm.jpg) no-repeat;
	background-position:0 0;
}

a#carlwilhelm:hover #cw, a#carlwilhelm:active #cw {
	cursor:pointer;
	background-position:0% -58px;
}

/*alla oleva ei tee mitään näkyvää
mutta ilman sitä ie6:lla ei toimi*/
a#carlwilhelm:hover {
	color:#FFFFFF;
}

a#eurosports {
	display:block;
	position:relative;
	top:211px;
	left:46px;
	width:434px;
	height:58px;
	border:none;	
	float:left;
	border:none;
}

a#eurosports #es, a#eurosports:visited #es, a#eurosports:link #es {
	width:434px;
	height:58px;
	display:block;
	background:url(layout/etusivu/eurosports.jpg) no-repeat;
	background-position:0 0;
}

a#eurosports:hover #es, a#eurosports:active #es {
	cursor:pointer;
	background-position:0 -58px;
}

/*alla oleva ei tee mitään näkyvää
mutta ilman sitä ie6:lla ei toimi*/
a#eurosports:hover {
	color:#FFFFFF;
}

.centerimg {
	display: block;
	margin-left: auto;
  	margin-right: auto;
	_text-align:center;
}