@charset "UTF-8";
/* CSS Document */

body { 
	background: #1c1c1c url(img/bg10.gif) top center no-repeat;
	font-family: Tahoma;
	font-size: 11px;
	margin: 0;
	
}

#content{
width: 1050px;
}

#container { 
	width: 900px; 
	margin-left: auto; 
	margin-right: auto;
	min-height: 300px;
	overflow: visible;
}

#header { 
	width: 900px;
	margin-top: 15px;
	float: left;
	height: 100px;
}

	#logo { width: 222px; height: 100px; float: left;}
	
	#youtube { padding-top: 40px;background-image: url(img/youtube.jpg); background-repeat: no-repeat; margin-top: 5px; margin-left: 5px; width: 222px; min-height: 100px; float: left; text-align: center;}
	
	#navicontainer {
		width: 650px;
		height: 100px;
		float: left;
	}
	
	#top-navi {
		width: 600px;
		height: 30px;
		float: right;
		font-size: 10px;
	}
	
	#tukinavi {	
		background-color: #111111; 
		padding-top: 4px; 
		height: 18px; 
		width: 350px; 
		float: right;
		text-align: center;
		color: #eeeeee;
	}
	#tukinavi A { color: #6cbd45; font-weight: bold; text-decoration: none; }
	#tukinavi A:hover { color: #ffffff; font-weight: bold; text-decoration: none; }
	
	#kielivalinta { 
		background-color: #111111; 
		padding-top: 4px; 
		height: 18px; 
		width: 120px; 
		float: right;
		margin-left: 5px;
		text-align: center;
		color: #eeeeee;	
	}
	#kielivalinta A { color: #888888; font-weight: bold; text-decoration: none; }
	#kielivalinta A:hover { color: #ffffff; font-weight: bold; text-decoration: none; }
	
	#navi {	
		/*height: 18px; */
		width: 650px; 
		float: right;
		text-align: right;
	}
	#navi ul {
		list-style-type: none;
		float: right;
		margin: 0;
	}
	#navi li { float: left;}
	#navi a {
		display: block;
		height: 25px;
		float: left;
		margin-bottom: 5px;
	}
	#navi a:hover {
		height: 24px;
		border-bottom: dotted 1px #FFFF00;
	}
	
#headerbox { 
	width: 900px;
	height: 50px;
	background-color: #050505;
	float: left;
	overflow: visible;
}

#linkkiloota { 
	width: 900px;
	min-height: 130px;
	background-color: #050505;
	color: #ffffff;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
	overflow: visible;
}





#karttaloota { 
	width: 895px;
	height: 300px;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #050505;
	float: left;
	margin-top: 5px;
	overflow: visible;
}

#bandi { width: 900px; float: left; margin-top: 7px; }
	#bandi #info { width: 393px; min-height: 270px; overflow: visible; background-color: #050505; float: left;}
	#bandi #info P { font-family: Tahoma; font-size: 11px; color: #eeeeee; margin-left: 10px; margin-right: 20px; margin-top: 10px;}
	
	#bandi #img { width: 500px; height: 270px; margin-left: 7px; background-color: #050505; float: left;}

