body {
  margin: 0;
  padding: 0;
  background: #dee3e9 url("/images/layout/page_bg.gif") center repeat-y;
  font-size: 100.1%;
  font-family: Verdana, sans-serif;
  text-align: center;
  color: #111;
}

a,
a:visited {
  text-decoration: none;
  /* color: inherit; */
  color: #5e6f93;
}

ul,
ol {
  margin-left: 0;
  padding: 0 0 0 18px;
  list-style-position: outside;
  color: #5e6f93;
}

td,
th {
  vertical-align: top;
  text-align: left;
}

#main ul li {
  list-style-image: url("/images/list_bullet.gif");
  padding-left: 4px;
  padding-bottom: 6px;
}

#right ul.linklist li,
#main ul.news li {
  list-style-image: url("/images/arrows_small.gif");
  color: #111;
  padding-left: 0;
}
.anfahrt-pg #main ul li {
  color: #111;
}

#main ul.news li {
  padding-bottom: 10px;
}

#main h1 {
  font-size: 1.6em;
  margin: 0 0 25px 0;
  font-weight: normal;
  line-height: 1.2em;
}

#main h2 {
  font-size: 1.3em;
  margin: 20px 0 10px 0;
  font-weight: normal;
}

h1,
h2,
h3 {
  color: #5e6f93;
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
  font-size: 1em;
  padding: 0;
  margin: 0 0 10px 0;
}

p {
  padding: 0px;
  margin: 0 0 15px 0;
}

img {
  border: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1em;
}

th {
  text-align: left;
}

/* Struktur */

#page {
  margin: auto;
  text-align: left;
  width: 870px;
  position: relative;
}

/* IE6... no comment \*/
* html #page {
  overflow: hidden;
}
/* */

/* IE7... some bugs fixed, new ones introduced */
*+html #page {
  padding-left: 1px;
}

#page_head {
  height: 120px;
  background: #fff url("/images/layout/claim.png") left bottom no-repeat;
  font-size: 0.87em;
}

#logo {
  position: absolute;
  right: 0;
  top: 40px;
}

#seperator {
  height: 45px;
  background-color: #fff;
  background-position: top center;
  background-repeat: no-repeat;
}

/* Kopf im IE \*/
* html #seperator,
* html #page_head {
  margin-left: 1px;
}
/* */

#page_body {
  position: relative;
}

#left {
  float: left;
  width: 165px;
  margin-right: 25px;
  font-size: 0.67em;
  display: inline; /* double-margin IE bug */
}

/* sonst schiebt es bei zu langen Navigationspunkten im IE6 den Inhalt weg \*/
* html #left {
  overflow: hidden;
}
/* */

#left img {
  margin: 30px 42px;
}

#main {
  padding-bottom: 40px;
  width: 470px;
  font-size: 0.71em;
  line-height: 1.45em;
  float: left;
}

/* IE 3px Bug \*/
* html #main {
  height: 1%;
  overflow: hidden;
}
/* */

#right {
  margin-left: 685px;
  margin-right: 20px;
  font-size: 0.71em;
  line-height: 1.5em;
  width: 165px;
  margin-left: 25px;
  float: right;
}

/* \*/
* html #right,
*+html #right {
  margin-left: 682px;
  overflow: hidden;
  float: none;
}
/* */

#main p a span,
#right p a span{
  white-space: nowrap; /* damit Links mit Pfeilgrafik davor nicht umbrechen */
}

#footer {
  width: 470px;
  clear: both;
  color: #5e6f93;
  margin: 0 210px 20px 190px;
  border-top: 1px solid #d0d0d0;
  padding-top: 3px;
  font-size: 0.63em;
}

#footer a,
#footer a:visited {
  color: #5e6f93;
}

/* Kopfbereich */

h1#claim {
  display: none;
}


/* Metanavigation */

#metanav {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#metanav li {
  display: inline;
}

#metanav li a {
  color: #5e6f93;
  padding: 0 0.3em;
  font-size: 0.8em;
  line-height: 17px;
}

#metanav li a:hover,
#metanav li a:focus,
#metanav li a:active,
#footer a:hover,
#footer a:focus,
#footer a:active {
  color: #5e6f93;
}

