/* allgemeingueltiges Styling ueberall verwendeter Elemente */

/**********
 * Initialisierung: 1em = 10px - NICHT VERAENDERN!
 **********/

* {
  font-size: 1em;
}

html {
  font-size: 62.5%;
}
/* IE 6 */
* html {
  font-size: 63%;
}
/* IE 7 */
* + html {
  font-size: 63%;
}


/**********
 * allgemeine Styles
 **********/

html {
  overflow: scroll;
}

body,
button,
textarea {
  margin: 0;
  font-family: Arial;
}

p {
  margin: 0 0 0.5em 0;
  font-size: 1.2em;
  line-height: 1.4em;
  overflow: hidden;
}

.metadata {
  color: #0199ff;
}

span.info {
  display: block;
  color: #666;
  font-size: 0.833333333333333em;
  line-height: 1.3em;
}

.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

/**********
 * Links
 **********/

a, a:visited {
  color: #066;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}
h4 a, h4 a:visited {
  color: #000;
}

/**********
 * Buttons
 **********/

a.button,
a.button:visited {
  display: block;
  float: right;
  width: 9.0em;
  height: 1.66666666666667em;
  padding: 0.25em 0 0 0.833333333333333em;
  background: url('/images/button-gray.gif') top left no-repeat;
  font-size: 1.2em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}
a.button:hover {
  text-decoration: none;
}
* html a.button,
* html a.button:visited {
  padding-top: 0.166666666666667em;
}
* + html a.button,
* + html a.button:visited {
  padding-top: 0.166666666666667em;
}

button.button {
  float: right;
  margin-top: 0.833333333333333em;
  border: 0;
  width: 9.83333333333333em;
  height: 1.66666666666667em;
  padding: 0 0 0 0.583333333333333em;
  background: url('/images/button-gray.gif') top left no-repeat;
  font-size: 1.2em;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
}
a.applicant_button,
a.applicant_button:visited,
button.applicant_button {
  background-image: url('/images/button-light.gif');
}
a.company_button,
a.company_button:visited,
button.company_button {
  background-image: url('/images/button-dark.gif');
}
a.cancel_button,
a.cancel_button:visited {
  background-image: url('/images/button-cancel.gif');
}

/**********
 * Formulare
 **********/

form {
  margin: 0;
  padding: 0;
}

input,
select,
textarea {
  font-size: 1.2em;
}

input.text,
input.password,
input.file,
select,
textarea {
  margin-bottom: 0.833333333333333em;
  border: 0.0833333333333333em solid #999;
  padding: 0.166666666666667em;
}

span.output {
  display: block;
  margin-bottom: 0.833333333333333em;
  padding: 0.166666666666667em 0 0.166666666666667em 0;
}

/**********
 * Fehler
 **********/

#errors ul {
  margin: 0;
  padding: 0;
}

#errors ul li {
  margin: 0;
  padding; 0;
  list-style-type: none;
}

input.field_with_errors {
  border: 0.0833333333333333em solid #ff00ff;
}

/**********
 * Bild-Uploads
 **********/

img.photo {
  width: 12.0em;
  height: 16.0em;
}

img.logo {
  width: 14.0em;
  height: 3.2em;
}

img.logo_display {
  width: 14.0em;
  height: 6.4em;
}

/* Layout der Bereiche:
 * - #content
 *   - #main_navigation
 *   - #user_navigation
 *   - #horizontal_spacer
 *   - #main_content
 *   - #marginal_content
 * - #info
 *   - #inner_info
 *     - #main_info
 *     - #marginal_info
 */

#content {
  padding-bottom: 5.0em; /* Platz fuer #info */
  width: 97.0em;
  margin: 0 auto;
}

#main_navigation,
#main_content,
#main_info {
  float: left;
  width: 74.0em;
}

#user_navigation,
#marginal_content,
#marginal_info {
  float: right;
  width: 21.0em;
}

#horizontal_spacer {
  clear: both;
  width: 97.0em;
  height: 1px;
}

#info {
  z-index: 10;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.0em; /* wichtig fuer ie7 */
  background-color: #fff;
  color: #888;
}
html > body #info {
  /* fuer moz/opera und andere */
  position: fixed
}

#inner_info {
  width: 97.0em;
  margin: 0 auto;
}

/* Styling der oberen Navigations-Bereiche:
 * #main_navigation
 * #user_navigation
 */

#main_navigation h3,
#user_navigation h3 {
  padding: 0;
  font-family: Helvetica Neue, Arial;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.3em;
  word-spacing: -0.05em;
  color: #066;
}

/**********
 * Hoehen und Rahmen
 **********/

#main_navigation,
#user_navigation {
  position: relative;
  padding-bottom: 1.1em;
  overflow: hidden;
}

/* IE 6 */
* html #main_navigation,
* html #user_navigation {
  padding-bottom: 0;
}

#user_navigation {
  border-top: 0.6em solid #066;
}

body.for_anonymous #user_navigation {
  height: 11.9em;
}
body.for_applicant #user_navigation {
  border-top-color: #46ba2f;
}
body.for_admin #user_navigation {
  border-top-color: #676767;
}

#main_content,
#marginal_content {
  border-top: 0.1em solid #888;
}

/**********
 * #main_navigation
 **********/

#main_navigation #envipool_logo {
  position: absolute;
  top: 1.0em;
  left: 0;
  width: 11.5em;
  height: 3.1em;
}

#main_navigation ul {
  float: right;
  margin: 0;
  padding: 0;
}

