/**
 * Stylesheet fuer KLETT
 *
 * seitenblick interaktive medien gmbh
 * Koenigstrasse 16, 70173 Stuttgart
 * fon: 0711/8599818-0
 * fax: 0711/8599818-40
 * e-Mail: info@seitenblick.de
 */
 
/******************************************************************************/
/* OBSOLETE UND NOCH ZU ERSETZEN!                                             */
/******************************************************************************/

.newswrapper_inner {
  border-bottom: 1px solid #e5e5e5;  
  float: left;
  padding-bottom: 20px;
  width: 100%;
}

.newswrapper {
  float: left;
  padding: 3px 0 0 20px; 
  width: 459px;
}


/******************************************************************************/
/*--- Allgemeine Definitionen ------------------------------------------------*/
/******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: none;
 font-size: 1em;
 vertical-align: baseline;
}

body {
    background: #fff url("/i/bg_site_gradient.png") top left repeat-x;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    font-size: 100.01%;
}

code {
 font-family: "Courier New", Monospace;
}

label {
 cursor: pointer;
}

ol, ul {
 list-style: none;
}

a {
  color: #763832;
}


/*--- Helperklassen ----------------------------------------------------------*/
.c {
    clear: both;
}

.l {
    float: left;
}

.r {
    float: right;
}

.x {
    display: none;
}

.printonly {
  display: none;
}

.invisible, .inv {
    display:none;
}

.last {
  border: 0 !important;
}

.spacer_5 {
  float: left;
  height: 5px;
  width: 100%;
}

.spacer_10 {
  float: left;
  height: 10px;
  width: 100%;
}

.spacer_20 {
  float: left;
  height: 20px;
  width: 100%;
}




/******************************************************************************/
/*--- Layout -----------------------------------------------------------------*/
/******************************************************************************/

/* Beinhaltet die komplette Seite */
div.site_wrapper {  
  text-align: left;       /* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;         /* horizontale Zentrierung */
  padding: 0 0 0 0;
  width: 963px;    
}

div.main_wrapper {
  float: left;
}

/*--- Header -----------------------------------------------------------------*/
/* beinhaltet Klett-Gruppe-Logo, Breadcrumb und Suchfeld */
#header {
  display: block;
  float: left;
}

/*--- Inhaltsbereich ---------------------------------------------------------*/
/* beinhaltet alles zwischen header und footer */

#content_wrapper_outer {
  background: transparent url("/i/bg_content_header.png") top left no-repeat;  /*Hauptrahmen-Kopf*/
  float: left;
  width: 963px;  
}

#content_wrapper_inner {
  background: transparent url("/i/bg_content_main.png") top left repeat-y;  /*Hauptrahmen-Mittelteil*/
  float: left;
  width: 963px;  
}

#content_wrapper {
  background: transparent url("/i/bg_content_footer.jpg") bottom left no-repeat;  /*Hauptrahmen-Fuss*/
  display: block;
  float: left;
  width: 963px;   
}

/*--- linke Spalte, beinhaltet Hauptnavigation -------------------------------*/
#left_column {
  background: transparent url("/i/bg_navi_header.png") top left no-repeat; /*wird wg. Startseite benötigt, da dort oberhalb der Navi kein Farbblock*/
  color: #575757;
  float: left;
  font-size: 0.75em;
  padding: 0 0 10px 0;
  width: 231px;
}

/* Beinhaltet alles rechts neben der linken Spalte (mittlere Inhaltsspalte und rechte Spalte */
#main_column_wrapper {
  float: left;
  width: 732px;
}

/* Mittlere Inhaltsspalte*/
#main_column {
  float: left;
  padding-top: 257px;
  padding-bottom: 50px;
  width: 490px;
}

/* Auf den Detailseiten anderer Abstand */
.detailpage #main_column {
  padding-top: 142px;
}

/* Rechte Spalte, Teaserspalte */
#right_column {   
  float: right;
  width: 233px;
}

/*Abstand der rechten Spalte von oben für die Startseite*/
.homepage #right_column {
  margin-top: 210px;
}




/******************************************************************************/
/*--- Inhalte ----------------------------------------------------------------*/
/******************************************************************************/

/*--- Allgemeines ------------------------------------------------------------*/

