@charset "utf-8";

/*//////////////////////////////STANDARDS*/
html { margin: 0em; padding: 0em; border: 0em; }
body { margin: 0em; padding: 0em; text-align: center; background-color: #FFFFFF; }
html, body {
    height: 100%;
    -webkit-text-size-adjust: 100%;
}
body.modal-page {
    background-color: #efefef;
}

.wrapper {
    min-height: 100%;
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
}

#setNewPassword .wrapper, #serviceStart .wrapper, #firma .wrapper, #stellensuche .wrapper{
    background-color: #f7f7f7;
}

body, div, table, tr, th, td, p, input, select, textarea, legend, .defaultFont {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    color: #393941;
    font-size: 13px;
}

p { margin: 0em; padding-top: 0.5em; padding-bottom: 0.5em; line-height: 1.5em; }
ul, ol { margin: 0em 0em 0em 2.5em; padding: 0.25em 0em; list-style-position: outside; }
*html ol { margin-left: 3em; } *+html ol { margin-left: 3em; }
ul { list-style-type: disc; }
li { margin-top: 0.25em; margin-bottom: 0.25em; }
u { text-decoration: underline; }

/*//////////SCROLLBARS*/
textarea { overflow: auto; }

/*//////////HR-LINES*/
hr { border: 1px solid #FFFFFF; border-top: 1px solid rgba(0, 64, 153, .15); }
/*//////////*/

/*//////////BLOCKQUOTE*/
blockquote { margin: 0em 2.5em !important; }

/*//////////FORM-FIX (IE)*/
form { margin: 0em; padding: 0em; }

/*//////////LINKS*/
a:link, a:hover, a:focus, a:active, a:visited, a img { cursor: pointer; }
a { color: #004099; text-decoration: none; outline: 0; }
a:hover { color: #668CC2; }
a img { border: none; text-decoration: none; }
.notvisited { font-weight: bold; }
.visited { font-weight: normal; }
.padding-vertical{ padding: 23px 0px 55px 0px !important;}
.padding-vertical-big{ padding: 40px 0px 55px !important;}
.padding-all { padding: 30px; }
.border-top {
    border-top: 1px solid rgba(0, 64, 153, .15);
}
.shadowed{
    border-color: #efeff4 #dfdfe4 #bfbfc4 #dfdfe4;
    border-style: solid;
    border-width: 1px;
}

.hidden{
    display: none;
}

.list-no-margin{
    padding: 0px;
    margin-left: 1em;
    line-height: 1.5em;
}
.list-no-margin li{
    padding: 0px;
    margin: 0px;
}

.list-unstyled{
    padding: 0px;
    margin: 0px;
}

.list-unstyled li{
    list-style-type: none;
}

.list-unstyled li a{
    display: block;
    padding: 2px 0px;
}
.list-inline li{
    float: left;
}

.pull-left{
    float: left;
    display: block;
}

.pull-right{
    float: right !important;
    display: block;
}

.pull-top{
    top: 0;
}

.img-rounded, .cv-image-edit .img-rounded{
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 99em;
    background-color: rgba(240, 240, 240, 0.9);
    overflow: hidden !important;
    text-align: center;
    float: left;
}

a:hover .img-rounded, .hover-state:hover .img-rounded, .img-rounded .hover-state:hover, .img-rounded.hover-state:hover{
    border-color: #668cc2;
    overflow: hidden;
}

.img-rounded img, .cv-image-edit img{
    min-width: 100%;
    width: 100%;
    height: auto;
    margin-top: -5px;
}
.img-rounded img[src$="svg"],
.cv-image-edit img[src$="/m"] {
  min-width: 90%;
  width: 90%;
  margin-top: 14px;
}

.content-box-body .img-rounded a .hover-layer{
    transition: none;
}

#recaptcha_image{
    border: 1px solid #bfbfc0;
    margin-bottom: 12px;
}

.hover-state:hover{
    background-color: rgba(0, 64, 153, .03);
}

.company-logo{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FFFFFF;
    display: block;
    border-radius: 3px;
    text-align: center;
}

.company-logo-square{
    padding: 9px 0px !important;
}
.company-logo-square img{
    border-radius: 3px;
    margin-left: 1px;
}

/* STRUCTURE */

/*//////////////////////////////BODY-BG*/
.site #topTeaser , .site #main { background-color: #ffffff; clear: both; } .search-wrap#main {background-color: #f7f7f7;}
.site #header{ width: 100%; height: 60px; padding: 0; background: linear-gradient(146.34deg, #0088CC 0%, #004099 100%); font-size: 18px;}
.site #header .container{ position: relative;}
.rawsite #header, .rawsite #navigation, .rawsite #topTeaser, .rawsite #main { background-color: #FFFFFF; }
.swishBG { background: url(../img/bg/bgSwish.png) no-repeat top; background-color: #FFFFFF; }

/*//////////////////////////////SITE*/
.site, .rawsite { position: relative; width: auto; margin: 0em auto; padding: 0em; text-align: left; }

.rawsite #header .mainNavi,
.rawsite #navigation,
.rawsite #footer .colorLIGHT { display: none; }
/*SITE-WIDTH*/
.site #header, .site #navigation, .site #topTeaser, .site #main, #footer, .site #memberNavigation, .site #searchContainer { min-width: 1000px; }
.site #browserwarning .container, .site #header .container, .site #navigation .container, .site #breadcrumb .container, .site .subnav-wrap .container, .site #topTeaser .container, .site #main .container, #footer .container, .site #memberNavigation .container, .site #searchContainer .container, .site #searchResultPromo .container { width: 960px !important; margin: 0em auto !important; padding: 0 20px;}
.rawsite #header .container, .rawsite #navigation .container, .rawsite #topTeaser .container, .rawsite #main .container, .rawsite #footer .container { width: auto !important; padding: 10px 40px; }
.rawsite #header, .rawsite #navigation, .rawsite #topTeaser, .rawsite #main, .rawsite #footer, .rawsite #memberNavigation, .rawsite #searchContainer { min-width: auto; }
/*IE-FIX*/
*html .site #header, *html .site #navigation, *html .site #topTeaser, *html .site #main, *html #footer, *html .site #memberNavigation { width: 100%; }

/*//////////////////////////////BROWSER*/
.site #browserwarning{ padding: 20px 0px; background-color: #fef8f2;}
.site #browserwarning .container, .site #browserwarning p { color: #F07B05 !important; }
.site #browserwarning .icon-warning{ display: block; float: left; font-size: 32px; margin: 10px 13px 0 0;}


/*//////////////////////////////HEADER*/
#header { position: relative; z-index: 40; padding: 20px 0em 5px 0em; background-color: #1C3171; background: url(../img/bg/bgHead.png) repeat-x left 55%; }
.rawsite #header { padding: 10px 0em; background-position: left 46%; background-image: none; background-color: #004099; }
.rawsite #header .logo { height: auto; }
.rawsite #header .logo .claim { display: none; }

/*LOGO*/

/* hide stailmedia tracking pixel */
#header .logo img[src^="http://engine.stailamedia.com"] {display: none;} /* if fix url */
#header .logo img:not(.imgScreen) {display: none;} /* only for ie8 and above */
/* /hide stailmedia tracking pixel */

#header .logo { display: block; position: relative; z-index: 1; text-align: left; height: 24px; float: left; overflow: hidden; text-decoration: none !important; }
#header .logo img { display: block; float: left; width: 160px;}
#header .logo .imgScreen { /*--*/ }
#header .logo .imgPrint { display: none; }
#header .logo .claim { margin: 26px 0px 0px 25px; }
/*HEADER-NAVI*/
#header .headerNavi { position: relative; z-index: 2; width: 40%; margin-top:30px; float: right; text-align: right; }
#header .headerNavi, #header .headerNavi a { color: #FFFFFF; }

/*//////////////////////////////NAVIGATION*/
#navigation { position: relative; background-color: #FFF;}
#navigation .container{ position: relative; }

#memberNavigation {
    padding: 8px 0;
    background-color: #f7f7f7; /* Old browsers */
    border-bottom: 1px solid #dfdfe0;
}

#memberNavigation .icon-alone { font-size: 200%; padding-top: 2px; }

#memberNavigation .icon-alone:hover {
    color: #C42695;
}

#memberNavigation .icon-alone .counterBadge {
    font-size: 40%;
    position: absolute;
    margin-left: 9px;
    top:133px;
    border: 2px solid white !important;
}

#memberNavigation .selected {
    color: #C42695;
}

#memberNavigation #memberName.selected a {
    color: #C42695;
    font-weight: bold;
}

#memberNavigation #memberPicture { float: left; width: 26px; height: 32px; }
#memberNavigation #cvStatus .icon-ban-circle { font-size: 190%; padding: 3px 0px 0px 3px; color: #ff0000; text-shadow: 0 1px rgba(0, 0, 0, 0.25); position:absolute; z-index: 5; }
#memberNavigation #cvStatus #cover { width:26px; height:32px; background:rgba(255, 255, 255, 0.5); position:absolute; }
#memberNavigation #memberPicture img { border-radius: 3px; }
#memberNavigation #memberName { float: left; padding: 2px 2px 0 4px; line-height: 15px; }
#memberNavigation #services { float: left; padding-top: 2px; padding-left: 20px; }
#memberNavigation #status { float: left; font-size: 150%; padding:6px 0 0 20px;  color: #555562; }
#memberNavigation #services a { padding-right: 8px; }
#memberNavigation #settings { float: right; padding-top: 2px; }

/*//////////MAIN-NAVI*/
#navigation .mainNavi {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0em;
    padding: 0em;
    height: 33px;
    line-height: 25px;
    list-style-type: none;
}
#navigation .mainNavi li { display: block; float: left; margin: 0em; padding: 0em 2px 0em 0em; }
#navigation .mainNavi li a { display: block; float: left; width: 6.5em; padding: 0.25em 0.5em; color: #FFFFFF !important; text-decoration: none !important; text-align: center; background: repeat-x center; border: 1px solid; border-bottom: 0px none !important; }
#navigation .mainNavi li a { border-radius: 3px 3px 0px 0px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
#navigation .mainNavi li a { background-color: #dfdfe0; border-color: #dfdfe0; color: #004099 !important;}
#navigation .mainNavi li a:hover { background-color: #98dc18; border-color: #98dc18; color: #004099 !important;}
#navigation .mainNavi li a.down { background-color: #98dc18; border-color: transparent; color: #004099 !important; font-weight: bold; }

/*//////////BREADCRUMB */
#breadcrumb {
    clear: both;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e6;
}

#breadcrumb li {
    display: inline-block;
}

#breadcrumb li a{
    padding: 12px 0;
    display: inline-block;
    font-size: 12px;
}

#breadcrumb li.separator{
    display: inline-block;
    font-size: 8px;
    padding: 16px 8px;
}

#breadcrumb li a{
    color: #9196a1;
}

#breadcrumb li a:hover{
    color: #737b8c;
}


/*//////////SUB-NAVI
#navigation .subNavi {
    display: block;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0;
}
#navigation .subNavi li { display: block; float: left; margin: 0em; padding: 0em; }
#navigation .subNavi li a { display: block; float: left; text-decoration: none !important; font-weight: normal; color: #5f6062; padding: 1em 0em; font-size: 14px; margin-right: 1.5em; border-bottom: 3px solid transparent;}
#navigation .subNavi li a { background-image: none; }
#navigation .subNavi li a:hover { color: #004099; }
#navigation .subNavi li a.down { color: #000; border-color: #004099;}*/

/*//////////////////////////////TOP-TEASER*/
#topTeaser { position: relative; z-index: 20; padding-top: 20px; padding-bottom: 20px; }
#topTeaser h3 { margin: 0em 0em 0.2em 0em; padding: 0em; color: #000000; }
#topTeaser p { margin: 0em; padding: 0em; line-height: 1.3em; }
#topTeaser.wallpaper { padding:0px !important; border: 0px !important; background-color:#efefef; }
#topTeaser h3 { margin: 1em 0em 0em 0em; padding: 0em; color: #004099; }
#topTeaser.landing.member { background: url(../img/bg/bgMemberLanding.jpg) no-repeat center top; padding:0px; }
#topTeaser.landing.berater { background: url(../img/bg/bgBeraterLanding.jpg) no-repeat center top; padding:0px; }
#topTeaser.landing.member .content, #topTeaser.landing.berater .content {
    padding: 40px 0 0 350px;
}

#topTeaser.landing .content h1, #topTeaser.landinghome.dna .content h1 {
    color: #393941;
    font-weight: bold;
    margin-bottom: 0.2em;
}

#topTeaser.landing .content h2, #topTeaser.landinghome.dna .content h2 {
    color: #393941;
    font-weight: normal;
    margin: 0 0 0.4em 0;
}

#topTeaser.landinghome.dna {
    background: url(../img/bg/bgHomeLanding-dna.jpg) no-repeat center top;
    height: 260px;
}

#topTeaser.landinghome.mobile {
    background-color: #efefef;
    height: 300px;
    padding-top: 30px;
    border-bottom: 1px solid #dfdfe0;
}

#topTeaser.landinghome.mobile .mobile-devices {
    float: left;
    width: 450px;
    margin-top: 45px;
}

#topTeaser.landinghome.mobile .mobile-info {
    float: left;
    width: 510px;
}

#topTeaser.landinghome.salary {
    background-color: #efefef;
    height: 195px;
    padding-top: 65px;
    border-bottom: 1px solid #dfdfe0;
}

#topTeaser.landinghome.salary .salary-display {
    float: left;
    width: 450px;
}

#topTeaser.landinghome.salary .salary-info {
    float: left;
    width: 510px;
}

#topTeaser.landinghome.facebook {
    background: url(../img/bg/bgHomeLanding-facebook.jpg) no-repeat center top;
    height: 230px;
    padding-top: 30px;
    border-bottom: 1px solid #dfdfe0;
}

#topTeaser.landinghome.facebook .content {
    padding-left: 470px;
    padding-top: 40px;
}

/* NEW CV PROMO */
#topTeaser.landing.cv .content{
    position: relative;
}
#topTeaser.landing.cv.cvp1,#topTeaser.landing.cv.cvp2 {
    background: #0097c0 url(../img/bg/bgJumbo-cvp1.jpg) no-repeat center top;
    height: 260px;
}
#topTeaser.landing.cv.cvp2 {
    background: #0097c0 url(../img/bg/bgJumbo-cvp2.jpg) no-repeat center top;
    height: 260px;
}
#topTeaser.landing.cv.cvp1 h1,#topTeaser.landing.cv.cvp2 h1, #topTeaser.landing.cv.cvp1 h2, #topTeaser.landing.cv.cvp2 h2{
    position: absolute;
    top:10px;
    left: 526px;
    width: auto;
    padding: 10px 15px;
    background-color: #d03496;
    font-size: 30px;
    color: #fff;
}
#topTeaser.landing.cv.cvp1 h2,#topTeaser.landing.cv.cvp2 h2{
    top: 59px;
    left: 560px;
    width: auto;
}
#topTeaser.landing.cv.fr.cvp1 h2,#topTeaser.landing.cv.fr.cvp2 h2{
    left: 580px;
}

#topTeaser.landing.cv.cvp1 a,#topTeaser.landing.cv.cvp2 a{
    position: absolute;
    top: 155px;
    left: 560px;
}

#topTeaser.landing.new-era.cv a{
    position: static;
}

#topTeaser.landing.new-era.hero{
    height: 490px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#topTeaser.landing.new-era.visual-weiterfuehren {
    background: #eaeaea url(../img/bg/bgJumboWeiterfuehren.jpg) no-repeat center top;
    height: 490px;
}

#topTeaser.landing.new-era.visual-weiterfuehren .content {
    width: 560px;
}

#topTeaser.landing.cv.hero.visual-p1{
    background: #bee5eb url(../img/bg/bgJumboCV_p1.jpg) no-repeat center top;
}
#topTeaser.landing.cv.hero.visual-p2{
    background: #6c8299 url(../img/bg/bgJumboCV_p2.jpg) no-repeat center top;
}
#topTeaser.landing.cv.hero.visual-p2 h1, #topTeaser.landing.cv.hero.visual-p2 h2, #topTeaser.landing.cv.hero.visual-p2 li{
    color: #fff;
}
#topTeaser.landing.cv.hero.visual-p3{
    background: #fdf3b2 url(../img/bg/bgJumboCV_p3.jpg) no-repeat center top;
}
#topTeaser.landing.cv.p1a {
    background: url(../img/bg/bgJumbo-cv-1a.jpg) no-repeat center top;
    height:230px;
    padding-top: 50px;
}
#topTeaser.landing.cv.p1a .content {
    padding-left: 190px;
}
#topTeaser.landing.cv.p1b {
    background: url(../img/bg/bgJumbo-cv-1b.jpg) no-repeat center top;
    height:230px;
    padding-top: 50px;
}
#topTeaser.landing.cv.p1b.fr {
    padding-top: 30px;
    padding-bottom: 39px;
}
#topTeaser.landing.cv.p1b .content {
    padding-left: 200px;
}
#topTeaser.landing.cv.p2a {
    background: url(../img/bg/bgJumbo-cv-2a.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.jobdna.cv.p2a {
    background: url(../img/bg/bgJumbo-cv-2a.jpg) no-repeat center top;
    height:220px;
    padding-top: 60px;
}
#topTeaser.landing.cv.p2a .content {
    padding-left: 230px;
}
#topTeaser.landing.cv.p2a h1 {
    font-size: 33px;
}
#topTeaser.landing.cv.p2a h2 {
    font-size: 25px;
}
#topTeaser.landing.cv.p2b {
    background: url(../img/bg/bgJumbo-cv-2b.jpg) no-repeat center top;
    height:210px;
    padding-top: 70px;
}
#topTeaser.landing.cv.p2b.fr {
    padding-top: 35px;
    padding-bottom: 54px;
}
#topTeaser.landing.cv.p2b .content {
    padding-left: 150px;
}
#topTeaser.landing.cv.p2b.fr .content {
    padding-left: 170px;
}
#topTeaser.landing.cv.p2b h1 {
    font-size: 40px;
}
#topTeaser.landing.cv.p2b h2 {
    font-size: 35px;
}
#topTeaser.landing.cv.p3a {
    background: url(../img/bg/bgJumbo-cv-3a.jpg) no-repeat center top;
    height:220px;
    padding-top: 60px;
}
#topTeaser.landing.cv.p3a .content {
    padding-left: 170px;
}
#topTeaser.landing.cv.p3b {
    background: url(../img/bg/bgJumbo-cv-3b.jpg) no-repeat center top;
    height:230px;
    padding-top: 50px;
}
#topTeaser.landing.cv.p3b .content {
    padding-left: 200px;
}
#topTeaser.landing.cv.p4a {
    background: url(../img/bg/bgJumbo-cv-4a.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.cv.p4a .content {
    padding-left: 270px;
}
#topTeaser.landing.cv.p4a h1 {
    font-size: 35px;
    color: #004099;
}
#topTeaser.landing.cv.p4a h2 {
    font-size: 25px;
    color: #004099;
}
#topTeaser.landing.cv.p5a {
    background: url(../img/bg/bgJumbo-cv-5a.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.cv.p5a .content {
    padding-left: 270px;
}
#topTeaser.landing.cv.p5a h1 {
    font-size: 35px;
    color: #004099;
}
#topTeaser.landing.cv.p5a h2 {
    font-size: 25px;
    color: #004099;
}
#topTeaser.landing.cv.p6a {
    background: url(../img/bg/bgJumbo-cv-6a.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.cv.p6a .content {
    padding-left: 220px;
}
#topTeaser.landing.cv.p6a h1 {
    font-size: 35px;
    color: #004099;
}
#topTeaser.landing.cv.p6a h2 {
    font-size: 25px;
    color: #004099;
}
#topTeaser.landing.cv.p4b {
    background: url(../img/bg/bgJumbo-cv-4b.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.cv.p4b .content {
    padding-left: 300px;
}
#topTeaser.landing.cv.p4b h1 {
     color: #004099;
}
#topTeaser.landing.cv.p4b h2 {
    font-size: 26px;
     color: #004099;
}
#topTeaser.landing.cv.p5b {
    background: url(../img/bg/bgJumbo-cv-5b.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.cv.p5b .content {
    padding-left: 300px;
}
#topTeaser.landing.cv.p5b h1 {
     color: #004099;
}
#topTeaser.landing.cv.p5b h2 {
    font-size: 26px;
     color: #004099;
}
#topTeaser.landing.cv.p6b {
    background: url(../img/bg/bgJumbo-cv-6b.jpg) no-repeat center top;
    height:200px;
    padding-top: 80px;
}
#topTeaser.landing.cv.p6b .content {
    padding-left: 320px;
}
#topTeaser.landing.cv.p6b h1 {
     color: #004099;
}
#topTeaser.landing.cv.p6b h2 {
    font-size: 26px;
     color: #004099;
}
#topTeaser.landing.cv h1 {
    font-weight: 100;
    font-size:45px;
}
#topTeaser.landing.cv h2 {
    font-weight: 100;
    font-size:35px;
}
#topTeaser.landing.cv.p1a h1, #topTeaser.landing.cv.p1a h2, #topTeaser.landing.cv.p1b h1, #topTeaser.landing.cv.p1b h2, #topTeaser.landing.cv.p2b h1, #topTeaser.landing.cv.p2b h2, #topTeaser.landing.cv.p3a h1, #topTeaser.landing.cv.p3a h2, #topTeaser.landing.cv.p3b h1, #topTeaser.landing.cv.p3b h2 {
    color: #000000;
}
#topTeaser.landing.cv.p2a h1, #topTeaser.landing.cv.p2a h2 {
    color: #FFFFFF;
}
#topTeaser.landing.cv.halfjumbo {
    height: 140px;
    padding-top: 40px;
}
#topTeaser.landing.cv.jobdna h1 {
    font-size: 35px;
}
#topTeaser.landing.cv.jobdna h2 {
    font-size: 25px;
}

#topTeaser.landing.cvcloud {
    padding-top: 0px;
    background: #f2f5f7 url(../img/bg/bgHomeLanding-cvcloud.jpg) no-repeat center top;
    height: 630px;
}

#topTeaser.landing.cvcloud .content {
    padding: 40px 0 0 0;
    text-align: center;
}

#topTeaser.landing.cvcloud h1 {
    font-size: 36px !important;
    font-weight: bold !important;
    margin-bottom: 0.2em !important;
}

#topTeaser.landing.cvcloud h2 {
    color: #000;
    font-size: 21px !important;
    font-weight: normal;
    margin: 0 0 0.4em 0;
}

#topTeaser.landing.cvcloud .login {
    text-align: left;
    margin-left: 610px;
    margin-top: 90px;
    padding: 30px;
    border-radius: 3px;
    background-color: #FFFFFF;
}

#topTeaser.landing.cvcloud .login h3 {
    font-weight: normal;
    margin-top: 0px;
    font-size: 22px !important;
    margin-bottom: 0.8em;
    color: #000;
}

#topTeaser.landing.cvcloud .login p {
    font-size: 14px;
    line-height: 1.5em !important;
    margin: 0;
    padding-bottom: 0em;
    padding-top: 0.5em;
}

#topTeaser.landing.cvcloud .login p.right {
    padding-top: 0.9em;
}

#topTeaser.landing.cvcloud .login .element {
    padding-top: 0.3em;
}

#main.cvcloud .content.topaction .medium {
    font-size: 14px !important;
}

#main.cvcloud h2 {
  font-size: 28px;
  font-weight: normal;
  color: #000;
  margin-bottom: 0px;
}

.cvcloud .content.topaction {
    min-height: inherit !important;
}

.cvcloud-topaction {
    float: left;
    width: 28%;
    padding-top: 15px;
    padding-bottom: 40px;
    text-align: center;
}

.cvcloud-topaction.webinar {
    padding-right: 70px;
    padding-left: 70px;
}

.cvcloud-topaction.agenda {
    padding-right: 0px;
}

.cvcloud .video-stage {
    padding-bottom: 25px;
    padding-top: 15px;
}

.cvcloud .video-playlist .title-video-playlist {
    border-bottom: 1px solid #ccc;
    color: #5F6062;
    font-size: 16px;
    padding-bottom: 0.3em;
    margin-bottom: 1em;
}

.cvcloud .video-playlist .slider {
    width: 890px;
    height: 120px;
    margin: 0px 15px;
    float: left;
    overflow: hidden;
    position: relative;
}

.cvcloud .video-playlist .prev, .cvcloud .video-playlist .next {
    padding-top: 38px;
    font-size: 19px;
    text-align: center;
    width: 20px;
}

.cvcloud .video-playlist .prev a, .cvcloud .video-playlist .next a {
    color: #0082C0;
}

.cvcloud .video-playlist .prev.inactive a, .cvcloud .video-playlist .next.inactive a {
    color: #ccc;
}

.cvcloud .video-playlist .prev {
    float: left;
}

.cvcloud .video-playlist .next {
    float: right;
}

.cvcloud .video-playlist ul {
    list-style-type: none;
    width: 1800px;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
}

.cvcloud .video-playlist li {
    float: left;
    padding-right: 15px;
}

.cvcloud .video-playlist li img {
    border: 1px solid #ccc;
    padding: 2px;
}

.cvcloud .video-playlist li:hover img {
    border: 1px solid #000;
}

.cvcloud .video-playlist li:hover a {
    text-decoration: none;
}

.cvcloud .video-playlist li.selected img {
    border: 1px solid #0082C0;
}

.cvcloud .video-playlist li.selected div {
    color: #0082C0;
}

.cvcloud .video-playlist li div {
    color: #555562;
    font-weight: bold;
    padding-top: 5px;
}

.cvcloud .video-playlist li:hover div {
    color: #000000;
}

.cvcloud .video-playlist h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.cvcloud #person1 {
    position:absolute;
    left:185px;
    top:160px;
}

.cvcloud #person2 {
    position:absolute;
    left:443px;
    top:111px;
}

.cvcloud #person3 {
    position:absolute;
    left:765px;
    top:160px;
}



/*--*/
#topTeaser .promo { width: 40%; left: -5%; margin-top: -20px; margin-bottom: -20px; overflow: hidden; }
#topTeaser .promo.maxi { height: 200px; }
#topTeaser .promo.mini { height: 170px; }
/*IE-FIX*/
*+html #topTeaser .promo { margin-bottom: -24px; }
*html #topTeaser .promo { display: none; }
/*//////////////////////////////*/

/*//////////////////////////////Stripe Landing*/

#main .stripe {
    background: #EAEAEA;
}

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

/*//////////////////////////////MAIN*/
#main { position: relative; z-index: 30; }
#admin #main { border-top: none; }
/*//////////*/

/*//////////CONTENT*/
#main .content { position: relative; z-index: 1; min-height: 30em; padding: 2em 0em 3em 0em; }
#main .content p, #main p{ line-height: 1.5em !important; }
/*//////////*/

/*//////////CONTENT-NAVI*/
#main .contentNavi { display: block; position: relative; z-index: 2; margin: 0em 0em 1.5em 0.25em; padding: 0em; list-style-type: none; }
#main .contentNavi ul { margin: 0.4em 0em 0em 1.5em; list-style-type: none; }
#main .contentNavi li { margin: 0em; padding: 0.25em 0em 0.25em 0em; }
#main .contentNavi li a { display: block; width: auto; margin: 0em; padding: 1px 0em 1px 20px; background: no-repeat left top; }
#main .contentNavi li ul { margin-top: 0em !important; margin-bottom: -0.4em !important; }
/*--*/
#main .contentNavi li a { background-image: url(../img/icon/iconAction.png); }
#main .contentNavi li a.down { color: #000000 !important; font-weight: bold; }
/*//////////////////////////////*/


/* ************************************************************ */
/* ************************************************************ */
/* ************************************************************ */
/* AD-SPECIFICATIONS */
/* ************************************************************ */
/* ************************************************************ */
/* ************************************************************ */