#main_navigation ul li {
  float: left;
  margin: 0;
  width: 12.0em;
  border-top: 0.6em solid #066;
  padding: 0;
  list-style: none;
  color: #066;
}

#main_navigation ul li h3 {
  margin: 1.41666666666667em 0 0.5em 0;
}

#main_navigation ul li ul {
  width: 12.0em;
}

#main_navigation ul li ul li {
  margin: 0 0 0.0833333333333333em 0;
  width: 8.33333333333333em;
  border: 0;
  padding: 0 0 0 1.5em;
  background: url('/images/arrow-dark.gif') 0.0833333333333333em 50% no-repeat;
  font-size: 1.2em;
}

#main_navigation ul li ul li.selected {
  background-color: #cde1e1;
}

/**********
 * #user_navigation (unangemeldet)
 **********/

#user_navigation form {
  position: relative;
  padding-top: 1.7em;
}

#user_navigation form input {
  position: absolute;
  color: #666;
}
#user_navigation form input.text,
#user_navigation form input.password {
  width: 14.5em;
  border-width: 0.1em;
  font-size: 1em;
}
#user_navigation form input.text {
  top: 1.6em;
}
#user_navigation form input.password {
  top: 3.9em;
}
#user_navigation form input.checkbox {
  top: 5.3em;
}

#user_navigation form label {
  position: absolute;
  top: 6.2em;
  left: 2.5em;
  width: 15.0em;
  color: #066;
}

#user_navigation form button.submit {
  position: absolute;
  right: 0;
  top: 3.8em;
  margin-top: 0;
  width: 4.5em;
  height: 2.0em;
  border: 0;
  background: url('/images/login.gif') top left no-repeat;
  font-size: 1em;
  cursor: pointer;
}
#user_navigation form button.submit span {
  display: none;
}

#user_navigation #password_forgotten {
  position: absolute;
  top: 9.3em;
}

#user_navigation #register {
  position: absolute;
  top: 10.7em;
}

#user_navigation a,
#user_navigation a:visited {
  color: #888;
}
#user_navigation a:hover {
  color: #066;
}

/*********
 * #user_navigation (angemeldet)
 **********/

#user_navigation #logged_in_user, #user_navigation #logout {
  position: absolute;
  width: 21.0em;
  text-align: right;
  color: #0199ff;
}
#user_navigation #logged_in_user {
  top: 0.1em;
}
#user_navigation #logout {
  top: 1.4em;
}

#user_navigation h3 {
  margin: 0 0 0.583333333333333em 0;
  padding-top: 1.33333333333333em;
}
body.for_applicant #user_navigation h3 {
  color: #46ba2f;
}
body.for_admin #user_navigation h3 {
  color: #676767;
}

#user_navigation ul {
  width: 21.0em;
  margin: 0;
  padding: 0;
}

#user_navigation ul li {
  margin: 0 0 0.0833333333333333em 0;
  width: 15.8333333333333em;
  padding: 0 0 0 1.5em;
  background: url('/images/arrow-black.gif') 0.0833333333333333em 50% no-repeat;
  list-style: none;
  font-size: 1.2em;
}

#user_navigation ul li a,
#user_navigation ul li a:visited {
  color: #000;
}
#user_navigation ul li a:hover {
  color: #066;
}
body.for_applicant #user_navigation ul li a:hover {
  color: #46ba2f;
}
body.for_admin #user_navigation ul li a:hover {
  color: #676767;
}

#user_navigation ul li.selected {
  background-color: #cde1e1;
}
body.for_applicant #user_navigation ul li.selected {
  background-color: #d1eecc;
}
body.for_admin #user_navigation ul li.selected {
  background-color: #f0f0f0;
}

/* Styles für den Haupt-Content-Bereich:
 * #main_content
 */

#main_content {
  position: relative;
}



#main_content .formatted_text p {
  margin: 0;
  font-size: 1.2em;
}

#main_content .formatted_text ul {
  margin: 0;
  padding: 0;
}

#main_content .formatted_text ul li {
  margin: 0 0 0 1.0em;
  padding: 0;
  list-style-type: square;
  font-size: 1.2em;
}

#main_content .formatted_text ol {
  margin: 0;
  padding: 0;
}

#main_content .formatted_text ol li {
  margin: 0 0 0 2.0em;
  padding: 0;
  font-size: 1.2em;
}

#main_content .formatted_text td {
	font-family: Arial, sans-serif;
	color:#333333;
	vertical-align: top;
	margin: 0 0 .5em 0;
	font-size: 1.2em;
	line-height: 1.4em;
}
#main_content .formatted_text h4 {
	margin: 0 0 .5em 0;
	font-size: 1.4em;
	line-height: 1.4em;
}
#main_content .formatted_text h4.introtext {
	font-weight: normal;
}

#main_content .formatted_text h4.h4_dg,
#main_content .formatted_text h4.h4_hg,
#main_content .formatted_text h4.h4_gr {
	font-weight: normal;
}
#main_content .formatted_text h4.h4_dg {
	color: #066;
}
#main_content .formatted_text h4.h4_hg {
	color: #46ba2f;
}
#main_content .formatted_text h4.h4_gr {
	color: #888;
}

#main_content .formatted_text .hr_hg {
	margin: .5em 0 -.2em 0;
	border-top: 1px solid #46ba2f !important;
}
#main_content .formatted_text .hr_dg {
	margin: .5em 0 -.2em 0;
	border-top: 1px solid #066 !important;
}
#main_content .formatted_text .hr_gr {
	margin: .5em 0 -.2em 0;
	border-top: 1px solid #888 !important;
}