#metanav .search {
  background: #fff url("/images/buttons/search.gif") no-repeat;
  display: block;
  float: left;
  width: 86px;
  margin-right: 20px;
}

/* Hauptnavigation */

#left ul {
  margin-top: 45px;
  margin-left: 5px;
  border-top: 2px solid #fff;
  padding: 0;
  list-style-type: none;
}

#left ul li {
  border-bottom: 2px solid #fff;
}

#left ul li a {
  display: block;
  width: 135px;
  padding: 8px 10px 7px 15px;
  color: #5e6f93;
}

#left ul li a:hover,
#left ul li a:focus,
#left ul li a:active,
#left ul li a.active {
  font-weight: bold;
}

/* Hauptnavigation Level 2 */

#left ul li ul {
  margin: 0;
  padding: 8px 0 5px 0;
  border-top: 0;
  background-color: #fff;
}

#left ul li ul li {
  border-bottom: 0;
}

#left ul li ul li a {
  color: #5e6f93;
  padding-top: 3px;
}



/* Links mit Buttons davor */

a.button {
  padding-left: 30px;
  line-height: 20px;
  display: block;
  font-weight: bold;
}

a.arrows {
  background: url("/images/buttons/arrows.png") left center no-repeat;
}

a.stellenmarkt {
  background: url("/images/buttons/stellenmarkt.png") left center no-repeat;
}

a.bewerbungen {
  background: url("/images/buttons/bewerbungen.png") left center no-repeat;
}

a.kontakt {
  background: url("/images/buttons/direktkontakt.png") left center no-repeat;
}

a.pdf {
  background: url("/images/buttons/pdf.png") left center no-repeat;
}

a.unternehmen {
  background: url("/images/buttons/direktkontakt.png") left center no-repeat;
}

a.rss {
  background: url("/images/buttons/rss.png") left center no-repeat;
}
a.news-icon {
  background: url("/images/buttons/news.png") left center no-repeat;
}
a.anfahrt-icon {
  background: url("/images/buttons/anfahrt.png") left center no-repeat;
}
a.login-icon {
  background: url("/images/buttons/login.png") left center no-repeat;
}
a.suche-icon {
  background: url("/images/buttons/suche.png") left center no-repeat;
}


/* Buttons */
.kontakt-button, .mail-button, .xing-button {
	margin:10px 0;
	display:block;
	line-height:0;
	} 


/* Unternehmen
 *
 * #9bc344
 * #85a855
 * #5e6f93
 */

.unternehmen #seperator {
  background-image: url("/images/layout/trenner_unternehmen.gif");
}

.unternehmen #right h2,
.unternehmen #right h3,
.unternehmen a:hover,
.unternehmen a:focus,
.unternehmen a:active,
.unternehmen a.button,
.unternehmen .triple_teaser a,
.unternehmen #left ul li ul li a.active {
  color: #9bc344 !important;
}



/* Personalberatung
 *
 * #35b3ce
 * #4597b6
 * #5e6f93
 */

.personalberatung #seperator {
  background-image: url("/images/layout/trenner_personalberatung.gif");
}

.personalberatung #right h2,
.personalberatung #right h3,
.personalberatung a:hover,
.personalberatung a:focus,
.personalberatung a:active,
.personalberatung a.button,
.personalberatung .triple_teaser a,
.personalberatung #left ul li ul li a.active {
  color: #35b3ce !important;
}



/* Referenzen
 *
 * #d6345d
 * #a64c73
 * #5e6f93
 */

.referenzen #seperator {
  background-image: url("/images/layout/trenner_referenzen.gif");
}

.referenzen #right h2,
.referenzen #right h3,
.referenzen a:hover,
.referenzen a:focus,
.referenzen a:active,
.referenzen a.button,
.referenzen .triple_teaser a,
.referenzen #left ul li ul li a.active {
  color: #d6345d !important;
}


/* Stellenmarkt
 *
 * #ee7f00
 * #c37a2b
 * #5e6f93
 */
.stellenmarkt #main li {color:#111111;
	padding-bottom:0;
}
.stellenmarkt #main .job-list li {padding-bottom:5px;}
.stellenmarkt #seperator {
  background-image: url("/images/layout/trenner_stellenmarkt.gif");
}