/*//////////////////////////////ACCORDION-BOX*/
.accordionBoxTitle { margin: 0em !important; padding: 0.5em !important; border: 1px solid #bfbfc0; background-color: #f7f7f7; border-radius: 3px 3px 0px 0px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 5px; }
.accordionBoxTitle, .accordionBox h3, .accordionBox h3 img { text-align: center; margin: 0em auto; }
/*--*/
.accordionBoxSlide, .accordionBox { margin: 0em; padding: 0em; }
.accordionBoxSlide h3, .accordionBox h3 { margin: 0em !important; padding: 0em !important; }
.accordionBoxSlide h3 a, .accordionBoxSlide div, .accordionBox h3 a, .accordionBox div { display: block; padding: 0.75em 1.6em; border: 1px solid; border-top: 0px none !important; }
.accordionBoxSlide div, .accordionBox div { padding-top: 0.25em; }
.accordionBoxSlide p, .accordionBox p { line-height: 1.5em !important; }
/*--*/
.accordionBox h3 a { border-color: #bfbfc0; }
.accordionBox h3.down a, .accordionBox div { border-color: #9DE519; }
.accordionBox h3.down a { border-bottom: 0px none !important; border-radius: 0px; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; }
.accordionBox h3.last a, .accordionBox div.last { border-radius: 0px 0px 3px 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
/*//////////////////////////////*/


/*//////////////////////////////TICKER-AD*/
.tickerAd { position: relative; margin-bottom: 2em; padding: 0.5em 1em; border-radius: 3px;}
/*--*/
.tickerAd h3 { margin-bottom: 7px; margin-top: 15px; padding: 0em !important; font-size: 12px; font-weight: bold; color:#000; }
.tickerAd ul { margin-left: 1.3em; margin-bottom: 5px; margin-top: 0;}
.tickerAd li.iconAction { margin-bottom: 10px; padding: 0; line-height: 1.4em; }
.tickerAd li.iconJobsCH { margin-bottom: 10px; padding: 0; line-height: 1.4em; }
.tickerAd li a { display: block; overflow: hidden; }
.tickerAd .formButton2 { display: block; text-align: center;}
.tickerAd > a { display: block; text-align: center; border-bottom: 1px solid rgba(0, 64, 153, .15); padding-top: 25px; padding-bottom: 25px;}
.shadowed.tickerAd { background-color: #FFFFFF; padding: 0;}

.tickerAd p {
    margin-left: 20px;
}

.tickerAd p a {
    font-weight: bold;
}

.tickerAd .list,
.promo-vertical .list {
    padding: 15px;
    background-color: #fcfcfc;
}

.promo-vertical .list,
.promo-vertical .head {
    border-top: 1px solid rgba(0, 64, 153, .15);
}

.promo-vertical .head {
    padding: 15px;
    background-color: #fcfcfc;
}

.promo-vertical .head p {
    padding: 0;
    color: #9fa0a1;
    padding-left: 15px;
}

.promo-vertical p {
    padding-left: 15px;
    padding-top: 10px;
}

.promo-vertical {
    border-radius: 3px;
}

.promo-vertical .logo {
    background-color: #ffffff;
    border-radius: 3px 3px 0 0;
    padding: 18px 15px;
}

.promo-vertical div > a {
    display: block;
}

.promo-vertical .link,
.tickerAd .link {
  font-weight: bold;
  padding: 15px 0 15px 0;
  border-top: 1px solid rgba(0, 64, 153, .15);
  background-color: #ffffff;
  text-align: center;
}

.tickerAd .link {
  margin-left: 0;
}

.promo-vertical li.iconJobsCH { margin-bottom: 7px; padding: 0; line-height: 1.4em; }

/*IE-FIX*/
*html .tickerAd { width: 130px; overflow: hidden; }
*html .tickerAd ul { margin: 0em !important; padding: 0em !important; list-style-type: none; }
*html .tickerAd li { margin: 0em !important; padding: 0em !important; list-style-type: none; background-image: none !important; }
/*//////////////////////////////*/


/*//////////////////////////////PUBLIC-AD*/
.publicAd { width: 160px; height: 600px; overflow: hidden; }
/*//////////////////////////////*/


/*//////////////////////////////PUBLIC-AD-EXTERN*/
.publicAdExtern { width: 160px; height: 300px; overflow: hidden; }
/*//////////////////////////////*/


/*//////////////////////////////CANDIDATE-AD*/
.candidateAd {
    position: relative;
    z-index: 1;
    /*--*/
    width: 468px;
    height: 60px;
    overflow: hidden;
}
/*//////////////////////////////*/


/* ************************************************************ */
/* ************************************************************ */
/* ************************************************************ */
/* PRODUCT-SPECIFICATIONS */
/* ************************************************************ */
/* ************************************************************ */
/* ************************************************************ */


/*//////////////////////////////SEARCH-RESULT*/


.searchResultListe .result.selfpromo {
    background-color: #004099;
    padding: 35px 60px 40px 60px;
    height: 144px;
    position: relative;
    cursor: pointer;
}

.searchResultListe .result.selfpromo h1 {
    font-size: 18px;
    font-weight: bold;
    color: #004099;
}

.searchResultListe .result.selfpromo h2 {
    font-size: 13px;
    color: #004099;
}

.searchResultListe .result.selfpromo .button {
    position: absolute;
    bottom: 40px;
    left: 60px;
}

.searchResultListe .result.selfpromo i.service-icon {
    position: absolute;
    top: 35px;
    right: 60px;
    color: #ffffff;
    font-size: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.searchResultListe .result.selfpromo.jobmail-fr h2 {
    max-width: 300px;
}

.searchResultListe .result.selfpromo.jobmail-fr br {
    display: none;
}

.searchResultListe .result.selfpromo.cv-de {background: url(../img/bg/bgMaxi-selfpromo-cv-de-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.jobmail-de {background: url(../img/bg/bgMaxi-selfpromo-jobmail-de-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.talentcheck-de {background: url(../img/bg/bgMaxi-selfpromo-talentcheck-de-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.salary-de {background: url(../img/bg/bgMaxi-selfpromo-salary-de-2.jpg) no-repeat 100% 100%;}

.searchResultListe .result.selfpromo.cv-en {background: url(../img/bg/bgMaxi-selfpromo-cv-en-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.jobmail-en {background: url(../img/bg/bgMaxi-selfpromo-jobmail-en-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.talentcheck-en {background: url(../img/bg/bgMaxi-selfpromo-talentcheck-en-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.salary-en {background: url(../img/bg/bgMaxi-selfpromo-salary-en-2.jpg) no-repeat 100% 100%;}

.searchResultListe .result.selfpromo.cv-fr {background: url(../img/bg/bgMaxi-selfpromo-cv-fr-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.jobmail-fr {background: url(../img/bg/bgMaxi-selfpromo-jobmail-fr-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.talentcheck-fr {background: url(../img/bg/bgMaxi-selfpromo-talentcheck-fr-2.jpg) no-repeat 100% 100%;}
.searchResultListe .result.selfpromo.salary-fr {background: url(../img/bg/bgMaxi-selfpromo-salary-fr-2.jpg) no-repeat 100% 100%;}




#topTeaser .promo { width: 40%; left: -5%; margin-top: -20px; margin-bottom: -20px; overflow: hidden; }
#topTeaser .promo.maxi { height: 200px; }
#topTeaser .promo.mini { height: 170px; }
/*IE-FIX*/
*+html #topTeaser .promo { margin-bottom: -24px; }
*html #topTeaser .promo { display: none; }

/*//////////////////////////////Stripe Landing*/
#main .stripe {
    background: #efefef;
}
/*//////////////////////////////*/

/*//////////////////////////////MAIN*/
#main { position: relative; z-index: 30; }
#admin #main { border-top: none; }

/*//////////CONTENT*/
#main .content { position: relative; z-index: 1; min-height: 30em; padding: 2em 0em 3em 0em; }
#main .content p { line-height: 1.5em !important; }

/*//////////CONTENT-NAVI*/
#main .contentNavi { display: block; position: relative; z-index: 2; margin: 0em 0em 1.5em 0.25em; padding: 0em; list-style-type: none; }
#main .contentNavi ul { margin: 0.4em 0em 0em 1.5em; list-style-type: none; }
#main .contentNavi li { margin: 0em; padding: 0.25em 0em 0.25em 0em; }
#main .contentNavi li a { display: block; width: auto; margin: 0em; padding: 1px 0em 1px 20px; background: no-repeat left top; }
#main .contentNavi li ul { margin-top: 0em !important; margin-bottom: -0.4em !important; }
#main .contentNavi li a { background-image: url(../img/icon/iconAction.png); }
#main .contentNavi li a.down { color: #000000 !important; font-weight: bold; }

/* AD-SPECIFICATIONS */

/*//////////////////////////////ACCORDION-BOX*/
.accordionBoxTitle { margin: 0em !important; padding: 0.5em !important; border: 1px solid #bfbfc0; background-color: #f7f7f7; border-radius: 3px 3px 0px 0px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 5px; }
.accordionBoxTitle, .accordionBox h3, .accordionBox h3 img { text-align: center; margin: 0em auto; }
.accordionBoxSlide, .accordionBox { margin: 0em; padding: 0em; }
.accordionBoxSlide h3, .accordionBox h3 { margin: 0em !important; padding: 0em !important; }
.accordionBoxSlide h3 a, .accordionBoxSlide div, .accordionBox h3 a, .accordionBox div { display: block; padding: 0.75em 1.6em; border: 1px solid; border-top: 0px none !important; }
.accordionBoxSlide div, .accordionBox div { padding-top: 0.25em; }
.accordionBoxSlide p, .accordionBox p { line-height: 1.5em !important; }
.accordionBox h3 a { border-color: #bfbfc0; }
.accordionBox h3.down a, .accordionBox div { border-color: #9DE519; }
.accordionBox h3.down a { border-bottom: 0px none !important; border-radius: 0px; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; }
.accordionBox h3.last a, .accordionBox div.last { border-radius: 0px 0px 3px 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }

/*//////////////////////////////TICKER-AD*/
.tickerAd { position: relative; margin-bottom: 1em; padding: 0.5em 1em; }
.tickerAd h3 { margin-bottom: 7px; margin-top: 15px; padding: 0em !important; font-size: 12px; font-weight: bold; color:#000; }
.tickerAd ul { margin-left: 1.65em; margin-bottom: -10px; }
.tickerAd li.iconAction { margin-bottom: 10px; padding: 0; line-height: 1.4em; }
.tickerAd li a { display: block; overflow: hidden; }
.tickerAd .formButton2 { display: block; text-align: center;}
.tickerAd > a { display: block; text-align: center; border-bottom: 1px solid rgba(0, 64, 153, .15); }
.cornerShadowBox.tickerAd { background-color: #FFFFFF; }

/*IE-FIX*/
*html .tickerAd { width: 130px; overflow: hidden; }
*html .tickerAd ul { margin: 0em !important; padding: 0em !important; list-style-type: none; }
*html .tickerAd li { margin: 0em !important; padding: 0em !important; list-style-type: none; background-image: none !important; }

/*//////////////////////////////PUBLIC-AD*/
.publicAd { width: 160px; height: 600px; overflow: hidden; }

/*//////////////////////////////PUBLIC-AD-EXTERN*/
.publicAdExtern { width: 160px; height: 300px; overflow: hidden; }

/*//////////////////////////////CANDIDATE-AD*/
.candidateAd {
    position: relative;
    z-index: 1;
    width: 468px;
    height: 60px;
    overflow: hidden;
}

/* PRODUCT-SPECIFICATIONS */

/*//////////////////////////////SEARCH-RESULT*/
.searchResultListe { position: relative; cursor: default !important;}
.searchResultListe .result { width: auto;  }
.searchResultListe h3.subtitle { margin: 0em !important; padding: 0.25em 0em !important; }
.searchResultListe h3.subtitle, .searchResultListe h3.subtitle a { color: #C42695; background-color: #FFFFFF; }
/*LISTSTYLE*/
ul.searchResultListe, .searchResultListe li { margin-right: 0em; margin-left: 0em; list-style-type: none; }
.searchResultListe li .timestamp, .searchResultListe li .teaser { font-size: 120%; line-height: 2.5em; }
.searchResultListe li .timestamp { margin-right: 1em; }

/*//////////RESULT-LAYOUT*/
.searchResultListe .result h3, .searchResultListe .result p { margin: 0em !important;}
.searchResultListe .result h3 {display: block; min-width: 200px; max-width: 540px;}
.searchResultListe .result h3 a { display: inline-block; }
.searchResultListe .result h3 a:visited { color: #7f9fcc; }
.searchResultListe.companies .result h3 a { display: block; }
.searchResultListe .result h3.toplisting a { display: block; width: 61.5%; }

.searchResultListe .result .pubDatum, .favoriteListe .pubDatum, .application-divider .pubDatum { width: 32px; height: 31px; text-align: center; float:left; padding:0em 1em 0em 0em; margin-top: 0.5%; margin-bottom:50px; }
.application-divider .pubDatum { margin: 0; width: 44px; }

.searchResultListe .result .pubDatum.unread .month, .favoriteListe .pubDatum.unread .month { color: #FFFFFF; height:16px; padding-top: 3px; font-size: 11px; text-transform: uppercase; background-color: #004099; border-radius: 3px 3px 0px 0px; }
.searchResultListe .result .pubDatum.unread .day, .favoriteListe .pubDatum.unread .day { color: #004099; height:16px; padding-top: 2px; border: 1px solid #004099; border-top:none; font-weight: bold; border-radius: 0px 0px 3px 3px; }
.searchResultListe .result .pubDatum.read .month, .favoriteListe .pubDatum.read .month, .application-divider .pubDatum.read .month { color: #FFFFFF; height:16px; padding-top: 3px; font-size: 11px; text-transform: uppercase; background-color: #676767; border-radius: 3px 3px 0px 0px;}
.searchResultListe .result .pubDatum.read .day, .favoriteListe .pubDatum.read .day, .application-divider .pubDatum.read .day { color: #676767; height:16px; padding-top: 2px; border: 1px solid #676767; border-top:none; font-weight: bold; border-radius: 0px 0px 3px 3px; }

/*--*/
.searchResultListe .result h3 { color: #000000 !important; font-weight: 600 !important; font-size: 18px; }
.searchResultListe .result h3 .plus { padding: 0.1em 0.25em; color: #FFFFFF; background-color: #bfbfc0; font-size: 11px !important; font-weight: bold; }
.searchResultListe .maininfo,
.searchResultListe .options { margin-bottom: 1.5em !important; padding: 0; float: left; }
.searchResultListe .settings { margin-bottom: 0.5em !important; padding: 0em 0em 0em 0em; float: left; }
.searchResultListe .maininfo { width: 540px; text-align: left; margin-right: 0!important; margin-bottom: 0!important;}
.searchResultListe.companies .maininfo { text-align: left; }
.searchResultListe .toplisting .maininfo { width: 540px; text-align: left; }
.searchResultListe .options { width: 15%; margin-top: -1.85em; text-align: left; }
.searchResultListe.companies .options { width: 20%; padding-right: 2%; }
.searchResultListe .settings { width: 14%; margin-top: -1.85em; text-align: center; padding-top: 2px; }
.searchResultListe.companies .settings { width: 17%; margin-top: -1.85em; text-align: center; padding-top: 2px; }
.searchResultListe .result .maininfo .teaser { /*--*/ }
.searchResultListe .result .maininfo .addinfo { /*--*/ }
.searchResultListe .result .maininfo .category { font-size: 90%; }
.searchResultListe .result .maininfo .video { padding: 0.7em 0em 0.7em 35px !important; background: url(../img/icon/iconPlay.png) left center no-repeat; }
.searchResultListe .result .options .location { /*--*/ }
.searchResultListe .result .options .position { font-size: 90%; }
.searchResultListe .result .settings .profile { padding-top: 15px; padding-bottom: 15px; }
.searchResultListe .result .settings .profile .statusBar { margin-bottom: 4px; }
.searchResultListe .result .settings .profile .label { font-size: 90%; color: #9292a0; }
.searchResultListe .result .settings .attention { display: block; height: 20px; font-size: 90%; }
.searchResultListe .result .settings .favorite { margin-top: 0.2em !important; margin-bottom: 0.1em !important; padding: 0.25em 0em !important; }
.searchResultListe .result .settings .checkbox { font-size: 90%; }

.searchResultListe + hr {
    border-top: 1px solid rgba(0, 64, 153, .15);
    height: 0;
    margin-top: 0;
    margin-bottom: 30px;
}


.searchResultListe .result .addinfo .location {
    float: right;
    font-weight: bold;
    color: #000000;
}

.searchResultListe .result .addinfo a:visited {
    color: #7f9fcc;
}

.searchResultListe .filter-wrap,
.searchResultListe + .filter-wrap {
    padding: 30px;
}


/*//////////QTIP AND CV CHECK*/
.qtip-wrapper {
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.2);
}

.qtip-tip {
    z-index: 10;
}

.qtip-content {
    text-align: center!important;
}

.qtip-content h3 {
    margin-top: 0;
    text-align: center!important;
}

.iconCheckWrap {
    padding-top: 30px;
    width: 280px;
    margin: 0 auto;
}

.iconCheckWrap .left {
    margin: 0em 1.5em 0em 0em;
}

.iconCheckWrap .iconCheckBIG { background-image: url(../img/icon/iconCheckBIG-white.png); padding: 25px 0 0 0!important; margin: 0!important; background-position: right top; }
.iconCheckWrap .iconFailedBIG { background-image: url(../img/icon/iconFailedBIG-white.png); padding: 25px 0 0 0!important; margin: 0!important; background-position: right top; }



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



/*//////////HOVER-EFFECT*/
.searchResultListe .result { border-top: 1px solid rgba(0, 64, 153, .15); }
.searchResultListe .no-result { border-top: 1px solid rgba(0, 64, 153, .15); padding: 25px 30px; }
.searchResultListe .result:hover { background-color: rgba(0, 64, 153, .03); }
.searchResultListe #toplisting.result:hover { background-color: transparent; }
.searchResultListe #toplisting .result:hover { background-color: #f5ffe1; }
.searchResultListe.single .result { width: 670px !important; margin-top: 45px; border: 1px solid #cccccc; padding-top: 15px !important; padding-bottom: 8px; padding-left: 25px !important; padding-right: 15px; background-color: #f1f1f1; border-bottom: 0px; }
.searchResultListe.single .result:hover { border: 1px solid #cccccc !important; padding-top: 15px !important; padding-bottom: 8px; border-bottom: 0px !important; }

.searchResultListe .result p, .searchResultListe li.result, .searchResultListe li.result a { color: #9292a0; }
.searchResultListe.single .result p, .searchResultListe.single li.result, .searchResultListe.single li.result a { color: #4c4c4c; }
.searchResultListe .result:hover p, .searchResultListe li.result:hover { color: #000000; } .searchResultListe li.result:hover a { color: #004099; }
.searchResultListe .result:hover .settings .attention { color: #C42695; font-size: 95%; }


.searchResultListe.single .duration { padding: 4px 0 0 15px; }
.searchResultListe.single .counterBadge { background-color: #4c4c4c !important; border-color: #4c4c4c !important; }

#admin .searchResultListe.single .result h3.inserat-id { color: #4c4c4c !important; }

.extend-box {
    border: 1px solid #cccccc;
    border-top: 0px;
    padding: 25px;
    width: 660px;
}

.extend-box h3 {
    margin-top: 0px;
}

/*//////////SPECIAL*/
.searchResultListe .result.toplisting { padding-top: 25px !important; padding-bottom: 0px !important; border-top: none!important; border-left: 5px solid #9DE519; border-radius: 25px 0 0 0; padding: 0;}
.searchResultListe .result.toplisting .label { font-weight: 300; position: absolute; z-index: 10; top: 1px; left: 0; padding: 0.5em 0.75em; font-size: 85%; background-color: #9DE519; border-radius: 3px 3px 3px 0px; text-transform: uppercase; letter-spacing: 0.1em;}
.searchResultListe .result.toplisting .label a { color: #004499; font-weight: bold;}
.searchResultListe .result.toplisting p { color: #000000 }
.searchResultListe .result.toplisting .no-border { border-top: 0!important; }
.searchResultListe .result.leader h3 a { background-image: url(../img/icon/iconAction.png) left 0.1em no-repeat; }
.searchResultListe .result.highlightRow { background-color:#FEFFDF; }
.searchResultListe .statusInfo { background-color:#EBFAD3; padding:5px 5px; margin-top:3px; display:inline-block; border-radius:3px 3px 0px 0px; width: 99.4%;}



/* Unity job ad resulit list display */
#admin .searchResultListe .unity-result {
  padding-top: 0!important;
  padding-bottom: 0!important;
}
#admin .searchResultListe .unity-result:hover {
  padding-top: 0!important;
  padding-bottom: 0!important;
}
.unity-job-ad-logo {
  display: inline-block;
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 15px;
  border: 1px solid;
  border-color: #f5f5f5 #e5e5e6 #cacbce #e5e5e6;
  border-radius: 2px;
  background-color: #ffffff;
}
.unity-logo-ghost {
  display: table-cell;
  width: 100px;
  height: 100px;
  padding: 0 20px;
  vertical-align: middle;
}
.unity-job-ad-logo img {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
}
.unity-job-ad-info {
  display: block;
  float: left;
  width: 420px;
}
.unity-job-ad {
  float: left;
  margin-top: 5px;
  padding: 40px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
}
#admin .searchResultListe .result {
  padding-top: 0;
  border-top: none !important;
}
.unity-job-ad .unity-job-ad-info .unity-result .unity-job-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 600!important;
  line-height: 1.414;
  color: #0088cc;
}

.unity-job-title:hover {
  color: #03a9fc;
}

p.addinfo.unity-company-name {
  display: inline-block;
  float: left;
}

#admin .unity-job-ad .unity-job-ad-info .unity-result .unity-company-name a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #0088cc;
}
#admin .unity-job-ad .unity-job-ad-info .unity-result .unity-company-name a:hover {
  color: #03a9fc;
}

.unity-job-location {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #737b8c;
}

.unity-job-teaser p {
  padding-top: 15px!important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px!important;
  font-weight: normal;
  color: #aeb1b7!important;
}

.unity-job-teaser {
  display: inline-block;
  float: left;
  width: 100%!important;
}

.unity-job-date {
  display: inline-block;
  width: 100%;
}

.unity-job-date-bubble {
  width: 70px;
  margin-top: 15px;
  font-weight: 400;
  text-align: center;
  color: #9196a1;
  border: 1px solid #9196a1;
  border-radius: 20px;
  background-color: transparent;
}


#jobCounterResultate {
    width: 760px !important;
}

/* fixing several custom inline styles */
.jobliste-wrap {
    width: 760px !important;
    background-color: #ffffff;
    border-radius: 3px;
}

.jobliste-wrap #seitenTitel {
    margin-top: 30px; margin-left: 30px; margin-bottom: 30px;
}

.jobliste-wrap #counter {
    font-weight: bold;
}

.jobliste-wrap .newjobsmail {
    margin-top: 32px;
}

.jobliste-wrap .newjobsmail-bottom {
    text-align: center;
}

.jobliste-wrap .newjobsmail-bottom a {
    float: none;
    margin: 0;
}

#sortBar {
    margin-top: 30px;
    margin-right: 20px;
}

.blankpixel {
  display: none;
}


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

/*//////////SUCH-RESULTATE PROMO*/
#searchResultPromo {
    width: auto;
    min-width: 900px;
    background-color: #ffffff;
    border-top: 1px solid #dfdfe0;
}

#searchResultPromo .content { position: relative; z-index: 1; min-height: 26em; padding: 2em 0em 3em 0em; }

#searchResultPromo .linkAlle {
    text-align: right;
    font-weight: bold;
}

#searchResultPromo .promoTeaserRow {
    float: left;
}

#searchResultPromo .promoTeaserLeft {
    width: 50%;
    float: left;
}

#searchResultPromo .promoTeaserLeft div.left p {
    margin-right: 50px;
}

#searchResultPromo .promoTeaserRight {
    width: 50%;
    float: right;
}

#searchResultPromo .promoTeaserRight .profession-link a.icon-jobs-ch:before {
    color:#9DE519;
    padding-right: 10px;
    font-size: 10px;
}
#searchResultPromo .promoTeaserRight .profession-link a:hover.icon-jobs-ch {
    text-decoration: none!important;
}
/*//////////*/


/*//////////IE-FIX*/
*html .searchResultListe .result { width: 100%; }
*html .searchResultListe .result p, *html .searchResultListe li.result, *html .searchResultListe li.result a  { color: #000000; }
*html .searchResultListe .maininfo { width: 62%; }
*html .searchResultListe .options { maring-right: -2%; margin-left: -2%; }

ol.resultset {
    margin: 0;
}
ol.resultset li {
    list-style-type: none;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}
ol.resultset li h4 {
    margin-bottom: 0.25em;
}

/*//////////////////////////////RESULTS META*/
.results-meta {
    width: 270px;
    margin-right: 20px;
    margin-top: 5px;
}
.results-meta p {
    padding: 0;
}
.results-meta .day {
    float: left;
    width: 270px;
}
.results-meta .position {
    float: left;
    width: 270px;
}
.results-meta p.location {
    font-weight: bold;
    margin-top: 5px!important;
}

/*//////////////////////////////RESULTS CTA*/

.results-cta {
    float: right;
    max-width: 340px;
}

.results-cta span {
    font-weight: normal;
    font-size: 12px;
    vertical-align: top;
    line-height: 1.5em;
}

.results-cta a:hover {
    text-decoration: none;
}

.results-cta .cta-video .icon-play {
    margin-left: 5px;
    margin-right: 18px;
}

.results-cta .cta-video .icon-play:before {
    font-size: 16px;
}

.results-cta .cta-favorite .icon-star:before {
    font-size: 15px;
    vertical-align: inherit;
}
.results-cta .cta-favorite .icon-star-2:before {
    font-size: 15px;
    vertical-align: inherit;
}

.results-cta .cta-favorite div {
    float: right;
}

.results-cta .cta-delete .iconDelete:before {
    font-size: 15px;
    vertical-align: inherit;
}

.results-cta .cta-delete div {
    float: right;
}

.results-cta .cta-video {
    float: left;

}

.results-cta .cta-cvcheck {
    float: left;

}

.results-cta .cta-cvcheck .statusBar {
    margin-left: 10px;
    margin-top: 2px;
}

.results-cta .cta-cvcheck .dropdown{
    left: -145px;
    top: -250px;
}

.results-cta .cta-cvcheck .dropdownContent{
    width: 330px;
    padding: 40px !important;
}

.results-cta .cta-cvcheck .dropdownContent h3{
    color: #9292a0 !important;
    font-weight: normal !important;
}

.results-cta .cta-cvcheck .profile {
    float: right;
}

.results-cta .cta-favorite {
    float: right;
    max-width: 85px;
    margin-left: 20px;
}

.results-cta .cta-delete {
    float: right;
    max-width: 75px;
    margin-left: 20px;
}

.results-cta .cta-delete .iconDelete {
    padding-right: 15px !important;
    background-position: right top;
    line-height: 1.7em;
}

.cta-editprofile {
    margin-right: 18px!important;
    padding-top: 0;
}

.cta-editprofile .iconEdit {
    padding-right: 15px !important; background-position: right top;
}

.cta-editprofile a {
    padding-left: 0!important;
    margin-left: 0!important;
}

.searchResultListe h3.searchkey {
    margin: 30px;
}

.results-profile-cta {
    float: right;
    max-width: 600px;
    margin-top: -20px;
}

#partCounter {
    opacity: 0.5;
    margin-left: 10px;
}


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


/*//////////////////////////////JOB-NAVI-SITE*/
.jobNaviSite { background-color: #004099; }
.jobNaviSite .medium { font-size: 140% !important; }
.jobNavi { min-width: 250px; text-align: left; }
.jobNavi p { position: relative; margin: 0em; padding: 0em; }
.jobNavi .shareBasic { margin-top: 45px; }

.jobNavi .jobNaviActions {
    margin-top: 25px;
}

.jobNavi .jobNaviActions p {
    margin-bottom: 10px;
}

.jobNavi .jobNaviActions p a {
    opacity: 0.85;
}

.jobNavi .jobNaviActions p a:hover {
    text-decoration: none;
    opacity: 1;
}

.jobNavi .jobNaviActions p a span {
    margin-right: 4px;
}

.jobNavi .addthis_toolbox { padding-top: 20px; }

.jobNaviLogo { padding: 25px 15px 25px 25px !important; }
.jobNaviLogo img { max-width: 160px; }
.jobNaviContent { padding: 0px 10px 0.5em 25px; }
.jobTitel { margin-right: 0.5em; padding-left: 13px !important; color: #FFFFFF; font-weight: bold; background: url(../img/icon/iconArrowJobsNegative.png) no-repeat 1px 2px; }
.applyButton { display: block; height: 40px; line-height: 38px; margin: 7px 0em 0em 0em; padding: 0em 0.75em 0em 0.75em; color: #004099; font-size: 150%; font-weight: bold; text-decoration: none !important; background: url(../img/btn/btnApply.png) no-repeat top left; }
.applyButton:hover { background-image: url(../img/btn/btnApply_over.png); }
.applyButton.down { visibility: hidden; }
.applyNote { padding: 1em 4.5em 2em 0.7em; color: #000000; font-size: 130%; background: url(../img/bg/bgApplyNote.png) no-repeat top left; }
.jobNaviSite.blackwhite { background-color: #4d4d4d; }

/*//////////////////////////////JOB-APPLICATION-DIVIDER*/
.application-divider * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.application-divider .content { padding: 0 !important; min-height: inherit !important; }
.rawsite.application-divider .container { padding-top: 17px !important; padding-bottom: 17px !important; }
.application-divider .application-title { padding-right: 10px; margin-top: -1px; width: 550px; }
.application-divider .application-title h3{ width: 500px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; }
.application-divider .job-title { font-size: 15px; padding-bottom: 3px; color: #4c4c4c; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.application-divider .company-title { font-size: 12px; color: #4c4c4c; line-height: 1.28em; max-height: 40px; overflow: hidden; }
.application-divider .job-expand-btn { font-size: 15px; padding-bottom: 5px; margin-top: -1px; }

.rawsite.application-divider #main { padding-left: 30px; min-width: 630px; background-color: #e8e8e8; }

@media (min-width: 768px) {
    .rawsite.application-divider #main { width: 750px !important; padding-right: 30px !important; padding-left: 30px !important; margin: 0 auto !important; }
}

@media (min-width: 992px) {
    .rawsite.application-divider #main { width: 970px !important; padding-right: 30px !important; padding-left: 30px !important; margin: 0 auto !important; }
}

@media (min-width: 1200px) {
    .rawsite.application-divider #main { width: 1170px !important; margin: 0 auto !important; }
}

.execPrivate { display: none; }

/*//////////////////////////////SEARCH-BOX*/
.searchBox label { display: inline; vertical-align: middle !important; }
.searchBox .formText { margin: 0 6px 0 0; font-weight: normal; vertical-align: middle; width: 450px;}
.searchBox .formSelect { width: auto !important; margin: 0em 1.25em 0em 0em; font-weight: normal; vertical-align: middle; }
.searchBox .formButton1, .searchBox .formButton2, .searchBox .formButton3,
.searchBox .formButton4, .searchBox .formButton5, .searchBox .formButton6 { vertical-align: middle; }
.searchBox .helpTXT { display: block; text-align: left; margin: 0.25em 1.25em; font-size: 90%; }
.searchBox #searchLoading .iconLoadingButton{ margin-right: 6px; display: inline-block;}
.searchBox #searchLoading .iconLoadingSMALL{ display: inline-block;}
.searchBox .semanticSearchOpt { float: left; margin: 0em 0em 0em 0em; }

/*//////////////////////////////CATEGORY-BOX*/
.categoryBox { margin-top: 2.5em; margin-bottom: 0.5em; }
.categoryBox fieldset { display: block; position: relative; float: left; width: 320px; margin: 0em 0em 0em -1em; padding: 0em 0em 0em 1em; border: none; }
.categoryBox legend { margin: 0em; padding: 0em; }
.categoryBox ol { margin: 1em 2em 0em 0em; padding: 0em; list-style-type: none; }
.categoryBox li { line-height: 1.5em; font-weight: normal; list-style-type: none; margin-left: 0px; padding: 4px 4px 4px 0px; }
.categoryBox li a:hover{ text-decoration: none; }
*html .categoryBox fieldset legend { position: relative; left: 0em; }
*+html .categoryBox fieldset legend { position: relative; left: 0em; }
*html .categoryBox li { padding-left: 0px; background: none !important; }

/*//////////////////////////////SUB-CATEGORY-BOX*/
.subCategoryBox { margin-bottom: 0.5em; }
.subCategoryBox ul { display: block; position: relative; float: left; width: auto; margin: 0 5px 0 0; padding: 0em; }
.subCategoryBox li { line-height: 1.5em; width: 230px; list-style-type: none; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.subCategoryBox a.down { color: #000000; font-weight: bold; text-decoration: none !important; }

/*//////////////////////////////TALENTPOOL-HEADER*/
#talentpool #main { border-top: 0px none !important; }
#talentpool #topTeaser.dashboard p { padding-top: 0.3em; padding-bottom: 0.3em; line-height: 1.5em; }
#talentpool #topTeaser .promo { margin-bottom: -40px; }

#dnaDivider { padding-bottom:28px; background:url(../img/bg/bgGradientShadeDown1.png) no-repeat bottom center; }
#dnaDivider.small { padding-bottom:28px; background:url(../img/bg/bgGradientShadeDown1_600.png) no-repeat bottom left; }
#dnaDivider.medium { padding-bottom:28px; background:url(../img/bg/bgGradientShadeDown1_720.png) no-repeat bottom center; }
#dnaDivider.noArrow { background:url(../img/bg/bgGradientShadeCenter.png) no-repeat bottom center; }
#dnaDividerBottom.noArrow { background:url(../img/bg/bgGradientShadeCenterBottom.png) no-repeat top center; }
.homeDivider { border-top: 1px solid #dfdfe0; padding-top:7px; margin-top: 15px; }
#toparbeitgeber h3 { margin-top: 1.3em; }

/*IE-FIX*/
*html #talentpool #main .content { margin-top: 1em; }
*+html #talentpool #topTeaser .promo { margin-bottom: -42px; }

/*//////////////////////////////PROFILE*/
.papersheet
{
	position: relative;
	padding: 20px 0 20px 20px;
	margin: 0 auto;
	background-color: #fff;
    border-color: #efeff4 #dfdfe4 #bfbfc4 #dfdfe4;
    border-style: solid;
    border-width: 1px;
}

.papersheet:before, .papersheet:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
}

.papersheet:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

.papersheet.postit {
    background: rgba(241,231,103,1);
    background: -moz-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(252,207,70,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(252,207,70,1)));
    background: -webkit-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(252,207,70,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(252,207,70,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(241,231,103,1) 0%, rgba(252,207,70,1) 100%);
    background: linear-gradient(135deg, rgba(241,231,103,1) 0%, rgba(252,207,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#fccf46', GradientType=1 );
    padding: 10px 20px;
    margin: 0 0;
}

.papersheet.message, .papersheet.list {
    margin-bottom: 1.1em;
    padding: 6px;
}

.papersheet.list {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 20px rgba(0, 0, 0, 0.1);
}

.papersheet.list a.detail.img {
    display: block;
}

.papersheet.message input[type=checkbox], .papersheet.list input[type=checkbox] {
    margin: 0;
}

.papersheet.message h5, .papersheet.list h5 {
    margin-bottom: 0.6em;
}

.papersheet.message h5, .papersheet.list h5, .papersheet.message h4, .papersheet.list h4 {
    font-size: 112%;
}

.papersheet.list .over { display: none; }
.papersheet.list:hover .over { display: block; }
.papersheet.list:hover .up { display: none; }

.papersheet.list .source {
    position:absolute; top:59px; left:5px;
    background: white;
    border-radius: 3px;
}

.papersheet.list .source.icon-feed {
    color: #CCCCCC;
}

.papersheet.list .ratingBar, .papersheet.list .checkItem {
    padding-top: 1px;
}

.papersheet.list .icon-paperclip {
    padding-left: 4px;
}

#profile.papersheet {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 40px;
}

#profile.papersheet .btn-preview {
    position: absolute;
    right: 0px;
    border-radius: 0 0 0 3px;
    top: 0px;
    background-color: rgba(0,0,0,0.1);
    padding: 7px 22px;
}

#profilePreview .item, #userData.itempadding{
    padding-top: 40px;
    padding-bottom: 55px;
}

#profile .cv-image-edit {
    width: 100px;
    height: 100px;
}

#profile .cv-image-edit-link{
    display: block;
    width: 100px;
    text-align: center;
}

#profile .cv-image-edit img{
    width: 100%;
    margin-top: -5px;
}

#profile .cv-image-edit .hover-layer {
    cursor: pointer;
}

#head .icon-pencil {
    vertical-align: baseline;
}

#profile .cv-image-edit .icon-lock {
    position:absolute; left:86px; top:35px;
}

#profile .cv-image-edit .btn-text-hover {
    display: none;
    position: absolute;
    border-radius: 3px;
    padding-top: 22px;
    top: 30px;
    width: 69px;
    height: 64px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    text-align: center;
    background-color: #000000;
    color: #FFFFFF;
}

#img-upload .formButton2,#img-upload .delete-btn {
    margin-right: 15px;
}

#profile #userData .cv-image-edit .btn-text-hover {
    top: 0px;
}

#profile .cv-image-edit:hover .btn-text-hover {
    display: block;
}

#profile .cv-image-edit:hover .btn-text-hover .icon-pencil {
    display: block;
    padding-bottom: 5px;
    font-size: 20px;
}

.experienceinfo {
    float: left;
    padding-right: 10px;
}

.educationinfo {
    float: left;
    width: 75%;
}

.educationinfo .icon-education {
    float:left;
    padding-right:2px;
    padding-top:3px;
}

.educationinfo .education-detail {
    float:left;
    width:88%;
}

#editEducation .helpTXT{
    margin-bottom: 5px;
}

#profile.papersheet .ratingBar {
    padding-top: 1px;
}

.conversation-link,
.remove-link {
    padding-right: 8px;
    padding-top: 10px;
    float: right;
}

.message-candidate {
    padding-left: 15px;
}

#profile.careerwish .profile-icon {
    font-size:400%;
    position: absolute;
    left:25px;
}

#profile.careerwish h3 {
    color: #555562;
}

#profile.careerwish .textblock{
    padding-right:15px;
}

#profile.careerwish .additionalInfo {
    font-size: 120%;
}

#statusToggle {
    padding-right: 25px;
}

#statusToggle .toggleOption {
    padding-top: 6px;
    float: left;
    font-size: 135%;
    font-weight: bold;
}

#statusToggle #active.on {
    font-weight: bold;
    color: #89CA00;
}

#statusToggle #inactive.on {
    font-weight: bold;
    color: #FF0000;
}

#hinweisInaktiv {
    background: rgba(0, 0, 0, 0.75);
    color: white;
    padding: 10px 2px 10px 10px;
    margin-bottom: 15px;
    border-radius: 3px;
    width: 90%;
}

.info-cv-active p, .info-cv-inactive p {
    padding-top: 6px;
}

.profile-info-bar .switch {
  position: relative;
  height: 30px;
  width: 84px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
}

.profile-info-bar .switch-headline{
    margin-right: 25px;
    margin-bottom: 0.75em;
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 40px;
  line-height: 26px;
  padding-top: 7px;
  font-size: 17px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  cursor: pointer;
}

.switch-label .switch-label-off {
    padding-top: 7px;
}

.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}

.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 42px;
  background-color: #89D200;
}

.switch-input:checked + .switch-label-off ~ .switch-selection {
  background-color:#e23b30;
}

.switch-input:checked + .switch-label-off {
    color: rgba(255, 255, 255, 1);
}

.switch-selection {
  display: block;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 40px;
  height: 26px;
  background: #777777;
  border-radius: 3px;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.btn-preview {
    padding-top: 8px;
}

#privacy {
    padding-top: 8px;
    display: inline-block;
}

#privacy input{
    margin-left: 0;
}

.privacy-switch:disabled + label {
    color:#CCCCCC;
}

.icon-help-privacy {
    padding-top: 10px;
}

#progressIndicatorBasic {
    height: 14px;
    padding-top: 10px;
    padding-left: 9px;
}

.infoBox {
    width: 67%;
    margin-bottom: 15px;
}

.infoBox .icon-alone {
    float: right;
    padding-top: 5px;
}

.infoBox .infoBoxContent {
    background: rgba(240, 143, 5, 0.5);
    padding: 5px 5px;
    border-radius: 3px;
    width: 87%;
    float: right;
}

.infoBox .infoBox-icon {
    float: right;
    padding-right: 5px;
    font-size: 280%;
}

.dialog-response-true{ height: 530px !important;}
.dialog-response-false{ height: 380px !important;}

.profile-sidebar{
    padding-left: 15px;
}

.profile-sidebar .item {
    border-bottom: 1px solid #CCCCCC;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-bottom: 15px;
}

.profile-sidebar .video-teaser {
    border-bottom: none;
}

.profile-progress .progression-hint{
    font-size: 12px;
}

.profile-progress .summary {
    position: relative;
    width: 80%;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.profile-progress .percentage{
    float: left;
    padding: 9px;
}

.profile-progress .done {
    color: #4c4c4c;
    font-weight: bold;
    padding-left: 5px;
    display: none;
}

.profile-progress .pending {
    font-weight: normal;
    color: #4c4c4c;
}

.profile-progress .pending .icon-pencil {
    color: #004099;
}

.profile-progress .pending .icon-checkmark, .profile-progress .current .icon-checkmark {
    display: none;
}

.profile-progress .indication {
    position: absolute;
    color: #FFFFFF !important;
    background-image: none;
    background-color: #c42695;
    border-right: 0;
    font-weight: bold;
    height: 24px;
    margin-top: 1px;
    margin-left: 1px;
    width: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.profile-progress .indication.full {
    border-radius: 3px;
}

.profile-progress .frame {
    background-color: #ffffff;
    border: 1px solid #dfdfe0;
    border-radius: 3px;
    height: 24px;
}

.profile-download .btn-pdf-download {
    background: url(../img/icon/iconPdfDoc.gif) no-repeat left top;
    font-size: 14px;
    padding-left: 30px;
    padding-top: 10px;
    display: inline-block;
}

.btn-square {
    text-align: center;
    display: inline;
    vertical-align: top;
}

.btn-square a {
    display: inline-block;
    padding: 8px 22px;
    outline: 0;
    text-align: center;
}

.btn-square a .label {
    display: inline-block;
    height: 30px;
}

.btn-square a:hover {
    text-decoration: none;
}

.btn-square .icon-file-cv, .btn-square .icon-linkedin, .btn-square .icon-pencil3 {
    font-size: 35px;
    display: block;
    padding-bottom: 10px;
}

.service-title{
    margin-top: 38px;
}

.profile-title h2 {
    margin-top: 0;
    margin-bottom: 30px;
}

.cv-status-bar{
    background-color: #FFFFFF !important;
}

.profile-info-bar .medium {
    font-size: 15px !important;
}

.profile-import-aufforderung {
    font-size: 14px;
    width: 600px;
}
#profile.profile-preview h3, #profile .section h3{
    border-bottom: 1px solid #dfdfe0;
    padding-bottom: 16px;
    font-weight: normal;
}


#profile #wohnland{
    width: 170px !important;
}
#profile #nationality{
    width: 200px !important;
}

#profile #progressIndicatorEducation, #profile #progressIndicatorCareer {
    height: 18px;
}

#profile #progressIndicatorEducation .spinner,
#profile #progressIndicatorEducationDelete .spinner,
#profile #progressIndicatorCareer .spinner,
#profile #progressIndicatorCareerDelete .spinner
{
    top: 8px !important;
}

#profile #progressIndicatorEducationDelete .spinner,
#profile #progressIndicatorCareerDelete .spinner {
    right: 40px !important;
    left: inherit !important;
}

#profile #editWantsContainer.editEntry {
    padding-right: 0;
}

#profile .deleteBtn {
    padding-right: 20px;
}

#profile .editEntry h4 {
    padding-bottom: 20px;
    color: #555562;
    font-size: 14px;
    font-weight: normal;
}

#profile .editEntry h4 .icon-plus-circle-2 {
    vertical-align: text-top !important;
}

#profile .editEntry h4 .icon-pencil {
    vertical-align: top !important;
    padding-right: 7px;
}

#profile .editEntryButton {
    position: absolute;
    top: 27px;
    right: 30px;
    height: 19px;
    overflow: hidden;
}

#profile .icon-plus-circle-2.addEntry {
    padding-right: 7px;
    vertical-align: sub;
}

#profile .editEntryButton .icon-pencil {
    vertical-align: top;
}

#profile #head h1 {
    font-weight: bold;
    margin-bottom: 0px !important;
    font-size: 22px;
}

#profile #head h3 {
    margin-top: 0;
    padding-bottom: 8px !important;
    border-bottom: none;
}
}

#profile .section.skills h3, #profile .section.webprofiles h3, #profile .section.attachements h3 {
    margin-bottom: 20px;
}

#profile #searchSkill {
    margin-right: 7px;
}

#profile .languages dl {
    margin: 0;
}

#profile .edit-link{
    line-height: 2em;
}

#profile .edit-link:hover .editEntryButton{
    color: #668CC2 !important;
}

#profile .iconWebprofile, #profile .icon-file-2{
    vertical-align: middle;
    font-size: 16px;
    padding-right: 6px;
}

#profile .icon-file-2 {
    vertical-align: initial;
}

#profile .element.medium, #profile .languages .medium, #profile #showAttachements .document-link{
    font-size: 13px !important;
    line-height: 2em;
}

#profile .delete-document-entry{
    padding: 1em 0em;
    border-bottom: 1px solid #dfdfe0;
}

#profile .profession-description {
    padding-bottom: 0;
    padding-top: 0px;
    margin-top: 5px;
    color: #9FA0A1 !important;
}

#profile .element.optionRating {
    font-size: 14px !important;
    padding-bottom: 7px !important;
}

#profile .element.block.medium {
    float: none;
}

#profile .incomplete h3, #profile .incomplete .profile-icon, #profile .incomplete p, #profile .section.incomplete {
    color: #F07B05 !important;
}


#profile .incomplete .formButton0 { color: #FFFFFF !important; background-color: #F07B05; border: 1px solid #F07B05;}
#profile .incomplete .formButton0:hover { background-color: #DC7004; border: 1px solid #DC7004;}

#profile .editPortrait {
    padding-top: 0;
}

#profile .section {
    min-height: 6em;
}

.rawsite #profile .section{
    padding-bottom: 16px;
}

#profile .section .bemerkung {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 4px;
}

#profile .section .right .iconEdit {
    padding-right: 25px;
}

#profile .section .iconPlusCircleMagenta {
    padding-right: 15px;
}

#profile .btn-add-area {
    display: block;
    border: 1px dashed #969696;
    padding: 2px;
    font-size: 14px;
}

#profile .btn-add-area a {
    display: block;
    padding: 15px;
    color: #666666;
}

#profile .btn-add-area:hover a {
    text-decoration: none;
    background-color: #f7f7f7;
}

#profile .btn-add-area .icon-plus-circle-2 {
    padding-right: 5px;
    vertical-align: text-top;
}

#profile .btn-add-area:hover .icon-plus-circle-2 {
    color: #C42695;
}

#profile .profile-icon {
    position: absolute;
    left: 30px;
    font-size: 200%;
    color: #555562;
}

#profile #detailLanguage{
    margin-top: 1em;
}

#profile #editLanguages .optionRating {
    margin-bottom: 0.25em;
}

#profile #editLanguages .optionRating label, #profile #languagesForm .optionRating label {
    display: inline-block;
    width: 140px;
}

#profile #editLanguages .optionRating .icon-alone {
    padding-left: 3px;
}

#profile #editLanguages .icon-remove {
    font-size: 12px;
}

#profile #viewLanguages {
    line-height: 1.4em;
    width: 75%;
}

#profile #viewLanguages .barchart {
    background-color: #efefef;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 8px;
}

#profile #viewLanguages .barchart .barindikator{
    background-color: #99b3d6;
    display: block;
    position: absolute;
    z-index: 0;
    height: 100%;
    border-radius: 3px;
}

#profile #viewLanguages .barchart .languagename{
    z-index: 10;
    position: relative;
    padding: 8px;
}

#profile #viewLanguages .barchart .languagename span{
    display: inline-block;
    margin:0px 6px;
}

#profile .skill {
    border: 1px solid #bfbfc0 !important;
    border-radius: 3px;
    color: #5f6062;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 3px;
    padding: 3px 7px;
}

#profile a .skill {color: #004099 !important;}
#profile a:hover .skill {color: #668cc2 !important;}

#profile .skill.suggestion {
    cursor: pointer;
}

#skillSuggestions #profile{
    position: relative;
    float: left;
}

#profile .skill.highlight {
    border: 1px solid #C42695;
    color: #C42695;
}

#profile .edit-skill {
    margin-bottom: 5px;
    display: inline-block;
}

#profile .webprofileEdit {
    width: auto;
}

.profileToggle {
    position:absolute;
    font-size: 95%;
    top:-10px;
    left:14px;
    padding-top: 9px;
    padding-left: 11px;
    height: 30px;
    width: 180px;
    background: url(../img/bg/cvProfileToggler.png) no-repeat top left;
}

.profileToggle a {
    padding-left: 2px;
}

.cv-confirm-edit {
    margin-top: 50px;
}

.cv-service-confirm-hint {
    margin-top: 30px;
    border-top: 1px solid #CCCCCC;
}

.cv-service-confirm-hint h3 {
    margin-top: 15px;
    margin-bottom: 10px;
}

#dialog-confirm-complete a, #dialog-confirm-incomplete a {
    outline: 0;
}

.salaerina { background: url(../img/content/salaerina_cvteaser.jpg) no-repeat top left; padding-left:58px; padding-top:90px; text-align: left;}
.salaerina.sidebar { padding-left: 0; padding-top: 100px; }

/* ///// ACCORDION */

.accordion-toggle{
    cursor: pointer;
    color: #004099;
}

.accordion-toggle.active{
    color: #000;
}

.accordion-toggle:hover{
    text-decoration: underline;
}

.accordion-content{
    max-height: 0px;
    overflow: hidden;
    padding-bottom: 0px;
    height: 0px;
    line-height: 1.5em;
    -webkit-transition: max-height 0.3s ease-out;
    -moz-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
}
.accordion-content.in{
    max-height: 200px;
    height: auto;
    margin-bottom: 2em;
    border-bottom: 1px solid #ccc;
    padding: 0.5em 0 1em;
}