#main_content .formatted_text p {
	margin: 0 0 .5em 0 !important;
}
#main_content .formatted_text .line {
	padding: 0 0 .25em 0 !important;
	margin: 0 0 .5em 0 !important;
	border-bottom: 1px solid #888888 !important;
}
#main_content .formatted_text .line_hg {
	padding: 0 0 .25em 0 !important;
	margin: 0 0 .5em 0 !important;
	border-bottom: 1px solid #46BA2F !important;
}
#main_content .formatted_text .line_dg {
	padding: 0 0 .25em 0 !important;
	margin: 0 0 .5em 0 !important;
	border-bottom: 1px solid #006666 !important;
}
#main_content .formatted_text .hellgrau {
	color:#666666;
}
#main_content .formatted_text .hellgruen {
	color:#46BA2F;
}
#main_content .formatted_text .dunkelgruen {
	color:#006666;
}
#main_content .formatted_text .columncontainer {
	width: 74em;
	margin: 0 0 .5em 0;
}
#main_content .formatted_text .leftcolumn {
	width: 36em;
	float: left;
}
#main_content .formatted_text .rightcolumn {
	width: 36em;
	float: right;
}
#main_content .formatted_text .number {
	display: block;
	position: absolute;
	left: 0pt;
}
* html #main_content .formatted_text .number {
	display: block;
	position: absolute;
	left: -2.5em;
}
#main_content .formatted_text .paragraph {
	display: block;
	padding: 0pt 0pt 0.5em 2.5em;
	position: relative;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 .5em 0;
	font-weight: normal;
}


/**********
 * Überschriften
 **********/

#main_content h1,
#main_content h2,
#main_content h3 {
  background: #fff;
  font-size: 1.7em;
  line-height: 1.3em;
  word-spacing: -0.05em;
  color: #333;
}
body.applicant #main_content h1,
body.applicant #main_content h2,
body.applicant #main_content h3 {
  color: #46ba2f;
}
body.company #main_content h1,
body.company #main_content h2,
body.company #main_content h3 {
  color: #066;
}
body.admin #main_content h1,
body.admin #main_content h2,
body.admin #main_content h3 {
  color: #676767;
}

#main_content h1 {
  font-family: Helvetica Neue, Arial;
  font-weight: bold;
}

#main_content h1 .light,
#main_content h2,
#main_content h3 {
  font-family: "HelveticaNeue-Light", Helvetica Neue Light, Arial; /* erst safari mac, dann firefox mac, dann win */
  font-weight: lighter;
}

#main_content h1 {
  margin: 0.411764705882353em 0 1.11764705882353em 0;
  width: 29.1176470588235em;
}

#main_content h2 {
  margin: 0;
  padding: 0 0 0.411764705882353em 0;
}

#main_content h2.following {
  padding-top: 0.882352941176471em;
  border-top: 0.0588235294117647em solid #888;
}

#main_content h2.following_after_main_actions {
  padding-top: 0.882352941176471em;
}

#main_content h3 {
  margin: 0 0 .5em 0;
  padding: 0 0 .35em 0;
}

/**********
 * Benachrichtigungs- und Fehler-Bereiche
 **********/

#main_content #notice,
#main_content #errors {
  border: 0.0833333333333333em solid;
  margin: 0.833333333333333em 0 1.66666666666667em 0;
  padding: 0.833333333333333em;
  font-size: 1.2em;
}
#main_content #notice {
  border-color: #0199ff;
  color: #0199ff;
}
#main_content #errors {
  border-color: #ff00ff;
  color: #ff00ff;
}

#main_content .formatted_text p.login-teaser{
  margin-top:50px !important;
  font-style:italic;
}

/**********
 * Actions-Bereiche (oben und unten)
 **********/

#main_content #meta_actions {
  position: absolute;
  top: 0.8em;
  right: 0;
  text-align: right;
}

#main_content #main_actions,
#main_content #secondary_actions {
  position: relative;
  text-align: right;
  padding: 1.6em 0 0.3em;
  border-bottom: 0.1em solid #888;
  overflow: hidden;
}

#main_content #main_actions {
  border-top: 0.1em solid #888;
}

#main_content #meta_actions a.button,
#main_content #main_actions a.button,
#main_content #main_actions button.button,
#main_content #secondary_actions a.button {
  margin: 0 0 0 0.833333333333333em;
}

#main_content #main_actions #mandatory_note,
#main_content #main_actions #pagination_info {
  float: left;
  margin: 0 0 0.333333333333333em 0;
  padding-top: 0.25em;
  color: #666;
}

/**********
 * Mini-Image-Buttons in Listen und oben
 **********/

#main_content a.image_button {
  margin-left: 0.1em;
}

#main_content a.image_button img {
  width: 2.5em;
  height: 1.8em;
}

#main_content a.image_button img.middle {
  width: 2.3em;
}

#main_content a.image_button img.single {
  width: 3.2em;
}

/**********
 * Daten-Listen
 **********/

#main_content dl.data {
  margin: 0;
  padding: 3.3em 0 2.0em;
  overflow: hidden;
  background: url('/images/down-arrow-gray.gif') #f0f0f0 top right no-repeat;
  zoom: 1;
}
body.company #main_content dl.data {
  background: url('/images/down-arrow-dark.gif') #f0f0f0 top right no-repeat;
}
body.applicant #main_content dl.data {
  background: url('/images/down-arrow-light.gif') #f0f0f0 top right no-repeat;
}
body.admin #main_content dl.data {
  background: url('/images/down-arrow-gray.gif') #f0f0f0 top right no-repeat;
}