/* Die Element-Klasse wird jedem Inhaltsmodul zugewiesen. */   
.element {
  clear: both;
  float: left;
  padding: 0;
  width: 100%;
}

/* Externe Links */
.extlink {
  background: transparent url("/i/icon_link.gif") 0px 5px no-repeat;  
  padding-left: 14px;
}

/* eMail-Links */
.mail {
  background: transparent url("/i/icon_mail.gif") no-repeat scroll 0 6px;
  float: left;
  padding-left: 20px;
  width: 55%;
}

/* lightbox */
.img_l_wrapper a {
  text-decoration: none;
}

/*Autorenkürzel und Datum*/
.author {
  padding-top: 10px;
  font-size: 0.75em;
}

.lightbox span {
  font-size: 1em;
}

/* --- Inhalt Header ----------------------------------------------------------*/

/* Firmenlogo */
.logo {
  background: transparent url("/i/bg_logo_klett.png") top left no-repeat;
  cursor: pointer;
  float: left;
  height: 130px;    
  width: 963px;    
}

/* Breadcrumb */
.breadcrumb_wrapper {
  /*background: transparent url("/i/bg_breadcrumb.png") top left repeat-x; */
  clear: both;
  color: #575757;
  display: block;
  float: left;
  font-size: 0.75em;
  height: 24px;
  overflow: hidden; /*damit Layout der Breadcrumb im IE bei Erhöhung der Schriftgröße erhalten bleibt*/
  padding: 10px 0 9px 22px;
  width: 941px;
}

.breadcrumb_wrapper span {
  background: transparent url("/i/icon_home.gif") 0px 4px no-repeat;
  float: left;
  padding: 2px 0 0 22px;
}

.breadcrumb_wrapper span.home {
  font-weight: bold;
}

.breadcrumb a {
  color: #575757;
  text-decoration: none; 
}

.breadcrumb a.b_link {
  background: transparent url("/i/icon_arrow_right.gif") 0px 4px no-repeat;
  margin-left: 10px;
  padding-left: 9px;
}

.breadcrumb a:hover,
.breadcrumb a.navi:hover {
  text-decoration: underline;
}

.breadcrumb b {
  background: transparent url("/i/icon_arrow_right.gif") 0px 4px no-repeat;
  margin-left: 10px;
  padding-left: 9px;
}

/*--- ServiceNavi - other languages --------------------------------------------*/
.servicenavi a {
  color: #616161;
  float: right;
  margin-right: 20px;
  padding: 2px 0 0 0;
  text-decoration: none;
}

.servicenavi a:hover {
  text-decoration: underline;
}

/*--- Suchfeld im Header -------------------------------------------------------*/
.searchfield {
  background: transparent url("/i/bg_searchfield.png") top left no-repeat; 
  float: right;
  height: 22px;
  padding: 0 24px 0 0;  
  text-align: right;
  width: 230px;
}

input#searchfield {
  background-color: transparent;  
  border: 0;
  color: #a8a8a8;
  float: left;
  height: 16px;
  margin: 2px 0 0 10px;
  width: 165px;
}
.breadcrumb_wrapper input.submitbtn {
 /* margin: 2px 0 0 0px;  */
 position: relative;
 top: 2px;
 right: 4px;
}

.searchfield #myForm {
float: left;
width: 230px;
}


/*--- Linke Seitenspalte, beinhaltet Hauptnavigation -------------------------*/

/*--- Der Kopf der Navigationspalte mit dem Claim ---*/
.navihead {
  color: #ffffff;
  font-family: Georgia, Times, serif;
  font-size: 1.667em;
  font-weight: normal;
  background: transparent url("/i/bg_navi_education.gif") top left no-repeat;
  height: 142px;
  position: relative;
}

.navihead_inner {  
  /* padding: 77px 20px 0 22px;  */
  position: absolute; 
  bottom: 17px;
  left: 22px;
  width: 190px;
  vertical-align: bottom; 
  /*height: 100px;*/
}

/* Die eigentliche Navigation */
.navi {
  float: left;
  overflow: hidden;
  padding: 27px 0 0 23px;
  width: 205px;
}

.naviblock {
  background: transparent url("/i/bg_navi_separator.gif") bottom left no-repeat;
  margin-bottom: 16px;
  padding: 0 0 17px 0;
}

.navi ul {
  line-height: 1.667em;
}

