/*
 Template Name: pobtech
 Template URI:  http://pobtech.fi/styles/pobtech.css/
 Description:	general template
 Author:       	Maaria Vihervaara
 Author URI:   	http://maaria.vihervaara.net
 Template:     	pobtech
*/



/* body-tag */

body {
	font-family: Futura, helvetica, sans-serif;
	background-color: #3345be;}

/* koko sivun täyttävä kehys-div */

.kehys {
	/*width: 1200px;*/
	background-color: #3345be;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

/* sisältö-div */

div.sisalto {
	     padding: 30px 200px 20px 200px;
	     box-shadow: 2px 5px 5px #404060;
	     border: 1px solid #3345ac;
	     background-color: #fefefe;
	     margin-top: 15px;
	     }
	     
table#etusivukuva {
	margin-left: auto;
	margin-right: auto;
}

table#etusivukuva img {
	box-shadow: 2px 3px 3px #404060;
}	

.sisalto h2 {
	margin: 10px 0 70px 120px;
	font-size: 2.5em;
	}
	
.sisalto h1 {
	text-transform: uppercase;
	color: #2244dd;
	font-weight: bold;
	font-size: 2.5em;}
	
ul.uletusivu {
	margin: 50px 0 20px 120px;
	font-weight: bold;
	font-size: 1.7em;
	list-style-type: circle;}

.sisalto p {
	marign: auto;}
	
/* yhteystiedot spesifit*/

p.contact {
	font-size: 120%;
	background-color: #ddeeff;
	padding: 5px;}
	
span.contact-specify {
	text-transform: uppercase;
	font-weight: bold;
	color: #222266;}
	
table.yhteystiedot {
	margin: auto;
	border-collapse: separate;
    border-spacing: 10px 50px;
}

.yhteystiedot td {	
	background-color: #ddeeff;
	padding: 15px;
}

/* valikon asettelu */	

div.menu {
	background-image: url("header.png");
	background-repeat: no-repeat;
	background-position: 0 0; 
	height: 129px;
	box-shadow: 2px 5px 5px #404060;
	background-color: #ffffff;
	border: 1px solid #3345ac;

}

.menu ul {
	left: 493px;
	top: 73px;
	width: 715px;
	position: absolute;}

.menu ul li {
	display: inline;
	list-style-type: none;
	padding: 13px 28px 13px 28px;
	background-color: #ffffff;
	border: #3345ce 1px solid;
	margin: 28px 5px 0 0;
}
	
.bonus {
    background-color: #ffffff;
}

/* valikon linkkimäärittelyt */

.menu a, a:visited, a:active {
	text-decoration: none;
	color: #3345ce;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;
}
	
.menu a:hover {
	text-decoration: none;
	color: #ffffff;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;}
	
.menu li:hover {	
	background-color: #0045ce;
}

	
/* footer-div */

div.alatunniste {
	font-size: 0.9em;
	text-align: center;
	color: #000;
	box-shadow: 2px 5px 5px #404060;
	border: 1px solid #3345ac;
	background-color: #ffffff;
	margin-top: 15px;
}

.alatunniste p {
	margin-left: auto;
	margin-right: auto;}
	
.alatunniste table {
	margin-left: auto;
	margin-right: auto;
	width: 600px;}


/* copyright-div */

div.copyright {
	font-size: 0.8em;
	text-align: center;
	margin-left: -310px;
	margin-right: auto;
	width: 600px;
	left: 50%;
	position: relative;
	color: #ffffff;}