#main_content dl.data dt,
#main_content dl.data dd {
  float: left;
  font-size: 1.2em;
  margin: 0;
}

#main_content dl.data dt {
  clear: both;
  width: 19.1666666666667em;
  padding: 1.16666666666667em 0.833333333333333em 0 0.833333333333333em;
  color: #666;
}

#main_content dl.data dd {
  width: 40.0em;
  width: 470px;
  padding: 0.833333333333333em 0.833333333333333em 0 0;
}
* html #main_content dl.data dd {
  height: expression(previousSibling.offsetHeight);
}
* html #main_content dl.data dd.dd_only {
 height: auto;
}
* + html #main_content dl.data dd {
  min-height: expression(previousSibling.offsetHeight);
}
* + html #main_content dl.data dd.dd_only {
  min-height: 0;
}

#main_content dl.data dd.text_only {
  padding-top: 1.16666666666667em;
}

#main_content .two_columns_data dl.data dt {
  width: 10.0em;
}

#main_content .two_columns_data dl.data dd {
  width: 17.5em;
  width: 205px;
}

#main_content dl.data dt.first,
#main_content dl.data dd.first {
  background: url('/images/dotted-separator.gif') top left repeat-x;
}

#main_content dl.data dt.section,
#main_content dl.data dd.section {
  margin-top: 1.0em;
  background: url('/images/dotted-separator.gif') top left repeat-x;
}

#main_content dl.data dt.section label,
#main_content dl.data dt label.section {
  color: #066;
  font-weight: bold;
}

#main_content dl.data dt span.info {
  margin-top: 1.0em;
}

/**********
 * spezielle Styles für Elemente innerhalb von dds
 **********/

#main_content dl.data dd input,
#main_content dl.data dd select,
#main_content dl.data dd textarea,
#main_content dl.data dd div.multiselect div.multiselect_trigger,
#main_content dl.data dd div.multiselect div.multiselect_list {
  font-size: 1em;
}

#main_content dl.data dd input.text,
#main_content dl.data dd input.password,
#main_content dl.data dd textarea {
  width: 24.6666666666667em;
}
#main_content dl.data dd select {
  width: 25.1666666666667em;
}
#main_content dl.data dd div.multiselect {
  margin-bottom: 0.833333333333333em;
  width: 25.0em;
}

#main_content dl.data dd input.checkbox,
#main_content dl.data dd input.radio {
  margin-bottom: 0.833333333333333em;
  vertical-align: middle;
}

#main_content .two_columns_data dl.data dd input.text,
#main_content .two_columns_data dl.data dd input.password,
#main_content .two_columns_data dl.data dd textarea {
  width: 16.3333333333333em;
}
#main_content .two_columns_data dl.data dd select {
  width: 16.8333333333333em;
}
#main_content .two_columns_data dl.data dd div.multiselect {
  width: 16.6666666666667em;
}

#main_content .two_columns_data dl.data dd.logo_upload {
  clear: both;
  padding-left: 1.0em;
}

/**********
 * Seiten-spezifische Styles
 **********/

#advertisement_editor #main_content dl.data div.color_picker {
  display: inline;
  float: left;
}

#advertisement_editor #main_content dl.data div.color_picker input.text {
  width: 6.25em;
}

#advertisement_editor #main_content dl.data div.color_picker div.picker {
  display: inline;
  position: relative;
}

#advertisement_editor #main_content dl.data div.color_picker div.picker img.pipette {
  margin: 0.1em 0 0 1.0em;
  vertical-align: top;
  width: 3.2em;
  height: 1.8em;
  z-index: 10;
}

#advertisement_editor #main_content dl.data div.color_picker div.picker img.palette {
  display: none;
  position: absolute;
  top: -1.2em;
  left: 1.0em;
  width: 106px;
  height: 199px;
  z-index: 100;
  cursor: crosshair;
}

#advertisement_editor #main_content dl.data div.color_picker div.picker:hover img.palette {
  display: inline;
}

#advertisement_editor #main_content dl.data dd#order_selector img {
  display: block;
  margin: 0 0 0.416666666666667em 0;
  cursor: move;
}

#advertisement_editor #main_content dl.data #layout_preview_head {
  display: inline;
  float: right;
  width: 22.0em;
  padding: 0.333333333333333em 0 0 0;
  color: #888;
}
  
#advertisement_editor #main_content dl.data #layout_preview {
  display: inline;
  float: right;
  width: 19.5em;
  margin: 0 0.5em 1.5em 0;
  padding: 1.0em;
  border: 0.1em solid #888;
}

#advertisement_editor #main_content dl.data #layout_preview h6 {
  margin: 0 0 0.833333333333333em;
  font-size: 1.2em;
  line-height: 1em;
  word-spacing: -0.05em;
}

#advertisement_editor #main_content dl.data #layout_preview p {
  margin: 0;
  padding: 0;
  font-size: 0.833333333333333em;
}

#main_content #version_selector {
  display: inline;
  float: left;
  margin-top: -0.0833333333333333em;
  padding-bottom: 0.166666666666667em;
}

#main_content .cms_content {
  margin-bottom: 2.0em;
}

#main_content .cms_info {
  margin-top: 2.0em;
}

body.cms_editor #main_content dl.data dt {
  width: 4.16666666666667em;
}

body.cms_editor #main_content dl.data dd {
  width: 55.0em;
}


/**********
 * CMS-Tree
 **********/

#marginal_content ul.cms {
  padding: 0;
  font-size: 1.2em;
}

