/*

Citibank
http://www.citigroup.de

S C R E E N . C S S

*/


/*  I M P O R T   S T Y L E S
--------------------------------------------------------------------------------------------------- */

@import url(reset.css); /* Reset CSS */
@import url(accordion.css); /* Reset CSS */


/*  G L O B A L   S E T T I N G S   A N D   C L A S S E S
--------------------------------------------------------------------------------------------------- */


/* Body ------------------- */

body { background: #FFF; font: normal 11px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000; padding: 15px 10px }

#container { position: relative; width: 960px; }


/* Headings ------------------- */

h1#logo { background: transparent url("../images/logo.jpg") no-repeat left top; display: block; margin: 12px 0 0 21px; }
h1#logo a { text-indent: -999em; display: block; width: 74px; height: 42px; }
h2 { font-size: 24px; line-height: 1.2; color: #000; }
h3 { font-weight: normal; font-size: 18px; line-height: 1.2; color: #000; margin: 0 0 10px; }
h4 { font-size: 11px; color: #000; margin: 0; }
h5 {  }
h6 {  }


/* Links ------------------- */

a:link { color: #ff1f00; text-decoration: underline; }
a:visited { color: #ff1f00; text-decoration: underline; }
a:hover { color: #666; text-decoration: underline; }
a:active { color: #666; text-decoration: underline; position: relative; top: 1px; }

a.more { background: url("../images/a-more.gif"); width: 103px; height: 15px; }
a.more-career { background: url("../images/a-more-career.gif"); width: 165px; height: 15px; }
a.more-press { background: url("../images/a-more-press.gif"); width: 131px; height: 15px; }

a.more:hover, a.more-career:hover, a.more-press:hover { background-position: 0 -15px; }

a:link.main { font-weight: normal; font-size: 18px; line-height: 1.2; color: #666; padding: 0 0 0 23px; text-decoration: none; }
a:visited.main { font-weight: normal; font-size: 18px; line-height: 1.2; color: #666; padding: 0 0 0 23px; text-decoration: none; }
a:hover.main { font-weight: normal; font-size: 18px; line-height: 1.2; color: #000; padding: 0 0 0 23px; text-decoration: none; }
a:active.main { font-weight: normal; font-size: 18px; line-height: 1.2; color: #000; padding: 0 0 0 23px; text-decoration: none; }

a:link.main-gts { font-weight: normal; font-size: 18px; line-height: 1.2; color: #666; padding: 0; text-decoration: none; }
a:visited.main-gts { font-weight: normal; font-size: 18px; line-height: 1.2; color: #666; padding: 0; text-decoration: none; }
a:hover.main-gts { font-weight: normal; font-size: 18px; line-height: 1.2; color: #000; padding: 0; text-decoration: none; }
a:active.main-gts { font-weight: normal; font-size: 18px; line-height: 1.2; color: #000; padding: 0; text-decoration: none; }

p.main-gts-link { padding: 0 0 0 23px; margin: 0; }

/* Lists ------------------- */

ul { list-style: none outside; }
ol { list-style: decimal inside; }
/* ul ul, ol ol { margin: 0 } */

ul.bullets { margin: 0 20px 12px; list-style: square outside; }
ul.disc { margin: 0 20px 12px; list-style: disc outside; }

/* Forms ------------------- */

form {  }

fieldset {  }

fieldset>div { overflow: hidden; width: 100%; margin: 0 }
fieldset>div label { float: left; width: 200px; background: red; }

legend { text-indent: -9999px; font-size: 0px; line-height: 0; }
label { display: block; cursor: pointer; }

input[type=text], select, textarea { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #333; padding: 4px 3px; }

input[type=text] { width: 200px; border: 1px solid #999; border-color: #333 #999 #CCC; }
select { cursor: pointer; padding: 0; }
textarea { width: 400px; border: 1px solid #999; border-color: #333 #999 #CCC; }
button {  }

.btn { height: 30px; }
.btn:hover { background-position: 0 -30px }
.btn:active { background-position: 0 -60px; position: relative; top: 1px; }

span.btnalt { margin: 6px 0 0 3px; }
span.btnalt a { font-weight: bold; }


/* Tables ------------------- */

table {  }

table, th, td {  }
th { background: #000; font-weight: bold; color: #FFF; }
th, td { border-bottom: 1px solid #000; padding: 4px 3px; }


/* Colors ------------------- */

.light {  }


/* Icons ------------------- */

.icon { background-repeat: no-repeat; background-position: 0 50%; padding-left: 22px; }
.icon.delicious { background-image: url("../images/___demofiles/delicious-16x16.gif"); }


/* Images ------------------- */

img {  }

img.left { margin: 0 10px 10px 0; }
img.right { margin: 0 0 10px 10px; }


/* Buttons ------------------- */

button#btn-demo, a#linkbtn-demo { background-image: url("../images/___demofiles/button.jpg"); width: 112px; }


/*  H E A D E R
--------------------------------------------------------------------------------------------------- */

#header { background: url("../images/bg-header.png") no-repeat 0 32px; height: 140px; overflow: hidden; padding: 2px 3px }

/* Top Nav ------------------- */

ul#topnav { overflow: hidden; margin: 0; }
ul#topnav li { display: inline; padding: 0px 0px; }
ul#topnav a { float: left; background-repeat: no-repeat; background-position: 0 -33px; width: 178px; height: 33px; }
ul#topnav a:hover { background-position: 0 -66px;  }
ul#topnav a:active {  }

ul#topnav a#nav-business { background-image: url("../images/globalnav-businessareas.png"); }
ul#topnav a#nav-about { background-image: url("../images/globalnav-aboutciti.png");}

ul#topnav li.current a { background-position: 0 0 !important; }

/* Main Nav ------------------- */

ul#nav { margin: 14px 21px 0; }
ul#nav li { display: inline; }

ul#nav a { float: left; height: 15px; text-indent: -9999px; margin-right: 51px; background-repeat: no-repeat; background-position: 0 0; }

ul#nav a#nav-globalbanking { background: url("../images/nav-globalbanking.png"); width: 86px; }
ul#nav a#nav-globalmarkets { background: url("../images/nav-globalmarkets.png"); width: 86px; }
ul#nav a#nav-globaltransservices { background: url("../images/nav-globaltransservices.png"); width: 160px; }
ul#nav a#nav-citifirst { background: url("../images/nav-citifirst.png"); width: 52px; }

ul#nav a#nav-unternehmen { background: url("../images/nav-unternehmen.png"); width: 104px; }
ul#nav a#nav-historie { background: url("../images/nav-historie.png"); width: 45px; }
ul#nav a#nav-citiweltweit { background: url("../images/nav-citiweltweit.png"); width: 71px; }
ul#nav a#nav-karriere { background: url("../images/nav-karriere.png"); width: 47px; }
ul#nav a#nav-presse { background: url("../images/nav-presse.png"); width: 38px; }

ul#nav a:hover { background-position: 0 -15px !important;  }
ul#nav a:active {  }

ul#nav .current a { cursor: default !important; background-position: 0 100% !important; }


/*  M A I N
--------------------------------------------------------------------------------------------------- */

#main { background: url("../images/bg-main.png") no-repeat 0 100%; overflow: hidden; }
body#home #main { background: none; padding: 0; }

#main .inner { background: url("../images/bg-maintop.png") no-repeat 0 0; overflow: hidden; padding: 23px 27px 45px 0; min-height: 300px; }


/* Index ---------------------- */

#intro { overflow: hidden; margin-bottom: 20px; padding-right: 20px }


/* Slider */

#accordion { float: left; background: url("../images/bg-intro.png"); width: 710px; padding: 2px 7px 5px 3px }
#accordionGiftLelo { height: 230px; width: 710px; } 
#accordion a:active { top: 0; }

#sliderfallback { background: url("../images/bg-slider-nojs.jpg"); float: left; text-indent: -9999px; width: 710px; height: 230px; padding: 2px 7px 5px 3px }
#sliderfallback2 { background: url("../images/bg-slider-nojs2.jpg"); float: left; text-indent: -9999px; width: 710px; height: 230px; padding: 2px 7px 5px 3px }

#news { background: url("../images/bg-newsbox.gif") repeat-x 0 0; float: right; width: 205px; min-height: 190px; padding: 20px 0; }

.group { overflow: hidden; position: relative; margin: 0 0 35px; }
.teaser { background: url("../images/bg-teaser.gif") repeat-y 239px 0; }
.col { display: inline; float: left; width: 210px; padding: 5px 15px 15px; }
.col a, .col a:active { position: absolute; bottom: 0px; top: auto; }
.col img.right { margin-left: 8px; }

/* Headlines */

h2.bgtype { width: 680px; height: 24px; }


h2#hl-dummy { background: url("../images/h2-dummy.jpg") no-repeat; }


h2#hl-datenschutz { background: url("../images/h2-datenschutz.jpg") no-repeat; }
h2#hl-demo { background: url("../images/h2-demo.jpg") no-repeat; }
h2#hl-impressum { background: url("../images/h2-impressum.jpg") no-repeat; }
h2#hl-kontakt { background: url("../images/h2-kontakt.jpg") no-repeat; }
h2#hl-nutzungsbedingungen { background: url("../images/h2-nutzungsbedingungen.jpg") no-repeat; }
h2#hl-sitemap { background: url("../images/h2-sitemap.jpg") no-repeat; }

h3.bgtype { width: 208px; height: 17px; }

h3#hl-news_info { background: url("../images/h3-news_info.jpg") no-repeat; }
h3#hl-citi_first { background: url("../images/h3-demo.jpg") no-repeat; }
h3#hl-global_banking { background: url("../images/h3-global_banking.jpg") no-repeat; }
h3#hl-global_markets { background: url("../images/h3-global_markets.jpg") no-repeat; }
h3#hl-global_trans_services { background: url("../images/h3-global_trans_services.jpg") no-repeat; }
h3#hl-karriere_bei_citi { background: url("../images/h3-karriere_bei_citi.jpg") no-repeat; }

h3#hl-geschaeftsbereiche { background: url("../images/h3-geschaeftsbereiche.jpg") no-repeat; }
h3#hl-ueber_citi { background: url("../images/h3-ueber_citi.jpg") no-repeat; }
h3#hl-citi_weltweit { background: url("../images/h3-citi_weltweit.jpg") no-repeat; }
h3#hl-das_unternehmen { background: url("../images/h3-das_unternehmen.jpg") no-repeat; }
h3#hl-historie { background: url("../images/h3-historie.jpg") no-repeat; }
h3#hl-karriere_bei_citi { background: url("../images/h3-karriere_bei_citi.jpg") no-repeat; }


/* Subpages ------------------- */

#sidebar { float: left; width: 198px; margin: 0 0 50px 0; }

#sidebar h3 { margin: 0 0 17px 23px }
#sidebar h4 { margin: 0 0 6px }

#sidebar ul li a:active { position: static; }

ul#nav-2nd { margin: 17px 0 40px 4px; }

ul#nav-2nd li a { background: url("../images/sidebar-li.gif") no-repeat 20px 8px; color: #666; text-decoration: none !important; display: block; padding: 6px 0 6px 32px; }
*+html ul#nav-2nd li a { min-height: 1%; }

ul#nav-2nd li a:hover { color: #000; }

ul#nav-2nd li.current { font-weight: normal !important; }
ul#nav-2nd li.current.grey { font-weight: bold !important; background: url("../images/sidebar-ul-current.gif") repeat-y -5px 0; border: 1px solid #ccc; border-width: 1px 0 }

ul#nav-2nd li.current a { background-position: 20px -15px; color: #000; text-decoration: none !important }
ul#nav-2nd li.current a:hover { color: #000; text-decoration: none !important }

ul#nav-2nd ul { margin: 0 0 0 12px }
ul#nav-2nd ul li a { background: none; font-weight: normal; padding: 6px 0 6px 32px }
ul#nav-2nd li.current li { background: url("../images/sidebar-ul-current-li.gif") repeat-x 0 0; }
ul#nav-2nd li.current li a { font-weight: normal; color: #666; }
ul#nav-2nd li.current li a:hover { font-weight: normal; color: #000; text-decoration: none !important; }

ul#nav-2nd li.current li.current { color: #000; border: 0 none; }
ul#nav-2nd li.current li.current a { color: #000; text-decoration: none !important; }
ul#nav-2nd li.current li.current a:hover { color: #000; text-decoration: none !important; cursor: default; }

/* Content Linklist ------------------------------ */

ul#nav-content { margin: 0 0 30px 0; }

ul#nav-content li a { background: url("../images/sidebar-li.gif") no-repeat 1px 8px; color: #666; text-decoration: none !important; display: block; padding: 5px 0 6px 14px; }
*+html ul#nav-content li a { min-height: 1%; }

ul#nav-content li a:hover { color: #000; }

ul#nav-content li.current { font-weight: normal !important; }
ul#nav-content li.current.grey { font-weight: bold !important; background: url("../images/sidebar-ul-current.gif") repeat-y -5px 0; border: 1px solid #ccc; border-width: 1px 0 }

ul#nav-content li.current a { background-position: 20px -15px; color: #000; text-decoration: none !important }
ul#nav-content li.current a:hover { color: #000; text-decoration: none !important }

ul#nav-content ul { margin: 0 0 0 12px }
ul#nav-content ul li a { background: none; font-weight: normal; padding: 6px 0 6px 32px }
ul#nav-content li.current li { background: url("../images/sidebar-ul-current-li.gif") repeat-x 0 0; }
ul#nav-content li.current li a { font-weight: normal; color: #666; }
ul#nav-content li.current li a:hover { font-weight: normal; color: #000; text-decoration: none !important; }

ul#nav-content li.current li.current { color: #000; border: 0 none; }
ul#nav-content li.current li.current a { color: #000; text-decoration: none !important; }
ul#nav-content li.current li.current a:hover { color: #000; text-decoration: none !important; cursor: default; }

ul#list-content { padding-left: 15px; margin-left: 15px; }
ul#list-content li { margin-bottom: 6px; list-style:disc; list-style-type:disc; }


#sidebar div { background: url("../images/sidebar-ul-current-li.gif") repeat-x 0 0; min-height: 1%; padding-top: 10px; margin: 0 0 0 24px; }

ul.downloads { overflow: hidden; }
ul.downloads li a { float: left; width: 100%; background: url("../images/pdf.gif") no-repeat 0 50%; padding: 1px 0 1px 18px; }

#content { float: right; width: 690px; padding-top: 4px; margin-bottom: 50px; }

.pageintro { width: 690px; text-indent: -9999px; margin-bottom: 20px; }

#intro-citi-first { background: url("../images/pageintro.jpg"); height: 172px; }
#intro-global-banking { background: url("../images/pageintro-globalbanking.jpg"); height: 172px; }
#intro-corporate-bank { background: url("../images/pageintro-corporate-bank.jpg"); height: 138px; }
#intro-investment-bank { background: url("../images/pageintro-investment-bank.jpg"); height: 117px; }
#intro-global-subsidiaries-group { background: url("../images/pageintro-global-subsidiaries-group.jpg"); height: 117px; }
#intro-public-sector-group { background: url("../images/pageintro-public-sector-group.jpg"); height: 117px; }
#intro-global-markets { background: url("../images/pageintro-globalmarkets.jpg"); height: 172px; }
#intro-global-transaction-services { background: url("../images/pageintro-globaltransactionservice.jpg"); height: 172px; }

#intro-gts-cash-management { background: url("../images/pageintro-gts-cash-management.jpg"); height: 117px; }
#intro-gts-trade-services-and-finance { background: url("../images/pageintro-gts-trade-services-and-finance.jpg"); height: 117px; }
#intro-gts-securities-and-fund-services { background: url("../images/pageintro-gts-securities-and-fund-services.jpg"); height: 138px; }
#intro-gts-payments { background: url("../images/pageintro-gts-payments.jpg"); height: 52px; }
#intro-gts-receivables { background: url("../images/pageintro-gts-receivables.jpg"); height: 52px; }
#intro-gts-information-services { background: url("../images/pageintro-gts-information-services.jpg"); height: 52px; }
#intro-gts-global-liquidity-and-investments { background: url("../images/pageintro-gts-global-liquidity-and-investments.jpg"); height: 52px; }
#intro-gts-card-solutions { background: url("../images/pageintro-gts-card-solutions.jpg"); height: 52px; }
#intro-gts-working-capital-and-scm { background: url("../images/pageintro-gts-working-capital-and-scm.jpg"); height: 52px; }
#intro-gts-trade-services { background: url("../images/pageintro-gts-trade-services.jpg"); height: 52px; }
#intro-gts-export-and-agency-finance { background: url("../images/pageintro-gts-export-and-agency-finance.jpg"); height: 52px; }
#intro-gts-insurance-letters-of-credit { background: url("../images/pageintro-gts-insurance-letters-of-credit.jpg"); height: 52px; }
#intro-gts-citidirect-online-banking { background: url("../images/pageintro-gts-citidirect-online-banking.jpg"); height: 52px; }
#intro-gts-direct-custody-and-clearing { background: url("../images/pageintro-gts-direct-custody-and-clearing.jpg"); height: 52px; }
#intro-gts-investor-services { background: url("../images/pageintro-gts-investor-services.jpg"); height: 52px; }
#intro-gts-global-custody { background: url("../images/pageintro-gts-global-custody.jpg"); height: 52px; }
#intro-gts-securities-finance { background: url("../images/pageintro-gts-securities-finance.jpg"); height: 52px; }
#intro-gts-issuer-service-agency-and-trust { background: url("../images/pageintro-gts-issuer-service-agency-and-trust.jpg"); height: 52px; }
#intro-gts-sfs-information-services { background: url("../images/pageintro-gts-sfs-information-services.jpg"); height: 52px; }

#intro-global-markets-equity { background: url("../images/pageintro-globalmarkets-equity.jpg"); height: 116px; }
#intro-global-markets-fixed-income { background: url("../images/pageintro-globalmarkets-fixed-income.jpg"); height: 138px; }
#intro-global-markets-foreign-exchange { background: url("../images/pageintro-globalmarkets-foreign-exchange.jpg"); height: 138px; }
#intro-global-markets-citifirst { background: url("../images/pageintro-globalmarkets-citifirst.jpg"); height: 138px; }

#intro-historie { background: url("../images/pageintro-historie.jpg"); height: 172px; }
#intro-karriere { background: url("../images/pageintro-karriere.jpg"); height: 172px; }
#intro-presse { background: url("../images/pageintro-presse.jpg"); height: 172px; }
#intro-unternehmen { background: url("../images/pageintro-das_unternehmen.jpg"); height: 172px; }
#intro-weltweit { background: url("../images/pageintro-weltweit.jpg"); height: 172px; }

#introsub-dummy { background: url("../images/introsub-dummy.jpg"); height: 111px }

p.breadcrumb { margin-bottom: 40px; }
p.breadcrumb { color: #666; }
p.breadcrumb a { color: #666 !important; text-decoration: none !important; }
p.breadcrumb a:hover { color: #333 !important }
p.breadcrumb span { color: #000; }

#sitemap {  }
#sitemap .last { padding-top: 17px; }
#sitemap h4 a { font-size: 11px; color: #000 !important; text-decoration: none !important }
#sitemap h4 a:hover { text-decoration: underline !important }
#sitemap ul { width: 215px; display: block; padding: 0 0 }
#sitemap li { padding: 10px 0 0 0; }
#sitemap li a { background: url("../images/sidebar-li.gif") no-repeat 0 2px; color: #000; text-decoration: none !important; padding-left: 13px; }
#sitemap li a:hover { text-decoration: underline !important }
#sitemap li.current a { background-position: 0 -22px; font-weight: bold; text-decoration: none }
#sitemap ul ul { margin: 0 0 0 13px; }
#sitemap ul ul li { padding: 5px 0 0 0; }

*+html .contact-info { margin-bottom: 12px; }


/*  F O O T E R
--------------------------------------------------------------------------------------------------- */

#footer { overflow: hidden; padding: 0 5px; }

#footernav { border: 1px solid #CCC; border-width: 1px 0; margin-bottom: 10px; padding: 7px 0; }
#footernav a { color: #666; text-decoration: none; }
#footernav a:hover { color: #333; text-decoration: none; }
#footernav ul { margin: 0 }
#footernav ul li { display: inline }
#footernav ul.left li { margin-right: 30px; }
#footernav ul.right li { margin-left: 30px; }

#footer p#copyright { float: right; color: #999; }
#footer p#copyright a { color: #999; text-decoration: none; }