/* #aussen {margin: 0px; padding: 0px;}  fu ni: S. ist dann ni zentriert */

#ganz_aussen {margin:20px auto; padding: 0px; border: 0px;}
#ganz_aussen {max-width: 100%; min-width: 240px;} /* Bild: 255px (+ 2x 10px) = 275, aber: Samsung: 240 */
#ganz_aussen {width: 865px;}

#aussen {margin:20px auto; padding: 0px; border: 1px #000 solid;}
#aussen {max-width: 100%; min-width: 240px;} /* Bild: 255px (+ 2x 10px) = 275, aber: Samsung: 240 */
#aussen {background:#eee; width: 865px;}

/* noch machen:   f. IE1-8 später absch., falls Breite < 900px, geht zB per JS:
@media screen and (min-device-width: 865px) {
  #aussen {width: 865px; background: #eee;}
  #aussen {max-width: 100%;}
}  */

/* Soll:  Außencontainer immer zentriert, wenn Fe schmal(halbe Bildschirmbreite): zentriert u oh Rollbalken auch im IE
#aussen {width:865px; text-align: center;}
#aussen {position: absolute; left: 50%; width: 90%; margin-left: -45%;}
#aussen {position: absolute; left: 50%; width: 865px; margin-left: -432px;}
#aussen {position: absolute; left: 50%; width: 865px; margin: 0px auto}
#aussen {position: absolute; margin: 20px 100px; width: 865px;}
#aussen {width: 865px; margin: 20px auto;}  */
/* Startpos: Mitte, Breite 90%, margin-verschoben um halbe Breite */
/* alte Maße:  width: 865px; height: 695px; */

/* alt: #menu { margin: 0px; width: 100%; height: 34px; background-color: #067;}*/      /*menu positon: absolute;*/

.permadirekt {position: static; float: left; height: 12px;}
#https_link {position: static; float: left; height: 12px; font-size: 13px;}
.sm_link {position: static; float: right; text-align: right; height: 12px;}


.weblinks_li {float: left; width: 25%; height: 1px;} /* linker Abstand zur Zw.-Überschr. */
.weblinks_re1 {margin-left: 25%; margin-top: 40px; margin-bottom: 40px;} /* Bereich der re. Zw.-Überschr. */
.weblinks_re2 {margin-left: 25%; margin-top: 40px;} /* Bereich des re. Textes */
h2.left {text-align: left !important;}

/* ganz alt:
#StartText_o_l {float: left; max-width: 540px; min-width: 240px; margin: 10px; border: 0px #f00 solid;}
#StartText_o_r {margin: 0px; padding: 10px; display: inline-block; text-align: center;}
*/

/* alt #StartText_o_l {float: left; max-width: 540px; min-width: 240px; padding: 10px; margin: 30px 0px 10px -81px;}
#StartText_o_r {display: inline-block; text-align: center;       padding: 10px; margin-top: 20px; margin-left: 4px;} */

/* später testen, bea. Umbrüche bei ca 600px:
#StartText_o_r {padding: 10px; margin: 0px; text-align: right;} */


/* z. testen einschalten: */
/*
#StartText_o_l {background: #ff0;}
#StartText_o_r {background: #00f;}
.dreiBilder    {background: #0ff;}
.Bild1,                                 .Bild1_tabstart, .Bild1_Anltg, .Bild1_inhEU14   {background: #0f0;}
.Bild2,                  .Bild2_FAQ-JS, .Bild2_tabstart, .Bild2_Anltg, .Bild2_inhEU14   {background: #0c0;}
.Bild3, .Bild3_FAQ-Tabs, .Bild3_FAQ-JS, .Bild3_tabstart, .Bild3_Anltg, .Bild3_inhEU14   {background: #090;}
#FAQ_l    {background: #0f6;}
#FAQ_r    {background: #0c6;}
#FAQ_JS_l {background: #096;}
*/

#StartText_o_l {float: left; max-width: 578px; padding: 20px 0px 10px 10px; margin: 0px;}
#StartText_o_r {padding: 20px 10px 10px 10px; margin: 0px; display: inline-block;}  /* o re u li */


