body
{
	margin:0px;
	height:100%;
	font-family: arial, sans-serif;
}

h1
{
	color:#FFFFFF;
	padding: 10px;
	font-size:20px;
	text-transform:uppercase;
	background-color:rgb(0,0,51);
}

h2
{
	margin: 25px 0 0 0;
	color:rgb(50,50,50);
	font-size:16px;
	font-weight:bold;
}


.h3
{
	color:rgb(50,50,50);
	font-size:15px;
	font-weight:bold;
}


h4

.p2
{
	color:rgb(50,50,50);
	font-size:15px;

}


p
{
	color:rgb(100,100,100);
	font-size:14px;
	line-height:1.75;
}

p3
{
	color:rgb(100,100,100);
	font-size:14px;
	line-height:1;
}





a 
{
	
}

a:hover
{
	opacity:0.7;
}

img
{
	max-width:100%;
	max-height:100%;

}

.mail
{
	text-align:center;
	padding-top:50px;
	padding-bottom:300px; 
	color:rgb(190,0,0);
	font-family: arial, sans-serif;
	font-size:14px;
	
	
}

.mail a
{
	color:rgb(190,0,0);
	text-decoration:none;
}

.mailto a
{
	color:rgb(190,0,0);
	font-size:15px;
	font-style:italic;
	text-decoration:none;
}


.clear
{
	clear:both;
}

#wrapper
{
	padding:0px 160px 0px 100px;
}


#navigation 
{
	font-family: arial, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	
	position:fixed;
	top:0px;
	left:20px;	
	
}

ul.level1
{
	background-color:rgb(0,0,51);
	padding:10px 0px;
	margin:0px;
	border-radius:0 0 20px 20px;
	box-shadow: 4px 4px 10px rgba(50,50,50,0.4);
}

ul.level1 li
{
	display:block;
	padding:5px 10px;
}

ul.level1 li a 
{
	position:relative;
	display:block;
	width:52px;
	height:52px;
}

ul.level1 li a .icon 
{
	display:block;
	width:52px;
	height:52px;
}

ul.level1 li a .icon img 
{
	display:block;
	max-width:52px;
	height:52px;
}

ul.level1 li a .label
{
	display:none;
	position:absolute;
	left:62px;
	top:11px;
	background-color:rgba(255,255,255,0.7);
	font-family: arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color:rgb(0,0,51);
	box-shadow: 4px 4px 10px rgba(50,50,50,0.4);
	
	padding:5px;
	border-radius:0 3px 3px 0;
	
	height:20px;
	line-height:20px;
	white-space:nowrap;
}

ul.level1 li a:hover .icon
{
	opacity:0.7;
}

ul.level1 li a:hover .label
{
	display:block;
}

#back-top 
{
	position: fixed;
	bottom:30px;
	left:30px;	
}



.sponsors
{
	position:fixed;
	right:0px;
	top:20px;
	background-color:rgb(0,0,51);
	padding:0px 0px;
	margin:0px;
	border-radius:20px 0 0px 20px;
	box-shadow: 4px 4px 10px rgba(50,50,50,0.4);	
}


.sponsorlist
{
	padding:5px 0px;
	margin:0;
}

.sponsorlist li 
{
	list-style-type:none;
	padding:0px 5px;
}

.sponsorlist li a
{
	display:block;
	padding:5px 5px;
	margin:10px 0px;
	text-align:center;
}

.sponsorlist li a:hover
{
	opacity:0.7;
}



@media all and (max-width: 860px) and (min-width: 0px) {
	
	#wrapper
	{
		padding-right:0px;
	}
	
	.sponsors
	{
		position:relative;
		top:0px;
		right:0px;
		border-radius:0px;
	}
	
	.sponsorlist
	{
		text-align:center;
	}
	
	.sponsorlist li
	{
		display:inline-block;
	}
	
}



#page
{
	max-width: 1024px;
	margin:0px auto;
	background-color:rgb(245,245,245);
	box-shadow: 0px 0px 10px rgba(50,50,50,0.3);
	
}



#siteheader
{
	
}

.company-logo
{
	text-align:center;
	padding: 300px 0px 0px 0px	
}

.osio-content
{
	padding:0px 10px 0px 10px;
}

.osio
{
	padding-top:1px;
	padding-bottom:70px;
}


.osio2
{
	padding-top:1px;
	padding-bottom:70px;
}

.gallery
{
	margin:1em 0;
}

.gallery a
{
	display: block;
	background-color: #FFFFFF;
	float:left;
	height:100px;
	text-align:center; 
}

.gallery img
{
	padding:2px;
}


.kuljettajakuva
{
	padding-top:30px;
}