/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #0A0A0A url(images/img1.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #8E8E8E;
}

h1, h2, h3 {
	color: #CCCCCC;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
	border-bottom: 0px dotted #652A17;
	text-decoration: none;
	color: #A2A400;
}

a:hover {
	border: none;
	color: #FF0000;
}

/* Wrapper */

#wrapper {
	background: url(images/img2.jpg) repeat-x;
}

/* Header */

#header {
	width: 900px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/logo22.png);
}

#header h1, #header h2 {
	float: left;
}

#header h1 {
	padding: 15px 0 0 20px;
	letter-spacing: 3px;
	font-size: 13%;
}

#header h2 {
	padding: 0px 0 0 6px;
	letter-spacing: 2px;
	font-size: 107%;
}

#header a {
	border: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}

#header2 {
	width: 900px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/logo23.png);
}

#header3 {
	width: 900px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/logo24.png);
}

#header4 {
	width: 900px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/logo25.png);
}

#header5 {
	width: 900px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/logo26.png);
}

#header6 {
	width: 900px;
	height: 181px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/logo27.png);
}

/* Menu */

#menu {
	width: 900px;
	height: 35px;
	margin: 0 auto;
	background: url(images/img4.jpg) repeat-x;
}

#menu ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	padding: 10px 10px 0 10px;
	border: none;
	border-right: 1px solid #110F09;
	font-size: 85%;
	font-weight: bold;
	color: #F4D1C5;
}

#menu a:hover {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
}

#page2 {
	width: 1000px;
	margin: 0 auto;
}

#page3 {
	width: 100%;
	margin: 0 auto;
}

/* Content */

#content {
	float: right;
	width: 650px;
	padding-right: 20px;
	padding-top: 20px;
}

#content_kori {
	float: left;
	width: 650px;
	padding-left: 200px;
	padding-top: 20px;
}

#content h1, #content h2, #content h3 {
	margin-bottom: 20px;
}

#content h1 {
	font-size: 136%;
}

#content h2 {
	font-size: 107%;
}

#content h3 {
	font: 92%;
}

#content ul, #content ol {
	list-style-position: inside;
}

#content .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
}

#content .boxed h2 {
	padding: 5px 0;
	background: url(images/img5.jpg) repeat-x left bottom;
}

#content2 {
	float: right;
	width: 640px;
	padding-left: 20px;
	padding-top: 20px;
	background-color: black;
	border: 1px dashed gray;
	height: 280px;
}

#content2 h1, #content h2, #content h3 {
	margin-bottom: 20px;
}

#content2 h1 {
	font-size: 136%;
}

#content2 h2 {
	font-size: 107%;
}

#content2 h3 {
	font: 92%;
}

#content2 ul, #content ol {
	list-style-position: inside;
}

#content2 .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
}

#content2 .boxed h2 {
	padding: 5px 0;
	background: url(images/img5.jpg) repeat-x left bottom;
}

#content3 {
	float: right;
	width: 650px;
	padding-right: 20px;
	padding-top: 20px;
	height: 100%;
}

#content3 h1, #content h2, #content h3 {
	margin-bottom: 20px;
}

#content3 h1 {
	font-size: 136%;
}

#content3 h2 {
	font-size: 107%;
}

#content3 h3 {
	font: 92%;
}

#content3 ul, #content ol {
	list-style-position: inside;
}

#content3 .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
}

#content3 .boxed h2 {
	padding: 5px 0;
	background: url(images/img5.jpg) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	padding-left: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 7px 20px;
	background: url(images/img5.jpg) repeat-x left bottom;
}

#sidebar h2 {
	padding: 5px 20px;
	background: url(images/img6.jpg);
	border-bottom: 1px solid #1C1C1C;
	font-size: 100%;
}

#sidebar h3 {
	font-size: 77%;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
	font-size: 85%;
	color: #FF0000;
}

/* Footer */

#footer {
	width: 900px;
	height: 180px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	background: url(images/logo223.png) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 70%;
}

#footer2 {
	width: 900px;
	height: 35px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(images/img4.jpg) repeat-x;
}

.imgcontainer {
	position: relative;
	left: 35px;
	#left: 36px;
	top: 12px;
	padding-top: 0px;
	padding-left: 18px;
	margin: 0px;
	height: 160px;
	width: 850px;
}

.img {
	border: 2px #000000;
	#height: 46px;
	#width: 102px;
	#padding: 2px 1px 1px 2px;
	#background-color:#000000;
	margin: 2px;
	float: left;
}

.kartta {
	position: absolute;
	top: 12px;
	padding-top: 250px;
	padding-left: 250px;
	margin: 0px;
	height: 205px;
	width: 175px;	
}

#vaihtis {
	height: 713px;
	#height: 720px;
	width: 100%;
}

#vaihtis2 {
	height: 703px;
	#height: 710px;
	width: 100%;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;

border: 1px dashed gray;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: fixed;
visibility: visible;
top: 35%;
left: 45%; /*position where enlarged image should offset horizontally */
}

#logocontainer{
width: 650px;


border: 0px dashed gray;
padding-top: 0px;
padding-left: 0px;
}

#logocontainer2{
width: 650px;
height: 50px;
border: 0px dashed gray;
padding-top: 0px;
padding-left: 0px;
}

#logocontainer3{
width: 650px;
height: 100%;
border: 0px dashed gray;
padding-top: 0px;
padding-left: 0px;
}

.somediv{
width: 300px;
float: left;
border: 0px solid gray;
padding-top: 0px;
padding-left: 6px;

}

.somediv .floatbox{
float: left;
width: 140px;
}

* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
margin-top: 0;
margin-left: 0px;
}

.somediv2{
width: 500px;
float: left;
border: 0px solid gray;
padding-top: 2px;
padding-left: 6px;
}

.somediv2 .floatbox{
float: left;
width: 140px;
}

* html .somediv2 p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv2 p{
margin-top: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 220px;
}

.somediv3{
width: 205px;
height: 270px;
float: left;
border-bottom: 2px solid gray;
padding-top: 15px;
padding-left: 6px;
}

.somediv3 .floatbox{
float: left;
width: 140px;
}

* html .somediv3 p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv3 p{
margin-top: 0;
margin-left: 0px;
}


/*Pyörätabit*/


#tabs {
	float:left;
	width:638px;
	font-size:83%;
	height:24px;
	border-bottom:0px solid #666;
	margin-bottom:0px; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/left.jpg") no-repeat left top;
	height:24px;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.jpg") no-repeat right top;
	height:24px;
	padding:3px 6px 3px 3px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background:url("images/left2.jpg") no-repeat left top;
	}

#tabs a:hover span {
	background:url("images/right2.jpg") no-repeat right top;
	}

/*End of pyörätabit*/

#pyorasivu {
	float:left;
	width:614px;
	font-size:95%;
	height:100%;
	border:1px solid #525252;
	overflow:hidden;
	background-color:#000;
	padding-left:5px;
	}