﻿/* ********************************************************************
 * Client-spezifische Formatierungen WZWXX 
 * ******************************************************************** */
body {
   font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
   font: 13px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #444;
}

/*Bestätigungs- und Error-Seiten*/
/*Header mit Bild und Text*/
.header-row .CContent {
   padding: 0px 0 10px 0;
   overflow: hidden;
}

.header-img {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

#headertext {
    background-color: #303942;
    padding: 10px 0 0;
}

.header-row .CContent h1 {
   /* color: #303942; */
    color: #de810a; 
}


/* Startbutton*/
.btn-start {
    background: #6786a1;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 3px 15px;
    font-weight: normal;
    font-size: 18px;
    margin:10px 0;
    display: block;
}

.button-slogan {
   display: none;
   visibility: hidden;
}

.btn-start:hover {border:none;} 


@media only screen and (max-width: 960px) {
    .btn-start {
      display: block;
      margin-left: 0;
      margin-right: auto;
      font-size: 14px;
   }
}



.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
   background-color: rgba(51, 51, 51, 0.8);
}


.CActionButton {
   /*  float: none;*/
}



/* Höhen der Tabs ausser #tab-1 (automatisch) */
#tab-2, #tab-3, #tab-4, #tab-5, #tab-6 {
   min-height: 430px;
   max-height: 430px;
   overflow-y: auto;
}

   #tab-3, #tab-4, #tab-5 {
        display:none;
        visibility:hidden;
    }

    #tab-1 .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.col-md-6, .col-sm-6 {
   width: 100% !important;
}

.no-padding-left {
   padding-left: 0;
   padding-right: 0;
}

.swp_columns {
   -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
   -moz-column-gap: 0px; /* Firefox */
   column-gap: 0px;
}

   .swp_columns li {
      font-weight: normal;
      font-size: 11px;
      line-height: 11px;
      white-space: nowrap;
      overflow: hidden;
      /*text-overflow: ellipsis;
      max-width: 220px;*/
      display: block;
   }

   .swp_columns label {
      /*font-stretch: condensed;  */
   }

input[type=checkbox], input[type=radio] {
   margin-right: 3px;
   vertical-align: text-bottom;
}

/* Abstand zwischen Formularteilen */
fieldset.swp_GenericInput {
   margin-top: 5px;
}

/* Abstand E-Mail-Feld und Fehlermeldungen nach oben */
#R4C1C4, #R4C1C5, #R4C1C6 {
   margin-top: 15px;
}

#R4C1C3_GI_CBDistanceRegion label.rcbLabel {
   display: table !important;
   width: 100%
}

.RadComboBoxWithLabel table {
   display: block !important;
   width: 100%
}

/* #T06716 verkaufte Anzeigen (Top Positionen) */
.ListTopJobs ul {
   list-style: none;
}

.ListTopJobs li {
   border-bottom: 1px solid #efefef;
   padding: 10px;
}

   .ListTopJobs li:first-child {
      border-top: 1px solid #efefef;
   }

   .ListTopJobs li:nth-child(odd) {
      border-left: 10px solid rgba(255, 102, 0, 0.5);
   }

   .ListTopJobs li:nth-child(even) {
      border-left: 10px solid #efefef;
   }

.ListTopJobs a {
   float: right;
   /*margin-top: -2.2em;*/
   color: orange;
   font-weight: bold;
   text-decoration: none;
}

.ListTopJobs img {
   max-width: 300px;
}

.ListTopJobs dd {
   display: block;
   overflow: auto;
}
/*  max-height: 600px; bei XING über iFrame */

/* List TodayJobs Abstand nach oben und Breite der Listenelemente */
/* .ListTodayJobs {margin-top:30px; } bei XING Standalone */
.ListOrderedItem {
   overflow-x: hidden;
   text-overflow: ellipsis;
   /*max-width: 720px;*/
}


/* ********************************************************************
/* Responsive Tabs Formatierungen überschreiben 
 * ******************************************************************** */

.r-tabs {
   background-color: #fff;
   border-top: 0px solid #efefef;
   border-right: 0px solid #efefef;
   border-left: 0px solid #efefef;
   border-bottom: 0px solid #efefef;
   border-radius: 0px;
}

.r-tabs {
   border-bottom: 0px solid #efefef;
}

   .r-tabs .r-tabs-panel {
      background-color: #FFFFFF;
      border-bottom-width: 1px;
   }

   .r-tabs .r-tabs-nav .r-tabs-tab {
      color: #10478F;
      text-shadow: 0px 0px #FFFFFF !important;
      background-color: #FFFFFF;
   }

   .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
      color: #F07B00;
      text-shadow: 0px 0px #FFFFFF !important;
      background-color: #FFFFFF;
   }

   .r-tabs .r-tabs-nav .r-tabs-anchor {
      text-shadow: 0 1px rgba(255, 255, 255, 1);
        color: #6786a1;
   }

   .r-tabs .r-tabs-nav {
      float: left;
      margin-top: 40px;
      margin: 0;
      padding: 0;
   }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #6786a1;
        color: #fff;
    }

