/* HtmlTag-Selektoren */
body, td, h1 {
    font-family: Verdana, Arial,Helvetica, Verdana, sans-serif;
    font-size: 11px; 
    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/KoopStandard/set2/buttons/btn-sucheStarten.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
}
a.button_sucheStartenHell:hover {
	background-position: 0px -28px;
}

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

.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/KoopStandard/logos/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: #C50007;
    padding: 2px 0px;
    margin: 0;
    line-height: 20px;
    height: 20px;
    font-weight: bold;
    font-size: 14px;
}
.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 { 
    position: absolute;
    margin: 87px 0 0 130px;
}
.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: 23%; 
	font-weight: bold;
	/*background-color: red;*/
	}

.frmSpalte2 { /* Inputfelder, Checkboxen */
	float: left; 
	width: 50%; 
	/*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;
}	

.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/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 { 
	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/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 ................................................... */



/* 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;
    width: 100%;
    margin: 0px 0px 15px 0px;  
    padding: 0px 0px 10px 0px;
}
.arbeitgeber h1, .bewerber h1 {
    padding-bottom: 10px;
}

.buttonArbeitgeber, a.buttonArbeitgeber:link,
.buttonBewerber, a.buttonBewerber:link { 
    background: url(../../graphics/KoopStandard/set2/buttons/btn-arbeitgeber.gif) no-repeat 0px 0px;
    width: 172px;
    height: 28px;
    display: block;
    float: right;
    text-decoration: none !important;
}
.buttonBewerber, a.buttonBewerber:link { 
    background: url(../../graphics/KoopStandard/set2/buttons/btn-bewerber.gif) no-repeat 0px 0px;
    width: 172px;
}
a.buttonBewerber:hover,
a.buttonArbeitgeber:hover {
    background-position: 0px -28px;
}