/* ********************************************************************
 * Client-spezifische Formatierungen
 * ******************************************************************** */
form#form1 {
    max-width: 770px;
}

 /* Startbutton*/
.btn-start {
    background: #000;
	border: none;
    border-radius: 0px;
	cursor: pointer;
    padding: 3px 50px;
	font-weight: normal;
	font-size: 18px;
	display: block;
    margin: 10px 0 0 30px;
}

@media only screen and (max-width: 720px) {
.btn-start {
	display: block;
	margin-left:auto;
	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);
}

a:hover {
    text-decoration: none;
}

.CActionButton {
  /*  float: none;*/ 
}
 
 
/* Farbe der Überschriften und Texthervorhebungen */
h1,
h2,
.markup {
    color: #000;
}

h2 {
    font-size: 18px;
    font-weight: normal;
}

.swp-h1 {
    font-size: 24px;
    font-weight: normal;
    padding: 10px;
    padding-left: 80px;
    background: url('Header.jpg') no-repeat 0px center;
    background-size: 100%;
    display: block;
    text-align: right;
}

.header-row .CContent {
    padding:0;
}
/* Höhen der Tabs ausser #tab-1 (automatisch) */
#tab-2, #tab-3, #tab-4, #tab-5, #tab-6 {
    min-height: 478px;
    max-height: 478px;
	overflow-y:auto;
}


.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;
  display:block;
}


input[type=checkbox] {
    margin-right: 3px;
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: sub;
}

/* Abstand zwischen Formularteilen, zentrierte Inhalte in allen Zeilen */
fieldset.swp_GenericInput,
#R1C1 {
    /*margin-top: 5px;*/
    text-align: center;
}


label {
    font-size: 13px;
    display: inline;
    line-height: 20px;
    margin-left: 7px;
}

.swp_columns label {
    font-weight: normal;
    font-size: 11px;
}

/*Formatierung der Reihen von oben nach unten*/

#R1 {
    background: #efefef;
}

#R4 {
    display: none;
    visibility: hidden;
}
    

/*Ort*/
#R5C1C1_GI_CBSearchRegion {
    margin-bottom: 5px;
}


#R5C1C1_GI_lblLabel1 {
    margin-bottom: 15px;
  margin-top: 15px;
}

/*Entfernung*/
#R5C1C1_GI_RBDistanceRegion2 {
    margin: 0 auto 0 260px;
    text-align: left;
}


    #R5C1C1_GI_RBDistanceRegion2:before {
        content: "Wie weit darf Ihr Weg zum Arbeitsplatz sein?";
        display: block;
        font-size: 13px;
        font-weight: bold;
        margin: 12px 0 5px;
        margin-left: -30px;
    }

    #R5C1C1_GI_RBDistanceRegion2 label,
    #R5C1C1_GI_RBDistanceRegion2 input {
        font-weight: normal !important;
        font-size: 11px !important;
    }

/*Arbeitsbereich, Berufserfahrung */
#R5C1C2_GI_ddCheckBoxList,
#R5C1C4_GI_RadioButtonList,
#R5C1C3_GI_ddCheckBoxList {
    text-align: left;
    margin: 12px auto;
    width: 200px;
}



#R5C1C2 {
    padding-top: 5px;
    background: #efefef;
}


#R5C1C3 {
    /*padding: 0px 0px 20px 0;*/
    background: #efefef;
}


#R5C1C4_GI_fsInputFields {
    margin-top: 10px;
}

#R5C1C1 {
    margin-bottom: 5px;
}


#R5C1C3_GI_lblLabel1 {
    /*margin-right: 58px;
    float: right;*/
    margin-left: 0px;
}

#R5C1C3_GI_CheckBox1 {
    margin-left: 255px;
    margin-right: 0px;
    margin-top: 2px;
}

#R5C1C4 {
    margin-bottom: 5px;
}
/*Zeile E-Mail*/
.regAbo-Register #R6C1:before {
    content: "Wie können wir Sie benachrichtigen?";
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
    margin-top: 10px;
}

#R6C1 {
    padding: 5px 0;
    background: #efefef;
}

#R6C1C1_GI_TextBox1 {
    width: 220px;
    height: 30px;
    float: right;
    padding-left: 7px;
}