/*Tabname auf Tab1 ersetzen*/
.r-tabs-anchor[href='#tab-1'] {
    visibility: hidden;
}

    .r-tabs-anchor[href='#tab-1']:after {
        content: 'Ihr Stellenreport';
        visibility: visible;
    }

 /*Tabs 3-5 ausblenden, padding und margin unterdrücken*/
.r-tabs-anchor[href='#tab-3'],
.r-tabs-anchor[href='#tab-4'],
.r-tabs-anchor[href='#tab-5'] {
    display: none;
    visibility: hidden;
    width: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .r-tabs-anchor[href='#tab-3']:after,
    .r-tabs-anchor[href='#tab-4']:after,
    .r-tabs-anchor[href='#tab-4']:after {
        content: '';
        visibility: visible;
    }



    /* Trick um Flackern bei Tab Darstellung zu vermeiden */
    #horizontalTab > ul {
        margin-left: -60px;
    }


/* ********************************************************************
/* Linkfarben, Überschriften, Bilder, Contentabstände anpassen 
 * ******************************************************************** */
a:link, a:visited {
   color: #10478F;
}

a:active,
a:hover {
   color: #F07B00;
}

.image img {
   border: none;
   box-shadow: 0 1px rgba(255, 255, 255, 1);
   margin: 12px 0;
}

h1,
h2,
.markup {
   color: #222222;
}

h1, h2 {
   font-size: 20px;
   line-height: 1.1em;
   margin-bottom: 8px;
}

.CContent {
   padding-bottom: 10px;
}

/*Text unter Anmeldebutton mit FC-Empfehlung*/

#regAboBottom_DivContent.CContent {
    text-align: left;
}

.image-fc {
    margin-top: -40px;
    margin-bottom:10px;
}

.NLConsent {font-size: x-small;
            line-height:1.2;
            margin-right:110px;
}
/* ********************************************************************
/* Anpassungen Layout XING
 * ******************************************************************** */
select, fieldset input[type=text] {
    width: 100%;
    border-color: #e1e1e1;
    background-color: #fcfcfc;
    color: #919191;
    margin-bottom: 0;
    display: inline;
    min-width: 50px;
    padding: 13px;
    border-radius: 2px;
}




/* *********************************************************************
/* Tabellen orientieren sich oben
* ********************************************************************* */
td {
   vertical-align: top;
   padding: 0 5px;
}
/* #T06716 verkaufte Anzeigen (Top Positionen) */
.ListTopJobs ul {
   list-style: none;
}

.ListTopJobs li {
   border-bottom: 1px solid #efefef;
   padding: 10px;
    padding-bottom: 30px;
}

   .ListTopJobs li:first-child {
      border-top: 1px solid #efefef;
   }

   .ListTopJobs li:nth-child(odd) {
      border-left: 10px solid rgba(255, 102, 0, 0.5);
   }

   .ListTopJobs li:nth-child(even) {
      border-left: 10px solid #efefef;
   }

.ListTopJobs a { /*float: right; margin-top: -2.2em;*/
   color: orange;
   font-weight: bold;
   text-decoration: none;
}

.ListTopJobs img {
   max-width: 300px;
}

.ListTopJobs dd {
   max-height: 600px;
   display: block;
   overflow: auto;
   overflow-x: hidden;
}


