/* CSS Document */

html, body { 

	background: white; color: black; margin: 0; padding: 0px;
	width:100%; 

	font-size: 13px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	 }


table {  border-collapse:collapse;}
td { vertical-align: top;}
img {border-width: 0;}


h1, h2, h3 {  color: #b5121b; font-weight: normal; margin: 0; padding: 0; }
p {margin: 0; padding: 0;}
ul  { list-style-type: none; padding: 0; margin: 0; }

h1 { font-size: 220%;}
h2 { font-size: 130%;}
h3 { font-size: 100%; line-height: 1.2em;}

a { color: red; text-decoration: underline;}
a:visited {color:  white;}
a:hover {text-decoration: underline;}


i { color: #b5121b; }
  

  
/* Kaikki taulukot*/  
  
/*.layout_sisa { min-width: 100%; width: 100%; margin: 0 auto; margin-top: 30px;  }
.header_sisa { width: 900px; margin: 0 auto; }
.layout { width:900px; margin: 0 auto; margin-top: 30px;  }
.logo { width: 211px; float:left; height: 40px; padding: 0 0 15px 0; }
.navigation { width: 630px; float:left; margin: 21px 0 0 30px; text-align: left;}
.navigation ul li { display: inline; padding: 0 3px 0 3px; }
.navigation table { width:auto; }
.language { width: auto; text-align: right; float:left; position:absolute; right: 0px; }
.selected img { }*/


/* TETST */
.layout_sisa { min-width: 900px; width: 100%; margin: 0 auto; margin-top: 30px;  }
.header_sisa { width: 900px; margin: 0 auto; position:relative; }
.layout { width:900px; margin: 0 auto; margin-top: 30px;  }
.logo { width: 211px; float:left; height: 40px; padding: 0 0 15px 0; }
.navigation { width: auto; float:left; margin: 21px 0 0 30px; text-align: left;}
.navigation ul li { display: inline; padding: 0 3px 0 3px; }
.navigation table { width:auto; }
.language { width: auto; text-align: right; float:left; position:absolute; right: 0px; }
.selected img { }

/* VARJOT */

.shadow_L {position:absolute; left: 0; top: 0;}
.shadow_R {position:absolute; right: 0; top: 0;}


/* ETUSIVU */

.content { font-family: Verdana, Arial, Helvetica, sans-serif; color: white; font-size: 13px;  background:url(../img/etusivu_bg.gif) #b5121b no-repeat; clear: both; min-width: 100%; width: 100%; height: 360px; width: expression(document.body.clientWidth > 100% ? "100%" : "100%") }
.content p { padding-left: 237px; color: white; font-size: 13px; }

.content_down {  background: #FFFFFF; clear: both; min-width: 100%; width: 100%; font-size: 11px; height: 30px; padding: 20px 0 0 0; text-align:center; width: expression(document.body.clientWidth > 100% ? "100%" : "100%") }
.content_down hr { height:1px; width: 100%; border-style:none; background-color:#CCCCCC; margin: 15px 0 15px 0;}
.content_down ul li { display: inline; color: #8c8c8c; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; margin: 7px; }
.content_down ul {padding-top: 5px;}


/* TESTIT */

.result { margin: 35px 0 20px 250px; width: 500px;}
 .pistet { width: 45px; height: 60px; background:url(../img/testi/piste_bg.gif) no-repeat; font-size: 26px; color: white; float: left; padding: 7px 0 0 10px; margin: 0 10px 0 10px;}
 
.result_pist { width: 25%; font-weight: bold;}

.result_lomake { margin: 35px 0 20px 250px; width: 500px; color: #777879;}
.result_lomake p { color: #777879; padding: 0; margin:0 0 10px 0;}
.result_lomake h2 { color: #777879; margin: 0 0 15px 0;}
.result_lomake input { width: 250px; }
.result_lomake textarea { width: 350px; }



/* SISASIVU */

.content_sisa {  background: white; clear: both; min-width: 100%; width: 100%; height: 50px; width: expression(document.body.clientWidth > 100% ? "100%" : "100%") }
.content_sisa img {padding: 10px 0 0 0px;}
.otsikko { width: 1000px; margin: 0 auto; font-family:Georgia, "Times New Roman", Times, serif; font-size: 26px; color:#FFFFFF;}

.content_sisa_down {  background: #FFFFFF;  clear: both; min-width: 100%; width: 100%; font-size: 11px; height: 30px; text-align:center; width: expression(document.body.clientWidth > 100% ? "100%" : "100%") }
.content_sisa_down ul li { display: inline; background-image:none; color: #8c8c8c; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; margin: 0px; }
.content_sisa_down ul {padding-top: 0px;}
.content_sisa_down hr { height:1px; width: 100%; border-style:none; background-color:#CCCCCC; margin: 15px 0 15px 0;}
.content_sisa_down img { position: relative; top: 2px;}






.adidas { width: 900px; padding: 30px 0px 0px 0px; margin: 0 auto; clear: both;}
.adidas h1 { line-height: 110%; padding: 0 0 25px 0;}
 .adidas  ul { padding: 0.5em;} 
 .adidas  li { background-image: url(../img/bullet.gif); background-repeat: no-repeat; background-position: 0em 0.6em; padding: 0.1em 0 0 1em;}
.adidas .one { width: 300px; float:left; padding: 15px 0px 0 0; margin-bottom: 50px; }
.adidas .one p { padding: 0 15px 0 0;}
.one strong { padding: 0 15px 0 0; color: #b5121b;}
.one address { font-style:normal; padding-left: 20px;}
address { font-size: 90%; line-height: 1.3em;}
.one i { color: #b5121b; }
address strong {font-size: 110%;  color: #b5121b;}


.adidas .two { width: 500px; float:left; padding: 15px 0px 20px 35px; }
.two p { padding: 10px 0 5px 0;}
.adidas .two h2 { padding: 0.5em 0 0.2em 0;}
.adidas .three { float:left; width: 30%; padding: 15px 0px 0px 5px; text-align:right;}

.hr {width: 100%; border: 1px #CCCCCC solid; margin: 15px 0 15px 0;}

.box { background: url(../img/bg_harmaa.gif) repeat-x; margin: 20px; padding: 15px;}
 .box  dt { padding: 0.1em 0 0 0.1em; font-size: 110%; line-height: 1.5em;}
 .box h2 { line-height: 120%; }

.footer {padding: 0 0 0 0px; width: 80%; border: #000000 2px solid; text-align: center;}
.copyright {  font-size: 9px; clear: both; padding: 20px 0 0 0; color:#666666;}



/* NAVIGAATION ROLLOVERIT */

a.yritys { background: url(../img/navigation/yritys.gif) no-repeat 0px 0px; display: block; height:24px; width:70px;}
a.yritys:hover { background: url(../img/navigation/yritys_over.gif) no-repeat  0px 0px; display: block; height:24px; width:70px;}

a.ratkaisut { background: url(../img/navigation/ratkaisut.gif) no-repeat  0px 0px; display: block; height:24px; width:168px;}
a.ratkaisut:hover { background: url(../img/navigation/ratkaisut_over.gif) no-repeat  0px 0px; display: block; height:24px; width:168px;}

a.asiakkaamme { background: url(../img/navigation/asiakkaamme.gif) no-repeat  0px 0px; display: block; height:24px; width:109px;}
a.asiakkaamme:hover { background: url(../img/navigation/asiakkaamme_over.gif) no-repeat  0px 0px; display: block; height:24px; width:109px;}

a.rekrytointi { background: url(../img/navigation/rekrytointi.gif) no-repeat  0px 0px; display: block; height:24px; width:99px;}
a.rekrytointi:hover { background: url(../img/navigation/rekrytointi_over.gif) no-repeat  0px 0px; display: block; height:24px; width:99px;}

a.otayhteytta { background: url(../img/navigation/ota_yhteytta.gif) no-repeat  0px 0px; display: block; height:24px; width:107px;}
a.otayhteytta:hover { background: url(../img/navigation/ota_yhteytta_over.gif) no-repeat  0px 0px; display: block; height:24px; width:107px;}

a.in_english { background: url(../img/navigation/in_english.gif) no-repeat  0px 0px; display: block; height:24px; width:109px;}
a.in_english:hover { background: url(../img/navigation/in_english_over.gif) no-repeat  0px 0px; display: block; height:24px; width:109px;}


/* FORMS */

.contact input { margin: 0px 10px 5px 0px; }
.contact p { margin: 1px;}
.contact .name_kenta { width: 20px;}
.lomake_form { margin: 30px 0 0 0;}
.lomake_form input { width: 250px; }
.lomake_form textarea { width: 350px; }