/* ********************************************************************
 * Client-spezifische Formatierungen ABW V2
 * ******************************************************************** */
/* Startbutton*/
.btn-start {
	background:rgba(228, 18, 0, 0.8 );
	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-top:10px;
	display: block;
	margin-left:auto;
	margin-right: auto;
	}

@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);
}


.CActionButton {
  /*  float: none;*/ 
}

/* Nur anpassen, wenn Symbole in den Buttons verwendet werden, bei Textbuttons auskommentieren 
.CActionButton.Action-update input

{
	font-size:30px;
}

.CActionButton.Action-delete input

{
	font-size:40px;
}
*/
 
 /* Startbutton alt*/
/*.btn-start {
	background-color:#c1072b;
	background: radial-gradient(ellipse closest-corner at 42px 20px, transparent, #c1072b);
	border: 1px #666 solid;
	border-radius: 150px;
	cursor: pointer;
	font-weight: bold;
	height: 80px;
	width: 80px;
	font-size: 18px;
	text-shadow: 0px 0px 3px #999;
	text-indent:-2px;
	text-transform: uppercase;
	box-shadow:0px 0px 2px 4px #ccc;
	color:rgba(255, 255, 255, 0.85) !important;
	margin-bottom:10px;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
	background-color:#c1072b;
    background: radial-gradient(ellipse closest-corner at 42px 20px, #Fff, #c1072b);
    color: #fff;
    border: 1px #999 solid;
}

.CActionButton {
	float:right;
  }

.CActionButton.Action-update input

{
	font-size:30px;
}

.CActionButton.Action-delete input

{
	font-size:40px;
}*/
/* Startbutton alt Ende */
/* ------------------------------- */

/* Farbe der Überschriften und Texthervorhebungen */
a,
h1,
h2,
.markup {
	color:#c1072b;
}

#tab-4 a {
	color:#333;
}
/* 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;
}

/*  Speciallösung Bild rechts aus altem Content übernommen */

.image-special-abw {
	width:100%;
	border:1px solid #ccc;
	border-radius:3px;
	border-top:0px;
	background:#fff;
	padding:10px;
}

.image-special-abw-h2{
	padding:7px;
	border:1px solid #ccc;
	border-radius:3px;
	border-bottom:0px;
	display:block;
	color:#fff;
	font-size:12px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F41D47), color-stop(1, #AD0928));
	background: -moz-linear-gradient(180deg, #F41D47, #AD0928);
	background: linear-gradient(180deg, #F41D47, #AD0928);
	margin-bottom:0;
	

}

#R4C2_TX_DivContent.CContent .image img
	{
  border: 0px solid #333;
  box-shadow: 0px 0px 0px #ccc;
  margin:0;
  }
  
/* maximale Höhe der Tabs : Achtung, verhindert scrollen auf mobil. Lösung noch gesucht
.r-tabs-panel.r-tabs-state-active {
	max-height:700px;
	overflow-y:auto;
}	
*/

/* responsive Darstellung der Checkboxliste anpassen, falls nötig, sonst auskommentieren 
@media only screen and (min-width: 700px) {
.swp_columns {
	-webkit-column-count: 2; /* Chrome, Safari, Opera 
	-moz-column-count: 2; /* Firefox
	column-count: 2;
	}
} 
*/
.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:180px;
  display:block;
}

.swp_columns label {
 /*font-stretch: condensed;  */ 
}

input[type=checkbox] {
    margin-right: 3px;
}
    
/* Abstand zwischen Formularteilen */
fieldset.swp_GenericInput {
  margin-top: 5px;
}

/* Abstand E-Mail-Feld und Fehlermeldungen nach oben */
#R4C1C5, #R4C1C6 {
  margin-top: 15px;
}

/* responsive Darstellung für den rechten Bereich in der Eigenanzeige angepasst */
@media only screen and (max-width: 480px) {
.swp_columns {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	}
} 

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

.swp_columns label {
 /*font-stretch: condensed;  */ 
}

input[type=checkbox] {
    margin-right: 3px;
}
    
/* Abstand zwischen Formularteilen */
fieldset.swp_GenericInput {
  margin-top: 5px;
}

/* Abstand E-Mail-Feld und Fehlermeldungen nach oben */
#R4C1C5, #R4C1C6 {
  margin-top: 15px;
}


