/*Style-Definitionen für Online-Editor Stylisten*/
/*Verwendung für Website und Newsletter*/
/*(c) TD-Software
		
		2020-03    verticalalign_center
  2019-10    Button/Float
		2019-05    Tabellen min-height bug
		2018-03    Tabellenformatierungen Vollautomatisch
  2017-03-31 Spaltenkontainer2-5 Für Fakespalten
  2016-04-27 Update Zeilenumbruch neuer Editor
  2014-08
*/


/**Kompatibilität wahren */
div.Float_Rechts  { float:right;clear: right;margin-left:25px;margin-bottom:10px; }
div.Float_Links   { float:left;clear: left;margin-right:25px;margin-bottom:10px; }
img.Bild_AutoSchatten { box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.5); margin-bottom:10px;}
div.Float_Clear   { clear:both;}
/***************************/


p {min-height:1em;}


img.Bild_Rahmen { border:1px solid #ccc;background-color:#ffffff;padding:5px;}
img.Bild_AutoResizeGalerie {} /*Plugin für tdgalerie->lightbox*/
img.Bild_AutoResizeImg {}
img.Bild_Schatten { box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.5); margin-bottom:10px;}
img.Bild_RotateR {
 -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
      -o-transform: rotate(5deg);
         transform: rotate(5deg);
      }
img.Bild_RotateL {
 -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
      -o-transform: rotate(-5deg);
         transform: rotate(-5deg);
      }

img.Bild_AltUntertitelL {}
img.Bild_AltUntertitelC {}
img.Bild_AltUntertitelR {}

img.Float_Rechts  { clear:right; float:right;margin-top:5px;margin-bottom:5px;margin-left:25px; }
img.Float_Links   { clear:left; float:left;margin-top:5px;margin-bottom:5px;margin-right:25px; }
img.Float_Clear   { clear:both;}
img.Center  { text-align:center;margin-bottom:10px; }
img.verticalalign_center{vertical-align:middle}

/*div.Float_Rechts  { float:right;margin-top:5px;margin-bottom:0px;margin-left:25px; margin-right:5px;}
div.Float_Links   { float:left;margin-top:5px;margin-bottom:0px;margin-right:25px; margin-left:5px; }
div.Float_Clear   { clear:both;}
div.Center  { text-align:center;margin-bottom:10px; }
*/

