/*[ MAIN ]*********************************************************************/
#main {}
#main .cbody { position: relative; }
#main table.grid { width: 100%; background: #F9FBFF url(/images/t/bg_02.gif) repeat-y; background-position: right; }
#main table.grid td { vertical-align: top; }
#main table.grid td.col_01 { width: 420px; background: #C6DBF4; vertical-align: top; }
#main table.grid td.col_02 { width: auto; background: url(/images/t/bg_03.jpg) no-repeat; background-position: right top; vertical-align: top; }
#main table.grid tr.down td { vertical-align: bottom; }

#main table.teaser { width: 100%; }
#main table.teaser th { width: 50%; padding: 0 0 7px 0; border-left: 2px solid #FFFFFF; text-align: left; font-weight: normal; vertical-align: top; background: #76A8E6 url(/images/t/teaser_bg.gif) repeat-x; }

#teaser_01 { position: relative; top:0; width: 100%; min-height: 170px; // height: 170px; }
#teaser_01 .pic { position: absolute; top: 0; left: 0; z-index: 5; width: 48%; max-width: 146px; height: 170px; width:expression(document.getElementById("teaser_01").clientWidth > 292? "146px": "48%" ); background: url(/images/t/teaser_01.jpg) no-repeat; background-position: right top; }
#teaser_01 .note { position: relative; float: right; right: 2%; width: 44%; z-index: 10; padding: 20px 10px 70px 0; background: url(/images/t/bg_04.gif) repeat-x; background-position: left bottom; }
#teaser_01 .note h2 { margin: 0; padding: 10px 0; font-size: 1em; text-transform: uppercase; font-weight: bold; color: #5C72A6; }
#teaser_01 .note h2 a { color: #5C72A6; }
#teaser_01 .note h2 a:hover { color: #5C72A6; }
#teaser_01 .note p { margin: 0; padding: 0 0 0 10px; border-left: 3px solid #FFDF6E; color: #29568C;  }

#teaser_02 { position: relative; margin: 0 0 0 4px; min-height: 170px; // height: 170px; background: url(/images/t/bg_04.gif) repeat-x; background-position: right top; }
#teaser_02 .pic { position: absolute; z-index: 5; top: -58px; right: 0; height: 123px; max-width: 155px; width: 100%; width:expression(document.getElementById("teaser_02").clientWidth > 155? "155px": "100%" ); background: url(/images/t/teaser_02.gif) no-repeat; }
#teaser_02 .note { position: relative; z-index: 10; padding: 70px 10px 0 20px; }
#teaser_02 .note h2 { margin: 0; padding: 10px 0; font-size: 1em; text-transform: uppercase; font-weight: bold; color: #5C72A6; }
#teaser_02 .note h2 a { color: #5C72A6; }
#teaser_02 .note h2 a:hover { color: #5C72A6; }
#teaser_02 .note p { margin: 0; padding: 0 0 0 10px; border-left: 3px solid #FFDF6E; color: #29568C; }

#company { position: relative; border-top: 2px solid #FFFFFF; background: url(/images/t/company_bg.gif) repeat-x; }
#company .menu { padding: 2px; background: #2E64BF; color: #FFFFFF; }
#company .menu p { margin: 0; padding: 0; background: url(/images/t/left_menu_bg_a.gif) no-repeat; }
#company .menu p a { color: #C4DBF5; font-weight: bolder; display: block; padding: 2px 5px 0 35px; height: 19px; background: url(/images/t/left_menu_bg.gif) no-repeat; text-decoration: none; }
#company .menu p a:hover { color: #FFFFFF; background: none; text-decoration: none;}
#company .menu .hr { background: #72A1D0; }
#company .note { padding: 0 30px 10px 33px; background: url(/images/t/bg_01.gif) no-repeat; background-position: right bottom;}
#company .note h2 { border-left: 3px solid #FFDF00; font-size: 1.7em; font-weight: normal; margin: 1em 0 0 -13px; padding: 0 0 0 10px; color: #526797; }
#company .note p { padding: 0; color: #052B5C; }

#adver { height: 240px; border-top: 2px solid #FFFFFF; background: url(/images/t/adver.jpg) no-repeat; }

/*******************************************************************************