/* Aktiver Navigationspunkt */
.navi li.active {
  background: transparent url("/i/icon_raquo.gif") center left no-repeat;
  color: #a25f4c;
  padding: 0 0 0 14px;
}

.navi li.active a {
  color: #763832;
}

.navi a {
  color: #575757; 
  text-decoration: none;
}

.navi a:hover {
  text-decoration: underline;
}

.navi h2 {
  color: #3b3b3b;
  font-family: Georgia, Times, Serif;
  font-size: 1.5em;
  font-weight: normal;
  padding: 0 0 8px 0;
}


/*--- Hauptinhaltsspalte -----------------------------------------------------*/

/* Allgemeine Definitionen */
#main_column  h2 {
  color: #763832;
  font-family: Georgia, Times, serif;
  font-size: 1.333em;
  font-weight: normal;
  line-height: 1.25em;
  padding-bottom: 9px;
}

/*--- Kopf der Hauptinhaltsspalte mit Teaserimage ---*/

/*abgerundete Ecke rechts oben des Teaserimages und 1px Rand oberhalb und 2px rechts vom Bild*/
.coveredge {
  background: transparent url("/i/bg_coveredge_teaserimage.gif") top right no-repeat;
  float: left;
  width: 100%;
}

/*--- Definition der Inhaltsbloecke ------------------------------------------*/
.detailpage .element {
  display: inline;
}

.element.news,
.element.article,
.element.contact,
.element.form,
.element.joboffer,
.element.searchheader,
.element.searchresult_header,
.element.searchresult_list,
.element.sr_imagelist,
.element.companyfilter {
  color: #515151;
  display: inline;
  font-size: 0.75em;
  line-height: 1.583em;
  margin-left: 20px !important;
  width: 460px;
}

 .element.companyfilter a.active {
  padding: 0 4px 0 3px;
  text-decoration: underline;
  }




/******************************************************************************/
/*----- Styles fuer die Inhalte ----------------------------------------------*/
/******************************************************************************/

/* Linkliste mit ext. Links */
.element.article .linklist,
.element.contact .linklist {
  float: left;
  width: 55%;
}

.element.article .linklist ul li.extlink,
.element.contact .linklist ul li.extlink {
  background: transparent url("/i/icon_link.gif") 0px 5px no-repeat;  
  padding-left: 20px;
}

/* News-Bloecke auf der Startseite, Presse etc. */
.element.news {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
}

.element.news .newsheader {
  color: #7c7c7c;
  float: left;
  margin-top: 20px;
}

.element.news .newsheader .date {
  background: transparent url("/i/bg_newsheader_pipe.gif") 72px 7px no-repeat;
  float: left;
  padding: 5px 21px 0 0;
}

.element.news .newsheader .companylogo {
  float: left;
  padding: 4px 9px 0 0;
}

.element.news .newsheader .company {
  float: left;
  padding: 5px 0 0 0;
}

.element.news h1 {
  clear: both;
  color: #763832;
  font-family: Georgia, Times, Serif;
  font-size: 1.88em;
  font-weight: normal;
  line-height: 1.125em;
  padding: 10px 0 0 0;
  width: 90%;
}

.element.news h1 a {
  padding-left: 0;  
  text-decoration: none;  
}

.element.news h1 a:hover {
  text-decoration: underline;
}

.element.news h1 a:visited {
  color: #763832;
}

.element.news p {
  color: #515151;
  line-height: 1.583em;
  padding: 10px 0 0 0;
}

/* Ein Bild im Fliesstext */
.element.news p img {
  border: 1px solid #e5e5e5;
  float: left;
  margin: 5px 20px 10px 0;  
}

.element.news a {
  color: #763832;
  padding-left: 6px;
}

.element.news a.imagelink {
  color: #763832;
  padding-left: 0px;
}

.element.news div.img_cont {
  margin-top: 12px;
  margin-right: 10px;
  float: left;
}

.element.news a:visited {
  color: #763832;
}

/* Auch die Startseite kann Artikel in der Detailansicht zeigen */
.homepage .element.article  {
  padding-top: 27px;
  width: 460px;  
}


/*--- Inhalte auf den Artikelseiten ------------------------------------------*/
.detailpage .element.article  {
  padding-top: 27px;
  width: 460px;  
}

