html, body {
	background-color:#a80065;
	background-image:url(images/tausta2.gif);
	background-repeat:repeat-x repeat-y;
	background-position:top;
	padding:0;
	margin:0;
	text-align: center;
	font-family:  Georgia, Palatino, Times New Roman;
	color: #222222;
}


#content img {

border:5px solid #eee;

}


#content #logo img {

border:0;

}


.taustakuvat {
width:100%;
height:100%;
background-image:url(images/gradient.png);
background-position:center top;
background-repeat:repeat-x;
}	

h1 {
	font-size: 190%;
	font-weight:normal;
	text-align:left;
	line-height:1em;
	border-bottom:solid 1px #cccccc;
	padding-bottom:5px;

	
}

#index_alaoikea h2 {
	font-size: 100%;
	font-weight:normal;
	text-align:left;
	margin:0;
	background-color: #ddd; 
  padding: 4px; 
  font-weight:bold;
}

#index_alakeski h2 {
	font-size: 100%;
	font-weight:normal;
	text-align:left;
	margin:0;
	background-color: #ddd; 
  padding: 4px; 
  font-weight:bold;
}


#index_alavasen h2 {
	font-size: 100%;
	font-weight:normal;
	text-align:left;
	margin:0;
	background-color: #ddd; 
  padding: 4px; 
  font-weight:bold;
}





h2 {
	font-size: 100%;
	font-weight:normal;
	text-align:left;
	/* border-bottom: solid 1px #222222; */


}

h3 {
	font-size: 120%;
	font-weight:normal;
	text-align:left;
	line-height:1.2em;
		/* color: #a80065; */
	border-bottom:solid 1px #cccccc;
	padding-bottom:5px;
}

h4 { font-size: 100%; font-weight:normal; text-align:left; line-height:1.5em; background-color: #eeeeee

; padding: 4px; }


p {
	font-size: 75%;
	text-align:left;
	line-height:1.5em
	}
	
	
#index_ylaoikea	p {
	font-size: 70%;
	text-align:left;
	line-height:1.5em
	}

#footer p {
	font-size: 75%;
	text-align:center;
	line-height:1.5em
	}

ul {
	font-size: 75%;
	margin-left: 14px;
	padding-left: 2px;
}

ul li {
	margin-top: 3px;
	text-align: left;
}

a:link,
a:visited {
	font-size: 100%;
	color: #a80065;
	font-weight:normal;
	text-decoration:underline;
}

a:hover {
	text-decoration: none;
}
		
#footer a img {
margin-left:4px;
margin-right:4px;
}

a:hover img {

}


#menu a:link,
#menu a:visited {
	font-size: 80%;
	color: #333333;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	margin-top:35px;
	margin-left:12px;

}
		
#menu a:hover {
	font-size: 80%;
	color: #c30080;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	margin-top:35px;
	margin-left:12px;
}		


#lang a:link,
#lang a:visited {
	font-size: 80%;
	color: #c30080;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	margin-top:10px;


}

#lang a:hover {
	font-size: 80%;
	color: #c30080;
	font-weight:bold;
	text-decoration:none;
	display: inline-block;
	margin-top:10px;

}		
	
div#wrapper {
	width: 960px;
	margin-left: auto ; 
	margin-right: auto ; 
	text-align:center;
	background-color:#FFFFFF;
}

div#header {
	width:960px;
	height:440px;
	margin-bottom:15px;
	background-color:#FFFFFF;
	text-align:right;
	background-image:url(images/logo_wcko.gif);
	background-repeat:no-repeat;
}

div#menu {
	width:930px;
	height:135px;
	text-align:right;
	margin-right:30px;
}

div#lang {
	width:930px;
	text-align:right;
	margin-right:30px;
}



div#content {
	margin-top:5px;
	width:570px;
	float:left;
  display: inline;
	margin-left:30px;
	text-align:left;
	height:100%;

}



div#right {
	margin-top:20px;
	margin-right:20px;
	margin-left:40px;
	width:270px;
	float:left;
	display: inline;
	text-align: left;
	background-color:#eee;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:0px;
}

div#index_ylavasen {
	margin-top:20px;
	width:200px;
	float:left;
    display: inline;
	margin-left:30px;
}

div#index_ylakeski {
	margin-top:20px;
	width:300px;
	float:left;
    display: inline;
	margin-left:75px;
}

div#index_ylaoikea {
	margin-top:0px;
	margin-right:20px;
	margin-left:40px;
	width:270px;
	float:left;
	display: inline;
	text-align: left;
	background-color:#eee;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:0px;
}

div#note {
	margin-top:20px;
	margin-right:20px;
	margin-left:40px;
	width:290px;
	float:left;
	display: inline;
	text-align: left;
	background-color:#fff;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
}



div#viiva {
width:900px;
height:5px;
margin-left:30px;
margin-right:30px;
margin-top:40px;
border-bottom: solid 1px #cccccc;
}


div#index_alavasen {
	margin-top:10px;
	width:270px;
	height:210px;
	float:left;
    display: inline;
	margin-left:30px;
	background-color:#eee;
	padding:10px;


}

div#index_alakeski {
	margin-top:10px;
	width:270px;
	height:210px;
	float:left;
    display: inline;
	margin-left:15px;
	background-color:#eee;
	padding:10px;

	
}

div#index_alaoikea {
	margin-top:10px;
	width:270px;
	height:210px;
	float:left;
    display: inline;
	margin-left:15px;
	background-color:#eee;
	padding:10px;

}


img, div { behavior: url(iepngfix.htc) }


div#footer {
	clear:both;	
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	padding-top:15px;
	font-size: 90%;
	width:900px;
	height:110px;
	border-top: solid 1px #cccccc;
	text-align:center;
	
}

#rotator
{
	margin: 50px auto 10px;
	position: relative;
	border: 0;
	cursor: pointer;
	overflow: hidden;
	margin: 0;
	width: 960px;
	height: 260px;
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}