/*---------------------------------------------
[Main CSS Stylesheet]

Project:          Test
Primary Use:      Screen
Version:          1.0
Date:             dd.mm.yyyy.
Last Change:      dd.mm.yyyy.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/******************************************************************************/
/******* TYPO *****************************************************************/
/******************************************************************************/

body { background:#eff3f7; font: 62.5%/1 Arial, sans-serif; }
strong { font-weight:bold; }
a:link    { color: #3f89c3; }
a:visited { color: #3f89c3; }
a:hover   { color: #3c3c3c; }
a:active  { color: #3f89c3; }  

/* HEADER */
#top-nav a    { color: #7c7c7c; font-size: 1.1em; text-decoration: none; }
#top-nav a:hover,
#top-nav a.on { color: #5a77af; }

#main-nav a     { color: #fff; font-size: 1.2em; text-decoration: none; font-weight: bold; }
#main-nav a:hover,
#main-nav a.on  { color: #143d8d; }

/* CONTENT */
#breadcrumbs a  { text-decoration: none; }

/* home */
.home .block            { font-size: 1.2em; line-height: 1.3em; color: #3c3c3c; }
.home  h2               { font-size: 1.4em; line-height: 1.3em; font-weight: bold; color: #01468b; }
.home .block h2         { font-size: 1.17em; }
.home .block li a       { text-decoration: none; }
.home .home-news-list .date  { color: #999; }
.home .home-news-list li a   { font-size: 1.2em; line-height: 1.3em; }
.home .special-link     { font-weight: bold; font-size: 1.1em; text-decoration: none; }
.home #right-column .text { font-size: 1em; line-height: 1.3em; }

/* inner pages */
#sidenav a        { font-size: 1.2em; color: #fff; text-decoration: none; }
#sidenav li li a,
#sidenav a.on,
#sidenav a:hover  { color: #143d8d; }

#right-column h1 { font-size: 2.4em; font-family: "Trebuchet MS", Arial, sans-serif; color: #143d8d; font-weight: normal; }
#subhead h1 { font-size: 3em; font-family: "Trebuchet MS", Arial, sans-serif; color: #143d8d; }

#right-column     { border-bottom:1px solid #dedede; }
#right-column .text     { font-size: 1.4em; line-height: 1.5em; color: #3c3c3c; }
#right-column .text h2  { font-size: 1.3em; font-weight: normal; color: #01468b; }
#right-column .text h3  { font-size: 1em; font-weight: bold; }

#right-column .block-list h2    { font-size: 1.4em; line-height: 1.3em; font-weight: bold; color: #01468b; }
#right-column .block-list .more { font-size: 1.2em; }

#right-column .text table           { font-size: 0.86em; }
#right-column .text table thead th  { color: #fff; font-weight: bold; }
#right-column .text table thead td  { color: #143d8d; font-weight: bold; }
#right-column .text table tbody th  { font-weight: bold; }

#right-column .jobs-list li .date  { color: #999; font-size: 1em; }
#right-column .jobs-list li .text  { font-size: 1.2em; }
#right-column .jobs-list li h2     { font-size: 1.5em; margin-bottom: 15px; }
#right-column .jobs-list li p     { margin-bottom: 10px; }

#right-column h2.list-title { font-size: 1.2em; font-weight: bold; color: #fff; }

#right-column .article-list li .date  { color: #999; font-size: 1em; }
#right-column .article-list li .text  { font-size: 1.2em; line-height: 1.2em; }
#right-column .article-list li h2,
#right-column .article-list li h2 a,
#right-column .article-list li h3 a,
#right-column .article-list li h3     { font-size: 1em; font-weight: bold; color: #3c3c3c; text-decoration: none; }
#right-column .article-list li.first h2 a,
#right-column .article-list li.first h2 { font-size: 1.50em; line-height: 1.2em; font-weight: normal; color: #01468b; text-decoration: none; }

.img-box a      { font-size: 0.8em; line-height: 1.1em; color: #3f89c3; font-weight: bold; text-decoration: none; }
.img-box a span { font-size: 0.9em; color: #3c3c3c; font-weight: normal; }

#right-column .pagination li a { background:#3f89c3; color:#fff; text-decoration:none; border:1px solid #3f89c3; }
#right-column .pagination li a:hover { background:#fff; color:#3f89c3; border:1px solid #3f89c3; }

#right-column .accordion dt     { font-size: 1.2em; line-height: 1.2em; font-weight: bold; }
#right-column .accordion .text  { font-size: 1.2em; line-height: 1.2em; }

.form h2        { font-size: 1.6em; font-weight: normal; font-weight: bold; color: #01468b; }
.form p         { font-size: 1.2em; }
.form label,
.form .txt      { font-size: 1.1em; }
.form textarea  { font-size: 1.1em; font-family: Arial, sans-serif; }
.form em        { color: #cc0000; }
.form .button input   { color: #fff; font-size: 1em; }
.form .error		{ font-size: 1.1em; color: #f00; }

#right-column .switcher h1  { font-size: 2.4em; color: #fff; font-weight: normal; }

.office-list h2           { font-size: 1.2em; font-weight: bold; }
.office-list .more        { font-size: 1.1em; }
.office-list li li        { font-size: 1.2em; line-height: 1.2em; color: #3c3c3c; }
.office-list li li strong { font-weight: bold; }

/* SIDEBAR */
#controls dt      { color: #686868; }
#sidebar h2       { font-size: 1.1em; font-weight: bold; color: #fff; }
#office-switch a  { color: #fff; text-decoration: none; }

#sidebar .block th        { font-size: 1.1em; color: #686868; }
#sidebar .block thead th  { font-weight: bold; }
#sidebar .block td        { font-size: 1.1em; color: #3c3c3c; }

#sidebar #calculator h2 { color: #686868; }

#sidebar #calculator .txt,
#sidebar #calculator select { font-size: 1.1em; color: #666666; }
#sidebar #calculator span   { color: #3f89c3; font-weight: bold; font-size: 1.1em; }

/* FOOTER */
#footer li a  { color: #143d8d; font-weight: bold; font-size: 1.2em; text-decoration: none; }
#footer p     { color: #7c7c7c; font-size: 1em; }

#sign       { color: black; font-size: 1em; text-decoration: none; }
#sign:hover,
#sign span  { color: red; }


/******************************************************************************/
/* CSS STYLES *****************************************************************/
/******************************************************************************/
#container { background:#fff url(../images/containerBkg.gif) repeat-y; padding:0 10px; width: 905px; margin: 0px auto; overflow: hidden; zoom: 1; }

/* HEADER */
#header     { background: #fff url(../images/headerBkg.gif) bottom left no-repeat; height: 168px; position: relative; }
#header.en  { background: #fff url(../images/headerBkg_en.gif) bottom left no-repeat; }
#logo       { margin: 22px 0 0 58px; display: block; float: left; }
#logo img   { display: block; }

#top-nav  { float: right; padding-top: 5px; }
#top-nav li { padding: 0 15px; float: left; background: url(../images/topNavBorder.gif) right 2px no-repeat; }
#top-nav li.last  { background: none; }

#main-nav       { width:889px; position: absolute; bottom: 0; left: 8px; }
#main-nav li    { float: left; margin-right: 2px; }
#main-nav li a  { display: block; height: 34px; background: url(../images/mainnavSprite.gif); float: left; zoom: 1; }
#main-nav li a span { height: 21px; display: block; background: url(../images/mainnavSprite.gif); float: left; cursor: pointer; }

#main-nav #main-link1 a       { background-position: 0px 0px; width: 44px; text-indent: -9999px; }
#main-nav #main-link2 a,
#main-nav #main-link3 a,
#main-nav #main-link4 a       { padding-left: 10px; background-position: 0px -210px; }
#main-nav #main-link2 a span  { background-position: right -245px; padding: 13px 43px 0 33px; }
#main-nav #main-link3 a span  { background-position: right -245px; padding: 13px 25px 0 15px; }
#main-nav #main-link4 a span  { background-position: right -245px; padding: 13px 12px 0 2px; }
#main-nav #main-link5         { float:right; }
#main-nav #main-link5 a       { background-position: 0px -70px; padding-left: 43px; }
#main-nav #main-link5 a span  { background-position: right -105px; padding: 13px 20px 0 0; }

#main-nav #main-link1 a:hover,
#main-nav #main-link1 a.on    { background-position: 0px -35px; }

#main-nav #main-link2 a:hover,
#main-nav #main-link2 a.on,
#main-nav #main-link3 a:hover,
#main-nav #main-link3 a.on,
#main-nav #main-link4 a:hover,
#main-nav #main-link4 a.on      { background-position: 0px -280px; }
#main-nav #main-link2 a:hover span,
#main-nav #main-link2 a.on span,
#main-nav #main-link3 a:hover span,
#main-nav #main-link3 a.on span,
#main-nav #main-link4 a:hover span,
#main-nav #main-link4 a.on span { background-position: right -315px; }

/* CONTENT */
/* general */
.more { background: url(../images/moreBkg.gif) left 2px no-repeat; padding-left: 8px; text-decoration: none; display: block; }

#breadcrumbs      { position: absolute; left: 0; top: -22px; }
#breadcrumbs li   { float: left; }
#breadcrumbs li a { padding: 0 12px 0 8px; background: url(../images/arrow.gif) right 5px no-repeat; }
#breadcrumbs span { padding-left: 8px; }

#wrapper  { float: left; width: 694px; margin-top: 34px; position: relative; }

.text p,
.text ul    { margin-bottom: 12px; }
.text .more { background-position: left 5px; }

#right-column .text     { padding-bottom: 15px; overflow: hidden; zoom: 1; }
#right-column .text ul li  { padding: 0px; background: url(../images/bullit.gif) 37px 7px no-repeat; padding: 0 0 5px 50px; }
#right-column .text ol   { padding: 0 0 5px 50px; }
#right-column .text ol li  { list-style:decimal outside none; }

/* home */
h1.home   { position: absolute; top: -9999px; left: -9999px; }

.home #left-column            { width: 412px; float: left; }
.home #left-column #flash     { margin-bottom: 23px; }
.home #left-column #flash img 	{ display: block; }
.home #left-column #flash .alt 	{ display:none; }

.home h2  { background: #bed9ed; padding: 3px 0 3px 11px; margin: 0 -11px 13px -10px; clear: both; }

.home #left-column .block     { overflow: hidden; zoom: 1; background: #fff url(../images/homeFauxColumns.gif) top left repeat-y; }
.home #left-column .last      { border-bottom: 1px solid #dedede; }
.home #left-column .block div { width: 184px; float: left; padding: 0 11px 10px 11px; }
.home #left-column .block p   { margin-bottom: 10px; }
.home #left-column .block li  { background: url(../images/moreBkg.gif) left 5px no-repeat; padding: 0 0 5px 10px; }

.home #right-column           { width: 258px; float: right; }
.home #right-column h2        { margin: 0; padding-left: 8px; }
.home #right-column .block    { overflow: hidden; zoom: 1; margin: 18px 0; }
.home #right-column .text     { overflow: hidden; zoom: 1; padding: 0 7px; }
.home #right-column img.right { display: block; }

.home .home-news-list li     { padding: 6px 7px; }
.home .home-news-list li.bkg { background: #eff3f7; }
.home .home-news-list li .date { margin: 0 0 2px 8px; display: block; }
.home .home-news-list li a { background: url(../images/moreBkg.gif) left 3px no-repeat; padding-left: 8px; text-decoration: none; display: block; }

.home .special-link { border: 1px solid #dedede; border-left: none; border-right: none; background: #eff3f7 url(../images/moreBkg.gif) 7px 8px no-repeat; padding: 6px 5px 5px 15px; *padding: 5px 5px 4px 15px;  display: block; margin-bottom: 23px; }

/* inner pages */
#left-column  { width: 185px; float: left; }

#sidenav li { zoom: 1; *float: left; *width: 185px;  }
#sidenav a  { zoom: 1; border-bottom: 1px solid #fff; display: block; padding: 6px 10px 7px 15px; background: #143d8d url(../images/moreBkg2.gif) 7px 10px no-repeat; }
#sidenav a.on-parent     { background: #143d8d url(../images/moreBkg4.gif) 6px 10px no-repeat; }
#sidenav a.on,
#sidenav a:hover  { background: #c0e8fb url(../images/moreBkg3.gif) 7px 10px no-repeat; }

#sidenav li li a        { padding: 6px 10px 7px 32px; background: #c0e8fb url(../images/moreBkg3.gif) 24px 10px no-repeat; }
#sidenav li li a.on     { background: #eff3f7 url(../images/moreBkg3.gif) 24px 10px no-repeat; }
#sidenav li li a:hover  { background: #eff3f7 url(../images/moreBkg3.gif) 24px 10px no-repeat; }

#right-column { width: 483px; float: right; }
#right-column h1  { margin-bottom: 15px; }

#subhead        { border: 1px solid #eff3f7; overflow: hidden; zoom: 1; background: #eff3f7; margin-bottom: 35px; position:relative; }
#subhead div    { float: left; position: relative; height: 190px; width: 280px; overflow: hidden; zoom: 1; }
#subhead .mask  { position: absolute; top: 0; right: 0; }
#subhead h1     { position:absolute; right:0; top:45px; width:195px; }

#right-column .block-list           { border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 12px; }
#right-column .block-list ul        { overflow: hidden; zoom: 1; background: url(../images/bord.gif) 241px top repeat-y; }
#right-column .block-list li        { width: 224px; padding-bottom: 14px; }
#right-column .block-list li.left   { padding-right: 17px; }
#right-column .block-list li.right  { padding-left: 17px; }
#right-column .block-list li img    { margin-left: 10px; }
#right-column .block-list h2        { margin-bottom: 7px; }

#right-column .text table { width: 100%; margin-bottom: 15px; }
#right-column .text table thead th { background: #143d8d; border-bottom: 2px solid #fff; border-right: 1px solid #fff; padding: 2px 3px 2px 5px; }
#right-column .text table thead td { background: #bed9ed; border-right: 1px solid #fff; padding: 2px 3px 2px 5px; }
#right-column .text table tbody th,
#right-column .text table tbody td  { border-right: 1px solid #fff; padding: 2px 3px 2px 5px; }
#right-column .text table tbody th  { text-align: left; }
#right-column .text table .bkg th,
#right-column .text table .bkg td { background: #eff3f7; }

.jobs-list li        { padding: 10px 5px 0 8px; }
.jobs-list li.bkg    { background: #eff3f7; }
.jobs-list li .date  { display: block; margin-bottom: 5px; }

#right-column h2.list-title { background: #143d8d; padding: 7px 12px; }

#right-column .article-list li        { padding: 10px 7px; overflow: hidden; zoom: 1; }
#right-column .article-list li.bkg    { background: #eff3f7; }
#right-column .article-list li img    { display: block; float: left; margin: 0 16px 0 0;  }
#right-column .article-list li .date  { margin-bottom: 4px; display: block; }
#right-column .article-list li .text  { padding: 0; }
#right-column .article-list li h2,
#right-column .article-list li h3     { margin-bottom: 7px;  }
#right-column .article-list li p      { margin-bottom: 10px; }
#right-column .article-list li .more  { float: right;  }

.img-box      { float: right; margin: 0 0 20px 15px; width: 264px; }
.img-box img  { display: block; }
.img-box a    { display: block; background: #eff3f7 url(../images/dwnlIcon.gif) 13px 9px no-repeat; margin-top: 5px; padding: 8px 10px 10px 42px; }
.img-box a span { display: block; padding-top: 5px; }

#right-column .pagination       { overflow:hidden; zoom: 1; }
#right-column .pagination li    { float:left; margin-right:3px; }
#right-column .pagination li a  { display:block; padding:3px 5px; }

#right-column .accordion        { margin-bottom: 35px; }
#right-column .accordion dt     { background: #eff3f7; padding: 6px 12px; }
#right-column .accordion .text  { padding: 10px 26px 5px 26px; }

#right-column .accordion.js dt.on  { background: #143d8d; }
#right-column .accordion.js .text  { display: none; }

.form               { background: #eff3f7; padding: 15px 14px; }
.form h2            { margin-bottom: 5px; }
.form fieldset      { padding: 15px 0 20px 0; overflow: hidden; zoom: 1; }
.form ul.left       { width: 250px; }
.form ul.right      { width: 202px; }
.form li            { padding-bottom: 7px; float: left; }
.form li.small      { width: 115px; }
.form li.left       { width: 120px; }
.form label         { display: block; margin: 0 0 6px 2px; }
.form .txt          { width: 230px; border: 1px solid #d5d8dc; padding: 2px 3px; background: #fff url(../images/inputBkg.gif) top left repeat-x; }
.form li.small .txt { width: 109px; }
.form .right .txt   { width: 195px; }
.form .right div    { background: #fff url(../images/inputBkg.gif) top left repeat-x; }
.form textarea      { width: 195px; height: 84px; border: 1px solid #d5d8dc; padding: 2px 3px; background: none; }
.form .right img    { display: block; margin: 5px 0 0 2px; }
.form .button       { float: right; background: lime url(../images/buttonLeft.gif) top left no-repeat; padding-left: 6px; *padding-left: 1px; display: block; cursor: pointer; margin-left: 5px; }
.form .button input { background: url(../images/buttonRight.gif) top right no-repeat; padding: 4px 12px 0px 6px; *padding: 4px 6px 0px 0px; display: block; cursor: pointer; }
.form .error				{ margin:5px 0; }

.employment li { float:none; }
.employment .txt { width:440px; }
.employment img { margin-top:5px; }

#map-wrapper      { border: 2px solid #eff3f7; }
#map-wrapper img  { display: block; }

.switcher     { background: #143d8d; padding: 15px 0 18px 18px; }
.switcherJs   { width: 465px; float: left; position: relative; z-index: 400; }

.switcher ul  { display: none; }

.office-list    { clear: left; }
.office-list li { overflow: hidden; zoom: 1; position: relative; padding: 9px 0 0 6px; }
.office-list li.bkg { background: #eff3f7; }
.office-list li h2  { padding: 10px 0 5px 50px; margin-bottom: 10px; }
.office-list li.atm h2    { background: url(../images/ICONatm.gif) top left no-repeat; }
.office-list li.office h2 { background: url(../images/ICONoffice.gif) top left no-repeat; }

.switcherWrap     { position: relative; margin-right: 50px; float: left; z-index: 400; }

.switcher div div { width:160px; height:16px; padding-left:2px; background:#fff url(../images/dropDownSwitchIcon.gif) no-repeat right top; color:#686868; cursor:pointer; font-size:1.1em; line-height:16px; border:1px solid #6485a7;  }
.switcher ul      { position:absolute; background:#fff; color:#686868; border:1px solid #6485a7; width:162px; padding-bottom:10px; top: 17px; z-index: 500; }
.switcher li      { margin: 4px 0 0 10px; cursor: pointer; }

.office-list li .more  { display: block; position: absolute; top: 20px; right: 7px; }

.office-list li ul { background: url(../images/officeListFauxColumns.gif) top left repeat-y; float: left; }
.office-list li li  { padding: 10px 0 10px 0; float: left; width: 150px; padding-right: 10px; }
.office-list li li.last { width: 143px; }

/* SIDEBAR */
#sidebar  { float: right; width: 182px; }

#controls { overflow: hidden; zoom: 1; padding-top: 6px; height: 28px; margin-right:10px; }
#controls dt,
#controls dd  { float: left; display: block; }
#controls dt  { padding: 3px 5px 0 0; }
#controls a   { display: block; float: left; width: 16px; height: 17px; background: url(../images/controlsSprite.gif); text-indent: -9999px; }

#normal-text a.on,
#normal-text a:hover      { background-position: -17px 0px; }
#normal-text a            { background-position: 0px 0px; }
#medium-text a.on,
#medium-text a:hover      { background-position: -17px -18px; }
#medium-text a            { background-position: 0px -18px; }
#large-text a.on,
#large-text a:hover       { background-position: -17px -36px; }
#large-text a             { background-position: 0px -36px; }
#normal-contrast a.on,
#normal-contrast a:hover  { background-position: -17px -54px; }
#normal-contrast a        { background-position: 0px -54px; }
#high-contrast a.on,
#high-contrast a:hover    { background-position: -17px -72px; }
#high-contrast a          { background-position: 0px -72px; }

#office-switch    { background: #3a7bbb url(../images/officeSwitchBkg.gif) top left repeat-x; padding: 6px 0 8px 9px; margin-bottom: 2px; }
#office-switch h2 { margin-bottom: 6px; }
#office-switch.js div { width:160px; height:16px; padding-left:2px; background:#fff url(../images/dropDownSwitchIcon.gif) no-repeat right top; color:#686868; cursor:pointer; font-size:1.1em; line-height:16px; border:1px solid #6485a7; }
#office-switch.js ul { position:absolute; background:#fff; color:#686868; border:1px solid #6485a7; width:162px; padding-bottom:10px; }
#office-switch li { margin: 4px 0 0 10px; }
#office-switch.js li a { color:#686868; }

#sidebar .block img { display: block; }

#sidebar .block h2      { background: #397abb url(../images/sidebarH2Bkg.gif) top left repeat-x; padding: 5px 0 4px 9px; }
#sidebar .block table   { background: #eff3f7; width: 100%; border: 6px solid #eff3f7; border-left: none; border-right: none; }
#sidebar .block th      { padding: 2px 6px 4px 6px; text-align: left; }
#sidebar .block td      { padding: 2px 6px; vertical-align: middle; }
#sidebar .block .bkg td { background: #fff; }
#sidebar .block td img  { display: block; margin-left: 3px; }
#sidebar .block a.right  { margin-right: 10px; }

#sidebar .block .type2  { border-bottom: none; }
#sidebar .block .type2 td { padding: 4px 6px; }

#sidebar .more  { margin: 3px 0 6px 0; }

#sidebar #calculator        { clear: both; background: #eff3f7; overflow: hidden; zoom: 1; }
#sidebar #calculator h2     { background: #eff3f7; padding: 8px 0 9px 9px; }
#sidebar #calculator div    { padding: 0 10px; }
#sidebar #calculator .txt   { width: 59px; border: 1px solid #3f89c3; display: block; padding: 1px 2px 0 2px; margin-bottom: 3px; }
#sidebar #calculator select { border: 1px solid #3f89c3; width: 65px; margin-bottom: 6px; }
#sidebar #calculator span   { float: left; padding-left: 2px; }

/* FOOTER */
#footer { float: left; width: 905px; padding: 49px 0 15px 0; }

#footer ul          { text-align: center; background: #c0e8fb; padding: 4px 0 5px 0; margin-bottom: 5px; }
#footer ul li       { display: inline; padding: 0 15px; background: url(../images/footerNavBorder.gif) right 1px no-repeat; }
#footer ul li.last  { background: none; }

#footer p { margin: 0; text-align: center; }

#sign { margin-left:15px; float: left; display:inline; }