/*--- Artikelkopf ---*/
.element.articleheader {
  border-bottom: 1px solid #e5e5e5;
  color: #3b3b3b;
  float: left;
  font-family: Georgia, Times,  serif;
  font-size: 1.167em;
  margin-bottom: 5px;
  margin-left: 20px !important;  
  margin-top: 25px !important;
  padding: 0 0 8px 0;
  width: 460px;
}

/* Zuordnung zur Navi */
.element.articleheader .navi_item {
  float: left; 
}

/* Sprachumschaltung */
.element.articleheader .lang_en  a, .element.articleheader .lang_de  a{
  background: transparent url("/i/icon_flag_en.png") 1px 10px no-repeat;  
  float: right;
  font-size: 0.583em;
  padding: 7px 0 0 23px;
  text-decoration: none;
}

.element.articleheader .lang_de  a{
  background-image: none;
}

.element.articleheader .lang_en  a:hover, .element.articleheader .lang_de  a:hover{
  text-decoration: underline;
}

/*Zurück zur Auswahl (Pressemitteilungen,Aktuelles,...)*/
.historyback {
  font-size: 0.6875em;
  font-family: Arial;
  float: right;
}

.element.article h1 {
  color: #763832;
  clear: both;
  font-family: Georgia, Times, serif;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.1em;
  padding-bottom: 17px;
}

.element.article h2 {
  font-size: 1.69em !important;
}

.element.article .last_update, .element.articleheader .last_update {
  color: #636363;
  float: right;  
  font-family: Arial, sans-serif; 
  font-size: 0.583em;  
  padding: 10px 0 0 23px;
}

/* Vorspann des Artikels */
.element.article p.lead {
  font-weight: bold;
  /*letter-spacing: 0.0417em;*/
  padding: 0 0 12px 0;  
}

/* Ein Absatz innerhalb eines Blocks */
.element.article .break {
  float: left;
  margin-top: 10px;
}


/*--- Bilder im Content-Bereich ----------------------------------------------*/

/* Einspaltiges Bild */
.element.article .image {
  float: left;
  padding: 5px 0 10px 0;
  margin-right: 20px;
  width: 220px;
}

.element.article .image img {
  border: 1px solid #e5e5e5;
}

/* Bild ueber die volle Breite */
.element.article .image.large {
  float: left;
  margin-right: 0;
  padding: 0 !important;
  width: 460px;
}

/* Bild 100px Breite*/
.element.article .image.small {
  width: 110px;
}

/*--- Bildunterschrift und Vergroessern-Link ---*/
.element.article .image_caption {
  border-bottom: 1px solid #e5e5e5;
  color: #8a8a8a;
  float: left;
  font-style: italic;
  line-height: 1.25em;
  padding: 5px 0 5px 0;
  width: 100%;
}

.element.article .image_caption.large {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

/* Bildunterschrift */
.element.article .image_caption .caption {
  float: left;
  width: 100%;
}

.large .image_caption .caption {
  /*width: 460px !important;*/
  width: 100%;
}

/* Vergroessern-Link */
.element.article  .image_zoom {
  background: transparent url("/i/icon_magnifier.gif") 0px 7px no-repeat;
  float: left;
  padding: 2px 0 3px 14px;
}

.element.article  .image_zoom a {
  text-decoration: none;
}

.element.article  .image_zoom a:hover {
  text-decoration: underline;
}

.element.article #zoomwrapper .image_zoom {
  float: right;
}


/*--- Zitatblock -------------------------------------------------------------*/
.element.article .quote_wrapper {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding: 0 0 10px 0;
}

.element.article .quote {
  background: transparent url("/i/icon_quote_begin.gif") bottom left no-repeat;
  color: #525252;
  font-size: 1.125em;
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1.333em;
  padding: 12px 0 0 33px;
}

.element.article .quote blockquote {
  background: transparent url("/i/icon_quote_end.gif") top right no-repeat;
  padding: 0 33px 0 0;
}

.element.article .quote cite {
  color: #8a8a8a;
  font-size: 0.833em;
  letter-spacing: 0;
  padding: 0 0 0 20px;
}

/*--- Liste -------------------------------------------------------------------*/
.element.article ul {
  /*margin: 0 0 0 15px;*/
}