/*Mobile Darstellung mit gestapelten TABS*/
@media only screen and (max-width: 599px) {

   body {
      font-family: 'Neue Helvetica', Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 1.8;
   }

   .swp_Label, .swp_columns label {
      font-size: 15px;
      line-height: 1.8;
   }

   .swp_columns li {
      max-width: 300px;
   }

    /*Mobile Darstellung mit gestapelten TABS*/

    /* Mobile Tabs (FAQ, Quellen, Kontakt) ausblenden*/
    .regAbo-Register .r-tabs-anchor[href="#tab-3"],
    .regAbo-Register-Ok .r-tabs-anchor[href="#tab-3"],
    .regAbo-Register-Error .r-tabs-anchor[href="#tab-3"],
    .regAbo-Activate-Ok .r-tabs-anchor[href="#tab-3"],
    .regAbo-Activate-Error .r-tabs-anchor[href="#tab-3"],
    .regAbo-Update .r-tabs-anchor[href="#tab-3"],
    .regAbo-Update-Ok .r-tabs-anchor[href="#tab-3"],
    .regAbo-Update-Error .r-tabs-anchor[href="#tab-3"],
    .regAbo-Delete .r-tabs-anchor[href="#tab-3"],
    .regAbo-Delete-Ok .r-tabs-anchor[href="#tab-3"],
    .regAbo-Delete-Error .r-tabs-anchor[href="#tab-3"],
    .regAbo-Register .r-tabs-anchor[href="#tab-4"],
    .regAbo-Register-Ok .r-tabs-anchor[href="#tab-4"],
    .regAbo-Register-Error .r-tabs-anchor[href="#tab-4"],
    .regAbo-Activate-Ok .r-tabs-anchor[href="#tab-4"],
    .regAbo-Activate-Error .r-tabs-anchor[href="#tab-4"],
    .regAbo-Update .r-tabs-anchor[href="#tab-4"],
    .regAbo-Update-Ok .r-tabs-anchor[href="#tab-4"],
    .regAbo-Update-Error .r-tabs-anchor[href="#tab-4"],
    .regAbo-Delete .r-tabs-anchor[href="#tab-4"],
    .regAbo-Delete-Ok .r-tabs-anchor[href="#tab-4"],
    .regAbo-Delete-Error .r-tabs-anchor[href="#tab-4"],
    .regAbo-Register .r-tabs-anchor[href="#tab-5"],
    .regAbo-Register-Ok .r-tabs-anchor[href="#tab-5"],
    .regAbo-Register-Error .r-tabs-anchor[href="#tab-5"],
    .regAbo-Activate-Ok .r-tabs-anchor[href="#tab-5"],
    .regAbo-Activate-Error .r-tabs-anchor[href="#tab-5"],
    .regAbo-Update .r-tabs-anchor[href="#tab-5"],
    .regAbo-Update-Ok .r-tabs-anchor[href="#tab-5"],
    .regAbo-Update-Error .r-tabs-anchor[href="#tab-5"],
    .regAbo-Delete .r-tabs-anchor[href="#tab-5"],
    .regAbo-Delete-Ok .r-tabs-anchor[href="#tab-5"],
    .regAbo-Delete-Error .r-tabs-anchor[href="#tab-5"] {
        display: none;
        visibility: hidden;
    }


    /* mobile Version der aktiven Tabs */
    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #6786a1;
        color: #FFFFFF;
    }
    /* mobile Version der nicht aktiven Tabs */
    .r-tabs-accordion-title.r-tabs-state-default,
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
        background-color: #939393;
        border-bottom: 1px solid #fff;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .r-tabs-anchor[href='#tab-1']:after {
        content: 'Ihr Abonnement';
        visibility: visible;
        margin-left: -65px;
        color: #FF8D0E;
    }

    .r-tabs-accordion-title.r-tabs-state-active.r-tabs-anchor[href='#tab-1']:after {
        content: '';
        visibility: hidden;
        margin-left: -65px;
    }
    /*.r-tabs-accordion-title.r-tabs-state-active.r-tabs-anchor[href='#tab-1'] {display:none;}*/
}


/* #T06716 verkaufte Anzeigen (Top Positionen) */
.ListTopJobs ul { list-style: none; }
.ListTopJobs li { border-bottom: 1px solid #efefef; padding: 10px; }
.ListTopJobs li:first-child { border-top: 1px solid #efefef;}
.ListTopJobs li:nth-child(odd) { border-left: 10px solid rgba(255, 102, 0, 0.5); }
.ListTopJobs li:nth-child(even) { border-left: 10px solid #efefef; }
.ListTopJobs a { /*float: right; margin-top: -2.2em;*/ color: orange; font-weight: bold; text-decoration: none; }
.ListTopJobs img { max-width:300px; }
.ListTopJobs dd { max-height: 600px; display: block; overflow: auto; }

/* TodayJobs ausblenden auf reg-Abo-Register-Ok regAbo-Activate, regAbo-Update, regAbo-Delete und 
    Error-Meldungen*/
.regAbo-Register-Ok .ListTodayJobs,
.regAbo-Register-Error .ListTodayJobs,
.regAbo-Activate-Ok .ListTodayJobs,
.regAbo-Activate-Error .ListTodayJobs,
.regAbo-Update .ListTodayJobs,
.regAbo-Update-Ok .ListTodayJobs,
.regAbo-Update-Error .ListTodayJobs,
.regAbo-Delete .ListTodayJobs,
.regAbo-Delete-Ok .ListTodayJobs,
.regAbo-Delete-Error .ListTodayJobs {
    display: none;
    visibility: hidden;
}