/* allgemeine Plugin CSS-Datei #FF710D */
.bodygate  { background:#f7f7f7; font-family:Arial,Helvetica,sans-serif; font-size:12pt; margin: 0 auto; line-height:1.6; text-align:center; }
.qf-all    { color:#222222; width:98%; max-width:1280px; height:auto; margin:0 auto; min-width:320px; display:inline-block; }
.qf-pagehg { color:#222222; width:100%; height:auto; margin:0 auto; min-width:300px; display:inline-block; }
.kopflogo  { float:left; display:inline-block; padding:4px; max-height:120px; max-width:320px; display:inline-block; }
.tbox      { background:#FFFFFF; border:solid 1px #CCCCCC; margin:3px auto; padding:10px; width:96%; }
.ibox      { background:#EEEEEE; border:solid 1px #CCCCCC; margin:0 auto;   padding:0; }
.ibutt     { background:#EEEEEE; border:solid 1px #CCCCCC; margin:3px 0;    padding:2px; width:96%; }
.yellowbox { background:#FFFFCC; border:solid 1px #FFCC00; padding:8px; }
.graubox   { background:#EEEEEE; border:solid 1px #CCCCCC; padding:8px; }

.radiobox  { background:#EEEEEE; padding:4px; }
.textfeld  { width:96%; padding:4px; }
.playimg   { width:144px; height:144px; }
.inl       { background:#FFFFFF; margin:0px auto; padding:2px; }
.tdbl      { border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; }
.tdu       { border-bottom:solid 1px #CCCCCC; padding-left:10px; }
.tdf       { padding-left:15px; padding-top:5px; }
.rund      { border-radius:4px; }
.rand      { border:solid 1px #CCCCCC; }
.rand0     { border:solid 1px #F6F6F6; }
.rand1     { border:solid 1px #BBBBBB; }
.rand2     { border:solid 1px #666666; }
.randrot   { border:solid 3px #E4433B; }
.randrot1  { border:solid 1px #E4433B; }
.randred   { border:solid 1px #CC3030; }
.randblue  { border:solid 1px #0066FF; }
.randgreen { border:solid 1px #227700; }
.big       { font-size:1.4em; font-weight:bold; }
.fett      { font-weight:bold; }
.normal    { font-weight:normal; }
.sizeplus  { font-size:1.2em; }
.uline     { text-decoration:underline; }
.center    { text-align:center; }
.mittig    { vertical-align:middle; }
.justify   { text-align:justify; }
.links     { text-align:left; }
.rechts    { text-align:right; }
.clear     { clear:both; }
.pixel     { width:1px; height:1px; border:0; margin:0; padding:0; }
.imgr      { float:right;  margin:10px; border:none; text-decoration:none; }
.imgl      { float:left;   margin:10px; border:none; text-decoration:none; }
.icoopt    { border:none;  width:90%; text-align:center; margin:1px auto; }
.cbox98    { width:98%;    padding:10px; margin:5px auto; display:inline-block; }
.simple98  { width:98%;    max-width:1152px; min-width:120px; padding:2px;  margin:2px auto; display:inline-block; }
.teaserbox { margin:4px auto; width:94%; display:inline-block; }
.teaserbox p { padding:4px; margin:4px; } .teaserbox img { max-width:99%; } .teaserbox p img { max-width:99%; }

.qf-imgflex  { float:middle; margin:0 auto; padding:1px; vertical-align:middle; display:inline-block;  }
.qf-boxl     { float:left;   width:46%; padding:5px; margin:5px auto; display:inline-block; vertical-align:top; }
.qf-boxr     { float:left;   width:50%; padding:5px; margin:5px auto; display:inline-block; vertical-align:top; }
.qf-aktiv    { background:#D7D7D7; }
.qf-iaktiv   { background:#F4F4F4; }
.qf-boxhg    { background:#FFFFFF; }
.qf-box      { background:#F7F7F7; border:solid 1px #CCCCCC; margin:2px auto; padding:10px; }
.qf-wrap     { width:100%; margin:0 auto; padding:0; display:inline-block; }
.qf-box90    { width:90%;  max-width:960px;  min-width:100px; padding:10px; margin:5px auto; display:inline-block; }
.qf-box94    { width:94%;  max-width:1040px; min-width:120px; padding:10px; margin:5px auto; display:inline-block; }
.qf-box96    { width:96%;  max-width:1120px; min-width:140px; padding:10px; margin:5px auto; display:inline-block; }
.qf-box98    { width:98%;  max-width:1200px; min-width:160px; padding:10px; margin:5px auto; display:inline-block; }
.qf-grid2    { float:inherit; width:47%; padding:5px; margin:5px auto; display:inline-block; vertical-align:top; }
.qf-grid3    { float:inherit; width:31%; padding:5px; margin:5px auto; display:inline-block; vertical-align:top; }
.qf-grid4    { float:inherit; width:24%; padding:2px; margin:2px auto; display:inline-block; vertical-align:top; }

.qf-varname  { float:inherit; width:40%; padding:6px 0 0 0; margin:4px auto; min-width:120px; min-height:24px; display:inline-block; }
.qf-varname1 { float:inherit; width:44%; padding:6px 0 0 0; margin:4px auto; min-width:120px; min-height:24px; display:inline-block; }
.qf-varwert  { float:inherit; width:52%; padding:0; margin:4px auto; min-width:120px; min-height:24px; display:inline-block; }
.qf-varwert1 { float:inherit; width:40%; padding:0; margin:4px auto; min-width:120px; min-height:24px; display:inline-block; }
.qf-varwert2 { float:inherit; width:30%; padding:0; margin:4px auto; min-width:120px; min-height:24px; display:inline-block; }
.qf-formname { float:inherit; width:46%; padding:0; margin:4px auto; min-width:120px; min-height:24px; margin-bottom:-8px;  display:inline-block; }
.qf-formwert { float:inherit; width:46%; padding:0; margin:4px auto; min-width:120px; min-height:24px; margin-right:6px; display:inline-block; }
.qf-topicon  { border:0px; width:32px; height:32px; vertical-align:middle; }
.qf-bigicon  { border:0px; width:64px; height:64px; vertical-align:middle; }
.qf-navbox   { float:left; max-width:180px; min-width:60px; height:28px; padding:8px 12px 2px 12px; margin:1px;
               vertical-align:middle; text-align:center; display:inline-block; cursor:pointer; }

.qf-button   { padding:2px 10px 6px 10px; min-width:140px; margin-top:10px; cursor:pointer; text-decoration:none; }
.qf-form input[type=text]     { padding:4px; width:96%; min-height:24px; max-height:36px; font-size:11pt; }
.qf-form input[type=checkbox] { padding:6px; font-size:1.4em; }
.qf-form input[type=password] { padding:4px; width:96%; min-height:24px; max-height:36px; }
.qf-form input[type=submit]   { padding:8px; text-align:center; cursor:pointer; display:inline-block; border:0; border-style:none; }

/* .qf-form input[type=submit]:active { position:relative; top:1px; left:1px; } */
.qf-form select       { padding:6px; margin:4px auto; width:100%; min-height:24px; max-height:36px; font-size:1em; }
.qf-rowaction         { color:#BBBBBB; padding:4px; font-size:10pt; cursor:pointer; }
.qf-rowaction a       { color:#BBBBBB; text-decoration:none; }
.qf-rowaction:hover   { color:#0000AA; }
.qf-rowaction:hover a { color:#0000AA; }
.qf-rowaction:hover a:hover { font-weight:bold; }
.qf-primlink  { cursor:pointer; }
.qf-table     { width:100%; padding:0; margin:0 auto;  display:inline-block; }
.qf-thead     { width:100%; background:#dddddd; }
.qf-thead th  { padding:8px; font-weight:normal;  margin:0; }
.qf-saveok    { width:32%; margin-top:16px; min-width:220px; }
.qf-inpop-bg  { position:fixed; width:100%; height:100%; background:#444444; opacity:0.8; z-index:9999998; }
.qf-inpop     { position:fixed; background:#F4F4F4; color:#111111; width:75%; height:75%; margin:0 auto; padding:0; z-index:9999999; }

.qf-slidesize     { float:inherit; width:98%; max-width:288px; height:8px; margin-top:12px; display:inline-block; }
.qf-slideinput    { border:0; color:#AAAAAA; max-width:48px; }
.ui-slider-range  { background:#dddddd;	position:absolute; height: 100%;	}
.ui-slider-handle { background:#0033FF; position:absolute; width:12px; height:24px;	top:-12px; margin-left:-12px; }

.linkbutton        { padding:4px 10px; margin-top:10px; min-width:140px; cursor:pointer; display:inline-block; text-align:center; text-decoration:none; }
.linkbutton:active { position:relative; top:1px; left:1px; }
.linkbutton:hover  { box-shadow:inset 0 0 4px #CCCCCC; }
.belcher           { background:#fba500; color:#000088; text-decoration:none; cursor:pointer; margin-top:6px; text-align:center;
                     font-weight:bold; background: linear-gradient(to bottom,#fba500,#ffd00b); text-decoration:none;
                     border:solid 3px #ff0000; padding:4px 10px; font-size:1.2em; border-radius:4px; }
.belcher.big       { border:solid 4px #ff0000; padding:6px 14px; font-size:1.4em; border-radius:6px; }
.belcher a         { text-decoration:none; }
.belcher a:hover   { color: #eee; }
.belcher:hover     { color: #eee; }
.belcher:active    { position:relative; top:1px; left:1px; }

/* Aktiv - dunkel */
.qf-eff           { background:#0073AA; color:#F1F1F1; }
.qf-eff:hover     { background:#AAAAAA; color:#222222; }
.qf-eff a         { color:#F1F1F1; }
.qf-eff:link      { color:#F1F1F1; }
.qf-eff:visited   { color:#F1F1F1; }
/* Inaktiv - hell */
.qf-veff          { background:#F1F1F1; color:#222222; }
.qf-veff:hover    { background:#AAAAAA; color:#F1F1F1; }
.qf-veff a        { color:#222222; }
.qf-veff:link     { color:#F1F1F1; }
.qf-veff:visited  { color:#F1F1F1; }

.qf-logobox        { max-width:240px; margin-top:16px; margin-left:16px; }
.qf-logobox img    { float:middle; vertical-align:middle; max-height:60px; max-width:160px; }
.qf-logobox a      { color:#222; text-decoration:none; }
.qf-logobox a:link { color:#222; }

.fancyclosediv    { position:absolute; top:0; right:0; width:20px; height:18px; margin:1px; text-decoration:none; padding:2px; cursor:pointer; }
.responavi        { width:100%;   color:#222; background:#E4433B; margin:0 auto; height:42px; padding:4px; }
.respologo        { float:left;   margin:0 5px 0 5px; padding:5px 0 0 0; }
.respologo img    { height:32px;  margin:0; padding:0; vertical-align:middle; }
.responavi select { width:40%; padding:3px; margin:5px 5px 0 5px; font-size:12pt; }

.shattin       { box-shadow:inset 0 0 4px #CCCCCC; }
.shattout      { box-shadow:  2px 2px 4px #CCCCCC; }
.txtshatt      { text-shadow: 1px 1px 2px #CCCCCC; }
.editimg       { opacity:0.8; }
.editimg:hover { opacity:1.0; }
.kopf          { color: #333; font-size:8pt; }
.text          { color: #666; font-size:10pt; font-weight:normal; }
.text8         { color: #666; font-size:8pt;  font-weight:normal; }
.text9         { color: #666; font-size:9pt;  font-weight:normal; }
.text11        { color: #000; font-size:11pt; font-weight:normal; }
.text12        { color: #000; font-size:12pt; font-weight:normal; }
.grey10        { color: #888; font-size:10pt; font-weight:bold; }
.mn8           { color: #222; font-size:8pt;  font-weight:bold; }
.mn9           { color: #222; font-size:9pt;  font-weight:bold; }
.mn            { color: #222; font-size:10pt; font-weight:bold; }
.mn12          { color: #222; font-size:12pt; font-weight:bold; }
.mn14          { color: #222; font-size:14pt; font-weight:bold; }
.mn16          { color: #222; font-size:16pt; font-weight:bold; }
.mn22          { color: #222; font-size:22pt; font-weight:bold; }
.uesred11      { color: #D00; font-size:11pt; font-weight:bold; }
.uesred12      { color: #D00; font-size:12pt; font-weight:bold; }
.uesred14      { color: #D00; font-size:14pt; font-weight:bold; }
.uesred16      { color: #D00; font-size:16pt; font-weight:bold; }
.uesred18      { color: #D00; font-size:18pt; font-weight:bold; }
.uesblau10     { color: #008; font-size:10pt; font-weight:bold; }
.uesblau12     { color: #008; font-size:12pt; font-weight:bold; }
.uesblau14     { color: #008; font-size:14pt; font-weight:bold; }
.uesblau16     { color: #008; font-size:16pt; font-weight:bold; }
.uesblau18     { color: #008; font-size:18pt; font-weight:bold; }
.uesgreen10    { color: #080; font-size:10pt; font-weight:bold; }
.uesgreen12    { color: #080; font-size:12pt; font-weight:bold; }
.uesgreen14    { color: #080; font-size:14pt; font-weight:bold; }
.uesgreen16    { color: #080; font-size:16pt; font-weight:bold; }
.uesgreen18    { color: #080; font-size:18pt; font-weight:bold; }

.invers            { color: #FFF; } /* Invers */
.invers a          { color: #FFF; } /* Invers */
.invers:link       { color: #FFF; } /* Invers */
.gelb11            { color: #222; background-color:#FFFFCC; font-size:12pt; font-weight:bold; }
.gelb11:link       { color: #00F; text-decoration:none; }
.gelb11:hover      { color: #666; background-color:#FFFF66; text-decoration:none; }
.mn7               { color: #222; font-size:7pt; font-weight:bold; }
.mn7:link          { color: #666; text-decoration:none; }
.mn7:visited       { color: #444; text-decoration:none; }
.mn7:hover         { color: #222; text-decoration:underline; }
.mgrey8            { color: #222; font-size:8pt; font-weight:bold; }
.mgrey8:link       { color: #666; text-decoration:none; }
.mgrey8:visited    { color: #444; text-decoration:none; }
.mgrey8:hover      { color: #888; text-decoration:underline; }
.mgrey10           { color: #888; font-size:10pt; font-weight:bold; }
.mgrey10:link      { color: #222; text-decoration:none; }
.mgrey10:visited   { color: #444; text-decoration:none; }
.mgrey10:hover     { color: #888; text-decoration:underline; }
.mgrey12           { color: #222; font-size:12pt; font-weight:bold; }
.mgrey12:link      { color: #222; text-decoration:none; }
.mgrey12:visited   { color: #444; text-decoration:none; }
.mgrey12:hover     { color: #fff; text-decoration:underline; }
.mninv10           { color: #FFFFFF; font-size:10pt; }     /* Invers */
.mninv10:link      { color: #FFFFFF; text-decoration:none; }                 /* Invers */
.mninv10:hover     { color: #DDDDDD; text-decoration:underline; }            /* Invers */
.mninv10:visited   { color: #F6F6F6; text-decoration:none; }                 /* Invers */
.mninv12           { color: #FFFFFF; font-size:12pt; }                       /* Invers */
.mninv12:link      { color: #FFFFFF; background:#DDDDDD; font-size:12pt; text-decoration:none; } /* Invers */
.mninv12:visited   { color: #F6F6F6; text-decoration:none; }                 /* Invers */
.mninv12 a:hover   { color: #DDDDDD; text-decoration:underline; }            /* Invers */

.black              { background:#545454; color:#F6F6F6;  }
.black:link         { color:#F6F6F6;  }
.black:hover        { background:#848484; text-decoration:none; }
.white              { background:#F6F6F6; color:#545454; }
.white:hover        { background:#F6F6F6; text-decoration:none; }
.grey, .grey0       { background:#CCCCCC; color:#F6F6F6; }
.grey:hover, .grey1 { background:#DDDDDD; text-decoration:none; }
.bluehg             { background:#DFEFFE; }
.blue, .blue0       { background:#0077AA; color:#F6F6F6; } /* #2266FF  #1177CC */
.blue:hover, .blue1 { background:#1177CC; color:#FAFAFA; text-decoration:none; }
.blue:link          { color:#F6F6F6; text-decoration:none; }
.blue:visited       { color:#F6F6F6; text-decoration:none; }
.green1             { background:#227501; text-decoration:none; }
.green, .green0     { background:#0BC603; color:#F6F6F6; }  /*  #479900 */
.green:link         { color:#F6F6F6; text-decoration:none; }
.green:visited      { color:#F6F6F6; text-decoration:none; }
.green:hover        { background:#227501; text-decoration:none; }
.yellow1            { background:#F2AE43; text-decoration:none; }
.yellow, .yellow0   { background:#FCF8E3; color:#777909; }
.yellow:hover       { background:#F2AE43; text-decoration:none; }
.orange             { background:#FF710D; color:#F6F6F6; text-decoration:none; }
.orange:link        { color:#F6F6F6; text-decoration:none; }
.orange:visited     { color:#F6F6F6; text-decoration:none; }
.orange:hover       { background:#FFAA00;color:#F6F6F6; }

.gruen              { background:#65E100; color:#F6F6F6; border:2px solid #D10707;}
.gruen:hover        { opacity:0.7; text-decoration:none; }
.rot1               { color:#E4433B; }
.red                { color:#F6F6F6; background:#E4433B;  }
.red1               { color:#F6F6F6; background:#E74444; text-decoration:none; }
.red0               { color:#F6F6F6; background:#E4433B;  }
.red0:link          { color:#F6F6F6; text-decoration:none; }
.red0:hover         { color:#FFFFFF; background:#CC3030; }
.red0:visited       { color:#F6F6F6; text-decoration:none; }

.qf-paybox          { float:middle; background:#EEEEEE; color:#666; min-height:96px; min-width:134px; margin:0 auto; padding:2px;
                      margin-bottom:2px; vertical-align:middle; border:solid 1px #d6d6d6; border-collapse: collapse; display:inline-block;  }

.respovideo         { position:relative; padding-bottom:56.25%;  padding-top:15px; margin-top:15px; height:0; overflow:hidden; }
.respovideo iframe  { position:absolute; top:0; left:0; width:98%; height:98%; }
.togglebutt         { position:relative; right:0; left:80%; width:130px; height:34px; margin-top:-32px; padding:6px; z-index: 100; }

/* --- Accordeon-Style --- */
.accordionButton    { background:#E6E6E6; width:98%; padding:6px; margin:0; min-height:24px; cursor:pointer; }
.accordionButton:hover { background:#E6E6E6; }
.accordionContent   { background:#FFFFFF; width:100%; display:none; }
.accimg             { width:30%; max-width:160px; margin:5px auto; }
.accon              { background:#D6D6D6; }
.accover            { background:#E4433B; }

.pickerbox   { width:90%; min-width:180px; max-width:220px; padding:0 5px; margin:10px 5px auto; display:inline-block; }
.pagecount   { padding:2px 4px; cursor:pointer; }

.row-actions         { color:#FEFEFE; font-size:10pt;  }
.row-actions a       { color:#FEFEFE; text-decoration:none; }
.row-actions:hover   { color:#0000AA; }
.row-actions:hover a { color:#0000AA; background:#EEEEEE; }
.col-primary         { background:#EEEEEE; }
.col-primary       a { text-decoration:none; }
.col-primary:hover a { color:#0000AA; }
.column-primary    a { cursor:pointer; }

/* --- Navi und DIV IDs --- */
#mcontent        { float:left;  padding:5px;   margin:5px;   display:inline-block; }
#lcontent        { float:left;  padding:0 5px; margin:0 5px; display:inline-block; }
#rsidebox        { float:right; padding:0 5px; margin:0 5px; display:inline-block; }
#responavi       { display:none; }

/* Voreinstellung für Mindest-Bildschirmgröße */
@media (max-device-width: 800px){
  .zusatzinfo    { display:none; }
  .gf-topnavi span { display:none; }
}
/* Wenn der Bildschirmausschnitt KLEINER als max-width wird/ist, dann... */
@media (max-width: 800px){
  .qf-boxl,  .qf-boxr  { float:none; width:94% !important; }
  .qf-box96, .qf-box98 { padding:0; margin:1px; }
  .kommtext        { display:none; }
  .zusatzinfo      { display:none; }
  .gf-topnavi span { display:none; }
  .qf-grid0, .qf-grid2 { float:none; width:94% !important; }
  .qf-box94, .qf-box90 { width:98%; padding:0; margin:1px; }
  .qf-box96,   { width:98%; }
}
@media (max-width: 720px){
  #responavi   { display:inline-block; }
  #primary     { width: 98%; }
  #secondary   { width: 98%; }
}
@media (max-width: 640px){
  .gf-grid3    { float:none; width:94% !important; }
}