* { margin:0; padding:0;}
/*body { background:#d8d8db; font-size:100%; line-height:1em; font-family:arial; color:#686868;}*/

body { background:#d8d8db; font-size:100%; line-height:1em; font-family:arial; color:#686868;}

.min_width {min-width:744px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 744)? "744px" : "100%");
    height: 900px;
}

/*#EAF0F7*/

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:arial; color:#686868; font-weight:normal; font-size:0.95em}
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none;}

a:hover{text-decoration:none;}
a {color:#686868; text-decoration:underline}

a.link {color:#5293a7; background:url(images/marker.gif) no-repeat 0 5px; padding-left:9px; text-decoration:underline; float:right}
a.link:hover {color:#db0048; text-decoration:none}

/*a.nomarker {color:#5293a7; text-decoration:underline;}
a.nomarker:hover {color:#db0048; text-decoration:none}*/

.column { float:left;}
.clear { clear:both;}


/*h1{text-indent:-10000px; background:url(images/Kalliste-logo.gif) no-repeat 0 0; height:31px; width:234px; 
font-size:0.75em; margin:0
}*/

h1{text-indent:-10000px; background:url(images/Kalliste-Logo-10.gif) no-repeat 0 0; height:31px; width:35px; 
font-size:0.75em; float:left; margin:-7px 15px 0 -4px;}

h2 {font-size:1em; color:#686868; margin:0 0 14px 0}
h3 {color:#5293a7; font-size:1em; margin:0 0 14px 0}

strong {color:#5293a7; display:block}

ul { margin:0; padding:0;}
li { line-height:1.85em}
li a {color:#5293a7; background:url(images/marker.gif) no-repeat 0 5px; padding-left:9px; text-decoration:underline}
li a:hover {color:#db0048; text-decoration:none}





#site_center, #footer_center {padding:0 21px 0 15px}
#site_center {background:url(images/main_bg.gif) repeat-x top #ededf1}


#menu, #logo, #wrapper_header, #footer, #content; #footer {width:100%}

/*header*/
#menu {height:41px; font-size:0.8125em; font-family:arial}
#menu ul { margin: 0; padding:0; }
#menu li {line-height:1.077em; float:left; margin-top:13px;}
#menu li a {line-height:16px; color:#fff; text-decoration:none; background:none}
#menu li a:hover { text-decoration:none; color:#de004e;}
#menu li.m1 { margin-left:10px; float:left; width:14%; }
#menu li.m2 {width:12%; }
#menu li.m3 {width:14%; }
#menu li.m4 {width:12%; }
#menu li.m5 {width:10%; }
#menu li.m6 {width:16%; }
#menu li.m7 {width:13%; }
#menu li.m8 {width:15%; }
#logo {height:77px; font-size:0.8125em; line-height:1.077em; color:#2f2f2f}
#logo .col_1 {width:80%}
#logo .col_1 .indent { padding:18px 0 0 9px}
#logo .col_2 {width:20%; padding-top:24px; text-align:right}
#logo a {color:#2f2f2f; text-decoration:none}
#logo a:hover {color:#de004e; text-decoration:none}
#wrapper_header {height:264px; }
#wrapper_header .col_1 {width:71%; background:url(images/wrapper_header_rep.gif) repeat-x top; height:264px}
/*#wrapper_header .col_1 .bg {background:url(images/5864142.jpg) no-repeat top left; }*/
#wrapper_header .col_1 .bg {background:url(images/wrapper_header_col_1.jpg) no-repeat top left}
#wrapper_header .col_1 img {margin:103px 0 102px 307px}
#wrapper_header .col_2 {width:29%;background:url(images/wrapper_header_rep.gif) repeat-x top ; height:264px; text-align:right}
#wrapper_header .col_2 .bg {background:url(images/wrapper_header_col_2.jpg) no-repeat top right; height:264px; vertical-align:middle;}
#wrapper_header .col_2 img {margin-right:5px}
#wrapper_header .col_2 .pic {margin-top:5px}


/*content*/
#content {font-size:0.8125em; line-height:1.077em}
#content .cont_height { height:336px; float:left; width:1px}
.title {margin-bottom:25px; display:block}
.line {background:url(images/bg_line.gif) repeat-x top; width:auto; height:31px}
.img_left {float:left; margin:0 20px 0 0;
    height: 100px;
    width: 100px;
}
.img_left_2 {float:left; margin:0 20px 30px 0;
    height: 70px;
    width: 70px;
}

.img_left_3 {float:left; margin:0 15px 0 0;
    height: 70px;
    width: 70px;
}

.img_left_4 {float:left; margin:0 15px 0 0;
    height: 60px;
    width: 110px;
}

/*footer*/
#footer_center {background:url('images/footer_bg.gif') repeat-x 50% top; 
height:46px
}
#footer { padding:62px 2px 0 9px; font-size:0.8125em; line-height:1.077em}
#footer a {color:#686868; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .col_1 {width:70%; text-align:center;}
#footer .col_2 {width:28%; text-align:right}


/*================== index.html ==================*/
#page1 #content .col_1 .indent {padding:30px 22px 0 9px}
#page1 #content .col_1 .box_links { text-align:right; margin:23px 5px 1px 0;
    height: 22px;
}
#page1 #content .col_1 .box_links .link { float:none}
#page1 #content .col_1 .title_1 {display:block; margin-bottom:18px}
#page1 #content .col_1 .box {width:100%}
#page1 #content .col_1 .col_box_1 {width:52%}
#page1 #content .col_1 .col_box_2 {width:48%}
#page1 #content .col_2 .block .div_title {width:100%}
#page1 #content .col_2 .block .div_title .col_box_1 {width:70%}
#page1 #content .col_2 .block .div_title .col_box_2 {width:30%; text-align:right}
#page1 #content .col_2 .block .indent {padding:30px 21px 20px 21px}
#page1 #content .col_2 .block .img_left {margin:2px 15px 19px 0}
#page1 #content .col_2 .block h2 {margin-bottom:6px}
#page1 #content .col_2 .block .link {margin:5px 7px 0 0}


/*================== index-1.html ==================*/
#page2 #content .col_1 .block .indent {padding:30px 17px 20px 21px}
#page2 #content .col_1 .block p {margin:0 0 17px 0}
#page2 #content .col_1 .block .r { float:right; margin-right:6px}
#page2 #content .col_1 .block .line {height:21px}
#page2 #content .col_1 .block .img_left {margin:2px 20px 19px 0}
#page2 #content .col_1 .block h2 {margin-bottom:6px}
#page2 #content .col_1 .block .link {margin:5px 7px 0 0}
#page2 #content .col_2 .indent {padding:30px 0 0 12px}
#page2 #content .col_2 p {margin:0 0 20px 0}
#page2 #content .col_2 .img_left {margin:3px 20px 18px 0}
#page2 #content .col_2 .link {margin:23px 3px 32px 0}
#page2 #content .col_2 .title_1 {display:block; margin-bottom:18px}
#page2 #content .col_2 .box {width:100%}
#page2 #content .col_2 .col_box_1 {width:52%}
#page2 #content .col_2 .col_box_2 {width:48%}


/*================== index-2.html ==================*/
#page3 #content .col_1 .indent {padding:30px 22px 0 9px}
#page3 #content .col_1 .img_left {margin:2px 20px 20px 0}
#page3 #content .col_1 .line {height:22px}
#page3 #content .col_1 .link {margin:5px 5px 31px 0}
#page3 #content .col_1 .title_1 {display:block; margin:7px 0 23px 0}
#page3 #content .col_2 .block .indent {padding:30px 10px 20px 21px}
#page3 #content .col_2 .block .img_left {margin:7px 18px 22px 0}
#page3 #content .col_2 .block p {margin:0 0 14px 0}
#page3 #content .col_2 .block h2 {margin:0}
#page3 #content .col_2 .block .link {margin:5px 7px 0 0}


/*================== index-3.html ==================*/
#page4 #content .col_1 .block .indent {padding:30px 17px 20px 21px}
#page4 #content .col_1 .block ul {margin:17px 0 12px 0; }
#page4 #content .col_1 .block .link {margin:0 7px 0 0}
#page4 #content .col_2 .indent {padding:30px 0 0 29px}
#page4 #content .col_2 p {margin:0 0 16px 0}
#page4 #content .col_2 .img_left {margin:6px 20px 20px 0}
#page4 #content .col_2 .title_1 {display:block; margin-bottom:7px 0 23px 0}
#page4 #content .col_2 .box {width:100%; margin-top:17px}
#page4 #content .col_2 .col_box_1 {width:52%}
#page4 #content .col_2 .col_box_2 {width:48%}


/*================== index-4.html ==================*/
#page5 #content .col_1 .indent {padding:30px 22px 0 9px}
#page5 #content .col_1 .img_left {margin:0 20px 24px 0}
#page5 #content .col_1 p {margin:0 0 21px 0}
#page5 #content .col_1 .link {margin:1px 5px 31px 0}
#page5 #content .col_1 .title_1 {display:block; margin:7px 0 23px 0}
#page5 #content .col_2 .block .indent {padding:30px 17px 20px 21px}
#page5 #content .col_2 .block h2 {margin:0}
#page5 #content .col_2 .block .pic {display:block; margin:23px 0 21px 0}
#page5 #content .col_2 .block ul {margin:17px 0 20px 0}
#page5 #content .col_2 .block .link {margin:0 12px 0 0}



/*================== index-5.html ==================*/
#page6 #content .col_1 .block .indent {padding:30px 10px 20px 21px}
#page6 #content .col_1 .block .img_left {margin:6px 20px 22px 0}
#page6 #content .col_1 .block p {margin:0 0 17px 0}
#page6 #content .col_1 .block ul {margin:15px 0 0 0}
#page6 #content .col_2 .indent {padding:30px 0 0 29px}
#page6 #content .col_2 p {margin:0 0 23px 0}
#page6 #content .col_2 .img_left {margin:0 20px 0 0}
#page6 #content .col_2 .title_1 {display:block; margin-bottom:23px}
#page6 #content .col_2 .box {width:100%; margin-top:17px; padding-bottom:37px}
#page6 #content .col_2 .col_box_1 {width:52%}
#page6 #content .col_2 .col_box_2 {width:48%}


/*================== index-6.html ==================*/
#page7 #content .col_1 .indent {padding:30px 20px 0 9px}
#page7 #content .col_1 .img_left {margin:2px 20px 23px 0}
#page7 #content .col_1 p {margin:0 0 21px 0}
#page7 #content .col_1 .title_1 {display:block; margin:7px 0 23px 0}
#page7 #content .col_1 .line {margin:16px 0 0 0; height:18px}
#page7 #content .col_2 .block .indent {padding:30px 17px 20px 21px}
#page7 #content .col_2 .block ul {margin:12px 0 0 0}
#page7 #content .col_2 .line {margin:15px 0 0 0; height:18px}


/*================== index-7.html ==================*/
#page8 #content .col_1 .block .indent {padding:30px 16px 20px 21px}
#page8 #content .col_1 .block p {margin:0 0 15px 0}
#page8 #content .col_2 .indent {padding:30px 0 0 29px}
#page8 #content .col_2 .img_left {margin:2px 20px 45px 0}
#page8 #content .col_2 .title_1 {display:block; margin-bottom:23px}
#page8 #content .col_2 .form {width:423px; margin-top:17px; padding-bottom:5px}
#page8 #content .col_2 .col_box_1 {width:220px}
#page8 #content .col_2 .col_box_2 {width:203px}
#page8 #content .col_2 .links {text-align:right; width:423px}

input {width:188px; height:16px; margin-bottom:5px; display:block}
textarea {width:203px; height:96px; overflow:auto; display:block; margin:0}


/*================== index-8.html ==================*/
#page9 #content .col_1 .indent {padding:30px 0 0 6px}
#page9 #content .col_1 p {margin:0 0 14px 0}
#page9 #content .col_1 strong {color:#686868}


/*==================block====================*/
.block {font-size:0.92em; line-height:1.25em }
.block .l_t { background:url(images/l_t_1.gif) left top no-repeat; width:100%}
.block .r_t { background:url(images/r_t_1.gif) right top no-repeat;}
.block .r_b { background:url(images/r_b_1.gif) right bottom no-repeat;}
.block .l_b { background:url(images/l_b_1.gif) left bottom no-repeat;}
.block .left {background:url(images/block_border_1.gif) repeat-y left}
.block .top {background:url(images/block_t_1.gif) repeat-x top}
.block .right {background:url(images/block_border_1.gif) repeat-y right}
.block .bot {background:url(images/block_border_1.gif) repeat-x bottom}
.block ul {font-size:1.08em; line-height:1.85em}
.block .link {float:right; font-size:1.08em}
/*==========================================*/
