/* HtmlTag-Selektoren */
body, td, h1 {
    font-family: Verdana, Arial,Helvetica, Verdana, sans-serif;
    font-size: 10pt; 
    color: #000000;  
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    background: #ffffff;
}
.gridContent {
    padding: 0px;
    border: 0;
    border-right: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
}
.jobEmpfehlungBreite {
    margin-left: 10px;
    margin-top: 7px;
    width: 738px;
}

h1 {
	font-size: 14px !important;
	line-height:1.25em;
	margin: 0;
	margin-bottom: 5px;
}

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

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

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



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Buttons Beginn ..................................................... */   
/* Link-Bild-Button in Detailsuche 2, Lndersuche */   
a.button_sucheStartenHell:link, a.button_sucheStartenHell:visited { 
	display: block;
	float: right;
	width: 112px;
	height: 28px;
	line-height: 28px;
	background-image: url(../graphics/btn-sucheStarten.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	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: 101px;
	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: auto; /*100%;*/
    padding: 3px 0px 3px 3px;
    clear: both;
    background-color: #f0f0f0;
}

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


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


/* Formatierung der jeweiligen Seitenberschrift */
.headline, .SaHead, .form_01 { 
    color: #990000;
    padding: 2px 0px;
    margin: 0;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    font-size: 10pt;
}
.form_02 { 
}
.box_form { 
    padding-top: 7px;
}
.box_form td { 
    padding: 0px !important;
}
div.box_form { 
}


/* Schritt 1 (von 2) .... Detailsuche, Detailsuche spezi */
.subtitle { 
    padding: 10px 0px 10px 0px;
}
.subtitleJsstsuch { 
    padding: 5px 0px 2px 0px;
}
.subtitle1Jsstsuch { 
    font-size: 13px; 
    display: block; 
    padding-bottom: 2px;
    font-weight: bold;
}
.detailRss {
     position: absolute;
     width: 212px;
     font-size: 10px;
     margin: 5px 0 0 430px;
     /*background: yellow;*/
}


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

.frmSpalte2 { /* Inputfelder, Checkboxen */
	float: left; 
	width: 53%; 
	/*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: 27%;
	/*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: 50%;
	/*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 #333333; 
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding: 5px; 
	color: #333333;
	background-color: #cccccc;
	font-size: 10px;
	display:none;
}	

.frmSpalte12,
.frmSpalte12_klein { 
	float: left; 
	width: 73%; 
}
/* klein dargestellte Infomeldungen wie z.B. Pflichtfelder */
.frmSpalte12_klein { 
	padding-top: 20px;
	font-size: 10px;
}

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

/* Fehlermeldungen Beginn.............................................. */
/* Icon & Fehlertext zur Fehlermeldung */
.fehler { 
	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 { 
	padding-left: 26px;
	padding-right: 100px;
}
/* roter Rahmen um Fehlermeldung */
.fehler_border { 
	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 ................................................... */



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

/* JS24 CSS-Formatierungen Ende ....................................... 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   
   
/* Startseite */
.arbeitgeberBody {
    width: 47%;
    float: left;
    background: url(../../graphics/KoopStandard/set2/backgrounds/preisArbeitgeber.gif) no-repeat top right;
}
.bewerberBody {
    width: 50%;
    float: right;
    background: url(../../graphics/KoopStandard/set2/backgrounds//preisBewerber.gif) no-repeat top right;
}
.arbeitgeber, .bewerber {
    float: left;
    margin: 0px 0px 15px 0px;  
    padding: 0px 0px 10px 0px;
}
.arbeitgeber h1, .bewerber h1 {
    padding-bottom: 10px;
}

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

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