/* - Mazda - */
body {margin:0; padding:0; font-size:8pt;}
img {border:0;}
/**/


/* Head taustakuva */
#mazdaForm {background:url(../images/bg_yhteys_fi.jpg) top left no-repeat;}

/* Headings ------------ */
h1 		{color:#0081c6; font-size:20px;}
h2 {color:#006CB8;font-size:12pt/*1.3em*/;font-weight:bold;line-height:1.3em;padding:0 0 0.6em;}
h3 {color:#006CB8;font-size:1.1em;font-weight:bold;margin:0;padding:0 0 0.8em;}
h4 {color:#006CB8;font-size:0.9em;font-weight:bold;padding-bottom:0.4em;}
h4 a {font-size:1.1em;text-decoration:none;}
/* --------------- */

.otsikko {color:#006CB8;font-size:12pt;font-weight:bold;}
.otsikko10 {color:#006CB8;font-size:10pt;font-weight:normal;}

.alert 	{color:#c80b0f; font-weight:bold;}

td 		{vertical-align:top; text-align:left; font-size:9pt;
		font-family:arial, sans-serif; color:#8F9498; /*font-size:8pt;*/}
p 		{color:#8F9498;
		/*font-size:0.9em;*/
		margin-bottom:1.3em;}
/*img, fieldset {border:0 none;}*/
a 	{color:#006CB8;}
a:active, a:focus {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	}
a:hover {color:#006CB8;}

.clear { clear:both; display:block; font-size:0; height:0; margin:0; padding:0; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; }

.mini {font-size:8pt;}



/* - Main table - */ /* border:1px dashed #cc0000; */
#contentHeadTl {width:772px; }
	.cont504kuva {width:504px; height:286px; /*padding-top:24px;  vertical-align:bottom;*/}
	img#logoMazda  { padding-top:46px;}
#contentMainTl 	{width:772px; }
	
	.contLeftCol {width:268px; vertical-align:top;}
	.cont16		{width:16px;}
	.cont481	{width:481px;}
	.cont481center {width:481px; padding-top:10px;}
	.cont7		{width:7px;}
/* --------------- */
	
/* - Kyselylomake -*/
.lahetaButton {width:80px; height:25px; background-color:#006cb8; color:#ffffff; font-size:1em; border:0 none;}
.kysVapaa 	{width:400px; border:1px solid #8F9498;}
	/* Kysely henkilötiedot yhteystietolomake */
	.lomakeA	{float:left; width:120px; margin-bottom:8px;}
	.lomakeB	{float:left; width:180px; margin-bottom:8px;}
	.kenttaA	{width:200px; border:1px solid #8F9498;}
	
	/* asteikko*/
	#kyselyArvosana {width:480px;}
	#kyselyArvosana td {padding-top:4px;}
	.kysAst {text-align:center;}
	.kysAstBorder {text-align:center; border-right:1px solid #cccccc;}

/* ------------------- */
/* Koeajolomake */
.req {color:#006CB8; font-weight:bold;}

.koeajoA	{float:left; width:180px; padding-top:3px; margin-bottom:8px; /*border:1px dashed #008000;*/}
.koeajoB	{float:left; width:260px; margin-bottom:8px; /*border:1px dashed #ff8000;*/}
	.merkkiMalli {width:100px; border:1px solid #8F9498; margin-right:10px;}
	.koeajoA2	{float:left; width:300px; margin-bottom:8px; /*border:1px dashed #008000;*/}
	.koeajoB2	{float:left; width:50px; margin-bottom:8px; /*border:1px dashed #ff8000;*/}
.kenttaK	{width:215px; border:1px solid #8F9498;}

hr {border:1px dashed #006CB8;}

div.hr { height: 15px; background: #ffffff url(../images/div_grey15.gif) no-repeat -85px center; }
div.hr hr { display: none;}

/* lomakesivujen index */
#yhteysIndex {width:493px; vertical-align:top; text-align:left;}
#yhteysIndex td {padding-bottom:8px;}
#yhteysIndex a {text-decoration:none; font-weight:bold;}
	.yi70 {width:70px;}
	.yi8 {width:8px;}
	.yi165 {width:165px;}
	.yi7 {width:7px;}

	
/* e-kirje tilaus */
.hold40 {width:40px; float:left; padding-top:3px;}

/* esitetilaus */
.esiteA { width:10px; vertical-align:middle;}
.esiteB { width:100px; vertical-align:middle; padding-left:4px;}


/* zoombox */

.zoomboxEdut {color:#752f94; font-weight:bold;}
.zoomInfoCont {float:left; width:460px;}
.zoomInfo {color:#a7a7a7; font-size:8pt;}

/* ------------------- */


	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* ___________________________________________ */