#marginal_content ul.cms_level_1,
#marginal_content ul.cms_level_2 {
  margin: 0;
  padding: 0 0 0.166666666666667em 0;
}

#marginal_content ul.cms li {
  position: relative;
  margin: 1.0em 0 0 0;
  padding: 0;
  list-style: none;
  cursor: move;
}

#marginal_content ul.cms_level_1 li,
#marginal_content ul.cms_level_2 li {
  margin: 0;
}

#marginal_content ul.cms li {
  background: url('/images/arrow-black.gif') 0.0833333333333333em 0.25em no-repeat;
}

#marginal_content ul.cms_level_1 li {
  background: url('/images/arrow-black.gif') 1.58333333333333em 0.25em no-repeat;
}

#marginal_content ul.cms_level_2 li {
  background: url('/images/arrow-black.gif') 3.08333333333333em 0.25em no-repeat;
}

#marginal_content ul.cms li a {
  display: block;
  margin: 0 0 0 1.5em;
}

#marginal_content ul.cms_level_1 li a {
  margin: 0 0 0 3.0em;
}

#marginal_content ul.cms_level_2 li a {
  margin: 0 0 0 4.5em;
}

#marginal_content ul.cms li.selected {
  background-color: #f0f0f0;
}

#marginal_content ul.cms li.selected ul {
  background-color: #fff;
}

#marginal_content ul.cms li a.dummy, #marginal_content ul.cms li a.dummy:hover {
  color: #000;
  text-decoration:none;
}

/* Listen auf der Homepage */

/**********
 * Teaser/Überschriften
 **********/

#home .two_columns_data h2 {
  padding: 0 0 0.235294117647059em 0;
  font-family: Helvetica Neue, Arial;
  font-weight: bold;
}
#home .two_columns_data_1 h2 {
  color: #46ba2f;
}
#home .two_columns_data_2 h2 {
  color: #066;
}

#home .two_columns .teaser {
  position: relative;
  padding-top: 0.3em;
}

#home .two_columns_data_1 .teaser {
  background: url('/images/down-arrow-thick-light.gif') #fff top right no-repeat;
}

#home .two_columns_data_2 .teaser {
  background: url('/images/down-arrow-thick-dark.gif') #fff top right no-repeat;
}

#home .two_columns_data .teaser p {
  width: 13.3333333333333em;
  height: 6.66666666666667em;
  margin: 0;
  padding: 0.833333333333333em 0 0 0;
  font-weight: bold;
}
#home .two_columns_data_1 .teaser p {
  color: #46ba2f;
}
#home .two_columns_data_2 .teaser p {
  color: #066;
}

#home .two_columns_data .teaser img.teaser_image {
  position: absolute;
  top: 1.3em;
  right: 0;
}

#home .two_columns_data .teaser div.actions {
  margin: 0 0 1.6em 0;
  padding: 1.0em 0 0.6em 0;
  border-bottom: 0.1em solid #888;
}

#home .two_columns_data .teaser div.actions a.button {
  float: none;
}

#home .two_columns_data_1 h3 {
  color: #46ba2f;
  margin-bottom: 0;
}

#home .two_columns_data_2 h3 {
  color: #066;
  margin-bottom: 0;
}

/**********
 * Datenlisten
 **********/

#home .two_columns_data div.list {
  padding-top: 3.2em;
}
#home .two_columns_data_1 div.list {
  background: url('/images/down-arrow-light.gif') top right no-repeat;
}
#home .two_columns_data_2 div.list {
  background: url('/images/down-arrow-dark.gif') top right no-repeat;
}

#home .two_columns_data div.list ul li {
  padding: 1.0em;
}

/**********
 * Stellenangebote
 **********/

#home .two_columns_data_1 div.list ul li p.details {
  margin: 0 0 0.416666666666667em 0;
}

#home .two_columns_data_1 div.list ul li div.logo {
  float: left;
  display: block;
  margin-right: 1.0em;
}

#home .two_columns_data_1 div.list ul li p.name {
  float: left;
  margin: 0;
  width: 11.6666666666667em;
}

/**********
 * Profile
 **********/

#home #main_content .two_columns_data_2 div.list ul li.data h4 {
  margin: 0 0 0.416666666666667em;
  padding: 0;
  width: 24.1666666666667em;
  font-size: 1.2em;
}

#home .two_columns_data_2 div.list ul li p.location {
  margin: 0;
  width: 24.1666666666667em;
}

/**********
 * Links zu den Suchseiten
 **********/

#home .two_columns_row_2 .two_columns_data {
  border-top: 0.1em solid #666;
  padding-top: 0.8333em;
  background-color: #fff;
  text-align: right;
}

#home .two_columns_row_2 .two_columns_data a {
  font-weight: bold;
  font-size: 1.2em;
  padding-right: 1.5em;
  background: url('/images/arrow-dark.gif') right 50% no-repeat;
}

#home .two_columns_row_2 .two_columns_data_1 a,
#home .two_columns_row_2 .two_columns_data_1 a:visited,
#home .two_columns_row_2 .two_columns_data_1 a:hover {
  background-image: url('/images/arrow-light.gif');
  color: #46ba2f;
}

#job_begin_date_fields {
  display: block;
  margin-top: 0.416666666666667em;
}

#job_begin_date_fields select {
	margin-bottom: 0;
}

#job_begin_date_fields #profile_job_begin_3i {
  width: 4.16666666666667em;
}

#job_begin_date_fields #profile_job_begin_2i {
  width: 8.33333333333333em;
}

#job_begin_date_fields #profile_job_begin_1i {
  width: 5.83333333333333em;
}

