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

body{
background-color: #ffffff;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
}

a {
	color: #ffffff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none
	}
	
a.toimipaikat {
	color: #007cc3;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	}

a.toimipaikat:hover {
	color: #ffa500;
	text-decoration: underline
	}
	
a:hover {
	color: #96bfe6;
	text-decoration: underline
	}
	
a.tuotteetlinkit {
	color: #96bfe6;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	}
	
a.yhteys {
	color: #96bfe6;
	text-decoration: none;
	}

a.yhteys:hover {
	color: #007cc3;
	text-decoration: underline;
	}

a.tuotteetlinkit:hover {
	color: #007cc3;
	text-decoration: underline
	}
	
a.esittely:hover {
	color: #007cc3;
	text-decoration: underline
	}

div#mainframe{
position:absolute;
width: 880px;
margin-left: -440px;
left: 50%;
}

div#header{
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
height:120px;
}

div#bottom{
background-image:url(../images/taustapiste.png);
background-repeat:repeat-x;
margin:10px;
margin-left:14px;
margin-right:14px;
color:#ffa500;
padding:4px;
}

p.navigointi{
word-spacing:5px;
position:absolute;
margin-top:90px;
margin-left:20px;
color:#96bfe6;
font-weight:bold;
}

p.esittely{
margin:4px;
margin-left:200px;
margin-right: 30px;
}

p.kehys_up {
margin:10px;
margin-right:16px;
}

p.kehys_down{
margin-top:0px;
margin-left:12px;
margin-right:10px;
}

p.tuotteetlinkit {
border-right: 1px solid #96bfe6;
margin-top:0px;
padding-top:14px;
padding-right: 20px;
width:150px;
color: #96bfe6;
font: 12px Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
height: 400px;
}

p.tuotteet {
margin-top:0px;
margin-left:16px;
width:300px;
}

p.palaute{
margin-top:10px;
margin-left:10px;
width:300px;
margin-bottom:300px;
}

p.toimipaikat {
margin-top:0px;
margin-left:16px;
margin-bottom:16px;
width:400px;
border-bottom: 1px solid #96bfe6;
padding-bottom:10px;
}

p.toimipaikkatiedot {
margin-top:0px;
margin-left:16px;
margin-bottom:16px;
width:200px;
}

p.yhteystiedot {
margin-top:6px;
margin-left:16px;
width: 160px;
}

p.yhteystiedot_oikea {
margin-top:6px;
margin-left:16px;
width: 190px;
}

p.yhteystiedot_kuva {
margin-top:0px;
margin-left:16px;
width: 108px;
}

p.yhteystiedot_muut {
border-left: 1px solid #96bfe6;
padding-top: 12px;
padding-left: 16px;
margin-top: 0px;
margin-left: 16px;
margin-bottom: 0px;
}

p.yhteystiedot_muut_bottom {
border-left: 1px solid #96bfe6;
padding-top: 14px;
padding-bottom: 6px;
padding-left: 16px;
margin-top: 0px;
margin-left: 16px;
margin-bottom: 0px;
}

table {
margin:10px;
margin-top:20px;
}

td.esittely {
height: 186px;
width: 520px;
background-image:url(../images/esittely.jpg);
background-repeat:no-repeat;
}

td.kuvat {
width: 520px;
}

td.kehys_up {
height: 186px;
width: 330px;
background-image:url(../images/kehys_up.png);
background-repeat:no-repeat;
}

td.kehys_down {
height: 242px;
width: 330px;
}

h1 {
font-size:16px;
color:#FFFFFF;
margin:10px;
margin-top:14px;
margin-left:200px;
}

h2 {
color:#007cc3;
font-size:16px;
margin:10px;
margin-top:14px;
}

h3 {
color:#007cc3;
font-size:16px;
margin:10px;
margin-left:16px;
}

h4 {
color:#ffa500;
font-size:12px;
margin:10px;
margin-left:16px;
}

h5 {
color:#ffa500;
border-left: 1px solid #96bfe6;
font-size:12px;
margin-top:26px;
margin-left:16px;
margin-bottom:0px;
padding-left:16px;
padding-top:16px;
}

h6 {
color:#ffa500;
border-left: 1px solid #96bfe6;
font-size:12px;
margin-top:0px;
margin-left:16px;
margin-bottom:0px;
padding-left:16px;
padding-top:46px;
}

span.alaotsikko{
font-size:12px;
font-weight:normal;
color: #007cc3}

span.bottom {
color:#96bfe6;
margin-left:10px;
margin-right:10px;
}

span.otsikko {
color:#007cc3;
font-size:16px;
font-weight:bold;
}

span.vantaa {
color:#ffa500;
font-size:12px;
font-weight:bold;
}

span.pallo {
color:#007cc3;
}

img.linkit {
margin:20px;
margin-left:0px;
margin-bottom:0px;
}

img.materiaali {
margin-top:40px;
margin-left:100px;
}

img.tuotteet {
margin-top:80px;
margin-left:40px;
}

img.tuotekuvat {
margin-top:20px;
margin-left:10px;
}

img.painotekniikka {
margin-top:40px;
margin-left:120px;
}

img.suomenlippu {
margin-top:5px;
}

img.toimipaikat {
margin-top:40px;
margin-left:40px;
border:#96bfe6 1px solid;
}

img.yhteys{
float:right;
margin-top: 0px;
margin-right: 12px;
}

img.tarjous{
float:right;
margin-top: 0px;
margin-right: 18px;
}

form {
border-left: 1px solid #96bfe6;
padding-top: 0px;
padding-bottom: 40px;
padding-left: 16px;
margin-top: 0px;
margin-left: 16px;
margin-bottom: 0px;
}

form.tarjouslomake {
border-left: 1px solid #96bfe6;
padding-top: 0px;
padding-bottom: 40px;
padding-left: 16px;
margin-top: 0px;
margin-left: 16px;
margin-bottom: 0px;
margin-right:300px;
}

form input{
	width:250px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#f2f3f8;
	margin-top:2px;
	margin-bottom:9px;
}	

form input.textbox{
	width:170px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#f2f3f8;
	margin-top:2px;
	margin-bottom:9px;
}

form select{
	width:250px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#f2f3f8;
	margin-top:2px;
	margin-bottom:9px;
}

form input.send{
	width:92px;
	height:15px;
	border:0px;
	color:#000;
	background-color:#f2f3f8;
	margin-top:2px;
	margin-bottom:9px;
}

form textarea{
	width:300px;
	height:130px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#f2f3f8;
	margin-top:2px;
	margin-bottom:5px;
}

form textarea.messagebox{
	width:170px;
	height:120px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#f2f3f8;
	margin-top:2px;
	margin-bottom:5px;
}