/* 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: 14px;
	line-height: 150%;
	margin: 0px 0px 5px 0px;
}

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: #606060; 
    text-decoration: none;
}
a:hover {
    /*text-decoration: underline;*/
    color: #000000;
}

/* 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/blaetternVor.gif) no-repeat scroll 0pt 4px;
    padding-left: 10px;
    color: #606060;
    text-decoration: none;
}
a.link:hover,
.js24spezial a:hover {
    background-position: 0pt -16px;
    text-decoration: underline;
}


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




.ergebnisliste { /* Darstellung der Jobliste; angezeigt auf firmensucheHead.asp, jsstsuchHead.asp */
    float: left;
    width: 100%;
    padding: 2px 0px 7px 0;
    min-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/KoopStandard/logos/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 */
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
    /*background: red;*/
}
.linie01 { /* optische Trennlinie; angezeigt auf firmensuche.asp, jsstsuch.asp */
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
    /*background-color: #DDDDDD;*/
}


/* Formatierung der jeweiligen Seitenberschrift */
.headline, .SaHead { 
    background: #606060;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}   


/* 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 { 
    font-size: 13px; 
    display: block; 
    padding-bottom: 2px;
    font-weight: bold;
}
.detailRss {
     clear: both;
     font-size: 10px;
     line-height: 10px; 
     border-bottom: 1px dashed #D7D8DA;
     margin-bottom: 10px;
}


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

.frmSpalte2 { /* Inputfelder, Checkboxen */
	float: left; 
	width: 70%; 
	/*background-color: green;*/
	}
	
/* Infomeldungen */	
.frmSpalte3 { 
	display: none;
	/*background-color: yellow;*/
	}

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

.frmSpalte2_button { /* Anzeige des Buttons */
	padding-top: 10px;
	/*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/KoopStandard/icons/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/KoopStandard/icons/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 ................................................... */


.form_01 { 
	background: #606060;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

.form_02 { 
	padding: 3px 5px 3px 5px;
}

.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 {
    float: left;
    width: 49%;
    border: solid 1px #cccccc;
    background-repeat: no-repeat;
    background-position: top right;
    margin-bottom: 10px;
}
.bewerberBody {
    float: right;
    background-image: url(../../graphics/KoopStandard/set1/backgrounds/preisBewerber.gif);
}
.arbeitgeberBody {
    background-image: url(../../graphics/KoopStandard/set1/backgrounds/preisArbeitgeber.gif);
}
.arbeitgeber, .bewerber {
    margin: 7px 7px 7px 10px;  
    padding: 0;
}
.arbeitgeber h1, .bewerber h1 {
    padding-bottom: 5px;
}

/* Link-Bild-Button */
.buttonArbeitgeber, a.buttonArbeitgeber:link { 
    background: url(../../graphics/KoopStandard/set1/buttons/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/KoopStandard/set1/buttons/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;
}