html, body {height: 100%; font: 13px Arial, Helvetica, sans-serif; }
*, html, body {margin: 0px; padding: 0px}
body {background: #fff;}
img {border: 0px}
.clear {clear: both; height: 0px}
h1 {font: 14px Arial, Tahoma, sans-serif; color: #0c6bbd}

/* begin header */
#header {position:absolute; height: "100%"; margin: 0px; padding: 0px; width: 100%; min-width: 1004px; width:expression((document.body.clientWidth<=1004)?'1004px':'auto')}
#header_fon {background: url(../img/top_fon.gif) repeat-x;  width: 1004px; height: 185px}
#logo {padding: 45px 0px 0px 32px; float: left}
#logo h1 {position: absolute; top: 57px; left: 85px}
#block_right {padding: 13px 0px 0px 590px}
#block_right div {float:left}
#fon_left {background: url(../img/fon_left.gif) no-repeat;  width: 22px; height: 150px}
#fon_center {background: url(../img/fon_center.gif) repeat-x;  width: 330px; height: 150px}
#fon_center img {padding: 25px 0px 0px 11px}
#block_text {position: absolute; top: 40px; left: 712px; width: 240px}
#block_text p {margin:10px 0px -10px 0px}
#block_text span, #box_line span {font: bold 16px Arial, Helvetica, sans-serif; color: #0559a2; text-decoration: underline}
#fon_right {background: url(../img/fon_right.gif) no-repeat;  width: 22px; height: 150px}
#navigation div {float: left}
#left_navi {background: url(../img/left_navi.gif) no-repeat;  width: 14px; height: 66px}
#navi {background: url(../img/navi.gif) repeat-x;  width: 976px; height: 66px}
#links {position: absolute; top: 206px; left: 40px; width: 965px}
#links div {margin-right: 45px}
#links a {font: bold 16px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none}
#links a:hover {color: #207ac6}
#right_navi {background: url(../img/right_navi.gif) no-repeat;  width: 14px; height: 66px}
#punkt div {float: left; background: url(../img/punkt.gif) no-repeat; width: 7px; height: 6px; position: absolute; top: 216px}
#p01 { left: 126px}  
#p02 { left: 264px}  
#p03 { left: 413px} 
#p04{ left: 547px} 
#p05 { left: 710px} 
#p06 { left: 850px} 
.active_page {position: absolute; left: 37px; top: 243px; background: url(../img/active_page.gif) no-repeat; width: 58px; height: 4px}
#a_p2 {left: 150px;}
#a_p3 {left: 290px}
#a_p4 {left: 437px}
#a_p5 {left: 570px}
#a_p6 {left: 735px}
#a_p7 {left: 880px}
p a {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #246eae}
p a:hover {text-decoration: none}
#fon_main {background: url(../img/fon.gif) repeat-x; width:1004px; height: 52px}
a.bigl {font: 13px Arial, Helvetica, sans-serif; font-weight: bold; color: #246eae}
/* end header */

/* begin main */
#main {position:absolute; top: 290px; height: "100%"; margin: 0px; padding: 0px; width: 100%; min-width: 1004px; width:expression((document.body.clientWidth<=1004)?'1004px':'auto')}
#left {width: 635px; padding: 17px 0px 0px 40px; float: left}
#left  h2 { font:24px Arial, Helvetica, sans-serif;color: #006ac6; margin-bottom: 20px}
#left p {margin-top: 13px; text-align: justify}
#left strong {color: #f28602}
#left span {font-weight: bold;}
#left span#red {color: #e70d03; font-weight: bold}
ul {list-style-image: url(../img/punkt2.gif); padding:0px; margin: 10px 0px 0px 20px}
#right {width: 369px; padding: 27px 0px 0px 25px; float: left}
#box_top {background: url(../img/box_top.gif) no-repeat; width: 254px; height: 26px}
#box_line {background: url(../img/box_line.gif) repeat-y; width: 254px; height: 545px; padding:12px 0px 0px 22px}
#box_line p {margin: 10px 55px 37px 0px}
#box_line img {margin: 0px 0px 2px 23px}
#box_line div{text-align: right; margin: 0px 61px 37px 0px}
#box_line a {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #246eae;}
#box_line a:hover {text-decoration: none}
#box_bottom {background: url(../img/box_bottom.gif) no-repeat; width: 254px; height: 26px}
/* end main */

/* begin foother */
#fon_foother {background: url(../img/fon_foother.gif) repeat-x; width: 1004px; height: 34px; margin-top: 40px; clear: both;}
#header_fon01 {background: url(../img/header_fon01.gif) no-repeat}
#header_fon02 {background: url(../img/header_fon02.gif) no-repeat}
#header_fon01, #header_fon02 {width: 18px; height: 98px; float: left}
#header_fon_center {background: url(../img/header_fon_center.gif) repeat-x; width: 968px; height: 98px; float: left;color: #2579bd}
#header_fon_center div {float: left; margin-top: 38px}
#foother_left {width: 435px; padding-left: 20px}
#foother_center {text-align: right; }
#foother_center a {color: #f28602}
#foother_center a:hover {text-decoration: none}
#foother_right {width: 301px; text-align: center}
/* end foother */