/********************
CSS for TEKLI - media: all - HT
*********************/

* {
margin:0;
padding:0;
}

body {
	text-align: left;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #000000;
}
img {border: 0;}

a { text-decoration: underline; background-color: inherit;  color: #18507C; }
a:active { text-decoration: underline; background-color: inherit; color: #EB9614; }
a:visited { text-decoration: underline; background-color: inherit; color: #18507C; }
a:hover { text-decoration: none; background-color: #E1E1E1; color: #000000; }
a.anchortarget { text-decoration: none; color: inherit; }
a.anchortarget:hover { background: inherit; color: inherit; }

/*****************
basic layout 
*****************/
body {
	color: #000000;
	background: #FFFFFF;
}

div#pagewrapper {
   width: 859px;
   margin: 0 auto;
}
div#header {
   height: 156px; 
   background: url(header_bg.jpg);
   text-align: left;
}

div#logocontainer { float: left; width: 262px; margin: 12px 0 0 20px; padding: 0; display: inline; }

div#header a, div#header_frontpage a { color: #FFFFFF; text-decoration: none; } div#header a:hover, div#header_frontpage a:hover { text-decoration: underline; background: none;}
div#header span.separator {margin: 0 6px 0 6px; color: #FFFFFF;}
div#toplinks { font-size: 12px; width: 650px; float: right; text-align: right; margin: 1px 15px 1px 15px; color: #FFFFFF;}

div#content { width: 601px; margin: 0 20px 0 222px; }
div#content_frontpage { width: 630px; margin: 0 10px 0 212px; }


/* FRONTPAGE, navi + two columns */
div#image_content { float: left; width: 326px;}
div#detail_content { height: 100%; float: right; margin: 0 0 0 0; width: 303px;}

div#main_frontpage_top { background: url(main_top_bg_f.gif); height: 19px;}
div#main_frontpage { margin-top: 5px; background: url(main_bg_f.gif) repeat-y; }
div#main_frontpage_bottom { background: url(main_bottom_bg_f.gif) no-repeat; height: 46px; }
div#main_frontpage_bottom img.footer_link {float: right; margin: 22px 6px 0 0;}


/* CONTENTPAGES, navi + one column */
div#main_top { background: url(content_bg_top.gif); height: 30px; }
div#main { background: url(content_bg_middle.gif) repeat-y #e1e1e1; }
div#main_bottom { background: url(content_bg_bottom.gif) no-repeat; height: 59px; }
div#main_bottom img.footer_link {float: right; margin-top: 34px;}


/********************
CONTENT STYLING
*********************/

/* Frontpage pic */
img.mainpicture { clear: both; }

/* Link buttons */
div.link_section_wrapper { clear: left; width: 285px; margin: 0 0 10px 0; padding: 0; background: url(button_bg.gif) repeat-y; }
div.link_section_wrapper div.linkbar { background: url(linkbar_bg.gif) no-repeat; height: 28px; }
div.link_section_wrapper div.linkbar a { font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none; display: block; height: 28px; line-height: 28px; padding: 0 20px 0 20px;}
div.link_section_wrapper div.linkbar a:hover { background: none; text-decoration: underline; color: #000000; }

/* Frontpage news section */
div.news_section_wrap { clear: left; margin: 0 0 10px 0; padding: 0; width: 285px; background: #FFFFFF; }
div.news_section_top { background: url(news_top_bg.gif) no-repeat; height: 36px; }
div.news_section_bottom { background: url(news_bottom_bg.gif) no-repeat; height: 20px;}

div.news_section_wrap div.news_section_top a { font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none; display: block; height: 28px; line-height: 35px; padding: 0 20px 0 20px;}
div.news_section_wrap div.news_section_top a:hover { background: none; text-decoration: underline; color: #000000; }
div.news_section {margin: 0; padding: 0 20px 0 20px; }

/* Frontpage addresses */
div#contact_details { clear: left; background: url(silhuetti_bg.gif) no-repeat; width:303px; height:166px; margin-top: 30px; }
div#contact_details p { padding: 63px 15px 0 15px; color: #FFFFFF; }

/* HEADINGS */
h1 {
	font-size: 16px;
	padding: 10px 0 10px 0;
}
h2 {
   font-size: 14px;
   	padding: 10px 0 10px 0;
}
h3 {
   font-size: 12px;
   	padding: 10px 0 10px 0;
}
h4 {
   font-size: 10px;
   	padding: 10px 0 10px 0;
}
h5 {
   font-size: 8px;
   	padding: 10px 0 10px 0;
}
h6 {
   font-size: 8px; font-style: italic;
   	padding: 10px 0 10px 0;
}

/* TEXT AND CONTENT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;
   line-height: 1.4em;
   padding: 0;
}
strong, b { font-weight: bold; }
em, i { font-style:italic; }

table.yhteystiedot { width: 80%; }
table.yhteystiedot th { width: 49%; border: 0; padding: 10px 10px 10px 20px; vertical-align: top; font-weight: bold; }  
table.yhteystiedot td { width: 49%; border: 0; padding: 10px 10px 10px 20px; vertical-align: top; }  

table.palautelomake td {vertical-align: top; padding-top: 3px;}
table.palautelomake input.textfield { width: 300px; }

table.hinnasto { margin-bottom: 20px; }
table.hinnasto td { width: 180px; vertical-align: top;} 

table.aikataulu { margin-bottom: 20px; }
table.aikataulu td { width: 180px; vertical-align: top;} 

table.esittelijat_valmistelijat { }
table.esittelijat_valmistelijat th { padding-bottom: 15px; }
table.esittelijat_valmistelijat td {padding: 2px 0 2px 0; vertical-align: top; } 
table.esittelijat_valmistelijat td.table_small_header { padding: 15px 0 5px 0; } 

/* LISTS */

ul li,
ol li {
   margin: 0 0 10px 30px;
}

/* TOOLS */
.clearfix {clear:both;}