/**
-------------------------------------------------------------
Stylesheet für http://www.berendsohn.com/          
------------------------------------------------------------- */
/**
-------------------------------------------------------------
Regeln für allgemeine Elemente
------------------------------------------------------------- */ 
/* Alle kritischen Werte mit 0 instanziieren */
* {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
}
/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 9pt/15pt Arial, sans-serif;
  color: black;
  background-color: transparent;
}

/* Links und Anker */
a:link, a:visited {
  color: black;
}
a[href^="http://"]:before,
a[href^="https://"]:before {
  content: "\2197\00A0";
}
a[href^="http://"].noarrow:before,
a[href^="https://"].noarrow:before {
  content: "";
}

a:link img, a:visited img, a:hover img, a:focus img, a:active img {
  border: 0;
}

/* Überschriften */
h1 {
  font-size: 15pt;
  margin: 0 0 30px 0;
}
h2 {
  font-size: 1.2em;
  margin: 20px 0 10px 0;
}
h3, h4, h5, h6 {
  font-size: 1em;
  margin: 1em 0 .5em 0; 
}

/* Präformatierter und Quelltext */
pre, code {
  font: 1em "Courier New", monospace;
  margin: 1em 0;
}

/* Zitate */

/* Abkürzungen, Akronyme und Erläuterungen */

/* Sprachauszeichnung */

/* Absätze */
p {
  margin: .5em 0;
}

/* Bilder */
img {
  vertical-align: bottom;
  /* Poprietäre Microsoft-Erweiterung zum Anstoßen des PNG-Alpha-Renderings */
  behavior: url(/~pngbehavior.htc/78);
}

/* Listen */

ol {
  margin: 1em 0 1em 1.8em;
}
ul {
  list-style: none;
}
ul li {
  background: url(/binary.ashx?id=72437) 1px 7px no-repeat;
  padding: 0 0 0 10px;
}

/* Formulare */
/* Formulare */
label, input, select {
  vertical-align: middle;
  font-size: 1em;
}
input.text {
  color: #7F7D7E;
  background-color: white;  
  border: 1px solid #7F9DB9;
  padding: 1px 2px;
}
input.text:focus {
  color: black;
  background-color: white;
}
textarea {
  border: 1px solid #7F9DB9;
  font-family: Arial, sans-serif;
  font-size: 1em;
  padding: 1px 2px;  
}
p.submit {
  margin: 1em 0 0 10px;
}
input.submit {
  border: 1px solid #7E919D;
  color: #424040;
  background-color: #BCCAD3;
  padding: 2px 5px;
  font-size: 1em;
}
fieldset {
  border: 1px solid #B7C2C9;
  padding: 10px 15px;
}

/* Tabellen */
table.content {
  w\idth: 100%;  /* Nicht IE5 */
  margin: 1em 0; 
}
table.content td,
table.content th {
  padding: 5px 15px;
}
table.content tr.odd td,
table.content tr.odd th {
  color: #5E5E5E;
  background-color: #F0F3F5;  
  border-bottom: 1px solid #7E919D;  
}
table.content th {
  font-weight: bold; 
}

/* Textauszeichung */
em {
  font-style: normal;
  font-weight: bold; 
}
strong {
  color: #EE3338;
  background-color: transparent;
}
kbd, samp {
  font: 1em "Courier New", monospace;
}

/**
-------------------------------------------------------------
Regeln für besondere Bereiche
------------------------------------------------------------- */

/** Kopfbereich mit Navigation, Suche, Sprachauswahl, Logo
------------------------------------------------------------- */
#top {
  height: 72px;
}
#logo {
  position: absolute;
  top: 0;
  right: 0;
}
#logo h1 {
  margin: 0;
  padding: 0;  
}

/* Sitenavigation */
#sitenav {
  display: none;
}
#search {
  display: none;
}
#lang {
  display: none;
}


/** Tagline
------------------------------------------------------------- */
#tagline {
  display: none;
}

/** Hauptmenü
------------------------------------------------------------- */
#nav {
  display: none;
}

/** Bereichsmenü
------------------------------------------------------------- */
#subnav {
  display: none;
}

/** Ariadne-Faden
------------------------------------------------------------- */
#ariadne {
  margin: 0 0 30px 0;
}
#ariadne a {
  text-decoration: none; 
}
#ariadne span {
  padding: 0 7px; 
}

/** Content
------------------------------------------------------------- */
#content {
}
#contentBody {
  margin: 0 185px 0 0;
}


/** Rechter Servicebereich
------------------------------------------------------------- */
.service {
  display: none;
}

/* Kontakt */
#contact {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 155px;
  margin: 0 5px 0 0;
  font-size: 8pt;
  padding: 5px;
  white-space: nowrap;
}
* html #contact {
  position: absolute;
}

#contact .illustration {
  display: none;
}

#contact h2,
#contact strong {
  display: none;
}
#contact div span {
  display: block; 
}


/** Fußzeile, Footernavi und Social Bookmarks
------------------------------------------------------------- */
#footer, 
#footernav,
#socialBookmarks,
a.etracker {
  display: none;
}