/*span.Text_AutoSchatten {}*/ /*Plugin für tdgalerie*/
span.Absatz_Laufschrift  {color:#a000a0;}    /*Plugin für tdgalerie->lightbox*/


table.Tabelle_Hintergrund {background-color:#e0e0e0;border:1px solid #cccccc; border-spacing: 1px;padding:1px;
  border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px;
  box-shadow:         2px 2px 4px 0px rgba(0,0,0,0.4);}
table.Tabelle_Hintergrund>TBODY>TR>TD,table.Tabelle_Hintergrund>TBODY>TR>TH{ padding:5px;padding-top:5px;padding-bottom:5px; min-height:1em; line-height:130%; text-align:left;}
table.Tabelle_Hintergrund>TBODY>TR>TH{ background-color:#666; color:#fff;}
table.Tabelle_Hintergrund>TBODY>TR>TH A{color:#fff;}

table.Tabelle_Hintergrund>TBODY>TR>TD {background-color:#eeeeee;}
table.Tabelle_Hintergrund TR:nth-child(odd) TD{background-color:#f9f9f9;}
table.Tabelle_Hintergrund>TBODY>TR:last-of-type>TD:first-of-type{border-bottom-left-radius: 7px;}
table.Tabelle_Hintergrund>TBODY>TR:last-of-type>TD:last-of-type{border-bottom-right-radius: 7px;}
table.Tabelle_Hintergrund>TBODY>TR>TD:first-child::after{ content: "";   display: inline-block;   vertical-align: top;   min-height: 1.4em; /*Ersatz für min-height*/ }
table.Tabelle_Hintergrund>TBODY>TR:hover>TD {background-color:#fff;}


/*p.Absatz_Spalte250  { width:250px; border:1px solid #cccccc;margin-right:10px;margin-bottom:10px;padding:5px;float:left;}
p.Absatz_Spalte350  { width:350px; border:1px solid #cccccc;margin-right:10px;margin-bottom:10px;padding:5px;float:left;}
*/

#tinymce div.Spaltenkontainer2,#tinymce div.Spaltenkontainer3,#tinymce div.Spaltenkontainer4,#tinymce div.Spaltenkontainer5{border:1px dashed #a0a;}
div.Spaltenkontainer2,div.Spaltenkontainer3,div.Spaltenkontainer4,div.Spaltenkontainer5{ float:left; box-sizing: border-box;padding-right:20px;}
/*div.Spaltenkontainer2:first-of-type {padding-left:0px;}*/


div.Spaltenkontainer2{width:50%; min-width:200px;}
div.Spaltenkontainer3{width:33.3333%; min-width:200px;}
div.Spaltenkontainer4{width:25%; min-width:200px;}
div.Spaltenkontainer5{width:20%; min-width:150px;}


#tinymce p.Spaltenkontainer2,#tinymce p.Spaltenkontainer3,#tinymce p.Spaltenkontainer4,#tinymce p.Spaltenkontainer5{border:1px dashed #a0a;}
p.Spaltenkontainer2,p.Spaltenkontainer3,p.Spaltenkontainer4,p.Spaltenkontainer5{ float:left; box-sizing: border-box;padding-right:20px;display:block;}
p.Spaltenkontainer2{width:50%; min-width:200px;}
p.Spaltenkontainer3{width:33.3333%; min-width:200px;}
p.Spaltenkontainer4{width:25%; min-width:200px;}
p.Spaltenkontainer5{width:20%; min-width:150px;}


div.Absatz_2Spalten,div.Absatz_3Spalten{
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-moz-column-rule: 1px solid #cccccc;
	-webkit-column-count: auto;
	-webkit-column-gap: 40px;
	-webkit-column-rule: 1px solid #cccccc;
	column-count: auto;
	column-gap: 40px;
	column-rule: 1px solid #cccccc;
 margin-bottom:40px;
}
div.Absatz_2Spalten  {
  -webkit-column-width: 500px; /* Chrome, Safari, Opera */
  -moz-column-width: 500px; /* Firefox */
  column-width: 500px;
}
div.Absatz_3Spalten  {
  -webkit-column-width: 250px; /* Chrome, Safari, Opera */
  -moz-column-width: 250px; /* Firefox */
  column-width: 250px;
}


div.Absatz_hinweis,div.Absatz_markiert,div.Absatz_wichtig {
  line-height:1.4em;
  margin-top:10px;
  margin-bottom:13px;
  padding:8px;
  padding-left:15px;
  padding-right:15px;
  border:1px solid #cccccc;
  background-color:#f0f0f0;
  color:#444;
  box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.5);
  display: table-cell;
}
div.Absatz_markiert {
  background-color:#ffC;
  color:#420;
  display: table-cell;
}

div.Absatz_wichtig {
  background-color:#ff0;
  border-color:#f00;
  border-width:2px;
  color:#E00;
  text-shadow: 2px 1px 2px #25a;
  display: table-cell;
}

span.Hinweis     { color:#aaa0a0; font-size:11px;line-height:120%;}

span.Text_Grau     { color:#aaa0a0; }
span.Text_Rot     { color:red; }
span.Text_Gruen   { color:green; }
span.Text_Blau    { color:blue; }


span.Marker  { background-color:#ffff99;padding:2px;}
span.MarkerGelb  { background-color:#ffff00;padding:2px;}
span.MarkerWeiss  { background-color:#ffffff;padding:2px;}
span.MarkerBlau  { background-color:#bbe0ff;padding:2px;}
span.MarkerGruen  { background-color:#aaffaa;padding:2px;}


A.Button, A.Button:visited {
  display: inline-block;
  text-align:left;
  margin:10px;
  font-weight: 500;
  border:1px solid #fff;
  padding:5px;
  padding-right:10px;
  padding-left:10px;
  border-radius: 8px;
  background-color:#f60;
  color:#fff;
  box-shadow:3px 2px 6px rgba(0,0,0,0.3);

}
A.Button:hover {
  background-color:#a30;
  color:#fff;
  text-shadow:0px 0px 4px rgba(255,255,255,0.7);
  box-shadow:2px 1px 2px rgba(0,0,0,0.3);
}

div.Bildtitel {
  color:#888;
  font-size:90%;
  line-height:1.1em;
  text-shadow:none;
  /*border:1px solid;*/
  display:inline-block; /*Bilder ohne Float nebeneinander */
}
div.Bildtitel A{display:inline-block;}
div.BildUntertitel {
  margin: auto;
  margin-bottom:15px;
  padding-left:7px;
  padding-right:7px;
  padding-top:0px;
  box-sizing: content-box
  /*border:1px solid;*/
}

/*
#tinymce .Akkordeon{border:3px dotted #f0f;}
#tinymce .Akkordeon LABEL{ }
#tinymce .Akkordeon>LABEL>DIV { background-color:#ccc;}
#tinymce .Akkordeon>LABEL>input + DIV,
#tinymce .Akkordeon>LABEL>input + SPAN + DIV { background-color:#eee;}
*/