/****** TEASER ****/
/*.teaser-wide{  background:#EFEFEF url('../common/z.gif') repeat-y scroll left top;  border-left:3px solid #02A0C6;  margin:30px 0pt 20px;  padding: 0px 0pt 1px 2px;  width:555px;}.teaser-wide h3{  float:left;  margin:10px 0pt 0pt;  width:324px;}.teaser-wide h3.txt {background:#DFDFDF none repeat scroll 0%;border-bottom:1px solid #FFFFFF;float:none;font-size:12px;height:auto;margin:0pt 0pt 10px;padding:5px 10px;text-indent:0pt;width:auto;}
*/

/* TEASER BREIT */
.teaser-wide
{
  position:relative;
  border-left: 3px solid #E2021D;
  padding: 0 0 1px 3px;
  margin: 0 0 0 0;
  background: #efefef url(../../assets/common/1x1_white.gif) top left repeat-y;
  /*float: left; /* deaktiviert fr collapsing margins */
  width: 555px;
  float:left;
}
.teaser-wide-schatten {
  clear: both; /* beide vorhergehende floatings beenden */
  display: block; /* gesamte breite des divs */
  height: 5px;
  background: transparent url(../../assets/common/bg_teaser_breit_schatten.gif) bottom right no-repeat;
  width: 555px;
  margin: 0px 0px 20px;
  padding: 0 0 0 5px;
}

.teaser-wide-content {
  width: 520px;
  float: left;
  margin: 15px;
  position: relative;
}
.teaser-wide-inner {
  background-color: #FAFAFA;
  width: 540px;
  float: left;
  margin: 15px 0 15px 15px;
  padding: 0px 0px 0px;
}
.teaser-wide-inner h2 {
  text-transform: uppercase;
  font-family: Arial;
  font-weight: normal;
  font-size: 11px;
  color: #666666;
  width: 540px;
  height: auto;
  float: left;
  margin: 10px 15px 5px;
}
.teaser-wide .txt {
  margin: 10px 15px 5px;
}

.teaser-wide-inner-content {
  border-bottom: 1px solid #EFEFEF;
  width: 540px;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px;
}

.teaser-wide h3 {
  margin: 10px 0 0 0;
/*
  float: left;
  width: 324px;
*/
}
.teaser-wide h3.txt {
  background: #dfdfdf;
  text-indent: 0;
  font-size: 12px;
  border-bottom: 1px solid #fff;
  margin: 0 0 10px 0;
  padding: 5px 10px;
  float: none;
  width: auto;
  height: auto;
}

.teaser-wide h1 {
  margin: 25px 15px 5px 15px;
}
.teaser-wide h1 img {
  margin: 0px;
  width: auto;
}

.contentblock { /* container fr bild und absatz im teaser. sorgt dafr, dass der absatz immer beim bild steht. */
  clear: both;
}
.teaser-wide p.opener { /* einziger absatz im zugeklappten teaser, darf nach unten keinen abstand haben */
  margin: 0;
}
.teaser-wide p.opener a,
.teaser-wide p.opener a:link,
.teaser-wide p.opener a:visited,
.teaser-wide p.opener a:hover,
.teaser-wide p.opener a:active
{
  line-height: 100%;
}



.teaser-wide p { /* einrckung rechts um breite des teaser-bildes, sonst wird bild umflossen */
  /*margin-right: 205px;*/
  /* ist jetzt erst mal deaktiviert, weil die bilder vom text umflossen werden sollen! */
}
.teaser-wide p.img { /* bild nach rechts floaten */
  /* wichtig: im xhtml-flow steht immer erst der IMG-, dann der P-tag */
  /* stellt sicher, dass die bilder nicht nebeneinander floaten und immer bei ihren abs?en stehen */
  /* scheint bullshit zu sein.....
  clear: right;
  float: right;
  */
  margin: 0 0 10px 10px;
  font-style: italic;
}
.teaser-wide p.img img, .teaser-wide table img {
  clear: none;
  float: none;
  margin: 0;
  display: block;
}
.teaser-wide table img {
  width: auto;
  display: inline;
}
.teaser-wide table img {
  width: auto;
}
.teaser-wide-bottom {
  clear: both; /* beide vorhergehende floatings beenden */
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: block; /* gesamte breite des divs */
  height: 20px;
  background-color: #dfdfdf;
  /*background: #dfdfdf url(../../media/bilder/allgemein/redesign/teaser-breit-opener.gif) top right no-repeat;*/
  width: 100%;
}

.teaser-wide-bottom#closer {
  background: #dfdfdf url(../../media/bilder/allgemein/redesign/teaser-breit-closer.gif) top right no-repeat;
}
.teaser-wide img.closed {
  margin: 0 0 0 10px;
}

