/*Style-Definitionen für Online-Editor Stylisten*/
/*Verwendung für Website und Newsletter*/
/*(c) TD-Software

  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;margin-left:25px;margin-bottom:10px; }
div.Float_Links   { float:left;margin-right:25px;margin-bottom:10px; }
img.Bild_AutoSchatten {  -moz-box-shadow:    3px 2px 6px 0px #666;
                     -webkit-box-shadow: 3px 2px 6px 0px #666;
                     box-shadow:         3px 2px 6px 0px #666;
                     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 {  -moz-box-shadow:    3px 2px 6px 0px #666;
                     -webkit-box-shadow: 3px 2px 6px 0px #666;
                     box-shadow:         3px 2px 6px 0px #666;
                     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:10px;margin-left:25px; }
img.Float_Links   { clear:left; float:left;margin-top:5px;margin-bottom:10px;margin-right:25px; }
img.Float_Clear   { clear:both;}
img.Center  { text-align:center;margin-bottom:10px; }


/*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; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
  -moz-box-shadow:    2px 2px 6px 0px #666;
  -webkit-box-shadow: 2px 2px 6px 0px #666;
  box-shadow:         2px 2px 6px 0px #666;
}
table.Tabelle_Hintergrund TD{padding:5px;padding-top:2px;padding-bottom:2px;}

TR.Tabelle_Titel {background-color:#aaa; color:#fff;}
TD.Tabelle_Titel {background-color:#aaa; color:#fff;}

TR.Tabelle_Vordergrund1 {background-color:#eeeeee;}
TD.Tabelle_Vordergrund1 {background-color:#eeeeee;}

TR.Tabelle_Vordergrund2 {background-color:#f9f9f9;}
TD.Tabelle_Vordergrund2 {background-color:#f9f9f9;}

/*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;}

div.Absatz_2Spalten  {
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-moz-column-rule: 1px solid #cccccc;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	-webkit-column-rule: 1px solid #cccccc;
	column-count: 2;
	column-gap: 40px;
	column-rule: 1px solid #cccccc;
}
div.Absatz_3Spalten  {
	-moz-column-count: 3;
	-moz-column-gap: 40px;
	-moz-column-rule: 1px solid #cccccc;
	-webkit-column-count: 3;
	-webkit-column-gap: 40px;
	-webkit-column-rule: 1px solid #cccccc;
	column-count: 3;
	column-gap: 40px;
	column-rule: 1px solid #cccccc;
}


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;
  -moz-box-shadow:    3px 2px 6px 0px #666;
  -webkit-box-shadow: 3px 2px 6px 0px #666;
  box-shadow:         3px 2px 6px 0px #666;
}
div.Absatz_markiert {
  background-color:#ffC;
  color:#420;
}

div.Absatz_wichtig {

  background-color:#ff0;
  border-color:#f00;
  border-width:2px;
  color:#E00;
  text-shadow: 2px 1px 2px #25a;
}

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 {
  border:1px solid #fff;
  padding:5px;
  padding-right:10px;
  padding-left:10px;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  background-color:#f60;
  font-weight:600;
  color:#fff;
  -moz-box-shadow:    3px 2px 6px 0px #666;
  -webkit-box-shadow: 3px 2px 6px 0px #666;
  box-shadow:         3px 2px 6px 0px #666;

}
A.Button:hover {
  background-color:#a30;
  color:#fff;
  font-weight:600;
  text-shadow: 0px 0px 4px #fff;
  -moz-box-shadow:    2px 1px 2px 0px #666;
  -webkit-box-shadow: 2px 1px 2px 0px #666;
  box-shadow:         2px 1px 2px 0px #666;
}

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

/*********************************************/
#tinymce .accordion{border:4px dotted #f0f;padding:10px;margin:10px;}
#tinymce .accordion h3{background: #ffa44c;color: #222;text-shadow: 1px 1px 2px rgba(0,0,0,0.3);padding:10px;padding-left:20px; border:2px dotted #0f0;border-bottom:none;}
#tinymce .accordion h3 + div{ border:2px dotted #0f0;border-top:none;padding:10px;padding-left:20px;padding-top:none;}