.Text-m-S-Abst {padding: 0px 10px 0px 0px; margin: 10px 0px 10px 10px;}  /* we Fristen htaccess, nach Oktober 2019 lö. !!! */
.Text_m_SeitenAbst {padding: 0px 10px 0px 0px; margin: 10px 0px 10px 10px;}
#anltgBild {float: left; margin-left: 0px; margin-right: 20px;}
#anltgUnten {margin: 0px; padding: 0px; display: inline-block;}

.FrageFe {margin: 7px;}

#kurzanltg {display: inline-block; width: 100%; border: 0px #000 solid;}
#kurzanltg_li {float: left; margin: 0px 10px 10px 0px; border: 0px #f00 solid;}
#kurzanltg_re {margin-bottom: 10px; border: 0px #00f solid;} /* Bild: 134 x 67 */

.grBildAbst {margin: 0px 10px 0px 10px;}
.grBild {max-width: 100%; height: auto; border: 1px solid;} /* max-width: damit Bild ni. grö wird, als seine Pixelgrö. ist */

/* ganz alt:
.Bild1 {margin: 0px; padding: 10px; display: inline-block; border: 0px #f00 solid;}
*/

/* alt:
.Bild1 {display: inline-block; border: 0px #f00 solid; padding: 10px; margin: 0px 0px 0px -559px;}
*/

.dreiBilder     {margin: 0px; padding: 0px;} /* o re u li */
.ThemenLinkBloecke     {margin: 0px; padding: 0px;}
.Bild1          {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}
.Bild1_tabstart {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}
.Bild1_Anltg    {display: inline-block; padding: 10px 33px 10px  0px; margin: 0px;}
.Bild1_inhEU14  {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}


.Bild2          {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}
.Bild2_FAQ-JS   {display: inline-block; padding:  0px 27px 20px 10px; margin: 0px;}
.Bild2_tabstart {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}
.Bild2_Anltg    {display: inline-block; padding: 10px 33px 10px  0px; margin: 0px;}
.Bild2_inhEU14  {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}

.Bild3          {display: inline-block; padding: 10px 10px 10px 10px; margin: 0px;}
.Bild3_FAQ-Tabs {display: inline-block; padding: 10px 10px 10px 10px; margin: 0px;}
.Bild3_FAQ-JS   {display: inline-block; padding:  0px 10px 10px 10px; margin: 0px;}
.Bild3_tabstart {display: inline-block; padding: 10px 10px 10px 10px; margin: 0px;}
.Bild3_Anltg    {display: inline-block; padding: 10px  0px 10px  0px; margin: 0px;}
.Bild3_inhEU14  {display: inline-block; padding: 10px 10px 10px 10px; margin: 0px;}

.einDrittel_Text  {display: inline-block; padding: 10px 10px 10px 10px; margin: 0px;}
.Text_ganze_SeitenBreite {margin: 10px;}
.Text_zentriert {margin: 10px; text-align: center;}

/* alt:
#FAQ_l    {float: left; max-width: 540px; min-width: 240px; margin: 0px 30px 0px 0px;}
#FAQ_r    {padding: 0px; display: inline-block; text-align: center;}
*/
#FAQ_l    {float: left; max-width: 530px; margin: 0px 30px 0px 0px;}
#FAQ_r    {padding: 0px; display: inline-block; text-align: center;}
#FAQ_JS_l {float: left; max-width: 340px; min-width: 240px; margin: 0px 20px 20px 10px;}

.ueberschrPos{margin-top:40px;}