/** Theme
------------------------------------------------------------- */
#theme {
  background: 0 310px repeat-x;
  margin: 0 0 18px 0;
  font-size: .9em;
}
#theme h1 {
  margin: 0;
  padding: 0; 
}
#claim {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
}
#theme .themeComplement {
  background: top left repeat-x;  
  width: 350px;
  min-height: 181px;
  padding: 1px 0 5px 0;
  line-height: 145%;
}
* html #theme .themeComplement {
  height: 181px;
}
#theme .dummy {
  width: 19px;
}
#theme .themeComplement .illustration {
  float: right;
  display: inline;
  margin: 0;
  padding: 0;
}
#theme .themeComplement .inner {
  background: none transparent;
  margin: 10px 165px 10px 20px;
}
#theme .themeComplement h2 {
  font-size: 1em;
}
#theme .themeComplement a {
  color: #424040;
  background-color: transparent;
  text-decoration: none;
}
#theme .themeComplement a:hover,
#theme .themeComplement a:focus {
  text-decoration: underline; 
}

/**
-------------------------------------------------------------
Regeln für spezielle Elemente
------------------------------------------------------------- */ 
.center {
  text-align: center; 
}
.floatRight {
  float: right;
  padding: 0 0 .5em .5em; 
}
.clear {
  width: 0;
  height: 0;
  line-height: 0%;
  font-size: 0;
  overflow: hidden;
  clear: both; 
}
p.illustration {
  float: right;
  padding: 0 0 0 10px; 
}
.error {
  color: red;
  background-color: transparent;
  font-weight: bold;
}

/** Richtext-Outpot
------------------------------------------------------------- */
.float--right {
  float: right;
  padding: 0 0 10px 10px;
}
.float--left {
  float: left;
  padding: 0 10px 10px 0;
}


/** Teaser
------------------------------------------------------------- */
.teaser,
.contentTeaser {
  margin: 18px 0 0 0;
}
.teaser .inner,
.contentTeaser .inner {
  color: #424040;
  background-color: #EDF1F3;
}
.teaser .inner {
  padding: 5px 15px 5px 250px;
}
.teaser h3,
.contentTeaser h2 {
  font-size: 1em;
}
.teaser .product {
  margin: 1em 0 0 0;
  text-align: center; 
}
.homepage {
  margin: 0  0 18px 18px;
}
.teaser a {
  color: #424040;
  background-color: transparent;
  text-decoration: none;
}
.teaser a:hover,
.teaser a:focus {
  text-decoration: underline; 
}
.more {
  margin: .5em 0;
  text-align: right;
}
.contentTeaser table {
  width: 100%;
}
.contentTeaser table td.image {
  padding: 0;
}
.contentTeaser table td.description{
  padding: 5px 15px;
  width: 100%;
}

/* Teaserscroller auf der Startseite */
table#homepageteaser {
  display: none;
}


/**
-------------------------------------------------------------
Regeln für spezielle Dokumente
------------------------------------------------------------- */

/** Sitemap
------------------------------------------------------------- */
#sitemap {
  padding: 12px 0 0 4px;
}

#sitemap a:before {
  content: "";
  text-decoration: none;
}

#sitemap ul {
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
  background: none;
}
#sitemap li {
  background: none;
  padding: 0;
  background: none;
}
#sitemap ul ul {
  padding: 0;
  border-bottom: 0; 
  background: none; 
}
#sitemap a {
  text-decoration: none;
  display: block;
  padding: 2px 0;
  background: none;
}

#sitemap ul li span {
  display: block;
  border-bottom: 1px solid grey;
  padding: 0 8px;
  font-size: 1.2em;
  background: none;
}
#sitemap ul li li span {
  display: block;
  margin: 0 0 0 108px;
  font-size: 1.1em;
  background: none;
}
#sitemap ul li li li span {
  display: block;
  margin: 0 0 0 218px;  
  font-size: 1em;
  background: none;
}
#sitemap ul li li li li span {
  display: block;
  margin: 0 0 0 324px;
  font-size: .9em;
  background: none;
}


/** Sucheergebnisseite
------------------------------------------------------------- */
.searchResultText {
  font-weight: bold;
  margin: 0 0 20px 0;
}
.searchResult {
  padding: 0 0 .5em 0;
  border-bottom: 1px solid #A2ACB3;
}
.searchResult .searchResultScore {
  margin: 1em 0 .5em 0;
}
.searchResultScore{
  display: none;
}
.searchResult .title {
  font-weight: bold;
}
.searchResult .description {
  margin: .5em 0;
}
.searchResult .resultContent {
  margin: 1em 0 0 0;
}
.query {
  font-weight: bold;
}

/** Produktdetailseite
------------------------------------------------------------- */
table#detailTabs {
  display: none;
}
#detailContent {
  margin: 0;
}
#hiddenDetails {
  display: none;
}


/** Online-Eignungstest
------------------------------------------------------------- */
#screeningTest .answer {
  white-space: nowrap;
}
#screeningTest label {
  margin: 0 1em 0 0;
}
#screeningTest input {
  margin: 0 3px 0 0;
  vertical-align: middle;
}
#screeningTest th {
  white-space: nowrap; 
}

/** Bewerbungsformular
------------------------------------------------------------- */
#applicationForm th {
  text-align: left;
  width: 150px; 
  font-weight: normal;
}
#applicationForm span.must {
  color: #EE3338;
  background-color: transparent;
}
#applicationForm input.text {
  width: 180px; 
}