/* CSS Document */
/*----------------------------------------------------------------------------------------------------*/
/* beinhaltet das standard seitenlayout, welches von allen seiten verwendet wird                      */
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/* BOX LAYOUT                                                                                         */
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/* generelle Festlegungen                                                                             */
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/* standard wrapper fuer die gesamte seite. legt die allgemeinen dimensionen fest.                    */
/* die seite hat ein fixed design, ausgelegt auf 1024 x 768                                           */
/*----------------------------------------------------------------------------------------------------*/
#wrapper {
 width: 880px;     /* obwohl die seite 1024px breit ist, werden nur 880px tatsaechlich benoetigt */
 padding: 0px;
 margin: 0px;
 text-align: left;
}
/*----------------------------------------------------------------------------------------------------*/
/* die float-box fuer den header. enthaelt nur die grafik als hintergrundbild. die menueelemente im   */
/* header werden absolut gesetzt. wir vererben die breite des parent-cotainers [wrapper] zwangsweise  */
/* selbst der duemmste browser richtig kapieren. falls doch nicht, die fixe breite (dzt. 880px) eintr.*/
/*----------------------------------------------------------------------------------------------------*/
#wHeader {
 width: inherit;
 height: 190px;
 background-color: transparent;
 background-image: url(/img_navi/bg_Header_animated.gif);
 background-position: left top;
 background-repeat: no-repeat;
}
/*----------------------------------------------------------------------------------------------------*/
/* wrapper fuer den gesamten content: linke-spalte, mittlere-spalte, rechte-spalte. liegt unterhalb   */
/* von header und nimmt die gesamte (fixe) seitenbreite ein.                                          */
/* hier geben wir die breite mit [inherit] an. lt. css-standard muss die breite daher vom parent-     */
/* element uebernommen werden ([wrapper]). 100% darf nicht angegeben werden, a-weil dann wieder       */
/* manche browser die [bildschirmbreite] nehmen (falsch!, doofer browser). falls [inherit] in irgend- */
/* welchen faellen net funktioniert, die tatsaechliche breite eintragen (880px, dzt.)                 */
/*----------------------------------------------------------------------------------------------------*/
#wContentArea {
 float: left;
 width: inherit;                 /* 880px */
 background-color: transparent;
 background-image: url(/img_navi/bg_Content.jpg);
 background-position: left top;
 background-repeat: repeat-y;
}
/*----------------------------------------------------------------------------------------------------*/
/* der wrapper fuer die linke spalte. enthaelt das menue und dient als abstandhalter zum datenbereich */
/*----------------------------------------------------------------------------------------------------*/
#wLCol {
 position: relative;
 float: left;
 width: 172px;
 background-color: transparent;
}
/*----------------------------------------------------------------------------------------------------*/
/* wrapper fuer die menu-items. legt die maximale breite eines menu-items fest                        */ 
/*----------------------------------------------------------------------------------------------------*/
#wMenu {
 float: left;
 width: 120px;
 margin: 15px 0px 0px 0px;
 overflow: hidden;
}
/*----------------------------------------------------------------------------------------------------*/
/* der wrapper fuer die mittlere und rechte spalte (data, sidebar)                                    */
/*----------------------------------------------------------------------------------------------------*/
#wR2Cols {
 position: relative;
 float: right;
 width: 708px;
 background-color: transparent;
}
/*----------------------------------------------------------------------------------------------------*/
/* im wrapper [wR2Cols] haben wir zwei float-wrappers einen fuer den content (endlich) und einen      */
/* fuer den sidebar (jobmania items)                                                                  */
/*----------------------------------------------------------------------------------------------------*/
#wContent {
 float: left;
 width: 458px;             /* 454px ? */
}
#wSidebar {
 float: right;
 position: relative;
 float: right;
 width: 236px;
 margin-top: -6px;
}
/*----------------------------------------------------------------------------------------------------*/
/* HTML LAYOUT                                                                                        */
/* hier legen wir die Standardeinstellungen fuer "klassenlose" HTML elemente fest                     */
/* Diese Festlegung dient der Formatierung von Fließtext in einem Reddot Container mit einge-         */
/* schraenkten Formatierungsmoeglichkeiten                                                            */
/*----------------------------------------------------------------------------------------------------*/
body {
 width: 100%; 
 padding: 0px;
 margin: 0px;
 
 text-align: left;
 
 background-color: #255095;
 color: black;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 16px;
}
/*----------------------------------------------------------------------------------------------------*/
/* anchor pseudo classes STANDARD fuer verwendung im Fließtext (ohne Angabe einer klasse)             */
/*----------------------------------------------------------------------------------------------------*/
a:link {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
/* font-weight: normal; */                          /* geändert lt.N. 23.01. */
 text-decoration: underline;
}
a:visited {
 color: #3D1655;                                    /* geändert lt.N. 22.01.  #255095 */
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
/* font-weight: normal; */                          /* geändert lt.N. 23.01. */
 text-decoration: underline;
}
a:active {
 color: #255095;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: underline;
/* font-weight: normal; */                          /* geändert lt.N. 23.01. */
 text-decoration: underline;
}
a:hover {
 color: #dd0000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
/* font-weight: normal; */                          /* geändert lt.N. 23.01. */
 text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------------*/
/* paragraph                                                                                          */
/* standard-abstand zwischen zwei <p> tags                                                            */
/*----------------------------------------------------------------------------------------------------*/
p {
 margin: 0px 0px 0.65em 0px;
}
/*----------------------------------------------------------------------------------------------------*/
/* modifizierte Version von STRONG fuer verwendung im REDDOT Fließtext                                */
/*----------------------------------------------------------------------------------------------------*/
strong {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: bold;
}
/*----------------------------------------------------------------------------------------------------*/
/* Standard "Unordered List" im REDDOT Fließtext                                                      */
/*----------------------------------------------------------------------------------------------------*/
ul {
 margin: .5em 0px 1em 0px;
 margin-left: expression( 15 + "px" );
}
li {
 margin: 0px 0px 0.5em -15px;
 margin-left: expression( 10 + "px" );
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;                                  /* geändert */
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}