.accordion-content.in:last-child{
    border-bottom: none;
}

.accordion h3{
    margin-top: 0.25em;
    font-size: 16px;
}

/*//////////////////////////////FAVORITE-LIST*/
.favoriteListe { position: relative; cursor: default !important; }
.favoriteListe .favorite { width: auto; clear: both; }
.favoriteListe.pendent { margin-top: 0.5em !important; }
.favoriteListe.pendent .favorite { width: 97%; padding-left: 3%; }

/*//////////FAVORITE-LAYOUT*/
.favoriteListe .favorite h3, .favoriteListe .favorite p { margin: 0em; padding-top: 3px; padding-bottom: 3px; line-height: 1.1em !important; }
.favoriteListe .favorite h3 { font-weight: normal !important; }
.favoriteListe .maininfo,
.favoriteListe .options,
.favoriteListe .settings { margin-bottom: 0.5em !important; padding: 0em 0em 0em 0em; float: left; }
.favoriteListe .maininfo { width: 68%; text-align: left; }
.favoriteListe .options { width: 22.5%; text-align: left; padding-left: 16px; }
.favoriteListe .options .helpTXT { margin: 1em 0em 0em 0.4em !important; padding-top: 0.6em !important; font-size: 90%; }
.favoriteListe .settings { width: 10%; float: right; text-align: right; }
.favoriteListe h3.subtitle { margin: 0.75em 0em 0em 0em !important; padding: 0.25em 0em !important; }
.favoriteListe h3.subtitle, .favoriteListe h3.subtitle a { color: #C42695; background-color: #FFFFFF; }

/*//////////STAT-LAYOUT*/
.favoriteListe .options .formRadio { border: 0px none !important; }
.favoriteListe .options .formRadio.active { padding: 0.1em 0.25em !important; font-weight: bold; }
.favoriteListe .options .formSTYLE input { margin-right: 0.1em !important; }

/*//////////HOVER-EFFECT*/
.favoriteListe .favorite { border-top: 1px solid #bfbfc0; padding-top: 7px; }
.favoriteListe .favorite:hover { border-top: 2px solid #004099; padding-top: 6px; }
.favoriteListe .favorite p { color: #9292a0; }
.favoriteListe .favorite:hover p { color: #000000; }

/*//////////IE-FIX*/
*html .favoriteListe .favorite { width: 100%; padding-left: 0em !important; }
*html .favoriteListe .favorite p { color: #000000; }
*html .favoriteListe h2.subtitle { display: none; }
*html .favoriteListe .favorite h3 span { background-position: left 0.3em; }
*+html .favoriteListe .favorite h3 span { background-position: left 0.3em; }
*html .favoriteListe .options .helpTXT { margin-left: 1.2em !important; padding-left: 12px !important; }
*+html .favoriteListe .options .helpTXT { margin-left: 1.2em !important; padding-left: 12px !important; }
*+html .favoriteListe .favorite .noteField p .btn { visibility: hidden !important; }
*+html .favoriteListe .favorite:hover .noteField p .btn { visibility: visible !important; }

/*//////////////////////////////TAG-CLOUD*/
.tagCloud { position: relative; width: auto; height: auto; text-align: center !important; cursor: default; }
.tagCloud ul, .tagCloud li { margin: 0em; padding: 0em; list-style-type: none; } .tagCloud li { float: left; }
.tagCloud a { text-decoration: none !important; cursor: default !important; }
/*SETTINGS*/
.tagCloud.big table { height: auto !important; }
.tagCloud.big, .tagCloud.big td { font-size: 24px !important; } .tagCloud.big a { padding: 0em 0.5em; line-height: 2em; }
.tagCloud.mini, .tagCloud.mini td div { font-size: 15px !important; } .tagCloud.mini a { padding: 0em 2em; line-height: 1.8em; }
.tagCloud.mini.buttonStyle { width: 235px; height: 180px; margin: 0px auto; overflow: hidden; } .tagCloud.mini.buttonStyle, .tagCloud.mini.buttonStyle a { cursor: pointer !important; }
.tagCloud.mini.buttonStyle .fade { position: absolute; z-index: 10; top: 0px; width: 100%; height: 100%; background: url(../img/bg/bgMiniCloudFade.png) no-repeat center; }
*html .tagCloud.mini.buttonStyle .fade { display: none; }
/*SIZE*/
.tagCloud a.tag0 { display: none !important; }
.tagCloud a.tag1 { font-size: 0.6em; }
.tagCloud a.tag2 { font-size: 0.8em; }
.tagCloud a.tag3 { font-size: 1.0em; }
.tagCloud a.tag4 { font-size: 1.2em; }
/*COLORS-MEMBER*/
.tagColorMEMBER .tagCloud a.tag1 { color: #E49DCF !important; }
.tagColorMEMBER .tagCloud a.tag2 { color: #DF88C5 !important; }
.tagColorMEMBER .tagCloud a.tag3 { color: #D667B5 !important; }
.tagColorMEMBER .tagCloud a.tag4 { color: #C42695 !important; }
/*COLORS-COMPANY*/
.tagColorCOMPANY .tagCloud a.tag1 { color: #8CC7E3 !important; }
.tagColorCOMPANY .tagCloud a.tag2 { color: #73BADC !important; }
.tagColorCOMPANY .tagCloud a.tag3 { color: #4CA7D3 !important; }
.tagColorCOMPANY .tagCloud a.tag4 { color: #0082C0 !important; }

/*//////////////////////////////DNA-CREATOR*/
.dnaCreator { position: relative; z-index: 10; padding-top: 0px !important; text-align: left; background-color: #FFFFFF; }
.dnaCreator .creatorNavi, .dnaCreator .creatorMain { position: relative; width: auto; float: left; text-align: left; }
.dnaCreator .dimTitle { border-left: 15px solid; padding-left: 5px; }

/*//////////NAVI*/
.dnaCreator .creatorNavi { z-index: 2; width: 35%; margin-right: -11%; cursor: default; }
.dnaCreator .creatorNavi .borderLIGHT { margin-right: 100px; background-color: #FFFFFF; }
.dnaCreator .creatorNavi hr { width: 100% !important; }
.dnaCreator .creatorNavi .dimensionBox { position: relative; }
.dnaCreator .creatorNavi h3 a, .dnaCreator .creatorNavi ul a { text-decoration: none !important; }
.dnaCreator .creatorNavi h3 { font-size: 120% !important; font-weight: bold !important; height: 35px; line-height: 35px; overflow: hidden; margin: 0em !important; padding: 0em !important; }
.dnaCreator .creatorNavi ul { display: block; position: relative; margin: 0em; padding: 0em 0em 15px 0em; list-style-type: none; }
.dnaCreator .creatorNavi li {
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0em;
    padding: 0px 25px 0px 22px;
    overflow: hidden;
    cursor: default;
    font-size: 11px;
}
/*SLIDER-BOX*/
.dnaCreator .sliderBox {
    display: block;
    position: absolute;
    top: 10px;
    right: -100px;
    margin: 0em;
    padding: 10px 0em 0em 0em;
    background-color: #FFFFFF;
    border: 1px solid #bfbfc0;
    border-left: 0px none;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
.dnaCreator .sliderBoxContent { margin-left: -38px; padding: 23px 0px 0px 0px; }
.dnaCreator .sliderBox .slider { width: 105px; height: 8px; margin: 0px 15px 15px 0px !important; padding: 0em; cursor: default !important; font-size: 10px !important; }
/*IE-FIX*/
*html .dnaCreator .sliderBox .slider { width: 105px; height: 10px; margin: 0px 15px 15px 0px !important; padding: 0em; cursor: default !important; font-size: 10px !important; }
*+html .dnaCreator .sliderBox .slider { width: 105px; height: 10px; margin: 0px 15px 15px 0px !important; padding: 0em; cursor: default !important; font-size: 10px !important; }

.dnaCreator .sliderBox .slider, .dnaCreator .sliderBox .slider a { border-color: #9292a0; }
.dnaCreator .sliderBox .slider a { background-color: #E6E6E6; }
.dnaCreator .sliderBoxContent .legend { position: absolute; top: 5px; width: 110px; height: 24px; line-height: 24px; font-size: 90%; color: #9292a0; cursor: default; }
.dnaCreator .sliderBoxContent .legend span { display: inline; padding: 0em 20px 0em 0em; } .sliderBoxContent .legend span.last { padding: 0em !important; }

.dnaCreator .sliderBox .slider.active, .dnaCreator .sliderBox .slider.active a, .dnaCreator .sliderBox .slider.done, .dnaCreator .sliderBox .slider.done a { background-image: none; }
/*IE-FIX*/
*html .dnaCreator .sliderBox { right: 16px !important; }
*html .dnaCreator .creatorNavi hr { margin-right: -100px !important; }
*+html .dnaCreator .creatorNavi hr { margin-right: -100px !important; }

/*//////////MAIN*/
.dnaCreator .creatorMain { z-index: 1; width: 75%; }
.dnaCreator .creatorMain .companyName {
    display: block;
    position: absolute;
    left: 50%;
    top: 31%;
    width: 13.5em;
    height: 3em;
    overflow: hidden;
    margin: -1.5em 0em 0em -6.75em;
    text-align: center;
}
.dnaCreator .creatorMain .companyName a { display: inline; width: auto; height: auto; margin: 0em auto !important; padding: 0.1em 0.5em !important; cursor: pointer !important; text-transform: uppercase; }
.dnaCreator .creatorMain .companyName table td { line-height: 1em; }
.dnaCreator .creatorMain .cloudBox {
    display: block;
    position: absolute;
    border: 5px solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 2px 2px 3px #000000;
    background-color: #FFFFFF;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.dnaCreator .creatorMain .cloudBox table { width: 95% !important; margin: 0em 2.5% 0em 2.5% !important; }
.dnaCreator .creatorMain .cloudBox a { padding: 0em 5px 0em 5px !important; line-height: 1.8em !important; cursor: pointer !important; }
.dnaCreator .creatorMain .cloudBox.active a.active { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/*IE-FIX*/
*html .dnaCreator .creatorMain .cloudBox { margin-left: 0.5% !important; }
*+html .dnaCreator .creatorMain .cloudBox { margin-left: 0.5% !important; }

/*//////////HELP-BOX*/
.dnaCreator .creatorHelpBox {
    display: block;
    position: absolute;
    z-index: 10;
    min-width: 1px;
    height: 100px;
    margin: -95px 5px 0px 5px;
    text-align: left;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    filter: alpha(opacity=90) !important;
    -moz-opacity: 0.9 !important;
    -khtml-opacity: 0.9 !important;
    opacity: 0.9 !important;
}
.dnaCreator .creatorHelpBox .dimTitle { display: block; margin: 0.5em 0em; padding-left: 0px !important; border-left: 0px none !important; font-size: 120%; }
.dnaCreator .creatorHelpBox p { width: auto; padding: 1em 1em 1em 5.75em !important; font-size: 100%; }
.dnaCreator .creatorHelpBox .iconHelp { position: absolute; top: 0px; left: 10px; z-index: 9; padding: 10px; font-size: 400%; font-weight: bold; line-height: 1em; }
.dnaCreator .creatorHelpBox .iconHelpBoxArrow { display: none !important; }
/*IE-FIX*/
*html .dnaCreator .creatorHelpBox { margin-left: 1.25%; }
*+html .dnaCreator .creatorHelpBox { margin-left: 1.25%; }

/*//////////HEADER-FOOTER*/
.dnaCreator .header h1 { margin: 0em 0em 1em 0em !important; text-align: center; }
.dnaCreator .header h1 .small { display: none; }
.dnaCreator .footer { display: none; }

/*//////////COLORS-MEMBER*/
.tagColorMEMBER.dnaCreator .dimTitle { border-left-color: #bfbfc0; }
.tagColorMEMBER.dnaCreator .creatorMain .cloudBox { border-color: #bfbfc0; }
.tagColorMEMBER.dnaCreator .creatorHelpBox { background-color: #004099; }
.tagColorMEMBER.dnaCreator .creatorHelpBox p, .tagColorMEMBER.dnaCreator .creatorHelpBox .iconHelp { color: #FFFFFF !important; }
.tagColorMEMBER.dnaCreator .dimTitle,
.tagColorMEMBER.dnaCreator .creatorNavi h3 a,
.tagColorMEMBER.dnaCreator .creatorNavi ul a,
.tagColorMEMBER.dnaCreator .creatorMain .cloudBox a { color: #bfbfc0 !important; }
.tagColorMEMBER.dnaCreator .creatorHelpBox .dimTitle { color: #FFFFFF !important; }
/*DONE*/
.tagColorMEMBER.dnaCreator .done .dimTitle { border-left-color: #E7A8D5; }
.tagColorMEMBER.dnaCreator .creatorMain .cloudBox.done { border-color: #E7A8D5; }
.tagColorMEMBER.dnaCreator .done .dimTitle,
.tagColorMEMBER.dnaCreator .creatorMain .done a { color: #E7A8D5 !important; }
.tagColorMEMBER.dnaCreator .creatorNavi li.done a { color: #E7A8D5 !important; }
.tagColorMEMBER.dnaCreator .sliderBox .slider.done,
.tagColorMEMBER.dnaCreator .sliderBox .slider.done a { background-color: #F3D4EA; border-color: #E7A8D5; }
/*ACTIVE*/
.tagColorMEMBER.dnaCreator .creatorMain .active a.tag1 { color: #E49DCF !important; }
.tagColorMEMBER.dnaCreator .creatorMain .active a.tag2 { color: #DF88C5 !important; }
.tagColorMEMBER.dnaCreator .creatorMain .active a.tag3 { color: #D667B5 !important; }
.tagColorMEMBER.dnaCreator .creatorMain .active a.tag4 { color: #C42695 !important; }
.tagColorMEMBER.dnaCreator .active .dimTitle { border-left-color: #004099; }
.tagColorMEMBER.dnaCreator .creatorMain .cloudBox.active { border-color: #004099; }
.tagColorMEMBER.dnaCreator .creatorMain .cloudBox.active a.active { color: #FFFFFF !important; background-color: #C42695 !important; }
.tagColorMEMBER.dnaCreator .active .dimTitle { color: #004099 !important; }
.tagColorMEMBER.dnaCreator .creatorNavi li.active a { color: #C42695 !important; }
.tagColorMEMBER.dnaCreator .sliderBox .slider.active,
.tagColorMEMBER.dnaCreator .sliderBox .slider.active a { background-color: #E7A8D5 !important; border-color: #C42695 !important; }

/*//////////COLORS-COMPANY*/
.tagColorCOMPANY.dnaCreator .dimTitle { border-left-color: #bfbfc0; }
.tagColorCOMPANY.dnaCreator .creatorMain .cloudBox { border-color: #bfbfc0; }
.tagColorCOMPANY.dnaCreator .creatorHelpBoxContent { background-color: #CCE7F2; border-color: #0082C0; }
.tagColorCOMPANY.dnaCreator .creatorHelpBox p, .tagColorCOMPANY.dnaCreator .creatorHelpBox .iconHelp { color: #0082C0 !important; }
.tagColorCOMPANY.dnaCreator .dimTitle,
.tagColorCOMPANY.dnaCreator .creatorNavi h3 a,
.tagColorCOMPANY.dnaCreator .creatorNavi ul a,
.tagColorCOMPANY.dnaCreator .creatorMain .cloudBox a { color: #bfbfc0 !important; }
.tagColorCOMPANY.dnaCreator .creatorHelpBox .dimTitle { color: #0082C0 !important; }
/*DONE*/
.tagColorCOMPANY.dnaCreator .done .dimTitle { border-left-color: #99CDE6; }
.tagColorCOMPANY.dnaCreator .creatorMain .cloudBox.done { border-color: #99CDE6; }
.tagColorCOMPANY.dnaCreator .done .dimTitle,
.tagColorCOMPANY.dnaCreator .creatorMain .done a { color: #99CDE6 !important; }
.tagColorCOMPANY.dnaCreator .creatorNavi li.done a { color: #99CDE6 !important; }
.tagColorCOMPANY.dnaCreator .sliderBox .slider.done,
.tagColorCOMPANY.dnaCreator .sliderBox .slider.done a { background-color: #CCE6F2; border-color: #99CDE6; }
/*ACTIVE*/
.tagColorCOMPANY.dnaCreator .creatorMain .active a.tag1 { color: #8CC7E3 !important; }
.tagColorCOMPANY.dnaCreator .creatorMain .active a.tag2 { color: #73BADC !important; }
.tagColorCOMPANY.dnaCreator .creatorMain .active a.tag3 { color: #4CA7D3 !important; }
.tagColorCOMPANY.dnaCreator .creatorMain .active a.tag4 { color: #0082C0 !important; }
.tagColorCOMPANY.dnaCreator .active .dimTitle { border-left-color: #0082C0; }
.tagColorCOMPANY.dnaCreator .creatorMain .cloudBox.active { border-color: #0082C0; }
.tagColorCOMPANY.dnaCreator .creatorMain .cloudBox.active a.active { color: #FFFFFF !important; background-color: #0082C0 !important; }
.tagColorCOMPANY.dnaCreator .active .dimTitle { color: #0082C0 !important; }
.tagColorCOMPANY.dnaCreator .creatorNavi li.active a { color: #0082C0 !important; }
.tagColorCOMPANY.dnaCreator .sliderBox .slider.active,
.tagColorCOMPANY.dnaCreator .sliderBox .slider.active a { background-color: #99CDE6 !important; border-color: #0082C0 !important; }

/*//////////////////////////////SKILL-CREATOR*/
.skillCreator .element { width: 31%; font-size: 90%; }
.skillCreator.sectors .element { min-height: 3.25em; }
.skillCreator.skills .element { min-height: 5em; }
.skillCreator .element .checkbox, .skillCreator .element .formText, .skillCreator .element .formCheck { display: block; float: left; vertical-align: middle; }
.skillCreator .element .iconDelete { display: block; float: left; vertical-align: middle; height: 1.75em; line-height: 1.75em; }
.skillCreator .element .formText { width: 16em !important; margin-left: 0.5em; font-size: 90%; }
.skillCreator .element .formCheck { width: 82.5%; padding: 0.25em 0em 0em 2.5%; }
.skillCreator .element .formCheck.active { font-weight: bold; }
.skillCreator .element .ratingSkill { margin: 0em 0em 0em 2em; vertical-align: middle; }

/*//////////////////////////////SURVEY-STYLE*/
.surveySTYLE { margin: 1.5em 0em; }
.surveySTYLE .question { margin: 0.5em 0em 1em 0em; padding-left: 1.5em; border-top: 1px solid #bfbfc0; }
.surveySTYLE h5 { margin: 1.5em 0em 0.5em -1em; }
/*BG*/
.surveyBG1, .surveyBG2, .surveyBG3, .surveyBG4 { border: 1px solid !important; cursor: pointer !important; }
.surveyBG1 { border-color: #f7f7f7 !important; background-color: #f7f7f7 !important; } .surveyBG1:hover { border-color: #C42695 !important; }
.surveyBG2 { border-color: #efefef !important; background-color: #efefef !important; } .surveyBG2:hover { border-color: #C42695 !important; }
.surveyBG3 { border-color: #dfdfe0 !important; background-color: #dfdfe0 !important; } .surveyBG3:hover { border-color: #C42695 !important; }
.surveyBG4 { border-color: #bfbfc0 !important; background-color: #bfbfc0 !important; } .surveyBG4:hover { border-color: #C42695 !important; }
/*RESULT*/
table.surveyResult tbody td { padding: 0.5em !important; background-color: #dfdfe0; }
table.surveyResult tbody .checkedSelf { min-width: 1.5em; background-color: #9DE519; }
table.surveyResult tbody .checkedPeer { min-width: 1.5em; background-image: url(../img/icon/iconTalentTableCHECK.png); background-position: center; background-repeat: no-repeat; }

/*//////////////////////////////JOBTRENDS*/
.jobtrends { position: relative; }
.jobtrends .scrollContent { width: 875px; padding-bottom: 1em; overflow: auto; overflow-y: hidden; }

/*//////////INPUT-SECTION*/
.jobtrends .inputSection .tableListe th, .jobtrends .inputSection .tableListe td { padding-top: 0.1em !important; padding-bottom: 0.1em !important; }
.jobtrends .inputSection .tableListe td span.big { line-height: 20px !important; }

/*//////////OUTPUT-SECTION*/
.jobtrends .outputSection .graphResult { width: 875px !important; height: 400px; margin: 0em auto; }
.jobtrends .outputSection .tableListe .tableWidthFix td { margin: 0em !important; padding: 0em !important; height: 0em !important; line-height: 0em !important; border: 0px none !important; }
.jobtrends .outputSection .tableListe .tableWidthFix .big img { height: 1px !important; width: 180px !important; }
.jobtrends .outputSection .tableListe .tableWidthFix .small img { height: 1px !important; width: 50px !important; }
.jobtrends .outputSection ul li { font-size: 90% !important; }
/*IE-FIX*/
*html .jobtrends .outputSection .scrollContent { padding-bottom: 2.5em; }
*+html .jobtrends .outputSection .scrollContent { padding-bottom: 2.5em; }

/*//////////E-COM*/
.avatarColumn { float:left; width: 140px; text-align: right; padding-right: 1.4em; }
.avatarContentColumn { float:left; width:730px; }
.avatarContentColumn.top { height:90px; width: 75%; overflow: hidden;}
.avatarContentColumn.top p { height: 93px;}
.avatarContentBrandingColumn {float: right; width: 200px; height: 100px;}
.avatarContentBrandingColumn.Topjobs { background: url(../../LOGOS-extern/topjobs.gif) no-repeat right top; }
.avatarContentBrandingColumn.ictCareer { background: url(../../LOGOS-extern/ictcareer.gif) no-repeat right 20px; }
.avatarContentBrandingColumn.IngJobs { background: url(../../LOGOS-extern/ingjobs.gif) no-repeat right 15px; }
.avatarContentBrandingColumn.jobs4Finance { background: url(../../LOGOS-extern/jobs4finance.gif) no-repeat right 20px; }
.avatarContentBrandingColumn.jobs4sales { background: url(../../LOGOS-extern/jobs4sales.gif) no-repeat right 10px; }
.avatarContentBrandingColumn.MedTalents { background: url(../../LOGOS-extern/medtalents.gif) no-repeat right 10px; }

.avatarContentColumn.top ul#progressIndicator { margin: 0; padding-top: 0; position: absolute;}
.avatarContentColumn.top ul#progressIndicator li { float:left; margin: 0; list-style-type: none; padding-right: 3em; margin-right: 10px; border-bottom: 1px solid #555; font-weight: 400; color:#555; height: 19px; font-size: 14px; padding-bottom: 2px; }
.avatarContentColumn.top ul#progressIndicator li.current { color: #7A1069 !important; border-bottom: 3px solid #7A1069; font-weight: 600;}
.avatarContentColumn.top ul#progressIndicator li.done { color: #7A1069; border-bottom: 2px solid #555; }

#avatarAbsolute { display: none; }
#avatar { border-radius: 50%; }
#avatar.step1 { background: url(../img/bg/bgEcomProgressStep1Variant1.jpg) no-repeat bottom center; }
#avatar.step2 { background: url(../img/bg/bgEcomProgressStep2Variant1.jpg) no-repeat bottom center; }
#avatar.step3 { background: url(../img/bg/bgEcomProgressStep3Variant1.jpg) no-repeat bottom center; }
#avatar.step4 { background: url(../img/bg/bgEcomProgressStep4Variant1.jpg) no-repeat bottom center; }
#avatar.step5 { background: url(../img/bg/bgEcomProgressStep5Variant1.jpg) no-repeat bottom center; }

#specialOffer {
    margin: 30px auto;
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #dedde0;
}

#specialOffer .offer-header {
    padding-bottom: 3px;
}

#specialOffer .offer-header h3 {
    color: #2a2a2b !important;
}

#specialOffer #offer1, #specialOffer #offer2{
    float: left;
    margin-top: 20px;
    background-color: #FFF;
    padding: 15px 0 0 0px;
    border-radius: 4px;
    cursor:pointer;
    border: 1px solid #dedde0;
    min-width: 230px;
    text-align: center;
}
#specialOffer .formButton7{
    width: 100%;
    text-align: center;
}

#specialOffer #offer1 { background-color: #FFFFFF; }
#specialOffer #offer1.selected { background-color: #4a905e; }
#specialOffer #offer2 { margin-left: 20px; }
#specialOffer #offer2.selected { background-color: #4a905e; }

#specialOffer #offer2.selected .formButton7, #specialOffer #offer1.selected .formButton7 {
    font-weight: 600;
}

#specialOffer #offer2.selected .formButton7, #specialOffer #offer1.selected .formButton7{
    display: none;
}

#specialOffer .teaser { font-weight:bold; }
#specialOffer .teaser .icon-checkmark { display: none; }

#specialOffer #offer1 .icon-checkmark, #specialOffer #offer2 .icon-checkmark{
    display: none;
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom: 4px;
}
#specialOffer #offer1.selected .icon-checkmark, #specialOffer #offer2.selected .icon-checkmark {
    display: block;
}

#specialOffer #offer1.selected .details-copy, #specialOffer #offer2.selected .details-copy {
    display: block;
}

#specialOffer .details-copy{
    font-size: 12px;
    display: block;
    display: none;
    font-weight: 200;
}

#specialOffer .offer-remark {
    color: #2a2a2b;
    margin-top: 0;
    padding-top: 0;
}


#specialOffer .details {
    margin-bottom:15px;
    padding: 12px 0 11px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.005em;
    color: #faa240;
}
#specialOffer .selected .details{
    padding: 0;
    color: #FFFFFF;
}

.pricingTableColumn {  float:left; padding-left: 25px; margin-right: 10px; }
.pricingTableColumn.offer { width: 177px; text-align: center; padding-left:0;}
.pricingTableColumn.suggested { width: 179px; text-align: center; padding-left:0;}
.pricingTableColumn .description { padding: 0.3em 0.4em 0em 0.4em; color: #555555; height:60px; }
.pricingTableColumn .head { color: white; font-size: 20px; text-align: center; padding: 10px; letter-spacing: 0.1em; margin-bottom: 10px; }
.pricingTableColumn.offer .head { color: #555; border-bottom: 1px solid #555; }
.pricingTableColumn.suggested .head { color: #7a1069; border-bottom: 1px solid #7a1069; font-weight: 700; }
.pricingTableColumn.jobs-ch.suggested .head { color: #0082C0; border-bottom: 1px solid #0082C0; font-weight: 700; }
.pricingTableColumn .compareItem { height: 30px; background: url(../img/bg/bgPricingTableItemDivider.png) repeat-x center bottom; padding: 2px 13px 2px 0px; text-align: right; }
.pricingTableColumn .compareItem div.title { padding-top: 5px; color: #555555; }
.pricingTableColumn .compareItem .icon-checkmark { font-size: 160%; }
.pricingTableColumn.offer .compareItem { height:27px; padding: 7px 0px 0px 0px; margin: 0 1px; text-align: center; }
.pricingTableColumn.suggested .compareItem { height:27px; padding: 7px 0px 0px 0px; margin: 0 2px; text-align: center; }
.pricingTableColumn .compareItem .icon-checkmark { color: #CCC; }
.pricingTableColumn.suggested .compareItem .icon-checkmark { color: #7a1069; }
.pricingTableColumn.jobs-ch.suggested .compareItem .icon-checkmark { color: #0082C0; }
.pricingTableColumn .itemPrice { color: #555555; font-size: 125%; margin-top: 12px; }
.pricingTableColumn .itemPrice .info { line-height: 25px; }

/*//////////////////////////////NEU PRICING TABLE*/
.pricing h2, .pricing h3, .pricing p{ -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;}
.pricing{ margin: 60px 0 20px; }
.pricing .teaser{ border-top: 20px solid transparent; width: 23.36956%; float: left; display: block; margin-right: 2.17392%; overflow: hidden;}
.pricing .teaser:nth-child(4){ margin-right: 0;}
.pricing .teaser.teaser--hoverable .teaser__head{ opacity: 0.7; transition: all 0.3s ease 0s; }
.pricing .teaser.teaser--hoverable:hover .teaser__head{ opacity: 1; }
.pricing .teaser .teaser__head{ background-color: #00829a; border-radius: 4px 4px 0 0; text-align: center; }
.pricing .teaser .teaser__body{ background-color: #f4f4f4; border-radius: 0 0 4px 4px; padding: 30px 0px 0px;}
.pricing .teaser .teaser__title{ color: #FFFFFF !important; font-size: 36px; line-height: 1.1; margin: 0; padding: 20px 15px 13px; ;position: relative; font-weight: 200;}
.pricing .teaser .teaser__summary{ background: #005b6c none repeat scroll 0 0; padding: 20px 20px 20px; position: relative; }
.pricing .teaser .teaser__summary-title{ font-size: 22px; font-weight: 400; color: #FFFFFF !important; line-height: normal; margin: 0;}
.pricing .teaser .teaser__summary-caption{ display: block;  font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 200;}
.pricing .teaser .teaser__summary p{ color: #FFFFFF; font-size: 14px; margin: 0;}
.pricing .teaser .teaser__summary::after { border-color: #005b6c transparent transparent; border-style: solid; border-width: 11px 11.5px 0; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0;top: 100%; width: 0;}
.pricing .teaser.teaser__recommend { border: 0;}
.pricing .teaser.teaser__recommend .teaser__head { border-radius: 0;}
.pricing .teaser.teaser__recommend .teaser__recommend__badge { padding: 4px 20px 6px 20px; height: 10px; background-color: #faa240; text-align: center; color: #ffffff; font-size: 10px; letter-spacing: 0.6px; border-top-right-radius: 4px; border-top-left-radius: 4px; text-transform: uppercase;}
.pricing .options { font-size: 13px; line-height: 1.384; list-style: outside none none; padding: 0; margin: 0; }
.pricing .options__item{ background: #e8e8e8 none repeat scroll 0 0; padding: 0px 10px 0px 10px; position: relative; font-size: 13px; line-height: 1.384; list-style: outside none none; color: #707372; margin: 0;}
.pricing .options__item hr { margin: 0; border: 0; height: 1px; background-color: rgba(170,170,170,.35);}
.pricing .options__item .inner { font-size: 12px; padding: 15px 0px 15px 30px; color: #999999;}
.pricing li:last-child hr {display: none;}
.pricing .teaser.teaser--hoverable:hover .options__item{ color: #93559d;}
.pricing .options__item.is-disabled .inner { color: rgba(170,170,170,.75);}
.pricing .logos { list-style: outside none none; margin: 0; padding: 0 20px; min-height: 54px;}
.pricing .logos .logos__item { padding: 0 0 10px; vertical-align: middle; width: 80px; margin-right: 7px; display: inline-block;}
.pricing .logos .logos__item:nth-child(2) { margin-right: 0; }
.pricing .logos .logos__item:nth-child(3) { margin-right: 0; }
.pricing .logos .logos__item:nth-child(4) { margin-right: 0; }
.pricing .logos .logos__item:nth-child(6) { margin-right: 0; }
.pricing .logos .logos__item.partnernetworks {
  width: 100%;
}
.pricing .logos .logos__item.partnernetworks div {
  display: inline-block;
  width: 100%;
}
.pricing .logos .logos__item.partnernetworks div span {
  background-color: #e8e8e8;
  text-align: right;
  position: relative;
  padding: 12px;
  height: 58px;
  display: inline-block;
  border: 1px solid #ccc;
}
.pricing .logos .logos__item.partnernetworks div span svg {
  width: 100%;
  height: 31px;
}

.pricing .logos .icon--jobs-ch { fill: #09429c; height: 23px; width: 85px; }
.pricing .logos  .logos img{ display: inline-block; }
.pricing .logos img { height: auto; max-width: 100%; }
.pricing .logos.single { text-align: center;}
.pricing .logos.single .logos__item { margin-right: 0;}
.pricing .options .icon { bottom: 0; fill: #00829a; margin: auto; position: absolute; top: 0;}
.pricing .options .icon.grey {fill: #999999;}
.pricing .options .icon.left { left: 15px; }
.pricing .options .icon.right { right: 15px; }
.pricing .icon { display: inline-block; }
.pricing .icon--checked { height: 20px; width: 20px; }
.pricing .icon-checkmark { color: #00829a; font-size: 24px; }
.pricing .icon--questionmark {
    color: #00829a;
    position: absolute;
    vertical-align: middle;
    top: 50%;
    margin-top: -10px;
    right: 15px;
    background: rgba(0,130,154,0.125);
    border-radius: 100px;
    width: 16px;
    height: 16px;
    color: #00829a;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 17px;
    font-size: 11px; }

.publishHelp{ text-align: center; padding: 40px 0; }

.button1.jobcloud, .button0.jobcloud { padding: 0; border: none; background: none;border-radius: 4px; box-sizing: border-box; font-size: 15px; line-height: normal; padding: 13px 30px 14px 30px; transition: background-color 0.3s ease-in-out 0s;}


.button1.jobcloud{ background-color: #93559d; color: #fff; }
.button1.jobcloud:hover { background-color: #6c3e73; }

.button0.jobcloud{ background-color: #dedede; color: #707372; padding: 13px 30px 14px 30px}
.button0.jobcloud:hover { background-color: #cccccc; }

.teaser__summary-title + .button1.jobcloud { margin-top: 20px; }

/*//////////////////////////////SITEMAP*/
.sitemap { position: relative; }
.sitemap .element h2 { position: relative; width: 10.5%; margin: 0em !important; padding: 1em 0em 1em 0em !important; float: left; font-size: 100% !important; font-weight: bold !important; }
.sitemap .element ul { position: relative; margin: 0em; padding: 0em; list-style-type: none; }
.sitemap .element li { position: relative; width: 12.5%; margin: 0em !important; padding: 1em 0em 1em 0em !important; float: left; }
.sitemap .element hr { position: relative; clear: both !important; }

/*//////////////////////////////HOLDING*/
#holding { position: relative; }

/*//////////HEADER*/
#holding #header { position: relative; z-index: 40; padding: 25px 0em 29px 0em; background-color: #004099; height: auto; color: #FFF !important; }
#holding #header .memNavigation #languageDropdown { right: 4px; left: inherit; }
/*TITLE*/
#holding #header .title { width: 50%; float: left; margin: 0em; padding: 0em; }
#holding #header .title p { margin: 0em; padding: 0em; font-size: 27px; color: #FFFFFF; }
/*HEADER-NAVI*/
#holding #header .headerNavi { position: relative; z-index: 2; width: 40%; margin-top: 0; overflow: hidden; float: right; text-align: right; }
#holding #header .headerNavi, #header .headerNavi a { color: #FFFFFF; }
/*//////////////////////////////SPECIALS*/
#holding h1 { font-weight: normal; font-size: 200%; padding: 0em; margin: 0em 0em 0.5em 0em; color: #555562; }
#holding h2 { font-weight: normal; font-size: 150%; padding: 0em; margin: 1em 0em 0.1em 0em; color: #9292a0; }
#holding .contentNavi li { line-height: 1.5em; }
#holding .teamBox { margin: 0em 8em 4em 0em; }
#holding .teamBox img { border-radius: 3px 3px 0 0; }
#holding .teamBox span { padding: 0.8em 0em 0em 0em; }
#holding .teamBox.hoverEffect:hover { background-color: #fff !important; }

/*//////////////////////////////ADMIN*/
#admin { position: relative; }
/*//////////HEADER*/
#admin #header { position: relative; z-index: 40; height: 70px; line-height: 70px; padding: 0em; background: url(../img/bg/bgHead.png) repeat-x center; }
/*TITLE*/
#admin #header .title { width: 50%; float: left; margin: 0em; padding: 0em; }
#admin #header .title p { margin: 0em; padding: 0em; font-size: 230%; color: #FFFFFF; }
/*LOGO*/
#admin #header .logo { width: 50%; height: auto; float: right; text-align: right; }
#admin #header .logo p { float: right; margin: 10px 0em 0em 1em; padding: 0em; vertical-align: middle; }
#admin #header .logo img { display: inline; float: none; }
/*IE-FIX*/
*+html #admin #header .logo .adminlogo-topjobs { margin-top: -16px; }
*+html #admin #header .logo .adminlogo-jobs { margin-top: -2px; }
/*//////////NAVIGATION*/
#admin #navigation { display: none; }
#admin #navigationBox a { font-weight: 400; }
/*//////////TOP-TEASER*/
#admin #topTeaser { display: none; }
#admin #topTeaser.landing.berater { display: block; }
#topTeaser.dashboard {
    padding-top: 30px;
    padding-bottom: 1px;
}
#topTeaser.dashboard h2 {
    margin-top: 0px;
}

#topTeaser.dashboard hr {
    margin-top: 25px;
}

#topTeaser.dashboard .container {
}

#topTeaser.dashboard .container .bspacer {
    padding-left: 25px;
}

#topTeaser.dashboard .bspacer {
    border-style: dotted !important;
}
/*//////////HORIZONTAL-NAVI*/
#admin .horizontalNavi ul li.regButton a { width: auto !important; padding: 0em 1em; }

/*//////////RESULT-OPTIONS ADMIN*/
#admin .searchResultListe.single .result h3.inserat-id { color: #4c4c4c !important; }

#admin .searchResultListe .result { width: 100%; }
#admin .searchResultListe .result h3, #admin .searchResultListe .result p.medium { font-size: 130% !important; }
#admin .searchResultListe .result h3 a { width: 80% !important; background: url(../img/icon/iconAction.png) left 0.1em no-repeat; }
#admin .searchResultListe .result .options { margin-top: 0em !important; }
#admin .searchResultListe .result .settings { margin-top: -1.95em !important; text-align: left !important; }
#admin .searchResultListe .result h3 .over { display: inline !important; visibility: hidden !important; }
#admin .searchResultListe .result:hover h3 .over { display: inline !important; visibility: visible !important; }
#admin .searchResultListe .result .settings .over { display: block !important; visibility: hidden !important; }
#admin .searchResultListe .result:hover .settings .over { display: block !important; visibility: visible !important; }
#admin .searchResultListe .result.organisationV1 h3 a { display: block; width: 61.5%; padding-left: 3.5%; background: url(../img/icon/iconCompanyV1.png) left 0em no-repeat; }
#admin .searchResultListe .result.organisation h3 a { display: block; width: 61.5%; padding-left: 3.5%; background: url(../img/icon/iconCompany.png) left 0em no-repeat; }

#admin div#fancy_div { background: transparent; }

/*IE-FIX*/
*html #admin .searchResultListe .result:hover h3 .over { display: inline !important; visibility: visible !important; }
*html #admin .searchResultListe .result .settings .over { display: block !important; visibility: visible !important; }



/*///////// ADMIN SEARCH RESULT*/
#admin .searchResultListe .result h3, .searchResultListe .result p { margin: 0em !important; padding-top: 3px; padding-bottom: 3px; line-height: 1.1em !important; }
#admin .searchResultListe .result h3 a { display: block; width: 61.5%; padding-left: 3.5%; }
#admin .searchResultListe .result h3 a:visited { color: #00859B; }
#admin .searchResultListe.companies .result h3 a { display: block; width: 55%; padding-left: 3.5%; }
#admin .searchResultListe .result h3.toplisting a { display: block; width: 61.5%; padding-left: 3.5%; background: url(../img/icon/iconAction.png) left 0.1em no-repeat; }
#admin .searchResultListe .result .icon-jobs-ch {padding-top: 10px!important;}
#admin .searchResultListe .result h3.inserat-id {min-width: initial!important;}
#admin .searchResultListe .result { padding-right: 0!important;}
#admin .searchResultListe .result h3 { color: #000000 !important; font-weight: 600 !important; font-size: 18px; }
#admin .searchResultListe .result h3 .plus { padding: 0.1em 0.25em; color: #FFFFFF; background-color: #bfbfc0; font-size: 11px !important; font-weight: bold; }
#admin .searchResultListe .maininfo,
#admin .searchResultListe .options { margin-right: 15px !important; margin-bottom: 1.5em !important; padding: 0; float: left; }
#admin .searchResultListe .settings { margin-bottom: 0.5em !important; padding: 0em 0em 0em 0em; float: left; }
#admin .searchResultListe .maininfo { width: 540px; text-align: left; margin-right: 15px!important; margin-bottom: 0!important;}
#admin .searchResultListe.companies .maininfo { width: 50%; text-align: left; }
#admin .searchResultListe .toplisting .maininfo { width: 540px; text-align: left; }
#admin .searchResultListe .options { width: 15%; margin-top: -1.85em; text-align: left; }
#admin .searchResultListe.companies .options { width: 20%; padding-right: 2%; }
#admin .searchResultListe .settings { width: 14%; margin-top: -1.85em; text-align: center; padding-top: 2px; }
#admin .searchResultListe.companies .settings { width: 17%; margin-top: -1.85em; text-align: center; padding-top: 2px; }
#admin .searchResultListe .result .maininfo .teaser { /*--*/ }
#admin .searchResultListe .result .maininfo .addinfo { /*--*/ }
#admin .searchResultListe .result .maininfo .category { font-size: 90%; }
#admin .searchResultListe .result .maininfo .video { padding: 0.7em 0em 0.7em 35px !important; background: url(../img/icon/iconPlay.png) left center no-repeat; }
#admin .searchResultListe .result .options .location { /*--*/ }
#admin .searchResultListe .result .options .position { font-size: 90%; }
#admin .searchResultListe .result .settings .profile { padding-top: 15px; padding-bottom: 15px; }
#admin .searchResultListe .result .settings .profile .statusBar { margin-bottom: 4px; }
#admin .searchResultListe .result .settings .profile .label { font-size: 90%; color: #9292a0; }
#admin .searchResultListe .result .settings .attention { display: block; height: 20px; font-size: 90%; }
#admin .searchResultListe .result .settings .favorite { margin-top: 0.2em !important; margin-bottom: 0.1em !important; padding: 0.25em 0em !important; }
#admin .searchResultListe .result .settings .checkbox { font-size: 90%; }

#admin .searchResultListe + hr {
    border-top: 1px solid rgba(0, 64, 153, .15);
    height: 0;
    margin-top: 0;
    margin-bottom: 20px;
}


#admin .searchResultListe .result .addinfo .location {
    float: right;
    font-weight: bold;
    color: #000000;
}

#admin .searchResultListe .result .addinfo a:visited {
    color: #7f9fcc;
}

#admin .searchResultListe .filter-wrap {
    padding: 30px;
}

/*//////////HOVER-EFFECT*/
#admin .searchResultListe .result { border-top: 1px solid #BFBFC0; padding-top: 12px; padding-bottom: 12px; }
#admin .searchResultListe .result:hover { border-top: 2px solid #004099; padding-top: 11px; background-color: transparent;}
#admin .searchResultListe.single .result { width: 670px !important; margin-top: 45px; border: 1px solid #cccccc; padding-top: 15px !important; padding-bottom: 8px; padding-left: 25px !important; padding-right: 15px !important; background-color: #f1f1f1; border-bottom: 0px; }
#admin .searchResultListe.single .result:hover { border: 1px solid #cccccc !important; padding-top: 15px !important; padding-bottom: 8px; border-bottom: 0px !important; }

#admin .searchResultListe .result p, .searchResultListe li.result, .searchResultListe li.result a { color: #9FA0A1; }
#admin .searchResultListe.single .result p, .searchResultListe.single li.result, .searchResultListe.single li.result a { color: #4c4c4c; }
#admin .searchResultListe .result:hover p, .searchResultListe li.result:hover { color: #000000; } .searchResultListe li.result:hover a { color: #004099; }
#admin .searchResultListe .result:hover .settings .attention { color: #C42695; font-size: 95%; }

#admin .searchResultListe.single .duration { padding: 4px 0 0 15px; }
#admin .searchResultListe.single .counterBadge { background-color: #4c4c4c !important; border-color: #4c4c4c !important; }

#admin .searchResultListe.single .result h3.inserat-id { color: #4c4c4c !important; }





#admin .searchResultListe.single .duration { padding: 4px 0 0 15px; }
#admin .searchResultListe.single .counterBadge { background-color: #4c4c4c !important; border-color: #4c4c4c !important; }

#admin .searchResultListe.single .result h3.inserat-id { color: #4c4c4c !important; }




/*//////////SPECIAL*/
#admin .searchResultListe .result.toplisting { padding-top: 10px !important; padding-bottom: 5px !important; padding-left:18px; }
#admin .searchResultListe .result.toplisting .label { position: absolute; z-index: 10; top: 1px; right: 0px; padding: 0.1em 0.3em 0.2em 0.5em; font-size: 80%; background-color: #9DE519; border-radius: 0px 0px 0px 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
#admin .searchResultListe .result.toplisting p { color: #000000 !important; }
#admin .searchResultListe .result.toplisting:hover { border-top-width: 1px; background-color: #f5ffe1; }
#admin .searchResultListe .result.leader h3 a { background-image: url(../img/icon/iconAction.png) left 0.1em no-repeat; }

#admin .searchResultListe .result.highlightRow { background-color:#FEFFDF; }

#admin .searchResultListe .statusInfo { background-color:#EBFAD3; padding:5px 5px; margin-top:3px; display:inline-block; border-radius:3px 3px 0px 0px; width: 99.4%;}

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

/*//////////IE-FIX*/
*html #admin .searchResultListe .result { width: 100%; }
*html #admin .searchResultListe .result p, *html .searchResultListe li.result, *html .searchResultListe li.result a  { color: #000000; }
*html #admin .searchResultListe .maininfo { width: 62%; }
*html #admin .searchResultListe .options { maring-right: -2%; margin-left: -2%; }
/*//////////////////////////////*/




/*//////////RESULT-OPTIONS*/
#admin .searchResultListe .result { width: 100%; }
#admin .searchResultListe .result h3, #admin .searchResultListe .result p.medium { font-size: 130% !important; }
#admin .searchResultListe .result h3 a { width: 80% !important; padding-left: 3.5%; background: url(../img/icon/iconAction.png) left 0.1em no-repeat; }
#admin .searchResultListe .result .options { margin-top: 0em !important; }
#admin .searchResultListe .result .settings { margin-top: -1.95em !important; text-align: left !important; }
#admin .searchResultListe .result h3 .over { display: inline !important; visibility: hidden !important; }
#admin .searchResultListe .result:hover h3 .over { display: inline !important; visibility: visible !important; }
#admin .searchResultListe .result .settings .over { display: block !important; visibility: hidden !important; }
#admin .searchResultListe .result:hover .settings .over { display: block !important; visibility: visible !important; }

#admin .searchResultListe .result.organisationV1 h3 a { display: block; width: 61.5%; padding-left: 3.5%; background: url(../img/icon/iconCompanyV1.png) left 0em no-repeat; }
#admin .searchResultListe .result.organisation h3 a { display: block; width: 61.5%; padding-left: 3.5%; background: url(../img/icon/iconCompany.png) left 0em no-repeat; }



/*IE-FIX*/
*html #admin .searchResultListe .result:hover h3 .over { display: inline !important; visibility: visible !important; }
*html #admin .searchResultListe .result .settings .over { display: block !important; visibility: visible !important; }
/*//////////*/




/*//////////PUBLICATION-STATUS*/
.statusGreen, .statusRed, .statusOrange, .statusGray { padding-left: 15px; background: no-repeat 3px center; }
.statusGreen { background-image: url(../img/icon/iconStatusGreen.png); }
.statusRed { background-image: url(../img/icon/iconStatusRed.png); }
.statusOrange { background-image: url(../img/icon/iconStatusOrange.png); }
.statusGray { background-image: url(../img/icon/iconStatusGray.png); }

.franchiseInfo {
    padding:5px 5px 5px 5px;
    border: 1px solid #FFCC00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* SHARED-STYLES */

/*//////////////////////////////ICONS*/
@font-face {
    font-family: 'jobsicons';
    src:url('../fonts/jobsicons.eot?');
    src:url('../fonts/jobsicons.eot?#iefix') format('embedded-opentype'),
        url('../fonts/jobsicons.woff2?') format('woff2'),
        url('../fonts/jobsicons.woff?') format('woff'),
        url('../fonts/jobsicons.ttf?') format('truetype'),
        url('../fonts/jobsicons.svg?#jobsicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-alone {
  display: inline-block;
  cursor: pointer;
}

.icon-lg {
    font-size: 16px;
}

.icon-alone:hover {
    text-decoration: none;
    opacity: 0.8;
}

.icon-alone:active, .icon-alone:focus { text-decoration: none; }

.icon-jobs { color: #004099; }

[class^="icon-"], [class*=" icon-"] {
    font-family: 'jobsicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-desktop:before {
    content: "\e605";
}

.icon-file-cv:before {
    content: "\e606";
}

.icon-handshake:before {
    content: "\e604";
}

.icon-360:before {
    content: "\e603";
}

.icon-iconaction:before {
    content: "\e602";
}

.icon-jobs-ch:before {
    content: "\e601";
}

.icon-jobs:before {
    content: "\e600";
}

.icon-envelop2:before {
    content: "\ea31";
}

.icon-guitar:before {
    content: "\e954";
}

.icon-pen4:before {
    content: "\e921";
}

.icon-price-tag2:before {
    content: "\e9ee";
}

.icon-user-tie:before {
    content: "\eb0a";
}

.icon-factory:before {
    content: "\eb64";
}

.icon-pencil3:before {
    content: "\e910";
}

.icon-home:before {
    content: "\e904";
}

.icon-office:before {
    content: "\e909";
}

.icon-pencil:before {
    content: "\e912";
}

.icon-image:before {
    content: "\e93c";
}

.icon-play:before {
    content: "\e957";
}

.icon-film:before {
    content: "\e961";
}

.icon-library:before {
    content: "\e999";
}

.icon-education:before {
    content: "\e99a";
}

.icon-file:before {
    content: "\e99d";
}

.icon-file-plus:before {
    content: "\e9a1";
}

.icon-file-minus:before {
    content: "\e9a3";
}

.icon-file-download:before {
    content: "\e9a5";
}

.icon-file-2:before {
    content: "\e9ad";
}

.icon-stack:before {
    content: "\e9cf";
}

.icon-coins:before {
    content: "\ea0a";
}

.icon-phone:before {
    content: "\ea1d";
}

.icon-envelop:before {
    content: "\ea30";
}

.icon-location:before {
    content: "\ea3a";
}

.icon-direction:before {
    content: "\ea4a";
}

.icon-history:before {
    content: "\ea4c";
}

.icon-calendar:before {
    content: "\ea63";
}

.icon-print:before {
    content: "\ea66";
}

.icon-mobile:before {
    content: "\ea75";
}

.icon-drawer2:before {
    content: "\ea7d";
}

.icon-download:before {
    content: "\ea84";
}

.icon-upload-2:before {
    content: "\ea85";
}

.icon-bubble:before {
    content: "\eac1";
}

.icon-bubbles:before {
    content: "\eac2";
}

.icon-user:before {
    content: "\eaf4";
}

.icon-users:before {
    content: "\eaf5";
}

.icon-user-plus:before {
    content: "\eaf6";
}

.icon-user-minus:before {
    content: "\eaf7";
}

.icon-user-cancel:before {
    content: "\eaf8";
}

.icon-search:before {
    content: "\eb33";
}

.icon-lock:before {
    content: "\eb52";
}

.icon-unlocked:before {
    content: "\eb53";
}

.icon-wrench:before {
    content: "\eb55";
}

.icon-settings:before {
    content: "\eb58";
}

.icon-cog:before {
    content: "\eb5e";
}

.icon-wand:before {
    content: "\eb6a";
}

.icon-chart:before {
    content: "\eb8c";
}

.icon-cup:before {
    content: "\ebc6";
}

.icon-steps:before {
    content: "\ebd6";
}

.icon-rocket:before {
    content: "\ebda";
}

.icon-meter-fast:before {
    content: "\ebdf";
}

.icon-balance:before {
    content: "\ebe2";
}

.icon-lamp:before {
    content: "\ebf6";
}

.icon-remove:before {
    content: "\ebfa";
}

.icon-case:before {
    content: "\ebff";
}

.icon-paper-plane:before {
    content: "\ec06";
}

.icon-sun-glasses:before {
    content: "\ec23";
}

.icon-brain:before {
    content: "\ec24";
}

.icon-target:before {
    content: "\ec28";
}

.icon-list:before {
    content: "\ec56";
}

.icon-grid:before {
    content: "\ec5c";
}

.icon-cloud:before {
    content: "\ec76";
}

.icon-cloud-download:before {
    content: "\ec77";
}

.icon-cloud-upload:before {
    content: "\ec78";
}

.icon-download-2:before {
    content: "\ec80";
}

.icon-upload-3:before {
    content: "\ec81";
}

.icon-link:before {
    content: "\ec96";
}

.icon-paperclip:before {
    content: "\eca9";
}

.icon-eye:before {
    content: "\ecab";
}

.icon-eye-blocked:before {
    content: "\ecae";
}

.icon-star:before {
    content: "\ecdd";
}

.icon-star-2:before {
    content: "\ecdf";
}

.icon-thumbs-up:before {
    content: "\ecf2";
}

.icon-man:before {
    content: "\ecf8";
}

.icon-woman:before {
    content: "\ecf9";
}

.icon-smiley:before {
    content: "\ed01";
}

.icon-sad:before {
    content: "\ed05";
}

.icon-wink:before {
    content: "\ed07";
}

.icon-shocked:before {
    content: "\ed11";
}

.icon-hand:before {
    content: "\ed36";
}

.icon-warning-2:before {
    content: "\ed4c";
}

.icon-warning:before {
    content: "\ed4d";
}

.icon-question:before {
    content: "\ed50";
}

.icon-question-2:before {
    content: "\ed51";
}

.icon-plus-circle:before {
    content: "\ed5c";
}

.icon-minus-circle:before {
    content: "\ed5d";
}

.icon-plus-circle-2:before {
    content: "\ed5e";
}

.icon-minus-circle-2:before {
    content: "\ed5f";
}

.icon-info-2:before {
    content: "\ed60";
}

.icon-info:before {
    content: "\ed61";
}

.icon-close-2:before {
    content: "\ed62";
}

.icon-close:before {
    content: "\ed63";
}

.icon-ban-circle:before {
    content: "\ed64";
}

.icon-spam:before {
    content: "\ed68";
}

.icon-close-3:before {
    content: "\ed69";
}

.icon-checkmark:before {
    content: "\ed6c";
}

.icon-checkmark-2:before {
    content: "\ed6d";
}

.icon-enter:before {
    content: "\ed77";
}

.icon-exit:before {
    content: "\ed78";
}

.icon-play-2:before {
    content: "\ed7b";
}

.icon-backward:before {
    content: "\ed80";
}

.icon-forward:before {
    content: "\ed81";
}

.icon-arrow-up:before {
    content: "\edc4";
}

.icon-arrow-down:before {
    content: "\edc6";
}

.icon-arrow-right:before {
    content: "\ee29";
}

.icon-arrow-left:before {
    content: "\ee2b";
}

.icon-arrow-up-2:before {
    content: "\ee2c";
}

.icon-arrow-right-2:before {
    content: "\ee2d";
}

.icon-arrow-down-3:before {
    content: "\ee2e";
}

.icon-arrow-left-2:before {
    content: "\ee2f";
}

.icon-arrow-down-2:before {
    content: "\ee36";
}

.icon-checkbox:before {
    content: "\ee63";
}

.icon-checkbox-unchecked:before {
    content: "\ee64";
}

.icon-crop:before {
    content: "\ee79";
}

.icon-filter:before {
    content: "\ee88";
}

.icon-share-2:before {
    content: "\eec5";
}

.icon-new-tab:before {
    content: "\eec7";
}

.icon-share:before {
    content: "\eedd";
}

.icon-google-plus:before {
    content: "\eee5";
}

.icon-facebook:before {
    content: "\eee9";
}

.icon-twitter:before {
    content: "\eeed";
}

.icon-twitter-2:before {
    content: "\eeee";
}

.icon-feed-2:before {
    content: "\eef0";
}

.icon-feed:before {
    content: "\eef1";
}

.icon-youtube:before {
    content: "\eef5";
}

.icon-flickr:before {
    content: "\eefd";
}

.icon-github:before {
    content: "\ef10";
}

.icon-skype:before {
    content: "\ef22";
}

.icon-linkedin:before {
    content: "\ef24";
}

.icon-xing:before {
    content: "\ef2e";
}

.icon-file-pdf:before {
    content: "\ef36";
}

.icon-chrome:before {
    content: "\ef41";
}

.icon-firefox:before {
    content: "\ef42";
}

.icon-IE:before {
    content: "\ef43";
}

.icon-opera:before {
    content: "\ef44";
}

.iconAction,
.iconJobsCH,
.iconJob3,
.iconArrowDown,
.headerSortDown,
.iconArrowUp,
.headerSortUp,
.iconArrowNextstep,
.iconAttention,
.iconBack,
.iconBox1,
.iconBox2,
.iconBox3,
.iconBox4,
.iconBox5,
.iconBox6,
.iconCheckBIG,
.iconFailedBIG,
.iconCheckSMALL,
.iconClose,
.iconCloseNegative,
.iconCompany,
.iconDelete,
.iconDoc,
.iconDocLIGHT,
.iconDownload,
.iconEdit,
.iconEmail,
.iconEmailNegative,
.iconFacebook,
.iconFacebookShare,
.iconFeedNegative,
.iconYoutube,
.iconTwitter,
.iconLinkedin,
.iconFlickr,
.iconFailedSMALL,
.iconFavBIG,
.iconFavSMALL,
.iconFavSMALLNegative,
.iconFavSMALLStatic,
.iconInfo,
.iconKununu,
.iconLoading,
.iconLoadingBIG,
.iconLoadingBIGNegative,
.iconLoadingSMALL,
.iconLoadingButton,
.iconLoadingSMALLNegative,
.iconLock,
.iconLocked,
.iconUnlocked,
.iconMailBIG,
.iconMailSMALL,
.iconMinus,
.iconMinusLIGHT,
.iconNewWin,
.iconNote,
.iconOrganisation,
.iconPhone,
.iconPlay,
.iconPlus,
.iconPlusLIGHT,
.iconPlusNegative,
.iconPlusCircle,
.iconPlusCircleMagenta,
.iconForwardCircle,
.iconPrint,
.iconPrintNegative,
.iconProduct,
.iconProfileBIG,
.iconProfileSMALL,
.iconSortAsc,
.iconSortDesc,
.iconSkype,
.iconTalentBIG,
.iconTalentSMALL,
.iconUser,
.iconVideo,
.iconXing,
.iconBullet,
.iconFlag,
.iconZoom { padding-left: 18px !important; background-position: left center; background-repeat: no-repeat; }
/*IMG-SOURCES*/
.iconAction { background-image: url(../img/icon/iconAction.png); padding-left: 20px !important; padding-top: 1px; }
.iconJobsCH { background-image: url(../img/icon/iconJobsCH.png); padding-left: 20px !important; padding-top: 1px; }
.iconJob3 { background-image: url(../img/icon/iconJob3.png); background-position: left top; padding-top: 1px; padding-bottom: 1px; }
.iconArrowDown { background-image: url(../img/icon/iconArrowDown.png); }
.iconArrowUp { background-image: url(../img/icon/iconArrowUp.png); }
.iconArrowNextstep { background-image: url(../img/icon/iconArrowNextstep.png); background-position: right center; padding-left: 0px !important; padding-right: 38px !important; }
.iconAttention { background-image: url(../img/icon/iconAttention.png); font-weight: bold; padding-left: 20px !important; }
.iconBack { background-image: url(../img/icon/iconBack.png); padding-left: 30px !important; } .iconBack:hover { background-image: url(../img/icon/iconBack_over.png); }
.iconBox1 { background-image: url(../img/icon/iconBox1.png); background-position: left top; min-height: 30px; padding: 7px 0px 0px 30px !important; } h1.iconBox1 { padding-top: 0px !important; }
.iconBox2 { background-image: url(../img/icon/iconBox2.png); background-position: left top; min-height: 30px; padding: 7px 0px 0px 30px !important; } h1.iconBox2 { padding-top: 0px !important; }
.iconBox3 { background-image: url(../img/icon/iconBox3.png); background-position: left top; min-height: 30px; padding: 7px 0px 0px 30px !important; } h1.iconBox3 { padding-top: 0px !important; }
.iconBox4 { background-image: url(../img/icon/iconBox4.png); background-position: left top; min-height: 30px; padding: 7px 0px 0px 30px !important; } h1.iconBox4 { padding-top: 0px !important; }
.iconBox5 { background-image: url(../img/icon/iconBox5.png); background-position: left top; min-height: 30px; padding: 7px 0px 0px 30px !important; } h1.iconBox5 { padding-top: 0px !important; }
.iconBox6 { background-image: url(../img/icon/iconBox6.png); background-position: left top; min-height: 30px; padding: 7px 0px 0px 30px !important; } h1.iconBox6 { padding-top: 0px !important; }
.iconCheckBIG { background-image: url(../img/icon/iconCheckBIG.png); padding-left: 25px !important; background-position: left 0.65em; } .big.iconCheckBIG { background-position: left 1em; } div.iconCheckBIG { background-position: left 0.2em; }
.iconCheckSMALL { background-image: url(../img/icon/iconCheckSMALL.png); background-position: left 0.8em; } .big.iconCheckSMALL { background-position: left 1em; } div.iconCheckSMALL { background-position: left 0.2em; }
.iconCertificate { background-image: url(../img/icon/iconCertificate.png); padding: 0 12px !important; background-size: 100%; margin-right: 4px; background-repeat: no-repeat; }
.iconClose { background-image: url(../img/icon/iconClose.gif); padding: 7px !important; line-height: 15px; font-size: 1px !important; color: #FFFFFF !important; text-decoration: none !important; vertical-align: middle; background-position: center; } *html .iconClose, *+html .iconClose { padding: 7px 0px !important; letter-spacing: 7px; }
.iconCloseNegative { background-image: url(../../SCRIPTS/jquery/widgets/jquery.fancybox.img/fancy_closebox.png); background-position: left 3px; padding: 5px  0px 5px 30px !important; color: #FFFFFF !important; text-decoration: none !important; }
.iconCompany { background-image: url(../img/icon/iconCompany.png); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconDelete { background-image: url(../img/icon/iconDelete.png); padding-left: 15px !important; background-position: left top; } .iconDelete:hover { background-image: url(../img/icon/iconDelete_over.png); }
.iconDoc { background-image: url(../img/icon/iconDoc.png); padding-left: 22px !important; background-position: left 0.2em; }
.iconDocLIGHT { background-image: url(../img/icon/iconDocLIGHT.png); padding-left: 19px !important; background-position: left 0.5em; }
.iconEdit { background-image: url(../img/icon/iconEdit.png); padding-left: 15px !important; background-position: left top; } .iconEdit:hover { background-image: url(../img/icon/iconEdit_over.png); }
.iconEmail { background-image: url(../img/icon/iconEmail.png); padding-left: 16px !important; background-position: left; }
.iconEmailNegative { background-image: url(../img/icon/iconEmailNEGATIVE.png); padding-left: 21px !important; background-position: left; color:#ffffff; } .iconEmailNegative:hover { color: #ffffff; }
.iconFacebook { background-image: url(../img/icon/iconFacebook.png); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconFacebookShare { background-image: url(../img/icon/iconFacebookShare.png); padding: 10px 30px !important; line-height: 20px; font-size: 1px; color: #FFFFFF !important; text-decoration: none !important; vertical-align: middle; background-position: center; } *html .iconFacebookShare, *+html .iconFacebookShare { padding: 10px 0px !important; letter-spacing: 30px; }
.iconFeedNegative { background-image: url(../img/icon/iconFeedNEGATIVE.png); padding-left: 15px !important; background-position: left; color:#ffffff; } .iconFeedNegative:hover { color: #ffffff; }
.iconYoutube { background-image: url(../img/icon/iconYoutube.gif); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconTwitter { background-image: url(../img/icon/iconTwitter.png); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconLinkedin { background-image: url(../img/icon/iconLinkedin.png); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconFlickr { background-image: url(../img/icon/iconFlickr.gif); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconFailedSMALL { background-image: url(../img/icon/iconFailedSMALL.png); padding-left: 25px !important; }
.iconFailedBIG { background-image: url(../img/icon/iconFailedBIG.png); padding-left: 25px !important; background-position: left 0.65em; } .big.iconCheckBIG { background-position: left 1em; } div.iconCheckBIG { background-position: left 0.2em; }
.iconCvEducation { background-image: url(../img/icon/iconCvEducation.png); width: 50px; padding-top: 20px !important; background-position: 0 0.5em; background-repeat: no-repeat; }
.iconCvAge { background-image: url(../img/icon/iconCvAge.png); width: 50px; padding-top: 20px !important; background-position: 0 -0.1em; background-repeat: no-repeat; }
.iconCvLanguage { background-image: url(../img/icon/iconCvLanguage.png); width: 50px; padding-top: 20px !important; background-position: 0em 0.5em; background-repeat: no-repeat; }
.iconCvExperience { background-image: url(../img/icon/iconCvExperience.png); width: 50px; padding-top: 20px !important; background-position: 0.25em 0.5em; background-repeat: no-repeat; }
.iconFavBIG { background-image: url(../img/icon/iconFavBIG.png); min-height: 45px; padding-left: 52px !important; background-position: left top; }
.iconFavSMALL { background-image: url(../img/icon/iconFavSMALL.png); padding: 1em  0em 1em 25px !important; } .iconFavSMALL:hover { background-image: url(../img/icon/iconFavSMALL_over.png); } .active.iconFavSMALL { background-image: url(../img/icon/iconFavSMALL_active.png); }
.iconFavSMALLNegative { background-image: url(../img/icon/iconFavSMALLNegative.png); padding: 1em  0em 1em 25px !important; text-decoration: none !important; color: #FFFFFF !important; } .active.iconFavSMALLNegative { background-image: url(../img/icon/iconFavSMALLNegative_active.png); }
.iconFavSMALLStatic { background-image: url(../img/icon/iconFavSMALL_static.png); padding-left: 32px !important; background-position: 1% 45%; }
.iconInfo { background-image: url(../img/icon/iconInfo.png); padding: 10px !important; line-height: 20px; font-size: 1px; color: #FFFFFF !important; text-decoration: none !important; vertical-align: middle; background-position: center; } *html .iconInfo, *+html .iconInfo { padding: 10px 0px !important; letter-spacing: 10px; }
.iconKununu { background-image: url(../img/icon/iconKununu.gif); padding-left: 25px !important; background-position: left top; }
.iconSpinner { background-image: url(../img/icon/iconLoadingSMALL.gif); background-position: left; background-repeat: no-repeat; padding-left: 22px; }
.iconLoading { background-image: url(../img/icon/iconLoadingBIG.gif); display: block; width: 30px; height: 30px; padding: 0px !important; vertical-align: middle; background-position: center; } .iconLoadingBIG i { display: none; }
.iconLoadingBIGNegative { background-image: url(../img/icon/iconLoadingBIGNegative.gif); display: block; width: 30px; height: 30px; padding: 0px !important; vertical-align: middle; background-position: center; } .iconLoadingBIGNegative i { display: none; }
.iconLoading { background-image: url(../img/icon/iconLoadingSMALL.gif); padding-left: 20px !important; padding-top: 1px; padding-bottom: 1px; }
.iconLoadingSMALL { background-image: url(../img/icon/iconLoadingSMALL.gif); display: block; width: 16px; height: 16px; padding: 0px !important; vertical-align: middle; background-position: center; } .iconLoadingSMALL i { display: none; }
.iconLoadingButton { background-image: url(../img/icon/iconLoadingButton.gif); display: block; width: 16px; height: 16px; padding: 2px 12px !important; vertical-align: middle; background-position: center; } .iconLoadingSMALL i { display: none; }
.iconLoadingSMALLNegative { background-image: url(../img/icon/iconLoadingSMALLNegative.gif); display: block; width: 16px; height: 16px; padding: 0px !important; vertical-align: middle; background-position: center; } .iconLoadingSMALLNegative i { display: none; }
.iconLock { background-image: url(../img/icon/iconLock.png); padding-left: 25px !important; background-position: left 0.5em; }
.iconUnlocked { background-image: url(../img/icon/iconUnlocked.gif); padding-left: 0px !important; padding-right: 15px !important; margin-right: 15px !important; text-decoration: none; background-position: right top; color: #000000; }
.iconUnlocked:hover { background-image: url(../img/icon/iconUnlocked_over.gif); text-decoration: none; }
.iconLocked { background-image: url(../img/icon/iconLocked.gif); padding-left: 0px !important; padding-right: 15px !important; margin-right: 15px !important; text-decoration: none; background-position: right top; color: #999999; }
.iconLocked:hover { background-image: url(../img/icon/iconLocked_over.gif); text-decoration: none; }
.iconMailBIG { background-image: url(../img/icon/iconMailBIG.png); min-height: 45px; padding-left: 52px !important; background-position: left top; }
.iconMailSMALL.medium { background-image: url(../img/icon/iconMailSMALL.png); padding-left: 32px !important; background-position: left 64%; }
.iconMailSMALL { background-image: url(../img/icon/iconMailSMALL.png); padding-left: 32px !important; background-position: left 5px; }
.iconMinus { background-image: url(../img/icon/iconMinus.png); min-height: 25px; padding-left: 28px !important; }
.iconMinusLIGHT { background-image: url(../img/icon/iconMinusLIGHT.png); min-height: 25px; padding-left: 28px !important; }
.iconNewWin { background-image: url(../img/icon/iconNewWin.png); padding-left: 0px !important; padding-right: 15px !important; background-position: right top; }
.iconNote { background-image: url(../img/icon/iconNote.gif); padding-left: 16px !important; }
.iconOrganisation { background-image: url(../img/icon/iconOrganisation.gif); padding-left: 30px !important; background-position: left; }
.iconPhone { background-image: url(../img/icon/iconPhone.png); padding-left: 16px !important; background-position: left; }
.iconPlay { background-image: url(../img/icon/iconPlay.png); padding-left: 32px !important; }
.iconPlus { background-image: url(../img/icon/iconPlus.png); min-height: 25px; padding-left: 28px !important; }
.iconPlusLIGHT { background-image: url(../img/icon/iconPlusLIGHT.png); min-height: 25px; padding-left: 28px !important; }
.iconPlusNegative { background-image: url(../img/icon/iconPlusNegative.png); padding-left: 15px !important; }
.iconPlusCircle { background-image: url(../img/icon/iconPlusCircle.png); padding-left: 21px !important; padding-top: 1px; padding-bottom: 1px;}
.iconPlusCircleMagenta { background-image: url(../img/icon/iconPlusCircleMagenta.png); padding-left: 21px !important; padding-top: 1px; padding-bottom: 1px;}
.iconForwardCircle { background-image: url(../img/icon/iconForwardCircle.png); padding-left: 21px !important; padding-top: 1px; padding-bottom: 1px;}
.iconPrint { background-image: url(../img/icon/iconPrint.gif); padding-left: 25px !important; } .iconPrint:hover { background-image: url(../img/icon/iconPrint_over.gif); }
.iconPrintNegative { background-image: url(../img/icon/iconPrintNegative.gif); padding-left: 25px !important; color: #FFFFFF !important; text-decoration: none !important; } .iconPrintNegative:hover { background-image: url(../img/icon/iconPrintNegative_over.gif); }
.iconProduct { background-image: url(../img/icon/iconProduct.gif); padding-left: 30px !important; background-position: left; }
.iconProfileBIG { background-image: url(../img/icon/iconProfileBIG.png); min-height: 45px; padding-left: 52px !important; background-position: left top; }
.iconProfileSMALL { background-image: url(../img/icon/iconProfileSMALL.png); padding-left: 32px !important; background-position: left 64%; }
.iconSortAsc { background-image: url(../img/icon/iconSortAsc.png); }
.iconSortDesc { background-image: url(../img/icon/iconSortDesc.png); }
.iconSkype { background-image: url(../img/icon/iconSkype.png); padding-left: 18px !important; background-position: left; }
.iconTalentBIG { background-image: url(../img/icon/iconTalentBIG.png); min-height: 45px; padding-left: 52px !important; background-position: left top; }
.iconTalentSMALL { background-image: url(../img/icon/iconTalentSMALL.png); padding-left: 32px !important; background-position: left 64%; }
.iconUser { background-image: url(../img/icon/iconUser.gif); padding-left: 18px !important; background-position: left; }
.iconVideo { background-image: url(../img/icon/iconVideo.gif); padding-left: 26px !important; }
.iconXing { background-image: url(../img/icon/iconXing.png); padding-left: 20px !important; background-position: left; padding-top: 1px; padding-bottom: 1px; }
.iconZoom { background-image: url(../img/icon/iconZoom.png); padding-left: 30px !important; padding-top: 0.5em !important; padding-bottom: 0.5em !important; }
.iconExpand { background-image: url(../img/icon/iconExpand.gif); padding-left: 14px !important; background-position: left 2px; background-repeat: no-repeat; } .iconExpand:hover { background-image: url(../img/icon/iconExpand_over.gif); }
.iconBullet { background-image: url(../img/icon/iconBullet.gif); padding-left: 15px !important; }
.iconFlag.active { background-image: url(../img/icon/flag_active.png); }
.iconFlag.inactive { background-image: url(../img/icon/flag_inactive.png); }

.icononly { text-decoration: none !important; }

.spinner-js .spinner-label {
    margin-top: -7px;
    margin-left: 16px;
    font-weight: bold;
}
.spinner-js.import-upload {
    padding-left: 9px;
    padding-top: 28px;
}

/*LISTSTYLE*/
li.iconBullet { list-style-type: none; margin-left: -25px; margin-top:7px; background-position: left top !important; }
li.iconAction { list-style-type: none; margin-left: -20px; background-position: left top !important; }
li.iconJobsCH { list-style-type: none; margin-left: -20px; background-position: left top !important; }
li.iconActionLeader { list-style-type: none; margin-left: -20px; background-position: left top !important; }
li.iconAttention { list-style-type: none; margin-left: -18px; background-position: left top !important; }
li.iconCheckBIG { list-style-type: none; margin-left: -25px; background-position: left top !important; }
li.iconFailedBIG { list-style-type: none; margin-left: -25px; background-position: left top !important; }
li.iconCheckSMALL { list-style-type: none; margin-left: -18px; background-position: left 2px !important; }
li.iconFailedSMALL { list-style-type: none; margin-left: -20px; background-position: left -1px !important; }
li.iconMinus { list-style-type: none; margin-left: -28px; }
li.iconMinusLIGHT { list-style-type: none; margin-left: -28px; }
li.iconPlus { list-style-type: none; margin-left: -28px; }
li.iconPlusLIGHT { list-style-type: none; margin-left: -28px; }
li.iconPlusNegative { list-style-type: none; margin-left: -15px; }
/*SPECIAL*/
.iconPhotoThumbnail { min-height: 20px; overflow: hidden; }
.iconPhotoThumbnail img { width: auto; height: 20px; margin-right: 2px; margin-bottom: -3px; }
.headerSortUp a { padding-left: 9px; background-image: url(../img/icon/iconSortDesc.png); padding-left: 18px !important; background-position: left center; background-repeat: no-repeat; }
.headerSortDown a { background-image: url(../img/icon/iconSortAsc.png); padding-left: 18px !important; background-position: left center; background-repeat: no-repeat; }

/*//////////////////////////////IMAGE-EDIT*/
.imageEdit { position: relative; margin: 0.2em 0em; text-align: center; }
.imageEdit .settings { position: absolute; top: 2px; left: 4px; font-size: 90%; }
.imageEdit { padding: 9px 15px; }
.imageEdit:hover { padding: 8px 14px; border: 1px solid #E4E4E4; }
.imageEdit .settings { display: none; }
.imageEdit:hover .settings { display: block; }
.imageEdit:hover img { filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.imageEdit.itemselect img { max-width: 300px; max-height: 145px; }
.img-circle { border-radius: 5em; }

/*//////////////////////////////GRAPH-BAR*/
.graphBar1, .graphBar2, .graphBar3, .graphBar4, .graphBar5, .graphBar6 {
    display: block;
    position: relative;
    float: left;
    margin: 0.1em 0em 0.1em 0em !important;
    padding: 0.5em 0.25em !important;
    overflow: hidden;
    text-align: center;
    background: top repeat-x;
}
/*COLORS*/
.graphBar1 { color: #FFFFFF !important; background-color: #004099; }
.graphBar2 { color: #004099 !important; background-color: #9DE519; }
.graphBar3 { color: #FFFFFF !important; background-color: #0082C0; }
.graphBar4 { color: #FFFFFF !important; background-color: #C42695; }
.graphBar5 { color: #FFFFFF !important; background-color: #F07B05; }
.graphBar6 { color: #FFFFFF !important; background-color: #E23B30; }
.graphBar1.light, .graphBar2.light, .graphBar3.light, .graphBar4.light, .graphBar5.light, .graphBar6.light { min-width: 1px; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
/*ROUNDED*/
.roundLeft { border-radius: 3px 0px 0px 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.roundRight { border-radius: 0px 3px 3px 0px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; }
/*IMG*/
img.graphBar1, img.graphBar2, img.graphBar3, img.graphBar4, img.graphBar5, img.graphBar6 { width: 100%; height: 25px; margin: 0em !important; padding: 0em !important; }
/*IE-FIX*/
*html img.graphBar1, *html img.graphBar2, *html img.graphBar3, *html img.graphBar4, *html img.graphBar5, *html img.graphBar6 { width: 99%; }
*+html img.graphBar1, *+html img.graphBar2, *+html img.graphBar3, *+html img.graphBar4, *+html img.graphBar5, *+html img.graphBar6 { width: 99%; }

/*//////////GRAPH-LEGEND*/
.graphLegend { margin: 0em 0em; padding: 0em; list-style-type: none; }
.graphLegend li { margin: 0.5em 0.75em; padding: 0em 0em 0em 0.35em; border: 0px none; border-left: 1em solid; line-height: 1em; white-space: nowrap; }
.graphLegend li { border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }
/*COLORS*/
.graphLegend li.borderSPECIAL1.light { border-color: #668CC2 !important; }
.graphLegend li.borderSPECIAL2.light { border-color: #C4EF75 !important; }
.graphLegend li.borderSPECIAL3.light { border-color: #66B4D9 !important; }
.graphLegend li.borderSPECIAL4.light { border-color: #DC7DBF !important; }
.graphLegend li.borderSPECIAL5.light { border-color: #F6B069 !important; }
.graphLegend li.borderSPECIAL6.light { border-color: #EE8983 !important; }

/*//////////////////////////////DSP WEIGHT-BAR*/
.weightBar0, .weightBar1, .weightBar2, .weightBar3, .weightBar4, .weightBar5, .weightBar6, .weightBar7, .weightBar8 {
    height:15px;
    background: url(../img/bg/bgWeightBar.png) repeat top left;
    border-radius:0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
}

.weightBar0 i, .weightBar1 i, .weightBar2 i, .weightBar3 i, .weightBar4 i, .weightBar5 i, .weightBar6 i, .weightBar7 i, .weightBar8 i {
    display: none;
}

.weightLegend {
    margin: 0em 0em;
    padding: 0em;
    list-style-type: none;
}

.weightLegend li {
    margin: 0.5em 0.75em;
    padding: 0em 0em 0em 0.35em;
    border: 0px none;
    border-left: 1em solid;
    line-height: 1em;
    white-space: nowrap;
    border-radius: 3px;
}

/*COLORS*/
.weightBar0 { background-color:#808000; }
.weightBar1 { background-color:#003E9B; }
.weightBar2 { background-color:#9CE600; }
.weightBar3 { background-color:#F37C00; }
.weightBar4 { background-color:#0081C2; }
.weightBar5 { background-color:#84518D; }
.weightBar6 { background-color:#8F9291; }
.weightBar7 { background-color:#965200; }
.weightBar8 { background-color:#00B7AB; }

.weightBar0Border { border-color:#808000 !important; }
.weightBar1Border { border-color:#003E9B !important; }
.weightBar2Border { border-color:#9CE600 !important; }
.weightBar3Border { border-color:#F37C00 !important; }
.weightBar4Border { border-color:#0081C2 !important; }
.weightBar5Border { border-color:#84518D !important; }
.weightBar6Border { border-color:#8F9291 !important; }
.weightBar7Border { border-color:#965200 !important; }
.weightBar8Border { border-color:#00B7AB !important; }

/*//////////////////////////////STATUS-BAR*/
.statusBar {
    position: relative;
    display: block;
    width: 76px;
    height: 13px;
    margin: 0px auto;
    text-decoration: none !important;
    text-align: left;
    cursor: pointer;
    border: 1px solid;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.statusBar span { display: block; height: 13px; }
.statusBar span { background-color: #004099; }
.statusBar.inactive span { background-color: #666666; }
.statusBar.inactive:hover span { background-color: #C42695; }
.statusBar { border-color: #004099;}
.statusBar:hover { border-color: #004099; background-color: #c42695!important;}
.statusBar.opacity-0   {opacity:  .1 ; background-color: #004099; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
.statusBar.opacity-25  {opacity:  .25; background-color: #ffffff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";}
.statusBar.opacity-50  {opacity:  .5 ; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.statusBar.opacity-75  {opacity:  .75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
.statusBar.opacity-100 {opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-color: #C42695;}
.statusBar.opacity-100 span {background-color: #C42695;}
.statusBar span.cut1 {
    position: absolute;
    border-left: 1px solid #ffffff;
    left: 25%;
    opacity: .5;
}
.statusBar span.cut2 {
    position: absolute;
    border-left: 1px solid #ffffff;
    left: 50%;
    opacity: .5;
}
.statusBar span.cut3 {
    position: absolute;
    border-left: 1px solid #ffffff;
    left: 75%;
    opacity: .5;
}
/*//////////////////////////////*/

/*//////////////////////////////COUNTER-STYLE*/
.badge{
    border-radius: 3px !important; padding: 3px 7px; display: inline-block; margin-bottom: 8px; background-color: transparent; color: #5f6062;
}

.counterBadge { border-radius: 10px !important; padding: 1px 7px; font-size: 12px; font-weight: bold; }

.notification-dot{
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 14px;
	background-color: #cc33a6;
}

.subnav .notification-dot{
		right: -8px;
		top: 18px;
		margin-top: -1px;
}

.dropdownContent .notification-dot {
  left: 44px;
  top: 9px;
}

.memNavigation .dropdownContent .notification-dot.bordered-white {
    top: 10px;
    left: 44px;
    border: 2px solid #fff;
}

.dropdownContent a:hover .notification-dot{
  border-color: #F5F5F5;
}

.selectFilter a {
    text-decoration: none;
    padding: 12px;
    display: block;
}

.selectFilter {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-weight: normal;
    background-color: #f7f7f7;
    border: 1px solid #CCCCCC;
    float: left;
}

.selectFilter.selected a {
    color: #555562;
}

.selectFilter.formError a {
    color: #FF0000;
}

.selectFilter.selected {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 9px;
    border-bottom-left-radius: 0em;
    border-bottom-right-radius: 0em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    z-index: 100;
    background-color: #FFFFFF;
}

.selectFilter.formError {
    border: 1px solid #FF0000;
}

.selectFilter.selected.formError {
    border-bottom: none;
}

.selectFilter.removable3 {
    padding-right: 2em;
    background: url(../img/btn/btnSelectFilter3.png) no-repeat  top right;
    background-color: #0081C2;
    border: 1px solid #0081C2;
    float: left;
}

.selectFilter.removable3:hover {
    background: url(../img/btn/btnSelectFilter3_over.png) no-repeat top right;
    border: 1px solid #FFFFFF;
    cursor: pointer;
}

.selectFilter.removable3 a {
    color: #ffffff;
}

.selectFilter.removable4 {
    padding-right: 20px;
    background: url(../img/btn/btnSelectFilter4_over.png) no-repeat center right;
    background-color: transparent;
    border: 1px solid #CCCCCC;
    float: left;
}

.selectFilter.removable4:hover {
    background: url(../img/btn/btnSelectFilter4.png) no-repeat center right;
    background-color: #dfdfe0;
    border: 1px solid #393941;
    cursor: pointer;
}

.selectFilter.removable4 a {
    color: #393941;
}

.filterSelector {
    width: 95%;
    background-color: #FFFFFF;
    padding-top: 15px;
    border-radius: 3px;
    border: 1px solid #bfbfc0;
    position: absolute;
    top:-1px;
}

.filterSelector.first {
    border-top-left-radius: 0em;
}

.filterSelector .medium { font-size: 12px !important; }
.filterSelector .colorLIGHT { font-size: 12px !important; }

/*//////////////////////////////SUP-MARKER*/
.supMarker { position: relative; top: -0.5em; padding: 0em 0.25em; background-color: #FFFFFF; border: 1px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; vertical-align: top; font-size: 10px !important; }
.supMarker.colorDEFAULT { border-color: #000000; }
.supMarker.colorLIGHT { border-color: #9292a0; }
.supMarker.colorERROR{ border-color: #FF0000; }
.supMarker.colorSPECIAL1 { border-color: #004099; }
.supMarker.colorSPECIAL2 { border-color: #9DE519; }
.supMarker.colorSPECIAL3 { border-color: #0082C0; }
.supMarker.colorSPECIAL4 { border-color: #C42695; }
.supMarker.colorSPECIAL5 { border-color: #F07B05; }
.supMarker.colorSPECIAL6 { border-color: #E23B30; }
/*IE-FIX*/
*html sub.supMarker { font-size: 12px !important; } *html sup.supMarker { font-size: 12px !important; }
*+html sub.supMarker { font-size: 12px !important; } *+html sup.supMarker { font-size: 12px !important; }

/*//////////////////////////////HOVER-EFFECT*/
.hoverEffect .up { display: block; }
.hoverEffect .over { display: none !important; }
.hoverEffect:hover { background-color: #FFFFFF; }
.hoverEffect:hover .up { display: none !important; }
.hoverEffect:hover .over, .hoverEffect.active .over { display: block !important; }
.hoverEffect .upVisibility { visibility: visible; }
.hoverEffect .overVisibility { visibility: hidden !important; }
.hoverEffect:hover .upVisibility { visibility: hidden !important; }
.hoverEffect:hover .overVisibility, .hoverEffect.active .overVisibility { visibility: visible !important; }

/*//////////TEXT-COLORS*/
.hoverEffect.colorDEFAULT, .hoverEffect.colorLIGHT, .hoverEffect.colorERROR, .hoverEffect.colorNEGATIVE, .hoverEffect.colorSPECIAL1, .hoverEffect.colorSPECIAL2, .hoverEffect.colorSPECIAL3, .hoverEffect.colorSPECIAL4, .hoverEffect.colorSPECIAL5, .hoverEffect.colorSPECIAL6,
.hoverEffect.colorDEFAULT *, .hoverEffect.colorLIGHT *, .hoverEffect.colorERROR *, .hoverEffect.colorNEGATIVE *, .hoverEffect.colorSPECIAL1 *, .hoverEffect.colorSPECIAL2 *, .hoverEffect.colorSPECIAL3 *, .hoverEffect.colorSPECIAL4 *, .hoverEffect.colorSPECIAL5 *, .hoverEffect.colorSPECIAL6 * { cursor: default; color: #bfbfc0 !important; }
.hoverEffect.colorDEFAULT:hover, .hoverEffect.colorDEFAULT:hover *, .colorDEFAULT.active, .colorDEFAULT.active * { color: #000000 !important; }
.hoverEffect.colorLIGHT:hover, .hoverEffect.colorLIGHT:hover *, .colorLIGHT.active, .colorLIGHT.active * { color: #bfbfc0 !important; }
.hoverEffect.colorERROR:hover, .hoverEffect.colorERROR:hover *, .colorERROR.active, .colorERROR.active * { color: #FF0000 !important; }
.hoverEffect.colorNEGATIVE:hover, .hoverEffect.colorNEGATIVE:hover *, .colorNEGATIVE.active, .colorNEGATIVE.active * { color: #FFFFFF !important; }
.hoverEffect.colorSPECIAL1:hover, .hoverEffect.colorSPECIAL1:hover *, .colorSPECIAL1.active, .colorSPECIAL1.active * { color: #004099 !important; }
.hoverEffect.colorSPECIAL2:hover, .hoverEffect.colorSPECIAL2:hover *, .colorSPECIAL2.active, .colorSPECIAL2.active * { color: #9DE519 !important; }
.hoverEffect.colorSPECIAL3:hover, .hoverEffect.colorSPECIAL3:hover *, .colorSPECIAL3.active, .colorSPECIAL3.active * { color: #0082C0 !important; }
.hoverEffect.colorSPECIAL4:hover, .hoverEffect.colorSPECIAL4:hover *, .colorSPECIAL4.active, .colorSPECIAL4.active * { color: #C42695 !important; }
.hoverEffect.colorSPECIAL5:hover, .hoverEffect.colorSPECIAL5:hover *, .colorSPECIAL5.active, .colorSPECIAL5.active * { color: #F07B05 !important; }
.hoverEffect.colorSPECIAL6:hover, .hoverEffect.colorSPECIAL6:hover *, .colorSPECIAL6.active, .colorSPECIAL6.active * { color: #E23B30 !important; }


/*//////////BORDER-COLORS*/
.hoverEffect.borderDEFAULT, .hoverEffect.borderLIGHT, .hoverEffect.borderERROR, .hoverEffect.borderSPECIAL1, .hoverEffect.borderSPECIAL2, .hoverEffect.borderSPECIAL3, .hoverEffect.borderSPECIAL4, .hoverEffect.borderSPECIAL5, .hoverEffect.borderSPECIAL6 { cursor: pointer; }
.hoverEffect.borderDEFAULT { color: #000000; background-color: #FFFFFF; } .hoverEffect.borderDEFAULT:hover, .borderDEFAULT.active { color: #FFFFFF !important; background-color: #000000 !important; }
.hoverEffect.borderLIGHT { background-color: #FFFFFF; } .hoverEffect.borderLIGHT:hover, .borderLIGHT.active { background-color: #efefef !important; }
.hoverEffect.borderERROR { color: #FF0000; background-color: #FFFFFF; } .hoverEffect.borderERROR:hover, .borderERROR.active { color: #FFFFFF !important; background-color: #FF0000 !important; }
.hoverEffect.borderSPECIAL1 { color: #004099; background-color: #FFFFFF; } .hoverEffect.borderSPECIAL1:hover, .borderSPECIAL1.active { color: #FFFFFF !important; background-color: #004099 !important; }
.hoverEffect.borderSPECIAL2 { color: #9DE519; background-color: #FFFFFF; } .hoverEffect.borderSPECIAL2:hover, .borderSPECIAL2.active { color: #004099 !important; background-color: #9DE519 !important; }
.hoverEffect.borderSPECIAL3 { color: #0082C0; background-color: #FFFFFF; } .hoverEffect.borderSPECIAL3:hover, .borderSPECIAL3.active { color: #FFFFFF !important; background-color: #0082C0 !important; }
.hoverEffect.borderSPECIAL4 { color: #C42695; background-color: #FFFFFF; } .hoverEffect.borderSPECIAL4:hover, .borderSPECIAL4.active { color: #FFFFFF !important; background-color: #C42695 !important; }
.hoverEffect.borderSPECIAL5 { color: #F07B05; background-color: #FFFFFF; } .hoverEffect.borderSPECIAL5:hover, .borderSPECIAL5.active { color: #FFFFFF !important; background-color: #F07B05 !important; }
.hoverEffect.borderSPECIAL6 { color: #E23B30; background-color: #FFFFFF; } .hoverEffect.borderSPECIAL6:hover, .borderSPECIAL6.active { color: #FFFFFF !important; background-color: #E23B30 !important; }
/*IE-FIX*/
*html .borderDEFAULT.active, *html .borderLIGHT.active, *html .borderERROR.active, *html .borderSPECIAL1.active, *html .borderSPECIAL2.active, *html .borderSPECIAL3.active, *html .borderSPECIAL4.active, *html .borderSPECIAL5.active, *html .borderSPECIAL6.active,
*html .borderDEFAULT, *html .borderLIGHT, *html .borderERROR, *html .borderSPECIAL1, *html .borderSPECIAL2, *html .borderSPECIAL3, *html .borderSPECIAL4, *html .borderSPECIAL5, *html .borderSPECIAL6 { color: #000000 !important; background-color: #FFFFFF !important; }

/*//////////////////////////////BOX-STYLE*/
.boxStyle { position: relative; }
.boxArrowTOP, .boxArrowRIGHT, .boxArrowBOTTOM, .boxArrowLEFT { display: block; position: absolute; z-index: 10; height: 0px; width: 0px; overflow: hidden; }
.boxArrowTOP, .boxArrowBOTTOM { left: 50%; margin-left: -12px; border-right: 12px solid transparent; border-left: 12px solid transparent; }
.boxArrowTOP { top: -12px; border-bottom: 12px solid #bfbfc0; }
.boxArrowBOTTOM { bottom: -12px; border-top: 12px solid #bfbfc0; }
.boxArrowRIGHT, .boxArrowLEFT { top: 12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.boxArrowRIGHT { right: -12px; border-left: 12px solid #bfbfc0; }
.boxArrowLEFT { left: -12px; border-right: 12px solid #bfbfc0; }
/*COLORS*/
.borderDEFAULT .boxArrowTOP { border-bottom-color: #000000; } .borderDEFAULT .boxArrowRIGHT { border-left-color: #000000; } .borderDEFAULT .boxArrowBOTTOM { border-top-color: #000000; } .borderDEFAULT .boxArrowLEFT { border-right-color: #000000; }
.borderLIGHT .boxArrowTOP { border-bottom-color: #bfbfc0; } .borderLIGHT .boxArrowRIGHT { border-left-color: #bfbfc0; } .borderLIGHT .boxArrowBOTTOM { border-top-color: #bfbfc0; } .borderLIGHT .boxArrowLEFT { border-right-color: #bfbfc0; }
.borderERROR .boxArrowTOP { border-bottom-color: #FF0000; } .borderERROR .boxArrowRIGHT { border-left-color: #FF0000; } .borderERROR .boxArrowBOTTOM { border-top-color: #FF0000; } .borderERROR .boxArrowLEFT { border-right-color: #FF0000; }
.borderSPECIAL1 .boxArrowTOP { border-bottom-color: #004099; } .borderSPECIAL1 .boxArrowRIGHT { border-left-color: #004099; } .borderSPECIAL1 .boxArrowBOTTOM { border-top-color: #004099; } .borderSPECIAL1 .boxArrowLEFT { border-right-color: #004099; }
.borderSPECIAL2 .boxArrowTOP { border-bottom-color: #9DE519; } .borderSPECIAL2 .boxArrowRIGHT { border-left-color: #9DE519; } .borderSPECIAL2 .boxArrowBOTTOM { border-top-color: #9DE519; } .borderSPECIAL2 .boxArrowLEFT { border-right-color: #9DE519; }
.borderSPECIAL3 .boxArrowTOP { border-bottom-color: #0082C0; } .borderSPECIAL3 .boxArrowRIGHT { border-left-color: #0082C0; } .borderSPECIAL3 .boxArrowBOTTOM { border-top-color: #0082C0; } .borderSPECIAL3 .boxArrowLEFT { border-right-color: #0082C0; }
.borderSPECIAL4 .boxArrowTOP { border-bottom-color: #C42695; } .borderSPECIAL4 .boxArrowRIGHT { border-left-color: #C42695; } .borderSPECIAL4 .boxArrowBOTTOM { border-top-color: #C42695; } .borderSPECIAL4 .boxArrowLEFT { border-right-color: #C42695; }
.borderSPECIAL5 .boxArrowTOP { border-bottom-color: #F07B05; } .borderSPECIAL5 .boxArrowRIGHT { border-left-color: #F07B05; } .borderSPECIAL5 .boxArrowBOTTOM { border-top-color: #F07B05; } .borderSPECIAL5 .boxArrowLEFT { border-right-color: #F07B05; }
.borderSPECIAL6 .boxArrowTOP { border-bottom-color: #E23B30; } .borderSPECIAL6 .boxArrowRIGHT { border-left-color: #E23B30; } .borderSPECIAL6 .boxArrowBOTTOM { border-top-color: #E23B30; } .borderSPECIAL6 .boxArrowLEFT { border-right-color: #E23B30; }
/*IE-FIX*/
*html .boxArrowTOP, *html .boxArrowRIGHT, *html .boxArrowBOTTOM, *html .boxArrowLEFT { display: none !important; }

/*//////////////////////////////COLUMN*/
.column { position: relative; width: auto; float: left; text-align: left; }

/*//////////////////////////////LOGO-LIST*/
.logoList a { display: block; float: left; width: 18%; margin: 0.3%; padding: 0.7%; text-align: center !important; }
.logoList a img { display: inline !important; text-align: center; width: auto; }
.logoList a { text-decoration: none !important; }
/*IE-FIX*/
*html .logoList a { width: 18%; }

/*//////////////////////////////IMG-TXT-LINK-BOX*/
.imgTextLinkBox { position: relative; width: 43%; min-height: 12em; margin: 1%; float: left; }
.imgTextLinkBox h4 { padding: 0.4em 0em 0.4em 0em !important; }
.imgTextLinkBox img { width: auto; height: auto; }
/*IE-FIX*/
*html .imgTextLinkBox { margin: 0.5%; }

/*//////////////////////////////CORNER-SHADOW-BOX*/
.cornerShadowBox {
    padding: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #f7f7f7;
    border: 1px solid #bfbfc0;
}

/*//////////////////////////////COMPANY DETAIL*/
.companyPortraitText {
    padding-top: 15px;
    font-size: 14px;
    line-height: 20px;
}

.cornerShadowBox.company {
    background-color: #FFFFFF;
}

.cornerShadowBox.company .logo {
    padding: 20px 0 30px 0;
}

.cornerShadowBox.company .metainfo {
    padding-top: 0px;
}

.cornerShadowBox.company .portrait-berater {
    border-radius: 3px;
}

/*//////////////////////////////CONSULTANT DETAIL*/
.berater-portrait .img-rounded{
    width: 140px;
    height: 140px;
    float: none;
}

.berater-portrait{
    width: 100%;
    text-align: center;
}

#profile.papersheet.berater {
    box-shadow: none;
    -webkit-box-shadow:none;
    background-color: #fdfdfd;
    border: 1px solid #e0e0e3;
    border-radius: 3px;
}

#profile.papersheet.berater:before, #profile.papersheet.berater:after {
    box-shadow: none;
    -webkit-box-shadow:none;
}

#profile.papersheet.berater .berater-portrait {
    float: left;
    width: 140px;
}

#profile.papersheet.berater #head h1 {
    float: left;
    padding-top: 10px;
}

#profile.papersheet.berater .portrait-text {
    font-size: 14px;
    padding-top: 25px;
    padding-right: 25px;
}

#profile.papersheet.berater .berater-portrait img {
    border-radius: 3px;
}

#profile.papersheet.berater ul {
    margin-left: 1.25em;
}

#profile.papersheet.berater .section.schwerpunkte h5 {
    margin-top: 10px;
}

#profile.papersheet.berater .section p {
    padding-right: 25px;
}

/*//////////////////////////////TEAM-BOX*/
.teamBox { display: block; position: relative; float: left; margin: 0em 4em 2em 0em; padding-bottom: 0.6em; cursor: default; }
.teamBox img { display: block; width: auto; margin: 0em; padding: 0em; }
.teamBox span { display: block; padding: 0.6em 0.6em 0em 0.6em; text-align: left; line-height: 1.2em !important; }
.teamBox.hoverEffect:hover { background-color: #C4EF75 !important; }
.teamBox span.name { font-size: 110%; font-weight: bold; }
.teamBox span.email { text-align: right; margin-top: -3.65em; }
.teamBox span.phone { text-align: right; }
.right .teamBox, .left .teamBox, .right .teamBox img, .left .teamBox img { width: 100%; margin: 0em !important; }
.right .teamBox span.phone, .left .teamBox span.phone { text-align: left; margin-top: 1.3em; }

/*//////////////////////////////VIDEO-TEASER-BOX*/
.videoTeaserRow {
    padding: 20px;
    background-color: #f7f7f7;
    border-radius: 6px;
}

.videoTeaserRow div.videoTeaserBox:first-child {
    margin-left: 0;
}

.videoTeaserBox {
    float: left;
    margin-left: 30px;
    margin-top: 5px;
}

.videoTeaserBox p {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.videoTeaserBox .videoThumb {
    display: block;
    position: relative;
    background-color: #004499;
    border-radius: 3px;
    width: 200px;
    height: 108px;
}

.videoTeaserBox .videoThumb p {
    float: left;
}

.videoTeaserBox img {
    display: block;
    margin: 0em;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    border-radius: 3px;
    width: 100%;
    height: 100%;
    color: #ffffff;
    -webkit-transition: 150ms ease-out;
       -moz-transition: 150ms ease-out;
         -o-transition: 150ms ease-out;
            transition: 150ms ease-out;
}

.videoTeaserBox:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: 150ms ease-out;
       -moz-transition: 150ms ease-out;
         -o-transition: 150ms ease-out;
            transition: 150ms ease-out;
}


.videoTeaserBox a .play-container {
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
}

.videoTeaserBox .play-container .icon-jobs-ch {
    color: #FFFFFF;
    font-size: 32px;
    display: block;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.videoTeaserBox a:hover .icon-jobs-ch {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

a.productMovie {
    position: relative;
    margin: 5px 0px;
    display: block;
    background-color: #232228;
    color: #fff;
    font-size: 32px;
    text-align: center;
    border-radius: 3px;
    max-width: 230px;
    max-height: 127px;
}

.small a.productMovie, .small a.productMovie img {
    width: 100%;
    height: auto;
    max-width: 127px;
    max-height: 70px;
}

.large a.productMovie, .large a.productMovie img {
    width: 100%;
    height: auto;
    max-width: 327px;
    max-height: 180px;
}

a.productMovie .play-container {
    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
}

a.productMovie i {
    display: block;
    margin-left: -16px;
    margin-top: -16px;
    color: #fff;
    font-size: 32px;
}

.large a.productMovie i {
    display: block;
    margin-left: -32px;
    margin-top: -32px;
    color: #fff;
    font-size: 64px;
    opacity: .75;
    filter: alpha(opacity=75);
}

a.productMovie img {
    border-radius: 3px;
    opacity: .70;
    filter: alpha(opacity=70);
}

.large a.productMovie img {
    border-radius: 3px;
    opacity: .90;
    filter: alpha(opacity=90);
}

a.productMovie:hover img {
    opacity: 0.80;
    filter: alpha(opacity=80);
}

.row.videos .element {
    padding-right: 4em !important;
}

/*//////////////////////////////PAPER-BOX*/
.paperBox {
    width: 470px;
    padding: 20px;
    font-family: Courier New, Courier, monospace;
    background: url(../img/bg/bgPaper.jpg) no-repeat top left;
}
/*//////////////////////////////CODE-STYLE*/
.codeStyle {
    position: relative;
    width: auto;
    margin: 0.5em;
    padding: 0.5em 0.75em;
    overflow: hidden;
    white-space: pre;
    font-family: Courier New, Courier, monospace;
    border: 1px solid #bfbfc0;
    background-color: #efefef;
}

.daterange {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 2px 2px;
    cursor: pointer;
}

.daterange:hover {
    border-color: #555562;
}

.daterange .icon-arrow-down, .daterange .icon-arrow-up {
    color: #CCCCCC;
    display: inline-block;
    line-height: 12px;
    font-size: 115%;
}

.daterange .icon-arrow-up {
    display: none;
}

.daterange.expanded .icon-arrow-down {
    display: none;
}

.daterange.expanded .icon-arrow-up {
    display: inline-block;
}

.daterange:hover .icon-arrow-down, .daterange:hover .icon-arrow-up {
    color: #555562;
}

.daterangeselector {
    z-index: 5000;
    width: 625px;
    padding: 10px 10px;
    position: absolute;
    background: #f7f7f7;
    border: 1px solid #CCCCCC;
    border-radius: 0px 3px 3px 3px;
    top:142px;
}

.daterangeselector .ui-datepicker {
    font-size: smaller;
}

.countbox {
    background: rgba(122,122,122,1);
    background: -moz-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,122,122,1)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(122,122,122,1) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#000000', GradientType=0 );
    padding:3px 5px 3px 5px;
    border-radius:3px;
    border: 1px solid #CCC;

    -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.75);
    text-align: center;
    min-width: 60px;
    }

.countbox div {
    float: left;
    margin-right: 0.8em;
}

.countbox .icon {
    font-size: 125%;
    opacity: 0.7;
}

.countbox .counter, .countbox .icon {
    color: #FFFFFF;
}

.countbox .counter {
    font-size: 145%;
}

.countbox .counterDescription {
    color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 95%;
    line-height: 13px;
}

.chart.mann {
    background-image: url(../img/content/pictoMann.png);
}

.chart.frau {
    background-image: url(../img/content/pictoFrau.png);
}

/*//////////////////////////////HORIZONTAL-NAVI*/
.horizontalNavi { margin: 27px 0em 35px 0em; padding: 0em; border-top: 2px solid #9DE519; }
.horizontalNavi ul { margin: 0em; margin-top: -28px; padding: 0em 0.75em; list-style-type: none; vertical-align: middle; background-color: #FFFFFF; }
.horizontalNavi ul.right { padding-right: 0em; }
.horizontalNavi ul.left { padding-left: 0em; }
.horizontalNavi ul li { display: block; float: left; margin: 0em; padding: 0em 2px 0em 0em; }
.horizontalNavi ul li a { line-height: 25px; }
.horizontalNavi ul li.regButton a { display: block; width: 8em; padding: 0em 0.5em; text-align: center; color: #004099 !important; text-decoration: none !important; font-weight: bold; text-align: center; background: repeat-x center; border: 1px solid; border-bottom: 0px none !important; }
.horizontalNavi ul li.regButton a { border-radius: 3px 3px 0px 0px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
/*MAIN*/
.horizontalNavi ul li.regButton a { background-color: #ECECF5; border-color: #CACAE4; background-image: url(../img/btn/btnNavi.png); }
.horizontalNavi ul li.regButton a:hover { background-color: #9DE519; border-color: #bfbfc0; background-image: url(../img/btn/btnNavi_over.png); }
.horizontalNavi ul li.regButton a.down { background-color: #9DE519; border-color: #bfbfc0; background-image: url(../img/btn/btnNavi_active.png); }
/*SUB*/
.horizontalNavi ul li.regButton ul { display: block; position: absolute; margin: 0em; padding: 0.5em 0em 0.3em 0em; list-style-type: none; background-color: #9DE519; }
.horizontalNavi ul li.regButton ul li.subRegButton a { display: block; float: left; width: auto !important; height: 15px; line-height: 15px; padding: 0em 1em; text-decoration: none !important; border: 0px none; border-right: 1px solid #004099; background-image: none !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.horizontalNavi ul li.regButton ul li.subRegButton.last a { border-right: 0px none; }
.horizontalNavi ul li.regButton ul li.subRegButton a { font-weight: normal; background: none !important; }
.horizontalNavi ul li.regButton ul li.subRegButton a:hover { color: #668CC2 !important; }
.horizontalNavi ul li.regButton ul li.subRegButton a.down { font-weight: bold; }
/*IE-FIX*/
*html .horizontalNavi ul li.regButton ul li.subRegButton { display: none; }

/*//////////////////////////////HORIZONTAL-NAVI-LIGHT*/
.horizontalNaviLight { margin: 27px 0em 35px 0em; padding: 0em; border-top: 1px solid #004099; }
.horizontalNaviLight ul { margin: 0em; margin-top: -27px; padding: 0em 0.75em; list-style-type: none; vertical-align: middle; background-color: #FFFFFF; }
.horizontalNaviLight ul.right { padding-right: 0em; }
.horizontalNaviLight ul.left { padding-left: 0em; }
.horizontalNaviLight ul li { display: block; float: left; margin: 0em; padding: 0em 2px 0em 0em; }
.horizontalNaviLight ul li a { line-height: 25px; }
.horizontalNaviLight ul li.regButton a { display: block; width: 8em; padding: 0em 0.5em; text-align: center; text-decoration: none !important; font-weight: bold; text-align: center; background: repeat-x center; border: 1px solid; border-bottom: 0px none !important; }
.horizontalNaviLight ul li.regButton a { border-radius: 3px 3px 0px 0px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; }
/*MAIN*/
.horizontalNaviLight ul li.regButton a { background-color: #ECECF5; border-color: #CACAE4; }
.horizontalNaviLight ul li.regButton a:hover { background-color: #386CB7; color: #FFFFFF; border-color: #bfbfc0;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
 }
.horizontalNaviLight ul li.regButton a.down { background-color: #004099; color:#FFFFFF; border-color: #004099; }
/*SUB*/
.horizontalNaviLight ul li.regButton ul { display: block; position: absolute; margin: 0em; padding: 0.5em 0em 0.3em 0em; list-style-type: none; background-color: #004099; }
.horizontalNaviLight ul li.regButton ul li.subRegButton a { display: block; color: #FFFFFF; float: left; width: auto !important; height: 15px; line-height: 15px; padding: 0em 1em; text-decoration: none !important; border: 0px none; border-right: 1px solid #87A2E5; background-image: none !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.horizontalNaviLight ul li.regButton ul li.subRegButton.last a { border-right: 0px none; }
.horizontalNaviLight ul li.regButton ul li.subRegButton a { color: #97B5FF; font-weight: normal; background: none !important; }
.horizontalNaviLight ul li.regButton ul li.subRegButton a:hover { color: #FFFFFF !important; }
.horizontalNaviLight ul li.regButton ul li.subRegButton a.down { color: #FFFFFF !important; }
/*IE-FIX*/
*html .horizontalNaviLight ul li.regButton ul li.subRegButton { display: none; }

/*//////////////////////////////VERTICAL FILTERBAR*/
.verticalFilterBar {
    padding-right: 0;
    padding-top: 0;
}

.column.stage {
    padding-left: 15px;
}

ul.verticalFilterList {
    margin: 0;
    overflow: hidden;
}

ul.verticalFilterList li {
    list-style-type: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.verticalFilterList li.active {
    overflow: visible;
}

ul.verticalFilterList li .icon-close {
    display: none;
}

ul.verticalFilterList li:hover .icon-plus-circle {
    color:#7A1069 !important;
}

ul.verticalFilterList li.active .icon-plus-circle {
    display: none;
}

ul.verticalFilterList li.active a, .filter.selected a, .rangefilter.selected a {
    background-color: #7a1069;
    color: #FFFFFF;
    padding: 1px 2px 1px 5px;
}

ul.verticalFilterList li.active.sub a {
    border-radius: 3px;
}

ul.verticalFilterList li.active.sub .subfilter {
    padding:4px 6px 5px 6px;
    margin-left: 8px;
    background: url(../img/content/verbindungselement.png) no-repeat top left;
}

ul.verticalFilterList li.active.sub .subfilter .formSelect {
    color:#7A1069;
    font-size: 11px;
    border-color: #7A1069;
}

#positions .filter.selected a, ul.verticalFilterList li.active a {
    display: inline-block;
}

ul.verticalFilterList li.active .icon-close, .filter.selected a .icon-close, .rangefilter.selected .icon-close {
    display: inline-block;
    opacity: 0.7;
}

ul.verticalFilterList li.active:hover .icon-close, .filter.selected:hover a .icon-close, .rangefilter.selected:hover .icon-close {
    opacity: 1;
}

.rangefilter {
    padding-top:14px;
    float:left;
}

.rangefilter .icon-close {
    display: none;
}

.rangefilter.selected .icon-close {
    display: inline-block;
}

.rangefilter a {
    padding: 1px 1px 1px 5px !important;
    display: inline-block;
}

#xingLockStatus {
    display: none;
}

#xingLockStatus.show {
    display: inline-block;
}

#searchSettings {
    padding-top:3px;
    padding-left: 3px;
    display:none;
    float: left;
    border-left:1px solid #0082C0;
}

.filter.selected {
    margin-bottom: 3px;
}

#filter-candidates .icon-search {
    font-size: 85%;
}

ul.verticalFilterList li.active a, ul.verticalFilterList li:hover a, .filter a, .rangefilter a {
    text-decoration: none;
}

ul.verticalFilterList li.active:hover {

}

.filter.toggle1 a, .filter.toggle2 a, .filter.toggle3 a {
    padding: 3px 6px;
    background-color: #c6c7c7;
}

.filter.toggle1 a {
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    -o-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
}

.filter.toggle2 a {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.filter.toggle3 a {
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

.filter.toggle1, .filter.toggle2, .filter.toggle3 {
    float: left;
}

.filter.selected.toggle1 a, .filter.selected.toggle2 a, .filter.selected.toggle3 a {
    background-color: #0082C0;
    color: #FFFFFF;
    -moz-box-shadow:    inset 0 1px 3px #333333;
    -webkit-box-shadow: inset 0 1px 3px #333333;
    box-shadow:         inset 0 1px 3px #333333;
}

#talentpool .verticalFilterBar ul {
    margin-left: 0;
    padding-top: 0;
}

#talentpool .verticalFilterBar ul li {
    list-style-type: none;
    font-size: 13px;
    margin: 0 8px 8px 0;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #f7f7f7;
}

#talentpool .verticalFilterBar ul a {
    display: block;
    padding: 12px 0px 12px 12px;
}

#talentpool .verticalFilterBar ul li .counterBadge {
    margin-left: 6px;
    position: absolute;
    margin-top: -1px;
    font-size: 12px;
    background-color:#004099;
    border: 1px solid #bfbfc0 !important !important;
    display: inline-block;
}

#talentpool .verticalFilterBar ul li:hover {
    background-color: #D8EDF8;
}

#talentpool .verticalFilterBar ul li.selected {
    position: relative;
    border: 1px solid #CCC;
    border-right: none;
    margin-right: -1px;
    border-radius: 3px 0 0 3px;
    background-color: #FFF;
    z-index: 99;
}

#talentpool .verticalFilterBar ul li.selected a{
    cursor: default;
}

#talentpool .verticalFilterBar ul li:hover a {
    text-decoration: none;
    color: #004099;
}

#talentpool .verticalFilterBar ul li.selected a {
    color: #555562;
    text-decoration: none;
}
/*//////////////////////////////PAGING*/
.paging { position: relative; margin: 0em; cursor: default; text-align: center; margin-top: 30px; margin-bottom: 30px;}
#admin .paging {text-align: left;}
.paging a {
    background-color: #fff;
    border: 1px solid rgb(204, 217, 235); /*ie 8 fallback */
    border: 1px solid rgba(0, 64, 153, 0.2);
    display: inline-block;
    margin: -3px;
    font-weight: bold;
    line-height: normal;
    font-size: 12px !important;
    padding: 8px 12px 8px 12px !important;
    cursor: pointer;
    width: auto;
    overflow: visible;
}

.paging a:first-child {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

.paging a:last-child {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

/*--*/
.paging a:hover { background-color: #f7f7f7; }
.paging a.down { background-color: #f7f7f7; color: #000000 !important; }
/*//////////////////////////////*/

/*//////////////////////////////NOTE-FIELD*/
.noteField { margin: 0.5em 0em 0.5em 0em !important; }
.noteField p, .noteField .formTextarea {
    width: auto;
    margin: 0em 0em 2px 0em !important;
    padding: 0.5em !important;
    background: url(../img/bg/bgNoteField.png) no-repeat bottom right;
    background-color: #efefef !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.noteField p, .noteField .formTextarea { font-size: 90%; }
.noteField .formTextarea { width: 98%; border-color: #9292a0; }
/*FIELDS*/
.noteField .dat, .noteField .txt, .noteField .btn { display: block; padding: 0em 0.5%; float: left; }
.noteField .dat { width: 15%; text-align: left; }
.noteField .txt { width: 82%; text-align: left; }
.noteField .btn { margin-left: 15%; padding-top: 0.5em !important; float: none !important; clear: both; text-align: right; }
.noteField .btn a { margin-left: 1em; }
.noteField .btn { visibility: hidden; }
.noteField:hover .btn { visibility: visible; }
/*IE-FIX*/
*html .noteField p .btn { visibility: visible; }
*+html .noteField p .btn { visibility: visible; }

/*//////////////////////////////UNI-BOX*/
.uniBox { margin: 0.5em 0em 0.5em 0em !important; }
.uniBox p, .uniBox .formTextarea {
    width: auto;
    margin: 0em 0em 2px 0em !important;
    padding: 0.5em !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.uniBox p, .uniBox .formTextarea { font-size: 90%; }
.uniBox .formTextarea { width: 98%; border-color: #9292a0; }
/*FIELDS*/
.uniBox .dat, .uniBox .txt, .uniBox .btn { display: block; padding: 0em 0.5%; float: left; }
.uniBox .dat { width: 15%; text-align: left; }
.uniBox .txt { width: 82%; text-align: left; }
.uniBox .btn { margin-left: 15%; padding-top: 0.5em !important; float: none !important; clear: both; text-align: right; }
.uniBox .btn a { margin-left: 1em; }
.uniBox .btn { visibility: hidden; }
.uniBox:hover .btn { visibility: visible; }
/* MODS */
.yellowField p, .yellowField .formTextarea, .yellowField .formText {
    background: url(../img/bg/bgYellowField.png) no-repeat bottom right;
    background-color: #F3EF9F !important;
}

.messageField p, .messageField .formTextarea, .messageField .formText {
    background: url(../img/bg/bgMessageField.png) no-repeat bottom right;
    background-color: #DFEEFF !important;
}

.checkMarkField p, .checkMarkField .formTextarea, .checkMarkField .formText {
    background: url(../img/bg/bgCheckMarkField.png) no-repeat bottom right;
    background-color: #C8E579 !important;
}

.arrowDownField p, .arrowDownField .formTextarea, .arrowDownField .formText {
    background: url(../img/bg/bgArrowDownField.png) no-repeat bottom right;
    background-color: #C8E579 !important;
}

/*IE-FIX*/
*+html .uniBox .btn { visibility: hidden !important; }
*+html .uniBox:hover .btn { visibility: visible !important; }

/*//////////////////////////////ISSUU-MINI-VIEWER*/
.issuuMiniViewer { position: relative; width: 330px; height: 114px; overflow: hidden; text-align: left; }

/*//////////////////////////////MODAL-BOX*/
.modalbox, .modalBox { position: relative; z-index: 1001; width: auto; }
.modalbox .head, .modalBox .head  { position: relative; padding: 0.5em 1em 0em 1em; }
.modalbox .content, .modalBox .content  { position: relative; min-height: 12em !important; margin: 0em !important; padding: 1em !important; }
.modalbox .column, .modalBox .column { padding: 0em !important; }
.modalbox .head p, .modalBox .head p  { margin: 0.2em 0em !important; line-height: 27px; font-weight: bold !important; }
.modalbox .big, .modalBox .big { font-size: 125% !important; }
.modalbox .big.iconCheckBIG, .modalBox .big.iconCheckBIG { background-position: left 0.5em !important; }
.modalbox .big.iconFailedBIG, .modalBox .big.iconFailedBIG { background-position: left 0.5em !important; }
.modalbox .modal-table, .modalBox .modal-table{
    display: table;
    height: 460px;
}
.modalbox .modal-table .modal-cell, .modalBox .modal-table .modal-cell{
    display: table-cell;
    vertical-align: middle;
}
.modal-success-box{
    border-top: 6px solid #82ba12;
}
.modal-warning-box{
    border-top: 6px solid #ff8000;
}
.modal-info-box{
    border-top: 6px solid #0088cc;
}
.modal-xp {
    padding: 50px 75px;
}
.modal-xp .modal-icon.circled{
    border: 3px solid rgb(202, 203, 206);
    border-radius: 100px;
    padding: 17px;
}
.modal-xp .modal-icon{
    font-size: 32px;
    display: inline-block;
    padding: 20px;
    font-size: 60px;
    color: rgb(202, 203, 206);
}
.modal-xp .modal-headline{
    text-transform: uppercase;
    margin-top: 29px;
    margin-bottom: 0px;
}
.modal-xp .modal-copy{
    font-size: 16px;
    font-weight: 300;
    color: rgb(115, 123, 140);
    margin-bottom: 26px;
}

#exposeMask{
    background-color: #2b303b !important;
}

/*//////////////////////////////MESSAGE-BOX*/
.messageBox, .messageBoxInline {
    position: absolute;
    z-index: 1003;
    top: 1.5em;
    left: 0em;
    min-width: 1px;
    max-width: 30em;
    padding: 15px !important;
    /*--*/
    background-color: #333333;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.messageBox *:not(.btn){background-color: transparent !important;}
.messageBox, .messageBox div, .messageBox p, .messageBox a .messageBox td { color: #FFFFFF !important;}

.messageBoxInline{
    position: relative;
    min-width: none;
    max-width: none;
    top: 0;
    margin-bottom: 15px;
}
.messageBoxInline, .messageBoxInline div,  .messageBoxInline p, .messageBoxInline a, .messageBoxInline td { color: #FFFFFF !important; }


.messageBox.success{ background-color: #EBFAD1 !important; border: 1px solid #9DE519; padding: 25px 30px !important;} .messageBox.success p, .messageBox.info i {color: #59810E !important;}
.messageBox.warning{ background-color: #fef8f2 !important; border: 1px solid #F6B069; padding: 25px 30px !important;} .messageBox.warning p, .messageBox.info i {color: #F07B05 !important;}
.messageBox.error{ background-color: #F9D8D6 !important; border: 1px solid #EE8983; padding: 25px 30px !important;} .messageBox.error p, .messageBox.info i {color: #E23B30 !important;}
.messageBox.info{ background-color: #E5ECF5 !important; border: 1px solid #99b3d6; padding: 25px 30px !important;} .messageBox.info p, .messageBox.info i {color: #668CC2 !important;}
.messageBox.default{ background-color: #f7f7f7 !important; border: 1px solid #dfdfe0; padding: 25px 30px !important;} .messageBox.default p, .messageBox.default i {color: #393941 !important;}

/*//////////////////////////////PAGE-OVERLAY*/
.pageOverlay {
    position: absolute;
    left: 0px;
    z-index: 1000;
    min-width: 1px;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    filter: alpha(opacity=80);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.pageOverlay .content {
    position: fixed;
    left: 50%;
    width: 500px !important;
    height: auto !important;
    min-height: 1em !important;
    margin: 0em 0em 0em -250px !important;
    padding: 25px 50px !important;
    text-align: center !important;
}
.pageOverlay .content .iconLoadingBIG, .pageOverlay .content .iconLoadingSMALL { margin: 2.5em auto; }
.pageOverlay .content .borderLIGHT.active { color: #FFFFFF !important; background-color: #333333 !important; }
/*FULL-PAGE*/
.pageOverlay.fullPage { position: fixed; }
/*IE-FIX*/
*html .pageOverlay.fullPage { position: absolute; height: expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
*html .pageOverlay .content { position: absolute; height: expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

/*//////////////////////////////AUTOCOMPLETE*/
.ac_results {
    position: absolute;
    z-index: 1002;
    margin-top: -7px;
    padding: 10px 0em 0em 0em;
    text-align: left;
    max-width: 450px;
}
.ac_results ul {
    width: 100% !important;
    margin: 0;
    padding: 0em;
    overflow: hidden;
    list-style: none;
    background-color: #FFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75); /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
}
.ac_results ul li {
    display: block;
    position: relative;
    width: auto;
    margin: 0em !important;
    padding: 12px 16px;
    color:#333;
    text-decoration: none !important;
    cursor: pointer !important;
    background-color: transparent;
}
.ac_results ul li .small { font-size: 75%; }
.ac_results ul li { color: #000000; background-color: transparent;  }
.ac_results ul li.ac_over, .ac_results ul li:hover { color: #000000; background-color: #f2f5fa; }
/*LOADING*/
.ac_loading { background: url(../../blank.gif) right center no-repeat; }
/*IE-FIX*/
*html .ac_results { background-image: none !important; }
*html .ac_results ul li { background-image: none !important; padding-left: 5px; }

/*//////////////////////////////HIDDEN-OPT*/
.inactiveBox .btnON, .activeBox .btnOFF { text-decoration: none !important; }
.activeBox .btnON { display: none; }
.inactiveBox .hiddenContent { display: none; }
.inactiveBox .btnOFF { display: none; }

/*//////////////////////////////TABLES*/
.tableListe {
    width: 100%;
    margin: 0em;
    padding: 0em;
    text-align: center;
    border: 0px none !important;
}

.tableListe th,
.tableListe td,
.tableListe p,
.tableListe input,
.tableListe select,
.tableListe textarea { font-size: 100%; }

.tableListe.borderDEFAULT thead th,
.tableListe.borderLIGHT thead th,
.tableListe.borderERROR thead th,
.tableListe.borderSPECIAL1 thead th,
.tableListe.borderSPECIAL2 thead th,
.tableListe.borderSPECIAL3 thead th,
.tableListe.borderSPECIAL4 thead th,
.tableListe.borderSPECIAL5 thead th,
.tableListe.borderSPECIAL6 thead th { border-bottom: 2px solid; }
.tableListe.borderDEFAULT tbody td,
.tableListe.borderLIGHT tbody td,
.tableListe.borderERROR tbody td,
.tableListe.borderSPECIAL1 tbody td,
.tableListe.borderSPECIAL2 tbody td,
.tableListe.borderSPECIAL3 tbody td,
.tableListe.borderSPECIAL4 tbody td,
.tableListe.borderSPECIAL5 tbody td,
.tableListe.borderSPECIAL6 tbody td { border-bottom: 1px solid; }
.tableListe.borderDEFAULT.dotted tbody td,
.tableListe.borderLIGHT.dotted  tbody td,
.tableListe.borderERROR.dotted  tbody td,
.tableListe.borderSPECIAL1.dotted  tbody td,
.tableListe.borderSPECIAL2.dotted  tbody td,
.tableListe.borderSPECIAL3.dotted  tbody td,
.tableListe.borderSPECIAL4.dotted  tbody td,
.tableListe.borderSPECIAL5.dotted  tbody td,
.tableListe.borderSPECIAL6.dotted  tbody td { border-style: dotted; }

.tableListe.borderDEFAULT thead th, .tableListe.borderDEFAULT tbody td { border-bottom-color: #000000; }
.tableListe.borderLIGHT thead th, .tableListe.borderLIGHT tbody td { border-bottom-color: #bfbfc0; }
.tableListe.borderERROR thead th, .tableListe.borderERROR tbody td { border-bottom-color: #FF0000; }
.tableListe.borderSPECIAL1 thead th, .tableListe.borderSPECIAL1 tbody td { border-bottom-color: #004099; }
.tableListe.borderSPECIAL2 thead th, .tableListe.borderSPECIAL2 tbody td { border-bottom-color: #9DE519; }
.tableListe.borderSPECIAL3 thead th, .tableListe.borderSPECIAL3 tbody td { border-bottom-color: #0082C0; }
.tableListe.borderSPECIAL4 thead th, .tableListe.borderSPECIAL4 tbody td { border-bottom-color: #C42695; }
.tableListe.borderSPECIAL5 thead th, .tableListe.borderSPECIAL5 tbody td { border-bottom-color: #F07B05; }
.tableListe.borderSPECIAL6 thead th, .tableListe.borderSPECIAL6 tbody td { border-bottom-color: #E23B30; }
.tableListe tbody .last td, .tableListe tbody td.last { border-bottom: 0px none; }

/*//////////HOVER-EFFECT*/
.tableListe.tableHoverEffect tbody td { cursor: default; }
.tableListe.tableHoverEffect tbody tr:hover td, .tableListe.tableHoverEffect tbody tr.active td,
.tableListe.borderDEFAULT.tableHoverEffect tbody tr:hover td, .tableListe.borderDEFAULT.tableHoverEffect tbody tr.active td { background-color: #999999; }
.tableListe.borderLIGHT.tableHoverEffect tbody tr:hover td, .tableListe.borderLIGHT.tableHoverEffect tbody tr.active td { background-color: #DFDFE1; }
.tableListe.borderERROR.tableHoverEffect tbody tr:hover td, .tableListe.borderERROR.tableHoverEffect tbody tr.active td { background-color: #FF9A9A; }
.tableListe.borderSPECIAL1.tableHoverEffect tbody tr:hover td, .tableListe.borderSPECIAL1.tableHoverEffect tbody tr.active td { background-color: #CCD9EA; }
.tableListe.borderSPECIAL2.tableHoverEffect tbody tr:hover td, .tableListe.borderSPECIAL2.tableHoverEffect tbody tr.active td { background-color: #EBFAD1; }
.tableListe.borderSPECIAL3.tableHoverEffect tbody tr:hover td, .tableListe.borderSPECIAL3.tableHoverEffect tbody tr.active td { background-color: #CCE7F2; }
.tableListe.borderSPECIAL4.tableHoverEffect tbody tr:hover td, .tableListe.borderSPECIAL4.tableHoverEffect tbody tr.active td { background-color: #F4D4EB; }
.tableListe.borderSPECIAL5.tableHoverEffect tbody tr:hover td, .tableListe.borderSPECIAL5.tableHoverEffect tbody tr.active td { background-color: #FCE5CD; }
.tableListe.borderSPECIAL6.tableHoverEffect tbody tr:hover td, .tableListe.borderSPECIAL6.tableHoverEffect tbody tr.active td { background-color: #FBD8D6; }

/*//////////SPECIALS*/
.tableListe th, .tableListe td { padding: 0.5em 0.2em !important; }
.tableListe th img, .tableListe img { border: none; margin: -0.4em 0em; }
.tableListe tfoot td { color: #9292a0; font-size: 90%; }

.tableListe thead.sortable th {
    cursor: pointer;
}

.tableListe thead.sortable th.iconSortAsc, .tableListe thead.sortable th.iconSortDesc {
    padding-left: 18px !important;
}

.tableListe th, .tableListe td { text-align: left; vertical-align: top; }
.tableListe th a { text-decoration: none !important; }

/*//////////DESIGN-TABLES*/
table.designTable { width: 100%; height: 100% !important; margin: 0em; padding: 0em; border: 0px none !important; }
table.designTable td { text-align: center; vertical-align: middle; }

/*//////////////////////////////FORM*/
.formText,
.formSelect,
.formTextarea { line-height: normal; margin: 0em; padding: 8px; background-color: #FFFFFF; border: 1px solid #bfbfc0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.formSelect { padding:4px; height: 33px; }
.formText, .formTextarea { cursor: text; }
.formSelect { cursor: pointer; }
.formSelect .optTitle { font-weight: bold; }
input[type=checkbox], input[type=radio] { vertical-align: middle; }
.formSTYLE input[type=radio] { vertical-align: middle; margin-top: 0px; margin-right: 4px;}
.formSTYLE input[type=checkbox] { vertical-align: middle;}
/*FOCUS*/
.formText:focus,
.formSelect:focus,
.formTextarea:focus { background-color: #f2f5fa; }
.formText.inactive { color: #9292a0; }
.formText.active { color: #000000; }
/*DISABLED*/
.formText[disabled],.formText.disabled,
.formSelect[disabled],.formSelect.disabled,
.formTextarea[disabled],.formTextarea.disabled,
.formButton0[disabled],.formButton0.disabled,
.formButton1[disabled],.formButton1.disabled,
.formButton2[disabled],.formButton2.disabled,
.formButton3[disabled],.formButton3.disabled,
.formButton4[disabled],.formButton4.disabled,
.formButton5[disabled],.formButton5.disabled,
.formButton6[disabled],.formButton6.disabled { color: #9292a0 !important; background: none; background-color: #efefef; border: 1px solid #bfbfc0; cursor: default !important; pointer-events: none; }

.formButton2.loading{pointer-events: none;color: #4C6E0C !important;}
/*ERROR*/
.formError label { font-weight: bold !important; color: #FF0000 !important; }
.formError .helpTXT { font-weight: bold !important; color: #FF0000 !important; }
.formError .formText,
.formError .formSelect,
.formError .formTextarea { border-color: #FF0000 !important; }
.errorBox { color: #FF0000; margin-bottom: 10px; }
.errorBox .icon-warning-2 {float: left; font-size: 164%;}
.errorBox .message { background-color: #FF0000; font-size: 120%; color: white; border-radius: 3px; padding: 2px 4px; margin-left: 4px; float: left; }
.errorBox .message .icon-close { color: #FFFFFF !important; }

/*//////////BTN*/
.textButton, .formButton0, .formButton1, .formButton2, .formButton3, .formButton4, .formButton5, .formButton6, .formButton7, .formButton { display: inline-block; margin: 0px; font-weight: bold; line-height: normal; font-size: 13px !important; padding: 8px 12px 8px 12px !important; cursor: pointer; width: auto; overflow: visible; border-radius: 3px; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
a.formButton0, a.formButton1, a.formButton2, a.formButton3, a.formButton4, a.formButton5, a.formButton6, a.formButton7 { font-size: 13px !important; text-decoration: none !important; }
.textButton{ font-weight: normal; padding-left: 0; padding-right: 0;}
.formPadding{ line-height: normal; padding: 8px 0px !important; display: inline-block;}
.textButton{ box-shadow: none;}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
a.cancel{display: block; margin-top: 20px;}
/*SIZE*/
.formButton0.big, .formButton1.big, .formButton2.big, .formButton3.big, .formButton4.big, .formButton5.big, .formButton6.big { font-weight: bold; font-size: 16px !important; padding: 11px 16px !important; }
.formButton0.medium, .formButton1.medium, .formButton2.medium, .formButton3.medium, .formButton4.medium, .formButton5.medium, .formButton6.medium { font-weight: bold; font-size: 13px !important;}
.formButton0.small, .formButton1.small, .formButton2.small, .formButton3.small, .formButton4.small, .formButton5.small, .formButton6.small { font-weight: normal; font-size: 12px !important; padding: 4px 8px !important; }
.formButton0.light { background-image: none; background-color: #FFFFFF; border:1px solid #000000; }
.formButton0.big.wide, .formButton1.big.wide, .formButton2.big.wide, .formButton3.big.wide, .formButton4.big.wide, .formButton5.big.wide, .formButton6.big.wide {padding-left: 40px!important; padding-right: 40px!important; letter-spacing: 0.05em;}
.formButton0.wider, .formButton1.wider, .formButton2.wider, .formButton3.wider, .formButton4.wider, .formButton5.wider, .formButton6.wider {padding-left: 25px!important; padding-right: 25px!important; letter-spacing: 0.025em;}
/*COLOR*/
.formButton0 { color: #393941 !important; background-color: #dfdfe0; border: 1px solid #dfdfe0;} .formButton0:hover { background-color: #bfbfc0; border: 1px solid #bfbfc0; color: #393941 !important;}
.formButton0.jobs {
    color: #FFFFFF !important;
    background: #3a6db6; /* Old browsers */
    background: -moz-linear-gradient(top,  #3a6db6 0%, #3a6db6 50%, #003e9b 51%, #003e9b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a6db6), color-stop(50%,#3a6db6), color-stop(51%,#003e9b), color-stop(100%,#003e9b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3a6db6 0%,#3a6db6 50%,#003e9b 51%,#003e9b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3a6db6 0%,#3a6db6 50%,#003e9b 51%,#003e9b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3a6db6 0%,#3a6db6 50%,#003e9b 51%,#003e9b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3a6db6 0%,#3a6db6 50%,#003e9b 51%,#003e9b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a6db6', endColorstr='#003e9b',GradientType=0 ); /* IE6-9 */
}
.formButton0.jobs:hover {
    background: #3A6DB6;
}

.formButton0.jobwinner {
    color: #FFFFFF !important;
    background: #f95b39; /* Old browsers */
    background: -moz-linear-gradient(top,  #f95b39 0%, #f95b39 50%, #f12400 51%, #f12400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f95b39), color-stop(50%,#f95b39), color-stop(51%,#f12400), color-stop(100%,#f12400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f95b39 0%,#f95b39 50%,#f12400 51%,#f12400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f95b39 0%,#f95b39 50%,#f12400 51%,#f12400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f95b39 0%,#f95b39 50%,#f12400 51%,#f12400 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f95b39 0%,#f95b39 50%,#f12400 51%,#f12400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95b39', endColorstr='#f12400',GradientType=0 ); /* IE6-9 */
}
.formButton0.jobwinner:hover {
    background: #f95b39;
}

.formButton0.alpha {
    background: #ffd8bd; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffd8bd 0%, #ffd8bd 50%, #fdcbaa 51%, #fdcbaa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd8bd), color-stop(50%,#ffd8bd), color-stop(51%,#fdcbaa), color-stop(100%,#fdcbaa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffd8bd 0%,#ffd8bd 50%,#fdcbaa 51%,#fdcbaa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffd8bd 0%,#ffd8bd 50%,#fdcbaa 51%,#fdcbaa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffd8bd 0%,#ffd8bd 50%,#fdcbaa 51%,#fdcbaa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffd8bd 0%,#ffd8bd 50%,#fdcbaa 51%,#fdcbaa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd8bd', endColorstr='#fdcbaa',GradientType=0 ); /* IE6-9 */
}
.formButton0.alpha:hover {
    background: #ffd8bd;
}

.formButton0.xing {
    color: #FFFFFF !important;
    background: #3b8388; /* Old browsers */
    background: -moz-linear-gradient(top,  #3b8388 0%, #3b8388 50%, #005a5f 51%, #005a5f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b8388), color-stop(50%,#3b8388), color-stop(51%,#005a5f), color-stop(100%,#005a5f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3b8388 0%,#3b8388 50%,#005a5f 51%,#005a5f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3b8388 0%,#3b8388 50%,#005a5f 51%,#005a5f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3b8388 0%,#3b8388 50%,#005a5f 51%,#005a5f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3b8388 0%,#3b8388 50%,#005a5f 51%,#005a5f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8388', endColorstr='#005a5f',GradientType=0 ); /* IE6-9 */
}
.formButton0.xing:hover {
    background: #3B8388;
}

.formButton1 { color: #FFFFFF !important; background-color: #004099; border: 1px solid #004099;} .formButton1:hover { background-color: #00337A; border: 1px solid #00337A;}
.formButton2 { color: #192504 !important; background-color: #9DE519; border: 1px solid #9DE519;} .formButton2:hover { background-color: #98DC18; border: 1px solid #98DC18;}
.formButton3 { color: #FFFFFF !important; background-color: #0082C0; border: 1px solid #0082C0;} .formButton3:hover { background-color: #03a9fc; border: 1px solid #03a9fc;}
.formButton4 { color: #FFFFFF !important; background-color: #C42695; border: 1px solid #C42695;} .formButton4:hover { background-color: #AB2182; border: 1px solid #AB2182;}
.formButton5 { color: #FFFFFF !important; background-color: #F07B05; border: 1px solid #F07B05;} .formButton5:hover { background-color: #DC7004; border: 1px solid #DC7004;}
.formButton6 { color: #FFFFFF !important; background-color: #E23B30; border: 1px solid #E23B30;} .formButton6:hover { background-color: #D62B1F; border: 1px solid #D62B1F;}
.formButton7 { color: #FFFFFF !important; background-color: #faa240; border: 1px solid #faa240;} .formButton7:hover { background-color: #ea983d; border: 1px solid #ea983d;}

.formButton0.medium.nobg { padding: 0.3em 0.5em !important; font-size: 18px !important;}

/*//////////FIELDSET*/
fieldset { margin: 0.5em 0em 0.5em 0em; padding: 0.2em 0.8em 0.8em 0.8em; border: 1px solid #bfbfc0; }
fieldset { border-radius: 0px 3px 3px 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
fieldset.warning{ border-color: #F07B05 !important;}
fieldset.warning legend{ color: #F07B05 !important;}
legend { margin: 0em 0em 0em -0.8em; padding: 0em 0.5em 0em 0.5em; font-weight: normal; font-size: 18px; }

/*//////////FORM-STYLE*/
html>body .formSTYLE { position: relative; }
.formSTYLE .element { padding: 1.2em 0em; }
#profile .formSTYLE .element { padding: 0.75em 0em; }
.formSTYLE label { display: block; margin: 0em 0em 0.2em 0em; padding: 0em; font-weight: bold; color: #555562; }
.formSTYLE label.formCheck, .formSTYLE label.formRadio { display: inline !important; vertical-align: middle; font-weight: normal; color: #000000; }
.formSTYLE label.formRadio {padding-top: 1px;}
.formSTYLE .formText, .formSTYLE .formTextarea { width: 98%;  } .formSTYLE .formSelect { width: 98.6%; }
.formSTYLE .helpTXT { font-size: 90%; margin: 0.1em 1.8% 0em 0em; padding: 0em; line-height: 1em; text-align: right; font-style: italic; color: #9292a0; }

.row .element { padding: 0em 0.5em 0.25em 0em !important; float: left; }
.row .formText, .row .formSelect, .row .formTextarea { width: auto !important; }
.row .helpTXT { text-align: left; }

.loginform .formSTYLE .element, .registerform .formSTYLE .element, .passwordform .formSTYLE .element, #login .formSTYLE .element, .login-register .formSTYLE .element, .settings .formSTYLE .element{
    padding: 0.4em 0;
}

/*//////////////////////////////ALPHA-STYLE*/
.alpha100, .alpha90, .alpha80, .alpha70, .alpha60, .alpha50, .alpha40, .alpha30, .alpha20, .alpha10, .alpha0 { display: block; min-width: 1px; }
.alpha100 { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }
.alpha90 { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.alpha80 { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.alpha70 { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.alpha60 { filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.alpha50 { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.alpha40 { filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.alpha30 { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.alpha20 { filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.alpha10 { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
.alpha0 { filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; }

/*//////////////////////////////SPECIALS*/
h1 { font-weight: normal; font-size: 28px; padding: 0em; margin: 0em 0em 0.5em 0em; color: #393941; line-height: 1.5em; }
h2 { font-weight: normal; font-size: 22px; padding: 0em; margin: 1em 0em 0.1em 0em; color: #393941; line-height: 1.5em;}
h3 { font-weight: normal; font-size: 18px; padding: 0em; margin: 1em 0em 0.1em 0em; color: #393941; line-height: 1.5em;}
h4 { font-weight: bold; font-size: 14px; padding: 0em; margin: 0em 0em 0em 0em; color: #393941; line-height: 1.5em;}
h5 { font-weight: normal; font-size: 14px; padding: 0em; margin: 0em 0em 0em 0em; color: #393941; line-height: 1.5em;}

.dottedDivider { border-top: 1px dotted #555562; padding-top: 15px; }
.dottedVerticalDivider { border-left: 1px dotted #555562; padding-left:20px; }
.specialFont { font-family: Georgia, Times New Roman, Times, serif !important; font-weight: normal !important; }
.monospacedFont { font-family: Courier New, Courier, monospace !important; }

.highlight {
    padding: 2px 6px 4px 0px;
    line-height: 1.8em;
    background-color: rgba(157, 229, 25, 0.5);
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

@supports (-webkit-box-decoration-break: clone) or (box-decoration-break: clone) {
  .highlight {
    padding: 3px 6px 4px 6px;
    -webkit-box-decoration-break: clone;
         -o-box-decoration-break: clone;
            box-decoration-break: clone;
  }
}

.strikethrough { text-decoration: line-through; }

.jobBlogPromoBig {
    color: #fff; background-image: url(../img/bg/blogTeaserBg.png); background-position: top left; background-repeat: no-repeat; height: 300px; width: 880px; padding: 20px 0px 20px 40px;
}

.jobBlogPromoSmall {
    color: #fff; background-image: url(../img/bg/bgAdminBlogPromo.png); background-position: top left; background-repeat: no-repeat; height: 260px; width: 232px; padding: 80px 40px 20px 40px;
}

.twitterPromoBig {
    color: #fff; background-image: url(../img/bg/twitterTeaserBg.png); background-position: top left; background-repeat: no-repeat; height: 300px; width: 880px; padding: 20px 0px 20px 95px;
}

.twitterPromoBig #tweets p {
    color: #FFFFFF;
}

.twitterPromoBig .icon-twitter {
    display: none;
}

.twitterPromoBig a:hover { color:#ffffff; }

.twitterPromoBig p a { color:#dddddd; font-weight: normal; }

.socialMediaPromoSkyscraper {
    background-image: url(../img/bg/bgSocialMediaTeaserSkyscraper.png); background-position: top left; background-repeat: no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 15px;
    padding-top: 75px;
}

.socialMediaPromoLeaderboard {
    background-image: url(../img/bg/bgSocialMediaTeaserLeaderboard.png); background-position: top left; background-repeat: no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    padding: 15px;
    padding-left: 100px;
}

.blogTeaser.calendar { float:left; padding-top: 14px; }

.blogTeaser .pubDatum { width: 32px; height: auto; text-align: center; float:left; padding:0.1em 0.7em 0em 0em;}

.blogTeaser .pubDatum.unread .month {
    color: #FFFFFF; height:16px; padding-top: 1px;
    font-weight: normal;
    text-shadow: none;
    background-color: #56A9D0;
    background-image: linear-gradient(bottom, #56A9D0 5%, #0083C0 53%);
    background-image: -o-linear-gradient(bottom, #56A9D0 5%, #0083C0 53%);
    background-image: -moz-linear-gradient(bottom, #56A9D0 5%, #0083C0 53%);
    background-image: -webkit-linear-gradient(bottom, #56A9D0 5%, #0083C0 53%);
    background-image: -ms-linear-gradient(bottom, #56A9D0 5%, #0083C0 53%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.05, #56A9D0),
    	color-stop(0.53, #0083C0)
    );
}

.blogTeaser .pubDatum.unread .day {
    color: #0082C0; height:16px; padding-top: 2px; border: 1px solid #0082C0; border-top:none; font-weight: bold;
    text-shadow: none;
}

.row .hoverEffect:hover .over { display: inline !important; }

.vspacer { margin-top: 1.5em !important; }
.vspacerMINI { margin-top: 0.25em !important; }
.vspacerSMALL { margin-top: 0.75em !important; }
.vspacerBig { margin-top: 3em; }
.hspacer { margin-left: 1.5em !important; }
.hspacerSMALL { margin-left: .3em !important; }
.hspacerMIDDLE { margin-left: .75em !important; }

#navigationBox .hspacer { margin-left: 1.8em !important; }
tr.vspacer, tr.hspacer { margin: 0em !important; }
tr.vspacer td, td.vspacer { padding-top: 1.5em !important; }
tr.hspacer td, td.hspacer { padding-left: 1.5em !important; }
.bspacer { border: 0px none !important; border-left: 1px solid #dfdfe0 !important; padding-left: 1em; border-radius: 0px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; }

.vtop th, .vtop td, tr.vtop th, tr.vtop td, th.vtop, td.vtop, .vtop { vertical-align: top !important; background-position: top !important; }
.vmiddle th, .vmiddle td, tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle, .vmiddle { vertical-align: middle !important; background-position: center !important; }
.vbottom th, .vbottom td, tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom, .vbottom { vertical-align: bottom !important; background-position: bottom !important; }
.hleft th, .hleft td, tr.hleft th, tr.hleft td, th.hleft, td.hleft, .hleft { text-align: left !important; background-position: left !important; }
.hcenter th, .hcenter td, tr.hcenter th, tr.hcenter td, th.hcenter, td.hcenter, .hcenter { text-align: center !important; background-position: center !important; }
.hright th, .hright td, tr.hright th, tr.hright td, th.hright, td.hright, .hright { text-align: right !important; background-position: right !important; }

.right { float: right; margin: 0em 0em 0em 1em; }
.left { float: left; margin: 0em 1em 0em 0em; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.text-bold { font-weight: bold !important; }
.text-normal { font-weight: normal !important; }
.text-muted, .text-muted * { color: #bfbfc0 !important; }
.clear { float: none !important; clear: both !important; }
.clearDIV { display: block; height: 0em; line-height: 0em; font-size: 0em; clear: both !important; }

.colorDEFAULT { color: #000000 !important; }
.colorLIGHT { color: #9292a0 !important; }
.colorDARK { color: #555562; }
.colorERROR { color: #FF0000 !important; }
.colorNEGATIVE { color: #FFFFFF !important; } .colorNEGATIVE * { color: #FFFFFF; } hr.colorNEGATIVE { border-color: #FFFFFF !important; }
.colorSPECIAL1 { color: #004099 !important; }
.colorSPECIAL2 { color: #9DE519 !important; }
.colorSPECIAL3 { color: #0082C0 !important; }
.colorSPECIAL4 { color: #C42695 !important; }
.colorSPECIAL5 { color: #F07B05 !important; }
.colorSPECIAL6 { color: #E23B30 !important; }

.borderDEFAULT, .borderLIGHT, .borderERROR, .borderSPECIAL1, .borderSPECIAL2, .borderSPECIAL3, .borderSPECIAL4, .borderSPECIAL5, .borderSPECIAL6 { border: 1px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.borderBOLD { border: 2px solid; }
.borderDEFAULT { border-color: #000000 !important; }
.borderLIGHT { border-color: #bfbfc0 !important; }
.borderLIGHTER { border-color: #efefef !important;}
.borderERROR { border-color: #FF0000 !important; }
.borderSPECIAL1 { border-color: #004099 !important; }
.borderSPECIAL2 { border-color: #9DE519 !important; }
.borderSPECIAL3 { border-color: #0082C0 !important; }
.borderSPECIAL4 { border-color: #C42695 !important; }
.borderSPECIAL5 { border-color: #F07B05 !important; }
.borderSPECIAL6 { border-color: #E23B30 !important; }
h1.borderDEFAULT, h2.borderDEFAULT, h3.borderDEFAULT,
h1.borderLIGHT, h2.borderLIGHT, h3.borderLIGHT,
h1.borderERROR, h2.borderERROR, h3.borderERROR,
h1.borderSPECIAL1, h2.borderSPECIAL1, h3.borderSPECIAL1,
h1.borderSPECIAL2, h2.borderSPECIAL2, h3.borderSPECIAL2,
h1.borderSPECIAL3, h2.borderSPECIAL3, h3.borderSPECIAL3,
h1.borderSPECIAL4, h2.borderSPECIAL4, h3.borderSPECIAL4,
h1.borderSPECIAL5, h2.borderSPECIAL5, h3.borderSPECIAL5,
h1.borderSPECIAL6, h2.borderSPECIAL6, h3.borderSPECIAL6 { border-top: 0px none; border-right: 0px none; border-left: 0px none; padding-bottom: 0.1em !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
div.borderDEFAULT, div.borderLIGHT, div.borderERROR, div.borderSPECIAL1, div.borderSPECIAL2, div.borderSPECIAL3, div.borderSPECIAL4, div.borderSPECIAL5, div.borderSPECIAL6,
p.borderDEFAULT, p.borderLIGHT, p.borderERROR, p.borderSPECIAL1, p.borderSPECIAL2, p.borderSPECIAL3, p.borderSPECIAL4, p.borderSPECIAL5, p.borderSPECIAL6 { padding: 15px !important; }
hr.borderDEFAULT, hr.borderLIGHT, hr.borderERROR, hr.borderSPECIAL1, hr.borderSPECIAL2, hr.borderSPECIAL3, hr.borderSPECIAL4, hr.borderSPECIAL5, hr.borderSPECIAL6 { border-right: 1px solid #FFFFFF !important; border-bottom: 1px solid #FFFFFF !important; border-left: 1px solid #FFFFFF !important; }

.nobackground { background: none !important; }
.nontransparent { background-color: #FFFFFF !important; }
.noborder, .noborder th, .noborder td { border: 0px none !important; } a.noborder { text-decoration: none !important; }
.nolist, .nolist li { margin: 0em; padding: 0em; list-style-type: none; } .nolist li { float: left; padding: 0.5em 1em; }

.big { font-size: 230% !important; font-weight: normal; color: #555562; }
h1 .big, h2 .big, h3 .big { font-size: 200% !important; }
table.big th, table.big td { font-size: 230% !important; }
input.big, select.big, textarea.big { font-size: 16px !important; padding: 12px 16px !important; }
select.big {height: 48px;}
.medium { font-size: 130% !important; font-weight: normal; }
.lead { font-size: 14px; }
h1 .medium, h2 .medium, h3 .medium { font-size: 130% !important; }
table.medium th, table.medium td { font-size: 150% !important; }
input.medium, select.medium, textarea.medium { font-size: 12px !important; padding: 8px;}
.small { font-size: 90%; }
h1 .small, .big .small { font-size: 45% !important; } h2 .small { font-size: 60% !important; } h3 .small { font-size: 65% !important; } .big .small, .medium .small { font-size: 65% !important; }
table.small th, table.small td { font-size: 90% !important; }
input.small, select.small, textarea.small { font-size: 90% !important; }

.screenON { /*--*/ }
.screenOFF { display: none !important; }

/* Candidate Search */

.selectFilterBig {
    font-size: 125%;
    padding: 5px 15px 5px 40px;
}

.selectFilterBig.active {
    box-shadow: inset 0 2px 5px #000000;
}

.selectFilterBig.candidates.active {
    background: url(../img/bg/bgSelectFilterCandidates_active.png) no-repeat left center;
    color: white;
    border-radius: 3px;
}

#profileDetailFunctions {
    margin: 0 auto;
    padding-bottom: 1.5em;
}

#profile #functionbar {
    float: right;
}

#candidates-list a:visited {
    color: #707372;
}

#facetFilters {
    margin-top: 3em;
}

.facetTitle {
    border-bottom: 1px solid #555562;
    font-weight: bold;
    padding-bottom: 2px;
}

#candidates-list span.em, #profile span.em { background-color: #DFC2DA; }
#candidates-list span.em-light, #profile span.em-light { background-color:#F5ECF3; }
#candidates-list span.em, #profile span.em { padding:0 3px; }

#overlay-bookmarksets {
    width: 200px;
    position:absolute;
    right:0;
    margin-top:-27px;
    padding: 10px 10px;
    background-color:#006474;
    color: #FFFFFF !important;
    -webkit-box-shadow: 0px 7px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 23px 0px rgba(0,0,0,0.75);
    display: none;
    z-index: 1000;
}

#overlay-bookmarksets h4 {
    font-weight: 400;
}

#overlay-bookmarksets ul {
    height:120px;
    overflow:auto;
    margin-left:0;
}

#overlay-bookmarksets li a:hover {
    text-decoration: none;
    color: #FFFFFF;
    opacity: 0.75;
}

#overlay-bookmarksets li {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0.35em 0;
}

#overlay-bookmarksets input, #overlay-bookmarksets select {
    height: 25px;
    margin-bottom: 8px;
}

#multipleActionButtons #overlay-bookmarksets { left:0px;  }

.bookmarkButton:hover { text-decoration: none; }

.selectFilterBig {
    font-size: 125%;
    padding: 5px 15px 5px 40px;
}

.selectFilterBig.active {
    box-shadow: inset 0 2px 5px #000000;
}

.selectFilterBig.candidates.active {
    background: url(../img/bg/bgSelectFilterCandidates_active.png) no-repeat left center;
    color: white;
    border-radius: 3px;
}

#candidates-count, #bookmarkset-view, #searchProfileName, #saveSearchButton, #saveSearchButtonIcon, #new-search, #newSearch .icon-close {
    font-size: 15px;
}

#candidates-list .remove-confirm {
    display: none;
    position: absolute;
    width: 670px;
    background: rgba(255,255,255,0.45);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.45)), color-stop(52%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.45) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    z-index:100;
    left: 0;
    top: 0;
    text-align: right;
    padding-right: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 0.95;
}

#candidates-list .remove-spinner {
    display: none;
    position: absolute;
    right: 20px;
    top:30px;
}

#bookmarkset-edit-list td, #searchProfile-edit-list td {
    padding: 0.9em 0.2em  !important;
}

.destroy-confirm-tiny {
    display: none;
    position: absolute;
    background: #FFFFFF;
    z-index:100;
    top: 0;
    text-align: right;
    padding-right: 15px;
    padding-top: 3px;
}

.destroy-confirm-tiny .destroy-confirmed, .destroy-confirm-tiny .destroy-canceled {
    font-size: 10px !important;
}

.destroy-confirm-tiny .destroy-spinner {
    padding-top: 3px;
    float: right;
}

#candidates-count, #bookmarkset-view, #searchProfileName {
    padding-top: 1px;
}

.search-info {
    width: 360px;
}

#bookmarkset-public-info {
    font-size: 12px;
}

#candidates-view #positions {
    margin-bottom: 1em;
}

#positions .filter {
    float: left;
    margin-right: 2px;
}

#profileDetailFunctions {
    margin: 0 auto;
    padding-bottom: 1.5em;
}

#profile #functionbar {
    float: right;
}

#profile .empty-state{
    padding: 30px;
    width: auto;
}

#profile .languages.empty #showLanguages,
#profile #skills.empty #showSkills,
#profile #webProfiles.empty #addWebProfilesButton
{display: none !important;}

#profile .languages.edit .addLanguageSkill,
#profile .languages.edit #showLanguages,
#profile .languages.edit .empty-state,
#profile #skills.edit #addSkillsButton,
#profile #skills.edit .empty-state,
#profile #webProfiles.edit #addWebProfilesButton,
#profile #webProfiles.edit .empty-state,
#profile #webProfiles.edit #displayWebProfiles
{display: none !important;}

#profile #skills.filled #addSkillsButton
{display: none !important;}

#profile #detailLanguage .optionRating.formSelect{ width: 200px; margin-right: 20px;}


.rating {
    border: 1px solid #9292a0;
    padding: 0px 3px;
    color: #9292a0;
}

.rating:hover, .rating.selected {
    text-decoration: none;
    color: #ffffff !important;
    background-color: #00859B;
    border-color: #00859B;
}

#profile #noteButtons {
    float:right;
    padding-right:13px;
}

#profile #noteForm {
    padding:2px 0px 2px 2px;
    border-radius:3px 0 0 3px;
    background: #ffe699;
    background: -moz-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,230,153,1)), color-stop(81%, rgba(255,230,153,1)), color-stop(100%, rgba(255,230,153,0.35)));
    background: -webkit-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: -o-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: -ms-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: linear-gradient(to right, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe699', endColorstr='#ffe699', GradientType=1 );
    display:none;
}

#profile #noteForm .formTextarea {
    background-color:#FFF4D0;
    outline: 0;
}

#profile .note {
    padding:3px 4px 3px 5px;
    margin-top:6px;
    background: #ffe699;
    background: -moz-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,230,153,1)), color-stop(81%, rgba(255,230,153,1)), color-stop(100%, rgba(255,230,153,0.35)));
    background: -webkit-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: -o-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: -ms-linear-gradient(left, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    background: linear-gradient(to right, rgba(255,230,153,1) 0%, rgba(255,230,153,1) 81%, rgba(255,230,153,0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe699', endColorstr='#ffe699', GradientType=1 );
}

#profile .note .notecontent {
    width:90%;
    float: left;
    color: #555562;
}

#profile .note .notecontent div {
    padding-top:3px;
    color:#AC9C65;
}

#profile .note .notecontent div span {
    padding-left:3px;
}

#profile .note .notebuttons {
    float:left;
    padding-top:2px;
}

#profile #displayWebProfilesInner div {
    line-height: 28px;
}

#profile #showOtherprofiles div span, #profile #editWebProfiles div span.colorDARK {
    vertical-align: middle;
    font-size: 125%;
}

#bookmarkButtonDetail {
    color: #00859B !important;
    font-size: 150%;
    display: inline-block;
}

#bookmarkButtonDetail:hover {
    text-decoration: none;
    opacity: 0.8;
}

#splashScreenDoge{
    background: url(../img/content/spashScreenDoge.jpg) no-repeat bottom center;
    background-color: #cecd10;
    height: 470px;
}

#splashScreenDoge h1{
    font-size: 40px !important;
    font-weight: normal;
    color: #FFFFFF !important;
    text-align: center;
}

#splashScreenDoge h1 .big{
    font-size: 60px !important;
    font-weight: normal;
    color: #FFFFFF !important;
}

.cvcloud-promo-1 {
    background: url(../img/content/candidateM1.png) no-repeat bottom left;
    background-size: 180px 300px;
    min-height: 460px;
}

.cvcloud-promo-2 {
    background: url(../img/content/candidateF1.png) no-repeat bottom left;
    min-height: 460px;
}

.cvcloud-promo-doge {
    background: url(../img/content/candidate-doge.png) no-repeat bottom left;
    min-height: 460px;
}

.cvcloud-promo-content {
    padding-left: 210px;
    padding-top: 20px;
    width: 310px;
}

/* DEBUG-SPECIFICATIONS */
.debug-block { text-align: left; background-color: white; border: 1px dashed #C42695; font-size: 11px; }
/* ************************************************************ */


.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
}

.introjs-showElement {
  z-index: 9999999 !important;
}

.introjs-relativePosition {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255,255,255,.9);
  border: 1px solid #777;
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 3px;
  box-shadow: 0 2px 15px rgba(0,0,0,.4);
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -23px;
  left: -23px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
  background: #ff3019; /* Old browsers */
  background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
  background:    -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background:     -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
  background:      -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);  /* W3C */
  width: 20px;
  height:20px;
  line-height: 20px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}

.introjs-arrow {
  border: 5px solid white;
  content:'';
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:white;
  border-left-color:transparent;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:white;
}
.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color:white;
  border-right-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color:transparent;
  border-right-color:white;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 220px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0,0,0,.4);
  -webkit-transition: opacity 0.1s ease-out;
     -moz-transition: opacity 0.1s ease-out;
      -ms-transition: opacity 0.1s ease-out;
       -o-transition: opacity 0.1s ease-out;
          transition: opacity 0.1s ease-out;
}

.introjs-tooltiptext {
    font-weight: bold;
    color: #0082C0;
    text-align: left;
}

.introjs-tooltipbuttons {
    text-align: left;
}


.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-left: 10px;
  float: right;
}

.introjs-prevbutton {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

table.cvcloudPricingTable tr:first-child td:first-child {
    -moz-border-radius: 3px 0 0 0;
    -khtml-border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
}

table.cvcloudPricingTable tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 3px;
    -khtml-border-radius: 0 0 0 3px;
    -webkit-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}

table.cvcloudPricingTable tr:first-child td:last-child {
    -moz-border-radius: 0 3px 0 0;
    -khtml-border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

table.cvcloudPricingTable tr:last-child td:last-child {
    -moz-border-radius: 0 0 3px 0;
    -khtml-border-radius: 0 0 3px 0;
    -webkit-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}

.cvcloudPricingTable td {
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
}

.cvcloudPricingTable .headTitel {
    font-size: 20px;
    letter-spacing: 0.1em;
}

div[aria-labelledby="ui-dialog-title-dialog-activationInfo"] .ui-dialog-titlebar-close {
    display: none;
}

#talentpool .ui-dialog .ui-dialog-content{
    height: auto !important;
    padding: 10px 30px 10px 10px;
}

.ui-dialog-content h3:first-child{
    margin-top: 0;
}

.filter-tab {
    list-style-type: none;
    margin: 3px 20px 0 0;
}

.filter-tab .tab {
    float: left;
    padding: 8px 10px;
    border:1px solid #004099;
}

.filter-tab .tab:first-child {
    border-radius: 3px 0 0 3px;
    margin-right: -1px;
}

.filter-tab .tab:last-child {
    border-radius: 0 3px 3px 0;
}

.filter-tab .tab.selected {
    background-color: #004099;
}

.filter-tab .tab a {
    color: #004099;
}

.filter-tab .tab.selected a {
    color: #fff;
}

.filter-tab .tab a:hover {
    text-decoration: none;
}

ul.square {
    list-style-type: square;
    margin-left: 0;
    padding-left: 22px;
}

ul.plus {
    list-style-type: none;
    margin-left: 0;
    padding-left: 7px;
}

ul.plus li:before {
    content: "+";
    margin-right: 11px;
    font-weight: bold;
}


ul.check {
    padding-left: 25px;
}

/* ************* LANDING PAGES ************** */

.nooverflow{
    overflow: hidden;
}

/* Landing Page Hero Styles */

#topTeaser.landing.new-era .content {
    padding:60px 0 0 0;
    width: 650px;
}

#topTeaser.landing.new-era ul{
    margin: 20px 0;
}
#topTeaser.landing.new-era ul li{
    font-size: 16px;
    margin-bottom: 8px;
}

#topTeaser.landing.new-era.hero{
    height: 490px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#topTeaser.landing.new-era.visual-weiterfuehren {
    background: #eaeaea url(../img/bg/bgJumboWeiterfuehren.jpg) no-repeat center top;
    height: 490px;
}

#topTeaser.landing.new-era.visual-weiterfuehren .content {
    width: 560px;
}

.landing.new-era.hero h1{ font-size: 32px !important; font-weight: bold !important; }
.landing.new-era.hero h2{ font-size: 22px !important; line-height: 32px; }
.landing.new-era.hero h2.iconCheckBIG{ background-position: left 0.4em;}
.landing.new-era.hero h2.iconFailedBIG{ background-position: left 0.4em;}

/* Landing Page Sections */
.landing.new-era.section{padding-bottom: 40px;}

.landing.new-era.section .content{
    position: relative;
    padding-top: 60px !important;
    padding-bottom: 20px !important;
    min-height: 0 !important;
    text-align: center;
}

.landing.new-era.section .content.primary:last-child{margin-bottom: 40px;}

.landing.new-era.section .content h3{
    font-size: 28px;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}

.landing.new-era.section .content h4{
    font-size: 22px;
    font-weight: normal;
    color: #000;
    margin-bottom: 5px;
}

.landing.new-era.section .content p{
    font-size: 14px;
    color: #555562;
    margin: 0 auto 30px auto;
}

.landing.new-era.section .content p.limited{
    width: 650px;
}

.landing.new-era.section .content.cta h3{
   margin-bottom: 0px;
}

/* Featurebar */
.landing.new-era.featureBar {
    padding: 25px 0px 5px 0px;
    text-align: left;
}

.landing.new-era.featureBar .content{
    min-height: 0 !important;
    padding-top: 1em !important;
}

.landing.new-era.featureBar .featureBarItem{
    display: block;
    min-height: 80px;
    padding: 6px 20px 10px 90px;
    width: 186px;
    float: left;
    color: #000;
    opacity: 0.7;
}

.landing.new-era.featureBar a:hover{
    opacity: 1;
    text-decoration: none;
}

.landing.new-era.featureBar .headline{
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 6px;
}

.landing.new-era.featureBar .teaser{
    font-size: 14px;
    line-height: 22px;
}

/* Two Columns */
.landing.new-era.section .content .otherFeatures{
    display: block;
    margin-top: 50px;
}

.landing.new-era.section .content .otherFeaturesItem{
    display: block;
    float: left;
    text-align: left;
    padding-left: 90px;
    padding-right: 15px;
    width: 340px;
    vertical-align: top;
}

.landing.new-era.section .content .otherFeaturesItem h3{
    font-size: 22px;
    margin-top: 25px;
}

/* Landingpage Arrows */
.landing.new-era.section .content .arrow{
    display: block;
    background: url(../img/content/LandingArrows.png) no-repeat;
    position: absolute;
    top: -80px;
    width: 75px;
    height: 152px;
}

.landing.new-era.section .content .arrow-left{
    left: -60px;
}

.landing.new-era.section .content .arrow-right{
    background-position:0px -200px;
    right: -60px;
}

.landing.new-era.section .content .hide-arrow{
    opacity: 0;
}

.landing.new-era.section .content .show-arrow{
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-out;
     -moz-transition: opacity 0.5s ease-out;
      -ms-transition: opacity 0.5s ease-out;
       -o-transition: opacity 0.5s ease-out;
          transition: opacity 0.5s ease-out;
}

/* Login/Register */

#main.login-register {
    background-color: #f7f7f7 !important;
}

#main.login-register .content {
    padding: 90px 0;
}

.company-login{
    text-align: center;
    padding: 2em 0;
    width: 700px;
    margin: 0 auto;
}

.login-register .box {
    background-color: #fff;
    width: 700px;
    margin: 0 auto;
    border-radius: 3px;
    z-index: 999;
    position: relative;
}

.login-register .topic {
    float: left;
    width: 300px;
    height: 550px;
    display: table;
    background: url(../img/bg/bgModalSideLogin.jpg) no-repeat top left;
    background-color: #2d4f95;
    background-size: cover;
    color: #FFFFFF;
}

.login-register.table .topic {
    height: 400px;
}

.login-register.table.topic-xl .topic {
    height: 550px;
}

#main.login-register .topic {
    border-radius: 3px 0 0 3px;
}

.login-register .initial-topic {
    text-align: center;
    padding: 0px 25px 0px 25px;
    display: table-cell;
    vertical-align: middle;
}

.login-register .next-topic {
    padding: 0px 25px 0px 35px;
    display: table-cell;
    vertical-align: middle;
    max-width:100px;
    overflow: hidden;
}

.login-register .topic h2, .login-register .topic p {
    color: #FFFFFF;
}

.login-register .topic h2 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.login-register .next-topic h2 {
    margin-bottom: 15px;
}

.login-register .topic p {
    line-height: 20px;
    color: #CCD9EB;
    letter-spacing: 0.02em;
}

.login-register .topic-icon {
    color: #FFFFFF;
    font-size: 70px;
}

.login-register .next-topic .row {
    padding-top: 25px;
}

.login-register .next-topic .column.icon {
    color: #FFFFFF;
    font-size: 32px;
    padding-top: 5px !important;
    width: 50px;
}

.login-register .next-topic .column.text {
    width: 180px;
}

.login-register .next-topic a {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

.login-register .next-topic h3 {
    margin-top: 0;
    color: #FFFFFF;
}

.login-register .next-topic p {
    padding-top: 0;
}

.login-register .form {
    float: left;
    width: 340px;
    padding: 15px 30px 0px 30px;
}

.login-register.table .form {
    display: table;
    height: 400px;
    padding-top: 0;
}

.login-register.table.topic-xl .form {
    display: table;
    height: 540px;
    padding-top: 0;
}

.login-register.table .form .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.login-register.table .form h2 {
    margin-top: 0;
}

.login-register .form .toggle-mode {
    position: absolute;
    bottom: 20px;
    width: 330px;
}

#main.login-register .toggle-mode {
    bottom: 30px;
}

.login-register .toggle-mode p.toggle-text {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.login-register .form h2 {
    font-weight: bold;
}

.login-register .form p {
    line-height: 1.5em;
}

.login-register .form .colorERROR  {
    font-size: 12px;
}

.login-register .form .large-padding {
    padding-top: 90px;
}

.login-register .formError p {
    padding-bottom: 0;
}

/* Weiterfuehren Landingpage specifics */

.weiterfuehren .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.weiterfuehren .video-frame{
    padding: 3px;
    background-color: #000;
    border-radius: 3px;
}

.weiterfuehren .video-container iframe,
.weiterfuehren .video-container object,
.weiterfuehren .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.weiterfuehren .video-row, .weiterfuehren .facebook-row{
    padding-top: 60px;
}
.weiterfuehren .facebook-row{
    text-align: left;
}

.facebook-iframe{
    border: 1px solid #e8e8e8;
}

.weiterfuehren .video-row.first-row{
    padding-top: 40px;
}

.weiterfuehren .video-column-media{
    width: 50%;
    float: left;
    text-align: left;
    padding-bottom: 0px;
}

.weiterfuehren .video-column-description{
    width: 48%;
    padding-left: 2%;
    float:left;
    text-align: left;
}

/* Delete Page */
.delete-account .service-column{
    width:30%;
    float: left;
    margin-right:5%;
}
.delete-account .service-column.last{
    margin-right:0%;
}
.delete-account .service-icon{
    display: block;
    background: url(../img/content/service-delete-features.gif) 0 0 no-repeat;
    width: 80px;
    height: 80px;
}

.delete-account .service-row a{font-size: 14px !important; padding-top: 10px; padding-bottom: 10px; display: inline-block;}
.delete-account .service-row{margin: 40px 0px 20px 0px;}
.delete-account .service-row h2{margin-bottom: 20px;}
.delete-account .service-icon.jobscv{background-position: 0px 0px;}
.delete-account .service-icon.jobsmail{background-position: -80px 0px;}
.delete-account .service-icon.lohnrechner{background-position: -160px 0px;}
.delete-account p.medium{font-size: 16px !important; padding-top: 0px;}
.delete-account p{font-size: 14px; color: #555562;}
.delete-account h3{margin-top: 8px;}
.delete-account .warning{margin-bottom: 10px; font-weight: bold;}

/* APPLICATION PROMO */
.applicationPromo{
    display: block;
    height: 300px;
    border: 1px solid #868686;
    border-radius: 3px;
    position: relative;
}
.applicationPromo span{display: block;}
.applicationPromo a:hover, .applicationPromo a:active, .applicationPromo a:visited, .applicationPromo a:focus{text-decoration: none;}
.applicationPromo a{color: #000 !important; width: 100%; height: 100%; display: block;}
.applicationPromo .promoContent{
    position: relative;
    margin-left: 260px;
    padding: 15px 25px 25px 0px;
}
.applicationPromo .promoContent h2{color: #000000;}
.applicationPromo .promoContent p, .applicationPromo .promoContent ul{font-size: 16px;}
.applicationPromo .promoContent ul{margin: 0px;}
.applicationPromo .promoContent ul li{margin-left: 15px;}
.applicationPromo .promoContent .formButton4{
    display: inline-block;
    zoom: 1;  *display: inline;  /* IE7 Hack */
}
.applicationPromo .promoIcons{
    position: absolute;
    bottom: 25px;
    left: 260px;
}
.applicationPromo .promoIcons a{display: inline;}
.applicationPromo.cv{background: url(../img/bg/application-promo-1.jpg) top left no-repeat #e9e9eb;}
.applicationPromo.jobsmail{
    min-height: 250px;
    height: auto;
    background: url(../img/bg/application-promo-2.jpg) top right no-repeat #e6e6e8;
}
.applicationPromo.jobsmail .promoContent{
    margin-left: 25px;
    margin-right: 200px;
}
.applicationPromo.mobileapps{
    height: 340px;
    background: url(../img/bg/application-promo-3.jpg) top left no-repeat #ebedeb;
}

/* NEAT LANDING PAGE *********************************************************************/
#topTeaser.landing.neat{
    height: 650px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#topTeaser.landing.neat .content {
    padding:40px 0 0 0;
    text-align: center;
}
#topTeaser.landing.neat .login-register{
    width: 370px;
    margin-left: 590px;
    margin-top: 30px;
}
#topTeaser.landing.neat .login-register .box{
    height: auto;
    width: 370px;
    overflow: hidden;
    position: relative;
}
#topTeaser.landing.neat .login-register .box.registered{
    margin-top: 200px;
    height: auto;
    padding: 20px;
}
#topTeaser.landing.neat .login-register .box.registered p{
    font-size: 16px;
}
#topTeaser.landing.neat .login-register .box.unity{
  margin-top: 250px;
  padding: 20px;
}
/*/////////ACTION TEASER */
#newjobsmail a{
    text-decoration: none;
}

#topTeaser.landing.neat .login-register .box .sprite{
    width: 3000px;
    -webkit-transition: margin-left 250ms ease-in-out;
    -moz-transition: margin-leftll 250ms ease-in-out;
    -o-transition: margin-left 250ms ease-in-out;
    transition: margin-left 250ms ease-in-out;
}
#topTeaser.landing.neat .login-register .form{padding: 5px 30px; width: 310px; position: relative; min-height: 345px; padding-bottom: 110px;}
#topTeaser.landing.neat .login-register .toggle-mode{width: 310px;}
#topTeaser.landing.neat .login-register h2{ margin-bottom: 0.5em; }
#topTeaser.landing.neat .login-register p{
    line-height: 1.5em !important;
    margin: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

#topTeaser.landing.neat .login-register .errorPassword2 {
    padding-bottom: 0px;
}

#topTeaser.landing.neat.hero{
    height: 490px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.landing.neat.hero .content h1{ font-size: 32px !important; font-weight: bold !important; margin-bottom: 0.2em !important; }
.landing.neat.hero .content h2{ font-size: 21px !important; line-height: 32px; }
.landing.neat.hero .content h2.iconCheckBIG{ background-position: left 0.4em;}
.landing.neat.hero .content h2.iconFailedBIG{ background-position: left 0.4em;}

/* Landing Page Sections */
.landing.neat.section{padding: 50px 0px;}
.no-padding{padding: 0px 0px !important;}
.no-margin{margin: 0px 0px !important;}
.no-margin-vertical{margin-top: 0 !important; margin-bottom: 0 !important;}
.no-margin-horizontal{margin-left: 0 !important; margin-right: 0 !important;}

.landing.neat.section .content, .landing.neat.section div{
    font-size: 16px;
    position: relative;
    margin: 0px 0px !important;
    min-height: 0 !important;
}

.landing.neat.section .content.centered{
    text-align: center;
}

.landing.neat.section .content h3{
    font-size: 28px;
    font-weight: normal;
    color: #393941;
    margin-bottom: 15px;
    margin-top: 0px;
}

.landing.neat.section .content h4{
    font-size: 22px;
    font-weight: normal;
    color: #393941;
    margin-bottom: 5px;
}

.landing.neat.section .content p{
    font-size: 16px;
    margin: 1em auto 1em auto;
}

.landing.neat.section .content p:last-child{
    margin-bottom: 0;
}

.landing.neat.section .content p.limited{
    width: 750px;
}

.landing.neat.section .content iframe{
    -webkit-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 24px -4px rgba(0,0,0,0.3);
    background-color: #000;
}

.landing.neat.section .content.cta h3{
   margin-bottom: 0px;
}

/* Landing Page Featurebar */
.landing.neat.featureBar {
    padding: 25px 0px 5px 0px;
    text-align: left;
}
.landing.neat.featureBar .content{
    min-height: 0 !important;
    padding-top: 1em !important;
}
.landing.neat.featureBar .featureBarItem{
    display: block;
    min-height: 80px;
    padding: 6px 20px 0px 0px;
    width: 300px;
    float: left;
    color: #393941;
}
.landing.neat.featureBar a:hover{
    text-decoration: none;
}

.landing.neat.featureBar .featureText {
    float: left;
    width: 200px;
    padding-top: 8px;
}

.landing.neat.featureBar .headline{
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 6px;
    color: #393941;
}
.landing.neat.featureBar .teaser{
    font-size: 14px;
    line-height: 22px;
}

/* SLIDESHOW */

.landing.neat.section .content .feature-slideshow{
    width: 900px;
    height: 530px;
    background-color: #ddd;
    position: relative;
}

.landing.section .content .feature-slideshow .feature-slideshow-canvas{
    position: absolute;
    background-color: #fff;
    width: 694px;
    height: 449px;
    top:24px;
    left: 104px;
    overflow: hidden;
}

.landing.neat.section .content .feature-slideshow .feature-slideshow-sprite{
    position: relative;
    left: 0px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.landing.neat.section .content .feature-slideshow .bubbled{
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
}

.feature-slideshow-dots a{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background-color: #555562;
    margin: 0 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.feature-slideshow-dots a.active{
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #c42695;
    margin: 0 1px -2px;
}

.feature-slideshow-arrows{
    position: absolute;
    top: 250px;
    width: 100%;
}

.feature-slideshow-arrows .arrow-left, .feature-slideshow-arrows .arrow-right{
    font-size: 28px;
    color: #555562;
}
.feature-slideshow-arrows .arrow-left{
    position: absolute;
    left: 0px;
}
.feature-slideshow-arrows .arrow-right{
    position: absolute;
    right: 0px;
}

/* BUBBLES */

.bubbled{
    display: inline-block;
    border-radius: 150px;
    -webkit-box-shadow: 0px 27px 29px 0px rgba(50, 50, 50, 0.34);
    -moz-box-shadow:    0px 27px 29px 0px rgba(50, 50, 50, 0.34);
    box-shadow:         0px 27px 29px 0px rgba(50, 50, 50, 0.34);
    padding: 10px;
    background-color: #fff;
}

.bubbled div{
    border-radius: 150px;
    width: 230px;
    height: 230px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px 0px 29px 0px rgba(50, 50, 50, 0.34);
    -moz-box-shadow:    inset 0px 0px 29px 0px rgba(50, 50, 50, 0.34);
    box-shadow:         inset 0px 0px 29px 0px rgba(50, 50, 50, 0.34);
}

.bubbled img{
    border-radius: 150px;
}

/* SCROLL TOP */
.scrolltop{
    display: none;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 999;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
}

.scrolltop img{
    width: 100%;
}

/* LANDING ICONS */
.featureIcon {
    border: 2px solid #393941;
    border-radius: 50px;
    width: 78px;
    height: 78px;
    margin-right: 15px;
    display: table;
    float: left;
}

.featureIcon span {
    font-size: 40px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* LANDING DNA */
#topTeaser.landing.neat.dna{ background: #f2f5f4 url(../img/bg/bgJumboDna.jpg) no-repeat center top; }
.landing.dna .content #featureBarItem1 .featureIcon span { padding-left: 4px; padding-bottom: 2px; }
.landing.dna .content #featureBarItem2 .featureIcon span { padding-left: 3px; }
.landing.dna .content #featureBarItem3 .featureIcon span { padding-left: 2px; padding-bottom: 2px; }
.landing.dna.section .content .featureVisual{border-radius: 3px;}
.landing.dna.section .content .device{ position: absolute; }
.landing.dna.section .content #device-1{ right: -70px; bottom: -40px; }
.landing.dna.section .content #device-2{ left: -50px; bottom: -40px; }
.landing.dna.section .content #device-3{ right: -60px; bottom: -30px; }

/* LANDING CV */
#topTeaser.landing.neat.lebenslauf{ background: #f2f5f4 url(../img/bg/bgJumboCV.jpg) no-repeat center top; }
.landing.lebenslauf .content #featureBarItem1 .featureIcon span { padding-left: 17px; padding-bottom: 4px; }
.landing.lebenslauf .content #featureBarItem2 .featureIcon span { font-size: 50px; }
.landing.lebenslauf .content #featureBarItem3 .featureIcon span { padding-right: 7px; }
.landing.lebenslauf.section.companies{ background: #eeeeee url(../img/bg/bgCompaniesCV.jpg) no-repeat center bottom; }
.landing.lebenslauf.section.check { padding-top: 90px; padding-bottom: 80px; }
.landing.lebenslauf.section.check .visual{ text-align: center; }
.landing.lebenslauf.section.check .visual-2{ position: absolute; right: -45px; top: -70px; }
.landing.lebenslauf.section.pdfdownload{ background: #efefef url(../img/bg/bgPdfCV.jpg) no-repeat center bottom;  padding-bottom: 90px;}
.landing.lebenslauf.section.pdfdownload .visual-1{ position: absolute; bottom:0; left: 175px; }
.landing.lebenslauf.section.tutorial{ background: #fff url(../img/bg/bgTutorialCV.jpg) no-repeat center bottom; }

/* LANDING JOBMAIL */
#topTeaser.landing.neat.jobmail{ background: #e7e4dd url(../img/bg/bgJumboJobMail.jpg) no-repeat center top; }
.landing.jobmail .content .featureBarItem{  }
.landing.jobmail .content #featureBarItem2 .featureIcon span { padding-left: 8px; }
.landing.jobmail .content #featureBarItem3 .featureIcon span { padding-left: 4px; padding-bottom: 6px; }
.landing.jobmail.section.mails { background-color: #efefef; }
.landing.jobmail.section.mails .visual-2{ position: absolute; right: 0px; top: 10px; }
.landing.jobmail.section.mobilemails .visual-2{ position: absolute; right: 40px; top: 10px; }
.landing.jobmail.section.filter { background: #efefef url(../img/bg/lanBgJobmailFilter_de.jpg) no-repeat center bottom;  padding-bottom: 120px; padding-top: 55px; min-height: 250px;}
.landing.jobmail.section.filter .visual-1{ position: absolute; right: 0px; top: 0px; }
.landing.jobmail.section.tutorial{ background: #fff url(../img/bg/lanbgTutorialJobmail.jpg) no-repeat center bottom; }

/* LANDING Talent */
#topTeaser.talent.landing.neat{ background: #b5b8b7 url(../img/bg/bgJumboTalent.jpg) no-repeat center top; }
.landing.talent .content #featureBarItem1 .featureIcon span { padding-bottom: 3px; }
.landing.talent .content #featureBarItem2 .featureIcon span { padding-top: 3px; }
.landing.talent .content #featureBarItem3 .featureIcon span { padding-left: 6px; padding-bottom: 6px; }
.landing.talent.section.pdfdownload{ background: #efefef url(../img/bg/lanBgTalentPdf_de.gif) no-repeat center bottom;  padding-bottom: 100px; padding-top: 55px; min-height: 250px;}
.landing.talent.section.pdfdownload .visual-1{ position: absolute; right: 0px; top: 0px; }
.landing.talent.section.tutorial{ background-color: #efefef; }
.landing.talent.section .content .feature-slideshow #slide0-bubble{ top:330px; left: 520px; }
.landing.talent.section .content .feature-slideshow #slide1-bubble{ top:233px; left: 500px; display: none; }
.landing.talent.section .content .feature-slideshow #slide2-bubble{ top:160px; left: 390px; display: none; }
.landing.talent.section .content .feature-slideshow{background-image: url(../img/bg/lanBgTutorialTalent.gif);}

/* LANDING Salary */
#topTeaser.salary.landing.neat{ background: #f9f9f9 url(../img/bg/bgJumboSalary.jpg) no-repeat center top; }
.landing.salary .content #featureBarItem1 .featureIcon span { padding-left: 16px; padding-bottom: 7px; }
.landing.salary .content #featureBarItem2 .featureIcon span { font-size: 55px; padding-top: 3px; }
.landing.salary .content #featureBarItem3 .featureIcon span { padding-left: 6px; padding-top: 6px; }
.landing.salary.section.salarycheck{ background: #efefef url(../img/bg/bgSalary_de.jpg) no-repeat 65% bottom;  padding-bottom: 100px; padding-top: 55px; min-height: 250px;}
.landing.salary.section.salarycheck.fr{ background-image: url(../img/bg/bgSalary_fr.jpg);}
.landing.salary.section.salarycheck.en{ background-image: url(../img/bg/bgSalary_en.jpg);}
.landing.salary.section.salarycheck .visual-1{ position: absolute; right: 0px; top: 0px; }
.landing.salary.section.tutorial{ background-color: #efefef; }


/* USABILITY */
.usabilityTeaser{
    background: url(../img/bg/bgUserExperienceKeyvis.jpg) top center no-repeat;
    background-color: #d2d7e4;
    height:315px;
    border-top:0px;
}

.visible-ie7, .visible-ie8 {
    display: none;
}

.grid{
    display: table;
    border-collapse: collapse;
}

.grid .row{
    display: table-row;
}

.grid .col-1, .grid .col-2, .grid .col-3, .grid .col-4, .grid .col-6, .grid .col-7, .grid .col-8, .grid .col-9, .grid .col-10, .grid .col-11, .grid .col-12{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding-right: 15px;
    position: relative;
}
.col-1{width: 65px;}
.col-2{width: 145px;}
.col-3{width: 225px;}
.col-4{width: 305px;}
.col-5{width: 385px;}
.col-6{width: 465px;}
.col-6:last-child{padding-left: 15px; padding-right: 0px;}
.col-7{width: 545px;}
.col-8{width: 625px;}
.col-9{width: 705px;}
.col-10{width: 785px;}
.col-11{width: 865px;}
.col-12{width: 945px;}

.col-1.vtop, .col-2.vtop, .col-3.vtop, .col-4.vtop, .col-6.vtop, .col-7.vtop, .col-8.vtop, .col-9.vtop, .col-10.vtop, .col-11.vtop, .col-12.vtop{ vertical-align: top; }

.col-rel {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    border-left-width:30px;
    position: relative;
}

.row-rel { margin-left:-30px; }
.row-rel:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.col-rel-1 { width:8.33333333333%; }
.col-rel-2 { width:16.6666666667%; }
.col-rel-3 { width:25.0%; }
.col-rel-4 { width:33.3333333333%; }
.col-rel-5 { width:41.6666666667%; }
.col-rel-6 { width:50.0%; }
.col-rel-7 { width:58.3333333333%; }
.col-rel-8 { width:66.6666666667%; }
.col-rel-9 { width:75.0%; }
.col-rel-10 { width:83.3333333333%; }
.col-rel-11 { width:91.6666666667%; }
.col-rel-12 { margin-left:0; width:100%; }

.row-rel.tight{
    margin-left:-20px;
}
.row-rel.tight .col-rel{
     border-left-width:20px;
}

/* DROPDOWN:START */
.dropdown{
    position: absolute;
    background-color: #fff;
    border-radius: 3px;
    z-index: 60;
    zoom: 1;
    display: block;
    top: -26px;
    opacity: 0;
    visibility: hidden;

     box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); /*WebKit-basierte Browser (z.B. Safari/Chrome)*/

    -webkit-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1); /* older webkit */
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -moz-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -o-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005); /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -o-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005);
    transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005); /* custom */
}
.dropdown .dropdownContent{
   padding: 10px;
}
.dropdown .dropdownFooter{
   padding: 5px 10px 8px 10px;
   background-color: #f7f7f7;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-top: 1px solid #bfbfc0;
}
.dropdown ul{
    padding: 0;
    margin: 0;
    list-style-type: none
}
.dropdown ul li a{
    padding: 0.5em 1em;
    display: block;
    margin: 0;
    color: #5f6062;
    font-size: 13px;
}
.dropdown ul li a:hover{
    color: #004099;
}
.dropdown ul li:last-child{
    border-bottom: none;
}
.dropdown .arrowContainer{
    margin-left: 50%;
    margin-top: -6px;
    display: block;
}

.dropdown .arrowContainer-down{
    margin-left: 50%;
    margin-bottom: -6px;
    display: block;
}

.dropdownToggleHover{
    display: block;
    background-color: transparent;
    padding: 10px;
    margin: -10px;
    position: relative;

}

.dropdown.in, .dropdownToggleHover:hover .dropdown{
    opacity: 1;
    visibility: visible;
}

.dropdownToggle{
    position: relative;
}

.dropdownToggle.open-right{

}


.dropdownToggle.open-right .floatWrapper{
    position: absolute;
    top:0;
    right: 22px;
    bottom: 0;
    left: 0;
}


/* DROPDOWN:END */

.navigation-bar{
    position: relative;
    padding-top: 21px;
}

.mainNavigation, .memNavigation{
    position: relative;
    float: left;
    margin-left: 53px;
}

.memNavigation{
    float: right;
    margin-top: -6px;
}

.memNavigation .formButton3{
    font-size: 16px !important;
    font-weight: normal;
    height: 36px;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.mainNavigation a, .memNavigation a{
    padding: 10px 7px;
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
    zoom:1;
    display: inline-block;
}
.mainNavigation a{
    padding: 0px 0px 10px;
    margin-right: 24px;
    border-bottom: 2px solid transparent;
}

.memNavigation a{
    padding: 0 15px;
}

.mainNavigation a:hover {
    text-decoration: none;
    color: #fffff;
}

.memNavigation a:hover{
    text-decoration: none;
    color: #737b8c;
}
.mainNavigation a.down{
    color: #0088cc;
}

/* META NAVIGATION */

.metaNavigation{
    display:none;
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.metaNavigation a{
    color: #9196a1;
    padding: 6px 15px;
    font-weight: normal;
}

.metaNavigation > a {
    font-weight: bold;
    letter-spacing: 0.4px;
}

.metaNavigation > a:after {
    content: "|";
    margin-left: 20px;
    color: #9196a1 !important;
}

.metaNavigation > a:hover:after {
    color: #9196a1 !important;
}

.metaNavigation a:hover{
    color: #aeb1b7;
}

/* LANGUAGE SWITCH */
.languageSwitch a{
    padding: 6px 2px;
}

.languageSwitch .down{
    color: #5a6272;
}

.unity-dropdown{
    padding: 0 !important;
}
.dropdown .dropdownContent{
    padding: 0 !important;
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1); /* older webkit */
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -moz-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -o-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005); /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -moz-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -o-transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005);
    transition-timing-function: cubic-bezier(0.785, 0.005, 0.265, 1.005); /* custom */
}

.unity-dropdown.in .dropdownContent{
    padding: 10px 0 10px 0 !important;
}
.unity-dropdown ul li{
    padding: 0;
}
.unity-dropdown ul li a{
    padding: 13px 25px !important;
    font-size: 16px;
    min-width: 180px;
    margin: 0;
    display: block;
    position: relative;
}
.unity-dropdown ul li a:hover{
    background-color: #F5F5F5;
    color: #5a6272;
}
.unity-dropdown .divider{
    margin: 10px 0;
    background-color: #e5e5e6;
    height: 1px;
    margin: 10px 0;
    overflow: hidden;
}

.unity-dropdown.open-right{
    right: 0px;
}

#tipps-dropdown{
    left: 0px;
    top: -22px;
}

.memNavigation .profilePic{ float: left; display: block; background-color: rgba(240, 240, 240, 0.9); overflow: hidden; height: 25px; width: 25px; border-radius: 99em;text-align: center; margin-top: -3px; margin-right: 18px;}
.memNavigation .profilePic img{ width: 100%; margin-top: -4px;}
.memNavigation .languageSwitch, .memNavigation .memberOptions{ position: relative; float: left;}
.memNavigation #languageDropdown{ left: -8px; }
.memNavigation .unity-dropdown i{ font-size: 24px; position: absolute; top: 11px; left: 25px; color: #aeb1b7;}
.memNavigation .unity-dropdown a{ padding-left: 75px !important; min-width: 170px;}
.memNavigation .icon-arrow-down-3{font-size: 12px; position: absolute; right: 0; top: 6px;}
.memNavigation .memberOptions .dropdownToggle{
    margin-top: 8px;
    padding-right: 0;
    min-width: 150px;
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1); /* older webkit */
    -webkit-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -moz-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    -o-transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005);
    transition: all 200ms cubic-bezier(0.785, 0.005, 0.265, 1.005); /* custom */
}
.memNavigation .memberOptions .dropdownToggle .memberName{ max-width: 147px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-right: 25px; }
.memNavigation .memberOptions #memberDropdown{ top: -14px;}
.memNavigation .formButton2 {display: inline-block; margin-right: 1em; margin-top: -7px; }
.memNavigation a .counterBadge{position: absolute; top: 14px; right: 22px; font-size: 12px; border: none;}
.memNavigation a .profilePic .counterBadge{left: 16px; right: auto; top: -14px; border-color: #004099 !important;}
.memNavigation a .privatecv{position: absolute; top:24px; right: 29px;}
.memNavigation a .privatecv i{font-size: 16px !important; color: #C42695; background-color: #FFF; border-radius: 3px;}
.memNavigation .notification-dot { height: 6px; width: 6px; border-radius: 10px; position: absolute; background-color: #cc33a6; top: 2px; left: 43px;}

/*
.memNavigation #notificationDropdown{display: block; background-color: #fef8f2; width: 293px; left:-111px; top: 50px; visibility: visible; opacity: 1;}
.memNavigation #notificationDropdown .arrow-up{border-bottom-color: #fef8f2;}
.memNavigation #notificationDropdown .dropdownContent{padding: 24px; text-align: center;}
.memNavigation #notificationDropdown .dropdownContent p,
.memNavigation #notificationDropdown a{color: #F07B05; line-height: 1.5em; }
.memNavigation #notificationDropdown .closeBtn{position: absolute; top: 8px; right: 0px;}
.memNavigation #notificationDropdown .dropdownContent .notification-icon{font-size: 60px; display: block; color: #F07B05; margin-bottom: 12px; }
*/

.site #searchContainer{
    background-color: #ffffff;
    padding: 2em 0em;
    border-bottom: 1px solid #dfdfe0;
}

.site #searchContainer.companies,
.site #searchContainer.consultants,
.site #searchContainer.jobs {
    padding: 2em 0em 2.5em 0;
}

.site #searchContainer .formSelect{
    margin-right: 10px;
}

.site #searchContainer.searchcontainer-top {
  background-color: #004099;
  color: white;
}

.site #searchContainer.searchcontainer-top a {
  color: #cfe2fc;
}

.site #searchContainer.searchcontainer-top a:hover,
.site #searchContainer.searchcontainer-top a.down {
  color: #ffffff !important;
}

.site #searchContainer.searchcontainer-top i {
  color: #ffffff;
}

.site #searchContainer.searchcontainer-top .subCategoryBox  {margin-bottom: 0; }

#zusatzFilter{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.topLogo{
    padding: 3em;
    background-color: #FFF;
    border-radius: 3px;
    margin-bottom: 1.5em;
    border: 1px solid #bfbfc0;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    margin-left: -6px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FFF;
    margin-left: -6px;
}

#dialog-searchSettings {
    height: 420px !important;
}

/* MEMBER PROFILE */
#contacts,
#requests,
#visitors,
#fav{
    border: 1px solid #CCCCCC;
    min-height: 400px;
    border-radius: 0 3px 3px 0;
    padding: 24px;
    background-color: #FFF;
}

ol#requests.resultset li,
ol#contacts.resultset li,
ol#visitors.resultset li,
ol#fav.resultset li{
    border-bottom: none;
}

#contacts .warning.message,
#requests .warning.message,
#visitors .warning.message,
#fav .warning.message{
    color: #9292a0;
    text-align: center;
    margin-top: 150px;
    border-bottom: none !important;
}
#fav .warning.message{
    margin-top: 100px;
}

#contacts .warning.message i,
#requests .warning.message i,
#visitors .warning.message i,
#fav .warning.message i{
    color: #bfbfc0;
    font-size: 64px;
    display: block;
    margin-bottom: 12px;
}

#contacts .hoverEffect.message,
#requests .hoverEffect.message,
#visitors .hoverEffect.message,
#fav .hoverEffect.message{
    border-bottom: 1px solid #CCC;
    margin-bottom: 24px;
}

#fav .filter-tab{
    padding-top: 0px;
    margin-top: 0px;
    margin-right: 0px;
}
#fav .filter-tab li{
    margin-top: 0px;
}
#fav .favorite.job{
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #CCC;
}
#fav .favorite.job:hover{
    padding-top: 11px;
    padding-bottom: 12px;
}

/* ///////////// HOME PAGE //////////////// */
.homevisual{
    background-image: url(../img/bg/bgHomeVisual_m.jpg);
    background-color: #f7f7f7;
    background-position: top center;
    background-repeat: no-repeat;
}

.homevisual h1 {
  color: #ffffff;
}

.homevisual h2 {
  color: #e5e5e6;
}

#homevisual_m{  background-image: url(../img/bg/bgHomeVisual_m.jpg?r=20151030); background-color: #5a6272;}
#homevisual_f{  background-image: url(../img/bg/bgHomeVisual_f.jpg?r=20151030); background-color: #737b8c; }
#homevisual_cat{  background-image: url(../img/bg/bgHomeVisual_cat.jpg?r=20151030); background-color: #9196a1; }

#main .homevisual .content{ min-height: 22em; }
.homevisual .searchBoxContainer{ margin-top: 130px; margin-bottom: 30px;}

.homevisual h1{
    font-size: 36px !important;
    font-weight: bold !important;
    margin-bottom: 0em !important;
}

.homevisual h2{
    font-size: 21px !important;
    margin-top: 0em !important;
    margin-bottom: 1em !important;
}

.linkentry{
    padding: 30px 0px 55px;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(247,247,247,1) 50%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.85)), color-stop(50%, rgba(247,247,247,1)), color-stop(100%, rgba(247,247,247,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(247,247,247,1) 50%, rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(247,247,247,1) 50%, rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.85) 0%, rgba(247,247,247,1) 50%, rgba(247,247,247,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.85) 0%, rgba(247,247,247,1) 50%, rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0 );
}

.icon-jobs-ch{ font-size: 0.8em; margin-right: 0.25em; margin-top: -3px;}

.linkentry .icon-jobs-ch, .categoryBox .icon-jobs-ch{
    color: #004099;
}

/* ////////////// FRONT LOGOS ///////////// */

.frontlogos{
    background-color: #f7f7f7;
    padding-bottom: 80px;
}

.frontlogo-container{
    position: relative;
    border-radius: 3px;
    background-color: #FFFFFF;
}

.frontlogo-container .logo-grey{
     -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
}

.frontlogo-container:hover .logo-grey{
    opacity: 0.5;
}

.frontlogo-item{
    position: relative;
    display: block;
    float: left;
}

.frontlogo-item a{
    display: block;
    text-align: center;
    width: 190px;
    height: 157px;
    border-right: 1px solid #dfdfe0;
    overflow: hidden;
}

.frontlogo-item a .logo-grey{ display: none; }
.frontlogo-item a { color: #004099 !important; }
.frontlogo-item a:hover{ color: #668CC2 !important; }
.frontlogo-item.desktop a{ color: #9fa0a1 !important; }
.frontlogo-item.desktop a:hover{ overflow: visible; color: #668CC2 !important; }
.frontlogo-item.desktop a .logo-color{ display: none; }
.frontlogo-item.desktop a .logo-grey{ display: inline-block; }
.frontlogo-item.desktop a:hover .logo-color{ display: inline-block; }
.frontlogo-item.desktop a:hover .logo-grey{ display: none; }

.frontlogo-item a img{
    margin-bottom: 20px;
}

.frontlogo-item a .frontlogo-overlay{
    position: relative;
    display: block;
    width: 281px;
    background-color: #FFFFFF;
    margin-left: -45px;
    margin-top: -20px;
    padding: 60px 0 40px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.frontlogo-item.desktop a:hover .frontlogo-overlay{
    z-index: 999;
    padding-bottom: 0px;
}

.frontlogo-item a .frontlogo-info{
    display: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.frontlogo-item.desktop a:hover .frontlogo-info{
    display: block;
    margin-top: 45px;
    background-color: #f7f7f7;
    padding: 0px 10px;
    border-top: 1px solid #bfbfc0;
    overflow: hidden;
}

.frontlogo-overlay .frontlogo-title{
    display: block;
    font-size: 18px;
    color: #393941;
    margin-bottom: 0.5em;
    line-height: 1.25em;
    margin-top: 20px;
}

.frontlogo-overlay .forntlogo-branche{
    display: block;
    color: #9fa0a1 !important;
    margin-bottom: 25px;
}

.frontlogo-item a.last{
    border-right: none;
}

/* ///////////// CONTENT TEASER ////////////////// */
.content-teaser{ background-color: #efefef;}

.content-teaser .teaser-element{ cursor: pointer; position: relative;}

.content-teaser .promo-1, .content-teaser .promo-2, .content-teaser .promo-3, .content-teaser .promo-4{
    background-color: #f7f7f7;
    padding: 40px;
    border-radius: 3px;
    height: 180px;
    max-height: 210px;
    overflow: hidden;
    width: 388px;
    margin-top: 20px;
    float: left;
    background-repeat: no-repeat;
}
.content-teaser .promo-1{
    background-color: #004099;
    border-radius: 3px;
    background-image: url(../img/bg/bgContentTeaser1_de.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 380px;
    width: 508px;
    padding: 90px 40px 110px 410px;
}
.content-teaser .promo-1.promo-fr{ background-image: url(../img/bg/bgContentTeaser1_fr.jpg); }
.content-teaser .promo-1.promo-en{ background-image: url(../img/bg/bgContentTeaser1_en.jpg); }
.content-teaser .promo-1 h2{ font-weight: bold; }
.content-teaser .promo-1 h2, .content-teaser .promo-1 h3{ color: #FFF !important; }
.content-teaser .promo-1 i.service-icon{ color: #FFFFFF; font-size: 32px;}

.content-teaser .promo-2{
    margin-right: 20px;
    background-image: url(../img/bg/bgContentTeaser2.jpg);
    background-position: 280px center;
}

.content-teaser .promo-3{
    border-radius: 3px;
    margin-top: 20px;
    background-image: url(../img/bg/bgContentTeaser3_de.jpg);
    background-position: 300px center;
}
.content-teaser .promo-3.promo-fr{ background-image: url(../img/bg/bgContentTeaser3_fr.jpg); }
.content-teaser .promo-3.promo-en{ background-image: url(../img/bg/bgContentTeaser3_en.jpg); }

.content-teaser .promo-4{
    width: 878px;
    background-image: url(../img/bg/bgContentTeaser4_de.jpg);
    background-position: right top;
}
.content-teaser .promo-4.promo-fr{ background-image: url(../img/bg/bgContentTeaser4_fr.jpg); }
.content-teaser .promo-4.promo-en{ background-image: url(../img/bg/bgContentTeaser4_en.jpg); }
.content-teaser .promo-4 .mobile-links{ position: absolute; right: 30px; bottom: 30px;}

.content-teaser i.service-icon{
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 24px;
    color: #9292a0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ///////////// ADVISOR TEASER ////////////////// */
.advisor-teaser .teaser-element{
    float: left;
    width: 300px;
    margin-right: 30px;
}

.advisor-teaser .teaser-element h3{
    line-height: 1.25em;
}

.advisor-teaser .teaser-element .category{
    font-size: 13px;
    font-weight: normal;
}

.advisor-teaser .teaser-element img{
    width: 100%;
}

.advisor-teaser .teaser-element.last{
    margin-right: 0px;
}

.advisor-teaser .teaser-fr, .advisor-teaser .teaser-en{width: 465px; margin-right: 30px;}

.ecom-teaser{ background-color: #f7f7f7; text-align: center;}
.ecom-teaser h3{ margin-top: 0.25em;}

.insertion-teaser .price-subline {
    opacity: 0.5;
}

/* ///////////// FOOTER ////////////////// */
.wrapper {
    margin: 0 auto -420px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push {
    height: 420px; /* .push must be the same height as .footer */
}

#footer, #min-footer {
    position: relative;
    z-index: 10;
    clear: both;
    padding: 0;
    text-align: left;
    background-color: #004099;
    color: #ffffff;
}

#footer .container {
    font-size: 14px;
}

#footer .fold {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

#footer .fold a { color: #FFFFFF; }
#footer .fold a:hover { color: #CCD9EB; }

#footer .fold ul {
    float: left;
    width: 192px;
    list-style: none;
    margin-left: 0;
}

#footer .container .fold > ul {
    padding-top: 60px;
}

#footer .fold ul:last-child {
    margin-right: 0;
    float: right;
}

#footer .fold ul li {
    line-height: 1.75;
    letter-spacing: 0.05em;
    white-space: nowrap;
    font-size: 13px;
    color: #FFF;
}

#footer .fold ul.socialmedia-icons {
    float: none;
    margin-top: 50px;
}

#footer .fold ul.socialmedia-icons li {
    float: left;
    margin-left: 5px;
    line-height: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#footer .fold ul.socialmedia-icons li:hover { opacity: 0.5; }

#footer .fold ul.socialmedia-icons li:first-child {
    margin-left: 0;
}

#footer .fold .fold-headline {
    color: #99b3d6;
    margin-bottom: 20px;
    font-size: 16px;
}

#footer .fold .fold-headline .adresse{
    display: block;
    font-size: 13px;
    margin-top: 20px;
}

#footer .fold .fold-subline {
    color: #99b3d6;
    line-height: 1.5em;
}

#footer .fold .fold-contact {
    line-height: 2.75;
}

#footer .description-footer {
    display: block;
    border-top: 1px solid rgba(153, 179, 214, 0.25);
    margin-top: 20px;
    padding: 20px 0px;
    width: 100%;
    color: #99b3d6;
    clear: both;
    line-height: 1.5em;
    font-size: 11px;
}

#min-footer{
    color: #99b3d6 !important;
    text-align: left;
    padding: 40px !important;
}

/* ///////////// TAB NAVIGATION /////////////////////// */
.tabs{
    display: block;
    border-bottom: 1px solid #dfdfe1;
    padding-bottom: 0px !important;
}
.tabs li{
    float: left;
    margin: 0;
}
.tabs li a{
    display: block;
    padding: 20px 0px;
    margin: 0px;
    margin-right: 20px;
    color: #5f6062;
}
.tabs li:last-child a{
    margin-right: 0px;
}
.tabs li a:hover{
    color: #004099;
}
.tabs li a.active{
    color: #000;
    border-bottom: 3px solid #004099;
    padding-bottom: 17px;
}
.tabs-container .tabs-content{
    display: none;
}
.tabs-container .tabs-content.active{
    display: block;
}
.content-box-head .tabs{
    border-bottom: none;
    margin-bottom: -21px;
}

/* ///////////// NEW BOX DESIGN ELEMENTS ////////////// */
.content-box{
    width: 100%;
    background-color: #FCFCFC;
    border-color: #efeff4 #dfdfe4 #bfbfc4 #dfdfe4;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    position: relative;
}

.content-box-head{
    position: relative;
    background-color: #FFFFFF;
    border-bottom: 1px solid #dfdfe4;
    padding: 20px 30px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #9FA0A1;
}

.content-box-head h3 i{
    font-size: 24px;
    float: left;
    margin-right: 13px;
    color: #bfbfc0;

}

.content-box-head h1, .content-box-head h2, .content-box-head h3, .content-box-head h4{
    font-size: 16px;
    margin: 0;
    color: #393941;
}

.content-box-edit {
    position: absolute;
    right: 30px;
    top: 24px;
}

.content-box-edit i {
    margin-right: 2px;
}

.content-box-body{
    padding: 30px;
}

.content-box-body-text p {
    color: #bfbfc0;
}

.content-box-body .result {
    padding: 25px 30px 30px 30px;
    border-top: 1px solid rgba(0, 64, 153, .15);
    background-color: #ffffff;
}

.content-box-body .result p {
    color: #92929F;
}

.content-box-body .result:first-child{
    border-top: none;
}

.content-box-body .result:hover p {
    color: #000000;
}

.content-box-body .result:hover {
    background-color: rgba(0, 64, 153, .03);
}


.content-box-body .result h3 {
    padding-top: 0;
    margin-top: 0;
    font-weight: bold;
}

.content-box-footer{
    border-top: 1px solid #dfdfe4;
    padding: 20px 30px;
}

.toggled{
    padding-bottom: 55px;
    max-height: 180px;
    overflow: hidden;
    transition: all 0.30s ease-out;
}

.toggled.open{
    max-height: 2000px !important;
}

.toggled .toggle-open, .toggled .toggle-close{
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 0px;
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    border-top: 1px solid #dfdfe4;
}
.toggled.open .toggle-open{ display: none; }
.toggled.open .toggle-close{ display: block; }
.toggled .toggle-close{ display: none; }

/* //// GENERIC ////*/
.content-box .item{
    display: block;
    padding: 30px 30px;
    border-bottom: 1px solid #D9E3F0;
    line-height: 1.5em;
    position: relative;
}

.content-box-body .item:last-child{
    border-bottom: none;
}

.content-box .item.bordered, .content-box .itempadding.bordered{
    border-bottom: 1px solid rgb(217, 227, 240);
}

.content-box-body .itempadding{
    padding: 30px;
}

.content-box-body .itempadding-thin{
    padding: 20px 30px;
}

.content-box .full{
    padding: 0px;
    margin: 0px;
}
a .hover-layer{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #FFFFFF;
    transition: all 150ms ease-out;
}

.content-box-body a:hover .hover-layer{
   opacity: 1;
   background-color: rgba(0, 64, 153, 0.4);
}

.company-bg, .service-bg{
    background-color: #F7F7F7 !important;
    padding-bottom: 30px;
    min-height: 770px;
    padding-bottom: 60px;
}
/*//// MAP ////*/
.content-box-body.map a{
    display: block;
    position: relative;
    margin: 0;
    padding: 0 !important;
}
.content-box-body.map img{ width: 300px; height: 180px; background-color: #dfdfe0;}
#dynamic-map-canvas{ height: 500px; width: 100%;}

/*//// CONSULTANT ////*/

.content-box-body.consultant{
    padding: 0px;
}

.content-box-body.consultant .item .img-rounded{
    width: 60px;
    height: 60px;
}

.content-box-body.consultant .item .info{
    display: inline-block;
    padding-left: 12px;
    float: left;
    width: 159px;
}

/*//// META ////*/
.content-box .item{
    display: block;
}

.content-box .item .label{
    color: #9fa0a1;
    display: block;
    line-height: 1.5em;
    margin-bottom: 6px;
}
.content-box .item .infoBig{
    font-size: 18px;
    font-weight: bold;
    display: block;
}

.content-box .item .info{
    display: block;
}

.content-box-body.meta .item.kununu img{
    margin-top:-3px;
}

/*//// MEDIA TEASER /////*/

.media .toggled{
    max-height: 485px;
}

.media a.video{
    display: block;
    background-color: #000000;
    text-align: center;
    overflow: hidden;
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 275px;
    height: 155px;
    /* Wont work in ie8 */
    background-size: cover;
}

.media a.video.big{
    width: 570px;
    height: 320px;
}

.media a.video .hover-layer{
    border-radius: 3px;
    background-color: rgba(0, 64, 153, 1);
    opacity: 0.4;
}
.media a.video:hover .hover-layer{
    background-color: rgba(0, 64, 153, 0.2);
    opacity: 1;
}

.media a.video .hover-layer i{
    font-size: 36px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
}

.media a.video.big .hover-layer i{
    font-size: 72px;
    margin-top: -36px;
    margin-left: -36px;
}

.media a.video .title{
    position: absolute;
    bottom: 16px;
    left: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
}


/*//// KUNUNU RATING ////*/
.kununu-rating, .kununu-rating .empty, .kununu-rating .full{
    display: inline-block;
    width: 85px;
    height: 18px;
    overflow: hidden;
}

.kununu-rating{
    position: relative;
    margin-bottom: -3px;
}

.kununu-rating i{
    margin-right: 1px;
    font-size: 16px;
}

.kununu-rating .empty, .kununu-rating .full{
    top: 0px;
    left: 0px;
    position: absolute;
    color: #c42695;
}

/*//// COMPANY PAGE LAYOUT ////*/
.company-header{
    background-color: #dfdfe0;
    padding: 40px 0px 20px;
}

.company-header .title{
    position: relative;
    height: 230px;
}

.company-header .title .push-bottom{
    display: block;
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.bg-full-image{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto;
    transition: all 0.5s ease-out;
}

.image-header{
    overflow: hidden;
    position: relative;
}

.image-header .company-header{
   padding-top: 135px;
   background-image: url(../img/bg/image-header-bg.png);
   background-position: center bottom;
   background-repeat: repeat-x;
   background-color: transparent;
   padding-bottom: 30px;
}

 @media (min-width: 1200px) {
    .image-header .company-header{
        padding-top: 215px;
    }
}
@media (min-width: 1400px) {
    .image-header .company-header{
        padding-top: 290px;
    }
}
@media (min-width: 1600px) {
    .image-header .company-header{
        padding-top: 370px;
    }
}

.image-header .title *{
    color: #FFF;
}

/* //// CONSULTANT-OVERVIEW ///// */
.company-consultant-overview .consultant .item{
    padding-top: 50px;
    max-height: 230px;
    min-height: 230px;
    text-align: center;
}

.company-consultant-overview .item b{
    font-size: 18px;
    font-weight: normal;
}

.company-consultant-overview .item .img-rounded{
    display: block;
    float: none;
    margin: 0px auto 20px auto;
    width: 100px !important;
    height: 100px !important;
}

.company-consultant-overview .item .info{
    display: block !important;
    float: none !important;
    padding-left: 0 !important;
    width: auto !important;
}

.success, .success *{
    background-color: #F5FCE8;
}
/* //// JOBLIST ///// */


.content-box-body .searchResultListe .result:first-child{
    border-top: none;
}

/* //// CONSULTANT DETAIL //// */
.company-consultant-detail #kontaktForm{
    text-align: left !important;
}

.company-consultant-detail h1{ font-size: 28px;}


/* //// SERVICE //// */

[class^="service-"] h1 i {
    margin-right: 12px;
}

.service-dashboard .cv .hover-layer{ padding-top: 45px; }
#profile .img-rounded .hover-layer{ padding-top: 39px; font-size: 32px; }
.visitors .img-rounded{ width: 50px; height: 50px; margin-right: 4px; display: block; float: left;}

.status-box{
    position: relative;
    margin-top: -14px;
    text-align: center;
    z-index: 99;
}
.status-box span {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 99em;
    font-size: 11px;
}
.status-box.inactive span{ background-color: #dfdfe0; color: #5f6062; }
.status-box.active span{ background-color: #9de519; color: #4C6E0C; }

.service-dashboard .col-rel-4 .content-box .empty-state{
    padding: 24px 0px;
}

.service-dashboard  .salarycheck .chart-container{
    height: 150px;
    margin-top: -10px;
    overflow: hidden;
}

.service-dashboard  .salarycheck p.text-right{ color: #dc7dbf; }
.service-dashboard  .salarycheck p.text-left{ color: #c42695; }

.videotipps{
    border-top: 1px solid #dfdfe0;
}

.videotipps .media a.video {
    width: 300px;
    height: 200px;
    background-size: cover;
}

.service-talentcheck .iframe {
    padding: 30px;
    border-color: #efeff4 #dfdfe4 #bfbfc4 #dfdfe4;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
}

#tc_body .rawsite #main {
    background-color: rgba(255,255,255,0.7);
}

#tc_body table.surveyResult tbody td {
    padding: 0!important;
}

.service-talentcheck .content-box .item.benefit {
    height: 200px;
}

.service-talentcheck table.surveyResult tbody td {
    padding: 0.2em !important;
}



/* //// EMPTY STATE ////*/
.empty-state {
    width: 100%;
    padding: 25% 0px 30%;
    text-align: center;
}

.choice-state {
    padding: 12.5% 0 15%;
    text-align: center;
    width: 100%;
}

.empty-state i.small{
    font-size: 32px;
}

.empty-state *:not(.formButton0){
    color: #bfbfc0 !important;
}



.empty-state i{
    font-size: 48px;
    color: #dfdfe0 !important;
}

#suche-firmen, #suche-berater{
    background-color: #F7F7F7;
    padding-bottom: 30px;
}

#suche-berater .img-rounded{
    width: 90px;
    height: 90px;
}


/* //// SUBNAV //// */
.subnav-wrap{
    position: relative;
    border-bottom: 1px solid #cacbce;
    background-color: #f5f5f5;
    margin-bottom: -1px;
    z-index: 31;
}

.subnav{
    margin: 0;
    padding: 0;
    font-size: 14px
}

.subnav li{
    display: inline-block;
    margin: 0;
    padding: 0;
}

.subnav li a{
    display: block;
    margin-right: 20px;
    padding: 15px 0px 12px 0px;
    color: #737b8c;
    border-bottom: 3px solid transparent;
    font-weight: 300;
    letter-spacing: 0.025em;
    position: relative;
}
.subnav li a:hover, .subnav li a:focus{
    color: #5a6272;
}

.subnav li a.down{
    color: #0088cc;
    border-color: #0088cc;
}


/* /// SNACKBAR /// */
.snackbar-container{
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
}

.snackbar{
    position: relative;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 300;
    border-radius: 2px;
    width: 800px !important;
    margin: 0em auto !important;
    padding: 16px 140px 16px 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    background-color: #5a6272;
    color: #ffffff;
    line-height: 1.414;
}
.snackbar a{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-decoration: underline;
    padding: 0;
}

.snackbar a:hover{
    text-decoration: none;
    color: #FFF;
}

.snackbar a.closeBtn{
    position: absolute;
    top: 16px;
    right: 16px;
    color: #fccc9c;
    text-decoration: none;
}
.snackbar a.closeBtn:hover{
    color: #FFF;
    opacity: 1;
}

.snackbar.success {
    background-color: #82ba12;
}

.snackbar.info {
    background-color: #08c;
}

.snackbar.warning {
    background-color: #ff8000;
}

#suche-firmen em,
#suche-berater em {
  background-color: #d7f4a3; /* 40 % of green */
  font-style: normal;
}







/* ecom redesign */

#inserate h2 {
  font-size: 25px;
  text-align: center;
}

#inserate h3 {
  font-size: 20px;
  color: #999;
  margin: 0;
  font-weight: 400;
  text-align: center;
}


#inserate h4 {
    font-size: 18px;
    margin: 0 0 1em;
    line-height: 1.333;
}

#inserate .h5
#inserate h5 {
    font-size: 16px;
    line-height: 1.25;
    text-transform: none;
    margin: 0 0 1em;
}

#inserate .hero {
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#inserate .hero,
#inserate .hero__mask-wrapper {
  background-position: 100% 50%;
  background-size: cover;
}

#inserate .shade {
  position: relative;
}

#inserate .shade:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#inserate .shade--brand {
    background-size: 110%;
    background-position: 10% 60%;
    background-image: url(../../img/jobcloud/international-recruiting.jpg);
}

#inserate .hero__row {
  display: table-row;
}

#inserate .hero__row--top {
  height: 100%;
}

#inserate .hero__content {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  line-height: 1.444;
}

#inserate .hero__content p {
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  line-height: 1.444;
}

#inserate .hero .container {
  padding: 53px 15px 47px;
  z-index: 1;
}

#inserate .container {
  position: relative;
  width: 960px !important;
  margin: 0em auto !important;
  padding: 0 20px;
  position: relative;
  box-sizing: border-box;
}

#inserate .container-full {
  position: relative;
  min-width: 1000px !important;
  margin: 0em auto !important;
  position: relative;
  box-sizing: border-box;
}

#inserate .container-full.gray {
  background-color: #f4f4f4;
  padding-bottom: 100px;
}

#inserate .header {
  padding: 0 0 0;
  /*max-width: 80%;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#inserate .header h3 {
  margin-bottom: 40px;
}

#inserate .head {
  text-align: center;
  margin-top: 120px;
}

#inserate .gray .head {
  padding-top: 60px;
  padding-bottom: 60px;
}


#inserate .hero h1 {
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 44px;
  line-height: 1.045;
  margin: 0 0 .5em;
  -webkit-transform: rotate(.1deg);
  -ms-transform: rotate(.1deg);
  transform: rotate(.1deg);
}

#inserate .hero__content h1, .hero__content p {
  max-width: 80%;
  margin: auto;
}

#inserate .hero h1+p {
  margin-top: 1.22222em;
  font-weight: 300;
}

#inserate .scroll-down-wrapper {
  position: relative;
  margin-top: -webkit-calc(-7.68675% + 40px);
  margin-top: calc(-7.68675% + 40px);
  width: 100%;
  padding-bottom: 15.4%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#inserate .scroll-down-wrapper .button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
#inserate .button {
    box-sizing: border-box;
    font-size: 15px;
    font-family: open_sans_semibold,sans-serif;
    line-height: normal;
    background-color: #93559d;
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 13px 30px 14px 30px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

#inserate .button--grey {
    color: #93559d;
    background: #f4f4f4;
}

#inserate .button:hover {
  background-color: #6c3e73;
  color: #ffffff;
}

#inserate .button--grey:hover {
    color: #93559d;
    background: #dedede;
}

#inserate .button--round, .button--video {
    padding: 0;
    height: 80px;
    width: 80px;
    text-align: center;
}


#inserate .button, #inserate .button:before {
    vertical-align: middle;
    display: inline-block;
}

#inserate .button, img.mfp-img {
    -webkit-box-sizing: border-box;
}

#inserate .button, .upperCase {
    text-transform: uppercase;
}

#inserate .button--round {
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #fff;
}

#inserate .button--round:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 43px;
    font-weight: 200;
    margin: 22px 0 0 7px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#inserate .hero > a {
    background: 0 0;
    outline: 0;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    color: #93559d;
}


#inserate .hero button {
  position: absolute;
  top: 0;
  left: 0;
}


#inserate .mfp-arrow, .slick-slider, a {
    -webkit-tap-highlight-color: transparent;
}

#inserate .mfp-close, a, a:hover {
    text-decoration: none;
}

#inserate .scroll-down-wrapper__bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(0) translateZ(0);
    transform: rotate(0) translateZ(0);
    will-change: transform;
}

#inserate .scroll-down-wrapper__bg:after {
    pointer-events: none;
    background: #fff;
    position: absolute;
    top: 50%;
    left: -50%;
    right: -50%;
    margin: auto;
    width: 200%;
    height: 200%;
    -webkit-transform: rotate(-8.5deg);
    -ms-transform: rotate(-8.5deg);
    transform: rotate(-8.5deg);
}

#inserate .button--video:before,
#inserate .nav--aux .nav__link--dropdown:after,
#inserate .scroll-down-wrapper__bg:after,
#inserate .shade:before,
#inserate .splash__spacer:after,
#inserate .teaser--blockquote .teaser__photo:after {
    content: '';
}

#inserate .button-wrapper {
  margin-top: 20px;
}

#inserate .form {
  margin-bottom: 100px;
  text-align: center;
}

#inserate .form form {
  display: inline-block;
}

#inserate form .element {
  float: left;
  margin-right: 20px;
}

#inserate form input {
  height: 44px;
  font-size: 16px;
}

#inserate form input[type="password"] {
  font-size: 24px;
}

#inserate form label {
  display: block;
  text-align: left;
  margin-bottom: 5px;
  color: #707372;
  font-size: 14px;
}

#inserate form .text-short input {
  width: 120px;
}

#inserate form .text-long input {
  width: 240px;
}

#inserate form .element.button {
  border: 0;
  height: 44px;
  padding: 0 !important;
  margin: 0;
  margin-top: 21px;
}

#inserate form .button {
  cursor: pointer;
}

#inserate form .element.button:before {
  padding: 0;
  margin-right: 0;
  margin-left: 30px;
}

#inserate form .element.button input {
  border: 0;
}

#inserate .teaser--icon-1 {
  width: 92px;
  height: 120px;
}

#inserate .teaser--icon-2 {
  width: 110px;
  height: 90px;
}

#inserate .teaser--icon-3 {
  width: 96px;
  height: 100px;
}

#inserate .teaser--icon-4 {
  width: 89px;
  height: 89px;
}

#inserate .teaser--icon-5 {
  width: 89px;
  height: 89px;
}

#inserate .teaser--icon-6 {
  width: 100px;
  height: 89px;
}

#inserate .teaser--icon-7 {
  width: 89px;
  height: 89px;
}

#inserate .slick-list, .slick-slider {
  position: relative;
  display: block;
}

#inserate .slick-track .teaser {
  width: 280px;
  text-align: center;
  color: #707372;
  outline: 0;
  float: left;
  margin-left: 40px;
}

#inserate .slick-track .teaser.product {
  width: 215px;
  margin-left: 20px;
}

#inserate .slick-track .teaser.product .teaser__body {
  background: #fff;
  padding: 33px 20px;
  border: 1px solid #dedde0;
  border-width: 0 1px 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  min-height: 175px;
  margin-top: 0;
}

#inserate .slick-track .teaser.product .teaser__body h4 {
  text-transform: uppercase;
}

#inserate .slick-track .teaser:first-child {
  margin-left: 0;
}

#inserate .slick-track .teaser.product svg {
  position: absolute;
  left: 50%;
  margin-left: -45px;
  top: 32px;
}

#inserate .slick-track .teaser.product svg use {
  display: block;
}

#inserate .slick-track {
  margin-top: 60px;
  display: inline-block;
}

#inserate .slick-track .teaser__head {
  height: 120px;
  position: relative;
}

#inserate .slick-track .teaser.product {
  cursor: pointer;
}

#inserate .slick-track .teaser.product .teaser__head {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#inserate .slick-track .teaser.product .teaser__head.shade:before {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#inserate .slick-track .teaser.product .teaser__head.shade--orange:before {
  background: rgba(250,162,64,.85);
}

#inserate .slick-track .teaser.product .teaser__head.shade--blue:before {
  background: rgba(109,157,197,.85);
}

#inserate .slick-track .teaser.product .teaser__head.shade--pink:before {
  background: rgba(205,57,111,.85);
}

#inserate .slick-track .teaser.product .teaser__head.shade--green:before {
  background: rgba(74,144,94,.85);
}

#inserate .slick-track .teaser__body {
  margin-top: 20px;
}

#inserate .slick-track .teaser__body p {
  color: #707372;
}

#inserate .slick-track .teaser.customer {
  height: auto;
  border: 1px solid #dedde0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px;
  width: 280px;
  position: relative;
  line-height: 1.625;
  font-family: open_sans_regular,sans-serif;
  box-sizing: border-box;
  margin-bottom: 120px;
  height: 410px;
}

#inserate .slick-track .teaser.customer .teaser__icon {
  max-width: 65%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#inserate .slick-track .teaser.customer .teaser__body {
  padding: 0 30px 55px;
  margin-top: 0;
}

#inserate .slick-track .teaser.customer .teaser__quote {
  font-style: italic;
  margin: 0 0 40px;
  font-size: 16px;
  color: #707372;
}

#inserate .slick-track .teaser__cite {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: -50px auto 0;
  font-style: normal;
}

#inserate .slick-track .teaser__photo {
  display: inline-block;
  width: 92px;
  height: 92px;
  padding: 2px;
  background: 50% #fff;
  background-size: cover;
  position: relative;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  margin: 0 0 1em;
}

#inserate .slick-track .teaser__photo.quote-jetaviation {
  background-image: url(../../img/jobcloud/author-jetaviation.jpg)
}

#inserate .slick-track .teaser__photo.quote-kispi {
  background-image: url(../../img/jobcloud/author-kispi.jpg)
}

#inserate .slick-track .teaser__photo.quote-hintag {
  background-image: url(../../img/jobcloud/author-hintag.jpg)
}

#inserate .slick-track .teaser__cite .teaser__photo:after {
    content: '';
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #00829a;
}

#inserate .slick-track .teaser__author {
  color: #3a3a3a;
  display: block;
  font-weight: 700;
  font-size: 14px;
  margin-top: 10px;
}

#inserate .slick-track .teaser__origin {
  color: #707372;
  font-size: 14px;
}

#inserate .need-help h2 {
  text-align: left;
}

#inserate .article__content {
  margin: 0 auto;
}

#inserate .article__content p {
  font-size: 18px;
  color: #707372;
}

#inserate .article__content p.article__phone {
  color: #00829a;
  font-size: 28px;
}

#inserate .article__content p.article__phone span {
  font-weight: bold;
}

#inserate .article__content img {
  max-width: 100%;
}

#inserate .container .container--left {
  float: left;
  width: 50%;
}

#inserate .container .container--right {
  float: right;
  width: 50%;
}

#inserate .container .container--right .head {
  margin-top: 60px;
}

#inserate .container .container--right .button {
  margin-top: 20px;
}

#inserate .container .container--left .contact--image {
  margin-top: 40px;
}

#inserate .slick-track .teaser__head svg.logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

#inserate .logo-hintag {
  width: 210px;
  height: 40px;
}

#inserate .logo-jetaviation {
  width: 210px;
  height: 26px;
}

#inserate .logo-kispi {
  width: 210px;
  height: 35px;

}

#inserate .scroll-down-wrapper .button:before {
    content: '›';
    font-size: 50px;
    font-weight: 200;
    line-height: .6;
    margin: 20px -11px 0 0;
}

/* /ecom redesign */



/* topcompanies redesign */
.topcompanies-content {
  margin-bottom: 20px;
}

.topcompanies-content .content-box-head {
  position: relative;
  padding: 20px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #dfdfe4;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #9FA0A1;
  text-align: center;
}

.topcompanies-content .content-box-body {
  padding: 20px;
}

.topcompanies-card {
  display: block;
}

.toplogos-content .topcompanies-card {
  display: inline-block;
  position: relative;
  width: 22.89999%;
  vertical-align: top;
  margin-right: 20px;
}

.topcompanies-card .feature {
  display: block;
}

.topcompanies-card .caption {
  display: block;
  border-top: 1px solid #e5e5e6;
  text-align: center;
}

.topcompanies-card .feature + .caption {
  border-top: 0;
}

.topcompanies-container .topcompanies-card:nth-child(4n) {
  margin-right: 0;
}

.topcompanies-card.nomargin {
  margin-right: 0;
}

.topcompanies-card-link {
  font-weight: bold;
}

#suche-firmen .topcompanies-card,
#suche-berater .topcompanies-card {
  margin-top: 20px;
}

#suche-firmen .topcompanies-card:first-child,
#suche-berater .topcompanies-card:first-child {
  margin-top: 0;
}

#suche-firmen .empty-state,
#suche-berater .empty-state {
  padding-top: 18% !important;
  padding-bottom: 19% !important;
}

.icon-success-application {
  display: block;
  margin-bottom: 30px;
  font-size: 50px;
  opacity: 0.2;
}

.icon-success-application:after {
    content:"\2713";
}
.text-success-application {
    line-height: 1.4;
}

/* jquery ui tooltip */

.ui-tooltip {
	padding: 15px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}

.ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -25px;
  width: 25px;
  height: 25px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.20);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}

body .ui-tooltip {
	border-width: 2px;
}

.ui-tooltip, .arrow:after {
    background: white;
    border: 2px solid white;
  }

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #cccccc;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.20);
}
.ui-widget-content {
	border: 1px solid #cccccc;
	background: #ffffff;
	color: #999999;
}
.ui-widget-content a {
	color: #333333;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}


/***** Relevant cookie banner stuff *****/
/* namespaced btn rules to avoid issues */

.c-alert {
    position: fixed;
    box-sizing: border-box;
    z-index: 14000;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 15px;
    color: #fff;
    background-color: hsl(220, 12%, 40%);
}


/* .c-alert media queries  */

@media all and (min-width: 768px) {
    .c-alert {
        padding: 20px;
    }
}

.c-alert-content {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
}

.c-alert-content:before,
.c-alert-content:after {
    content: " ";
    display: table;
}

.c-alert-content:after {
    clear: both;
}

.c-alert-content--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


.c-alert__text {
    line-height: 1.414;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #fff;
    text-align: left;
}

.c-alert__button {
    margin-top: 10px;
    text-transform: uppercase;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}


.c-alert .btn {
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    margin: 0;
    font-family: inherit;
    vertical-align: baseline;
    outline: none !important;
    font-weight: normal;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.c-alert .btn-inverted {
    border-color: #fff;
    overflow: hidden;
}

.c-alert .btn-inverted.outline {
    color: #fff;
    background-color: transparent !important;
}

.c-alert .btn-inverted.outline:hover {
    border-color: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
}

.c-alert .btn-inverted.outline:active {
    border-color: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.c-alert a:link,
.c-alert a {
    color: #fff;
    text-decoration: underline;
}

.c-alert a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.c-alert a:active,
.c-alert a:focus {
    color: rgba(255, 255, 255, 0.6);
}

.adHitCounterTooltip {
  position: relative;
  display: inline-block;
}

.adHitCounterTooltip .adHitCounterTooltipText {
  visibility: hidden;
  width: auto;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 15px 5px 15px;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s;
}

.adHitCounterTooltip .adHitCounterTooltipText::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.adHitCounterTooltip:hover .adHitCounterTooltipText {
  visibility: visible;
  opacity: 1;
}

@media all and (max-width: 480px) {
    /* .c-alert-content--flex media queries  */
    .c-alert-content--flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* .c-alert__button media queries  */
    .c-alert__button {
        width: 100%;
    }
    /* .c-alert .btn media queries  */
    .c-alert .btn {
        margin-top: 15px;
    }
}

@media all and (min-width: 481px) {
    /* .c-alert__button media queries  */
    .c-alert__button {
        width: auto;
        margin-top: 0;
    }

    /* .c-alert__text media queries  */
    .c-alert__text {
        margin-right: 20px;
    }
}
