/* HtmlTag-Selektoren */
body, td, h1 {
    font: normal 11px Arial,Helvetica,sans-serif;
    color: #000000;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
}
.gridContent {
    width: 100%;
}
h1 {
	font-size: 15px;
	color: #505050;
	font-weight: bold;
    padding: 0px 0px;
    margin: 0px 0px 7px 0px;
}
/* Formatierung der jeweiligen Seitenberschrift */
.headline, .SaHead, .form_01 { 
    font-size: 15px;
    font-weight: bold;
    color: #505050;
    padding: 5px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    line-height: normal;
}
.headline b, .SaHead b { 
    color: #000000;
}


label { 
    vertical-align: middle; 
}
input, select, textarea {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;	
    color: #414141;
    vertical-align: middle;
}

form {
    padding: 0px;
    margin: 0px;
}

a:link, a:active, a:visited {
    color: #b20000; 
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: navy;
}

/* speziell hervorgehobener Link  */
a.link:link, a.link:active, a.link:visited,
.js24spezial a:link, .js24spezial a:active, .js24spezial a:visited { 
    background: transparent url(../graphics/link.gif) no-repeat scroll 0pt 6px;
    padding-left: 10px;
    padding-top: 2px;
    text-decoration: none;
}
a.link:hover,
.js24spezial a:hover {
    background-position: 0pt -9px;
    text-decoration: underline;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Buttons Beginn ..................................................... */   
/* Link-Bild-Button in Detailsuche 2, Lndersuche */   
a.button_sucheStartenHell:link, a.button_sucheStartenHell:visited { 
	background: url(../graphics/btn-sucheStarten.gif) no-repeat 0px 0px;
	width: 99px;
	height: 28px;
	display: block;
	text-decoration: none
}
a.button_sucheStartenHell:hover {
	background-position: 0px -28px;
}

/* Link-Bild-Button in JobEmpfehlung; hat nur webseite.css als CSS eingebunden */
a.button_tippAbschicken:link, a.button_tippAbschicken:visited { 
	background: url(../graphics/btn-tippAbschicken.gif) no-repeat 0px 0px;
	width: 99px;
	height: 28px;
	display: block;
	text-decoration: none;
}
a.button_tippAbschicken:hover {
	background-position: 0px -28px;
}

/* Buttons Ende ....................................................... 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   
.ergebnisliste { /* Darstellung der Jobliste; angezeigt auf firmensucheHead.asp, jsstsuchHead.asp */
    float: left;
    width: 100%;
    padding: 2px;
    height: 55px;
    clear: both;
}

.keine_ergebnisse { /* Ihre Suche hat keine Ergebnisse geliefert; angezeigt auf jsstsuch.asp, firmensuche.asp */
    clear: both;
}

.poweredby { /* ganz am Seitenende */
    display: block;
    margin: 20px 0px 0px 0px;
    padding: 0px 73px 0px 0px;
    border-top: 1px dashed #C3C5C8;
    background: url(../graphics/js24logo.gif) no-repeat right 5px;
	text-align: right;
	font-size: 9px;
	color: #666666;
	height: 42px;
	line-height: 26px;
}



/* ....................................................................
   Linien ............................................................. */
   
.linie { /* optische Trennlinie; angezeigt auf jsstsuch_head.asp, firmensuche_head.asp */
    display: none;
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
    background: #F0F0F0;
    /*background: red;*/
}
.linie01 { /* optische Trennlinie; angezeigt auf firmensuche.asp, jsstsuch.asp */
    display: none;
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
    background: #F0F0F0;
    /*background-color: #DDDDDD;*/
}
   