/* aus base */

.teaser-wide table {
  background:#FAFAFA none repeat scroll 0;
  clear:both;
  voice-family:inherit;
  font-size: 12px;
  color: #666;
  margin: 0 0 15px 0;
  width: 100%;
}
.teaser-wide th {
  font-size: 12px;
  padding: 3px;
  text-align: left;
}
.teaser-wide td {
  font-size: 12px;
  padding: 3px;
  border-top: 1px solid #efefef;
  vertical-align: top;
}
.teaser-wide td.noborder {
  border-top: 0px none;
}
.teaser-wide td.middle {
  vertical-align: middle;
}
.teaser-wide table caption {
  text-align: left;
  padding: 3px;
  font-weight: bold;
  background: #FAFAFA url(../../media/bilder/allgemein/redesign/tablecaption.jpg) top right repeat-y;
  border-bottom: 1px solid #efefef;
  letter-spacing: 0;
}
.teaser-wide td.number,
.teaser-wide th.number {
  text-align: right;
}
.teaser-wide td.icon,
.teaser-wide th.icon {
  text-align: center;
}
.teaser-wide td.nobr,
.teaser-wide th.nobr {
  white-space: nowrap;
}
.teaser-wide tr.link {
    cursor: pointer;
}
.teaser-wide tr.link:hover, tr.alt {
    background-color: #f3f3f3;
}

.teaser-wide table {
  clear: both;
  /* START / TANTEK-HACK F? IE5.5 */
  width: 534px;
  voice-family: "\" }\"";
  voice-family: inherit;
  /* STOP / TANTEK-HACK F? IE5.5 */
  width: 100%;
}
.teaser-wide ul, .teaser-wide ol {
  margin: 0 0 15px 20px;
}
.teaser-wide dl {
  margin: 0 0 10px 0;
}
.teaser-wide dl dt {
  font-size: 120%;
  font-weight: bold;
  margin: 10px 0 0 0;
}
.teaser-wide dl dd {
  padding: 0 0 0 10px;
}

/* Definitionslisten-Layout mit Rahmen (z.b. bei 'Referenzen') */
.teaser-wide dl.box, .teaser-wide dl.whitebox {
  clear: both;
  border: 1px solid #dedede;
  margin: 0 1px 10px 0;
}
.teaser-wide dl.whitebox {
  background: #FAFAFA;
}
.teaser-wide dl.box dt, .teaser-wide dl.whitebox dt {
  background: #dedede;
  padding: 5px 0 5px 10px;
  margin: 0;
}
.teaser-wide dl.box dd, .teaser-wide dl.whitebox dd {
  padding: 0 0 0 10px;
  margin: 5px 0 5px 0;
}
.teaser-wide dl.box dl dd, .teaser-wide dl.whitebox dl dd {
  padding: 0 0 0 10px;
}
.teaser-wide dl.box dl dt, .teaser-wide dl.whitebox dl dt {
  margin: 10px 0 0 0;
  background: #fff;
  padding: 2px 5px;
}


