﻿/* swp css WZWXX */

/* Hilfsklasse für verschachtelte Spalten in bootstrap */

.no-padding-left {
   padding-left: 0px;
}

.no-padding-right {
   padding-right: 0px;
}

.no-padding {
   padding: 0;
}

form#form1 {
   /*max-width: 770px;*/
   margin-bottom: 15px;
   margin-left: auto;
   margin-right: auto;
}

p {
   margin: 10px 0 0 0px !important;
}

.container-fluid {
   margin-top: 15px;
}

#tab-1 .container-fluid {
   margin-top: 0px;
   margin-bottom: 20px;
   
}


/* ********************************************************************
 * Formatierungen für Formularelemente Tab1
 * ******************************************************************** */
.swp_columns {
   background-color: transparent;
   list-style-type: none;
   padding: 0px 0px 0px 0px;
   font-weight: normal;
   -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
   -moz-column-gap: 20px; /* Firefox */
   column-gap: 20px;
   -webkit-column-rule: 0px inset #000; /* Chrome, Safari, Opera */
   -moz-column-rule: 0px inset #000; /* Firefox */
   column-rule: 0px inset #000;
}


/* responsive Darstellung der Checkboxliste 1-spaltig */
.swp_columns {
   -webkit-column-count: 1; /* Chrome, Safari, Opera */
   -moz-column-count: 1; /* Firefox */
   column-count: 1;
}

/* responsive Darstellung der Checkboxliste 2-spaltig */
@media only screen and (min-width: 481px) {
   .swp_columns {
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
   }
}

/* responsive Darstellung der Checkboxliste 3-spaltig */
@media only screen and (min-width: 700px) {
   .swp_columns {
      -webkit-column-count: 3; /* Chrome, Safari, Opera */
      -moz-column-count: 3; /* Firefox */
      column-count: 3;
   }
}

label {
   font-size: 11px;
   display: inline;
   line-height: 20px;
}

.swp_columns label {
   font-weight: normal;
   font-size: 11px;
}

select, fieldset input[type=text] {
   width: 200px;
   border: 1px solid #ccc;
   border-radius: 3px;
   padding: 2px;
   margin-bottom: 5px;
   font-size: 11px;
   color: #666;
}

input[type=checkbox] {
   margin-top: 0px;
   margin-right: 5px;
}

.category-checkbox-list label {
   font-size: 12px;
   font-weight: normal;
}


.category-checkbox-list dl dd {
   margin-right: 5px;
}

fieldset.swp_GenericInput {
   margin-top: 10px;
}


   fieldset.swp_GenericInput dl dd ul li {
      /*  padding-left:20px;
	text-indent:-20px;*/ /* entfernt wg. FF, wird hier nicht benötigt, 16.06.2015, aza */
   }

/* Formatierung für: Angebote von Personaldienstleistern ausschließen */
input#R4C1C2_GI_CheckBox1 {
   float: left;
   margin-left: 5px;
}

label#R4C1C2_GI_lblLabel1 {
   float: left;
   margin: 0 0 10px 0;
   line-height: 1.2em;
}

.swp-jobadchannels {
   background-color: transparent;
}

/* E-Mail-Feld */
#R4C1C5, #R4C1C6 {
   margin-top: 20px;
}

/* ********************************************************************
 * Formatierungen für TopJobs und TodayJobs -  CSS Infos von Heiko/Bart
 * ******************************************************************** */
.ListOrdered {
    padding-left: 0px;
}


.ListOrderedItem {
    padding: 10px 0;
}
.ListTodayJobs .ListOrderedItem a.ListOrderedItemLink {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
}
form#form1 {
    max-width: 1040px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.ListOrderedItem {
    max-width: 1000px;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}
.ListOrderedItem:hover {
    background-color: #eeeeee !important;
}
.ListTodayJobs {
    /*overflow-y: hidden; */
    width
}

.ListTodayJobs .ListOrderedItem a.ListOrderedItemLink {
    padding-left: 20px;
}

/* ********************************************************************
 * Formatierungen für Inhalte aus Datenbank
 * ******************************************************************** */

.CContent {
   padding: 1px 0 0 0px;
}

#tab-2 .CContent,
#tab-3 .CContent,
#tab-4 .CContent,
#tab-5 .CContent,
#tab-6 .CContent {
   padding-left: 10px;
}

.header-row .CContent {
   padding: 0px 0 10px 0;
   overflow: hidden;
}

#CCommit_DivContent.CContent {
   padding: 1px 0 10px 10px;
}

.CContent image {
   padding: 0;
}


.button-slogan {
   font-size: 18px;
   font-weight: bold;
   float: left;
   margin: 27px 15px 0 0;
}