.stellenmarkt #right h2,
.stellenmarkt #right h3,
.stellenmarkt a:hover,
.stellenmarkt a:focus,
.stellenmarkt a:active,
.stellenmarkt a.button,
.stellenmarkt .triple_teaser a,
.stellenmarkt #left ul li ul li a.active {
  color: #ee7f00 !important;
}
.stellenmarkt .xinglink {display:block;margin: 10px 0 30px 0;}
.stellenmarkt .xinglink img {float:left;margin-right:10px;}
.stellenmarkt .xinglink span {}
.frame-gbg {
	padding: 15px 12px;
	border-bottom: 2px solid #ffffff;
	background:#ECEDF1;
}	
.jobmatrix a,
.jobmatrix a:visited {
  color: #5e6f93;
}

.jobmatrix th {
  padding: 5px 0;
}

.jobmatrix .first {
  border-right: 3px solid #fff;
/*  width: 172px; */
  padding: 3px 10px;
}

.jobmatrix .trenner td {
  height: 10px;
}

.odd td,
.odd th {
  background-color: #ebedf2;
}

.even td,
.even th {
  background-color: #dfe3ea;
}

th.plz {
  text-align: center;
  width: 27px;	
	}
td.plz {
  text-align: center;
  width: 25px;
}

th.head {
  color: #ee7f00;
  padding: 10px 0 5px 10px !important;
}

tr.summe th,
tr.summe td {
  background-color: #bfc5d4;
  color: #5e6f93;
  padding-left: 10px;
}

table.tab-layout {
	width:auto;
}
table.tab-layout td {
	padding:0 10px 0 0;
	}

/* Top Jobs */
#topjobs {position:relative;max-height: 150px; overflow:hidden;margin-bottom:10px}
#topjobs-list {position:relative;} 
.topjob-li {margin-bottom:15px;}



/* Teilen-Buttons */

a.chicklet img {
  height: 21px;
  width: 20px;
  margin-right: 5px;
}

a.chicklet {
  height: 21px;
  line-height: 20px;
}


/***********
 * Sitemap *
 ***********/

#main ul.sitemap,
#main ul.sitemap ul {
  padding: 0;
  margin: 10px 0 0 0;
}

#main ul.sitemap li {
  padding: 0;
  margin: 0 0 10px 0;
  list-style-image: none;
  list-style-type: none;
}

#main ul.sitemap li span {
  display: block;
  border-bottom: 1px solid #b3bbcc;
  font-weight: bold;
  padding-bottom: 10px;
}

#main ul.sitemap li span a {
  color: #5e6f93;
}

#main ul.sitemap li a:hover,
#main ul.sitemap li a:focus,
#main ul.sitemap li a:active {
  color: #9bc344;
}

#main ul.sitemap ul ul {
  margin: 10px 0 20px 15px;
}

#main ul.sitemap ul ul li span {
  border: 0;
  padding-bottom: 0;
}

#main ul.sitemap ul ul li span a {
  color: #b3bbcc;
}

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

input.inputtext {
  border: 1px solid #5e6f93;
  font-family: Verdana, sans-serif;
  width: 200px;
  font-size: 1em;
}

input.admintext {
  border: 1px solid #5e6f93;
  font-family: Verdana, sans-serif;
  width: 400px;
  font-size: 1em;
}

textarea {
  border: 1px solid #5e6f93;
  font-family: Verdana, sans-serif;
  width: 450px;
  height: 12em;
  font-size: 1em;
}

select {
  border: 1px solid #5e6f93;
  font-family: Verdana, sans-serif;
  width: 150px;
  font-size: 1em;
}

td.label {
  vertical-align: top;
}

input.button,.preview-button {
  border: none;
  background: #fff url("/images/arrows_small.gif") no-repeat left center;
  padding: 0 0 0 10px;
  color: #5e6f93;
  cursor: pointer;
  font-size: 1em;
}
.preview-button {margin-left:25px;}
.unternehmen a.preview-button:hover,.unternehmen a.preview-button:focus {color: #5E6F93 !important;}
input.button2 {
  border: none;
  background: #eff0f4 url("/images/arrows_small.gif") no-repeat left center;
  padding: 0 0 0 10px;
  color: #eff0f4;
  cursor: pointer;
  font-size: 1em;
}

/* Suchergebnisse */

#main ul.pagelist {
  margin: 0;
  padding: 0;
}