.element.article ul li {
  background: transparent url("/i/icon_listarrow.gif") 3px 7px no-repeat; 
  margin-left: 2px;
  padding-left: 14px;
}

.element.article ul li a {
  text-decoration: none;
}

.element.article ul li a:hover {
  text-decoration: underline;
}


/* --- Kontaktseite ----------------------------------------------------------*/
.element.contact {
  border-bottom: 1px solid #e5e5e5;
  padding: 22px 0 20px 0;
}

#main_column .element.contact h2 {
  font-size: 1.5em;
  padding-bottom: 5px;
}

#main_column .element.contact h2 a {
  text-decoration: none;
}

#main_column .element.contact h2 a:hover {
  text-decoration: underline;
}

/* Linke Spalte mit dem Firmenlogo */
.element.contact .left_column {
  float: left;
  padding-top: 5px;
  width: 160px;
}

/* Rechte Spalte mit den Infos */
.element.contact .right_column {
  float: left;
  width: 300px;
}

/* Externer Link */
.element.contact .right_column .extlink {
  clear: both;
  float: left;
  padding-left: 20px;
}

.element.contact .contact_name {
  font-weight: bold;
}

.element.contact .contact_pressbox {
  background: transparent url("/i/icon_link.gif") no-repeat scroll 0 5px;
  display: inline;
  float: right;
  padding-left: 15px;  
}

/* Link auf die Detailansicht */
.element.contact .detail {
  background: url("/i/icon_arrowright.gif") 0px 8px no-repeat;
  float: right;
  padding-left: 10px;
  padding-bottom: 5px;
}

/* --- Stellenangebote ----------------------------------------------------------------*/
.element.joboffer .joblist {
  float: left;
  padding: 25px 0 20px 0;
}

.element.joboffer .joblist a {
  display: block;
  font-family: Georgia, Times, serif;
  text-decoration: none;
}

.element.joboffer .joblist a:hover {
  text-decoration: underline;
}

.element.joboffer .joblist li {
  background: transparent url("/i/icon_arrowright.gif") 0px 18px no-repeat;
  line-height: 1.583em;
  padding: 11px 0 0 9px;
}

.job_offer_company_logo {
  padding-top: 15px;
}

.element.contact.joboffers a {
  float: left;
  margin-right: 20px;
}


/* --- Unternehmensseite -------------------------------------------------------------*/

/* ABC-Suchfilter */
.element.companyfilter {
  border-bottom: 1px solid #e5e5e5;
  margin: 10px 0 10px 0;
  padding-bottom: 16px;
}

.element.companyfilter span {
  color: #a5a5a5;
  padding: 0 4px 0 3px;
}

.element.companyfilter a {
  font-weight: bold;
  padding: 0 4px 0 3px;
  text-decoration: none;
}

.element.companyfilter a:hover {
  text-decoration: underline;
}

/* --- Chronik -----------------------------------------------------------------------*/
.element.article.chronik {
  padding-top: 0px;  
}

.element.article.chronik .entry {
  border-bottom: 1px solid #e5e5e5;
  float: left;
  padding: 20px 0 20px 0;  
}

.element.article.chronik .entry .left_column {
  color: #763832;  
  float: left;
  font-family: Georgia, Times, serif;
  font-size: 1.5em;
  width: 110px;
}

.element.article.chronik .entry .right_column {
  float: left;
  width: 340px;
}

.element.article.chronik .entry .right_column img {
  float: left;
}

.element.article.chronik .entry .right_column .image {
  margin-right: 15px;
  width: 100px;
}

.element.article.chronik .entry .right_column .image.large {
  margin: 6px 0 15px 0;
  width: 350px;
}

.element.article.chronik .entry .right_column .image .caption {
  /*border-bottom: 1px solid #e5e5e5;*/
  color: #909090;
  float: left;
  font-style: italic;
  padding-bottom: 3px;
  padding-top: 4px;
  width: 100%;  
}


/* --- Suchergebnisse ------------------------------------------------------------------*/
.first_column {
  width: 170px;
}

.second_column {
  width: 225px;
}

.third_column {  
  padding-top: 17px;
}

.element.pagetools.searchresult_header {
  border-bottom: 1px solid #e5e5e5;
  border-top: none!important;
  color: #525252;
  float: left;
  font-family: Arial;
  font-size: 0.75em;
  margin-top: 40px;
  padding: 0 0 7px 0; 
}

