/*
	
Print-CSS für www.womens-careers.info

Wichtige Farben
===============
Hauptfarben:
Dunkles Flächengrün   = #839C86
Mittleres Flächengrün = #A9CAAD
Helles Flächengrün    = #E3F0E5

Alternativen:
Mittleres Flächengrün   = #839C86
Helles Flächengrün    = #C8DDCB

Sonstiges:
Rahmen der Bilder     = #DBDBDB
Formulargrau          = #F6F6F6

Schriften:
Standardschrift       = #333
Dunkles Schriftgrün   = #536255
Überschriftengrün     = #839C86
Blasser Text          = #B6B6B6
Blasser grüner Text   = #708B74
Fehlermeldungen       = #850002

Wichtige Größenangaben
======================
Linke Spalte             = 160px
Mittlere Spalte          = 552px
Mittlere Spalte komplett = 736px
Rechte Spalte            = 178px

*/

html, body, div, p, h1, h2, h3,
span, a, form, img, li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica;
}

html, body {
	height: 100%;
	
	color: #333;
	font-size: 101%;
}

a:link, a:visited {
	color: #333;
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

.c {
	clear: both;
}

.center {
	text-align: center;
}

img {
	border: 0;
}

ul {
	margin-top: 4px;
	margin-bottom: 8px;
}

/*=================================================================*/
/*=========================== HTML-TAGS ===========================*/
/*=================================================================*/
/* Main-Tabellen */
th.main {
	vertical-align: top;
	padding: 4px;
	background-color: #A9CAAD;
	text-align: left;
	font-size: 70%;
	color: #59715C;
	font-weight: bold;
}
td.main {
	vertical-align: top;
	padding: 6px;
}
td.main-error {
	padding: 15px;
	background-color: #E3F0E5;
	text-align: center;
	font-size: 70%;
	color: #333;
	font-weight: bold;
	line-height: 130%;
}
/* ENDE Main-Tabellen */

/* Tabellenreihen */
tr.odd {
	background-color: #F0F7F1;
}
tr.even {
	background-color: #FFF;
}
tr.error {
	background-color: #FFC6C6;
}
/* ENDE Tabellenreihen */

/* Forum */
th.forum {
	padding: 4px;
	background-color: #A9CAAD;
	text-align: center;
	font-size: 70%;
	color: #59715C;
	font-weight: bold;
}
td.forum {
	vertical-align: top;
	padding: 6px;
}
td.forum-error {
	padding: 15px;
	background-color: #E3F0E5;
	text-align: center;
	font-size: 70%;
	color: #333;
	font-weight: bold;
	line-height: 130%;
}
/* ENDE Forum */

/* Übersichtstabellen */
table.overview {
	border: 0px;
	margin-bottom: 16px;
	background-color: #F6F6F6;
}
th.overview {
	padding-left: 8px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 13px;
	background-image: url(/images/pp/bg_table_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #B6B6B6;
	text-align: left;
	font-size: 70%;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}
td.overview {
	padding: 4px;
	padding-bottom: 10px;
}
/* ENDE Übersichtstabellen */

/*=================================================================*/
/*============================= BOXEN =============================*/
/*=================================================================*/
/* Header */
#top-box {
	display: none;
}
#top-nav {
	display: none;
}
/* ENDE Header */

/* Navi */
#left {
	display: none;
}
/* ENDE Navi */

/* Content */
#content {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	overflow: auto;
}

/* Contentbox ohne rechte Spalte */
#content-total {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

/* Brotkrumen-Navigation und Ueberschrift oberhalb jeder Seite */
#main-headline {
	z-index: 10;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	background-color: #839C86;
	background-image: url(/images/bg_brot.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* Graue Überschriftsbox innerhalb der Contentbox */
#sub-headline {
	z-index: 10;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 11px;
	background-image: url(/images/page/bg_sub.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #B6B6B6;
	
	font-size: 70%;
	color: #FFF;
	font-weight: bold;
	line-height: 115%;
}

/* Mittlere Textbox, mit Abständen zum Rand */
#main-content {
	z-index: 10;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
}