/* ENDE TEASER BREIT */
.teaser-wide-inner table{  width: 100%;  border: 0px;  clear:both;  background:#FAFAFA none repeat scroll 0%;  color:#666666;  margin:0px 0px 15px 0px ;}.teaser-wide-inner table tr.lastrow td{  border: none;}.teaser-wide-inner caption{  border: none;  background: url('../common/tablecaption.jpg') repeat-y scroll right top #fff;  line-height: 140%;  font-size: 13px;  text-align: left;}.teaser-wide-inner td{
  /*border-color:-moz-use-text-color -moz-use-text-color #EFEFEF;border-style:none none solid;border-width:medium medium 1px;
*/font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:0pt 1px 0pt 5px;vertical-align:middle;}.teaser-wide-inner tr.error input.text,.teaser-wide-inner tr.error select,.teaser-wide-inner tr.error textarea {background:#FFE1E1 none repeat scroll 0%;border:1px solid #FF0000;}.teaser-wide-inner tr.error td {  color:#FF0000;}.teaser-wide-inner tr{  border-bottom: 2px solid #efefef;}

/* spezialtabelle */
/**
 * Mytable ?
 */
table.spl_table {
  background: #fff;
  width: 100%;
  clear:both;
  width:540px;
  background:#FAFAFA none repeat scroll 0%;
  color:#666666;
  margin:0px 0px 15px 0px;
  border-collapse:collapse;
}


.spl_table tr
{
/*  border-bottom: 1px solid #EFEFEF;*/
}

.spl_table tr th,
table#myTable tr th.label
{
  text-align:left;
  border-left:1px solid #EFEFEF;
  border-left:none;
  padding:4px 3px 3px 5px;

}
.spl_table tr th.right {text-align:right;}
.spl_table tr th.center {text-align:center;}

.spl_table tr th.th10 { width:10px;padding:4px 1px 3px 2px;}
.spl_table tr th.th20 { width:20px;}
.spl_table tr th.th30 { width:30px;}
.spl_table tr th.th40 { width:40px;}
.spl_table tr th.th50 { width:60px;}
.spl_table tr th.th60 { width:70px;}
.spl_table tr th.th70 { width:80px;}
.spl_table tr th.th80 { width:90px;}

.spl_table tr td {
  padding:3px 3px 3px 5px;
/*  border-left: 1px solid #EFEFEF; */
  vertical-align: middle;
  text-align:left;
}

.spl_table tr td.right {text-align:right;}
.spl_table tr td.center {text-align:center;}

.spl_table tr td.td10 { width:10px;padding:4px 1px 3px 2px;}
.spl_table tr td.td20 { width:20px;}
.spl_table tr td.td30 { width:30px;}
.spl_table tr td.td40 { width:40px;}
.spl_table tr td.td50 { width:60px;}
.spl_table tr td.td60 { width:70px;}
.spl_table tr td.td70 { width:80px;}
.spl_table tr td.td80 { width:90px;}
.spl_table tr td.td100 { width:100px;}

.spl_table tr td.w10 input {width:auto;}

.spl_table tr td.w10 input {
  background:#EFEFEF;
  width:60px;
}

.spl_table tr td input.readonly {background:#EFEFEF;}

.spl_table tr td input.number {width:60px;text-align:right;}

.spl_table tr.error input.text,
.spl_table tr.error select,
.spl_table tr.error textarea {
  background:#FFE1E1 none repeat scroll 0%;
  /*border:1px solid #FF0000;*/
}

.spl_table tr.error td {
  color:#FF0000;
}

/**
.spl_table tr td input.submit,
.spl_table tr td input.button,
.spl_table tr td input.thickbox {
  background:transparent url(../../assets/common/pfeil.gif) no-repeat scroll left center;
  border:0;
  color:#E2021D;
  display:block;
  font-weight:normal;
  padding-left:6px;
  text-decoration:underline;
  font-size:11px;
}
TOOO: OK?
**/
.spl_table tr td input.submit,
.spl_table tr td input.button,
.spl_table tr td input.thickbox {
  background: #869197 url('../../assets/common/useractionarrow.gif') top left no-repeat;
  color: #fff;
  padding: 1px 4px 1px 24px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  width: auto;
  overflow: visible;
}


.spl_table tr td a.thickbox:link,
.spl_table tr td a.thickbox:hover,
.spl_table tr td a.thickbox:visited,
.spl_table tr td a.thickbox:active {
  background:transparent url(../../assets/common/pfeil.gif) no-repeat scroll left center;
  color:#E2021D;
  font-weight:normal;
  padding-left:6px;
  text-decoration:underline;
  font-size:12px;
}
.spl_table tr td a.todo:link,
.spl_table tr td a.todo:hover,
.spl_table tr td a.todo:visited,
.spl_table tr td a.todo:active {
  background:none;
  padding-left:0px;
}

/* teaser-wide related table definition */

.teaser-wide table {
  clear: both;
  /* START / TANTEK-HACK F? IE5.5 */
/*  width: 534px; */
  voice-family: "\" }\"";
  voice-family: inherit;
  /* STOP / TANTEK-HACK F? IE5.5 */
 /* width: 100%;*/
}
/*ende spezialtabelle */
.teaser-wide-inner{ }

.teaser-wide-inner p{color:#666666;margin:0pt 0pt 15px;}

.teaser-wide-inner p.contentblock
{
  margin:0px 0px 15px;
  padding: 0px 15px 0px 0px;
}

/*.teaser-wide-inner input.submit,.teaser-wide-inner input.button {background:transparent url('../../assets/common/pfeil.gif') no-repeat scroll left center;color:#666666;cursor:pointer;border: none;margin:0pt 0pt 0pt 5px;overflow:visible;padding:0pt 0pt 0pt 6px;text-align:left;width:auto;}
*/

.teaser-wide-inner input.submit,
.teaser-wide-inner input.button {
  background: #869197 url('../../assets/common/useractionarrow.gif') top left no-repeat;
  color: #fff;
  padding: 1px 4px 1px 24px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  width: auto;
  overflow: visible;

}

/*
TODO: OK?
.submit input.button,
tr.lastrow td.submit input.button,
a.button,
a.button:link,
a.button:visited,
a.button:hover,
a.button:active
{
  background: #869197 url('../../assets/common/useractionarrow.gif') top left no-repeat;
  color: #fff;
  padding: 1px 4px 1px 24px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  width: auto;
  overflow: visible;
}
*/

.teaser-wide-inner input.text,
.teaser-wide-inner select,
.teaser-wide-inner textarea
{border:1px solid #C9C9C9;padding:1px;width:99%;}
.image_float img{  margin-left: 0px;  margin-right: 0px;}.teaser-wide-bottom{/*  background: #DFDFDF url('../common/pfeil_detail_neu.gif') no-repeat scroll right top;*/  border-top: 1px solid #FFFFFF;
  text-align: right;  clear: both;  display: block;  height: 20px;  width: 100%;
  padding:0px;}

.teaser-wide-bottom input.submit,
.teaser-wide-bottom input.button {
  background: #869197 url('../../assets/common/useractionarrow.gif') top left no-repeat;
  color: #fff;
  height: 100%;
  padding: 1.5px 10px 1.5px 30px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  width: auto;
  overflow: visible;
  margin-left: 0px;
  float:right;
}

a.link,
a.link:link,
a.link:visited,
a.link:hover,
a.link:active{  background:transparent url('../../assets/common/pfeil.gif') no-repeat scroll left center;  color:#E2021D;  padding:0pt 0pt 0pt 6px;  text-decoration:underline;}.teaser_zgif{  height: 100px;  width: 200px;  float: right;}#closer.teaser-wide-bottom{

  cursor: default;
  /* display: none; uebrigens, alle closer sind jetzt ausgeblendet weil die bei uns eh nix machen*//*  background:#DFDFDF url('../common/pfeil_detail_neu180.gif') no-repeat scroll right top; */  text-decoration:none;  margin-top: 10px;}

a#closer.teaser-wide-bottom,
a#closer.teaser-wide-bottom:link,
a#closer.teaser-wide-bottom:visited,
a#closer.teaser-wide-bottom:hover,
a#closer.teaser-wide-bottom:active
{
  cursor: default;
}

/* kleiner Teaser*/
/* TEASER KLEIN */
.teaser-small { /* ?erer container fr breiten teaser */
  border-left: 3px solid #E2021D;
  padding: 0 0 0 2px;
  margin: 15px 0 0 0;
  background: #dfdfdf url(../../assets/common/1x1_white.gif) top left repeat-y;
  float: right; /* ausrichtung nach rechts */
  width: 265px;
}
.teaser-small-inner { /* innerer container fr breiten teaser; macht das linke padding */
  padding: 0 0 0 7px;
}
.teaser-small h3 {
  color: #000;
  font-size: 12px;
  margin: 5px 0 0 0;
  float: left;
  width: 162px;
  height: 32px;
}
.teaser-small img { /* bild nach rechts floaten */
  /* wichtig: im xhtml-flow steht immer erst der IMG-, dann der P-tag */
  /*clear: right; /* stellt sicher, dass die bilder nicht nebeneinander floaten und immer bei ihren abs?en stehen */
  float: right;
  margin: 0 0 0 1px;
}
.teaser-small p {
  margin: 0;
  font-size: 10px;
}

/* TEASER KLEIN WEI? LINIE */
/* (Selbe Klasse wie kleiner Teaser ohne wei? Linie. Der Teaser erkennt an der Body-Klasse "zweispaltig", dass er eine wei? Linie braucht) */
#content.ts_twocols .teaser-small {
  border: none;
  padding: 0;
  margin: 0 0 15px 20px;
  background: #fff url(../../assets/common/teaser-wl-bg.gif) top left repeat-y;
  float: left; /* automatische aufteilung auf zwei spalten */
  display: inline; /* fixt bug der randverdoppelung im ie */
  width: 270px;
}

#content.ts_twocols div.tc_1
{
  margin: 0 0 15px 0px;
}

#content.ts_twocols .teaser-small-inner { /* macht im prinzip goarnix, wird aber fr gleichbleibende xhtml-teaser-struktur benötigt */
  padding: 0;
}
#content.ts_twocols .teaser-small h3 {
  margin: 0;
  padding: 5px 0 0 10px;
  height: 20px;
  text-indent: 0;
  border-bottom: 2px solid #fff;
  /* START / TANTEK-HACK FÜR IE5.5 */
  width: 174px;
  voice-family: "\" }\"";
  voice-family: inherit;
  /* STOP / TANTEK-HACK FÜR IE5.5 */
  width: 170px;
}
#content.ts_twocols .teaser-small p {
  float: left;
  padding: 10px 0 0 10px;
  width: 167px;
}
#content.ts_twocols .teaser-small img {
  margin: 0;
}

.teaser-small#last {
  margin-bottom: 15px;
}
/**/