.searchresult_list a {
  display: block;  
  font-family: Georgia, Times, serif;
  text-decoration: none;
}

.searchresult_list a:hover {
  text-decoration: underline; 
}

.searchresult_list li {
  float: left;
  line-height: 1.667em;
  padding: 15px 0 5px 0;
  width: 100%;
}

.searchresult_list li img {
  float: left;
  padding: 6px 10px 0 0;
}

.searchresult_list a.relation {
  display: inline-block;
  font-family: Arial, sans-serif;
  padding-right: 9px;
}

.searchresult_list  span.date {
  background: transparent url("/i/bg_relation_pipe.gif") 0px 3px no-repeat;
  padding-left: 7px;
}

.searchresult_list.sr_imagelist {
  padding-top: 15px;
}

/* --- Suchfelder --------------------------------------------*/

form#searchform input {
  color: #747474;
  font-size: 1em;
}

form#searchform  input#main_searchfield {
  background: transparent url("/i/bg_sr_searchfield.gif") top left no-repeat;
  border: none;
  padding: 2px 0 4px 6px;
  width: 154px;
}

form#searchform input#rubric {
  width: 215px;
}

form#searchform select {
  border  : 1px solid #9c9eab;
  color: #7b7b7b;
  float: left;
  font-size: 1em;
  height: 21px;  
}

/* Die Formulare zur Verfeinerung der Suche auf Presse- und Sucherg. Seite */
.element.searchheader  .searchform {
  color: #747474;
  float: left;
  padding-bottom: 27px;
}

.element.searchheader .searchform  select {
  border:1px solid #9D9EAB;
  color: #747474;
  float: left;
  height: 21px;
  margin: 0 30px 0 7px;
  vertical-align: middle;
}

form#searchform #rubric {
  width: 215px;
}

.element.searchheader .searchform select.company {
  width: 130px;
}

.element.searchheader .searchform .submitbtn {
  vertical-align: bottom;
}


/*--- Beschriftung der Select-Felder ---*/
.element.searchheader .searchform label {
  float: left;
  padding-top: 1px;
}

/*--- Suchkopf ---*/
.element.searchheader { 
  margin-top: 23px;
}


/* Infocontainer */
.info_container {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 3px;
  padding-top: 13px;
}


/*--- Die PageTools am Ende der Seite ----------------------------------------*/
.element.pagetools {
  border-top: 1px solid #e5e5e5;
  display: inline;
  float: left;
  font-family: Georgia, Times, serif;
  font-size: 0.75em;
  margin-left: 20px !important;
  margin-top: 10px; /*25px*/
  padding: 10px 0 0 0;
  width: 460px;
}

.element.pagetools  a {
  background: url("/i/bg_pageflip_pipe.gif") no-repeat scroll 0 2px transparent;
  /*color: #a25f4c;*/
  padding: 0 6px 0 10px;
  text-decoration: none;
}

.element.pagetools a:first-child {
  background: none;
}

.element.pagetools a:hover {
  text-decoration: underline;
}

/* Der Link zum Seitenanfang */
.element.pagetools a.totop  {
  background: transparent url("/i/icon_arrowright.gif") 0 6px no-repeat;
  float: left;
  padding: 0 0 0 10px;
}

/* Der Link fuer das Ausdrucken der Seite */
.element.pagetools a.print {
  background: transparent url("/i/icon_print.gif") 0 2px no-repeat;
  float: right;
  padding: 0 0 0 20px;
}

.element.pagetools a.send {
  background: transparent url("/i/icon_mail.gif") 0 4px no-repeat;
  float: right;
  padding: 0 20px 0 19px;
}

.element.pagetools.top {
  border-bottom: 1px solid #e5e5e5; 
  border-top: 0;
  padding-bottom: 10px;
}

.element.pagetools .pageflip {  
  color: #525252;
  float: right;
  font-family: Arial, sans-serif;
}

.element.pagetools .pageflip b {
  background: url("/i/bg_pageflip_pipe.gif") no-repeat scroll 0 2px transparent;
  font-weight: normal;
  padding: 0 6px 0 10px;
}

.element.pagetools .pageflip b:first-child {
  background: none;
}

