@font-face {
    font-family: 'DINRegular';
    src: url('fonts/DIN-regular/din-regular-webfont.eot?') format('eot'),
         url('fonts/DIN-regular/din-regular-webfont.woff') format('woff'),
         url('fonts/DIN-regular/din-regular-webfont.ttf') format('truetype'),
         url('fonts/DIN-regular/din-regular-webfont.svg#webfontqqR3NuWW') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ZhikharevCTTRegular';
    src: url('fonts/Zhikharef/zhk____c-webfont.eot');
    src: url('fonts/Zhikharef/zhk____c-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Zhikharef/zhk____c-webfont.woff') format('woff'),
         url('fonts/Zhikharef/zhk____c-webfont.ttf') format('truetype'),
         url('fonts/Zhikharef/zhk____c-webfont.svg#ZhikharevCTTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


* { margin: 0; padding: 0; border: 0; }
body { background: url(images/bg_body.png) repeat-y top center #92B33C; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #333; line-height: 130% }
h1 { font: 27px ZhikharevCTTRegular, Verdana, Geneva, sans-serif; color: #B02221; font-weight: normal; margin: 0 0 25px 0 }
h1.smallbottom { margin-bottom: 13px }
h2 { font: 15px Verdana, Geneva, sans-serif; color: #333; font-weight: normal; margin: 20px 0 25px 0 }
h2.notop { margin-top: 0px }

/* HEADER */
#header { width: 100%; height: 248px; background: url(images/bg_header.png) no-repeat top center; }
.inner { margin: 0 auto; width: 960px; position: relative; }
#logo { position: absolute; top: 23px; left: 4px; }
#headerImg { position: absolute; top: 16px; left: 332px; }
.hands { position: absolute; top: 178px; left: 227px; width: 693px; height: 37px; background: url(images/handen.png) no-repeat top left; z-index: 2 }
#topnavigation { position: absolute; top: 192px; left: 0px; height: 49px; width: 945px; padding: 6px 7px 1px 7px; background: url(images/bg_topnavigation.png) no-repeat top left; font: 14px DINRegular, Helvetica, Arial, sans-serif; text-transform: uppercase; z-index: 1 }
#topnavigation ul { list-style: none; height: 49px; }
#topnavigation ul li { display: block; float: left; height: 49px; padding: 0; background: url(images/bg_topnavigation_li.png) no-repeat top right; }
#topnavigation ul li.nobg {background: none; }
#topnavigation ul li.active {background: url(images/bg_topnavigation_li_active.png) repeat-x top left; }
#topnavigation ul li a { display: block; float: left; height: 34px; padding: 15px 15px 0 13px; color: #FFF; text-decoration: none }
#topnavigation ul li a:hover { color: #000; }
#topnavigation .maskl, #topnavigation .maskr { position: absolute; width: 14px; height: 14px; top: 5px; left: 6px; background: url(images/nav_mask_l.png) no-repeat top left; }
#topnavigation .maskr { background: url(images/nav_mask_r.png) no-repeat top left; left: auto; right: 6px; }

/* BODYBLOCK */
#bodyblock { width: 100%; min-height: 300px; }
#bodyblock .inner { padding: 28px 0 30px 0; min-height: 300px; overflow: auto; background: url(images/bg_bodyblock.gif) repeat-y top left; }
.lcol { float: left; width: 222px; padding: 0 20px 0 14px; }
.contacts { font: 13px DINRegular, Helvetica, Arial, sans-serif; color: #000; line-height: 160%; }
.contacts.bottom { position: absolute; bottom: 30px; left: 14px; font: 13px DINRegular, Helvetica, Arial, sans-serif; color: #000; line-height: 160%; background: url(images/bg_line.png) repeat-x top left; padding-top: 15px;}

.contacts h3 { color: #B82D00; font-size: 16px; font-weight: normal; margin: 0 0 15px 0 }
.contacts .line { background: url(images/bg_line.png) repeat-x center left; line-height: 30px; }
.contacts a { text-decoration: none; color: #000; }
.contacts a:hover { text-decoration: underline; }

.leftnavigation { list-style: none; margin-bottom: 50px; }
.leftnavigation li { display: block; }
.leftnavigation li a { display: block; line-height: 35px; padding: 0 8px; font-size: 11px; color: #B0201F; text-transform: uppercase; text-decoration: none; }
.leftnavigation li a:hover { color: #000; }
.leftnavigation li a.active { background: url(images/bg_leftnavigation_li_active.png) no-repeat top left; width: 204px; height: 41px; font-weight: bold; color: #FFF; }

.cont { float: left; width: 612px; padding: 0 58px 0 34px; }
.cont a { color: #B01F1F; }
.cont a:hover { color: #333; }
.cont ol { margin: 0 0 0 20px; }
.cont ol li { margin-bottom: 10px; }
.cont ul { margin: 0 0 0 20px; }
.cont ul li { margin-bottom: 10px; }
.cont ul.list { margin-top: 15px; margin-bottom: 15px; }
.cont ul.list li { margin-bottom: 5px; }
.cont ul.list li li { margin-bottom: 0px; }

/* FOOTER */
#footer { background: url(images/bg_footer.png) no-repeat top center; width: 100%; height: 100px; font: 12px DINRegular, Helvetica, Arial, sans-serif; color: #000 }
#footer .inner { width: 960px; height: 76px; background: url(images/bg_footer_inner.png) no-repeat top left; position: relative; }
.footernav { position: absolute; top: 22px; right: 58px; }
.footernav ul { list-style: none; display: inline; }
.footernav ul li { display: inline; }
.footernav ul li a { color: #000; text-decoration: none; }
.footernav ul li a:hover { text-decoration: underline; }
.credits { position: absolute; top: 60px; left: 18px; font-size: 11px; color: #333 }
.credits a { color: #333; }