Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • HANSA-FLEX.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of HANSA-FLEX.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • HANSA-FLEX.COM includes "http://www.hansa-flex.com/typo3temp/minify/2ce9e02474_minify__merged.css" to use Font Awesome and information from CSS is like below.
  • /**/DIV.csc-textpic-caption{font-size:0.9em;overflow:hidden}DIV.csc-textpic-image
    DD{line-height:normal;font-style:italic;min-height:0px}DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:10px}DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow{margin-bottom:5px;display:block}a .fa-at{padding:0;width:10px;text-align:right}a:hover .fa-at{text-decoration:underline}.csc-icon-dtpt{display:inline-block;width:3px;height:16px;padding:0;margin:0}.csc-icon-dtpt:before{content:'.'}a:hover .csc-icon-dtpt{text-decoration:underline}.csc-frame-frame1{padding-bottom:13px}.csc-frame-frame2{display:block;float:left;padding:0px
    15px 0px 0px;margin:0px;width:164px}.csc-frame-indent6633{background-color:#f0f0f0;padding:10px;margin-bottom:20px}.con .csc-frame-indent6633 .csc-header-layout-0, .con .csc-frame-indent6633 .csc-header-layout-1, .con .csc-frame-indent6633 .csc-header-layout-2{padding-right:0px}.csc-frame-indent3366{margin-left: -16px;width:536px;margin-bottom:23px}.csc-frame-indent3366a{background-color:#ffff7f;padding:10px;margin-bottom:13px}DIV.csc-frame-indent6633 DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:0px}DIV.csc-frame-indent6633 DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow .csc-textpic-image{margin-bottom:10px}DIV.csc-frame-indent6633 DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-imagerow-last .csc-textpic-image{margin-bottom:0px}DIV.csc-frame-indent6633 DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow{margin-bottom:0px}.csc-default .csc-frame-indent6633 .csc-default, #content .csc-default .csc-frame-indent6633 .csc-default{margin:0px;padding:0px}.csc-default .csc-frame-indent6633 .csc-frame-indent6633, #content .csc-default .csc-frame-indent6633 .csc-frame-indent6633{margin:0px;padding:0px}.tt_content_item .csc-frame-indent6633 .tt_content_item, #content .tt_content_item .csc-frame-indent6633
    .tt_content_item{margin:0px;padding:0px}.tt_content_item .csc-frame-indent6633 .csc-frame-indent6633, #content .tt_content_item .csc-frame-indent6633 .csc-frame-indent6633{margin:0px;padding:0px}#content .csc-textpic-caption{font-size:0.9em;font-style:italic}#content DIV.csc-frame-frame2 .csc-textpic-caption{font-size:1em;font-style:normal}#content DIV.csc-textpic-above DIV.csc-textpic-imagewrap IMG,
    #content DIV.csc-textpic-below DIV.csc-textpic-imagewrap
    IMG{margin-bottom:2px}#content DIV.csc-frame-frame2 DIV.csc-textpic-above DIV.csc-textpic-imagewrap IMG,
    #content DIV.csc-frame-frame2 DIV.csc-textpic-below DIV.csc-textpic-imagewrap
    IMG{margin-bottom:5px}#content DIV.csc-frame-frame2 .csc-header-layout-0, #content DIV.csc-frame-frame2 .csc-header-layout-1{margin-bottom:5px;font-size:1em;white-space:nowrap;overflow:hidden;margin-top:0px;padding-top:0px}#content DIV.csc-frame-frame2 H1 A, #content DIV.csc-frame-frame2 H2 A, #content DIV.csc-frame-frame2 H3 A,#content DIV.csc-frame-frame2 H4 A,#content DIV.csc-frame-frame2 H5
    A{color:black}#content DIV.csc-zoom .csc-textpic-imagewrap A, #content DIV.csc-zoom DIV.csc-textpic-image
    A{cursor:url("/fileadmin/images/zoom-in.gif?1186356047"), pointer}#content .csc-header-date{font-size:0.9em}
    @charset "utf-8";input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0;margin:0}FORM{margin:0px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif}.con
    FORM{padding:10px;background-color:#F8F8F8;display:block;border:0px
    solid #F0F0F0;margin:0px}INPUT,SELECT,TEXTAREA{font-size:10px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0px;color:black;background-color:white;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999;padding:3px
    3px 3px 5px}TEXTAREA{overflow:auto}FIELDSET{margin:0px;padding:0px;border:0px}.type-label,LABEL{display:block;float:left;padding-top:4px;padding-bottom:3px;background-repeat:repeat-x;background-position:bottom;margin-right:5px;color:black}FORM
    DIV.spacer{margin-bottom:3px}FORM
    SPAN.spacer{margin-bottom:3px}INPUT.f01,INPUT.f01a{height:14px}INPUT.f02{font-weight:bold;text-transform:uppercase;color:white;background-color:#999;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999;padding:0px
    0px 1px 0px;text-align:center;margin:0px;height:18px}#page
    INPUT.f02a{font-weight:normal;color:white;background-color:#999;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999;padding:0px
    0px 1px 0px;text-align:center;margin:0px;height:17px;font-size:10px;margin-top:2px}INPUT.f03{border:0px;padding:0px}INPUT.f04{background-color:#F8F8F8}INPUT.f05{border:0px}.fR1{font-size:10px;min-height:1px}.fR1
    INPUT.f01{width:188px}INPUT.f01a{width:auto}.fR1
    TEXTAREA{width:188px}.con P.fR1
    LABEL{width:137px;padding-left:2px;color:black;font-size:10px}.fR1 INPUT.f04,INPUT.f04{border:0px}.fR1
    INPUT.f04{width:auto;margin-left:0px;text-align:left;margin-top:4px}.fR2
    INPUT.f04{float:left;margin-right:2px;width:15px;margin-top:2px}.fR2
    LABEL{width:309px;padding-left:5px;font-size:10px}.fR1
    BR{display:none}SPAN.fAlert{display:block;clear:both;text-align:right}.con P.fAlert, .fAlert, .con
    .fAlert{color:#C30}.con
    P.fAlert{border:1px
    dashed #C30;padding:5px;display:block}.freq{color:#C00;font-weight:bold;font-size:10px}BR.break{clear:both;display:block;height:1px;line-height:1px;margin:0px;padding:0px}P.fhint,.fhint{font-size:10px;font-style:italic;color:#666}FORM
    .field{display:inline-block}input.f02{font-weight:bold;text-align:center;text-transform:uppercase;color:white;background-color:#999;border-bottom:1px solid #666;border:1px
    solid #666;box-shadow:2px 2px 2px #999;font-size:9px;height:auto;margin-left:5px;padding:2px
    5px 2px 5px}form.form label,
    form.form .type-label{font-size:10px;border-bottom:1px solid #ccc}.freq{color:#C00;font-weight:bold;font-size:10px}P.fhint,.fhint{font-size:10px;font-style:italic;color:#666}.type-shy{visibility:hidden;display:none}form div.type-error-box.type-error{visibility:visible;display:block;margin-bottom:1em;background-color:#C30;color:white;padding:12px;font-size:10px}form div.type-error-box
    p{font-weight:bold;padding-bottom:10px}.type-error
    label{color:#C30}.type-error input,
    .type-error select,
    .type-error
    textarea{border:1px
    solid #C30}.con .type-error-box UL
    LI{background-image:none;position:relative}.con .type-error-box UL LI .ui-icon{background-image:url("/fileadmin/_themes_/Neo/Js/jquery/css/HansaFlex/images/ui-icons_ffffff_256x240.png?1427457566");position:absolute;top:0;left: -7px;display:block}.con .type-error-box UL LI
    .text{display:block}.form-text,p.form-text{margin-bottom:1em;font-size:10px}.type-text
    LABEL{width:137px;padding-left:2px;font-size:10px}.type-text
    INPUT{width:182px;float:left}.type-text
    TEXTAREA{width:182px;float:left;max-width:182px;min-width:182px}.type-select
    LABEL{width:137px;padding-left:2px}.type-select.type-select-wide
    LABEL{float:none;clear:both;width:auto;margin-bottom:4px}.type-select
    SELECT{width:192px;float:left}.type-select.type-select-wide
    SELECT{width:auto;float:none;clear:both;min-width:333px}.type-select .ui-selectmenu-button.ui-state-default,
    .type-select .ui-selectmenu-button.ui-widget-content.ui-state-default,
    .type-select .ui-selectmenu-button.ui-widget-header.ui-state-default{background:none;background-color:#fff;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999;color:black;font-weight:normal;font-size:10px;text-align:left}.type-select .ui-selectmenu-button span.ui-icon{right:1px}.type-select .ui-selectmenu-button span.ui-selectmenu-text{padding:3px
    3px 3px 5px}.ui-selectmenu-menu ul.ui-menu{font-size:10px;text-align:left;border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid black;margin-top: -1px;max-height:300px;overflow-y:auto}.ui-selectmenu-menu .ui-menu-item{background:none;border-left:0px;border-right:0px;list-style-image:none;padding:3px
    3px 3px 5px}.ui-selectmenu-menu .ui-menu-item.ui-state-hover,
    .ui-selectmenu-menu .ui-menu-item.ui-widget-content .ui-state-hover,
    .ui-selectmenu-menu .ui-menu-item.ui-widget-header .ui-state-hover,
    .ui-selectmenu-menu .ui-menu-item.ui-state-focus,
    .ui-selectmenu-menu .ui-menu-item.ui-widget-content .ui-state-focus,
    .ui-selectmenu-menu .ui-menu-item.ui-widget-header .ui-state-focus{border-left:0px;border-right:0px;list-style-image:none;padding:3px
    3px 3px 5px;font-weight:bold}.type-error .ui-selectmenu-button.ui-state-default,
    .type-error .ui-selectmenu-button.ui-widget-content.ui-state-default,
    .type-error .ui-selectmenu-button.ui-widget-header.ui-state-default{border:1px
    solid #c30}.type-radio
    LABEL{width:137px;padding-left:2px}.type-radio .type-radio-option{float:left;padding-right:10px;height:18px}.type-radio .type-radio-option
    LABEL{display:inline-block;background:none;width:auto;border:0;padding-bottom:0}input[type="radio"], .type-radio
    input{box-sizing:border-box;padding:0px;outline:none 0}input[type="radio"]:focus, .type-radio input:focus{outline:none 0}.type-radio
    .field{padding-top:4px;float:left}.type-radio.ui-buttonset
    label{margin-right:6px}.type-radio .type-radio-option LABEL.ui-button-text-only{border:0;padding:0;margin:0}.type-radio .type-radio-option LABEL.ui-button-text-only .ui-button-text{border:1px
    solid #ccc;color:#333;margin:0;padding:3px
    5px;position:relative;z-index:10}.type-radio.ui-buttonset .type-radio-option{padding:0px;margin-left: -1px}.type-radio.ui-buttonset .type-radio-option label.ui-button-text-only.ui-state-active .ui-button-text{border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999;z-index:20;background-color:white;color:black}span.type-checkbox{border:1px
    solid #666;box-shadow:2px 2px 2px #999;display:block;height:8px;width:8px;line-height:8px;font-size:10px;cursor:pointer}span.type-checkbox
    input{visibility:hidden;padding:0;margin:0;float:none;height:auto;width:auto;border:0}.section-submit{text-align:right}.type-button
    input{border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999;box-shadow:2px 2px 2px #999;font-size:9px;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 2px 5px #000;color:white;background-color:#999;height:auto;padding:2px
    5px 3px 5px;margin:1em
    1px 0.5em 0px;min-width:151px}.wt_captcha
    p{background:none;font-size:10px;float:left;width:178px;padding-right:5px;padding-left:2px}.wt_captcha
    img{border-right:1px solid black;border-bottom:1px solid black;border-left:1px solid #999;border-top:1px solid #999}form .wt_captcha
    LABEL{width:178px}form .wt_captcha
    input{width:50px;text-align:center}.err1{color:#c30;font-weight:bold;font-size:0.9em}.selectmenu-countries.ui-menu
    .flag{float:right;margin-right: -16px;margin-top:0px;margin-left:10px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}.selectmenu-countries.ui-menu .ui-state-focus,
    .selectmenu-countries.ui-menu .ui-state-active{margin:0px}.selectmenu-countries.ui-menu .ui-state-focus .flag,
    .selectmenu-countries.ui-menu .ui-state-active
    .flag{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.ui-selectmenu-menu .selectmenu-countries.ui-menu .ui-menu-item{padding:3px
    24px 3px 5px !important}html body .ui-tooltip.formHelp{background:none;border:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:0;margin:0;font-weight:normal;font-size:inherit;color:inherit;line-height:inherit;-webkit-box-shadow:none;box-shadow:none;max-width:140px}html body .ui-tooltip.formHelp .formHelp-box{display:block;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;background:white;border:1px
    solid #ccc;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:5px
    7px 7px 9px;font-weight:normal;font-size:10px;color:black;text-align:left;line-height:1.5em;-webkit-box-shadow:none;box-shadow:none;white-space:normal !important;position:relative;z-index:10}.ui-tooltip.formHelp
    .fa{-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;border:1px
    solid white;background-color:white;display:block;position:absolute;top: -7px;left: -7px;z-index:20;font-size:14px;color:#c30}FORM .field-gender
    input{width:88px}form.form .type-zip-city
    label{float:none;background:none;display:inline-block;margin-right:0;padding:0;line-height:normal;border:0}form.form .type-zip-city .type-label{width:137px;padding-left:2px;color:black;font-size:10px}.type-zip-city
    input#zip{width:40px;margin-right:2px}.type-zip-city
    input#city{width:126px}.field-topics{margin-bottom:1em}.contact_options{float:none;width:auto;display:block}.con P.fR1 .contact_options
    label{float:left;width:307px;padding-top:0px}.con P.fR1 .contact_options
    input{float:left;border:0px;margin:2px
    5px 0px 0px;width:15px;padding:0px}form
    .services1{float:left;width:165px}form
    .services2{float:left;width:165px;padding-left:5px}.con .services1 P.fR1
    label{float:right;padding-top:0px}.con .services1 P.fR1
    input{float:left;border:0px;margin-top:2px}.con .services2 P.fR1
    label{float:right;padding-top:0px}.con .services2 P.fR1
    input{float:left;border:0px;margin-top:2px}.con P.fR1 .contact_options .type-checkbox,
    .con .services1 P.fR1 .type-checkbox,
    .con .services2 P.fR1 .type-checkbox{margin:2px
    7px 0px 0px;float:left}.con P.fR1 .contact_options .type-checkbox input,
    .con .services1 P.fR1 .type-checkbox input,
    .con .services2 P.fR1 .type-checkbox
    input{margin:0;padding:0;float:none;width:auto;height:auto}.con .services1 P.fR1 label.type-checkbox-label,
    .con .services2 P.fR1 label.type-checkbox-label{margin-left:0px;width:141px}.con .services1 h3,
    .con .services2
    h3{line-height:146%;font-size:1em;color:#333;font-weight:600;margin:0px
    0px 0px 0px;padding-right:0px;font-size:0.9em;font-weight:bold}#content .hf_catalogue TD
    INPUT{width:45px;text-align:center;margin-right:5px}.hf_catalogue
    TD{vertical-align:middle;padding-right:5px;padding-bottom:5px;border-bottom:1px solid #CCC;padding-top:5px}form.form .hf_catalogue
    LABEL{float:none;background-image:none;display:inline;font-weight:bold;border:0}.hf_catalogue
    IMG{border:1px
    solid #CCC}.hf_catalogue
    TH{vertical-align:bottom;padding-bottom:5px;border-bottom:1px solid #CCC;padding-right:5px}
    .tx-felogin-pi1
    label{display:block}
    @charset "utf-8";html{unicode-bidi:embed;overflow-y:scroll}html[lang="ar"]{direction:rtl}body{font-size:11px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:#333;margin:0px
    0px 0px 0px;padding:0px;width:100%;text-align:center;background-color:#CCC}.con
    NOSCRIPT{color:red}noscript{display:inline;text-align:center}noscript
    .global{display:table;position:absolute;top:0;left:0;border-bottom:1px solid black;background-color:#D63333;color:#fff;text-align:center;z-index:1000;width:100%;height:55px;overflow-y:hidden}noscript .global
    p{display:table-cell;vertical-align:middle;padding:10px;height:28px;font-size:11px;text-align:center;margin:0;line-height:1.6em}noscript
    em{font-weight:bold;font-style:normal}noscript .global p
    span{display:block;margin-left:auto;margin-right:auto;width:550px}body.nojs{padding-top:56px}.frame{display:block;clear:both;float:none}.col{display:block;float:left;min-height:1px}#content .spacer, .con .spacer,.spacer,.clearfix{line-height:1px;font-size:1px;height:1px;clear:both;float:none;display:block}#document{position:absolute;top:0px;left:0px;width:100%;z-index:10}#page{width:980px;margin-right:auto;margin-left:auto;text-align:left;position:relative}#visual{background-color:#CCC;position:absolute;top:28px;left:0px;z-index:10;overflow:hidden;height:147px;width:980px}#top{width:980px;height:175px;background-image:none;background-repeat:no-repeat;background-position:0px 28px;z-index:20;position:relative}#logo{border-left:18px solid #999;width:962px;background-image:url(/fileadmin/_themes_/Neo/Img/bg_top.jpg?1429867212);background-position:161px 0px;background-repeat:no-repeat;background-color:#CCC;border-bottom:1px solid #999;height:27px}#logo
    A{background-color:#F0F0F0;display:block;width:161px}#logo
    IMG{margin:3px
    13px 5px 16px;width:132px;height:19px}#border1{line-height:1px;font-size:1px;height:3px;background-color:black;margin-bottom:133px}#border2{background-color:black;line-height:1px;font-size:1px;height:11px}#border1{-khtml-opacity:0.45;-moz-opacity: .45;opacity: .45}#border2{-khtml-opacity:0.45;-moz-opacity: .45;opacity: .45}#frame2{border-top:4px solid #999;border-right:18px solid #999;background-image:url(/fileadmin/images/bg_content.gif?1174124609);background-position:0px 0px;background-repeat:repeat-y;background-color:white}#t3col1{width:179px;background-color:#F0F0F0}#t3col1a{padding-left:18px;padding-right:8px;padding-top:20px}#t3col1a .csc-innerWrap-0{font-size:0.9em}#content{width:550px}#t3col0{margin:0px
    7px 0px 5px;border-top:7px solid white}#t3col0b{padding-top:4px;padding-bottom:8px;margin:0px;width:383px;border-top:1px solid #F0F0F0;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0;min-height:356px}#t3col0a{padding:8px
    14px 8px 10px}#t3col2{height:100%;margin:3px
    8px 80px 2px;display:block;float:left;width:140px;padding-top:45px}#t3col2a{padding-top:47px;padding-top:13px;padding-bottom:40px}#t3col2a .csc-innerWrap-0{font-size:0.9em}#features{width:143px}#rightBottom{position:absolute;width:143px;bottom:66px;right:259px;font-size:0.9em;color:black}#features
    UL{display:block;margin:0px;padding:0px;list-style:none;font-size:0.9em}#features UL
    LI{display:block;margin:5px
    0px 0px 0px;list-style:none;color:black;font-size:10px;background-image:url(/fileadmin/images/arrow_right_light.gif?1174044837);background-repeat:no-repeat;background-position:0px 5px;padding:0px
    0px 0px 11px}#features A,#features A:visited{color:black;text-decoration:none;display:block}#features A:hover{color:black;text-decoration:underline}#features UL LI.csc-linkToTop{background-image:url(/fileadmin/images/arrow_up_light.gif?1175021685);background-position:0px 5px}#textResizer{display:block;clear:both;float:none;background-image:url(/fileadmin/images/bg_line_dashed_light.gif?1174043280);background-repeat:repeat-x;background-position:bottom;padding-bottom:11px;font-size:0.9em}#textResizer UL,#textResizer
    LI{display:block;list-style:none;padding:0px;margin:0px;background-image:none;font-size:10px}#textResizer
    .fRe3{font-size:1.2em}#textResizer
    .fRe4{font-size:1em}#textResizer
    .fRe5{font-size:0.9em}#textResizer
    .fReA{font-weight:bold}#textResizer
    .fReB{font-weight:bold;display:block;float:left;width:9px;text-align:center;margin-right:7px;margin-left: -1px}#textResizer LI A, #textResizer LI A:visited{text-decoration:none;color:black}#textResizer LI A:hover{text-decoration:underline;color:black}#t3col3{background-color:#F0F0F0;width:233px;padding-bottom:90px}#t3col3
    P{line-height:120%}#t3col3 .csc-innerWrap-0,#t3col3 P.csc-linkToTop{padding-left:14px;padding-right:12px}#t3col3a{padding-left:0px;padding-right:0px;padding-top:12px;font-size:0.9em}#border3{height:7px;border-bottom:2px solid #999}#border3
    DIV{margin-left:184px;width:385px;border-top:1px solid #F0F0F0;height:6px;background-color:white}#borderBottom{position:absolute;width:233px;right:18px;bottom:52px;font-size:0.9em;z-index:11}#newsletter H1, #rssFeed H1, #tagCloud H1, #latest H1,#navSub
    H1{line-height:120%}#newsletter,#rssFeed,#tagCloud{background-image:url(/fileadmin/images/bg_line_red_dashed.gif?1173817004);background-repeat:repeat-x;background-position:bottom}#newsletter{padding-top:10px;padding-bottom:10px}#newsletter
    H1{margin:0px;font-size:11px;font-weight:bold;color:black;line-height:normal;padding-bottom:2px}#t3col3 H1 A, #t3col3 H2 A, #t3col3 H3 A, #t3col3 H4 A, #t3col3 H5
    A{color:black}#newsletter
    P{line-height:normal}#newsletter
    FORM{margin-top:5px}#newsletter
    INPUT{font-size:0.9em;float:left}#newsletter
    INPUT.f01{width:112px}#newsletter
    INPUT.f02{margin-left:0px}#content
    SELECT.f06{width:192px}#tagCloud
    H1{font-size:10px;color:black;padding-left:14px;line-height:normal;margin:0px;padding-bottom:2px;font-weight:normal}#tagCloud .tx-hftagcloud-pi1{padding-left:14px;padding-right:12px;overflow:hidden;height:auto;font-family:Arial}#tagCloud
    A{text-decoration:none;color:#333}#tagCloud A:hover{text-decoration:underline;color:#333}#tagCloud{min-height:30px;display:block;clear:both}.tx-hftagcloud-pi1-listrow
    A{white-space:nowrap}.tx-hftagcloud-pi1-keyword1,.tx-hftagcloud-pi1-keyword3,.tx-hftagcloud-pi1-keyword5,.tx-hftagcloud-pi1-keyword7{float:left;padding-top:5px;padding-right:10px}.tx-hftagcloud-pi1-keyword2,.tx-hftagcloud-pi1-keyword4,.tx-hftagcloud-pi1-keyword6{float:right;padding-top:5px;padding-left:10px}.tx-hftagcloud-pi1-keyword1{font-size:16px;padding-top:0px}.tx-hftagcloud-pi1-keyword2{font-size:14px}.tx-hftagcloud-pi1-keyword3{font-size:13px}.tx-hftagcloud-pi1-keyword4{font-size:11px;font-weight:bold}.tx-hftagcloud-pi1-keyword5{font-size:11px}.tx-hftagcloud-pi1-keyword6{font-size:10px}.tx-hftagcloud-pi1-keyword7{font-size:10px;float:left}#rssFeed{padding-top:8px;padding-bottom:6px}#rssFeed A,#rssFeed A:hover{display:block;text-decoration:none;height:13px;color:black}#rssFeed A
    SPAN{display:block;float:left;cursor:pointer}#rssFeed
    IMG{float:left;margin-left:0px;margin-top:0px;cursor:pointer}#tagCloud{padding-top:10px;padding-bottom:10px;background-color:#F8F8F8}#newsletter DIV, #rssFeed
    DIV{padding-left:14px;padding-right:12px}#frame3{background-color:#B8B8B8;border:0px;display:block;margin:0px;clear:both;padding-top:2px}#border4{height:3px;background-color:#999;margin-top:5px}P#copyright{color:#666;font-size:10px;text-align:right;margin:0px;padding:0px;height:20px;width:980px;display:block}#navTopBg,#navTopBg0{position:absolute;left:0px;top:136px;height:28px;background-color:white;z-index:1;width:980px}#navTopBg0{top:134px;background-color:transparent;background-image:url(/fileadmin/_themes_/Neo/Img/bg_top.png?1429867212);background-repeat:no-repeat;background-position:center left}#navTopHome{padding-right:0px;width:160px;height:19px;position:absolute;top:138px;left:19px;border-top:1px solid white;z-index:3;border-bottom:1px solid white;text-align:center;white-space:nowrap}#navTopHome
    A{color:black;text-decoration:none;padding:3px
    0px 3px 0px;display:block;text-transform:uppercase;height:13px}#navTopHome A:hover, #navTopHome SPAN.CUR
    A{color:black;background-color:white}#navTop{padding-right:0px;width:980px;height:19px;position:absolute;top:138px;left:0px;border-top:1px solid white;z-index:2;border-bottom:1px solid white}#navTop
    UL{display:block;list-style:none;padding:0px;margin:0px;float:right}#navTop
    LI{display:block;float:left;color:black;text-transform:uppercase;padding:0px;margin:0px;height:19px;border-left:1px solid white}#navTop LI A, #navTop A:hover{color:black;text-decoration:none;padding:3px
    18px 3px 18px;display:block;float:left}#navTop LI A:hover, #navTop LI.CUR A, #navTop LI.firstCUR A, #navTop LI.lastCUR
    A{background-color:white}#navTop LI A:hover SPAN, #navTop LI.CUR A SPAN, #navTop LI.firstCUR A SPAN, #navTop LI.lastCUR A
    SPAN{color:black}#navTop LI A:hover,#navTop UL LI.CUR A, #navTop UL LI.firstCUR A, #navTop UL LI.lastCUR
    A{-khtml-opacity:0.55;-moz-opacity: .55;opacity: .55}#navTop LI A:hover SPAN,#navTop LI.CUR A SPAN, #navTop LI.firstCUR A SPAN, #navTop LI.lastCUR A
    SPAN{-khtml-opacity:none;-moz-opacity:none;opacity:none}#navTopBg{-khtml-opacity:0.45;-moz-opacity: .45;opacity: .45}#navTopHome A:hover,#navTopHome SPAN.CUR
    A{-khtml-opacity:0.55;-moz-opacity: .55;opacity: .55}#breadcrumb
    .spacer{width:auto;margin-left:5px;margin-right:5px;margin-top:0px;margin-bottom:15px;background-image:url(/fileadmin/images/bg_line_dashed_light.gif?1174043280);background-repeat:repeat-x}#breadcrumb
    A{text-decoration:none}#content #breadcrumb
    UL{display:block;padding:0px;margin:0px
    0px 0px 10px;list-style:none}#content #breadcrumb
    LI{display:block;margin:0px
    7px 0px 0px;list-style:none;float:left;padding:0px
    7px 5px 0px;background-image:url(/fileadmin/images/bg_brtrail.gif?1174128289);background-position:top right;background-repeat:no-repeat;width:auto}#content #breadcrumb
    LI.last{background-image:none}#breadcrumb h1, #breadcrumb .csc-header-layout-0, #breadcrumb .csc-header-layout-1{margin:1px
    0px 5px 10px;padding:0px;font-size:18px;color:#C00;font-weight:normal;text-transform:uppercase;line-height:90%}#breadcrumb h2, #breadcrumb .csc-header-layout-2{margin:0px
    0px 8px 10px;padding:0px;font-size:11px;color:black;font-weight:normal;text-transform:none;line-height:100%}#navLeft{border-left:18px solid #999;font-size:0.9em}#navLeftBottom{height:1px;background-color:white}#navLeft
    UL{display:block;border-left:0px;padding:0px;margin:0px;list-style:none}#navLeft
    LI{display:block;padding:0px;margin:0px;list-style:none;background-position:top;background-image:url(/fileadmin/images/bg_line_dashed.gif?1173811106);background-repeat:repeat-x;padding-top:1px}#navLeft LI.firstCUR, #navLeft
    LI.first{background-image:none;padding-top:0px}#navLeft LI A, #navLeft LI A:hover{display:block;padding-top:6px;padding-bottom:7px;text-decoration:none;color:black}#navLeft UL UL LI
    A{color:#333}#navLeft LI A:hover{background-color:#F5F5F5;background-image:url(/fileadmin/images/arrow_right.gif?1173811599);background-repeat:no-repeat;background-position:5px 10px}#navLeft LI A SPAN,#navLeft LI A:hover
    SPAN{display:block;padding-left:16px;cursor:pointer}#navLeft UL
    UL{border-left:0px;background-color:white}#navLeft UL UL
    LI{background-image:none}#navLeft UL UL
    LI.first{border-top:1px solid white}#navLeft UL UL LI.last A,#navLeft UL UL LI.last A:hover{padding-bottom:8px}#navLeft UL UL UL LI A SPAN ,#navLeft UL UL UL LI A:hover
    SPAN{padding-left:26px}#navLeft UL UL UL LI.last A,#navLeft UL UL UL LI.last A:hover{padding-bottom:3px}#navLeft UL UL UL LI A:hover{background-position:15px 6px}#navLeft UL UL LI A, #navLeft UL UL LI A:hover{padding-top:3px;padding-bottom:3px;background-position:5px 7px}#navLeft LI A.CUR,#navLeft LI A.ACT,#navLeft UL UL LI A.ACT,#navLeft UL UL LI
    A.CUR{color:#C00;background-color:#F5F5F5}#navLeft UL UL LI
    A.ACT{background-color:transparent}#footer{height:18px;background-color:#CDCDCD;margin-top:0px;border-top:1px solid white;border-bottom:1px solid white;padding-left:0px;background-image:url(/fileadmin/images/bg_footer.gif?1174053615);background-position:center right;background-repeat:no-repeat;padding-top:0px}#footer
    UL{padding:0px;margin:0px;list-style:none;display:block}#footer
    LI{color:#666;display:block;padding:0px;margin:0px;float:left;font-size:10px;border-right:1px solid white;height:18px}#footer LI A:hover, #footer LI
    A{color:#666;text-decoration:none;padding:3px
    10px 3px 10px;display:block}#footer LI A:hover{background-color:#F0F0F0}#navSub H1,#latest H1,#t3col3 .con
    H1{font-size:11px;color:#C00;background-image:url(/fileadmin/images/bg_line_dashed_light.gif?1174043280);background-repeat:repeat-x;background-position:bottom;padding-bottom:6px;margin-bottom:7px;padding-left:14px;padding-right:12px;font-weight:normal}#navSub{background-image:url(/fileadmin/images/bg_line_red_dashed.gif?1173817004);background-repeat:repeat-x;background-position:bottom;padding-bottom:12px;padding-top:13px;background-color:#F8F8F8}#navSub
    UL{margin:0px
    0px 0px 0px;padding:0px}#navSub
    LI{margin:0px;padding:0px;display:block;list-style:none;font-size:0.9em}#navSub A,#navSub A:hover{display:block;list-style:none;text-decoration:none;padding:4px
    12px 5px 25px;color:black;background-image:url(/fileadmin/images/arrow_right_light.gif?1174044837);background-repeat:no-repeat;background-position:14px 8px;border-top:1px solid #F8F8F8}#navSub A:hover, #navSub LI.CUR A, #navSub LI.firstCUR A, #navSub LI.lastCUR
    A{background-color:#F0F0F0}#navSub LI.CUR A, #navSub LI.firstCUR A, #navSub LI.lastCUR
    A{color:#C00}.navLangIcon{display:none;position:absolute;z-index:100;right:38px;top:12px;width:auto;font-family:Arial,Helvetica,sans-serif;visibility:visible}#navLang .navLangIcon IMG,#navLangIcon
    IMG{margin:0px}#navLang
    .langNav{position:absolute;top:5px;right:20px;z-index:99;text-align:right;display:block;visibility:hidden;width:auto;float:left}#navLang .langNav
    UL{display:block;list-style:none;font-size:0.9em;padding:0px;margin:0px
    0px 0px 0px}#navLang .langNav UL
    LI{display:block;list-style:none;padding:0px;margin:0px;text-align:left}.langNav2{display:block;border-right:1px solid black;border-bottom:1px solid black;min-height:1px;width:auto}#navLang .langNav
    TABLE{border-right:1px solid #999}#navLang .langNav
    TD{padding:0px;border-top:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #999;background-color:#F0F0F0;vertical-align:top}#navLang .langNav LI
    A{width:120px;display:block;padding:5px
    10px 5px 10px;min-height:12px;margin:0px}#navLang .langNav LI A.cur, #navLang .langNav LI A:hover{padding:5px
    10px 5px 10px;background-color:#FAFAFA;display:block}#navLang .langNav TD
    IMG{margin-right:5px;width:15px;height:9px}#navLang
    .langNavImg{display:inline;float:none}#navLang .langNav
    TD.navLangClose{background-color:transparent;padding-left:79px;text-align:right;vertical-align:top}#navLang .langNav TD.navLangClose
    IMG{border-left:1px solid #999;border-bottom:1px solid #999;width:11px;height:10px;margin:0px}#navLang .langNav TD.navLangClose
    A{display:block;margin-bottom:30px;width:15px;padding:0px}.navLangSub{position:absolute;top:0px;right:0px;z-index:90;visibility:hidden;background-color:#FAFAFA;border:1px
    solid #999;width:100px}.navLangSub
    UL{display:block;list-style:none;font-size:0.9em;padding:0px;margin:0px
    0px 0px 0px;min-height:1px}.navLangSub UL
    LI{display:block;list-style:none;padding:0px;margin:0px;text-align:left;min-height:1px}.navLangSub A,.navLangSub A:hover,.navLangSub A:visited,.navLangSub A:focus,.navLangSub A:active,
    .navLangSub A,.navLangSub A:hover,.navLangSub A:visited,.navLangSub A:focus,.navLangSub A:active{display:block;background-image:url(/fileadmin/images/arrow_right_light.gif?1174044837);background-repeat:no-repeat;background-position:5px 8px;padding:5px
    10px 5px 16px;min-height:1px;background-color:#F0F0F0;margin:0px}.navLangSub A.cur,.navLangSub A:hover{background-color:#FAFAFA;display:block;background-image:url(/fileadmin/images/arrow_right_light.gif?1174044837);background-repeat:no-repeat;background-position:5px 8px;padding:5px
    10px 5px 16px;min-height:1px;margin:0px}#navLang
    .langMenu{position:absolute;z-index:99;left:189px;top:139px;width:500px;font-family:Arial,Helvetica,sans-serif;font-size:0.9em;display:block}#navLang .langMenu
    UL{display:block;list-style:none;font-size:0.9em;padding:0px
    28px 0px 0px;margin:0px
    0px 0px 0px;float:none}#navLang .langMenu
    LI{display:block;list-style:none;padding:0px;margin:0px;float:left;line-height:normal}#navLang .langMenu LI A,#navLang .langMenu LI
    A.cur{text-decoration:none;display:block;float:left;border:0px
    solid #CCC;margin-left:1px;padding:3px
    4px 2px 4px;text-align:center;height:14px;color:#333}#navLang .langMenu LI
    A.cur{border:0px
    solid #999;background-color:#FAFAFA}#navLang .langMenu LI A:hover, #navLang .langMenu LI A.cur:hover{border:0px
    solid #999;text-decoration:none;display:block;float:left;margin-left:1px;padding:3px
    4px 2px 4px;text-align:center;background-color:#F0F0F0}.con .tx-hflanguages-pi1 LI
    IMG{border:0px;width:15px;height:9px}#navLang .langMenu LI
    SPAN.lcode{display:block;float:left;padding-top:0px;font-weight:bold;padding-left:5px;font-size:11px}#navLang .langMenu LI
    IMG{float:left}.tx-indexedsearch-form{margin-bottom:15px}.con .tx-indexedsearch
    FORM{background-color:transparent;padding:0px;border:0px;margin:0px}.tx-indexedsearch-form
    INPUT{margin-right:2px;float:left}.tx-indexedsearch-form
    LABEL{display:block;float:left;margin-right:5px;margin-top:1px;background-image:none}.tx-indexedsearch-searchbox-sword{width:180px}.tx-indexedsearch-whatis{display:none}.tx-indexedsearch-sec{margin-bottom:7px}.con .tx-indexedsearch-sec UL
    LI{padding-bottom:0px}.con .tx-indexedsearch
    .browsebox{margin-top:15px;list-style:none}.con .tx-indexedsearch .browsebox
    LI{padding-bottom:5px;float:left;padding-right:10px;padding-left:0px;margin-left:0px;background-image:none;list-style-image:none}.tx-indexedsearch-secHead{width:100%;height:24px;background-color:#F0F0F0;background-image:url(/fileadmin/images/bg_line_dashed.gif?1173811106);background-repeat:repeat-x;background-position:0px 0px;margin-top:10px}#content .tx-indexedsearch-title
    A{text-decoration:underline}.con .tx-indexedsearch-secHead
    H2{text-transform:none;font-size:10px;color:black;line-height:normal;padding:0px;margin:6px
    0px 0px 16px;display:block;float:left;font-weight:normal}.con .tx-indexedsearch-secHead P.tx-indexedsearch-result-count{display:block;font-size:10px;color:black;line-height:normal;padding:6px
    5px 0px 0px;font-weight:normal;text-align:right;margin:0px}.tx-indexedsearch-secHead A,.tx-indexedsearch-secHead A:hover,.tx-indexedsearch-secHead A:visited{color:black;text-decoration:none}.con .tx-indexedsearch-res
    H3{font-size:11px;line-height:normal;margin:0px;padding:0px
    0px 0px 6px;float:left;text-transform:none}.tx-indexedsearch-res H3
    SPAN{display:block;float:left}tx-indexedsearch-res{display:block;float:none;clear:both;width:100%}.con .tx-indexedsearch-res P.tx-indexedsearch-percent{text-align:right;font-size:10px;padding:0px
    5px 0px 0px;margin:0px}.tx-indexedsearch-res-header{background-image:url(/fileadmin/images/bg_line_dashed.gif?1173811106);background-repeat:repeat-x;background-position:0px 0px;padding-top:6px;display:block;clear:none;float:none}.tx-indexedsearch-result-number{padding:2px
    6px 0px 0px;width:19px;text-align:right}.tx-indexedsearch-title{padding:2px
    0px 0px 0px}.con .tx-indexedsearch-res
    A{text-decoration:none}.tx-indexedsearch-res-row{border-top:1px solid #F0F0F0;margin:4px
    4px 4px 4px;padding:4px
    0px 0px 27px}.con P.tx-indexedsearch-descr{display:block;float:left;width:355px;margin-right:10px}.tx-indexedsearch-info{padding:0px;margin:0px}.con .tx-indexedsearch-info
    P{font-size:10px;text-align:right}.tx_tipafriend
    INPUT.f01a{margin-left:5px;text-align:center;width:auto}.tx-thmailformplus-pi1
    SELECT#country{width:188px}.tx-thmailformplus-pi1
    #greeting{width:88px}.tx-hflocations-pi3-listrow-header TH
    A{color:white}#content
    TABLE.productslinks{border:0px;margin:0px;background-color:white;padding:0px}#content TABLE.productslinks
    TD{padding:0px;background-color:white}#tagCloud H1,
    #tagCloud
    h2{font-size:10px;color:black;padding-left:14px;line-height:normal;margin:0px;padding-bottom:2px;font-weight:normal}#tagCloud .tx-hftagcloud-pi1{padding-left:14px;padding-right:12px;overflow:hidden;height:auto;font-family:Arial}#tagCloud
    A{text-decoration:none;color:#333}#tagCloud A:hover{text-decoration:underline;color:#333}#tagCloud{min-height:30px;display:block;clear:both}.tx-hftagcloud-pi1-listrow
    A{white-space:nowrap}.tx-hftagcloud-pi1-keyword1,.tx-hftagcloud-pi1-keyword3,.tx-hftagcloud-pi1-keyword5,.tx-hftagcloud-pi1-keyword7{float:left;padding-top:5px;padding-right:10px}.tx-hftagcloud-pi1-keyword2,.tx-hftagcloud-pi1-keyword4,.tx-hftagcloud-pi1-keyword6{float:right;padding-top:5px;padding-left:10px}.tx-hftagcloud-pi1-keyword1{font-size:16px;padding-top:0px}.tx-hftagcloud-pi1-keyword2{font-size:14px}.tx-hftagcloud-pi1-keyword3{font-size:13px}.tx-hftagcloud-pi1-keyword4{font-size:11px;font-weight:bold}.tx-hftagcloud-pi1-keyword5{font-size:11px}.tx-hftagcloud-pi1-keyword6{font-size:10px}.tx-hftagcloud-pi1-keyword7{font-size:10px;float:left}.printLink{float:right;width:18px;height:18px;overflow:hidden;margin-left:5px;background-image:url(/fileadmin/images/print.png?1409994328);background-repeat:no-repeat;background-position:right 0;display:block}.printLink
    a{display:block;width:16px;height:16px;border-left:1px solid #ccc;padding-left:2px;text-decoration:none}.printLink
    span{visibility:hidden;display:none}.grid-container,.grid-print{position:relative}.grid-container-box{position:absolute;top:0px;right:0px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:white;height:20px}.grid-container-box .inlineLangNav-frame{float:right}.grid-container-box .inlineLangNav-frame .tx-hflanguages-pi1-inlineLangNav{float:none}body .grid-container-box .inlineLangNav-frame .tx-hflanguages-pi1-inlineLangNav
    ul{margin-left:0px;border-left:0px}.grid-2 .gbox-left{float:left;width:149px;padding-right:15px}.grid-2 .gbox-right{float:left;width:149px}.grid-2 .csc-frame-frame2{display:inline;padding:0;float:none;width:auto}#overlay-frame{background-color:#000;height:100%;left:0;position:absolute;top:0;width:100%;-khtml-opacity:0;-moz-opacity:0;opacity:0;z-index: -1;display:none}#overlay-wrapper{display:none;width:100%;text-align:center;z-index:100001}#overlay-content{text-align:center;width:250px;margin-left:auto;margin-right:auto;font-size:10px;font-weight:bold;color:#2c2b2b;padding:20px
    20px 20px 20px;background-image: -o-linear-gradient(bottom, rgb(255,255,255) 1%, rgb(204,204,204) 100%);background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 1%, rgb(204,204,204) 100%);background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 1%, rgb(204,204,204) 100%);background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.01, rgb(255,255,255)),
    color-stop(1, rgb(204,204,204))
    );background-image:linear-gradient(bottom, rgb(255,255,255) 1%, rgb(204,204,204) 100%);border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;border:1px
    solid #333;border-left:1px solid #666;border-top:1px solid #666}#overlay-inline
    img{vertical-align:bottom}body .ui-accordion .ui-accordion-content{border-top:0 none;overflow:auto;padding:1em
    2.2em}#docExt{position:fixed;bottom:213px;right:0;z-index:110;width:1px;height:1px}#docExt
    img{float:right}#docExt:hover{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:19}.navCountries:hover{z-index:120}#frame1:hover #topNav, #topNav:hover, .navCountries:hover .navCountries-map,
    .navCountries:hover .navCountries-closer{z-index:90}.navCountries-map:hover *,.navCountries-map:hover,.navCountries-map-1:hover{position:relative;z-index:90}
    .flag{width:16px;height:11px;background:url(/typo3conf/ext/hf_languages/Resources/Public/Img/flags.png?1413243827) no-repeat}.flag.flag-ad{background-position: -16px 0}.flag.flag-ae{background-position: -32px 0}.flag.flag-af{background-position: -48px 0}.flag.flag-ag{background-position: -64px 0}.flag.flag-ai{background-position: -80px 0}.flag.flag-al{background-position: -96px 0}.flag.flag-am{background-position: -112px 0}.flag.flag-an{background-position: -128px 0}.flag.flag-ao{background-position: -144px 0}.flag.flag-ar{background-position: -160px 0}.flag.flag-as{background-position: -176px 0}.flag.flag-at{background-position: -192px 0}.flag.flag-au{background-position: -208px 0}.flag.flag-aw{background-position: -224px 0}.flag.flag-az{background-position: -240px 0}.flag.flag-ba{background-position:0 -11px}.flag.flag-bb{background-position: -16px -11px}.flag.flag-bd{background-position: -32px -11px}.flag.flag-be{background-position: -48px -11px}.flag.flag-bf{background-position: -64px -11px}.flag.flag-bg{background-position: -80px -11px}.flag.flag-bh{background-position: -96px -11px}.flag.flag-bi{background-position: -112px -11px}.flag.flag-bj{background-position: -128px -11px}.flag.flag-bm{background-position: -144px -11px}.flag.flag-bn{background-position: -160px -11px}.flag.flag-bo{background-position: -176px -11px}.flag.flag-br{background-position: -192px -11px}.flag.flag-bs{background-position: -208px -11px}.flag.flag-bt{background-position: -224px -11px}.flag.flag-bv{background-position: -240px -11px}.flag.flag-bw{background-position:0 -22px}.flag.flag-by{background-position: -16px -22px}.flag.flag-bz{background-position: -32px -22px}.flag.flag-ca{background-position: -48px -22px}.flag.flag-catalonia{background-position: -64px -22px}.flag.flag-cd{background-position: -80px -22px}.flag.flag-cf{background-position: -96px -22px}.flag.flag-cg{background-position: -112px -22px}.flag.flag-ch{background-position: -128px -22px}.flag.flag-ci{background-position: -144px -22px}.flag.flag-ck{background-position: -160px -22px}.flag.flag-cl{background-position: -176px -22px}.flag.flag-cm{background-position: -192px -22px}.flag.flag-cn{background-position: -208px -22px}.flag.flag-co{background-position: -224px -22px}.flag.flag-cr{background-position: -240px -22px}.flag.flag-cu{background-position:0 -33px}.flag.flag-cv{background-position: -16px -33px}.flag.flag-cw{background-position: -32px -33px}.flag.flag-cy{background-position: -48px -33px}.flag.flag-cz{background-position: -64px -33px}.flag.flag-de{background-position: -80px -33px}.flag.flag-dj{background-position: -96px -33px}.flag.flag-dk{background-position: -112px -33px}.flag.flag-dm{background-position: -128px -33px}.flag.flag-do{background-position: -144px -33px}.flag.flag-dz{background-position: -160px -33px}.flag.flag-ec{background-position: -176px -33px}.flag.flag-ee{background-position: -192px -33px}.flag.flag-eg{background-position: -208px -33px}.flag.flag-eh{background-position: -224px -33px}.flag.flag-england{background-position: -240px -33px}.flag.flag-er{background-position:0 -44px}.flag.flag-es{background-position: -16px -44px}.flag.flag-et{background-position: -32px -44px}.flag.flag-eu{background-position: -48px -44px}.flag.flag-fi{background-position: -64px -44px}.flag.flag-fj{background-position: -80px -44px}.flag.flag-fk{background-position: -96px -44px}.flag.flag-fm{background-position: -112px -44px}.flag.flag-fo{background-position: -128px -44px}.flag.flag-fr{background-position: -144px -44px}.flag.flag-ga{background-position: -160px -44px}.flag.flag-gb{background-position: -176px -44px}.flag.flag-gd{background-position: -192px -44px}.flag.flag-ge{background-position: -208px -44px}.flag.flag-gf{background-position: -224px -44px}.flag.flag-gg{background-position: -240px -44px}.flag.flag-gh{background-position:0 -55px}.flag.flag-gi{background-position: -16px -55px}.flag.flag-gl{background-position: -32px -55px}.flag.flag-gm{background-position: -48px -55px}.flag.flag-gn{background-position: -64px -55px}.flag.flag-gp{background-position: -80px -55px}.flag.flag-gq{background-position: -96px -55px}.flag.flag-gr{background-position: -112px -55px}.flag.flag-gs{background-position: -128px -55px}.flag.flag-gt{background-position: -144px -55px}.flag.flag-gu{background-position: -160px -55px}.flag.flag-gw{background-position: -176px -55px}.flag.flag-gy{background-position: -192px -55px}.flag.flag-hk{background-position: -208px -55px}.flag.flag-hm{background-position: -224px -55px}.flag.flag-hn{background-position: -240px -55px}.flag.flag-hr{background-position:0 -66px}.flag.flag-ht{background-position: -16px -66px}.flag.flag-hu{background-position: -32px -66px}.flag.flag-ic{background-position: -48px -66px}.flag.flag-id{background-position: -64px -66px}.flag.flag-ie{background-position: -80px -66px}.flag.flag-il{background-position: -96px -66px}.flag.flag-im{background-position: -112px -66px}.flag.flag-in{background-position: -128px -66px}.flag.flag-io{background-position: -144px -66px}.flag.flag-iq{background-position: -160px -66px}.flag.flag-ir{background-position: -176px -66px}.flag.flag-is{background-position: -192px -66px}.flag.flag-it{background-position: -208px -66px}.flag.flag-je{background-position: -224px -66px}.flag.flag-jm{background-position: -240px -66px}.flag.flag-jo{background-position:0 -77px}.flag.flag-jp{background-position: -16px -77px}.flag.flag-ke{background-position: -32px -77px}.flag.flag-kg{background-position: -48px -77px}.flag.flag-kh{background-position: -64px -77px}.flag.flag-ki{background-position: -80px -77px}.flag.flag-km{background-position: -96px -77px}.flag.flag-kn{background-position: -112px -77px}.flag.flag-kp{background-position: -128px -77px}.flag.flag-kr{background-position: -144px -77px}.flag.flag-kurdistan{background-position: -160px -77px}.flag.flag-kw{background-position: -176px -77px}.flag.flag-ky{background-position: -192px -77px}.flag.flag-kz{background-position: -208px -77px}.flag.flag-la{background-position: -224px -77px}.flag.flag-lb{background-position: -240px -77px}.flag.flag-lc{background-position:0 -88px}.flag.flag-li{background-position: -16px -88px}.flag.flag-lk{background-position: -32px -88px}.flag.flag-lr{background-position: -48px -88px}.flag.flag-ls{background-position: -64px -88px}.flag.flag-lt{background-position: -80px -88px}.flag.flag-lu{background-position: -96px -88px}.flag.flag-lv{background-position: -112px -88px}.flag.flag-ly{background-position: -128px -88px}.flag.flag-ma{background-position: -144px -88px}.flag.flag-mc{background-position: -160px -88px}.flag.flag-md{background-position: -176px -88px}.flag.flag-me{background-position: -192px -88px}.flag.flag-mg{background-position: -208px -88px}.flag.flag-mh{background-position: -224px -88px}.flag.flag-mk{background-position: -240px -88px}.flag.flag-ml{background-position:0 -99px}.flag.flag-mm{background-position: -16px -99px}.flag.flag-mn{background-position: -32px -99px}.flag.flag-mo{background-position: -48px -99px}.flag.flag-mp{background-position: -64px -99px}.flag.flag-mq{background-position: -80px -99px}.flag.flag-mr{background-position: -96px -99px}.flag.flag-ms{background-position: -112px -99px}.flag.flag-mt{background-position: -128px -99px}.flag.flag-mu{background-position: -144px -99px}.flag.flag-mv{background-position: -160px -99px}.flag.flag-mw{background-position: -176px -99px}.flag.flag-mx{background-position: -192px -99px}.flag.flag-my{background-position: -208px -99px}.flag.flag-mz{background-position: -224px -99px}.flag.flag-na{background-position: -240px -99px}.flag.flag-nc{background-position:0 -110px}.flag.flag-ne{background-position: -16px -110px}.flag.flag-nf{background-position: -32px -110px}.flag.flag-ng{background-position: -48px -110px}.flag.flag-ni{background-position: -64px -110px}.flag.flag-nl{background-position: -80px -110px}.flag.flag-no{background-position: -96px -110px}.flag.flag-np{background-position: -112px -110px}.flag.flag-nr{background-position: -128px -110px}.flag.flag-nu{background-position: -144px -110px}.flag.flag-nz{background-position: -160px -110px}.flag.flag-om{background-position: -176px -110px}.flag.flag-pa{background-position: -192px -110px}.flag.flag-pe{background-position: -208px -110px}.flag.flag-pf{background-position: -224px -110px}.flag.flag-pg{background-position: -240px -110px}.flag.flag-ph{background-position:0 -121px}.flag.flag-pk{background-position: -16px -121px}.flag.flag-pl{background-position: -32px -121px}.flag.flag-pm{background-position: -48px -121px}.flag.flag-pn{background-position: -64px -121px}.flag.flag-pr{background-position: -80px -121px}.flag.flag-ps{background-position: -96px -121px}.flag.flag-pt{background-position: -112px -121px}.flag.flag-pw{background-position: -128px -121px}.flag.flag-py{background-position: -144px -121px}.flag.flag-qa{background-position: -160px -121px}.flag.flag-re{background-position: -176px -121px}.flag.flag-ro{background-position: -192px -121px}.flag.flag-rs{background-position: -208px -121px}.flag.flag-ru{background-position: -224px -121px}.flag.flag-rw{background-position: -240px -121px}.flag.flag-sa{background-position:0 -132px}.flag.flag-sb{background-position: -16px -132px}.flag.flag-sc{background-position: -32px -132px}.flag.flag-scotland{background-position: -48px -132px}.flag.flag-sd{background-position: -64px -132px}.flag.flag-se{background-position: -80px -132px}.flag.flag-sg{background-position: -96px -132px}.flag.flag-sh{background-position: -112px -132px}.flag.flag-si{background-position: -128px -132px}.flag.flag-sk{background-position: -144px -132px}.flag.flag-sl{background-position: -160px -132px}.flag.flag-sm{background-position: -176px -132px}.flag.flag-sn{background-position: -192px -132px}.flag.flag-so{background-position: -208px -132px}.flag.flag-somaliland{background-position: -224px -132px}.flag.flag-sr{background-position: -240px -132px}.flag.flag-ss{background-position:0 -143px}.flag.flag-st{background-position: -16px -143px}.flag.flag-sv{background-position: -32px -143px}.flag.flag-sx{background-position: -48px -143px}.flag.flag-sy{background-position: -64px -143px}.flag.flag-sz{background-position: -80px -143px}.flag.flag-tc{background-position: -96px -143px}.flag.flag-td{background-position: -112px -143px}.flag.flag-tf{background-position: -128px -143px}.flag.flag-tg{background-position: -144px -143px}.flag.flag-th{background-position: -160px -143px}.flag.flag-tj{background-position: -176px -143px}.flag.flag-tk{background-position: -192px -143px}.flag.flag-tl{background-position: -208px -143px}.flag.flag-tm{background-position: -224px -143px}.flag.flag-tn{background-position: -240px -143px}.flag.flag-to{background-position:0 -154px}.flag.flag-tr{background-position: -16px -154px}.flag.flag-tt{background-position: -32px -154px}.flag.flag-tv{background-position: -48px -154px}.flag.flag-tw{background-position: -64px -154px}.flag.flag-tz{background-position: -80px -154px}.flag.flag-ua{background-position: -96px -154px}.flag.flag-ug{background-position: -112px -154px}.flag.flag-um{background-position: -128px -154px}.flag.flag-us{background-position: -144px -154px}.flag.flag-uy{background-position: -160px -154px}.flag.flag-uz{background-position: -176px -154px}.flag.flag-va{background-position: -192px -154px}.flag.flag-vc{background-position: -208px -154px}.flag.flag-ve{background-position: -224px -154px}.flag.flag-vg{background-position: -240px -154px}.flag.flag-vi{background-position:0 -165px}.flag.flag-vn{background-position: -16px -165px}.flag.flag-vu{background-position: -32px -165px}.flag.flag-wales{background-position: -48px -165px}.flag.flag-wf{background-position: -64px -165px}.flag.flag-ws{background-position: -80px -165px}.flag.flag-ye{background-position: -96px -165px}.flag.flag-yt{background-position: -112px -165px}.flag.flag-za{background-position: -128px -165px}.flag.flag-zanzibar{background-position: -144px -165px}.flag.flag-zm{background-position: -160px -165px}.flag.flag-zw{background-position: -176px -165px}.flag.flag-us-en{background-position: -192px -165px}
    .navCountries{display:block;position:absolute;z-index:100;right:17px;top:0px;width:auto;visibility:visible;white-space:nowrap;color:black;direction:ltr}.navCountries-list{background-image:url(/typo3conf/ext/hf_languages/Resources/Public/Img/bg.png?1429867212);position:absolute;z-index:11;right:0px;top: -10000px;font-size:0.9em;text-align:left;min-width:233px;font-family:Arial,Helvetica,sans-serif;text-align:left;font-size:12px;border-bottom:4px solid #999}.navCountries:hover .navCountries-list{display:block;top:137px}.navCountries-box{position:relative;z-index:20}.navCountries-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:white;z-index:10;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}div.navCountries-closer{position:absolute;top:134px;right:0;height:18px;width:233px;background-image:url(/typo3conf/ext/hf_languages/Resources/Public/Img/bg2.png?1429867212);background-repeat:no-repeat;background-position:right top;z-index:12;display:none;cursor:pointer}.nojs .navCountries-closer-inline{display:none}.navCountries-closer-inline span:before{content:'X'}.navCountries-closer-inline{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:absolute;top:26px;right:48px;height:16px;width:16px;z-index:21;display:block;cursor:pointer;font-weight:bold;border:1px
    solid black;vertical-align:middle;text-align:center;line-height:16px;font-size:13px;text-transform:lowercase}.navCountries-closer-inline:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.navCountries-closer-inline
    span{display:inline-block;vertical-align:middle;text-align:center;position:relative;top: -1px}.navCountries-list-0{padding:14px
    0px 14px 48px;background-image:url(/typo3conf/ext/hf_languages/Resources/Public/Img/worldmap.png?1429867212);background-repeat:no-repeat;background-position:center 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-top: -14px}.navCountries-list
    p{padding:16px
    48px 14px 48px;position:relative;z-index:11;font-family:Arial,Helvetica,sans-serif;text-align:left;font-size:12px;padding-bottom:14px;line-height:normal;padding-top:16px;padding-left:48px;background-image:url(/typo3conf/ext/hf_languages/Resources/Public/Img/world.png?1429867212);background-repeat:no-repeat;background-position:7px center;margin-top:12px}.navCountries-list p
    a.ACT{color:#D63333}.navCountries-list ul, .navCountries-list
    li{font-family:Arial,Helvetica,sans-serif;text-align:left;font-size:12px;display:block;margin:0px
    0px 0px 0px;padding:0px
    0px 0px 0px;list-style:none;line-height:normal;background:none}.navCountries-list
    ul.level0{padding-right:48px}.navCountries-list
    ul.col{float:left}.navCountries
    a{color:black;text-decoration:none}.navCountries-list
    li.level0{padding-top:4px;padding-bottom:4px}.navCountries-list li a.level0, .navCountries-list li ul
    li{display:block;float:left;padding-right:5px;padding-top:0px;padding-bottom:0px;min-height:11px}.navCountries-list li
    a.level0{font-weight:bold}.navCountries-list li
    ul{float:left}.navCountries-list li
    .tr{font-size:10px;font-weight:normal}.flag,.cn{display:block;float:left}.flag{margin-top:2px}.cn{padding-left:5px}.navCountries-map{width:233px;height:133px;border-bottom:4px solid #999;cursor:pointer}.navCountries-map-1{width:233px;height:133px;background-image:url(/typo3conf/ext/hf_languages/Resources/Public/Img/bg.png?1429867212)}.navCountries-map-1
    p{font-family:Arial,Helvetica,sans-serif;text-align:center;font-size:10px;width:233px;height:125px;padding-top:8px;background-image:url(/typo3conf/ext/hf_languages/Resources/Public/Img/worldmap-small.png?1429867212);background-position:center 32px;background-repeat:no-repeat}html body .ui-tooltip.navCountries-info{background:white;border:1px
    solid #ccc;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:5px;font-weight:normal;font-size:10px;white-space:nowrap;color:black;-webkit-box-shadow:none;box-shadow:none;white-space:normal !important}.tx-hflanguages-pi1-inlineLangNav{float:right}.tx-hflanguages-pi1-inlineLangNav
    .flag{margin-top:1px}body .tx-hflanguages-pi1-inlineLangNav
    ul{list-style:none;background:none;padding:0;border-left:1px solid #ccc;padding-left:1px;margin:0
    0 0 10px;display:block;height:16px}body .tx-hflanguages-pi1-inlineLangNav
    li{list-style:none;background:none;padding:0;margin:0;display:inline}body .tx-hflanguages-pi1-inlineLangNav li
    a{display:block;width:16px;padding-top:1px;float:right;margin-left:5px}body .tx-hflanguages-pi1-inlineLangNav li a
    .text{display:none}
    /*
     *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
     *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
     */

Examples and source code

fa-lemon-o hidden-print t1

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1