/* Public-View-Styles (öffentliche Profil-/Firmen-/Stellenangebots-Ansicht) */

.public_view #main_content h2 {
  border-bottom: 0.0588235294117647em solid #888;
  margin: 0 0 0.588235294117647em 0;
}
#public_profile #main_content h2 {
  border-color: #066;
}
#public_advertisement #main_content h2,
#public_company #main_content h2 {
  border-color: #46ba2f;
}

.public_view #main_content #public_view_details {
  overflow: hidden;
}

.public_view #main_content #public_view_details #details p.label {
  margin: 1.25em 0 0.333333333333333em 0;
  font-size: 1.2em;
  font-weight: bold;
}

.public_view #main_content #public_view_details #details ul.data {
  margin: 0;
  padding: 0;
}

.public_view #main_content #public_view_details #details ul.data li {
  list-style-type: none;
  font-size: 1.2em;
}

/**********
 * profile/company
 **********/

#public_profile #main_content #public_view_details,
#public_company #main_content #public_view_details {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  padding: 3.5em;
  border: 0.1em solid #ccc;
  overflow: hidden;
}

#public_profile #main_content #public_view_details #photo,
#public_profile #main_content #public_view_details #details,
#public_company #main_content #public_view_details #logo,
#public_company #main_content #public_view_details #details {
  clear: both;
  float: left;
  width: 19.5em;
}

#public_profile #main_content #public_view_details #title,
#public_company #main_content #public_view_details #title {
  float: right;
  width: 46.5em;
}

#public_profile #main_content #public_view_details #photo,
#public_profile #main_content #public_view_details #title {
  height: 16.0em;
}

#public_company #main_content #public_view_details #logo,
#public_company #main_content #public_view_details #title {
  height: 6.0em;
}

#public_profile #main_content #public_view_details #title h3,
#public_company #main_content #public_view_details #title h3 {
  margin: 0 0 0.470588235294118em;
  padding: 0;
  font-family: Helvetica Neue, Arial;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
  word-spacing: -0.05em;
  color: #000;
}

#public_profile #main_content #public_view_details #title h4,
#public_company #main_content #public_view_details #title h4 {
  margin: 0 0 0.882352941176471em;
  padding: 0;
  font-family: "HelveticaNeue-Light", Helvetica Neue Light, Arial; /* erst safari mac, dann firefox mac, dann win */
  font-weight: lighter;
  font-size: 1.7em;
  line-height: 1.3em;
  word-spacing: -0.05em;
}

#public_profile #main_content #public_view_details #description,
#public_company #main_content #public_view_details #description {
  float: right;
  width: 46.5em;
  padding-top: 1.5em;
}

/**********
 * advertisement
 **********/

#public_advertisement #main_content #public_view_details {
  margin-bottom: 2.5em;
}

#public_advertisement #main_content #public_view_details #details {
  float: left;
  width: 21.0em;
  overflow: hidden;
}

#public_advertisement #main_content #public_view_details #view {
  float: right;
  margin-top: 1.5em;
  width: 52.0em;
  border: 0.1em solid #ccc;
  overflow: hidden;
}
/* ie6 hack to force inner width to 520 pixels */ 
* html #public_advertisement #main_content #public_view_details #view {
  width: 51.7em;
}
/* ie7 hack to force inner width to 520 pixels */ 
* + html #public_advertisement #main_content #public_view_details #view {
  width: 51.7em;
}

#public_advertisement #main_content #public_view_details #view #logo {
  margin: 0;
  padding: 2.0em;
  background-color: #fff;
  overflow: hidden;
}

#public_advertisement #main_content #public_view_details #view #logo img {
  margin: 0;
}

#public_advertisement #main_content #public_view_details #view #image {
  text-align: center;
  overflow: hidden;
}

#public_advertisement #main_content #public_view_details #view #intro,
#public_advertisement #main_content #public_view_details #view #description {
  margin: 2.0em 0 2.0em 0;
  padding: 0 2.0em 0 2.0em;
}

#public_advertisement #main_content #public_view_details #view h3#function {
  margin: 0;
  margin: 1.17647058823529em 0 1.17647058823529em 0;
  padding: 0 1.17647058823529em 0 1.17647058823529em;
  font-family: Helvetica Neue, Arial;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 1em;
  word-spacing: -0.05em;
}


/* Styles fuer den rechten Marginal-Rand:
 * #marginal_content
 */

#marginal_content p {
  margin-bottom: 0;
}

/**********
 * Sektionen
 **********/

#marginal_content div.section {
  margin: 0;
  padding: 1.0em 0 1.0em 0;
  border-bottom: 0.1em solid #888;
  overflow: hidden;
}

#marginal_content div.section h3 {
  margin: 0 0 0.588235294117647em 0;
  padding: 0;
  font-family: "HelveticaNeue-Light", Helvetica Neue Light, Arial; /* erst safari mac, dann firefox mac, dann win */
  font-weight: lighter;
  font-size: 1.7em;
  line-height: 1em;
  word-spacing: -0.05em;
  color: #333;
}

#marginal_content div.section a.button {
  margin-top: 0.833333333333333em;
  margin-right: 0.833333333333333em;
}

* html #marginal_content div.section a.button {
  margin-right: 0.458333333333333em;
}

/**********
 * Suche
 **********/

#marginal_content div.search {
  padding: 1.0em;
  background: #f0f0f0;
}

#marginal_content div.search h3 {
  font-family: Helvetica Neue, Arial;
  font-weight: bold;
}