.element.pagetools .pageflip span {
  background: transparent url("/i/bg_pageflip_pipe.gif") 0 2px no-repeat;
  padding: 0 10px;
}

.element.pagetools .pageflip span:first-child {
  background: none;
}

.element.pagetools .pageflip a.active {
  color: #505050;
}

.pagetools_footer {
  float: left;
  font-size: 0.75em;
  padding-top: 10px;
  width: 100%;
}

#bookmarks {
  float: left; 
}

#bookmarks div {
  float: left;
  padding-left: 3px;
  padding-right: 3px;
}

#bookmarks div.label {
  padding-right: 7px;
}

#bookmarks div a {
  padding: 0px;
}

#bookmarks img {
  border: 1px solid #E5E5E5;
  margin-top: 1px;
}


/******************************************************************************/
/*--- rechte Spalte mit Teasern ----------------------------------------------*/
/******************************************************************************/

/* Auf den Detailseiten hat die Teaserspalte einen anderen Abstand von Oben */
#right_column {
  margin-top: 110px;
}

.right_column_header {
  background: transparent url("/i/bg_right_column_header.gif") top left no-repeat;  /*oberer abgerunderter Kopf der Teaserspalte*/
  font-size: 0;
  height: 8px;  
  width: 220px;
}

/*einzelner Teaser in rechter Spalte mit Trennlinie oberhalb*/
.right_column_teaser {
  background: transparent url("/i/bg_right_column_separator.gif") 1px 0 no-repeat;   
  float: left;  
  padding: 2px 0 0 0;
}

/*erster Teaser ohne Trennlinie*/
.first_teaser { 
  background: transparent url(/i/bg_right_column.gif) repeat-y scroll left top;
  padding-top: 13px;
}

.right_column_content {
  background: transparent url("/i/bg_right_column.gif") top left repeat-y;  
  clear: both;
  float: left;
  padding: 7px 16px 19px 16px;  
  width: 188px;
}

.right_column_content h2 a {
  color: #763832;
  font-family: Georgia, Times, serif;
  font-size: 0.917em;
  font-weight: normal;
  line-height: 1.083em;
  text-decoration: none;
}

.right_column_content h2 a:hover {
  text-decoration: underline;
}

.right_column_content  a:visited {
  color: #763832;
}

.right_column_content h2 {
  color: #3b3b3b;
  font-family: Georgia, Times, serif;
  font-size: 1.167em;
  font-weight: normal;
  padding-bottom: 2px;
}

.right_column_content p {
  color: #616161;
  font-size: 0.75em;
  line-height: 1.5em;
  padding: 6px 0 0 0;
}

.right_column_content a {
  
  font-size: 0.75em;
}

.right_column_content img {
  padding: 10px 0 6px 0;
}

.right_column_content .image_caption {
  border: 0;
  color: #515151;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  font-style: normal;
  font-weight: bold;
  padding: 7px 0 3px 0;
}

/* Telefon/Fax/Mail in der rechten Spalte der Kontaktseite */
.right_column_content .fonfax {
  color: #515151;
  font-size: 0.75em;
 /* padding-top: 4px;*/
  line-height: 1.5em;
}

.right_column_content .fonfax span {
  display: block;
/*  padding-bottom: 2px;*/
}

.right_column_content .mail {
  background: transparent url("/i/icon_mail_blue.gif") 0 11px no-repeat;
  display: block;
  padding: 7px 0 0 20px;
}

.right_column_footer   {
  background: transparent url("/i/bg_right_column_footer.gif") top left no-repeat;  
  clear: both; 
  padding-bottom: 8px;  
  width: 220px;  
}

/* ---- Teaser-Images in rechter Spalte -----------------------------------*/
#right_column .teaserimage {  
  padding-bottom: 20px;
}

/* --- rechte Spalte mit Liste (Chronikseite) ------------------------------*/
#right_column ul {
  color: #515151;
  font-size: 0.75em;
}

#right_column ul li {
  background: transparent url("/i/icon_raquo_black.gif") 0px 12px no-repeat;
  line-height: 1.5em;
  margin-top: 10px;
  padding: 6px 0 0 12px;
}

.detailpage .right_column_content {
  padding-top: 8px; /*Abstand oben in rechter Spalte geringer als bei Startseite*/
}

/******************************************************************************/
/*--- Footer  und Footernavi -------------------------------------------------*/
/******************************************************************************/