/* Aboutbox auf der Startseite */
#start-about {
	width: 552px;
	margin-top: 2px;
	margin-bottom: 12px;
}
/* Klasse für das Logo auf der Startseite */
.start-about-logo {
	padding-top: 3px;
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;
	float: left;
}
/* Klasse für das rechte Bild auf der Startseite */
.start-about-img {
	padding: 5px;
	border: 1px solid #DBDBDB;
	margin-left: 3px;
	margin-top: 3px;
	float: right;
}
/* Linke Themenbox unten auf der Startseite */
#start-subbox-left {
	display: none;
}
/* Rechte Themenbox unten auf der Startseite */
#start-subbox-right {
	display: none;
}

/* Erste Ebene der Hilfe */
#help-1 {
	z-index: 10;
	padding-left: 8px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	background-color: #EBEBEB;
	
	font-size: 70%;
	color: #333;
	font-weight: bold;
}
/* Zweite Ebene der Hilfe */
#help-2 {
	z-index: 10;
	padding-left: 6px;
	padding-top: 6px;
	padding-right: 18px;
	padding-bottom: 6px;
	border-left: 12px solid #EBEBEB;
	margin-top: 8px;
	background-color: #F6F6F6;
	
	font-weight: normal;
}
/* Dritte Ebene der Hilfe */
#help-3 {
	z-index: 10;
	padding-left: 23px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	background-color: #F6F6F6;
	margin-top: 6px;
	margin-bottom: 6px;
	
	line-height: 130%;
}

/* Box für einen Newsletter aus dem Archiv */
#newsletter-box {
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #F6F6F6;
	
	font-family: Courier, Courier New;
	font-size: 70%;
	line-height: 130%;
}
/* ENDE Content */

/* Boxen für die Previews im CMS */
#preview-out {
	border-left: 1px dashed #BEBEBE;
	border-right: 1px dashed #BEBEBE;
	border-bottom: 1px dashed #BEBEBE;
}
#preview-in {
	margin-top: 4px;
	margin-left: 100px;
	width: 552px;
	overflow: visible;
}
/* ENDE Boxen für die Previews im CMS */

/* Untere Box, taucht nur in der Projektplattform auf */
#bottom {
	display: none;
}
#dummy1 {
	margin: 0;
}

/* Rechte Spalte */
#right {
	display: none;
}
/* ENDE Rechte Spalte */

/* Fehlermeldung */
#error {
	width: 400px;
	text-align: left;
	padding: 6px;
	margin-bottom: 12px;
	border: 1px solid #850002;
	background-color: #FFF6F6;
	color: #850002;
	font-size: 70%;
}
/* ENDE Fehlermeldung */

/*=================================================================*/
/*======================== FORMATIERUNGEN =========================*/
/*=================================================================*/
/* Hauptüberschrift, steht immer unter der Brotkrumennavi, weiß und groß */
.main-headline {
	font-size: 85%;
	color: #FFF;
	font-weight: bold;
}

/* Überschriften, schwarz, etwas größer */
.sub-headline {
	font-size: 80%;
	color: #333;
	line-height: 130%;
	font-weight: bold;
}

/* Überschriften, grün, normale Größe */
.text-headline {
	font-size: 70%;
	color: #839C86;
	line-height: 130%;
	font-weight: bold;
}

/* Artikelüberschriften, schwarz, groß */
.article-headline {
	font-size: 85%;
	color: #333;
	line-height: 130%;
	font-weight: bold;
}

/* Standardtext */
.main-text {
	font-size: 70%;
	color: #333;
	line-height: 130%;
}

/* Normaler, grauer Text */
.pale-text {
	font-size: 70%;
	color: #B6B6B6;
	line-height: 130%;
}

/* Kleiner, unwichtiger Text */
.sub-text {
	font-size: 65%;
	color: #999;
	line-height: 130%;
}

/* Roter Fehlermeldungstext */
.error-text {
	font-size: 70%;
	color: #850002;
	line-height: 130%;
}

/* Text neben Symbolen */
.icon {
	vertical-align: middle;
}

/* Brotkrumentext, weiß */
.brot {
	font-size: 70%;
	color: #FFF;
}

/* Servicelinks in der Navi */
.service {
	font-size: 65%;
	color: #708B74;
}

/* Hervorgehobener Text z.B. nach Suchabfragen */
.highlight {
	background-color: #FF0;
}