#marginal_content #applicant_search h3 {
  background: url('/images/magnifier-light.gif') top right no-repeat;
  color: #46ba2f;
}

#marginal_content #company_search h3 {
  background: url('/images/magnifier-dark.gif') top right no-repeat;
  color: #066;
}

#marginal_content #admin_search h3 {
  background: url('/images/magnifier-gray.gif') top right no-repeat;
  color: #676767;
}

#marginal_content div.search input,
#marginal_content div.search div.multiselect div.multiselect_trigger {
  color: #666;
}

#marginal_content div.search input.text {
  width: 15.3333333333333em;
  margin-bottom: 0.416666666666667em;
}

#marginal_content div.search div.multiselect {
  margin-bottom: 0.5em;
}

#marginal_content div.search button.button {
  margin-top: 0.416666666666667em;
  margin-right: 0;
}

/* Styling fuer den Info-Bereich am unteren Seitenrand:
 * #info
 */

#main_info,
#marginal_info {
  padding: 0.5em 0 0 0;
  border-top: 0.1em solid #888;
  height: 2.0em;
}

#info a,
#info a:visited {
  color: #888;
}

#info a:hover {
  color: #066;
}

/* Styling des Autocompletion-Popups */

div.auto_complete {
  width: 350px;
  background: #fff;
  z-index: 10;
}

div.auto_complete ul {
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}

div.auto_complete ul li {
  margin: 0;
  padding: 3px;
}

div.auto_complete ul li.selected {
  background-color: #ffb;
}

div.auto_complete ul strong.highlight {
  color: #800;
  margin: 0;
  padding: 0;
}

/* Styling der Multiselect-Boxen:
 * div.multiselect
 *   div.multiselect_trigger closed/opened
 *   div.multiselect_list
 *     strong <br/>         (eventuelle Zwischenueberschrift)
 *     input + label <br/>  (Checkboxen)
 */

div.multiselect {
  position: relative;
  border: 0.0833333333333333em solid #999;
  background-color: #fff;
  overflow: hidden;
}

div.multiselect div.multiselect_trigger {
  padding-left: 0.166666666666667em;
  font-size: 1.2em;
  line-height: 1.6em; /* 16 Pixel fuer das Hintergrundbild */
  cursor: pointer;
  vertical-align: middle;
  background-position: center right;
  background-repeat: no-repeat;
}

div.multiselect div.opened {
  background-image: url('/images/multiselect-opened.gif');
}

div.multiselect div.closed {
  background-image: url('/images/multiselect-closed.gif');
}

div.multiselect div.multiselect_list {
  height: 12.0833333333333em;
  overflow: auto;
  font-size: 1.2em;
  line-height: 1.4em;
}

div.multiselect div.multiselect_list strong {
  padding: 0 0.333333333333333em;
}

/* Styles fuer zweispaltiges Layout (gleich lange Spalten) */

.two_columns {
  display: table;
}

.two_columns .two_columns_row {
  width: 74.0em;
  display: table-row;
  height: 1%;
  overflow: hidden;
}

.two_columns .two_columns_row .two_columns_data {
  width: 36.0em;
  display: table-cell;
  vertical-align: top;
  background-color: #f0f0f0;
}

.two_columns .two_columns_row .two_columns_spacer {
  width: 2.0em;
  display: table-cell;
  height: 2.0em;
}

/**********
 * IE 6
 **********/

* html .two_columns {
  display: block;
}

* html .two_columns_row .two_columns_data {
  margin-bottom: -10000px;
  padding-bottom: 10000px;
  float: left;
  display: block;
}

* html .two_columns_row .two_columns_spacer {
  width: 1.95em;
  float: left;
  display: block;
}

/**********
 * IE 7
 **********/

* + html .two_columns {
  display: block;
}

* + html .two_columns_row .two_columns_data {
  margin-bottom: -10000px;
  padding-bottom: 10000px;
  float: left;
  display: block;
}

* + html .two_columns_row .two_columns_spacer {
  width: 1.9em;
  float: left;
  display: block;
}

/* Styles fuer sortierbare Listen */

/**********
 * Datenlisten
 **********/

#main_content div.list {
  position: relative;
  padding: 0 0 2.0em 0;
  background: #f0f0f0;
}

#main_content div.list ul {
  margin: 0;
  padding: 0 0 1px 0;
  background: url('/images/dotted-separator.gif') bottom left repeat-x;
  overflow: hidden;
}

#main_content div.list ul li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  clear: both;
  overflow: hidden;
}

#main_content div.list ul li.data {
  background: url('/images/dotted-separator.gif') top left repeat-x;
  position: relative;
  overflow: hidden;
}

#main_content div.list ul li div.head,
#main_content div.list ul li div.data {
  float: left;
  padding: 1.5em 1.0em 0.8em 1.0em;
  overflow: hidden;
}

#main_content div.list ul li.head div.head {
  background-image: url('/images/down-arrow-dark.gif');
  background-repeat: no-repeat;
  color: #999;
}
body.applicant #main_content div.list ul li.head div.head {
  background-image: url('/images/down-arrow-light.gif');
}
body.admin #main_content div.list ul li.head div.head {
  background-image: url('/images/down-arrow-gray.gif');
}

#main_content div.list ul li.head div.sorted {
  background-position: top right;
}

#main_content div.list ul li.data div.actions {
  position: absolute;
  clear: both;
  bottom: 0.3em;
  right: 0.5em;
  width: auto;
  padding: 0;
  background: transparent;
}

/**********
 * Überschriften in den Zeilen
 **********/