#footer {
  background: transparent url("/i/logo_klettgruppe.jpg") 23px 10px no-repeat;
  clear: both;
  float: left;
  height: 30px;
  padding-bottom: 40px;
  width: 963px;
}

#footer ul  li{
  background: transparent url("/i/navi_pipe.gif") 0px 2px no-repeat;
  color: #666666;    
  display: inline;
  float: left;
  font-size: 0.75em;
  padding: 0 12px 0 13px; 
}

#footer ul  li:first-child {
  background-image:none;	
}

#footer ul {
  float: right;
  padding: 9px 11px 0 0;
}

#footer ul a {
  color: #6d6d6d;
  text-decoration: none;
}

#footer ul a:hover {
  text-decoration: underline;
}

.footerlogo { 
  float: left;
  width: 200px;
}

.footerlogo  span{
  display: none;
}

.footerlogo a { 
  display: inline-block;  
  width: 200px;
  height: 30px;
}


/******************************************************************************/
/* --- Formulare -------------------------------------------------------------*/
/******************************************************************************/

#form {
  float: left;
  font-size: 0.75em;
  line-height: 2em;
  padding-top: 15px;
}

#form .form_block {
  float: left;
  padding-bottom: 20px;
}

#form  label{
  color: #575757;
  float: left;
  padding-bottom: 7px;
  width: 100px;
}

#form label.label_mensch {
  width: 275px;
  float: left;
}

#form #mensch {
  float: left;
  margin: 6px 8px 0 0;
}

#form .submit_wrapper {
  float: right;
  padding: 0 24px 22px 0;
}

#form .submit_wrapper .submitbtn {
  float: left; 
  margin-left: 3px;
  width: auto;
}

#form .submit_wrapper .resetbtn {
  background-image: url('../i/btn_reset.png');
  float: left; 
  height: 21px;
  margin-right: 5px;
  width: 95px;
}



#form input.textfield {
  border: 0;
  background: transparent url("/i/bg_form_inputfield.gif") top left no-repeat;
  float: left;
  height: 19px;
  margin-top: 3px;
  padding-left: 3px;
  width: 275px; /*muss größer sein für Fehlerausgabe*/  
}

input[type=radio] {
  margin-left: 0;
  margin-right: 6px;  
  vertical-align:text-bottom;
}

#form input#zip {
  background: transparent url("/i/bg_form_inputfield_small.gif") top left no-repeat; 
  float: left;  
  padding-right: 10px;
  width: 57px;  
}

#form input#city {
  background: transparent url("/i/bg_form_inputfield_medium.gif") top left no-repeat;  
  float: left;
  width: 190px;  
}

#form input.missing {
  background: transparent url("/i/bg_form_inputfield_alert.gif") top left no-repeat;  
}

div.missing {
  float: left;
  background: transparent url("/i/bg_form_inputfield_alert.gif") top left no-repeat;  
  height: 21px;
  margin-left:-4px;
  margin-top: 2px;
  padding-left: 4px;
  width: 275px;  
}

#form .checkbox {
  margin-left: 0;
  position: relative;
  top: 3px;
}

#form textarea {
  background: transparent url("/i/bg_textarea.gif") top left no-repeat;
  background-attachment: inherit;
  border: 0;
  float: left;
  height: 112px;
  margin-top: 4px;
  overflow: auto; 
  padding-left: 3px;
  width: 335px;
}

#form #cc_mail {
  margin: -2px 10px 0 0;  
  vertical-align: middle;
}

div.missing .checkbox {
  top:1px !important;
}

.element.alert {
  border: 1px solid #a25f4c;
  color: #a25f4c;
  float: left;
  font-size: 0.75em;
  line-height: 1.5em;
  margin: 22px 0 12px 20px;
  padding: 10px;
  width: 338px;
}

.element.alert .error {
  font-style: italic; 
}

/*--- Pflichtfeld ---*/
.musthave {
  color: #666666;  
  font-style: italic;
  padding-top: 15px;
}

/* Spezielle Styles fuer "Seite empfehlen" */
#recommend {
 display: none;
}

.recommend {
  margin-top: 30px;
}

.recommend h2 {
  color: #666666 !important;
}

.recommend label.block {
  font-weight: bold;
  margin-top: 10px;
}