A { color: #6cbd45; font-weight: bold; text-decoration: none;}
A:hover { color: #ffffff;}

.kajonlink { color: #271a60; font-weight: bold; text-decoration: none;}
.kajonlink:hover { color: #271a60; text-decoration: underline;}




#liput, #talkoovaki { width: 900px; float: left; margin-top: 7px; }
	#liput #infoVasen { width: 548px; min-height: 270px; overflow: visible; background-color: #050505; float: left;}
	#liput #infoVasen P { font-family: Tahoma; font-size: 11px; color: #eeeeee; margin-left: 10px; margin-right: 20px; margin-top: 0px;}
	
	#liput #infoOikea { width: 345px; min-height: 270px; margin-left: 7px; background-color: #050505; float: left;}
	
	#talkoovaki #infoVasen { width: 448px; min-height: 270px; overflow: visible; background-color: #050505; float: left;}
	#talkoovaki #infoVasen P, #infoOikea P { font-family: Tahoma; font-size: 11px; color: #eeeeee; margin-left: 10px; margin-right: 20px; margin-top: 0px;}
	
	.talkoovaki_list { color: #00acd9; font-weight: bold; list-style-image: url(img/li.gif);}
		
	#talkoovaki #infoOikea { width: 445px; min-height: 270px; margin-left: 7px; background-color: #050505; float: left;}


H2 {

	font-family: Georgia;
	font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	margin-left: 10px; 
	margin-top: 8px;
	margin-bottom: -5px;
}

H2.media {
	font-family: Tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	margin-left: 0px; 
	margin-bottom: 5px
}

H2.front {

	font-family: Georgia;
	font-weight: normal;
	font-size: 18px;
	color: #f1d32f;
	margin-left: 10px; 
	margin-top: 8px;
	margin-bottom: 0px;
}

H3 {

	font-family: Georgia;
	font-weight: normal;
	font-size: 15px;
	color: #ffffff;
	margin-left: 10px; 
	margin-top: 8px;
	margin-bottom: 10px;
}


H1 { 
	font-family: Georgia;
	font-weight: normal;
	font-size: 25px;
	color: #6cbd45;
	margin-left: 10px; 
	margin-top: 8px;
	margin-bottom: 10px;
}

#frontFlash {
	width: 900px;
	height: 300px;
	float: left;
	background-color: #050505;
	margin-bottom: 7px;
}

#sponsorLoop {
	width: 900px;
	height: 60px;
	float: left;
	background-color: #050505;
	margin-bottom: 7px;
	/*padding-top: 3px;*/
	text-align: center;
	
	
}

#frontLeftCol {
	width: 232px;
	min-height: 90px;
	padding-bottom: 6px;
	float: left;
	background-color: #050505;
	overflow: visible;
	
}
	#frontLeftCol #logo { margin-left: 5px; margin-top: 6px; background-color: #ffffff; width: 222px; height: 85px;}
	#frontLeftCol #logo IMG { border: none; }
	#frontLeftCol #logo_flash { margin-left: 5px; margin-top: 6px; background-color: #ffffff; width: 222px; height: 85px;}
	
	
	

#frontCentCol {
	width: 288px;
	min-height: 150px;
	float: left;
	margin-left: 7px;
	background-color: #050505;
}
	#frontCentCol P { color: #c8c8c8; margin-left: 10px; margin-right: 20px; margin-top: 0px; line-height: 14px; }
	
#newsletterSignup {
	width: 288px;
	min-height: 110px;
	float: left;
	margin-top: 5px;
	margin-left: 7px;
	background-color: #050505;
}
	#newsletterSignup P { font-size: 9px; color: #555555; margin-left: 10px; margin-right: 20px; margin-top: 5px; }

#frontRightCol {
	width: 219px;
	float: left;
	margin-left: 7px;
	background-color: #050505;
}
	#frontRightCol P { color: #c8c8c8; margin-left: 10px; margin-right: 20px; margin-top: 0px; line-height: 13px; }
	#frontRightCol A { font-weight: normal; }

#footer {
	width: 900px;
	border-top: 1px solid #ffffff;
	height: 20px;
	margin-top: 20px;
	float: left;
	font-size: 9px;
	line-height: 15px;
	padding-bottom: 40px;
}
	#footerLeft { width: 210px; float: left; margin-top: 6px; color: #999999; padding-left: 10px; }
	#footerRight { text-align: right; width: 670px; float: left; padding-right: 10px; margin-top: 6px; color: #eeeeee; }
	#footerRight A { color: #999999; font-weight: normal; }
	#footerRight A:hover { color: #ffffff; font-weight: normal; }
	
.lomake { margin-bottom: 5px;border: 1px solid #222222; padding: 3px; background-color: #eeeeee; font: 13px Georgia, Arial, Helvetica, sans-serif;}


.newsdate_side {
	font-size: 9px; color: #555555;
}
.newshdr_side {
	color: #00acd9; font-weight: bold;
}
.newstext { font-size: 11px; }

#HanselAndGretelLeftTheirCookiesBehind {
	width: 900px;
	padding-bottom: 20px;
	text-align: center;
	float: left;
}

#HanselAndGretelLeftTheirCookiesBehind A {
	color: #1a1a1a;
	font-weight: normal;
}

#HanselAndGretelLeftTheirCookiesBehind A:hover {
	color: #888888;
	font-weight: normal;
}