/* Links ausgerichtetes Bild */
.img-left {
	padding: 5px;
	border: 1px solid #DBDBDB;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 4px;
	float: left;
}
/* Rechts ausgerichtetes Bild */
.img-right {
	padding: 5px;
	border: 1px solid #DBDBDB;
	margin-top: 2px;
	margin-left: 6px;
	margin-bottom: 4px;
	float: right;
}

/*=================================================================*/
/*=========================== FORMULARE ===========================*/
/*=================================================================*/
/* Texte die Checkboxen & Radiobuttons bedienen */
label {
	font-size: 70%;
	color: #333;
	line-height: 130%;
	margin-left: 3px;
	cursor: pointer;
}
/* Alle Formularfelder */
input, button, select, textarea {
	font-size: 70%;
	color: #333;
	font-family: Verdana, Arial, Helvetica;
	vertical-align: middle;
}
/* Buttons */
input[type=submit], input[type=reset] {
   padding-top: 3px;
   padding-bottom: 3px;
}
/* Lösch-Buttons */
input.del {
	font-size: 70%;
	color: #333;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: middle;
	background-color: #800000;
	border-width: 0px;
	padding: 6px;
}

/* Formular-Tabellen */
table.form {
	border: 0px;
	margin-bottom: 8px;
	background-color: #F6F6F6;
}
/* Footer für */
table.form-footer {
	border: 0px;
	margin-bottom: 8px;
	background-image: url(/images/bg_form_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;
}
/* Überschriften */
th.form {
	padding-left: 8px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 13px;
	background-image: url(/images/bg_form_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #A9CAAD;
	text-align: left;
	font-size: 70%;
	color: #59715C;
	font-weight: bold;
}
/* Linke Spalte */
td.form-legend {
	vertical-align: top;
	text-align: right;
	padding: 8px;
	padding-top: 10px;
	font-size: 70%;
	color: #333;
	line-height: 130%;
}
/* Reine Textspalte */
td.form-text {
	vertical-align: top;
	padding: 8px;
	padding-top: 10px;
	font-size: 70%;
	color: #333;
	line-height: 130%;
}
/* Spalte mit den Eingabeoptionen */
td.form-input {
	vertical-align: top;
	padding: 8px;
}
/* Kleiner Beschreibungstext unter Eingabeoptionen */
.form-subtitle {
	font-size: 65%;
	color: #999;
	line-height: 130%;
}
/* Button vom WYSIWYG-Editor */
.editor-button {
	border: 1px solid #F6F6F6;
}
/* ENDE Formular-Tabellen */

/*=================================================================*/
/*====================== LINK-FORMATIERUNGEN ======================*/
/*=================================================================*/
/* Text neben Symbolen, darf nie unterstrichen sein */
a.l-icon:link, a.l-icon:visited, a.l-icon:hover, a.l-icon:active {
	color: #333;
	text-decoration: none;
}

/* Generell verdeckte Links, keine Farbzuweisung */
a.l-sub:link, a.l-sub:visited {
	text-decoration: none;
}
a.l-sub:hover, a.l-sub:active {
	text-decoration: underline;
}

/* Weiße, verdeckte Links */
a.l-sub-white:link, a.l-sub-white:visited {
	color: #FFF;
	text-decoration: none;
}
a.l-sub-white:hover, a.l-sub-white:active {
	color: #FFF;
	text-decoration: underline;
}

/* Hellgrüne, verdeckte Links */
a.l-sub-green:link, a.l-sub-green:visited {
	color: #708B74;
	text-decoration: none;
}
a.l-sub-green:hover, a.l-sub-green:active {
	color: #000;
	text-decoration: none;
}

/* Überschrift, grün, normale Größe */
a.l-text-headline:link, a.l-text-headline:visited, a.l-text-headline:hover, a.l-text-headline:active {
	color: #839C86;
	text-decoration: none;
}

/* Tabellenköpfe */
a.l-th:link, a.l-th:visited, a.l-th:hover, a.l-th:active {
	color: #59715C;
	text-decoration: none;
}

/* Kategorie der Hilfe */
a.l-help:link, a.l-help:visited, a.l-help:hover, a.l-help:active {
	color: #333;
	text-decoration: none;
}