/* HtmlTag-Selektoren */
body, td, h1 {
    font-size: 13px;
    font-family: "Times New Roman", Times, serif;
    color: #000000;
    letter-spacing: 0px;
    margin: 0px;
    padding: 0px;
}
.gridContent {
    width: 608px;
    margin-left: 12px;
    
    
}
h1 {
	font-size: 1.5em!important;
	line-height:1.25em;
	color:#000;
	margin: 0px;
	margin-bottom: 5px;
}

label { 
    vertical-align: middle; 
}
input, select, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;	
    color: #575757;
    vertical-align: middle;
}

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

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

/* speziell hervorgehobener Link  */
a.link:link, a.link:active, a.link:visited,
.js24spezial a:link, .js24spezial a:active, .js24spezial a:visited { 
    color: #D60F24;
    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, .button_suchen, a.button_suchen:link, a.button_suchen:visited { 
	background: url(../graphics/btn_suchen.gif) no-repeat 0px 0px;
	width: 96px;
	height: 41px;
	display: block;
	text-decoration: none;
	border: none;
	padding: 0;
}


/* Buttons Ende ....................................................... 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    



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

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


.poweredby { /* ganz am Seitenende */
    margin: 30px 0px 0px 0px;
    padding: 0px 73px 0px 0px;
    border-top: 1px dashed #C3C5C8;
    background-image: url(../graphics/js24logo.gif);
	background-repeat: no-repeat;
	background-position: 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;
}
.linie01 { /* optische Trennlinie; angezeigt auf firmensuche.asp, jsstsuch.asp */
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 1px;
    background-color: #DDDDDD;
}

.rot,
.headline, .SaHead {
    background: url(/prreport/graphics/headline.gif) 3px 3px no-repeat; 
    padding: 0 0 10 12px; 
    font-size: 17px;
    font-family: Helvetica,sans-serif;
	color: #000;
	margin: 0;
}


/* Formatierung speziell fr T-Online ++++++++++++++++++++++++++++++++ */
/* Schritt 1 (von 2) .... Detailsuche, Detailsuche spezi */
.subtitle { 
    padding: 10px 0px 10px 10px;
    background: url(../graphics/form_mitte.gif) repeat-y 0px 0px;
}
.subtitleJsstsuch { 
    border-right: solid 1px #BCC6CE;
    border-left: solid 1px #BCC6CE; 
    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 #BCC6CE;
     margin-bottom: 10px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   JS24 CSS-Formatierungen Beginn ..................................... */   
   
   
/* ++++++++++++++++++++++ Spaltenformatierung Beginn ++++++++++++++++++++++++++++ */
.frmSpalte1 { /* Bezeichnungen */
	float: left; 
	width: 25%; 
	font-weight: bold;
	/*background-color: red;*/
	}
/* Inputfelder, Checkboxen */
.frmSpalte2 { 
	float: left; 
	width: 65%; 
	/*background-color: green;*/
	}
/* Infomeldungen */	
.frmSpalte3 { 
	display: none;
	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: 65%;
	/*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 #BCC6CE; 
	border-left: 1px solid #BCC6CE;
	border-right: 1px solid #AFAEB0;
	border-bottom: 1px solid #AFAEB0;
	padding: 5px; 
	color: #1E3B6B;
	background-color: #E5E7EF;
	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: 11px;
	/*background-color: red;*/
}

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

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

/* Fehlermeldungen Beginn.............................................. */
.fehler { /* Icon & Fehlertext zur Fehlermeldung */
	clear: both;
	color: #d60f24;
	font-weight: bold;
	padding: 5px;
}
/* Darunterstehender, eingerckter Text zur Fehlermeldung */
.fehler_text { 
	padding-right: 100px;
}
/* roter Rahmen um Fehlermeldung */
.fehler_border { 
	clear: both;
	padding: 5px;
	border: 1px solid #d60f24;
}
/* Fehlermeldungen Ende ............................................... */

/* Okmeldungen Beginn ................................................. */
/* Icon & Fehlertext */
.ok { 
	color: #52A404;
	font-weight: bold;
	padding: 5px;
}
/* Darunterstehender, eingerckter Text */
.ok_text { 
	padding-right: 180px;
}
.ok_border { /* Rahmen um Meldung */
	clear: both;
	padding: 5px;
	border: 1px solid #52A404;
}
/* Okmeldungen Ende ................................................... */


.form_01 { 
	background: #1E3B6B;
    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 { 
	background: url(../graphics/form_mitte.gif) repeat-y 0px 0px;
	border-top: 0px;
}
div.box_form { 
	padding: 10px;
}

/* 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 20px 0px;
    border-bottom: solid 1px #E5E7EF;
    border-left: solid 1px #E5E7EF;
}
.arbeitgeber, .bewerber {
    margin: 10px 10px 5px 10px;        
}

.arbeitgeberBody {
    background: url(../graphics/preisArbeitgeber.gif) no-repeat top right;
    float: left;
    width: 52%;
}
.bewerberBody {
    background: url(../graphics/preisBewerber.gif) no-repeat top right;
    float: right;
    width: 45%;
}

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

.frmOben {
    background: url(/prreport/graphics/form_oben.gif) 0px 0px no-repeat; 
    font-size: 1px;
    height: 5px;
    line-height: 5px;
}
.frmMitte {
    background: url(/prreport/graphics/form_mitte.gif) 0px 0px repeat-y; 
}
.frmUnten {
    background: url(/prreport/graphics/form_unten.gif) 0px 0px no-repeat; 
    font-size: 1px;
    height: 15px;
    line-height: 15px;
    background-color: #fff;
}

input.button {
   color: #666;
   font-family: Verdana, Arial, Helvetica, Sans-Serif; 
   font-size: 11px;
   font-weight: bold;
   background-color: #FAFAFA;
   border: 1px solid;
   border-top-color:#E0E0E0;
   border-left-color:#E0E0E0;
   border-right-color:#E0E0E0;
   border-bottom-color:#E0E0E0;
   padding: 2px;
   height:25px;
}