/*! jQuery UI - v1.10.3 - 2013-08-12 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.slider.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{}.ui-widget-header .ui-icon{}.ui-state-default .ui-icon{}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{}.ui-state-active .ui-icon{}.ui-state-highlight .ui-icon{}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} /**************************************************************************** * * * CUSTOM * * * *****************************************************************************/ /***** Reset *****/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td{ border: 0; text-decoration:none; } *{padding:0; margin:0;} body{line-height:1;} h1{color:#FFFFFF; font-size:28px; font-family: 'NGbold'; font-weight:normal;} h2{color:#00527C; font-size:24px; font-family: 'NGbold'; font-weight:normal;} h3{color:#333333; font-size:24px; font-family: 'NGbold'; font-weight:normal;} h4{color:#333333; font-size:20px; font-family: 'NGbold'; font-weight:normal;} h5{color:#00527C; font-size:20px; font-family: 'NGbold'; font-weight:normal; line-height:24px;} h6{color:#333333; font-size:16px; font-family: 'NGbold'; font-weight:normal;} .sp{color:#333333; font-size:12px; font-family: 'NGreg'; font-weight:normal; line-height:120%;} /**** Fonts ****/ @font-face { font-family: 'NGbold'; src: url('../fonts/281A85_0_0.eot'); src: url('../fonts/281A85_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/281A85_0_0.svg#NGbold') format('svg'), url('../fonts/281A85_0_0.woff') format('woff'), url('../fonts/281A85_0_0.ttf') format('truetype'); } @font-face { font-family: 'NGreg'; src: url('../fonts/281A85_1_0.eot'); src: url('../fonts/281A85_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/281A85_1_0.svg#NGreg') format('svg'), url('../fonts/281A85_1_0.woff') format('woff'), url('../fonts/281A85_1_0.ttf') format('truetype'); } /**** Global ****/ .clear { clear: both; } body { font-family: 'NGreg'; color: #333333; font-size: 16px; } a { color: #006193; border: none; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s; } a:hover { color: #018BC8; } a.anchor { color: #333333; } a:active { background: none; } a.pdf { background: url(../img/icon_pdf.png) no-repeat; background-position: center left; padding-left: 30px; width: 18px; height: 24px; padding-top: 4px; padding-bottom: 2px; } a.print{ background: url(../img/icon-print.png) no-repeat; background-position: center left; width:20px; height:18px; padding-left: 30px;} div.pdfLinkHolder { background: url(../img/icon_pdf.png) no-repeat; background-position: top left; min-width: 18px; min-height: 24px; padding-left: 25px; } a.hl { color: #333333; } a.hl:hover { text-decoration: underline; color: #00527C; } a.rMore:hover { text-decoration: underline; color: #018BC8; } a.btn { font-family: 'NGbold'; width: auto; height: 22px; background: url(../img/arrowBtn.png) no-repeat #006193; background-position: 87% 12px; padding: 10px 50px 4px 24px; color: #FFFFFF; display: block; float: left; } a.btnBack { font-family: 'NGbold'; width: auto; height: 22px; background: url(../img/arrowBtnBack.png) no-repeat #006193; background-position: 13% 12px; padding: 10px 29px 4px 45px; color: #FFFFFF; display: block; float: left; } a.btnWithOutArrow { font-family: 'NGbold'; width: auto; height: 22px; background: no-repeat #006193; background-position: 87% 12px; padding: 7px 24px 8px 24px; color: #FFFFFF; display: block; float: left; } a.withArrow{background: url(../img/arrow.png) no-repeat; background-position: 0px center; padding-left:18px; font-size:16px; transition:none;} a.withArrow:hover{background: url(../img/arrowHover.png) no-repeat; background-position: 0px center; color: #018BC8;} .generalSubCon a.btn { height: 26px; padding: 6px 50px 4px 24px; } .generalCatCon a.btn { height: 26px; padding: 6px 50px 4px 24px; } a.btn:hover, input[type="submit"]:hover { background-color: #018BC8 !important; } a.btnBack:hover, input[type="submit"]:hover { background-color: #018BC8 !important; } input.error, select.error { background: #FDEAE9; } input[type="text"], input[type="submit"], input[type="password"], select, button, textarea{-webkit-appearance: none; border-radius: 0; height: 20px; border: 1px solid #B0B0AF; padding: 5px;} select { border: 1px solid #B0B0AF; height: 32px; background-color: transparent; padding: 5px; } textarea { resize: none; } img { border: none; } img.overflowImg { float: left; padding-right: 20px; padding-bottom: 10px; } .center { width: 960px; position: relative; margin: 0 auto; } .fondPlus { font-style: italic; } .line { border-top: 1px #D1D1D1 solid; } p.withArrow{background: url(../img/arrow.png) no-repeat; background-position: 0px center; padding-left:18px; font-size:16px; transition:none;} p.withArrow:hover{background: url(../img/arrowHover.png) no-repeat; background-position: 0px center; color: #018BC8;} strong { font-family: 'NGbold'; font-weight: normal; } .email { color: #00527C; } .qImg { margin: 32px auto; display: block; } select.error { border: 1px solid #EE3127; } input.error { border: 1px solid #EE3127; } label.error { color: #EE3127; } .extM { margin: 36px 0 0 0; } .spacerBottom8 { margin-bottom: 8px; } h6:first-child, p:first-child { margin-top: 0px; } h6, p { margin-top: 12px; } .printContent{display:none;} table.glossary-table td { vertical-align: top; } table.glossary-table { border-spacing: 0; border-collapse: separate; } table.glossary-table, table.tX { width: 100%; border-bottom: #EEEEEE 1px solid; } table.glossary-table tr:nth-child(2n-1), table.tX tr:nth-child(2n-1) { background: #F5F5F5; } table.glossary-table tr th, table.tX tr th { text-align: left; background: #EEEEEE; } table.glossary-table tr td, table.glossary-table tr th, table.tX tr td, table.tX tr th { padding: 6px; } table.glossary-table tr td, table.tX tr td { border-left: #EEEEEE 1px solid; } table.glossary-table tr td:first-child, table.tX tr td:first-child { border-left: none; } table.t2 tr td:first-child { width: 70%; } table.t3 tr td:last-child { text-align: right; } table th { font-family: 'NGBold'; font-weight: normal; } table.pdfTable { width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; border-bottom: 1px #E6E6E6 solid; margin-top: 25px; } table.pdfTable thead { background: #EEEEEE; border: 0; } table.pdfTable thead tr td { color: #444444; font-size: 16px; font-family: 'NGBold'; } table.pdfTable thead tr td { border: none; } table.pdfTable tr:nth-child(2n) { background: #F5F5F5; } table.pdfTable tr td { text-align: center; border-left: 1px #E6E6E6 solid; } table.pdfTable tr td:first-child { text-align: left; border: none; width: 414px; } table.pdfTable tr, table.pdfTable td, table.pdfTable th { padding: 9px; font-family: 'NGreg'; } table.pdfTable td li { list-style: none; background: url(../img/icon_pdf.png) no-repeat; padding-left: 30px; margin-left: -20px; } .icon { width: 20px; height: 20px; position: absolute; z-index: 5; } .icon.help { background: url(../img/wissen/toolsrechner/btn-help.png) left top no-repeat; width: 18px; height: 18px; background-repeat: no-repeat; z-index: 5; } .helpBoxOverlay { display: inline; position: absolute; background: #999999; padding: 20px; z-index: 10; border: 1px solid #333333; width: 400px; color: #FFFFFF; border: none; font-size: 16px; font-family: 'NGreg'; } .helpBoxOverlay:before { content: ''; position: absolute; border-color: transparent #999999 transparent transparent; display: block; top: 8px; left: -20px; border-width: 10px; border-style: solid; } .smallprint { font-size: 12px; color: #333333; font-family: 'NGreg'; line-height: normal !important; } .blocker { display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9; } .smallText { font-size: 12px; line-height: 15px; color: #666666; } .pdfLargeIcon { background: url(../img/icon_pdf_large.png) no-repeat; width: 45px; height: 60px; display: block; float: left; padding: 0px 15px 5px 0; margin-top: 6px; } /**** Header ****/ .header { height: 60px; margin-top: 36px; } .header .ffbLogo { background: url(../img/ffb-logo.png) no-repeat; width: 160px; height: 60px; } .header .ffbLogo a { display: block; width: 100%; height: 100%; } .header .loginForm { position: absolute; bottom: 0; right: 0; } .header .loginForm .inputField { float: left; font-size: 14px; position: relative; } .header .loginForm .inputField input.loginData { width: 178px; } .header .loginForm .inputField input.loginBtn { width: 60px; height: 32px; background: #006193; color: #FFFFFF; vertical-align: middle; border: none; font-family: 'NGbold'; cursor: pointer; margin-right: 0; font-size: 14px; } .header .loginForm .inputField input { margin: 5px 9px 0 0; } .header .loginForm .inputField .headerLinks{top:-10px; right:0px; position:absolute; width:200px; text-align:right;} .header .loginForm .inputField .headerLinks a{display:block; line-height:20px;} /**** Login Status ****/ .loginStatus { display: none; } .loginStatus .btn { float: right; margin-left: 35px; } .loginStatus .withArrow { display: inline-block; margin-top: 9px; } .header .loginStatus.loginForm { display: block; } .ciHeadline .loginStatus:first-child { display: block; } .generalCatCon.loginStatus:first-child { display: block; } .header .loginStatus.service, .header .loginStatus.malfunction { font-size: 16px; line-height: 22px; position: absolute; bottom: 0; right: 0; padding: 10px 15px; width: 430px; height: 40px; display: none; border: 1px #EEEEEE dashed; } .header .loginStatus.service { background: url(../img/login/login-gearwheel.jpg) no-repeat; background-position: 407px 11px; } .header .loginStatus.malfunction { background: url(../img/login/login-flash.jpg) no-repeat; background-position: 415px 13px; } /**** Menu ****/ .menu { position: relative; height: 48px; margin-top: 29px; z-index: 13; } .menu .firstMenu { background: #EEEEEE; height: 48px; position: absolute; width: 100%; z-index: 11; } .menu .firstMenu ul li { list-style: none; float: left; margin: 15px 0 0 55px; position: relative; display: block; overflow: visible; } .menu .firstMenu ul li.firstChild { margin-left: 20px; } .menu .firstMenu ul li a { color: #333333; display: block; } .menu .firstMenu ul li a:hover { color: #00527C; } .menu .firstMenu ul li a.current { font-family: 'NGbold'; color: #333333; } .menu .firstMenu ul li a.current:after { content: ''; display: block; position: absolute; bottom: -17px; right: 35%; width: 0; height: 0; border-color: #EEEEEE #EEEEEE #F5F5F5 #EEEEEE; border-style: solid; border-width: 8px; } .menu .firstMenu.withoutmenu ul li a.current:after { border: none; } /**** Submenu ****/ .menu .secondMenu { background: #F5F5F5; height: 48px; position: absolute; width: 100%; z-index: 10; } .menu .secondMenu ul li { list-style: none; float: left; margin: 15px 10px 0 20px; position: relative; text-align: center; overflow: visible; } .menu .secondMenu ul li a { color: #333333; display: block; text-align: left; } .menu .secondMenu ul li a:hover { color: #00527C; } .menu .secondMenu ul li a.current { font-family: 'NGbold'; color: #333333; } .menu .secondMenu { display: block; } .menu .secondMenu { display: block; } .menu .secondMenu ul { display: block; } .menu .secondMenu.categorypage { top: 100%; } .menu .secondMenu.startpage { display: none; } /**** Menu right ****/ .content .right .menuRight { background: #F5F5F5; padding: 32px 30px; margin-top: 20px; } .content .right .menuRight:first-child { margin-top: 0; } .content .right .menuRight ul { margin-top: 20px; } /**** Glossary right ****/ .content .right .glossary { background: #F5F5F5; padding: 32px 30px; } .content .right .glossary .lexikon { margin-top: 25px; } .content .right .glossary .lexikon a { padding: 5px; font-family: 'NGbold'; font-weight: normal; font-size: 20px; width: 19px; height: 19px; display: block; float: left; text-align: center; } .content .right .glossary .lexikon a.current { color: #333333; background-color: #DDDDDD; } .content .left .glossaryCont .glChild { display: none; } /**** Content ****/ .content { margin-top: 102px; } .content.startpage .line { margin-top: 30px; margin-bottom: 56px; } .content.startpage { margin-top: 29px; position: relative; } .content.category { margin-top: 55px; } .content.withoutsubmenu { margin-top: 29px; position: relative; } .content .ciHeadline { position: relative; background: #006193; width: 489px; } .content .left .ciHeadline { width: 520px; } .content .ciHeadline.startpage { margin-top: 24px; width: 620px;} .content .ciHeadline h1 { padding: 21px 30px; line-height: 32px;} .content .ciHeadline .ciCorner { position: absolute; right: -49px; top: 0; background: url(../img/ciCorner.png) no-repeat; width: 50px; height: 100%; } .content .boxesHolder { margin-top: 30px; } .content .boxesHolder .box { width: 190px; background: #EEEEEE; float: left; margin-right: 13px; padding:21px 20px; } .content .boxesHolder .box.last { margin-right: 0; } .content .boxesHolder .box a.withArrow{background: url(../img/arrow.png) no-repeat; background-position: 0px center; font-family: 'NGbold'; font-size:19px;} .content .boxesHolder .box a.withArrow:hover { background: url(../img/arrowHover.png) no-repeat; background-position: 0px center; } .content .left, .content .right { float: left; } .content .left p { line-height: 24px; } .content .left ul li { margin-bottom: 4px; } .content .left { width: 569px; margin-right: 61px; } .content .right { width: 330px; } /* Slider */ .content .ffbSlider{ width: 960px; height: 264px; position:relative;} .content .ffbSlider ul li{width: 960px; height: 264px;} .content .ffbSlider img{position:absolute;} .content .ffbSlider .slideElements{position:relative;} .content .ffbSlider .slideElements .sliderText{font-size:20px; color:#FFFFFF; line-height:24px; width:545px; margin:22px 0 0 30px;} .content .ffbSlider .slideElements a{margin:30px 0 0 30px;} .content .ffbSlider .slider-control-nav{right:28px; bottom:30px; position: absolute; z-index: 3; background:#FFFFFF;} .content .ffbSlider .slider-control-nav{padding:0 5px;} .content .ffbSlider .slider-control-nav li{list-style:none; display: inline-block; margin: 0 3px; padding:5px 0 9px;} .content .ffbSlider .slider-control-nav li a{ width:18px; height:22px; background:url(../img/slider/sprite.png) no-repeat; background-size:36px 22px; background-position:0 0; display:block; text-indent: -9999px; cursor:pointer;} .content .ffbSlider .slider-control-nav li a.slider-active{background-position:-18px 0;} /**** Footer ****/ .footer { width: 100%; position: relative; background: #F5F5F5; margin-top: 66px; } .footer a { color: #444444; } .footer a:hover { color: #00527C; } .footer .footerMenu { } .footer .footerMenu ul { float: left; line-height: 24px; width: 190px; padding: 35px 0 49px; } .footer .footerMenu ul li.category { font-family: 'NGbold'; padding-bottom: 12px; } .footer .footerMenu ul li { list-style: none; } .footer .socialLinks {position:absolute; right:0; top:30px;} .footer .socialLinks a{margin-left:6px; float:left;} .footer .footerLinks { width: 100%; background: #EEEEEE; font-size: 14px; } .footer .footerLinks ul { padding: 35px 0 49px; } .footer .footerLinks ul li { list-style: none; float: left; margin-right: 28px; } .footer .footerLinks ul li.cr { margin-right: 75px; } .footer .footerLinks ul li.lastChild { margin-right: 0px; } .footer .footerLinks ul.footerFirstLine {padding-bottom: 15px;width: 960px; position: relative; margin: 0 auto;} .footer .footerLinks ul.footerSecondLine {padding-top: 15px;width: 960px;position: relative;margin: 0 auto;} /**** Editable Elements ****/ /* Category */ .withoutsubmenu .editableElements .generalCatCon { margin-top: 34px; line-height: 24px; } .editableElements .generalCatCon .left { float: left; width: 377px; margin: 34px 0 0 0; } .editableElements .generalCatCon .right { float: right; width: 560px; margin-top: -100px; } .editableElements .generalCatCon .center { margin-top: 53px; } .editableElements .generalCatCon ul { padding-left: 22px; } /* Subcategory */ .middle .editableElements .generalSubCon .center { margin-top: 53px; } .left .editableElements .generalSubCon { margin-top: 34px; line-height: 24px; } .left .editableElements .generalSubCon.tool h4, .left .editableElements .generalSubCon.lexikon h4 { margin: 36px 0 0 0; } .left .editableElements .generalSubCon.lexikon h4.firstChild { margin: 0; } .left .editableElements .generalSubCon .sp.extM { display: block; } .left .editableElements .generalSubCon ul.linkWithArrow.geldanlage { margin-top: 40px; } .left .editableElements .generalSubCon .prevNextQ { margin-top: 55px; padding-top: 25px; line-height: 24px; } .left .editableElements .generalSubCon .prevNextQ .prev { float: left; width: 195px; } .left .editableElements .generalSubCon .prevNextQ .prev p { text-align: left; margin: 0; } .left .editableElements .generalSubCon .prevNextQ .next { float: right; text-align: right; width: 195px; } .left .editableElements .generalSubCon .prevNextQ .next p, .left .editableElements .generalSubCon .prevNextQ .next a { margin: 0; } .left .editableElements .generalSubCon .prevNextQ .prev a.abc, .left .editableElements .generalSubCon .prevNextQ .next a.abc { font-family: 'NGbold'; font-size: 20px; } ul.glossary-list, .left .editableElements .generalSubCon ul { padding-left: 22px; } /**** Box Contact ****/ .left .bContact{background:#F5F5F5; position:relative; margin-bottom:35px;} .left .bContact .personInfo{position:relative;} .left .bContact .personInfo .name{font-family: 'NGbold'; font-size: 20px;} .left .bContact .personInfo .name, .left .bContact .personInfo .jobTitle{z-index:1; position:relative;} .left .bContact img{position:absolute; right:0; bottom:0;} .left .bContact.bContact-small{width:267px; min-height:264px;} .left .bContact.bContact-small.bContact-left{float:left;} .left .bContact.bContact-small.bContact-right{float:right;} .left .bContact.bContact-small .personInfo{height:132px; padding:30px 20px;} .left .bContact.bContact-small .contactInfo{background:#FFFFFF; border:1px solid #EEEEEE; min-height:27px; width:225px; padding:28px 20px;} .left .bContact.bContact-wide{width:570px; min-height:192px;} .left .bContact.bContact-wide .contactInfo{padding:0 20px 20px;} .left .bContact.bContact-wide .personInfo{padding:35px 20px;} .left .bContact.bContact-wide .personInfo .name{font-size: 32px;} .left .bAuthor { background: #F5F5F5; padding: 26px 25px; margin-top: 35px; } .left .bAuthor .photo { border-radius: 50%; margin-right: 25px; width: 120px; height: 120px; } /**** Box Snippet ****/ .left .bSnip { width: 569px; position: relative; margin: 35px 0; } .left .bSnip.firstChild { margin-top: 55px; } .left .bSnip .bSnipImage { width: 70px; height: 70px; position: absolute; top: 0; left: 0; text-align: center; } .left .bSnip .bSnipDescription { padding-left: 100px; } .left .bSnip .bSnipDescription p { padding: 14px 0 0; line-height: 24px; margin-top: 0; } .left .bSnipLine { border-top: 1px solid #D1D1D1; width: 569px; } .left .bSnip.imageTeaser .bSnipImage {height:auto; float:left; position:relative; top:inherit; left:inherit; text-align:center; } .left .bSnip.imageTeaser .bSnipDescription { padding-left:166px;} /**** Box Info ****/ .right .bInfo { background: #F5F5F5; padding: 26px 25px; width: 280px; margin-top: 35px; } .right .bInfo:first-child { margin-top: 0px; } /*.right .bInfo img{margin:20px 0 0px -15px;}*/ .right .bInfo img.imgcenter { margin: 0 auto; display: block; } .right .bInfo p { line-height: 24px; margin: 14px 0 0; color: #303E53; } .right .bInfo .btnHolder { height: 30px; margin-top: 20px; } .right .bInfo.image { background: none; text-align: center; width: 330px; padding: 0; } .right .bInfo.image:first-child { padding: 0; margin: 0; margin-bottom: 40px; } /**** Contact Form ****/ .left .editableElements .line.form { margin-top: 45px; } .left .editableElements .contactForm { margin-top: 30px; text-align: right; } .left .editableElements .contactForm table { float: right; } .left .editableElements .contactForm table tr td { padding: 7px 0; } .left .editableElements .contactForm select { width: 401px; } .left .editableElements .contactForm input { width: 388px; margin-left: 15px; } .left .editableElements .contactForm textarea { width: 388px; margin-left: 15px; height: 232px; } .left .editableElements .contactForm td.textTop { vertical-align: top; padding-top: 15px; } .left .editableElements .contactForm td.reqFields { vertical-align: bottom; text-align: left; } .left .editableElements .contactForm td.hint { width: 388px; padding-left: 15px; text-align: left; font-size: 14px; font-weight: bolder; } .left .editableElements .contactForm .ia { font-size: 14px; font-style: italic; } .left .editableElements .contactForm .formError { width: 368px; background: #FDEAE9; margin-left: 15px; text-align: left; color: #333333; padding: 15px; line-height: 120%; margin-top: 20px; position: relative; display: none; border: 1px solid #EE3127; font-family: 'NGbold'; } .left .editableElements .contactForm .formError:after { content: ''; display: block; position: absolute; bottom: -16px; right: 70px; width: 0; height: 0; border-color: #EE3127 transparent transparent transparent; border-style: solid; border-width: 8px; } .left .editableElements .contactForm .formError:before { content: ''; display: block; position: absolute; bottom: -15px; right: 70px; width: 0; height: 0; border-color: #FDEAE9 transparent transparent transparent; border-style: solid; border-width: 8px; z-index: 1; } .left .editableElements .contactForm input[type="submit"] { font-family: 'NGbold'; width: 151px; background: url(../img/arrowBtn.png) no-repeat #006193; background-position: 87% 12px; padding: 8px 50px 8px 24px; color: #FFFFFF; display: inline; font-size: 16px; border: none; cursor: pointer; height: auto; } /**** Login Form ****/ .left .editableElements .line.form { margin-top: 45px; } .left .editableElements .loginForm { margin-top: 30px; padding: 38px 34px; background: #F5F5F5; } .left .editableElements .loginForm table { font-family: 'NGbold'; width: 100%; } .left .editableElements .loginForm table tr td { padding: 7px 0; } .left .editableElements .loginForm input { width: 307px; margin-left: 27px; } .left .editableElements .loginForm td.textTop { vertical-align: top; padding-top: 15px; } .left .editableElements .loginForm td.loginHelpLinks{text-align:left; font-family: 'NGreg';} .left .editableElements .loginForm td.loginHelpLinks a{width:250px; position:absolute;} .left .editableElements .loginForm td.loginHelpLinks a.zugangbeantragen{margin-top:-20px;} .left .editableElements .loginForm td.loginHelpLinks a.forgotpass{margin-top:0px;} .left .editableElements .loginForm .ia { font-size: 14px; font-style: italic; } .left .editableElements .loginForm .formError { width: 287px; background: #FDEAE9; margin-left: 27px; text-align: left; color: #333333; padding: 15px; line-height: 120%; margin-top: 20px; position: relative; display: none; border: 1px solid #EE3127; font-family: 'NGbold'; } .left .editableElements .loginForm .formError:after { content: ''; display: block; position: absolute; bottom: -16px; right: 70px; width: 0; height: 0; border-color: #EE3127 transparent transparent transparent; border-style: solid; border-width: 8px; } .left .editableElements .loginForm .formError:before { content: ''; display: block; position: absolute; bottom: -15px; right: 70px; width: 0; height: 0; border-color: #FDEAE9 transparent transparent transparent; border-style: solid; border-width: 8px; z-index: 1; } .left .editableElements .loginForm .loginError { display: block; } .left .editableElements .loginForm .submitLoginData { text-align: right; } .left .editableElements .loginForm input[type="submit"] { font-family: 'NGbold'; width: 151px; background: url(../img/arrowBtn.png) no-repeat #006193; background-position: 87% 12px; padding: 8px 50px 8px 24px; color: #FFFFFF; display: inline; font-size: 16px; border: none; cursor: pointer; height: auto; } .left .editableElements .ssl { background: url(../img/icon-keyswitch.png) no-repeat; background-position: left 2px; padding-left: 20px; margin: 20px 0 0 10px; } .left .editableElements .important { background: url(../img/icon-warnung.png) no-repeat; background-position: left 2px; padding-left: 20px; margin: 20px 0 0 10px; } /**** Pin-Reset Forms ****/ .left .editableElements .pinResetForm { margin-top: 30px; padding: 38px 34px; background: #F5F5F5; } .left .editableElements .pinResetForm table { font-family: 'NGbold'; width: 100%; } .left .editableElements .pinResetForm table tr td { padding: 7px 0; width: 100%; } .left .editableElements .pinResetForm input { width: 307px; margin-left: 27px; } .left .editableElements .pinResetForm td.textTop { vertical-align: top; padding-top: 15px; } .left .editableElements .pinResetForm td.pinResetHelpLinks{text-align:left; font-family: 'NGreg';} .left .editableElements .pinResetForm td.pinResetHelpLinks a{width:100px; position:absolute;margin-top:-10px;} .left .editableElements .pinResetForm .ia { font-size: 14px; font-style: italic; } .left .editableElements .pinResetForm .formError { width: 287px; background: #FDEAE9; margin-left: 27px; text-align: left; color: #333333; padding: 15px; line-height: 120%; margin-top: 20px; position: relative; display: none; border: 1px solid #EE3127; font-family: 'NGbold'; } .left .editableElements .pinResetForm .formError:after { content: ''; display: block; position: absolute; bottom: -16px; right: 70px; width: 0; height: 0; border-color: #EE3127 transparent transparent transparent; border-style: solid; border-width: 8px; } .left .editableElements .pinResetForm .formError:before { content: ''; display: block; position: absolute; bottom: -15px; right: 70px; width: 0; height: 0; border-color: #FDEAE9 transparent transparent transparent; border-style: solid; border-width: 8px; z-index: 1; } .left .editableElements .pinResetForm .loginError { display: block; } .left .editableElements .pinResetForm .submitIdentificationData { text-align: right; } .left .editableElements .pinResetForm .submitIdentificationData #cancel { margin-left:10px; float:left; } .left .editableElements .pinResetForm input[type="submit"] { font-family: 'NGbold'; width: 151px; background: url(../img/arrowBtn.png) no-repeat #006193; background-position: 87% 12px; padding: 8px 50px 8px 24px; color: #FFFFFF; display: inline; font-size: 16px; border: none; cursor: pointer; height: auto; } /**** Box Subcategory Info ****/ .cInfo { float: left; margin: 50px 30px 0 0; } .cInfo.two.chead{margin-top:16px;} .cInfo.two { width: 465px; } .cInfo.three { width: 300px; } .cInfo.lastChild { margin-right: 0; } .cInfo p { line-height: 24px; padding: 10px 0; } /**** Presse Box ****/ .presseBox { position: relative; margin-bottom: 60px; } .presseBox h3 { line-height: 120%; margin-top: 12px; } .presseBox .date { font-family: 'NGreg'; font-size: 16px; line-height: 24px; font-style: italic; margin-top: 3px; } .presseBox .presseText > .visible { display: block; } .presseBox .presseText > * { display: none; } .presseBox .presseText p { margin-top: 12px; } .presseBox .readMore { margin-top: 32px; } .presseBox .readMore .hrm { padding: 0 15px; margin: -13px auto; width: 110px; background: #FFFFFF; text-align: center; } .presseBox .readMore .hrm .readMoreBtn { background: url(../img/arrowDown.png) no-repeat; background-position: right center; padding-right: 20px; color: #00527C; font-family: 'NGbold'; font-weight: normal; cursor: pointer; } .presseBox .readMore .hrm .readMoreBtn.open { background: url(../img/arrowUp.png) no-repeat; background-position: right center; } .presseBox .readMore .hrm .readMoreBtn .show, .presseBox .readMore .hrm .readMoreBtn.open .hide { display: inline; } .presseBox .readMore .hrm .readMoreBtn .hide, .presseBox .readMore .hrm .readMoreBtn.open .show { display: none; } /**** Toogle Box ****/ .tBox { margin-top: 20px; position: relative; width: 100%; } .tBox .hPart .oBtn { background: url(../img/icon-bluePlus.png) no-repeat; width: 100%; height: 24px; position: absolute; right: 0; bottom: 5px; background-position: right; cursor: pointer; } .tBox .hPart.open .oBtn { background: url(../img/icon-blueMinus.png) no-repeat; right: 0; bottom: 5px; width: 18px; } .tBox .hPart { border-bottom: 1px #D1D1D1 solid; padding-bottom: 5px; } .tBox .hPart.open { padding-bottom: 10px; padding-bottom: 40px; } .tBox .hPart p { font-family: 'NGreg'; color: #444444; } .tBox .hPart.open .qPart { font-family: 'NGbold'; cursor: pointer; } .tBox .hPart .dPart { display: none; } .tBox .hPart .dPart *:first-child { margin-top: 20px; } .tBox ol{ padding-left: 18px; } /**** Link with arrow left ****/ ul.linkWithArrow { padding-left: 0 !important; } ul.linkWithArrow li { background: url(../img/arrow.png) no-repeat; background-position: 0px 6px; list-style: none; padding: 0 0 10px 17px; line-height: 24px; } ul.linkWithArrow li.current { background: url(../img/arrowCurrent.png) no-repeat; background-position: 0px 6px; } ul.linkWithArrow li.current:hover { background: url(../img/arrowCurrent.png) no-repeat; background-position: 0px 6px; } ul.linkWithArrow li:hover { background: url(../img/arrowHover.png) no-repeat; background-position: 0px 6px; } ul.linkWithArrow li a.current { color: #333333; } ul.linkWithArrow li a.current:hover { color: #333333; } ul.linkWithArrow li a:hover { color: #018BC8; } ul.linkWithArrow.noprint{ margin-bottom: 10px;} /**** Link with arrow right ****/ a.linkWithArrowRight { background: url(../img/arrow.png) no-repeat; background-position: right 5px; list-style: none; padding: 0 17px 10px 0; line-height: 24px; font-family: 'NGbold'; } a.linkWithArrowRight.fontNormal { font-family: 'NGreg'; } a.linkWithArrowRight.current { background: url(../img/arrowCurrent.png) no-repeat; background-position: right 5px; } a.linkWithArrowRight:hover { background: url(../img/arrowHover.png) no-repeat; background-position: right 5px; } /**** Fancybox ****/ .fancyboxOverlay { display: none; } #fancybox-outer { padding: 40px; line-height: 24px; box-shadow: 0px 0 40px 0px #333333 } #fancybox-close { background: url(../img/closeBtn.png) no-repeat; width: 106px; height: 35px; top: -35px; right: -8px; } #fancybox-content p { margin-top: 12px; } #fancybox-content ul li { margin-left: 20px; } #date-forget{width: 560px; height: 490px;} #zugang-beantragen{width:560px; height:280px;} #startpinhilfe{width:560px; height:420px} #pinresethilfe{width:560px; height:360px} #data-einlagensicherung { line-height: 24px; width: 600px; } #data-ihre-meinung { line-height: 24px; width: 800px; } #devisenkurse-table { width: 720px; margin: 0px 50px; padding-top: 50px; } /**** Fancybox Devisenkurse iFrame ****/ #fancybox-wrap.iframe { width: 836px !important; } #fancybox-wrap.iframe #fancybox-outer { padding: 0; } #fancybox-wrap.iframe #fancybox-outer #fancybox-content { border-width: 0px !important; } #devisenkurse-table { margin-top: 0; color: #333333; font-size: 16px; font-family: 'NGreg'; font-weight: normal; background-color: rgb(255, 255, 255); } #devisenkurse-table .devisenkurse-head { width: 610px; color: #FFFFFF; font-size: 28px; font-family: 'NGbold'; font-weight: normal; position: relative; background: #006193; padding: 21px 30px; line-height: 32px; margin-bottom: 15px; } #devisenkurse-table .devisenkurse-head b { font-weight: 400; } #devisenkurse-table .devisenkurse-head .ciCorner { position: absolute; right: -49px; top: 0; background: url(../img/ciCorner.png) no-repeat; width: 50px; height: 100%; } #devisenkurse-table .devisenkurse-content { line-height: 24px; width: 705px; } #devisenkurse-table table { margin: 25px 0; color: #444444; border: 0; border-spacing: 0; border-collapse: collapse; } #devisenkurse-table table tr.grauezeile { background: #F5F5F5; } #devisenkurse-table table thead tr { background: #EEEEEE; } #devisenkurse-table table td { text-align: right; border-left: 1px #E6E6E6 solid; } #devisenkurse-table table td.fLeft { text-align: left; border-left: none; } #devisenkurse-table table th { text-align: right; } #devisenkurse-table table th:first-child { text-align: left; } #devisenkurse-table tr, td, th { padding: 9px; } #devisenkurse-table tr, td { font-family: 'NGreg'; } #devisenkurse-table th:first-child { text-align: right; } #devisenkurse-table table tbody th { background: #F5F5F5; } /**** Scroll Top Button ****/ .scrollTopBtn { width: 60px; height: 60px; background-color: #EEEEEE; position: fixed; bottom: 100px; display: none; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; -o-transition: background-color .2s; -ms-transition: background-color .2s; transition: background-color .2s; } .scrollTopBtn .scrollTopBtnImg { background: url(../img/arrowScrollTop.png) no-repeat; height: 17px; width: 24px; margin: 22px 18px; } .scrollTopBtn:hover { background-color: #351523; cursor: pointer; } .scrollTopBtn:hover .scrollTopBtnImg { background-position: 0 -17px; } /**** Person Table ****/ .ffb-person tr th { text-align: left; padding: 40px 0 30px 0; } .ffb-person tr th, .ffb-person tr td { padding-left: 40px; } .ffb-person tr td { padding-top: 8px; } .ffb-person tr th:first-child, .ffb-person tr td:first-child { padding-left: 0px; } .ffb-person ul.linkWithArrow { padding-left: 0; } .lebenslauf { width: 600px; min-height: 400px; } /**** FFB Fondskredit ****/ .ffbfondskredit.lightbox { width: 800px; } .ffbfondskredit.lightbox .box { padding: 23px 21px; width: 204px; height: 152px; margin-left: 30px; margin-top: 30px; float: left; background: #F5F5F5; position: relative; } .ffbfondskredit.lightbox .box.first { margin-left: 0; } .ffbfondskredit.lightbox .pdfLinkHolder, .ffbfondskredit.lightbox .lb-lHolder { position: absolute; top: 125px; } /**** Tools & Rechner ****/ .middle .tool { margin-top: 30px; line-height: 24px; } .middle .tool .btnSliderBtn, .middle .tool .icon { cursor: pointer; } .generalSubCon .icon.help { margin-left: 5px; margin-top: 2px; } .generalSubCon .helpBoxOverlay { margin-top: -5px; } /* Fondskredit Rechner */ .ffbfondskredit .rechner .sliderHolder { padding: 30px; background: #F5F5F5; } .ffbfondskredit .rechner .sliderHolder .label-betrag, .ffbfondskredit .rechner .sliderHolder .label-laufzeit { float: left; } .ffbfondskredit .rechner .sliderHolder .slider-betrag, .ffbfondskredit .rechner .sliderHolder .slider-laufzeit { width: 432px; float: right; } .ffbfondskredit .rechner .sliderHolder .currentBetragValue, .ffbfondskredit .rechner .sliderHolder .currentLaufzeitValue { text-align: center; font-family: 'NGbold'; color: #006193; font-size: 20px; margin: 15px 0 20px 0; } .ffbfondskredit .rechner .sliderHolder .label-betrag, .ffbfondskredit .rechner .sliderHolder .label-laufzeit { font-family: 'NGbold'; color: #006193; font-size: 16px; } .ffbfondskredit .rechner .sliderHolder .sliderBetrag, .ffbfondskredit .rechner .sliderHolder .sliderLaufzeit { background: #949494; height: 3px !important; border-radius: 0 !important; border: 0 !important; margin-top: 11px; } .ffbfondskredit .rechner .sliderHolder .ui-slider-handle { background: url(../img/slider_riffle.png) no-repeat; width: 23px; height: 40px; border: none; top: -16px; } .ffbfondskredit .rechner .sliderHolder .ui-slider-handle:hover, .ffbfondskredit .rechner .sliderHolder .ui-slider-handle, .ffbfondskredit .rechner .sliderHolder .ui-state-focus, .ffbfondskredit .rechner .sliderHolder .ui-state-active { border: none !important; outline: none !important; } .ffbfondskredit .rechner .kredit { background: url(../img/loesung/anleger/kredit-background.png) no-repeat; width: 410px; height: 118px; margin: 1px auto; } .ffbfondskredit .rechner .kredit .k-left { float: left; text-align: right; } .ffbfondskredit .rechner .kredit .k-right { float: right; } .ffbfondskredit .rechner .kredit .k-col { width: 175px; padding: 15px; } .ffbfondskredit .rechner .kredit .title { font-family: 'NGbold'; color: #006193; font-size: 16px; } .ffbfondskredit .rechner .kredit .title span { color: #333333; } .ffbfondskredit .rechner .kredit .result { color: #333333; font-size: 24px; margin-top: 10px; } .ffbfondskredit .rechner .result { position: relative; margin-top: 20px; font-family: 'NGbold'; } .ffbfondskredit .rechner .result .title-result { margin-left: 100px; position: absolute; } .ffbfondskredit .rechner .result .sparen { text-align: center; color: #002D85; font-size: 42px; } /* Investmentrechner */ .investment-tool { margin-bottom: 100px; } .investment-tool, .investment-tool .input-text { } .investment-tool a, .investment-tool a:hover { text-decoration: none; } .investment-tool a img { border: 0; } .investment-tool .btnHolder a.btn-calculate { padding: 10px 50px 4px 24px; } .investment-tool { width: 960px; } .investment-tool .box-chart { position: relative; width: 960px; height: 704px; color: #333333; margin: 0px; } .investment-tool .box-chart .nav-tabs { list-style: none; padding: 0; overflow: hidden; border-bottom: 1px solid #D1D1D1; } .investment-tool .box-chart .nav-tabs li { font-family: 'NGreg'; float: left; background-color: #F5F5F5; padding: 7px 25px 6px; margin-right: 10px; font-size: 20px; } .investment-tool .box-chart .nav-tabs li a { color: #444444; line-height: 23px; } .investment-tool .box-chart .nav-tabs li.active { color: #FFFFFF; background-color: #006193 } .investment-tool .box-chart .nav-tabs li.active a { color: #FFFFFF; font-family: 'NGbold'; } .investment-tool .box-chart .page { clear: both; position: absolute; top: 66px; width: 960px; } .investment-tool .box-chart .page .left { float: left; width: 270px; padding: 30px 30px; background-color: #F5F5F5; margin: 0; } .investment-tool .box-chart .page .left .form .form-row { margin-bottom: 12px; clear: both; overflow: hidden; } .investment-tool .box-chart .page .left .form .form-row.border { padding-bottom: 18px; border-bottom: 1px solid #B0B0AF; } .investment-tool .box-chart .page .left .form .form-row .title { font-family: 'NGbold', Arial, sans-serif; font-size: 16px; margin: 2px 0 8px; clear: both; } .investment-tool .box-chart .page .left .form .form-row .input-row + .title { margin-top: 10px; } .investment-tool .box-chart .page .left .form .form-row .input-row .input-text { font-family: 'NGbold'; color: #333333; float: left; font-size: 20px; text-align: center; vertical-align: top; width: 247px; height: 19px; padding: 6px 3px 5px; border: 1px solid #B0B0AF; } .investment-tool .box-chart .page .left .form .form-row .icon { width: 20px; height: 20px; margin: 6px 10px 0 0; position: absolute; } .investment-tool .box-chart .page .left .form .form-row .icon.help { margin: 7px 0 0 7px; } .investment-tool .box-chart .page .left .form .form-row .icon.plus { margin-left: -26px; } .investment-tool .box-chart .page .left .form .form-row .icon.minus { left: 36px; } .investment-tool .box-chart .page .left .form .form-row .input-row { clear: both; overflow: hidden; } .investment-tool .box-chart .page .left .form .form-row .icon.help.kv { padding: 0; margin: 0; } .investment-tool .box-chart .page .left .form .form-row .title .helpBoxOverlay { margin-top: -7px; } .investment-tool .box-chart .page .left .form .form-row a.kv { margin: 0px 0 0 0; padding: 0; left: 146px; } .investment-tool .box-chart .page .left .form .form-row .input-row .col { float: left; margin: 14px 14px 16px 0; } .investment-tool .box-chart .page .left .form .form-row .input-row .col.am { margin-top: 0; } .investment-tool .box-chart .page .left .form .form-row .input-row .col.kv { margin-top: 0; margin-right: 6px; margin-bottom: 0; } .investment-tool .box-chart .page .left .form .form-row .input-row .col input { vertical-align: middle; } .investment-tool .box-chart .page .left .form .form-row .input-row .col:last-child { margin-right: 0; } .investment-tool .box-chart .page .left .form .form-row .input-row .input-radio { vertical-align: middle; margin: 0 -3px 0 0; padding: 0; width: 13px; height: 13px; -webkit-appearance: radio; border: none; } .investment-tool .box-chart .page .left .form .form-row .input-row label { font-size: 14px; } .investment-tool .box-chart .page .left .form .form-row .btn-calculate { margin-top: 30px; } .investment-tool .box-chart .page .left .form .form-row .help-block { position: relative; margin-top: 10px; } .investment-tool .box-chart .page .left .form .form-row .help-block .icon.help { position: absolute; left: 145px; top: 10px; } .investment-tool .box-chart .page .right { float: right; width: 570px; height: 459px; } .investment-tool .box-chart .page .right .results { overflow: hidden; background-color: #E5EAF3; padding: 17px 20px 15px 20px; font-size: 28px; } .investment-tool .box-chart .page .right .result-text { font-family: 'NGreg', Arial, sans-serif; float: left; font-size: 18px; padding: 2px 0; } .investment-tool .box-chart .page .right .result-amount { color: #006193; font-family: 'NGbold', Arial, sans-serif; float: right; } .investment-tool .box-chart .page .right #inChart tspan { font-weight: normal; } .investment-tool .box-chart .page .right .axis-label { margin-top: -75px; font-family: 'NGbold', Arial, sans-serif; font-size: 12px; position: absolute; right: 252px; } /* Inflationsrechner */ .inflation-tool .info { margin-bottom: 48px; } .inflation-tool .left { width: 270px; height: 300px; background-color: #F5F5F5; padding: 33px 30px; margin-top: 0px; } .inflation-tool .left .title { font-family: 'NGbold'; font-size: 16px; margin: 2px 0 8px; } .inflation-tool .left .hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC; } .inflation-tool .left p { margin-bottom: 24px; } .inflation-tool .sliderVal { position: relative; margin-left: 15px; margin-bottom: 10px; color: #00527C; text-shadow: 5px 0px 15px #CCCCCC; font-family: 'NGBold'; font-size: 20px; } .inflation-tool .customSlider { position: relative; } .inflation-tool .customSlider.sliderAlter { margin-bottom: 30px; } .inflation-tool .customSlider .currentValue { position: absolute; top: -30px; font-size: 20px; color: #002D85; width: 105px; text-align: center; } .inflation-tool .customSlider .btnSliderBtn { background: url(../img/wissen/toolsrechner/slider-icon.png) no-repeat; height: 20px; width: 20px; float: left; margin-right: 3px; margin-left: 0; } .inflation-tool .customSlider .btnSliderBtn.btnIncrease { background-position: 0 -27px; margin-right: 0; } .inflation-tool .customSlider .slider { margin-right: 3px; margin-bottom: 10px; background: url(../img/wissen/toolsrechner/inflationsrechner/slider-horizontal.png) no-repeat; width: 222px; height: 42px; border: none; float: left; background-position: 0 4px; } .inflation-tool .customSlider .sliderUI { border: none; background: none; width: 207px; margin-left: 7px; } .inflation-tool .customSlider .slider a.ui-slider-handle { border: none; outline: none; background: url(../img/wissen/toolsrechner/slider-handle.png) no-repeat; height: 40px; width: 23px; margin-top: -3px; } .inflation-tool .box-chart { width: 590px; height: 360px; position: absolute; right: 0; } .inflation-tool .component.inflation-tool .highcharts-tooltip .content { width: 304px; height: 104px; margin: 0; } .inflation-tool .component.inflation-tool .highcharts-tooltip .content .einmalanlage { left: 43px; position: absolute; font-family: 'NGBold'; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund { left: 10px; position: absolute; } .inflation-tool .component.inflation-tool .highcharts-tooltip .text { left: 31px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .value { width: 100px; left: 180px; text-align: right; /*color: #ED3126;*/ font-size: 14px; font-family: 'NGBold' } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund div { position: absolute; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund1 { top: 25px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund1 .marker { background-color: #B2BFDA; width: 24px; height: 13px; left: 0px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund2 { top: 45px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund2 .marker { background-color: #3E60A2; width: 24px; height: 13px; left: 0px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund2 .value.lowValue { color: #ED3126; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund1.inflation { top: 65px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund1.inflation .marker { background-color: #7C92C0; width: 24px; height: 13px; left: 0px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund2.inflation { top: 85px; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund2.inflation .marker { background-color: #123D8E; } .inflation-tool .component.inflation-tool .highcharts-tooltip .fund2.inflation .value.lowValue { color: #ED3126; } .zeitRechner { margin: 0; padding: 0; } .zeitRechner .info { margin-bottom: 48px; } .zeitRechner .cp { width: 330px; float: left; } .zeitRechner .cp .result { background: #E5EAF3; padding: 22px 0; text-align: center; color: #333333; font-size: 20px; } .zeitRechner .cp .result .value { color: #00527C; font-size: 40px; margin: 11px 0; font-family: 'NGbold', Arial, sans-serif; } .zeitRechner .chart { width: 581px; float: left; margin-left: 49px; } .zeitRechner .chart .chart-cont { width: 576px; height: 402px; background: url(../img/wissen/toolsrechner/zeitrechner/chart-bg.png) no-repeat; } .zeitRechner .chart .chart-cont .barCont { height: 394px; margin-left: 236px; position: relative; } .zeitRechner .chart .chart-cont .barCont .label { position: absolute; width: 70px; background: #333333; padding: 4px; font-size: 16px; color: #FFFFFF; text-align: right; left: 180px; font-family: 'NGbold', Arial, sans-serif; } .zeitRechner .chart .chart-cont .barCont .label .line { background: url(../img/wissen/toolsrechner/zeitrechner/chart-value-line.png) no-repeat; width: 13px; height: 2px; position: absolute; top: 11px; left: -13px; } .zeitRechner .chart .chart-cont .bar { width: 167px; height: 200px; background: url(../img/wissen/toolsrechner/zeitrechner/ertrag-bar-bg.png); } .zeitRechner .chart .chart-cont .bar.barInvest { background: url(../img/wissen/toolsrechner/zeitrechner/invest-bar-bg.png); } .zeitRechner .input { background: #F5F5F5; padding: 43px 29px 16px 29px; margin-top: 17px; } .zeitRechner .input strong.label { margin-bottom: 46px; display: block; } .zeitRechner .customSlider { position: relative; border: 1px solid transparent; } .zeitRechner .customSlider.sliderAlter { margin-bottom: 26px; } .zeitRechner .customSlider .currentValue { position: absolute; font-size: 20px; color: #002D85; width: 105px; text-align: center; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); top: -30px; height: 25px; } .zeitRechner .customSlider .btnSliderBtn { background: url(../img/wissen/toolsrechner/slider-icon.png) no-repeat; height: 20px; width: 20px; float: left; } .zeitRechner .customSlider .btnSliderBtn.btnIncrease { background-position: 0 -27px; } .zeitRechner .customSlider .slider { margin: 0 3px; background: url(../img/wissen/toolsrechner/zeitrechner/slider-horizontal.png) no-repeat; width: 222px; height: 42px; border: none; float: left; background-position: 0 4px; } .zeitRechner .customSlider .sliderUI { border: none; background: none; width: 207px; margin-left: 7px; } .zeitRechner .customSlider .slider a.ui-slider-handle { border: none; outline: none; background: url(../img/wissen/toolsrechner/slider-handle.png) no-repeat; height: 40px; width: 23px; margin-top: -3px; } .zeitRechner ul.legende { list-style: none; font-size: 12px; margin: 17px 0 0 66px; } .zeitRechner ul.legende li { float: left; margin-right: 106px; } .zeitRechner ul.legende li .color { width: 24px; height: 13px; float: left; margin-right: 8px; margin-top: 6px; } .zeitRechner ul.legende li .color.ertrag { background: url(../img/wissen/toolsrechner/zeitrechner/ertrag-bar-bg.png); } .zeitRechner ul.legende li .color.invest { background: url(../img/wissen/toolsrechner/zeitrechner/invest-bar-bg.png); } .zeitRechner #chart-bar .colmnHyphen{ position:absolute; width:20px; border:1px solid #333333; margin-left:-29px; margin-top:5px; } .zeitRechner #chart-bar .colmnValue{color:#FFFFFF !important;} .zeitRechner #chart-bar .colmnDL{background-color:#333333; padding:10px;} .zeitRechner .chart-bar-holder, .zeitRechner #chart-bar{height: 452px; width: 576px;} .zinsRechner { margin: 0; padding: 0; } .zinsRechner .info { margin-bottom: 48px; } .zinsRechner .info .icon.help { margin-left: 5px; } .zinsRechner .info .helpBoxOverlay { margin-top: -7px; } .zinsRechner .cp { width: 330px; float: left; } .zinsRechner .chart { width: 556px; float: left; margin-left: 49px; margin-top: 10px; } .zinsRechner .chart .chart-cont { width: 576px; height: 402px; background: url(../img/wissen/toolsrechner/zeitrechner/chart-bg.png) no-repeat; } .zinsRechner .chart .chart-cont .barCont { height: 394px; margin-left: 236px; position: relative; } .zinsRechner .chart .chart-cont .barCont .label { position: absolute; width: 70px; background: #333333; padding: 4px; font-size: 16px; color: #FFFFFF; text-align: right; left: 180px; font-family: 'NGbold', Arial, sans-serif; } .zinsRechner .chart .chart-cont .barCont .label .line { background: url(../img/wissen/toolsrechner/zeitrechner/chart-value-line.png) no-repeat; width: 13px; height: 2px; position: absolute; top: 11px; left: -13px; } .zinsRechner .chart .chart-cont .bar { width: 167px; height: 200px; background: url(../img/wissen/toolsrechner/zeitrechner/ertrag-bar-bg.png); } .zinsRechner .chart .chart-cont .bar.barInvest { background: url(../img/wissen/toolsrechner/zeitrechner/invest-bar-bg.png); } .zinsRechner .input { background: #F5F5F5; padding: 43px 29px 16px 29px; } .zinsRechner .input strong.label { margin-bottom: 10px; display: block; } .zinsRechner .customSlider { position: relative; border: 1px solid transparent; } .zinsRechner .customSlider .currentValue { position: absolute; font-size: 20px; color: #002D85; width: 105px; text-align: center; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3); top: -30px; height: 25px; left: 83px; } .zinsRechner .customSlider .btnSliderBtn { background: url(../img/wissen/toolsrechner/slider-icon.png) no-repeat; height: 20px; width: 20px; float: left; margin-right: 3px; } .zinsRechner .customSlider .btnSliderBtn.btnIncrease { background-position: 0 -27px; margin-right: 0; margin-left: 3px; } .zinsRechner .customSlider .slider { background: url(../img/wissen/toolsrechner/zinseszinsrechner/slider-horizontal.png) no-repeat; width: 222px; height: 42px; border: none; float: left; background-position: 0 4px; } .zinsRechner .customSlider .sliderUI { border: none; background: none; width: 207px; margin-left: 7px; } .zinsRechner .customSlider .slider a.ui-slider-handle { border: none; outline: none; background: url(../img/wissen/toolsrechner/slider-handle.png) no-repeat; height: 40px; width: 23px; margin-top: -3px; } .zinsRechner .input-text { font-family: 'NGbold'; color: #333333; float: left; font-size: 20px; text-align: center; vertical-align: top; width: 100%; height: 19px; padding: 6px 3px 5px; border: 1px solid #B0B0AF; } .zinsRechner .icon.plus { position: absolute; margin-left: -27px; margin-top: 6px; } .zinsRechner .icon.minus { position: absolute; left: 37px; margin-top: 6px; } .zinsRechner .investment { height: 32px; } .zinsRechner .hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC; clear: both; margin: 18px 0; } .zinsRechner input.radio { -webkit-appearance: radio; vertical-align: middle; margin-right: 5px; border: 0; } .zinsRechner label { margin-right: 20px; } .zinsRechner .input strong.label.slider { margin-bottom: 46px; } .zinsRechner .result { width: 300px; height: 103px; background-color: #E5EAF3; position: absolute; left: 470px; padding: 20px 25px; font-family: 'NGReg'; font-size: 12px; z-index: 1; } .zinsRechner .result .value { font-family: 'NGBold'; font-size: 14px; } .zinsRechner .result div { position: absolute; } .zinsRechner .result .marker { width: 12px; height: 12px; position: absolute; background-color: #1B4492; margin-top: 7px; } .zinsRechner .result .interest .marker { background-color: #5970B0; } .zinsRechner .result .compoundInterest .marker { background-color: #B2C0DA; } .zinsRechner .result .label { margin-left: 20px; width: 100px; } .zinsRechner .result .value { margin-left: 130px; width: 170px; text-align: right; } .zinsRechner .result .row.interest { margin-top: 24px; } .zinsRechner .result .row.compoundInterest { margin-top: 48px; } .zinsRechner .result .hr { margin-top: 77px; font-size: 16px; position: absolute; width: 300px; } .zinsRechner .result .sum { margin-top: 90px; font-size: 16px; } .zinsRechner .result .sum .label { margin-left: 0; } .zinsRechner .result .sum .value { font-size: 18px; color: #194492; } .componentZinsschaukel { margin: 30px 0 0; padding: 0; position: relative; height: 600px; width: 960px; margin-top: 49px; } .componentZinsschaukel .icon.help { margin-left: 5px; margin-top: 2px; } .componentZinsschaukel .helpBoxOverlay { margin-top: -5px; } .componentZinsschaukel h4 { margin: 12px 0 0 11px; } .componentZinsschaukel h4.noMargin { margin: 0; } .componentZinsschaukel .schaukelCont { margin-top: 95px; } .componentZinsschaukel .head { font-size: 20px; color: #333333; margin: 10px 0 10px 20px; float: left; display: inline; font-family: 'NGbold'; } .componentZinsschaukel .customSlider { background: none; border: none; height: 199px; top: 9px; height: 188px; } .componentZinsschaukel .slider-vertical { position: relative; width: 20px; background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_slider_bg.png) no-repeat; border: none; background-position: 4px 0px; margin-left: 20px; height: 199px; } .componentZinsschaukel .slider-vertical .ui-slider-handle { z-index: 200; outline: none; background-image: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_slider_grip.png); background-repeat: no-repeat; border: none; width: 33px; height: 25px; background-color: transparent; margin-left: -2px; } .componentZinsschaukel .slider-vertical .ui-slider-range-min { background-color: transparent; background: none; } .componentZinsschaukel .clear { clear: both; line-height: 0; font-size: 0; } .componentZinsschaukel .cont { height: 314px; width: 620px; float: left; padding: 0; margin: 0; } .componentZinsschaukel .cont .slider { float: left; margin: 0 0 0 55px; display: inline; } .componentZinsschaukel .cont .increase { display: block; background: url(../img/wissen/toolsrechner/slider-icon.png) no-repeat; background-position: 0 -27px; height: 22px; width: 28px; margin: 0 0 2px 18px; cursor: pointer; } .componentZinsschaukel .cont .decrease { display: block; background: url(../img/wissen/toolsrechner/slider-icon.png) no-repeat; height: 22px; width: 28px; margin: 6px 0 0 18px; cursor: pointer; } .componentZinsschaukel .cont .flagzins { z-index: 1; background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_flag_zins.png) no-repeat; width: 67px; height: 29px; position: absolute; bottom: 0px; left: -74px; } .componentZinsschaukel .cont .flagzins .value { font-family: 'NGbold'; font-size: 17px; color: #FFFFFF; margin: 2px 0 0 9px; padding: 0; } .componentZinsschaukel .cont .schuakel { width: 364px; height: 162px; background: url(../img/wissen/toolsrechner/zinsschaukel/schaukel.png) no-repeat; background-position: 0 0; float: left; margin: 87px 0 0 25px; } .componentZinsschaukel .cont .skala { height: 199px; width: 30px; position: relative; } .componentZinsschaukel .cont .skalaWrapper { height: 199px; width: 30px; background-image: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_slider_bg.png); background-repeat: no-repeat; float: left; margin: 23px 0 0 -15px; overflow: visible; } .componentZinsschaukel .cont .flagbetrag { background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_flag_betrag.png) no-repeat; width: 76px; height: 26px; position: absolute; left: 8px; } .componentZinsschaukel .cont .flagbetrag .value { font-family: 'NGbold'; font-size: 17px; color: #FFFFFF; margin: 2px 3px 0 10px; padding: 0; text-align: right; } .componentZinsschaukel .info { background: #F5F5F5; width: 274px; float: left; margin-left: 11px; padding: 27px; } .componentZinsschaukel .info p { font-size: 16px; margin: 18px 0 0px 0; line-height: 150%; } .componentZinsschaukel .info h4 { margin: 0px 0 15px 0px; } .componentZinsschaukel .contDiagramm { height: 314px; width: 620px; float: left; padding: 0; margin: 0; } .componentZinsschaukel .contDiagramm .head { margin-left: 43px; } .componentZinsschaukel .diagramm { margin-top: 19px; background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_diagramm1.png) no-repeat; height: 341px; width: 591px; margin-left: 15px; } .componentZinsschaukel .diagramm .diagrammlines { background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_digaramm1_lines.png) no-repeat; height: 341px; width: 591px; } .componentZinsschaukel .diagramm2 { margin-top: 30px; background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_diagramm2.png) no-repeat; height: 341px; width: 591px; margin-left: 13px; } .componentZinsschaukel .diagramm2 .diagrammlines2 { background: url(../img/wissen/toolsrechner/zinsschaukel/zinsschaukel_diagramm2_lines.png) no-repeat; height: 341px; width: 591px; } .componentZinsschaukel .tabs { padding: 0; margin: 0; height: 37px; font-size: 20px; border-bottom: 1px solid #D1D1D1; margin: 40px 0 32px 0; } .componentZinsschaukel .tabbox { padding-top: 0px; min-height: 430px; } .componentZinsschaukel .tabcont { padding-top: 0px; position: absolute; } .componentZinsschaukel .tabInactive { height: 37px; padding: 0px; margin: 0 11px 0 0; color: #FFFFFF; float: left; cursor: pointer; font-size: 13px; color: #666666; background-color: #F5F5F5; font-size: 20px; } .componentZinsschaukel .tabInactive .tabR { width: 9px; height: 23px; padding: 0; margin: 0; float: left; } .componentZinsschaukel .tabInactive .tabL { width: 9px; height: 23px; padding: 0; margin: 0; float: left; } .componentZinsschaukel .tabInactive .tabC { height: 23px; padding: 9px 0; padding-left: 0px; margin: 0 15px; float: left; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } .componentZinsschaukel .tabActive { height: 37px; padding: 0px; margin: 0 11px 0 0; float: left; color: #DCDCDC; font-size: 13px; color: #000000; background-color: #006193; font-family: 'NGbold'; font-size: 20px; color: #FFFFFF; } .componentZinsschaukel .tabActive .tabR { width: 9px; height: 23px; padding: 0; margin: 0; float: left; } .componentZinsschaukel .tabActive .tabL { width: 9px; height: 23px; padding: 0; margin: 0; float: left; } .componentZinsschaukel .tabActive .tabC { height: 23px; padding: 9px 0; padding-left: 0px; margin: 0 15px; float: left; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } /**** Modellportfolio *****/ .genTabs .tabs { padding: 0; height: 37px; font-size: 16px; border-bottom: 1px solid #D1D1D1; margin: 40px 0 32px 0; } .genTabs .tabbox { padding-top: 0; } .genTabs .tabcont { padding-top: 0; } .genTabs .tabInactive, .genTabs .tabActive { height: 37px; padding: 0; margin: 0 0 0 11px; float: left; font-size: 16px; cursor: pointer; color: #666666; background-color: #F5F5F5; } .genTabs .tabInactive.firsttab, .genTabs .tabActive.firsttab { margin: 0;} .genTabs .tabActive { background-color: #006193; color: #FFFFFF; font-family: 'NGBold' } .genTabs .tabR, .genTabs .tabL { width: 3px; height: 23px; padding: 0; margin: 0; float: left; } .genTabs .tabC { height: 23px; padding: 11px 0 0 0; float: left; width:99px; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } .genTabs .tabCWide { height: 23px; padding: 11px 0 0 0; float: left; width:162px; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } .genTabs .tabCWider { height: 23px; padding: 11px 0 0 0; float: left; width:182px; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } .genTabs .tabcont .list { width: 165px; float: left; padding: 15px 12px; background-color: #f5f5f5; font-size: 14px; } .genTabs .tabcont .list.odd { background-color: #ffffff; height: 100%;} /**** Lists ****/ .genTabs .tabcont .list ul { padding-left: 16px; } .genTabs .tabcont .list p, .genTabs .tabcont .list li { line-height: 18px; } .genTabs .tabcont .list h5 { font-size: 16px; text-align: center; line-height: 19px; } /**** Boxes [general] *****/ .genTabs .selector div { cursor: pointer; margin-right: 3px; line-height: 20px; width: 283px; height: 72px; background-color: #f5f5f5; float: left; font-size: 12px; text-align: center; padding: 15px 0;} .genTabs .selector div strong { font-size: 14px; line-height: 14px; } .genTabs .selector div p { line-height: 12px; margin-top: 8px; } .genTabs .selector .last { margin-right: 0;} .genTabs .selector div .radio { display: block; float: none; cursor: pointer; background: url('../img/radio_button.png') no-repeat 0 -26px; width: 14px; height: 13px; padding: 0; margin-left: 130px; margin-bottom: 14px; } .genTabs .selector div:hover .radio { background-position: 0 -13px; } .genTabs .selector div .radio.checked { background-position: 0 0; } .genTabs .selectorBox .content { margin-top: 3px; background-color: #f5f5f5; height: 279px;} /**** Boxes [concrete] *****/ .genTabs .selectorBox .vorteile_both { float: left; margin-top: 70px; margin-left: 32px; } .genTabs .selectorBox .vorteile_1, .genTabs .selectorBox .vorteile_2 { display: block; position: relative; top: 34px; left: 95px; } .genTabs .tabbox .loesung { background-color: #f5f5f5; } .genTabs .rebalancing .selector { background: url('../img/loesung/vertriebspartner/modellportfolio/rebalancing.png') no-repeat; height: 102px;} .genTabs .rebalancing .selector div { margin: 0; width: 189px; background-color: transparent; } .genTabs .rebalancing .selector .radio { margin: 9px 0 9px 89px; width: 14px; } .genTabs .selectorBox .rebalancing_all { width: 150px; float: left; margin: 20px 0 0 20px; } .genTabs .selectorBox #rebalancingPie { position: relative; top: 34px; left: -7px; } .genTabs .selectorBox .fund { color: #ffffff; font-family: 'NGBold'; font-size: 16px; position: relative; } .genTabs .selectorBox .fundA { top: -41px; left: 196px;} .genTabs .selectorBox .fundB { top: -156px; left: 196px;} .genTabs .selectorBox .fundC { top: -135px; left: 302px;} /**** Modellportfolio *****/ .modellportfolioTabs .tabs { padding: 0; height: 37px; font-size: 16px; border-bottom: 1px solid #D1D1D1; margin: 40px 0 32px 0; } .modellportfolioTabs .tabbox { padding-top: 0; } .modellportfolioTabs .tabcont { padding-top: 0; } .modellportfolioTabs .tabInactive, .modellportfolioTabs .tabActive { height: 37px; padding: 0; margin: 0 0 0 11px; float: left; font-size: 16px; cursor: pointer; color: #666666; background-color: #F5F5F5; } .modellportfolioTabs .tabInactive.firsttab, .modellportfolioTabs .tabActive.firsttab { margin: 0;} .modellportfolioTabs .tabActive { background-color: #006193; color: #FFFFFF; font-family: 'NGBold' } .modellportfolioTabs .tabR, .modellportfolioTabs .tabL { width: 3px; height: 23px; padding: 0; margin: 0; float: left; } .modellportfolioTabs .tabC { height: 23px; padding: 11px 0 0 0; float: left; width:99px; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } .modellportfolioTabs .tabCWide { height: 23px; padding: 11px 0 0 0; float: left; width:162px; min-width: 36px; text-align: center; overflow: hidden; line-height: 100%; } .modellportfolioTabs .tabcont .list { width: 165px; float: left; padding: 15px 12px; background-color: #f5f5f5; font-size: 14px; } .modellportfolioTabs .tabcont .list.odd { background-color: #ffffff; height: 100%;} /**** Lists ****/ .modellportfolioTabs .tabcont .list ul { padding-left: 16px; } .modellportfolioTabs .tabcont .list p, .modellportfolioTabs .tabcont .list li { line-height: 18px; } .modellportfolioTabs .tabcont .list h5 { font-size: 16px; text-align: center; line-height: 19px; } /**** Boxes [general] *****/ .modellportfolioTabs .selector div { cursor: pointer; margin-right: 3px; line-height: 20px; width: 283px; height: 72px; background-color: #f5f5f5; float: left; font-size: 12px; text-align: center; padding: 15px 0;} .modellportfolioTabs .selector div strong { font-size: 14px; line-height: 14px; } .modellportfolioTabs .selector div p { line-height: 12px; margin-top: 8px; } .modellportfolioTabs .selector .last { margin-right: 0;} .modellportfolioTabs .selector div .radio { display: block; float: none; cursor: pointer; background: url('../img/radio_button.png') no-repeat 0 -26px; width: 14px; height: 13px; padding: 0; margin-left: 130px; margin-bottom: 14px; } .modellportfolioTabs .selector div:hover .radio { background-position: 0 -13px; } .modellportfolioTabs .selector div .radio.checked { background-position: 0 0; } .modellportfolioTabs .selectorBox .content { margin-top: 3px; background-color: #f5f5f5; height: 279px;} /**** Boxes [concrete] *****/ .modellportfolioTabs .selectorBox .vorteile_both { float: left; margin-top: 70px; margin-left: 32px; } .modellportfolioTabs .selectorBox .vorteile_1, .modellportfolioTabs .selectorBox .vorteile_2 { display: block; position: relative; top: 34px; left: 95px; } .modellportfolioTabs .tabbox .loesung { background-color: #f5f5f5; } .modellportfolioTabs .rebalancing .selector { background: url('../img/loesung/vertriebspartner/modellportfolio/rebalancing.png') no-repeat; height: 102px;} .modellportfolioTabs .rebalancing .selector div { margin: 0; width: 189px; background-color: transparent; } .modellportfolioTabs .rebalancing .selector .radio { margin: 9px 0 9px 89px; width: 14px; } .modellportfolioTabs .selectorBox .rebalancing_all { width: 150px; float: left; margin: 20px 0 0 20px; } .modellportfolioTabs .selectorBox #rebalancingPie { position: relative; top: 34px; left: -7px; } .modellportfolioTabs .selectorBox .fund { color: #ffffff; font-family: 'NGBold'; font-size: 16px; position: relative; } .modellportfolioTabs .selectorBox .fundA { top: -41px; left: 196px;} .modellportfolioTabs .selectorBox .fundB { top: -156px; left: 196px;} .modellportfolioTabs .selectorBox .fundC { top: -135px; left: 302px;} /**** SAM ****/ table.t2.sam_ueberblick { border-top: 1px solid #DDDDDD; } table.t2.sam_ueberblick tr td:first-child { width: 252px; } /* SAM - Vermoegensmanagement */ .sam-web { padding: 0; margin: 0; position: relative; font-family: 'NGreg'; } .sam-web h1, .sam-web h2, .sam-web h3 { color: #0077BF; font-family: 'NGbold'; } .sam-web .jqplot-grid-canvas, .sam-web.jqplot-donutRenderer-highlight-canvas { display: none; } .sam-web .clear { clear: both; line-height: 0; font-size: 0; } .sam-web.anlagenManagement { height: 276px; width: 515px; } .sam-web.anlagenManagement .points { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/points.png) no-repeat; width: 31px; height: 31px; position: absolute; cursor: pointer; } .sam-web.anlagenManagement .points#point8 { background-position: 0 0; top: 48px; right: 28px; } .sam-web.anlagenManagement .points#point7 { background-position: 0px -40px; top: 51px; right: 82px; } .sam-web.anlagenManagement .points#point6 { background-position: 0px -80px; top: 57px; right: 130px; } .sam-web.anlagenManagement .points#point5 { background-position: 0px -120px; top: 64px; right: 177px; } .sam-web.anlagenManagement .points#point4 { background-position: 0px -160px; top: 89px; right: 261px; } .sam-web.anlagenManagement .points#point3 { background-position: 0px -200px; top: 114px; right: 321px; } .sam-web.anlagenManagement .points#point2 { background-position: 0px -240px; top: 140px; right: 390px; } .sam-web.anlagenManagement .points#point1 { background-position: 0px -280px; top: 155px; right: 442px; } .sam-web.anlagenManagement .tooltip { position: absolute; z-index: 12; width: 255px; display: none; -webkit-box-shadow: 0 1px 0px #9EA5AA; -moz-box-shadow: 0 1px 0px #9EA5AA; -o-box-shadow:0 1px 0px #9EA5AA; -ie-box-shadow: 0 1px 0px #9EA5AA; box-shadow: 0 1px 0px #9EA5AA; } .sam-web.anlagenManagement .tooltip .txt { position: relative; background-color: #0077C1; height: 25px; padding-top: 10px; width: auto; } .sam-web.anlagenManagement .tooltip .txt h1 { font-size: 11px; color: #FFFFFF; margin: 0px 5px 0px 5px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-align: center; } .sam-web.anlagenManagement .tooltip .pfeil { background-image: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/toolbox-pfeil.png); background-repeat: no-repeat; content: ''; position: absolute; bottom: -10px; left: 50%; margin: 0 0 0 -10px; width: 22px; height: 10px; } .sam-web.portfolio { height: 370px; width: 570px; background: #F5F5F5; display: none; margin: 0 0 35px 0; } .sam-web.portfolio.pointer { cursor: pointer; } .sam-web.portfolio #chart { position: absolute; top: 10px; left: -56px; } .sam-web.portfolio .chart-head { position: absolute; font-size: 16px; top: 17px; margin-left: 20px; z-index: 500; color: #444444; } .sam-web.portfolio .switchLink { position: absolute; width: 570px; height: 36px; top: -36px; } .sam-web.portfolio .switchLink a { font-size: 16px; font-family: 'NGbold'; line-height: 36px; color: #007BC0; padding: 12px; } .sam-web.portfolio .switchLink a.active { background: #F5F5F5; color: #444444; } .sam-web.portfolio .dount-chart-cont { float: left; } .sam-web.portfolio .donut-chart-mini { width: 114px; height: 96px; display: block; } .sam-web.portfolio .dount-chart-mini-cont { position: absolute; z-index: 7; bottom: 0; } .sam-web.portfolio .dount-chart-mini-cont a { float: left; display: block; background-color: #FFFFFF !important; } .sam-web.portfolio .dount-chart-mini-cont a.active { background-color: #F5F5F5 !important; } .sam-web.portfolio .donut-chart-mini.werterhalt { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/werterhalt.png) no-repeat; } .sam-web.portfolio .donut-chart-mini.kontinuitaet { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/kontinuitaet.png) no-repeat; } .sam-web.portfolio .donut-chart-mini.balance { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/balance.png) no-repeat; } .sam-web.portfolio .donut-chart-mini.perspektive { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/perspektive.png) no-repeat; } .sam-web.portfolio .donut-chart-mini.chance { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/chance.png) no-repeat; } .sam-web.portfolio .chart-name { position: absolute; z-index: 6; top: 145px; left: 82px; width: 122px; text-align: center; color: #666666; font-size: 14px; } .sam-web.portfolio .legend-item { margin-bottom: 20px; } .sam-web.portfolio .chart-legend { position: absolute; top: 65px; left: 250px; width: 240px; } .sam-web.portfolio .chart-legend .legend-item { margin-bottom: 15px; } .sam-web.portfolio .chart-legend h1 { font-size: 16px; line-height: 21px; } .sam-web.portfolio .chart-legend .value { display: inline-block; text-align: right; width: 80px; font-size: 16px; } .sam-web.portfolio .chart-legend .legend-item p { font-size: 14px; color: #333333; line-height: 17px; margin: 0; } .sam-web.portfolio .chart-legend .legend-item .gm { color: #0077C1; } .sam-web.portfolio .chart-legend .legend-item .al { color: #AD8DBC; } .sam-web.portfolio .chart-legend .legend-item .ak { color: #A7CC1C; } .sam-web.portfolio .chart-legend .legend-item .ro { color: #A48066; } .sam-web.portfolio .chart-legend .legend-item .detail { display: none; font-size: 14px; text-align: left; margin-left: 5px; } .sam-web.portfolio .wertentwicklung { display: none; position: relative; } .sam-web.portfolio .wertentwicklung .d { display: none; left: 41px; position: absolute; top: 35px; } .sam-web.portfolio .wertentwicklung .d-werterhalt { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-werterhalt.png) no-repeat; height: 195px; width: 486px; } .sam-web.portfolio .wertentwicklung .d-werterhalt-inner { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-inner-werterhalt.png) no-repeat; height: 195px; width: 486px; } .sam-web.portfolio .wertentwicklung .d-kontinuitaet { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-kontinuitaet.png) no-repeat; height: 195px; width: 488px; } .sam-web.portfolio .wertentwicklung .d-kontinuitaet-inner { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-kontinuitaet-inner.png) no-repeat; height: 195px; width: 488px; } .sam-web.portfolio .wertentwicklung .d-balance { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-balance.png) no-repeat; height: 195px; width: 489px; } .sam-web.portfolio .wertentwicklung .d-balance-inner { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-balance-inner.png) no-repeat; height: 195px; width: 489px; } .sam-web.portfolio .wertentwicklung .d-perspektive { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-perspektive.png) no-repeat; height: 195px; width: 489px; } .sam-web.portfolio .wertentwicklung .d-perspektive-inner { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-perspektive-inner.png) no-repeat; height: 195px; width: 489px; } .sam-web.portfolio .wertentwicklung .d-chance { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-chance.png) no-repeat; height: 195px; width: 490px; } .sam-web.portfolio .wertentwicklung .d-chance-inner { background: url(../img/loesung/vertriebspartner/sam/vermoegensmanagement/d-chance-inner.png) no-repeat; height:195px; width:490px; } .kvg-umfrage { float: left;margin: 1px 15px 0px 0px;} .kvg-umfrage .form-row { margin-bottom: 12px; clear: both; overflow: hidden; } .kvg-umfrage .form-row.border { padding-bottom: 18px; border-bottom: 1px solid #B0B0AF; } .kvg-umfrage .form-row .title { font-family: 'NGbold', Arial, sans-serif; font-size: 16px; margin: 2px 0 8px; clear: both; } .kvg-umfrage .input-row + .title { margin-top: 10px; } .kvg-umfrage .form-row .titleMedium { font-family: 'NG', Arial, sans-serif; font-size: 16px; margin: 2px 0 8px; clear: both; } .kvg-umfrage .input-row + .titleMedium { margin-top: 10px; } .kvg-umfrage .form-row .input-row .input-text { font-family: 'NGbold'; color: #333333; float: left; font-size:15px; text-align: left; vertical-align: top; width: 500px; height: 19px; padding: 6px 3px 5px; border: 1px solid #B0B0AF; } .kvg-umfrage .form-row .input-row { clear: both; overflow: hidden; } .kvg-umfrage .form-row .input-row .col { float: left; margin: 0px 14px 16px 0; } .kvg-umfrage .form-row .input-row .col input { vertical-align: middle; } .kvg-umfrage .form-row .input-row .col input[type="submit"] { font-family: 'NGbold'; width: 151px; background: url(../img/arrowBtn.png) no-repeat #006193; background-position: 87% 12px; padding: 8px 50px 8px 24px; color: #FFFFFF; display: inline; font-size: 16px; border: none; cursor: pointer; height: auto; } .kvg-umfrage .form-row .input-row .col .textarea { font-family: 'NGbold'; color: #333333; float: left; font-size:15px; text-align: left; vertical-align: top; width: 500px; padding: 6px 3px 5px; border: 1px solid #B0B0AF; } .kvg-umfrage .form-row .input-row .input-radio { vertical-align: middle; margin: 0 -3px 0 0; padding: 0; width: 13px; height: 20px; -webkit-appearance: radio; border: none; } .kvg-umfrage .form-row .submit { font-family: 'NGbold'; width: 151px; background: url(../../img/arrowBtn.png) no-repeat #006193; background-position: 87% 12px; padding: 8px 50px 8px 24px; color: #FFFFFF; display: inline; font-size: 16px; border: none; cursor: pointer; height: auto; } .content .hinweis{ width: 930px; height: 40px; font-family: 'NGbold'; font-size: 16px; background: no-repeat #FDEAE9; padding: 16px 13px 5px; border: 2px solid #EE3127; } .logoutMyffbapp{position: relative; min-height:150px;} .logoutMyffbapp p{width:300px; margin:20px 0 20px 0px;} .logoutMyffbapp ul{width:300px; margin:20px 0 20px 0px;} .logoutMyffbapp .logoutInvestmentDialog{position:absolute; right:0; top:-5px; background:url("../img/wissen/toolsrechner/myffb/investmentDialog.jpg") no-repeat; width:180px; height:180px;} .logoutMyffbapp .logoutMyffbappImage{position:absolute; right:0; top:-5px; background:url("../img/wissen/toolsrechner/myffb/myffb-app.jpg") no-repeat; width:180px; height:180px;} .logoutMyffbapp .logoutMyffbappImage2{position:absolute; right:0; top:-5px; background:url("../img/ffb-logout-fgl.jpg") no-repeat; width:180px; height:140px;}