/* Alle nachfolgende Anpassungen gelten nur für die mobile Anzeige */
@media only screen and (max-width: 599px) {
	.container-fluid{
	margin-left:10px;
	padding:0px;
	}
	
	.r-tabs .r-tabs-panel {
	background-color:transparent;
	border-bottom: 0px solid #efefef !important;
	padding:0 10px;
	}
	
	.r-tabs {
  	background-color: #fff;
  	border-top: 1px solid #c1072b !important; 
  	border-right: 0px solid #efefef!important; 
  	border-left: 0px solid #efefef!important; 
  	border-bottom: 1px solid #c1072b!important; 
  	border-radius: 0px !important; 
	}
	
	.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  	background-color: #fff;
  	background:url('arrow-sprite.png') 5px -12px no-repeat;
  	color: #c1072b;
  	padding-left:20px;
	}
	
	.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  	background-color: transparent;
  	background:url('arrow-sprite.png') 5px 15px no-repeat;
  	padding-left:20px;
  	border-bottom: 1px solid #c1072b;
  	color: #666;
  	font-weight: bold;
  	font-size: 14px;
  	text-shadow: 0 0px rgba(0, 0, 0, 0.0);
	}
		
	/* Labels in der Anmeldemaske  */
	#R4C1C1_GI_lblLabel1.swp_Label,
	#R4C1C2_GI_lblLabel1.swp_Label {
	color: #c1072b;
  	font-size: 14px;
  	font-weight: bold;
  	padding-bottom:10px;
	}
	
	/* h2 unterdrücken in der EA-Anzeige */
	#tab-2 h2,
	#tab-3 h2,
	#tab-4 h2,
	#tab-5 h2,
	#tab-6 h2
	{
	display:none;
	visibility: hidden;
	}
	/* h2 auf commit-Tab in der EA-Anzeige */
	#tab-7 h2 {
	color:#c1072b;
	font-size:16px;
	}
	
	/* innerhalb EA-Anzeige-Formular kein Umbruch, ff macht sonst Probleme beim crop */
	fieldset.swp_GenericInput dl dd ul li {
    padding-left: 0px;
    text-indent: 0px;
	}
	
	.swp_columns {
	margin-top:10px;
	}

    /* 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;
    }


}
/* Ende der Definitonen für rechte Spalte EA */


/* ********************************************************************
/* Beginn Karriere-Testblock
 * ******************************************************************** */ 

/* ********************************************************************
/* Responsive Tabs Formatierungen überschreiben 
 * ******************************************************************** */ 
.r-tabs {
border-bottom: 1px solid #efefef;
}
.r-tabs .r-tabs-panel {
background-color: #FFFFFF;
border-bottom-width: 1px;
}

 .r-tabs .r-tabs-nav .r-tabs-tab {
color: #000000;
text-shadow: 0px 0px #FFFFFF !important;
background-color: #FFFFFF;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
color: #000000;
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: #E41200;
}

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

}

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

h1,
h2,
.markup {
	color:#E41200;
}

.CContent{
padding-bottom: 10px;
}

/* Labels in der Anmeldemaske  */
	#R4C1C1_GI_lblLabel1.swp_Label,
	#R4C1C2_GI_lblLabel1.swp_Label {
	color: #E41200;
	}


 /* ********************************************************************
/* Font Awesome Icons
 * ******************************************************************** */
 
 /* Icons im regAboTop-Bereich*/
 .icon_abotop{
 color: #E41200;
 text-align: center;
 display: block !important;
 margin-top: 30px;
 /*font-size: 54px;
 text-align: center;
 line-height: 56px;*/
 }
 
 /* mobile Version der aktiven Tabs */  
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background-color:#E41200;
color: #FFFFFF;
}

/* *********************************************************************
/* Hover Effekt - Vorschau JobAgent
* ********************************************************************* */

#vorschaubutton {
    background-color: #DEE3E9 /*rgba(51, 51, 51, 0.8)*/;
	color: #FFFFFF;
    position:relative;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	padding: 3px 3px;
	font-weight: normal;
	font-size: 14px;
	display:block;
	text-align:center;
	margin-bottom: 10px;
}

.popupBox {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
	visibility: hidden;
}

.popupBox:target {
	opacity:1;
	pointer-events: auto;
	visibility: visible;
}

.popupBox > div {
	width: 900px;
	max-width: 90%;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.popupBox img{
max-width: 100%;
} 

.close {
	background: #E41200;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	opacity:1;
	/*-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;*/
}

.close:hover { background: #000000; }

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




/* *********************************************************************
/* Content Formatierung
* ********************************************************************* */
.regAbo-ul li:first-child {
min-width:400px;

}


.regAbo-abw {
display: inline-table;
list-style: none;
margin-right: 50px;
white-space: nowrap;
margin-left:-40px;
font-size:18px;
font-weight:bold;
color:#E41200;
margin-top:10px;
}

.regAbo-abw a {
color:#e41200;
font-weight:bold;
}

.icon-regAbo {
margin-right:10px;
}

/* #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 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;
}


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

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