#main ul.pagelist li {
  list-style-image: none;
  list-style: none;
  margin: 0;
  padding: 0 10px 0 0;
  display: inline;
}

#main ul.pagelist li.active {
  font-weight: bold;
  color: #333;
  font-size: 1.2em;
}


/******************************
 * kombinierte Inhaltsobjekte *
 ******************************/

/* Schatten unter Block-artigen COs */

div.shadow {
  background-image: url("/images/start_schatten.jpg");
  height: 23px;
  width: 100%;
  clear: both;
}

/* Kopf-CO auf der Startseite */

.head_co {
  background: #5b6d8f url("/images/layout/head_co_bg.gif") repeat-x;
  color: #fff;
  padding-bottom: 20px;
}

.head_co a,
.head_co a:visited {
  background: url("/images/arrows_small_white.gif") left center no-repeat;
  padding-left: 10px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
}

#main .head_co h1 {
  font-weight: normal;
  padding: 15px;
  margin: 0;
  font-size: 1.7em;
  line-height: 1.4em;
  color: #fff;
}

.head_co p {
  padding: 0 15px 0 15px;
}

.head_co strong {
  font-weight: normal;
}


/* Dreifacher Seitenanreißer */

#main .triple_teaser {
  background: #fff url("/images/start_teaser.gif") no-repeat;
  height: 107px;
}

#main .triple_teaser ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main .triple_teaser li {
  display: block;
  float: left;
  width: 125px;
  padding: 15px;
  font-size: 12px;
  font-weight: bold;
}

/* \*/
* html #main .triple_teaser li {
  width: 155px;
}
/* */


/* Überschrift mit Hintergrund */

h2.bg {
  background: url("/images/layout/h2_bg.gif") no-repeat;
  line-height: 37px;
  padding-left: 12px;
}


/* umflossenes Bild */

.floatleft {
  float: left;
  margin: 0 15px 15px 0;
}
.frame-gbg img {
	margin-bottom:0;
}
/* hebt Floating auf */

.clear {
  clear: both;
}

/* Personenprofil */

div.person {
  background: url("/images/layout/person_bg.gif") no-repeat;
  height: 133px;
}

div.person cite {
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
  color: #5e6f93;
  padding: 15px 15px 0 0;
  display: block;
}

div.person cite.lines6 { padding-top: 16px; }
div.person cite.lines5 { padding-top: 28px; }
div.person cite.lines4 { padding-top: 34px; }

div.person img {
  margin: 2px 20px 2px 2px;
  float: left;
}

/* Ansprechpartner Kontaktseite */

.ansprechpartner {
  margin-bottom: 20px;
}

.ansprechpartner img {
  float: left;
  margin-right: 10px;
}

.ansprechpartner p {margin-bottom:7px;}
.ansprechpartner .mail-button,.ansprechpartner .kontakt-button, .ansprechpartner .xing-button  {
	float:left;
	margin:0 0 5px 0;
	outline:none;
}
.ansprechpartner .mail-button img, .ansprechpartner .xing-button img {
	float:none;
}

.m-kontakt h2 {margin:0;}
.m-kontakt p {margin-bottom:7px;}

/****************
 * Adminbereich *
 ****************/

.admintable {
  border-top: 1px solid #d0d0d0;
  margin-bottom: 20px;
  width: 660px;
}

.admintable th {
  text-align: right;
}

.admintable th,
.admintable td {
  vertical-align: top;
  padding: 3px 5px;
  border-bottom: 1px solid #d0d0d0;
}
.admintable .multi-row th,
.admintable .multi-row td {border-bottom:none}

.admintable textarea {width:492px;}
/****************
 * Druckversion *
 ****************/

@media print {

  #left,
  #metanav,
  #footlinks,
  #seperator {
    display: none;
  }

  #main,
  #right {
    float: none;
  }

  #right {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
  }

  #page {
    position: relative;
    width: 650px;
  }

  #page_head {
    height: 80px;
  }

  #logo {
    top: 0;
  }

  #footer {
    margin-left: 0;
  }

}