BODY {margin: 0px; color: #4D4D4D; font-size: 13px; line-height: 17px; font-family: "Trebuchet MS", Arial; background: #e6e6e6;}

p {margin: 3px 0px;}

a {text-decoration: none;}
a:link {color: #282D33; text-decoration: none;}
a:visited {color: #282D33; text-decoration: none;}
a:hover {text-decoration: underline;}

.tree {position: relative; display: none; width: 60px; height: 64px; left: 50%; top: 50px; margin-left: -30px; background: url('images/tree.gif') no-repeat left top; z-index: 100;}

#loading {position: absolute; display: none; width: 545px; height: 545px; left: 50%; top: 50px; margin-left: -272px; background: url('images/loading_bg.png') no-repeat left top; z-index: 999;}
#loading .tree {display: block; width: 60px; height: 64px; left: 0px; top: 0px; margin: 241px 0px 0px 244px; background: url('images/tree_green.gif') no-repeat left top;}

#main {position: relative; width: 963px; margin: 0px auto; padding-top: 12px;}

#header_bl {height: 91px; background: url('images/header_bg.jpg') no-repeat center top;}
a#logo {position: absolute; display: block; float: left; left: 32px; top: 14px; width: 233px; height: 60px;}

#line {position: absolute; left: 0px; top: 103px; width: 100%; height: 255px; background: url('images/line_bg.gif') repeat-x top; z-index: 5; overflow: hidden;}
#line_in {width: 100%; height: 255px; background: url('images/line_bg_t.gif') no-repeat center 30px;}

#line_common {position: absolute; width: 100%; height: 100%; margin-left: 0px; background: url('images/line_bg_c.png') no-repeat center top;}
#line_portfolio {position: absolute; top: 0px; display: block; width: 100%; height: 100%; margin-left: 100%; background: url('images/line_bg_c_3.png') no-repeat center top;}

#line .top_pic {position: absolute; width: 493px; height: 224px; left: 50%; top: 9px; margin-left: -159px; border: 4px solid #ffffff;}
#line .top_pic img {display: none; position: absolute;}

#p_links {position: absolute; height: 168px; left: 50%; top: 57px; margin-left: -450px; overflow: hidden;}
#p_links_in {position: relative; margin-top: 0px;}
#p_links a {display: block; color: #ffffff; font-size: 15px; font-family: Arial; line-height: 24px;}
#p_links a.sel {color: #000000; text-decoration: underline;}

#p_arrs {position: absolute; left: 50%; top: 3px; margin-left: -333px;}
#p_arrs a {display: block; width: 31px; height: 15px; background: url('images/p_arrows.gif') no-repeat left top;}
#p_arrs a#p_next {margin-top: 219px; background-position: left -15px;}

#header_bl .menu_sep {display: block; float: left; width: 1px; height: 22px; background: url('images/menu_sep.gif') no-repeat left top;}

#top_icons {position: absolute; width: 95px; right: 37px; padding-top: 16px;}
#top_icons a {display: block; float: left; width: 18px; height: 16px; margin: 5px 6px 0px 7px; background: url('images/top_icons.gif') no-repeat left top;}
#top_icons #i_1 {background-position: 0px 0px;}
#top_icons #i_2 {background-position: -18px 0px;}
#top_icons #i_3 {background-position: -36px 0px;}
#top_icons #i_1:hover {background-position: 0px -16px;}
#top_icons #i_2:hover {background-position: -18px -16px;}
#top_icons #i_3:hover {background-position: -36px -16px;}

#top_menu {position: absolute; right: 63px; margin-top: 54px;}
#top_menu div {display: block; float: left; background: url('images/menu_bg.png') no-repeat left top;}
#top_menu div div {display: block; float: left; padding: 3px 15px 0px 15px; color: #ffffff; font-size: 13px; font-family: "Trebuchet MS", Tahoma; line-height: 19px; text-align: center; cursor: pointer;}
#top_menu div div.sel {color: #adea03; text-decoration: none;}
#header_bl #top_menu .menu_sep {margin: 0px 1px;}

#langs_bl {position: absolute; width: 24px; right: 20px; margin-top: 15px;}
#langs_bl a {display: block; width: 24px; height: 24px; margin-bottom: 14px; background: url('images/langs_bg.gif') no-repeat;}
#langs_bl a#l_de {background-position: 0px top;}
#langs_bl a#l_ru {display: none; background-position: -24px top;}
#langs_bl a:hover {background-position: url('images/langs_bg.gif');}
#langs_bl a.sel#l_de, #langs_bl a#l_de:hover {background-position: 0px bottom;}
#langs_bl a.sel#l_ru, #langs_bl a#l_ru:hover {background-position: -24px bottom;}

.content_bl {display: none; position: absolute; width: 963px; height: 450px; font-family: Arial; background: #c7c8ca url('images/content_bg.jpg') no-repeat left top; z-index: 4;}
.content_bl .in {position: relative; height: 500px; padding: 28px 34px 10px 34px; text-align: justify; overflow: hidden;}

#main_bl {position: absolute; width: 963px; height: 322px; left: 0px; top: 346px; padding-top: 47px; font-size: 12px; line-height: 15px; background: url('images/main_bottom_bg.jpg') no-repeat left top; overflow: hidden; z-index: 1;}
#main_bl a.bged {padding: 0px 4px; color: #ffffff; font-weight: bold; background: #7db124;}
#main_bl .h {width: 100%; height: 19px; margin-bottom: 3px; background: no-repeat left top;}
#main_bl .h#Aktuell {margin-left: 4px; background-image: url('images/h_Aktuell.gif');}
#main_bl .h#Designstudio_pixelplant {background-image: url('images/h_Designstudio_pixelplant.gif');}
#main_bl .h#Druck_Angebot {margin-left: 4px; margin-top: 7px; background-image: url('images/h_Druck_Angebot.gif');}
#main_bl .h#Idee_Verwirklichung_Erfolg {margin-top: 7px; background-image: url('images/h_Idee_Verwirklichung_Erfolg.gif');}
#main_bl .h#Kontaktieren {width: 139px; height: 16px; padding-bottom: 3px; background-image: url('images/h_Kontaktieren.gif');}
#main_bl .h#h_Production_von_webseiten {width: 210px; height: 13px; padding-bottom: 3px; background-image: url('images/h_Production_von_webseiten.gif');}
#main_bl .h#h_Corporate_identity {width: 291px; height: 13px; padding-bottom: 3px; background-image: url('images/h_Corporate_identity.gif');}
#main_bl_in {position: relative; width: 10000px; margin-left: 0px;}
.main_in {float: left;}
.main_in a.more {position: absolute; display: block; width: 121px; height: 20px; margin-top: 0px; top: 143px; background: url('images/main_slide_more.gif') no-repeat left top;}
.main_in#main_slide_1 {background: url('images/main_slide_1.png') no-repeat 24px -35px;}
.main_in#main_slide_2 {height: 294px; background: url('images/main_slide_2.png') no-repeat 24px 2px;}
.main_in#main_slide_2 .right_bl {float: right; width: 450px; height: 294px; background: url('images/main_slide_2_r.png') no-repeat left 2px;}
.main_in#main_slide_2 ul {width: 430px; margin: 5px 0px 0px 0px;}
.main_in#main_slide_2 ul li {list-style: none; margin: 0px 0px 0px 0px; padding-left: 18px; color: #808080; font-size: 13px; font-family: Arial; line-height: 18px; background: url('images/main_list.gif') no-repeat left 7px;}
.main_in#main_slide_3 {height: 294px; margin-top: -30px; background: url('images/main_slide_3.png') no-repeat 24px 0px;}
.main_in#main_slide_3 .right_bl {float: right; width: 450px; height: 290px; padding-top: 30px; background: url('images/main_slide_3_r.png') no-repeat left 14px;}
.main_in#main_slide_3 p {width: 415px; margin: 5px 0px; color: #808080; font-size: 14px; font-family: Arial; line-height: 19px;}
.main_in#main_slide_3 p a {color: #689E00; text-decoration: underline;}
.main_in#main_slide_3 p a:hover {text-decoration: none;}

.main_in .contacts_bl {float: right; display: none; width: 480px; height: 310px; background: url('images/contacts_form_bg.gif') no-repeat left -7px;}
.main_in#main_slide_3 .contacts_bl {position: relative; top: 20px;}
.contacts_form {position: relative; display: block; width: 470px; height: 410px;}
.contacts_form .tree {top: 100px;}
.contacts_form .error_text {display: none; margin-left: 205px; color: #689f13;}
.contacts_form .in {padding: 0px 0px 0px 58px; color: #333333;}
#main_bl .contacts_form .h {width: 111px; height: 18px; margin: 7px 0px 10px 0px; background: url('images/h_Anfrageformular.gif') no-repeat left top;}
_.contacts_form .thanks {display: none; position: absolute; width: 268px; height: 32px; left: 0px; top: 100px; background: url('images/orderform_thanks.gif') no-repeat left top;}
.contacts_form .thanks {display: none; position: absolute; margin: 120px 10px 0px 120px; color: #535455; font-size: 20px; font-weight: bold; text-align: center;}
.contacts_form .thanks span {color: #84bd2c;}
.contacts_form .form_bl {_padding-top: 6px;}
.contacts_form .form_bl .input_bl {float: left; width: 50%; height: 33px; margin: 0px; padding: 0px; border: 0px solid black;}
.contacts_form .form_bl .input_bl.descr {font-size: 11px; line-height: 13px;}
.contacts_form .form_bl input {width: 194px; margin: 0px; margin: 0px; padding: 4px 5px 4px 10px; font-size: 12px; font-family: "Trebuchet MS", Tahoma;  background: url('images/contactsform_input.gif') no-repeat left top; border: 0px;}
.contacts_form textarea {width: 179px; height: 56px; margin: 0px; padding: 5px 5px 5px 10px; font-size: 12px; font-family: "Trebuchet MS", Tahoma; background: url('images/contactsform_textarea.gif') repeat-y left top; border: 0px;}
.contacts_form a.submit {display: block; width: 194px; margin: 47px 0px 0px 0px; padding: 4px 0px 4px 0px; color: #ffffff; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS", Tahoma; text-align: center; background: url('images/orderform_button.gif') no-repeat right center;}
.contacts_form a.close {position: absolute; display: block; width: 15px; height: 15px; margin-left: 445px; background: url('images/orderform_close.gif') no-repeat left top; z-index: 2;}
.contacts_form a.close:hover {background-position: left bottom;}

.right_calc {position: absolute; top: 28px; right: 31px; padding-left: 15px; background: url('images/calc_r_sep.gif') no-repeat left top;}

.content_bl .h {width: 100%; height: 19px; margin-bottom: 7px; background: no-repeat left top;}
.h#h_service {margin-bottom: 3px; background-image: url('images/h_service.gif');}
.h#Aktuell {width: 194px; background-image: url('images/h_Aktuell.gif');}
.h#h_calc {margin-top: 3px; margin-bottom: 3px; background-image: url('images/h_calc.gif');}
.h#h_cart {margin-top: 3px; margin-bottom: 3px; background-image: url('images/h_cart.gif');}

#services_bl {width: 660px; border-bottom: 1px solid #c1c2c4;}
#services_bl .item {height: 43px; border-top: 1px solid #c2c4c6; border-bottom: 1px solid #dfe0e1;}
#services_bl .item a.arr {float: right; display: block; width: 24px; height: 24px; margin: 12px 1px 0px 0px; background: url('images/services_arr.gif') no-repeat left top;}
#services_bl .item a.arr:hover {background-position: 0px -24px;}
#services_bl .item a.arr.hover {background-position: 0px -24px;}
#services_bl .item a.maincat {float: left; display: block; width: 140px; margin: 15px 0px 0px 27px; color: #4D4D4D; text-transform: uppercase;}
#services_bl .item.hover a.maincat {color: #689e00;}
#services_bl .item .subcats {float: left; display: block; margin-top: 5px; padding: 9px 0px 7px 16px; background: url('images/services_subcats.gif') repeat-y left;}
#services_bl .item .subcats a {padding: 0px 3px; color: #4D4D4D;}
#services_bl .item .subcats a:hover {color: #689e00;}

#services_bl .item .num {float: left; display: block; width: 45px; height: 35px; margin-top: 8px; background: url('images/services_nums.gif') no-repeat left top;}
#services_bl .item#num_1 .num {background-position: 0px 0px;}
#services_bl .item.hover#num_1 .num {background-position: 100% 0px;}
#services_bl .item#num_2 .num {background-position: 0px -35px;}
#services_bl .item.hover#num_2 .num {background-position: 100% -35px;}
#services_bl .item#num_3 .num {background-position: 0px -70px;}
#services_bl .item.hover#num_3 .num {background-position: 100% -70px;}
#services_bl .item#num_4 .num {background-position: 0px -105px;}
#services_bl .item.hover#num_4 .num {background-position: 100% -105px;}
#services_bl .item#num_5 .num {background-position: 0px -140px;}
#services_bl .item.hover#num_5 .num {background-position: 100% -140px;}

#services_calc_bl {position: absolute; top: 28px; right: 31px; padding-left: 15px; background: url('images/calc_r_sep.gif') no-repeat left top;}
#services_calc_bl .h {margin-left: 7px; margin-bottom: 3px;}
#services_calc_link {display: block; width: 194px; height: 222px; background: url('images/services_calc_link.jpg') no-repeat left top;}

.services_desr {position: absolute; display: none; width: 895px; height: 220px; left: 0px; top: 0px; margin: 0px 34px; padding: 48px 0px 10px 0px; font-size: 12px; font-family: Arial; text-align: justify; background: url('images/services_hline.gif') repeat-x bottom;}
.services_desr .h {width: 275px; height: 34px; margin: -30px 0px 0px -4px; background: url('images/services_hs.gif') no-repeat 0px 0px;}
.services_desr .num {position: absolute; width: 33px; height: 24px; right: 0px; top: 27px; background: url('images/services_in_nums.gif') no-repeat 0px 0px;}
.services_desr a.back {position: absolute; width: 89px; height: 19px; right: 0px; bottom: 9px; padding-top: 1px; color: #ffffff; text-align: center; background: url('images/services_back.gif') no-repeat 0px 0px;}
.services_desr#descr_num_1 .h {background-position: 0px 0px;}
.services_desr#descr_num_1 .num {background-position: 0px 0px;}
.services_desr#descr_num_2 .h {background-position: 0px -34px;}
.services_desr#descr_num_2 .num {background-position: 0px -24px;}
.services_desr#descr_num_3 .h {background-position: 0px -68px;}
.services_desr#descr_num_3 .num {background-position: 0px -48px;}
.services_desr#descr_num_4 .h {background-position: 0px -102px;}
.services_desr#descr_num_4 .num {background-position: 0px -72px;}
.services_desr#descr_num_5 .h {background-position: 0px -136px;}
.services_desr#descr_num_5 .num {background-position: 0px -96px;}
.services_desr .col_1 {float: left; width: 255px; padding-top: 20px;}
.services_desr .col_2 {float: left; width: 272px; padding-top: 20px;}
.services_desr .col_3 {float: left; width: 268px; padding-top: 20px;}
.services_desr ul {margin: 0px 0px 0px 0px;}
.services_desr ul li {list-style: none; margin-bottom: 13px; font-weight: bold; line-height: 15px;}
.services_desr ul li div {position: absolute; margin-left: -15px; margin-top: -2px; color: #B3B3B3;}
.services_desr#descr_num_1 .col_2 {width: 272px; height: 217px; margin: 0px 10px 0px 15px; padding: 23px 35px 0px 40px; background: url('images/services_bg_1.jpg') no-repeat 0px 0px;}
.services_desr#descr_num_2 .col_1 {width: 272px; height: 100%; margin: 0px 21px 0px 0px; padding: 12px 20px 0px 0px; background: url('images/services_vline.gif') no-repeat right 10px;}
.services_desr#descr_num_2 ul {margin: 10px 0px;}
.services_desr#descr_num_2 ul li {margin-bottom: 5px; font-weight: normal;}
.services_desr#descr_num_2 .col_2 {width: 272px; height: 100%; margin: 0px 22px 0px 0px; padding: 12px 20px 0px 0px; background: url('images/services_vline.gif') no-repeat right 10px;}
.services_desr#descr_num_2 .col_3 {padding: 12px 0px 0px 0px;}
.services_desr#descr_num_3 {_background: url('images/services_bg_3.jpg') no-repeat right 137px;}
.services_desr#descr_num_3 ul {margin: 7px 0px 7px 9px;}
.services_desr#descr_num_3 ul li {margin-bottom: 5px; font-weight: normal;}
.services_desr#descr_num_3 ul li div {position: absolute; color: #4D4D4D;}
.services_desr#descr_num_3 .col_1 {width: 272px; height: 100%; margin: 0px 21px 0px 0px; padding: 12px 20px 0px 0px; background: url('images/services_vline.gif') no-repeat right 10px;}
.services_desr#descr_num_3 .col_2 {width: 265px; height: 100%; margin: 0px 0px 0px 0px; padding: 12px 20px 0px 0px; background: url('images/services_vline.gif') no-repeat right 10px;}
.services_desr#descr_num_3 .col_3 {width: 275px; height: 100%; margin: 0px 0px 0px 0px; padding: 12px 0px 0px 20px;}
.services_desr#descr_num_3 .col_3 ul {margin: 0px 0px 7px 9px;}
.services_desr#descr_num_3 .col_3 b {position: relative; display: block; width: 235px; height: 109px; padding: 23px 27px 0px 33px; margin-left: -10px;  margin-top: 27px;text-align: left; background: url('images/services_bg_3.jpg') no-repeat left top;}
.services_desr#descr_num_4 .col_1 {position: relative; width: 217px; height: 180px; margin: 0px 7px 0px -15px; padding: 45px 50px 0px 50px; background: url('images/services_bg_4.jpg') no-repeat 0px 8px;}
.services_desr#descr_num_4 .col_2 {width: 279px; height: 100%; margin: 0px 17px 0px 0px; padding: 12px 20px 0px 0px; background: url('images/services_vline.gif') no-repeat right 10px;}
.services_desr#descr_num_4 .col_3 {width: 270px; padding: 12px 00px 0px 0px;}
.services_desr#descr_num_5 .col_1 {width: 279px; height: 180px; padding: 22px 25px 0px 0px;}
.services_desr#descr_num_5 .col_2 {width: 253px; height: 180px; padding: 22px 2px 0px 0px;}
.services_desr#descr_num_5 .col_3 {position: relative; width: 248px; height: 180px; margin: 0px -30px 0px 0px; padding: 30px 45px 0px 55px; font-weight: bold; background: url('images/services_bg_5.jpg') no-repeat 0px 8px;}
.services_desr#descr_num_5 ul {margin: 8px 0px 8px 10px;}
.services_desr#descr_num_5 ul li {margin-bottom: 3px;}

.content_bl#page_contacts .in {background: url('images/contacts_map.jpg') no-repeat 350px 29px;}
.contacts_text {position: relative; top: 80px; font-size: 12px; line-height: 16px;}
.contacts_text p {margin: 10px 0px;}
.contacts_text span {margin-left: -4px; padding: 0px 4px; color: #ffffff; background: #7db124;}
.contacts_text a {color: #689E00; text-decoration: underline;}
.contacts_text a:hover {text-decoration: none;}
#page_about .contacts_text {top: 10px;}
#page_about #add_info {position: relative; width: 660px; top: 35px; padding-top: 14px; font-size: 12px; line-height: 15px; background: url('images/services_hline.gif') repeat-x top; border-top: 1px solid #f0f1f1;}
#page_about #add_info div {float: left; width: 100px;}
#page_about #add_info .sm {float: right; width: 315px; font-size: 10px; line-height: 12px;}
#page_about a.agb {position: absolute; right: 269px; top: 127px; width: 135px; height: 16px; color: #ffffff; font-size: 11px; line-height: 16px; text-align: center; background: url('images/about_agb.gif') no-repeat left top;}
#page_about a.haftungsbeschluss {position: absolute; right: 269px; top: 147px; width: 135px; height: 16px; color: #ffffff; font-size: 11px; line-height: 16px; text-align: center; background: url('images/about_agb.gif') no-repeat left top;}
#about_agb {display: none; position: absolute; width: 895px; height: 260px; top: 24px;}
#about_agb .text {height: 225px; margin-bottom: 7px; padding-right: 10px; overflow-y: scroll;}
#about_agb a.back {float: right; display: block; width: 89px; height: 19px; padding-top: 1px; color: #ffffff; text-align: center; background: url('images/services_back.gif') no-repeat 0px 0px;}
#about_haftungsbeschluss {display: none; position: absolute; width: 895px; height: 260px; top: 24px;}
#about_haftungsbeschluss .text {height: 225px; margin-bottom: 7px; padding-right: 10px; overflow-y: scroll;}
#about_haftungsbeschluss a.back {float: right; display: block; width: 89px; height: 19px; padding-top: 1px; color: #ffffff; text-align: center; background: url('images/services_back.gif') no-repeat 0px 0px;}


#calc_bl {position: relative; float: left; width: 667px; height: 300px;}
#calc_types {position: absolute; width: 356px; top: -1px; right: 22px; z-index: 999;}
#calc_types_r {display: block; width: 354px; height: 27px; background: #75ad14 url('images/calc_types_bg.gif') repeat-y left; border: 1px solid #ceef95;}
#calc_types_r a {float: left; display: block; margin: 6px 15px 0px 13px; padding-left: 20px; color: #ffffff; font-size: 14px; line-height: 16px; font-family: Arial; background: url('images/calc_types_radio.gif') no-repeat left 2px;}
#calc_types_r a:hover {color: #bcdd7e; background-position: left -38px; text-decoration: none;}
#calc_types_r a.sel, #calc_types_r a.sel:hover {color: #ffffff; background-position: left -18px; text-decoration: none;}

#calc_types_sub {width: 100%; padding-top: 6px;}
#calc_types_sub .h {margin-bottom: 1px;}
#h_calc_sub {padding-top: 10px; font-size: 12px;}
#calc_types_sub .select .box .list {width: 308px;}

#calc_load_bl {position: relative; width: 646px; height: 500px; top: 41px; overflow: hidden; z-index: 5;}
#calc_load_bl .anim {position: relative; width: 10000px; padding: 0px; z-index: 5;}
#calc_load_bl .adv {float: left; width: 658px; height: 158px; margin: -5px 0px 0px -6px; color: #ffffff; font-size: 11px; line-height: 13px; background: url('images/calc_descr_bg.jpg') no-repeat left top;}
#calc_load_bl .text {padding: 40px 25px 22px 220px;}
#calc_load_bl a.open_types_sub {margin: 0px 25px 0px 427px; color: #ffffff;}
#calc_load_bl #personal_order {position: relative; float: left; width: 658px; height: 158px; margin: -5px 0px 0px -6px; color: #ffffff; font-size: 11px; line-height: 13px;}

#personal_order .error_text {display: none; position: absolute; margin: 3px 0px 0px 10px; color: #689f13; font-size: 12px;}
#personal_order .in {display: block; padding: 10px 0px 0px 13px; color: #ffffff;}
#personal_order .tree {display: none; top: 50px;}
#personal_order .thanks {display: none; position: absolute; width: 268px; height: 32px; left: 200px; top: 50px; background: url('images/personalorder_thanks.gif') no-repeat left top;}
#personal_order input {width: 299px; height: 16px; margin: 0px; margin: 0px 0px 2px 0px; padding: 5px 5px 7px 10px; font-size: 11px; font-family: "Trebuchet MS", Tahoma;  background: url('images/personalorder_input.gif') no-repeat left top; border: 0px;}
* html  #personal_order input {height: 14px;}
*+html  #personal_order input {height: 14px;}
#personal_order textarea {float: right; width: 299px; height: 104px; margin: 0px; padding: 5px 5px 5px 10px; font-size: 11px; font-family: "Trebuchet MS", Tahoma; background: url('images/personalorder_textarea.gif') repeat-y left top; border: 0px;}
#personal_order a.submit {float: right; display: block; width: 313px; margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; color: #ffffff; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS", Tahoma; text-align: center; background: url('images/personalorder_button.gif') no-repeat center center;}

#calc_features {float: left;}
#calc_features .tree {display: block;}
#calc_features_ajax {display: none;}
#calc_features_selects {float: left; width: 458px; height: 146px;}
#calc_features_selects .select {width: 458px; margin-bottom: 5px;}
#calc_features_selects .select .box .list {width: 410px;}
#calc_features_buttons {float: left; width: 173px; margin-left: 14px;}
#calc_features_buttons a {display: block; width: 173px; height: 67px; color: #c5c5c5; text-align: right; background: url('images/calc_buttons.jpg') no-repeat left top;}
#calc_features_buttons a div {text-decoration: underline;}
#calc_features_buttons a#tocart_button {margin-bottom: 12px;}
#calc_features_buttons a#tocart_button div {padding: 24px 13px 0px 0px;}
#calc_features_buttons a#editcart_button {display: none; position: absolute; margin-bottom: 12px;}
#calc_features_buttons a#editcart_button div {padding: 24px 13px 0px 0px;}
#calc_features_buttons a#count_button div {padding: 24px 13px 0px 0px;}
#calc_features_buttons a.sel#count_button div.price {display: none; padding: 25px 13px 0px 0px; font-size: 20px; text-decoration: none;}
#calc_features_buttons a.sel#count_button div.price div {padding: 3px 0px 0px 0px; color: #4D4D4D; font-size: 11px; text-decoration: none;}
#calc_features_buttons a.sel {color: #ffffff; background-position: left -67px;}
#calc_features_buttons a.sel#tocart_button {color: #e60000;}
#calc_features_buttons a.sel:hover, #calc_features_buttons a.sel:hover div {text-decoration: none;}

#calc_postprocess_text {display: none; position: absolute; width: 168px; height: 18px; margin-top: 3px; background: url('images/calc_postprocess_text.gif') no-repeat left top;}


#cart_bl {display: block; position: absolute; left: 34px; margin-left: -700px; width: 667px; height: 300px;}
#cart_bl .cart_count {position: absolute; width: 26px; left: 150px; top: 3px; color: #ffffff; font-size: 12px; font-family: Arial; line-height: 15px; text-align: center; background: #7db124;}
#cart_bl .total_price {display: none; position: absolute; width: 108px; height: 31px; right: 6px; top: 0px; padding-left: 111px; padding-top: 3px; font-size: 13px; font-family: Arial; line-height: 15px; background: #d3d4d5 url('images/cart_total_price.jpg') no-repeat left top;}
#cart_bl .total_price .tax {font-size: 9px; line-height: 13px;}

#cart_table {margin-right: 3px; margin-top: 20px; font-family: Arial;}
#cart_table .h_row {height: 23px;}
#cart_table .h_row div {margin: 0px 3px; color: #ffffff; font-size: 11px; font-family: Arial; line-height: 14px; text-align: center; background: #7db124;}
#cart_table .t1 {float: left; width: 336px;}
#cart_table .t2 {float: left; width: 90px;}
#cart_table .t3 {float: left; width: 69px;}
#cart_table .t4 {float: left; width: 101px;}
#cart_table .t5 {float: left; width: 38px;}
#cart_table .slide {clear: both; height: 154px; border-top: 1px solid #dfe0e1; border-bottom: 1px solid #c7c9ca; overflow: hidden;}
#cart_table .i_row {clear: both; height: 75px; border-top: 1px solid #c7c9ca; border-bottom: 1px solid #e9eaea;}
#cart_table .i_row .in_row {padding: 5px 0px 7px 0px; text-align: center;}
#cart_table .i_row .t1 {height: 57px; padding: 4px 2px 0px 3px; font-size: 11px; line-height: 15px; text-align: left; border-right: 1px solid #dfe0e1;}
#cart_table .i_row .t2 {height: 57px; padding: 4px 2px 0px 2px; border-left: 1px solid #bebfc1; border-right: 1px solid #dfe0e1;}
#cart_table .i_row .t3 {height: 59px; padding: 2px 2px 0px 2px; border-left: 1px solid #bebfc1; border-right: 1px solid #dfe0e1;}
#cart_table .i_row .t3 input {width: 33px; padding: 0px; color: #4d4d4d; font-size: 13px; font-family: Arial; line-height: 15px; text-align: center; background: #e6e6e6; border: 2px solid #c0c0c1;}
#cart_table .i_row .t4 {height: 57px; padding: 4px 2px 0px 2px; border-left: 1px solid #bebfc1; border-right: 1px solid #dfe0e1;}
#cart_table .i_row .t5 {height: 59px; padding: 2px 3px 0px 2px; border-left: 1px solid #bebfc1;}
#cart_table .p_name {margin-bottom: 6px; font-size: 13px; line-height: 17px;}
#cart_table .p_name .number {color: #689E00; text-decoration: underline;}
#cart_table .p_name .sep {padding: 0px 9px;}
a.cart_edit {display: block; width: 24px; height: 24px; margin: 0px 0px 4px 8px; background: url('images/cart_buttons.gif') no-repeat 0px 0px;}
a.cart_edit:hover {background-position: -24px 0px;}
a.cart_delete {display: block; width: 24px; height: 24px; margin: 4px 0px 0px 8px; background: url('images/cart_buttons.gif') no-repeat 0px -24px;}
a.cart_delete:hover {background-position: -24px -24px;}

.cart_pages {display: none; float: right; margin: 6px 3px 0px 0px;}
.cart_pages a {display: block; float: left; width: 19px; height: 16px; margin: 0px 1px 0px 2px; text-align: center; color: #ffffff; font-size: 10px; font-family: Arial; line-height: 16px; background: url('images/cart_pages.gif') no-repeat 0px -16px;}
.cart_pages a.sel, .cart_pages a:hover {display: block; float: left; width: 19px; height: 16px; background: url('images/cart_pages.gif') no-repeat 0px 0px; text-decoration: none;}
.cart_pages a.prev, .cart_pages a.next {font-size: 11px; line-height: 13px;}
.cart_pages a.prev {margin-right: 5px;}
.cart_pages a.next {margin-left: 6px;}

.calc_r {float: right; position: relative; width: 211px; height: 250px; margin-top: -7px; padding-left: 15px; background: url('images/calc_r_sep.gif') no-repeat left top;}
.calc_r #calc_clock {width: 216px; height: 186px; margin-top: 6px; background: url('images/calc_clock.gif') no-repeat left top;}
.calc_r #calc_phone {position: absolute; width: 216px; height: 53px; bottom: 0px; background: url('images/calc_phone.jpg') no-repeat left top;}
.calc_r .in_bl {position: absolute; top: 0px; right: -5px; width: 216px; height: 250px;}
.calc_r .in_bl#cart {display: block; right: -253px;}
.calc_r .in_bl#cart_view {display: block; right: -253px;}

.calc_r a {text-decoration: none; color: #4d4d4d;}
.calc_r a div {text-decoration: underline;}
.calc_r a div.link {color: #ffffff; font-size: 12px;}
.calc_r a:hover div.link {text-decoration: none;}
.calc_r #cart_view_button {display: block; width: 196px; height: 91px; margin-top: 4px; padding-right: 20px; text-align: right; background: url('images/calc_cart_buttons.jpg') no-repeat left top;}
.calc_r #cart_view_button .num {padding-top: 12px; font-size: 12px; font-weight: bold; text-decoration: none;}
.calc_r #cart_view_button .num span.cart_count {position: absolute; margin-left: -14px; text-decoration: none;}
.calc_r #cart_view_button .text {padding-top: 4px;}
.calc_r #cart_view_button .link {padding-top: 12px;}
.calc_r .cart_order_button {display: block; width: 196px; height: 91px; margin-top: 1px; padding-right: 20px; text-align: right; background: url('images/calc_cart_buttons.jpg') no-repeat left -91px;}
.calc_r .cart_order_button .text {padding-top: 18px;}
.calc_r .cart_order_button .link {padding-top: 10px; font-size: 13px;}
.calc_r #back_tocalc_button {display: block; width: 216px; height: 52px; margin-top: 4px; margin-bottom: 17px; padding-right: 0px; text-align: right; background: url('images/back_tocalc.jpg') no-repeat left top;}
.calc_r .sep {width: 210px; height: 0px; margin-left: 3px; margin-bottom: 22px; font-size: 0px; border-top: 1px solid #dfe0e1; border-bottom: 1px solid #bebfc1;}

#page_overlay {display: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: url('images/over_bg.png'); z-index: 999;}
#order_form {display: none; position: absolute; width: 591px; height: 410px; top: 150px; left: 50%; margin-left: -250px; background: url('images/orderform_bg.png'); z-index: 999;}
#order_form .tree {top: 170px;}
#order_form .error_text {display: none; position: absolute; left: 306px; bottom: 97px; color: #689f13;}
#order_form .in {padding: 112px 40px 30px 63px; color: #ffffff;}
#order_form .h {position: absolute; width: 278px; height: 22px; left: 63px; top: 72px; background: url('images/h_orderform.gif') no-repeat left top;}
#order_form #thanks {display: none; position: absolute; width: 268px; height: 32px; left: 159px; top: 185px; background: url('images/orderform_thanks.gif') no-repeat left top;}
#order_form .form_bl {_padding-top: 6px;}
#order_form .form_bl .input_bl {float: left; width: 50%; height: 37px; margin: 0px; padding: 0px; border: 0px solid black;}
#order_form .form_bl input {width: 207px; margin: 0px; margin: 0px; padding: 6px 5px 7px 10px; font-size: 12px; font-family: "Trebuchet MS", Tahoma;  background: url('images/orderform_input.gif') no-repeat left top; border: 0px;}
#order_form textarea {width: 207px; height: 66px; margin: 0px; padding: 5px 5px 5px 10px; font-size: 12px; font-family: "Trebuchet MS", Tahoma; background: url('images/orderform_textarea.gif') repeat-y left top; border: 0px;}
#order_form a.submit {display: block; width: 222px; margin: 58px 0px 0px 0px; padding: 4px 0px 4px 0px; color: #ffffff; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS", Tahoma; text-align: center; background: url('images/orderform_button.gif') no-repeat center center;}
#order_form a.close {position: absolute; display: block; width: 15px; height: 15px; right: 47px; top: 43px; background: url('images/orderform_close.gif') no-repeat left top;}
#order_form a.close:hover {background-position: left bottom;}

.select {width: 100%; height: 20px; z-index: 998; text-align: left;}
.select .box {height: 18px; margin-right: 46px; background: #b3b3b3; border: 1px solid #808080;}
.select .arr {float: right; width: 43px; height: 20px; background: #7f8183 url('images/select_arr.gif') no-repeat left top;}
.select .arr:hover {background-position: left -20px;}
.select .box a {display: block; height: 17px; padding: 1px 0px 2px 5px; color: #000000; overflow: hidden;}
.select .box a:hover {text-decoration: none;}
.select .box .list {position: absolute; display: none; width: 100%; margin-right: 46px; background: #d9d9d9; z-index: 999;}
.select .box .list a:hover {background: #e8e8e8;}
.select .box .list a.empty {color: #616161; background: #dfdfdf;}
.select .box .list a.empty:hover {background: #e8e8e8;}

.select .req {color: #2d592a;}

.main_in {display: ; float: left; width: 903px; height: 250px; padding: 0px 30px 0px 30px;}
.main_in.sel {display: ;}
#left_bl {float: left; width: 271px; margin: 0px 21px 0px 6px; text-align: justify;}
#mid_bl {float: left; width: 275px; padding: 0px 15px 0px 19px; font-size: 11px; line-height: 15px; background: url('images/contacts_bg.gif') no-repeat center 72px; text-align: justify;}
#right_bl {float: left; width: 280px; margin: 0px 0px 0px 12px;}

#contacts_form {width: 240px; height: 175px; margin: 23px 0px 0px 0px; padding-left: 19px;}
#contacts_form .thanks {display: none; margin: 85px 10px 0px 0px; color: #535455; font-size: 17px; font-weight: bold; text-align: center;}
#contacts_form .thanks span {color: #84bd2c;}
#contacts_form .error_text {display: none; position: absolute; margin: 0px 0px 0px 89px; color: #689f13; font-size: 11px;}
#contacts_form .tree {display: none; top: 35px;}
#contacts_form .text {margin: 0px 0px 9px 11px; font-size: 12px;}
#contacts_form input {width: 162px; margin: 0px; margin-bottom: 4px; padding: 4px 4px 4px 10px; font-size: 12px; font-family: "Trebuchet MS", Tahoma;  background: url('images/contacts_input.gif') no-repeat left top; border: 0px;}
#contacts_form textarea {width: 162px; height: 55px; margin: 0px; padding: 2px 4px 2px 10px; font-size: 12px; font-family: "Trebuchet MS", Tahoma; background: url('images/contacts_textarea.gif') repeat-y left top; border: 0px;}
#contacts_form a.submit {float: right; width: 46px; margin: 98px 0px 0px 0px; padding: 4px 0px 4px 7px; color: #ffffff; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS", Tahoma; text-align: left; background: url('images/contacts_button.gif') no-repeat center center;}

#calc_b {width: 279px; height: 109px; background: url('images/calc_b.jpg') no-repeat center top;}
#calc_b a {display: block; padding: 75px 0px 0px 185px; color: #ffffff; font-size: 10px;}

#prices {width: 279px; height: 90px; background: url('images/prices_bg.jpg') no-repeat center top;}

a#arr_l {position: absolute; display: block; width: 35px; height: 70px; left: 0px; top: 470px; background: url('images/arr_l.png') no-repeat left top; z-index: 1;}
a:hover#arr_l {background-image: url('images/arr_l_hover.png');}
a#arr_l_hover {position: absolute; display: none; width: 35px; height: 70px; left: 0px; top: 470px; background: url('images/arr_l_blink.png') no-repeat left top; z-index: 1;}
a#arr_r {position: absolute; display: block; width: 35px; height: 70px; right: 0px; top: 470px; background: url('images/arr_r.png') no-repeat left top; z-index: 1;}
a:hover#arr_r {background-image: url('images/arr_r_hover.png');}
a#arr_r_hover {position: absolute; display: none; width: 35px; height: 70px; right: 0px; top: 470px; background: url('images/arr_r_blink.png') no-repeat left top; z-index: 1;}

.more {height: 21px; margin-top: 3px;}
.more a {display: block; float: right; width: 59px; padding: 2px 0px; color: #ffffff; font-size: 9px; font-weight: bold; text-align: center; background: #737d87 url('images/more_bg.gif') repeat-y right; border: 1px solid #4f5355;}

#footer {position: absolute; width: 963px; height: 98px; left: 0px; top: 652px; color: #4D4D4D; font-size: 11px; background: url('images/footer_bg.jpg') no-repeat center top;}
#footer .plain {float: left; margin: 69px 0px 0px 35px;}
#footer .plain a {color: #7db124; text-decoration: underline;}
#footer .plain a:hover {text-decoration: none;}
#footer .plain span {padding: 0px 4px; color: #ffffff; font-weight: bold; background: #7db124;}
#footer a#pixelplant {float: right; display: block; margin: 75px 11px 0px 0px; color: #333333; font-size: 10px; text-decoration: none;}
#footer a#pixelplant span {padding-left: 55px;}

ul {padding: 0px; margin: 10px 0px 10px 13px; font-size: 12px;}
ul li {margin-left: 5px; padding: 0px 0px 0px 0px; list-style: round;}
ul li a {font-size: 12px; color: #000000;}

table.list {border-left: 1px solid #001346; border-bottom: 1px solid #001346;}
table.list tr td {vertical-align: middle; padding: 9px 13px; border-top: 1px solid #001346; border-right: 1px solid #001346; text-align: left;}
table.list tr.t1 td {color: #ffffff; background: #001346;}
table.list tr.t2 td {color: #000000; background: #ffffff;}

.clear {clear: both; width: 0px; height: 0px; font-size: 0px;}

h1 {margin: 0px 0px 0px 0px; color: #4d4d4d; font-size: 19px; font-family: "Trebuchet MS", Tahoma; font-weight: normal;}
h2 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 23px; color: #000000; font-size: 10px; line-height: 30px; font-weight: normal;}

form {margin: 0px; padding: 0px;}
/*
.pages#top {border-top: 1px solid #ffffff;}
.pages#top a {margin-bottom: 15px;}
.pages#bottom {clear: both; float: right;}
.pages#bottom a {margin-top: 15px;}
.pages a {display: block; float: left; width: 20px; padding: 2px 0px; margin-right: 2px; text-align: center; color: #000000; text-decoration: none; font-size: 11px; border: 1px solid #c5c5c5;}
.pages a#sel {color: #ffffff; background: #32abe3;}
*/
.pages {width: 100%; margin-top: 20px; text-align: center;}
.pages a {padding: 0px 6px; color: #000000; font-size: 12px;}
.pages a.sel {color: #1E429A; font-size: 12px; font-weight: bold;}

input.req.error {color: #689f13;}
textarea.req.error {color: #689f13;}


input#txt_b {BORDER: #D1D5D7 1px solid; height: 25px; width: 420px; FONT-SIZE: 18px; FONT-FAMILY: Verdana; BACKGROUND: #ffffff; margin: 0px; COLOR: #000000; padding: 1px 0px 0px 5px;}
input.txt_b {BORDER: #D1D5D7 1px solid; height: 27px; width: 420px; FONT-SIZE: 18px; FONT-FAMILY: Verdana; BACKGROUND: #ffffff; margin: 0px; COLOR: #000000; padding: 1px 0px 0px 5px;}
input.txt_d {BORDER: #D1D5D7 1px solid; height: 20px; width: 320px; FONT-SIZE: 13px; FONT-FAMILY: Verdana; BACKGROUND: #ffffff; margin: 0px; COLOR: #000000; padding: 1px 0px 0px 5px;}
input.txt {BORDER: #D1D5D7 1px solid; height: 21px; width: 420px; FONT-SIZE: 13px; FONT-FAMILY: Verdana; BACKGROUND: #ffffff; margin: 0px; COLOR: #000000; padding: 1px 0px 0px 5px;}
input.search {width: 118px; FONT-SIZE: 12px; FONT-FAMILY: Tahoma; BACKGROUND: #F6CAD6; margin: 0px 0px 0px 7px; COLOR: #000000; padding-left: 5px;}
input.submit {margin: 10px 0px 10px 200px;}
input.login {BORDER: 0px; width: 100px; FONT-SIZE: 12px; margin: 0px 0px 0px 7px; COLOR: #000000; padding-left: 5px;}
input.edit {width: 300px; FONT-SIZE: 12px; margin: 0px 0px 0px 7px; COLOR: #000000;}
select.edit {width: 300px; FONT-SIZE: 12px; margin: 0px 0px 0px 7px; COLOR: #000000;}
select.delivery {width: 327px; height: 22px; FONT-SIZE: 13px;}

textarea {FONT-SIZE: 12px;}
textarea.contacts {BORDER: #5f5f5f 1px solid; margin: 0px 0px 0px 7px; FONT-FAMILY: Verdana; width: 300px; height: 200px; BACKGROUND: #1f1f1f; COLOR: #ffffff; padding-left: 5px;}