/* Formatierung speziell fr T-Online ++++++++++++++++++++++++++++++++ */
/* Schritt 1 (von 2) .... Detailsuche, Detailsuche spezi */
.subtitle { 
    /*border-right: solid 1px #000000;
    border-left: solid 1px #000000; */
    padding: 10px 0px 10px 10px;
}
.subtitleJsstsuch { 
    /*border-right: solid 1px #000000;
    border-left: solid 1px #000000; */
    padding: 5px 0px 5px 5px;
}
.subtitle1Jsstsuch { 
    display: none;
}
.detailRss {
     clear: both;
     font-size: 10px;
     line-height: 10px; 
     border-bottom: 1px dashed #D7D8DA;
     margin-bottom: 5px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   JS24 CSS-Formatierungen Beginn ..................................... */   
   
   
/* ++++++++++++++++++++++ Spaltenformatierung Beginn ++++++++++++++++++++++++++++ */
.frmSpalte1 { /* Bezeichnungen */
	float: left; 
	width: 23%; 
	font-weight: bold;
	/*background-color: red;*/
	}

.frmSpalte2 { /* Inputfelder, Checkboxen */
	float: left; 
	width: 44%; 
	/*background-color: green;*/
	}
	
.frmSpalte3 { /* Infomeldungen */
	position: relative; /* Falls doch Lsung ohne Springen, dann raus */
	right: 0px; /* Falls doch Lsung ohne Springen, dann raus */
	float: right;
	width: 33%;
	/*background-color: yellow;*/
	}

.frmEndeZeile { /* float aufheben */
	clear: left;
	padding: 5px;
	line-height: 1px;
    height: 1px;
}

.frmSpalte2_button { /* Anzeige des Buttons */
	padding-top: 10px;
	float: left; 
	width: 44%;
	/*background-color: green;*/
}	

.frmSpalte3bg { /* Infotext Darstellung: Pfeilhintergrund */
	float: left;
	width: 100%;
	background-image: url(/graphics/allgemein/bg/bgmMessage.gif); 
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.frmSpalte3style { /* Infotext: Formatierung */
	margin-left: 13px; 
	border-top: 1px solid #D7D8DA; 
	border-left: 1px solid #D7D8DA;
	border-right: 1px solid #AFAEB0;
	border-bottom: 1px solid #AFAEB0;
	padding: 5px; 
	color: #606060;
	background-color: #ffffff;
	font-size: 10px;
}	

.frmSpalte12 { /* Spalte 1 + 2 Zusammengefgt */
	float: left; 
	width: 67%; 
	/*background-color: #bbbbbb;*/
}

.frmSpalte12_klein { /* klein dargestellte Infomeldungen wie z.B. Pflichtfelder */
	padding-top: 20px;
	float: left; 
	width: 67%; 
	font-size: 10px;
	/*background-color: red;*/
}

/* ++++++++++++++++++++++ Spaltenformatierung Ende ++++++++++++++++++++++++++++ */   
   

.klein { /* kleiner Text */
	font-size: 9px;
	font-weight: normal;
}
   
   

/* Fehlermeldungen Beginn.............................................. */
.fehler { /* Icon & Fehlertext zur Fehlermeldung */
	clear: both;
	background-image: url(../graphics/achtung.gif);
	background-repeat: no-repeat;
	background-position: left;
	
	color: #E20A17;
	font-weight: bold;
	padding: 5px;
	padding-left: 26px;
	/*background: Yellow;*/
}
/* Darunterstehender, eingerckter Text zur Fehlermeldung */
.fehler_text { 
    
}
.fehler_text a { 
    
}
.fehler_border { /* roter Rahmen um Fehlermeldung */
	clear: both;
	padding:5px;
	border:1px solid #E20A17;
}
/* Fehlermeldungen Ende ............................................... */

/* Okmeldungen Beginn ................................................. */
.ok { /* Icon & Fehlertext */
	background-image:url(../graphics/ok.gif);
	background-repeat:no-repeat;
	background-position:left;
	
	color: #52A404;
	font-weight:bold;
	padding:5px;
	padding-left:26px;
}
.ok_text { /* Darunterstehender, eingerckter Text */
	padding-left:26px;
	padding-right:180px;
}
.ok_border { /* Rahmen um Meldung */
	clear: both;
	padding: 5px;
	border:1px solid #52A404;
}
/* Okmeldungen Ende ................................................... */


.box_form { 
	/*border-bottom: 1px solid #000000;
	border-top: 0px;*/
}
div.box_form { 
	padding: 10px 0px;
	/*border: 1px solid #000000;
	border-top: 0px;*/
}

/* Funktion hebt float bei Spaltenformatierung auf */
.spEnde { /* wird benutzt um "float" aufzuheben */
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
}

/* JS24 CSS-Formatierungen Ende ....................................... 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   
   
/* Startseite */
.arbeitgeberBody, .bewerberBody {
    margin: 5px 0px 10px 0px;
}
.arbeitgeber, .bewerber {
    margin: 10px 10px 5px 10px;        
}

.arbeitgeberBody {
    background: url(/graphics/koopstandard/set1/backgrounds/preisArbeitgeber.gif) no-repeat top right;
    float: left;
    height: 130px;
    width: 49%;
}
.bewerberBody {
    background: url(/graphics/koopstandard/set1/backgrounds/preisBewerber.gif) no-repeat top right;
    float: right;
    height: 130px;
    width: 48%;
    margin-right: 10px;
}

/* Link-Bild-Button */
.buttonArbeitgeber, a.buttonArbeitgeber:link { 
    background: url(../graphics/btn-arbeitgeber.gif) no-repeat 0px 0px;
    width: 147px;
    height: 28px;
    display: block;
    float: right;
}
a.buttonArbeitgeber:hover {
    background-position: 0px -28px;
    text-decoration: none;
}

/* Link-Bild-Button */
.buttonBewerber, a.buttonBewerber:link { 
    background: url(../graphics/btn-bewerber.gif) no-repeat 0px 0px;
    width: 147px;
    height: 28px;
    display: block;
    float: right;
}
a.buttonBewerber:hover {
    background-position: 0px -28px;
    text-decoration: none;
}

/* Breite der Job Empfehlungs Seite*/
.jobEmpfehlungBreite {
    width: 739px;
}