@import("css_menu.css");
* {padding: 0; margin: 0;}
html {margin:0; padding:0;}
body {width: 100%; margin:0; padding:0; font: .80em/1.2em arial, sans-serif, tahoma, geneva, verdana; 
color:#000000; background: #FFFFFF url(../kuvat/tnet3a_02.jpg) repeat-x;  }

a:link, a:visited {color: blue; text-decoration: none;}
a:hover {text-decoration: underline;}
.clear {clear:both;}
#container { width:995px; margin:0 auto;}

div#TopMenu {float:left; height: 105px; width: 210px; padding: 15px 0 0 17px; }

/*************** Ylimmän mainospalkin stylet **************/
#topAdDiv {padding: 5px 0 0px 10px; height: 150px; background: #FFFFFF url(../kuvat/tnet3a_03.jpg) repeat-x;  text-align: left; }
#topAdDiv img {padding: 0px; border: 1px solid black; margin-bottom: 5px;}
div#topLeftAd {float:right; height: 105px; padding: 7px 10px 0px 0px; width: 735px;}

/*************** Headerin stylet **************/
#header { }
#header img { width: 984px; height:80px; border: 0px; padding: 0 0px 0 0px; }
#barMenu {padding-top: 5px; padding-left: 20px; text-align: left;}
#barMenu li {display: inline; list-style-type: none; color: white; font-family: Verdana; font-size: 14px;}
#barMenu li a {color: white; text-decoration:none; padding: 4px 20px 4px 20px;}
#barMenu li a:hover {background-color: #354825; padding: 4px 20px 4px 20px;}

/*************** Keski DIV:en stylet **************/
div#wrapper { float: left; width: 100%;}
div#content {margin: 10px 200px 0 180px; height: 100%; width: 615px;}
div#navigation {float: left; width: 150px; padding-left: 5px; margin-left:-980px;}
div#rightAdDiv {float:left; width: 205px; margin-left:-205px; background-color: #fff;}
div#navigationMenu {text-align: left; padding: 0 0 15px 5px; background-color: #ddd;}
div#navigationMenu a {line-height: 1.3;}
.naviLinkki {width: 150px; text-align:left;}
.naviLinkki a {width: 150px;}

/*************** rightAdDiv stylet **************/
div#rightAdDiv img {border: none; width: 200px; margin-top: 10px; }
div#leftNaviAds {width: 150px; text-align: center;}

/*************** content stylet **************/
div#content  {padding-top: 0px; }
div#leivanmuru {font-size: 12px; color: #868686; margin-bottom: 10px; float: left; width: 97%; border-bottom: 1px solid silver;}
div#leivanmuru a:link, div#leivanmuru a:visited {font-size: 12px; text-decoration: none; color: #3a3a3a; }
div#leivanmuru a:hover {font-size: 12px; text-decoration: none; color: #000000; }
div#paivamaara {text-align: center; font-size: 12px; color: #3a3a3a; padding: 0 0 5px 0px; border-bottom: 1px solid silver;}

div#content h2 {font-size: 18px;}
table.paikkakunta {width: 555px; margin: 0 auto;} 
table.paikkakunta td {width: 150px; }

div#imgCenter {width: 400px; margin: 0 auto;}
img#alueImg {width: 400px;}

/*************** Navigation stylet **************/

div#navigationMenu img {width: 140px; border:0;}
div#navigationMenu a:link, div#navigationMenu a:visited {color: black; text-decoration: none; line-height: 1.5;}
div#navigationMenu a:hover {color: black; text-decoration: underline;}
form.formi {padding:0; margin:0;}
.formi select {width: 140px;}

/*************** Footer stylet **************/
div#footer{clear:left; width:100%; color: #80ae5a; background-color: #152e00; font-family: verdana; font-size: 11px; margin-top: 15px;}
div#footContainer {width: 900px; margin: 0 auto; background-color: #152e00; height: 150px; padding: 10px 50px 10px 100px; }
div#footLeft {float: left; width: 260px; border-right: 1px dotted #428d03; text-align: left;}
div#footRight {float: right; width: 210px; border-left: 1px dotted #428d03; text-align: left; padding-left: 30px;}
div#footMiddle {padding: 0px 210px 5px 260px; margin: 0px; }
#footer ul {list-style-type: none; margin-left: 10px; line-height: 1.5;}
#footer a:link, #footer a:visited {color: white; text-decoration: none;}
#footer a:hover {color: #80ae5a;}
#bottomFooterBar {float: left; margin:0; padding-left: 20px;}
#bottomFooterBar  a {color:yellow; text-decoration: none;}

/*************** Etusivun stylet **************/
fieldset#indexKatsotuimmat {width: 560px; margin: 50px auto; font-size: 20px; background-color: #e7d6d6; border:1px solid #000000;}
fieldset#indexKatsotuimmat img {margin: 10px 5px 10px 5px; border: 1px solid silver; width: 90px;}

#content ul {list-style-type: none; margin: 0; padding:0; }
#content ul li {display: inline; }


#mainokset {clear: both; }
#mainokset ul li {width:109px; height: 100%; height: 250px; float:left; border: 1px solid silver; margin: 0px 3px; margin-bottom: 25px; -moz-border-radius: 13px; }
#mainokset ul li div {height:135px; vertical-align:middle; }
#mainokset ul li span {display:block; padding:0px 0; text-align:center; font-size:11px; }
#mainokset ul li span span {display:inline; padding:0; }
#mainokset b { color:#222222; text-decoration:none; }
#mainokset a  { color:#444444; text-decoration:none; }
#mainokset a:hover {color: #000000;}
#mainokset span a {display: block;}
#mainokset span.adPeukalo {display:block; text-align:center; padding:0; }
.tarjoukset img {width: 90px; border: 1px solid black; background-color: white; margin: 5px 0; }

* .tarjoukset img { 
   height: expression( this.scrollHeight > 124 ? "125px" : "auto" ); /* asettaa max-korkeuden IE:lle */
   max-height: 125px; /* asettaa max-korkeuden muille selaimille */
}

#mainokset li:hover {background-color: #dadada; border: 1px solid black; }

.eiTarjousta {width: 102px; margin: 25px 5px; text-align: center; }