body {margin: 0; padding: 0; text-align: center; background: #FFFFFF url("../img/bg_body.jpg") left top repeat-x; font-family: Arial, sans-serif; font-size: 75%; color: #7C7C7C}
body a {color: #7C7C7C}
body a:hover {color: #F14010}
h1 {padding: 15px 0 0 160px; float: left; clear: left}
h1 span {display: none}
h1 a {display: block; width: 370px; height: 80px}
h2 {font-size: 130%; color: #1EAEF2}
h3 {font-size: 110%}
img {border: none}
table {margin: 15px; width: 96%; border-collapse: collapse; font-size: 100%}
table.margin-top-30px {margin-top: 30px}
table td, table th {border: 1px solid #BEBEBE; padding: 5px; background-color: #EFEFEF}
table th {background-color: #E6F2FA; text-align: left; color: #1EAEF2}
table input {width: 25px}
table .second {width: 50%}

#head {background: #FFFFFF url("../img/bg_head.jpg") left top no-repeat; height: 279px; font-size: 90%; width: 1244px; margin: 0 auto}
#head form input {border: none; background-color: #EEEEEE; width: 180px; padding: 2px; margin-right: 5px}
#head form input.search {background: transparent url("../img/submit_search.gif") center center no-repeat; border: none; position: relative; top: -1px; padding: 0; width: 69px; height: 24px; text-align: center; vertical-align: middle; font-size: 100%; color: #FFFFFF; font-weight: bold}
#head form p {margin: 0}
#head .search-form {float: left; padding-top: 3px}
#head div.float-right {text-align: left; margin-bottom: 0; padding-right: 142px}
#head div.float-right div {background: #E6F2FA url("../img/bg_head-box.gif") left top repeat-x; width: 320px; border: 1px solid #D8EBF8; border-bottom: 5px solid #D8EBF8; height: 110px; margin-top: 10px}
#head div.float-right div p, #head div.float-right div h2 {margin: 0 15px}
#head div.float-right div.basket-box {height: 114px}
#head div.float-right div p.margin-bottom-10px {margin: 5px 15px 13px 20px}
#head div.float-right div p.margin-bottom-10px span {margin: 0 2px; vertical-align: 1px}
#head div.float-right div.login-box.login p {margin: 5px 30px; font-size: 110%}
#head div.float-right div.login-box.login p strong {color: #1EAEF2}
#head div.float-right div.login-box.login p.padding-top-20px {padding-top: 20px}
#head div.float-right div.login-box form {float: left; position: relative; top: -18px}
#head div.float-right div.login-box form p {margin: 0; padding: 0}
#head div.float-right div.login-box form input {background-color: #FFFFFF; border: 1px solid #D8E4EF}
.arrow {background-color: #E1F0F9; border: 1px solid #D8EBF8; margin: 0; padding: 13px 8px; display: inline; position: relative; top: -3px}
.arrow a {display: block; background: url("../img/arrow_blue.gif") left center no-repeat; padding-left: 10px}
.arrow a.color-red {margin-bottom: 8px; color: #F14010}
#head div.float-left {padding-top: 20px}
#head div.float-left p.float-left {padding: 0 20px 0 160px; float: left; margin: 0; margin-top: -5px; color: #FFFFFF}
#head div.float-left p.float-left span.line {vertical-align: middle; display: inline-block; width: 1px; height: 19px; margin-left: 5px; background: url("../img/line_head.gif") center center no-repeat}
#head div.float-left p.float-left span.line.big {background-image: url("../img/line_head-big.gif"); height: 36px; margin-left: 20px}
.flag-cs, .flag-en, .flag-de {display: inline-block; background: url("../img/flag_cs.gif") left center no-repeat; margin-right: 5px; padding-left: 20px; color: #FFFFFF; text-decoration: none; vertical-align: middle}
.flag-en {background-image: url("../img/flag_en.gif")}
.flag-de {background-image: url("../img/flag_de.gif")}
#head form #password {width: 85px}
#head form #name {width: 150px; margin-bottom: 5px}
#head form label {width: 90px; display: block}
.basket-ico {background: url("../img/ico_basket.gif") left center no-repeat; padding: 13px 0 13px 28px}
h2.login {background: url("../img/ico_login.gif") left center no-repeat; padding: 13px 0 13px 28px}
.show-basket, .save-changes, .purchase, .storn-order, .delete {color: #FFFFFF; background: url("../img/submit_show-basket.gif") center center no-repeat; width: 95px; height: 24px; text-align: center; display: inline-block; padding: 0; vertical-align: middle; text-decoration: none; font-weight: bold; font-size: 100%; margin: 4px 5px 0 0}
.show-basket span, .delete span, .save-changes, .purchase, .storn-order {position: relative; top: 5px; left: 4px; color: #FFFFFF}
.save-changes, .purchase, .storn-order {border: none; top: 0; margin: 10px 15px}
#head .basket-box .basket-currency { text-align: right; position: relative; right: 0px; bottom: 5px; font-size: 100%;}
#head .basket-box .basket-empty { font-size: 120% }
.purchase {background-image: url("../img/submit_purchase.gif"); width: 125px}
.delete {background-image: url("../img/submit_delete.gif"); width: 91px; color: #666; }
.delete span {color: #7C7C7C; font-weight: normal}
.storn-order {background-image: url("../img/submit_storn-order.gif"); width: 150px}
#head div.float-right div.login-box form input.login {background: transparent url("../img/submit_login.gif") center center no-repeat; width: 59px; height: 22px; color: #FFFFFF; border: none; font-size: 100%; font-weight: bold}
#head p span {margin-right: 10px}
#head p span.middle {margin: 0}

#body {width: 961px; margin: 0 auto; text-align: left; position: relative; top: -20px; margin-bottom: -20px}

.top-menu {width: 961px; background: url("../img/bg_menu.gif") left top no-repeat; float: left; padding: 0; margin: 7px 0; border-top: 1px solid #E6E6E6; border-bottom: 4px solid #E6E6E6}
.top-menu li {float: left; list-style-type: none; margin: 0; height: 45px}
.top-menu span {display: inline-block; background: url("../img/menu_line.png") center bottom no-repeat; width: 2px; height: 45px; float: left}
.top-menu li a {text-decoration: none; font-size: 120%; font-weight: bold; float: left; padding: 16px 15.7px; color: #6F6E6E; margin-bottom: -3px}
.top-menu li a:hover {background: url("../img/bg_menu-hover.gif") left bottom repeat-x; color: #F14010}

.colleft {float: left; width: 310px}

.left-menu {width: 310px; background-color: #E6F2FA; margin-bottom: 7px; border: 1px solid #DBECF8}
h2.catalog {width: 310px; padding: 0; margin: 0; background: #E6F2FA url("../img/bg_h-catalog.gif") left top repeat-x; border-bottom: 4px solid #D8EBF8}
h2.catalog span, h2.news span, h2.references span {position: relative; top: 15px}
h2.catalog span.ico, h2.news span.ico, h2.references span.ico {display: inline-block; background: url("../img/ico_catalog.gif") center center no-repeat; width: 21px; height: 21px; margin: 0 10px -5px 15px}
.menu-left {padding: 15px 0 15px 0; margin: 5px 0 0 25px}
.menu-left li {list-style-type: none; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #E6F2FA}
.menu-left li a {text-decoration: none; background: url("../img/arrow_grey.gif") left 10px no-repeat; display: block; padding: 8px 10px 8px 20px}
.menu-left li a:hover {text-decoration: underline; background-image: url("../img/arrow_red.gif")}

.phone-numbers {width: 310px; background: #E6F2FA url("../img/bg_phones.gif") left top repeat-x; border: 1px solid #DBECF8; border-bottom: 4px solid #D8EBF8; margin-bottom: 7px}
.phone-numbers div.float-left {display: inline; padding: 0; margin: 25px 15px 0 30px; width: 60px; height: 60px; background: url("../img/ico_phones.gif") center center no-repeat}
.phone-numbers div {padding: 27px 20px 0 20px; margin-left: 85px}
.phone-numbers div.address {padding: 15px 33px 30px 33px; margin: 0; clear: left}
.phone-numbers div.address p {margin: 0}
.phone-numbers p {margin: 0 0 5px 0}

.copyright {padding: 10px 10px 15px 40px}
.copyright, .copyright a {color: #737373}

.center {margin: 0 -5px 0 319px}
.center h2 {margin: 0; color: #7C7C7C; background: transparent url("../img/bg_h-news.gif") left top repeat-x; border-bottom: 4px solid #EBEBEB}
.center.news h2 {border: 1px solid #EBEBEB; border-bottom: 4px solid #EBEBEB}
.center-left h3 {margin: 0 20px 10px 20px; color: #1EAEF2}
h2.news span.ico {background: url("../img/ico_news.gif") left center no-repeat}
.center-left {width: 317px; float: left; margin-right: 7px; margin-bottom: 7px}
.center-left.news {width: 649px; padding-bottom: 10px; margin-right: 0; background-color: #FFFFFF}
.center-left div {background-color: #F0F4F5; margin: 0; border: 1px solid #EBEBEB}
.center-left.news div.noborderleft {border-left: none}
.center-left.news div.float-left {float: left; width: 317px; background-color: transparent; border: none}
.center-left div.margin-right {margin-right: 7px}
.center-left p {margin: 0 20px 25px 20px}
.center-left p.padding-bottom-20px {padding-bottom: 20px; margin-bottom: 0}
.center-left p.grey {margin: 0; padding: 20px 20px 0 20px}
.center-left p.right {margin: 0; padding: 0 20px 20px 20px}
.center-left p.right.nopadding {padding: 0}
.center-left p.last {padding-bottom: 53px}
.center-right {float: left; width: 317px; margin-right: -10px; margin-bottom: 7px}
.center-right h2 {border-top: 1px solid #EBEBEB}
.center-right img, .center-left.references img, .center-left img, .center.subpage .center-left.news img {float: left; margin: 5px; border: none; border-right: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB}
.center-right div, .center-left.references div div {clear: left; background-color: #F0F4F5; margin: 0; border: 1px solid #EBEBEB; border-top: none}
.center-right h3, .center-left.references h3 {margin: 0; padding: 5px 15px 5px 0}
.center-right p, .center-left.references p {margin: 0 15px 0 5px; padding-bottom: 30px}
.center-right p.margin-left-15px, .center-left.references p.margin-left-15px, .center-right h3.margin-left-15px, .center-left.references h3.margin-left-15px {margin-left: 15px}
.center-right p.right, .center-left.references p.right {padding: 0; margin: 0}
h2.references span.ico {background: url("../img/ico_flag.gif") left center no-repeat}
.center-left a, .center-right a {color: #EF4B46; text-decoration: none}
.center-left a:hover, .center-right a:hover {text-decoration: underline; color: #EF4B46}
.old-news, .all-references {display: inline-block; background: url("../img/submit_old-news.gif") center center no-repeat; margin: 10px; width: 102px; height: 24px; color: #7C7C7C !important; text-align: center}
.old-news:hover, .all-references:hover {text-decoration: none !important}
.old-news span, .all-references span {position: relative; top: 4px}
.all-references {width: 122px; background-image: url("../img/submit_references.gif")}
.center.subpage {background-color: #F0F4F5; border: 1px solid #EBEBEB; width: 639px; margin-bottom: 7px}
.center.subpage .show-basket {font-size: 90%; background-image: url("../img/submit_into-basket.gif"); width: 110px; border: none}
.center.subpage.news {border: none; background-color:#FFFFFF; margin-right:-5px}
.center.subpage h2 {padding: 15px; height: auto}
.center.subpage.news h2 {padding: 0; height: 50px; background-color: #F0F4F5}
.center.subpage img {border: 1px solid #7C7C7C}
.center.subpage img.noborder {border: none}
.center.subpage.padding {padding-bottom: 15px; margin-right: -70px}
.center.subpage.padding.static p {margin: 15px}
.center.subpage.padding.static p.nomargintop {margin-top: 0}
.center.subpage.padding.static p.nomarginbottom {margin-bottom: 0}
.center.subpage.padding.static h3 {margin: 15px 15px 3px 15px}
.center.subpage.padding.static img.mainpic {float:left; margin:15px 10px 5px 15px}
.center.subpage h3, .center.subpage h3 a {color: #1EAEF2 !important; font-size: 105%}
.center.subpage .subpage-text {width: 610px; margin: 0 0 30px 15px}
.center.subpage .subpage-text h3 {font-size: 100%; margin: 15px 0 10px 0}
.center.subpage .subpage-text p {margin: 10px 0}

.download a.pdf { display: block; float: left; position: relative; top: -3px; }
.download p.grey { font-size: 80%; }
.download .one-item { margin: 15px 0 15px 0; min-height: 45px; }
.download p { margin: 4px 0 4px 60px; }

.center.subpage .catalog {float: left; margin-bottom: 20px; margin-right: -60px}
.list-link {margin: 17px 15px}
.catalog form {margin: 15px 0 0 15px}
.catalog form label {margin-right: 10px}
.catalog .topic {float: left; width: 162px; text-align: center; margin: 25px 28px 10px 25px; display: inline}
.catalog .topic.nomarginright {margin-right: 25px}
.catalog .topic .show-basket {margin: 0}
.catalog .topic .show-basket span, .detail .show-basket span {left: 0}
.catalog .topic p, .catalog .topic h3 {margin: 4px 0}
.no-img {width: 160px; height: 120px}

.photo-detail {float: left; margin: 0 25px 0 15px}
.desc {clear: right; padding: 5px 15px; border-bottom: 2px solid #EBEBEB; border-top: 2px solid #EBEBEB}
.detail .float-right {margin: 15px 30px 15px 0}
.detail .float-right p {margin: 5px 0}
form.general {background-color: #EBEBEB; margin: 15px 15px 0 15px; padding: 15px}
form.general h3, .center.subpage.padding.static form.general h3 {margin: 0 0 20px 0; font-size: 120%; color: #D7CD9C}
form.general label {width: 100px; margin-right: 5px; display: inline-block; vertical-align: top}
form.general.wider label {width: 140px}
form.general input {width: 200px; border: 1px solid #E2E2E2}
form.general select {width: 202px; position: relative; left: -3px; border: 1px solid #E2E2E2}
form.general input.show-basket {padding-bottom: 1px; background: transparent url("../img/submit_show-basket.gif") center center no-repeat; border: none; position: relative; top: -1px; width: 95px; height: 24px; text-align: center; vertical-align: middle; font-size: 100%; color: #FFFFFF; font-weight: bold}
form.general p.tin label {vertical-align: bottom}
form.general p.tin span {margin-left: 105px; margin-top: 5px; display: inline-block}
form.general p.tin span.bigger-margin {margin-left: 145px}
form.general textarea {width: 310px; height: 80px; border: 1px solid #E2E2E2}
.center-form {text-align: center}
form.narrow {margin: 30px auto; width: 400px; text-align: center; padding: 30px}
form.narrow label {width: auto; margin-right: 10px; vertical-align: middle; position: relative; top: -2px}
form.narrow p {margin: 0}
form.narrow input.search {margin-left: 10px}
.center.subpage.padding.static p.form-links a {color: #1EAEF2; font-weight: bold}
.center.subpage.padding.static p.form-links a:hover {text-decoration: none}
.center.subpage.padding.static p.form-links {margin: 30px 0}
#code {vertical-align: top; margin-left: 10px; width: 100px}
form.general .align-center {margin-top: 20px}

.paging {background-color: transparent; float:left; width:641px}
.paging p {margin: 15px; text-align: center}
.paging a {margin: 0 1px; padding: 2px 5px; background-color: #EFEFEF; border: 1px solid #737373; display: inline-block; text-decoration: none}
.paging span {color: #1EAEF2; font-weight: bold; display: inline-block; padding: 2px 5px; border: 1px solid #737373}
.paging .paging-left {margin-right: 15px}
.paging .paging-right {margin-left: 15px}
.novisible {visibility: hidden}

.info-ok {text-align: center; padding: 20px 15px; font-size: 120%}
.info-ok p {margin: 0 auto; padding: 10px; border: 1px solid #BEBEBE; color: #1EAEF2; background-color: #EFEFEF}
.error p {border: 1px solid #EF4B46; color: #EF4B46}

#footer {background-color: #EBEBEB; border-top: 4px solid #E2E2E2; }
#footer-in {width: 961px; text-align: left; margin: 0 auto; padding: 10px 0 20px 0}
#footer div.float-left {height: 60px; background: url("../img/ico_iso.gif") left center no-repeat; margin: 0 20px 10px 20px; padding-right: 20px; padding-left: 61px; border-right: 1px solid #E2E2E2}
#footer p {margin: 12px}
#footer p a {margin: 0 3px}

.float-right {float: right}
.float-left {float: left}
.right {text-align: right}
.align-center {text-align: center}
.middle {vertical-align: middle}
.color-red {color: #F14010}
.bold {font-weight: bold}
.bigger-font {font-size: 110%}
.h-bg {height: 50px}
.h-bg-long {height: 50px; width: 639px}
.fix {clear: both; font-size: 0.00001em; height: 0.0001em; line-height: 0.00001em}
.nomargin {margin: 0}
.margin-bottom-4px {margin-bottom: 4px}
.margin-15px {margin: 15px}

.login.form input {width: 150px }
.login.form input.login {background: transparent url("../img/submit_login.gif") center center no-repeat; width: 59px; height: 22px; color: #FFFFFF; border: none; font-size: 100%; font-weight: bold}

.gallery {
    margin: 10px 10px 10px 10px;
}