#main_content div.list ul li.data h4 {
  margin: 0 0 0.357142857142857em;
  padding: 0;
  font-size: 1.4em;
}

/**********
 * Row-Hover (incl. Logo, falls vorhanden)
 **********/

#main_content div.list ul li.data:hover {
  background-color: #fff;
}

#main_content div.list ul li.data div.logo {
  position: relative;
  width: 14.0em;
  height: 3.2em;
  overflow: hidden;
}

#main_content div.list ul li.data div.logo img {
  position: absolute;
  top: 0;
}

#main_content div.list ul li.data:hover div.logo img {
  top: -3.2em;
  zoom: 1;
}

/**********
 * Sortierungs-Auswahl
 **********/

#main_content .list #sort_form {
  position: absolute;
  top: -2.25em;
  right: 0;
  display: block;
  font-size: 1.2em;
}

#main_content .list #sort_form select {
  font-size: 1em;
  margin-bottom: 0;
}

/**********
 * Paginierung
 **********/

#main_content #main_actions .pagination {
  margin-bottom: 0.7em;
}

#main_content #main_actions .pagination span,
#main_content #main_actions .pagination a {
  margin-bottom: 1.0em;
  padding: 0.0833333333333333em 0.333333333333333em;
  font-size: 1.2em;
}

#main_content #main_actions .pagination img {
  margin-bottom: -0.5em;
}

#main_content #main_actions .pagination a,
#main_content #main_actions .pagination a:visited {
  color: #666;
}
#main_content #main_actions .pagination a:hover {
  color: #066;
}

#main_content #main_actions .pagination .current {
  border: 0.0833333333333333em solid #999;
}

/**********
 * Seiten-spezifische Spalten-Breiten
 **********/

#advertisements #main_content div.list ul li div.function {
  width: 22.0em;
}
#advertisements #main_content div.list ul li div.job_locations {
  width: 12.0em;
}
#advertisements #main_content div.list ul li div.company {
  width: 22.0em;
}
#advertisements #main_content div.list ul li div.updated_at {
  width: 10.0em;
}
#advertisements #main_content div.list ul li.data div.updated_at {
  padding-bottom: 2.0em;
}

#profiles #main_content div.list ul li div.function {
  width: 42.0em;
}
#profiles #main_content div.list ul li div.job_locations {
  width: 16.0em;
}
#profiles #main_content div.list ul li div.updated_at {
  width: 10.0em;
}
#profiles #main_content div.list ul li.data div.updated_at {
  padding-bottom: 2.0em;
}

#companies #main_content div.list ul li div.company {
  width: 22.0em;
}
#companies #main_content div.list ul li div.address {
  width: 36.0em;
}
#companies #main_content div.list ul li div.updated_at {
  width: 10.0em;
}
#companies #main_content div.list ul li.data div.updated_at {
  padding-bottom: 2.0em;
}

#admin_admins #main_content div.list ul li div.user {
  width: 48.0em;
}
#admin_admins #main_content div.list ul li div.date {
  width: 10.0em;
}
#admin_admins #main_content div.list ul li div.state {
  width: 10.0em;
}
#admin_admins #main_content div.list ul li.data div.state {
  padding-bottom: 2.0em;
}

#admin_applicants #main_content div.list ul li div.user {
  width: 48.0em;
}
#admin_applicants #main_content div.list ul li div.date {
  width: 10.0em;
}
#admin_applicants #main_content div.list ul li div.state {
  width: 10.0em;
}
#admin_applicants #main_content div.list ul li.data div.state {
  padding-bottom: 2.0em;
}

#admin_companies #main_content div.list ul li div.company {
  width: 16.0em;
}
#admin_companies #main_content div.list ul li div.contact {
  width: 12.0em;
}
#admin_companies #main_content div.list ul li div.user {
  width: 16.0em;
}
#admin_companies #main_content div.list ul li div.date {
  width: 10.0em;
}
#admin_companies #main_content div.list ul li div.state {
  width: 10.0em;
}
#admin_companies #main_content div.list ul li.data div.state {
  padding-bottom: 2.0em;
}

#admin_approve_advertisements #main_content div.list ul li div.function {
  width: 12.0em;
}
#admin_approve_advertisements #main_content div.list ul li div.company {
  width: 16.0em;
}
#admin_approve_advertisements #main_content div.list ul li div.user {
  width: 16.0em;
}
#admin_approve_advertisements #main_content div.list ul li div.updated_at {
  width: 10.0em;
}
#admin_approve_advertisements #main_content div.list ul li div.state {
  width: 10.0em;
}
#admin_approve_advertisements #main_content div.list ul li.data div.state {
  padding-bottom: 2.0em;
}

#admin_approve_bookings #main_content div.list ul li div.company {
  width: 16.0em;
}
#admin_approve_bookings #main_content div.list ul li div.contact {
  width: 12.0em;
}
#admin_approve_bookings #main_content div.list ul li div.user {
  width: 14.0em;
}
#admin_approve_bookings #main_content div.list ul li div.payment_detail {
  width: 12.0em;
}
#admin_approve_bookings #main_content div.list ul li div.state {
  width: 10.0em;
}
#admin_approve_bookings #main_content div.list ul li.data div.state {
  padding-bottom: 2.0em;
}

#user_advertisements #main_content div.list ul li div.function {
  width: 46.0em;
}
#user_advertisements #main_content div.list ul li div.updated_at {
  width: 10.0em;
}
#user_advertisements #main_content div.list ul li div.state {
  width: 12.0em;
}
#user_advertisements #main_content div.list ul li.data div.state {
  padding-bottom: 2.0em;
}