/* screen.css für q.tv praxis */

body, div, span, td, th, p, li, h1, h2, h3, input, textarea, .text
                      { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#dddddd; }

hr                    { color:#444444; margin:25px 0px; height:1px; }

a,
a:link,
a:visited,
a:hover,
a:active              { color:#ddd0a0; text-decoration:none; }
a b                   { color:#ddd0a0; }  /* <b> innerhalb a */

h1, .hl1              { font-size:22px; font-weight:bold; }
h2, .hl2              { font-size:17px; font-weight:bold; }
h3, .hl3              { font-size:12px; font-weight:bold; }
h1, .hl1, h2, .hl2, h3, .hl3, .box_head-right,
h1 b, .hl1 b, h2 b, .hl2 b, h3 b, .hl3 b, .box_head-right b
                      { color:#fafafa; }

/* Kanal-Auswahl-Button */
div.chaselarea        { position:absolute; top:0px; right:12px; margin:0px; width:400px; height:21px; padding:0px; }
a.chaselbut           { display:block; float:right; margin-left:5px; }
a.chaselbut:hover     { background:url(selbut_bg.png); }


/* Hilfe-Seiten */
.help_menu-left       { float:left; width:260px; margin-right:20px; }
.help_menu-right      { float:left; width:300px;}

.boxhead2             { margin:42px 0px 0px 0px; padding:6px 12px 5px 12px; background:url(box_head-bg.gif); }
.boxhead3             { margin:32px 0px 10px 0px; padding:6px 12px 5px 12px; border:1px dotted #222224; background:#444446; }
.boxhead2, .boxhead2 a  { font-size:12px; font-weight:bold; }
.boxhead3, .boxhead3 a  { font-weight:bold; color:#dddddd; }                        


/* Filmliste Navigation */
/* ALT: .box_navi             { padding:2px 6px; background:#4a4a4c; } */
.box_navi             { padding:0px; }
.box_navi a,
.box_navi a:link,
.box_navi a:visited,
.box_navi a:active,
.box_navi a:hover     { color:#eeeeee; }  /* nur für IE nötig ...*/

a.but_fl_main         { display:block; margin:7px 0px 0px 0px; height:15px; background:url(but_filmlist_on.gif);
                        padding:2px 1px 0px 4px; color:#eeeeee; font-weight:bold; }
a.but_fl_main:hover   { background:url(but_filmlist.gif); }
a.but_fl_sub          { display:block; margin:0px 0px 1px 0px; background:#555559;
                        padding:1px 1px 1px 8px; color:#eeeeee; }
a.but_fl_sub:hover    { background:#444444; }

.box_label            { background:url(box_head-bg.gif); padding:5px 1px 5px 10px; color:#cccccc; font-size:12px; font-weight:bold; }

.box_spacer           { height:6px; width:60px; margin:0px; padding:0px; font-size:2px; }
.box_spacer2          { height:8px; width:60px; margin:0px; padding:0px; font-size:2px; }

.box_show             { display:block; }
.box_hide             { display:none; }


/* Filmlisten Cat-Infos */
.catincpic            { margin:3px 0px 5px 20px; } /* Kategorienbild rechts oben */

.viewinfo             { margin:0px 0px 5px 5px; padding:0px; width:240px; float:right; text-align:right; }
.floatEnde            { margin:0px; padding:0px; height:0px; font-size:0px; clear:both; }


/* Filmliste - Listen: */
div.boxbrief          { width:300px; height:75px; margin-right:8px; margin-bottom:1px; float:left; overflow:hidden; }
div.fl-label          { margin-top:25px; background:url(box_fl_item_bg2.jpg); border:1px solid #111111; 
                        padding:2px 8px; font-weight:bold; font-size:13px; color:#222222; clear:left; }
div.fl-film           { margin-top:7px; background:url(box_fl_item_bg3.jpg); 
                        border:1px solid #444444; padding:5px 8px; }                        

table.fl              { width:100%; margin:0px; padding:0px; border:0px; table-layout:auto; 
                        border-collapse:collapse; border-spacing:0px; empty-cells:show; }
table.fl td.fl-pic    { width:92px; }
table.fl td.fl-desc   { width:auto; }
table.fl td.fl-extras { width:120px; padding-left:10px; text-align:right; vertical-align:bottom; }

div.fl-pic            { width:80px; height:60px; margin:0px; margin-right:10px; padding:0px;
                        background:#000000; vertical-align:middle; 
                        border:1px solid #444444; border-right-color:#777777; border-bottom-color:#777777; }

/* Buttons innerhalb Filmliste */
a.but_extras          { border:1px solid #444444; border-top-color:#777777; border-left-color:#777777; 
                        background:#444444; padding:1px 3px; color:#dddddd; text-align:left; }
a.but_extras:visited  { color:#dddddd; }
a.but_extras:hover    { background:#3a3a3a; color:#ddd0a0; }


/* Ticker DZW News */
.ticker               { height:20px; margin:0px; border:1px solid #666666; background:#2a2a2f; padding:1px; color:#cccccc; }
.tickerbild           { width:70px; height:20px; float:left; }                        
.tickerband           { margin-left:72px; margin-top:3px; height:15px; color:#cccccc; padding:0px; }
.tickerband a,                        
.tickerband a:link,                        
.tickerband a:hover,                        
.tickerband a:visited,                        
.tickerband a:focus,
.tickerband *         { color:#cccccc; }
marquee               { height:14px; }
#scrollingText div.scrollableArea *
                      { display:inline; margin:0px; padding:0px; }                     
                        
/* Film und Film-Info*/
.box_clipPic          { background:#000000; text-align:center; }
.box_clipThumb        { border:1px solid #444444; border-right-color:#777777; border-bottom-color:#777777; 
                        margin:0px 0px 10px 20px; }
.box_clipExtras       { padding:10px 10px; background:#2a2a2f; }

p.listy1              { margin:0px; padding:0px; margin-top:6px; }
p.listy               { margin:0px; padding:0px; margin-top:2px; }
p.inheader            { margin-bottom:0px; }

ul.inlist,
ol.inlist             { margin:8px 0px 0px 13px; padding:0px; }
ul.inlist li,
ol.inlist li          { margin:2px 0px 0px 6px; padding:0px; }


/* spezielle Einzelformatierungen */
.align_left           { text-align:left; }
.align_right          { text-align:right; }
.align_center         { text-align:center; }

.but_block            { display:block; width:95%; }  /* für Block-Buttons mit fester Breite */
.but_block100         { display:block; }  /* für Block-Buttons mit fester Breite */
.box_clear            { clear:both; height:1px; margin:0px; padding:0px; }
.nobottommargin       { margin-bottom:0px; }
.nomargin             { margin:0px; padding:0px; }

.copyright            { text-align:center; color:#999999; font-size:10px; margin:5px 0px 20px 0px; }
.copyright a          { color:#999999; font-size:10px; }

.qtvp-rot             { color:#ee4455; font-weight:bold; }
.qtvp-blau            { color:#88aabb; font-weight:bold; }
.qtvp-progbut         { font-weight:bold; font-size:13px; 
                        background:url(box_head-bg.gif); padding:3px 8px 4px 8px; 
                        border:1px solid #999999; border-right-color:#000000; border-bottom-color:#000000; }

.tabbut               { width:100px; display:block; }                        
.tabbut, a.tabbut,
.tabbutX, a.tabbutX   { font-weight:bold; font-size:13px; color:#dddddd; padding:1px 5px;
                        background:url(box_head-bg.gif); 
                        border:1px solid #999999; border-right-color:#000000; border-bottom-color:#000000; }

.nobold               { font-weight:normal; }
.fehler, .error       { color:#ff9966; font-weight:bold; }
.rot,    .red         { color:#ff4455; }
.blau,   .blue        { color:#88aadd; }
.gruen,  .green       { color:#66ee66; }
.hint,  a.hint        { color:#eecc66; }
.gray                 { color:#aaaaaa; }
.cdzw                 { color:#14ffff; }
.cdzwtv               { color:#999999; }
.cdaisy               { color:#fd3344; }
.cdaisyakademie       { color:#999999; }
.ctv                  { color:#aaaaaa; }
.small                { font-size:10px; }

/* Formularfelder */

form { margin:0px; padding:0px; }

input.searchfield 
     { width:82px; color:#dddddd; background:#555557; border:1px solid #888888; padding:1px 2px; }
input.searchbutton
     { width:52px; color:#dddddd; font-weight:bold; background:#444446 url(but_filmlist_on.gif); 
       border:0px solid #222222; padding:1px 3px; margin:0px; }
input.searchbutton:hover
     { background:url(but_filmlist.gif); }
     
input.buttonX, a.buttonX
     { color:#333333; padding:1px 4px; background:#dddddd;
       border:1px solid #aaaaaa; border-right-color:#222222; border-bottom-color:#222222; margin:1px; }

input.button80, a.button80
     { width:80px; color:#333333; padding:1px 4px; background:#dddddd;
       border:1px solid #aaaaaa; border-right-color:#222222; border-bottom-color:#222222; margin:1px; }

input.field50,
textarea.field50
     { width:50px; color:#333333; background:#eeeeee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field80,
textarea.field80
     { width:80px; color:#333333; background:#eeeeee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field100,
textarea.field100
     { width:100px; color:#333333; background:#eeeeee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field200,
textarea.field200
     { width:200px; color:#333333; background:#eeeeee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field300,
textarea.field300
     { width:300px; color:#333333; background:#eeeeee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }

input.field400,
textarea.field400
     { width:400px; color:#333333; background:#eeeeee; border:1px solid #aaaaaa; padding:1px 2px; margin:1px; }