*{margin:0;padding:0}
body{padding:0px 30px 30px 30px;background:#FBF8F2}

/* Common */
.clear{clear:both}
img{border:0}
table{border-collapse:collapse;border-spacing:0}
td.indent{padding-left:13px}
img.alignRight{float:right;margin:0 0 10px 10px}
img.alignLeft{float:right;margin:0 10px 10px 0}
img.alignCenter{text-align:center}

/* Fonts */
body,ul,li,input,select,textarea,p{font:normal 12px Verdana,Geneva,Arial,Helvetica,sans-serif;}

/* Titles */
h1{font:bold 18px Helvetica,Arial,sans-serif;margin:0 0 10px 0}
h2{font:bold 16px Helvetica,Arial,sans-serif;margin:0 0 10px 0;color:#ff690d}
h3{font:bold 18px Helvetica,Arial,sans-serif;margin:0 0 10px 0}
h4{font:bold 14px Helvetica,Arial,sans-serif;margin:0 0 10px 0}

/* Links */
a:link{color:#ff690d;text-decoration:underline}
a:visited{color:#ff9b4a;text-decoration:underline}
a:hover{color:#ff9b4a;text-decoration:underline}
a:active{color:#ff9b4a;text-decoration:underline}

a.arrow{background:url(/pics/arrow_item_orange.gif) no-repeat left 5px;padding-left:18px}
a.normal{color:#000;font-size:12px !important;text-decoration:none}

/* Wrapper */
#wrapper{width:872px;margin:0 auto}

/* Top banner */
#topbanner{text-align:center;padding-bottom:35px}

/* Header */
#header{position:relative}
#header h1{text-indent:-9999px;background:url(/pics/logo.gif) no-repeat;width:258px;height:57px;margin-bottom:18px}
#header .image{position:absolute;right:15px;top:-15px}

/* Navi */
#navi{background:url(/pics/navi_empty.gif) repeat-x;height:40px;margin-bottom:10px;width:100%}
#navi li{list-style:none;display:inline}
#navi li a{line-height:40px;display:block;float:left;border-right:1px solid #fff;font-size:14px;height:40px;padding:0 15px;font-family:Arial,Verdana,Helvetica,sans-serif;}
#navi li a:link{color:#000;text-decoration:none}
#navi li a:visited{color:#000;text-decoration:none}
#navi li a:hover{color:#000;background:url(/pics/bg_navi_on.png) repeat-x;text-decoration:none}
#navi li a:active{color:#000;text-decoration:none}

#navi li.first a{background:url(/pics/navi_bg_tl.gif) no-repeat left top;padding-left:20px}
#navi li.first a:hover{background:url(/pics/bg_navi_left_on.png) no-repeat left top;padding-left:20px}
#navi li.last a{background:url(/pics/navi_bg_tr.gif) no-repeat right top;padding-right:20px}
#navi li.last a:hover{background:url(/pics/bg_navi_right_on.png) no-repeat right top;padding-right:20px}
#navi li.current a{background:url(/pics/bg_navi_current.png) repeat-x !important}
#navi li.currentFirst a{background:url(/pics/bg_navi_left_current.png) repeat-x left top !important}
#navi li.currentLast a{background:url(/pics/bg_navi_right_current.png) repeat-x right top !important}

#navi li.naviItem-25{float:right;border-left:1px solid #fff}

/* Subnavi */
#subNavi{margin:0 0 0 0 !important;padding:0 0 30px 0 !important}
#subNavi li{list-style-image:none !important;background:url(/pics/arrow_item_listhi_orange.gif) no-repeat left 6px !important;padding-left:13px !important;margin-bottom:8px !important}
#subNavi li.current a{color:#666 !important;text-decoration:none}

/* Breadcrumb */
ul#breadcrumb{list-style:none !important;padding:0 0 15px 0 !important;margin:0 0 15px 0 !important}
ul#breadcrumb li{list-style:none !important;float:left;background:url(/pics/bcrumb.png) no-repeat left 3px !important;font-size:11px;padding-left:10px !important;padding-right:5px}
ul#breadcrumb li.first{background:none !important;padding-left:0 !important}

/* PAGE */

/* Lists */
#page ul{margin:0 0 13px 0;}
#page ul li{list-style:none;background:url(/pics/arrow_item_orange.gif) no-repeat left 4px;padding-left:20px;}
#page p{margin:0 0 13px 0}

/* News */
#news{background:url(/pics/news_item_bg_top.jpg) no-repeat #23975b;color:#fff;float:right;width:223px;padding:13px 0 13px 13px;margin-bottom:13px}
#news h2{background:url(/pics/h3_news_bg.gif) no-repeat;width:208px;height:30px;line-height:32px;margin:0 0 10px -13px;padding:0 0 0 13px;color:#fff}
#news p{margin:0 0 10px 0;background:url(/pics/arrow_item_white.gif) no-repeat left 4px;padding:0 10px 0 18px;}
#news .date{font-size:11px;display:block}
#news a{font-size:11px;color:#fff}
#news .description{display:none}

/* Content */
.content{background:url(/pics/center_box_bg.gif) no-repeat #e5d8c7;width:398px;padding:13px;margin:0 0 13px 0}
.content h1{background:url(/pics/h1_center_bg.gif) no-repeat;width:397px;height:30px;color:#ff690d;line-height:32px;margin:0 0 13px -13px;padding:0 0 0 13px;font-size:16px}
.content .image{float:left;margin:0 13px 13px 0}
.content h2{font-size:15px !important}
.content h3{font-size:13px !important}
.content p{font-size:12px}
.content ul li{margin-bottom:8px} 
.content .text ul{float:left}
.content table{margin-bottom:13px;}

.pageInEnglish h1{font-size:14px !important}

/* Columns in content */
.column1{width:184px;float:left;margin:0 13px 0 0}
.column2{width:424px;float:left;margin:0 13px 0 0}
.column3{width:235px;float:left}

.column2 .c1{width:205px;float:left;font-size:11px;margin-right:10px}
.column2 .c2{width:205px;float:left;font-size:11px}

.column2 .c1 h2,
.column2 .c2 h2{background:url(/pics/h3_center_bg.gif) no-repeat;width:193px;height:30px;line-height:32px;padding-left:13px}

.column1 h2{font-size:14px}
.column1 h3{color:#666;background:url(/pics/h3_left_bg.gif) no-repeat;width:171px;height:30px;line-height:32px;padding-left:13px;font-size:16px !important}

.column3 .image{margin-bottom:30px}
.column3 h2{font-size:14px}

/* Contact */
#contact{width:236px;color:#474747;background:url(/pics/contact_bg_top.jpg) no-repeat right top #b8d1da;margin:0 0 10px 0;padding:13px 0 0 0}
#contact h2{color:#fff;background:url(/pics/h3_contact_bg.gif) no-repeat;width:210px;height:30px;line-height:32px;margin:0 0 13px 0;padding-left:13px}
#contact .text{padding:0 13px 13px 13px}
#contact table{margin-top:-5px;margin-bottom:13px}
#contact table td{padding-right:10px}
#contact p,
#contact td,
#contact a{font-size:11px;margin:0 0 10px 0}
#contact .tip{background:url(/pics/phone_item.gif) no-repeat left center;padding:13px 0 13px 45px;border-top:1px solid #474747;border-bottom:1px solid #474747;margin-top:10px}

/* Form */
.form h4{margin:0 0 10px 0}
.form p.row{clear:both;margin:0 0 5px 0 !important}
.form label{display:block;width:130px;float:left;padding-top:2px}
.form label span{color:#cc0000}
.form .value{margin-left:130px;display:block;}
.form .globalFormError{color:#cc0000;font-weight:bold;}
.form .formError{color:#cc0000;font-weight:bold;padding:0 0 0 130px}
.form .fieldTiny{width:30px;}
.form .fieldSmall{width:50px;}
.form .fieldMedium{width:260px;}
.form .fieldLarge{width:260px;}
.form .fieldFull{width:260px;}
.form #rowLaheta{margin-top:15px !important}

.form #rowTekijanoikeusSuojaaLuovaaTyota label{width:250px}
.form #rowTekijanoikeudenLoukkaukset label{width:250px}
.form #rowTekijanoikeudenLoukkaukset{margin-bottom:15px !important}
.form #rowMuitaTerveisiaPalautetta{margin-bottom:15px !important}
.form #rowMuitaTerveisiaPalautetta label{float:none !important;font-weight:bold;width:100% !important}
.form #rowMuitaTerveisiaPalautetta .value{margin:0 !important;}

/* Tail */
#tail{clear:both;text-align:right;color:#666}
#tail p{font-size:10px;}