#R6C1C1_GI_lblLabel1 {
    display: none;
    visibility: hidden;
}

#R7C1 {
    margin-top: -1px;
    padding: 0 10px;
    background: #efefef;
}
/* Abstand Listen-Elemente in Sectorlist */
dd ul li {
    line-height: 20px;
}

/* #T06716 verkaufte Anzeigen (Top Positionen) */
.ListTopJobs {
    max-width: 740px;
}

    .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 #999;
        }

        .ListTopJobs li:nth-child(even) {
            border-left: 10px solid #efefef;
        }

    .ListTopJobs a {
        float: right;
        margin-top: -1em;
        color: orange;
        font-weight: bold;
        text-decoration: none;
    }

    .ListTopJobs img {
        max-width: 200px; /*Originalbreite der Logos im Upload Ordner*/
        width: 150px;
    }

    .ListTopJobs dd {
        max-height: 600px;
        display: block;
        overflow: auto;
        overflow-x: hidden;
    }

/* List TodayJobs Abstand nach oben und Breite der Listenelemente */
.ListTodayJobs {
    margin-top: 30px;
    max-width: 740px;
}

.ListOrderedItem {
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 700px;
}


/* TodayJobs ausblenden auf reg-Abo-Register-Ok regAbo-Activate, regAbo-Update, regAbo-Delete und den 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;
}

/*Ausblenden nicht benötigter Elemente auf regAbo-Delete*/
.regAbo-Delete #R5C1C2 {
    display:none;
    visibility:hidden;
}

/*Schriftgröße anpassen Profil löschen*/
.regAbo-Delete #R1C1_TX_DivContent {
    font-size:16px;
    margin:5px 0;
}




/* ********************************************************************
/* Responsive Tabs Formatierungen überschreiben 
 * ******************************************************************** */ 
.r-tabs {
    border: 0px solid #efefef;
}

.r-tabs .r-tabs-panel {
background-color: #FFFFFF;
border-bottom-width: 1px;
        padding-right: 0;
}

 .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: #999;
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: #000;
}

.r-tabs .r-tabs-nav{
        float: left;
margin-top: 40px;
margin: 0;
padding: 0;
}

/* ********************************************************************
/* Linkfarben, Überschriften, Bilder, Contentabstände anpassen 
 * ******************************************************************** */ 
 
 a:link,
 a:visited {
    color: #999;
 }
 
 a:active,
 a:hover{
 color: #F07B00;
 }
 
 .image img {
	border:none;
	box-shadow: 0 1px rgba(255, 255, 255, 1);
	margin:12px 0;
}


.CContent{
padding-bottom: 10px;
    font-size: 11px;
}
 
#ListTopJobs_lblLabel1 {
    color: #000;
    border-top: 1px solid #efefef;
    display: block;
    margin-top: 10px;
    padding: 5px 0;
}



/* *********************************************************************
/* Tabellen orientieren sich oben
* ********************************************************************* */
td{
 vertical-align: top;
 padding: 0 5px;
}

/*Mobile Darstellung mit gestapelten TABS*/

@media only screen and (max-width: 599px) {

    /* Mobile Tabs (FAQ, Quellen, Kontakt) ausblenden bei Bestätigungen */

    .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-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-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;
    }


    .swp-h1 {
        font-size: 18px;
        line-height: 20px;
        margin: 0px;
    }

    .header-row .CContent {
        padding: 0px;
        height: auto;
    }

    .r-tabs .r-tabs-panel {
        padding-right: 0px;
    }

    .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
        background-color: #333;
        color: #fff;
    }

    #R5C1C3_GI_lblLabel1 {
        margin-left: 10px;
        float: none;
    }

    #R5C1C3_GI_CheckBox1 {
        margin-left: 0px;
}

    #R6C1C1_GI_TextBox1 {
        float: none;
    }

    #R5C1C1_GI_RBDistanceRegion2 {
        margin: 0 auto;
    }

        #R5C1C1_GI_RBDistanceRegion2:before {
            margin-left: 0px;
        }
}

@media only screen and (max-width : 480px) {

    .va-logo {
        max-width: 150px;
        width: 150px;
        padding-bottom: 5px;
    }

    .col-xs-8, .col-xs-4 {
        width: 100% !important;
    }
}