.FrageBereich {padding: 0px;} /* background-color: #66c; */
.KlickTab {padding: 0px; background-color: #6cc; border: 1px; width: 1%;} /* text-align: right; fu ni */
.KlickTab td {margin: 0px;} /* cellspacing=\"0\" cellpadding=\"3\" */

/* kleinere Abstände, da weniger Platz */
.KlickBereich {padding: 0px; margin: 0px;}
@media screen and (min-width: 700px) and (max-width: 8000px) {
  .FrageBereich {float: left; width: 50%; margin: 0px 10px 0px 0px;}
}
@media screen and (min-width: 644px) and (max-width: 699px) {
  .FrageBereich {float: left; width: 45%; margin: 0px 10px 0px 0px;}
}
@media screen and (min-width: 586px) and (max-width: 643px) {
  .FrageBereich {float: left; width: 40%; margin: 0px 10px 0px 0px;}
}
@media screen and (max-width: 585px) { /* ab hier ist KlickBereich unter dem FrageBereich */
  .FrageBereich {width: 100%; min-width: 210px; margin: 0px 0px 10px 0px;}
}


/* kleinere Abstände, da weniger Platz */
@media screen and (min-width: 351px) and (max-width: 8000px) {
  .KlickTab td {padding: 3px;} /* cellspacing=\"0\" cellpadding=\"3\" */
  .ueberschrPos_FraFe {margin-top: 13px;} /* FraFe Überschr. */
}
@media screen and (min-width: 331px) and (max-width: 350px) {
  .KlickTab td {padding: 0px;} /* verkl KlickBereich */
  .ueberschrPos_FraFe {margin-top: 13px;}
}
@media screen and (max-width: 330px) {
  .KlickTab {margin: 0px 0px 0px -5px !important;}
  .KlickTab td {padding: 0px;}
  .ueberschrPos_FraFe {margin: 0px;}
  .FrageFe {margin: -10px  7px 7px 7px !important;} /* verkl Abst zw SM-Link u 1. Überschr. */
}
@media screen and (max-width: 329px) {
  .Schr2ws {font-size: 12px !important;}
  h3 {margin: 8px 0px 8px 0px !important;} /* Bs.-Überschr.: Thema Demokratie */
}


/* k. @media screen -Angaben notw, falls > 890px: 3 Bilder nebeneinander */
@media screen and (max-width: 890px) { /* damit in Tablet 2x2 Bilder nebeneinander */
  #StartText_o_l {float: left; max-width: none; padding: 20px 10px 20px 10px; margin: 0px;}
  #StartText_o_r  {padding: 20px 23px 10px 10px; margin-top: 10px; display: inline;}
  .Bild1          {display: inline-block; padding: 0px 27px 10px 10px; margin: 0px;}
  .Bild2          {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}
  .Bild3          {display: inline-block; padding: 10px 27px 10px 10px; margin: 0px;}
  .Bild3_FAQ-Tabs {display: inline-block; padding: 10px 10px 10px 0px; margin: 0px;}
  #FAQ_l          {float: left; max-width: none; margin: 0px 10px 0px 0px;}

  body {margin: 0px !important;}
  #ganz_aussen {margin: 0px 0px 10px 0px !important; padding: 0px 10px 0px 10px; border: 0px;} /* 10px unter C2009 */
  #aussen {margin: 10px 0px 10px 0px !important; padding: 0px; border: 1px #000 solid;} /* li 0px, damit C2009 ni li */
  h1 {margin: 0px; padding: 6px 3px 8px 3px !important;} /* Bs: parteivergleich.eu */
}

@media screen and (max-width: 613px) { /* damit in Handy 2 Bilder untereinander, 597 in Vorschau o 613 real */
  .Bild1 {display: inline-block; padding: 20px 27px 10px 10px; margin: 0px;}
  .Bild2 {display: none;}
  .Bild3 {display: none;}

  body {margin: 0px !important;}
  #ganz_aussen {margin: 0px 0px 5px 0px !important; padding: 0px 5px 0px 5px !important; border: 0px;}
  #aussen {margin: 5px 0px 5px 0px !important; padding: 0px; border: 1px #000 solid;} /* li 0px, damit C2009 ni li */
  h1 {margin: 0px; padding: 4px 3px 6px 3px !important;} /* Bs: parteivergleich.eu */
}

/* @media screen and (max-width: 430px) {
  #FraFeZurueckKnopf {text-align: right;} damit ZurueckKnopf an die richtige Stelle springt
}  */


.rand10px {margin: 10px;}

table {width: 100%;}
table {margin: 0px;}

tr {}

th {font-size: 10px;}
th {padding: 3px;}

td {font-size: 10px;}
td {padding: 3px;}
td.Blk_m_Fuss {padding: 0px;} /* damit Füsse ni. wie Sockel aussehen */

td.fra {background: #ddd;}
td.dunkel {background: #ddd;}

#fuss {margin: 10px;}

/*

*/

/* border-top-width: 1px; border-bottom-width: 1px;
border-left-width: 1px; border-right-width: 1px;
padding: 3px 3px;
margin: 2px;
text-decoration: none;
importent;
*/