.contactbox {
   margin-top: 10px;
}

.image img {
   border: 1px solid #333;
   box-shadow: 3px 3px 3px #ccc;
   margin: 12px 0;
}

.text-below-start {
   margin-top: 10px;
}

#introbelow {
   margin-top: 10px;
   font-weight: bold;
}
/* ********************************************************************
/* bootstrap Formatierungen überschreiben 
 * ******************************************************************** */
body {
   background-color: #fff;
}

h1,
h2 {
   font-weight: bold;
}

h1 {
   font-size: 19px;
}

h2 {
   font-size: 16px;
}

.btn-primary {
   color: #fff;
}

   .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
      /*background: radial-gradient(ellipse closest-corner at 42px 20px, #Fff, #f39516);*/
      color: #fff;
      border: 1px #999 solid;
   }

dl {
   margin: 0;
}

.alert-danger {
   background-color: #f2dede;
   border-color: #ebccd1;
   color: #a94442;
}

.alert {
   padding: 15px;
   border: 1px solid transparent;
   border-radius: 4px;
}

/* ********************************************************************
/* Responsive Tabs Formatierungen überschreiben 
 * ******************************************************************** */
.r-tabs {
   background-color: #fff;
   border-top: 1px solid #efefef;
   border-right: 1px solid #efefef;
   border-left: 1px solid #efefef;
   border-bottom: 4px solid #efefef;
   border-radius: 4px;
}

   .r-tabs .r-tabs-panel {
      background-color: #efefef;
      border-bottom: 4px solid #efefef;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      padding: 0;
      padding-right: 10px;
   }

   .r-tabs .r-tabs-nav .r-tabs-tab {
      background-color: #cdcdcd;
   }

   .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
      color: #333;
      background-color: #efefef;
   }

   /* mobile Version der aktiven Tabs */
   .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
      background-color: #1076a9;
      color: #fff;
   }

   /* mobile Version der Tabs */
   .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
      background-color: #939393;
      border-bottom: 1px solid #fff;
   }

   /* mobile Version der disabled Tabs */
   .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled,
   .r-tabs .r-tabs-nav .r-tabs-state-disabled {
      opacity: 0.1 !important;
   }

   .r-tabs .r-tabs-nav .r-tabs-anchor {
      padding: 3px 7px;
      font-size: 12px;
   }
/* ********************************************************************
 * Formatierungen für die simulierte Dropdown-Liste und das e-Mail-Label
 * ******************************************************************** */
.RadComboBoxDropDown RadComboBoxDropDown_Default JT4RadComboBoxDropDown,
.rcbScroll,
.rcbMoreResults {
   font-size: 10px;
}

/* RAD ComboBox Schriften Region/Experience */
.ComboBoxTableCell .RadComboBox_Default .rcbInputCellLeft .rcbEmptyMessage,
.ComboBoxTableCell .RadComboBox_Default .rcbInputCellLeft .rcbInput,
.rcbInput.radPreventDecorate,
label#R4C1C5_GI_lblLabel2 {
   font-family: Arial, "Helvetica Neue", Verdana, sans-serif;
   font-style: normal !important;
   font-weight: normal !important;
   font-size: 11px !important;
   color: #666;
}

   .CRadComboBoxContainerDiv .RadComboBox_Default .rcbInputCellLeft .rcbEmptyMessage,
   .CRadComboBoxContainerDiv .RadComboBox_Default .rcbInputCellLeft .rcbInput,
   .rcbInput.radPreventDecorate.rcbEmptyMessage,
   label#R4C1C5_GI_lblLabel2 label {
      font-family: Arial, "Helvetica Neue", Verdana, sans-serif;
      font-style: normal !important;
      font-weight: normal !important;
      font-size: 11px !important;
      color: #666;
   }

/* ********************************************************************
 * Formatierungen für Fehlermeldungen 
 * ******************************************************************** */
.validation ul {
   margin: 0;
   padding: 0;
}

   .validation ul li {
      list-style: none;
      list-style-type: none;
   }

.FormValidator {
   float: left;
   margin-left: -10px;
   font-size: 24px;
   color: #f39516;
}

.ErrorLabel {
   font-size: 14px;
   font-weight: bold;
   color: Red;
}

/* ********************************************************************
 * Formatierungen für Test Modus
 * ******************************************************************** */
.TestLabel {
   display: none;
   visibility: hidden;
   /*   position: absolute;
   background-color: Yellow;
   opacity: 0.2;
   font-weight: bold;
   z-index: 10;*/
}

   .TestLabel:hover {
      opacity: 0.0;
   }

.dottedborder {
   border: 0px #ccc dotted;
   border-collapse: collapse;
}
