Results of the CSS crunched for new.imscc.de

Let's see what we've done for new.imscc.de

CSSCruncher.com has crunched this CSS to
39.16 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

@charset "UTF-8";.dco{color:rgb(255,128,0)}
.btn0{background:url(../res/btn0.gif)}
.btn1{background:url(../res/btn1.gif)}
.btn2{background:url(../res/btn2.gif)}
.m0{margin:0px}
.m2{margin:2px}
.m4{margin:4px}
.mt8{margin-top:8px}
.ml4{margin-left:4px}
.mr4{margin-right:4px}
.p0{padding:0px}
.p1{padding:1px}
.p2{padding:2px}
.p4{padding:4px}
.p8{padding:8px}
.p16{padding:16px}
.pl2{padding-left:2px}
.pl4{padding-left:4px}
.pl8{padding-left:8px}
.pl16{padding-left:16px}
.pr2{padding-right:2px}
.pr4{padding-right:4px}
.pr8{padding-right:8px}
.pr16{padding-right:16px}
.c0{color:#000000}
.c1{color:#333333}
.c2{color:#666666}
.c3{color:#FEED93}
.c4{color:#999999}
.c5{color:#0097FE}
.c6{color:#CCCCCC}
.c7{color:#FFCC00}
.c8{color:#FF0000}
.c9{color:#FFFFFF}
.b0{background-color:#000000}
.b1{background-color:#FEED93}
.b2{background-color:#666666}
.b3{background-color:#888888}
.b4{background-color:#BBBBBB}
.b5{background-color:#CCCCCC}
.b6{background-color:#FEFFE0}
.b7{background-color:#FFCC00}
.b8{background-color:#E4E4E4}
.b9{background-color:#FFFFFF}
.f0{border:1px solid #999}
*{margin:0px;padding:0px}
html,body{height:100%}
html,body,form,input,select,textarea,optgroup,sup,sub,pre, table,tbody,th,td,a,div,span,p,ul,ol,li,h1,h2,h3,h4,h5,h6,em{font:normal normal normal 8pt/10pt Verdana,Arial,Helvetia,Sans-Serif;white-space:nowrap;text-align:left;background-color:transparent}
table.dta td{padding:0px 0px 0px 2px}
table.dta th{padding:1px 0px 1px 2px}
body{margin:0px;padding:0px;color:#000000;background-color:#E4E4E4}
abbr{cursor:help;border-bottom:1px dotted}
* html abbr{padding:0 0 1px 0;border:0 none;background:url(../res/abbr.gif) repeat-x left bottom}
a{text-decoration:none}
.b,b,strong{font-weight:bold}
.i,i,em{font-style:italic}
.u,u{text-decoration:underline}
.n{font-weight:normal}
h1{font-weight:bold;font-size:20pt !important;margin:0px}
img{border-style:none;margin:0px}
textarea, pre{font-family:"Andale Mono","Courier New",Monospace}
.nw{white-space:nowrap}
.wn{white-space:normal}
p{margin:8px 0px 8px 0px}
.t0{font-size:7pt !important;line-height:8pt}
table.fw,div.fw, td.fw{width:100% !important}
.w8{width:8px !important}
.w16{width:16px !important}
td.w24{width:24px !important}
td.w32{width:32px !important}
td.w48{width:48px !important}
.w378{width:378px !important}
.w374{width:374px !important}
.w320{width:320px !important}
.w260{width:260px !important}
.w240{width:240px !important}
.w40{width:40px !important}
.w60{width:60px !important}
.w33p{width:33% !important}
.fn{float:none}
.fl{float:left}
.fr{float:right}
.fc:after{content:".";display:block;height:0;font-size:0;clear:both;overflow:hidden;visibility:hidden}
html[xmlns] .fc{display:block}
*+html .fc{display:inline-block}
* html .fc{height:1%}
.fc{display:block}
.sup{vertical-align:super}
.sub{vertical-align:sub}
.at{vertical-align:top !important}
.am{vertical-align:middle !important}
.ab{vertical-align:bottom !important}
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.aj{text-align:justify !important;white-space:normal !important}
.tl{text-align:left;margin-left:0px;margin-right:auto}
.tc{text-align:center;margin-left:auto;margin-right:auto}
.tr{text-align:right;margin-left:auto;margin-right:0px}
.isv{visibility:visible}
.ish{visibility:hidden}
.bl,.db{display:block}
.in,.di{display:inline}
.dn{display:none}
.show{}
.pr{display:none}
.npr{}
.pt,.pf{display:none}
div.os1, div.os2{background:url(../res/sh.png) repeat left top!important;background:url(../res/sh.gif) repeat left top}
div.os1{margin-top:6px;margin-left:6px}
div.os2{margin-top:4px;margin-left:4px}
div.is1{position:relative;right:6px;bottom:6px}
div.is2{position:relative;right:4px;bottom:4px}
* html div.is1,* html div.is2{zoom:1}
*+html div.is1,*+html div.is2{zoom:1;overflow:hidden}
div.err{border-top:1px solid #FFFFFF;border-right:1px solid #888888;border-bottom:1px solid #888888;border-left:1px solid #FFFFFF;padding:2px 2px 2px 19px;position:absolute;left:0px;bottom:0px;width:100%;z-index:1;background:transparent url(../res/nav.gif) repeat-x left bottom;overflow:hidden}
.dlg{border-top:1px solid #E4E4E4;border-right:1px solid #888888;border-bottom:1px solid #888888;border-left:1px solid #E4E4E4;background:#E4E4E4 url(../res/dlg.jpg) repeat-x left top}
.box{border-top:1px solid #FFFFFF;border-right:1px solid #888888;border-bottom:1px solid #888888;border-left:1px solid #FFFFFF;background:url(../res/bg2.gif) repeat left top}
table.box{border:0px solid #fff}
div.cpe{background:url(../res/cpe.jpg) no-repeat left top;width:200px;height:200px}
div.led{background:url(../res/led.gif) no-repeat right bottom;width:84px;height:130px}
div.lgo{background:url(../res/key3.png) no-repeat left top;width:60px;height:100px}
div.phy{background:url(../res/phy.gif) no-repeat left top;width:372px;height:18px}
div.snr{background:url(../res/snr.gif) no-repeat left top;width:372px;height:18px}
div.psr{background:url(../res/psr.gif) no-repeat right top;width:151px;height:5px;margin-left:6px}
div.csc{background:url(../res/csc.gif) repeat-y left top;width:371px;height:10px;overflow:hidden;border-top:1px solid #888888;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-left:1px solid #888888}
div.tsc{background-color:#999999;width:371px;height:10px;overflow:hidden;border-top:1px solid #888888;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;border-left:1px solid #888888}
div.sld{background:url(../res/sld.gif) no-repeat right top;width:11px;height:10px;margin:0px!important}
div.prn{}
div.cap{background:url(../res/cap.gif) no-repeat left;font-weight:bold;height:16px;padding:2px 0px 0px 16px}
div.nav{background:url(../res/nav.gif) repeat-x left bottom}
div.rss{background:url(../res/rss0.gif) no-repeat left center;float:right;width:20px;height:20px;cursor:pointer}
div.qm{background:url(../res/qm.gif) no-repeat left center;float:left;width:20px;height:20px;cursor:pointer}
div.ix{background:url(../res/ix.gif) no-repeat left center;float:left;width:20px;height:20px;cursor:pointer}
div.ex{background:url(../res/exec.gif) no-repeat left center;float:left;width:20px;height:20px}
div.cc{background:url(../res/cc/eu.gif) no-repeat right 4px;float:right;width:20px;height:20px}
div.mq{background:url(../res/mq0.gif) no-repeat left center;float:left;width:20px;height:20px;cursor:pointer}
div.sb{background:url(../res/sb0.gif) no-repeat left center;float:left;width:20px;height:20px;cursor:pointer}
div.ml{float:left;height:20px;border:1px solid}
th{padding:1px 2px 1px 2px;color:#FFF;background:#888 url(../res/th.gif) repeat-x left center}
div.hr{border:none;height:1px;font-size:0;background:url(../res/hr.gif) repeat-x}
* html div.hr{overflow:hidden}
.vr{background:url(../res/vr.gif) repeat-y top center;font-size:1px;line-height:1px}
input{padding:1px 2px 0px 2px}
input.field,textarea.field,select.field,div.field{border-top:1px solid #888;border-right:1px solid #FFF;border-bottom:1px solid #FFF;border-left:1px solid #888;background-color:#E4E4E4}
input.field:focus,textarea.field:focus,select.field:focus{background-color:#FFF}
div.field{height:40px}
td.cl{width:5px;background:url(../res/cl.png) no-repeat left top}
td.cm{padding:1px;background:url(../res/cm.png) repeat-x left top;color:#FFF}
td.cr{width:8px;background:url(../res/cr.png) no-repeat left top}
body.head{background:#00002D url(../res/bg0.gif) repeat}
body.menu{background:#909090 url(../res/bg0a.gif) repeat}
body.cont{background:#D9D9D9 url(../res/bg1.gif) repeat;text-align:center!important}
body.help{background:#E4E4E4 url(../res/dlg.jpg) repeat-x}
body.print{background:#D9D9D9 url(../res/bg1.gif) repeat;padding:16px;width:700px}
div.hlp{background:url(../res/cpe.jpg) no-repeat left top fixed;padding:36px 36px 36px 160px;position:fixed}
iframe.hlp{margin:0px;width:410px;height:260px}
div.msq{padding:2px;width:406px;height:256px;overflow:scroll}
span.hlp{background:#FFF url(../res/btn0.gif) repeat-x left top;border:1px solid #888;padding:0px 2px 0px 2px}
a.il,a.el,a.em,a.mo,a.if{height:12px;padding-left:14px;color:#00002d}
a.il{background:url(../res/il.gif) no-repeat 0 -12px}
a.il:hover,a.il:active,a.il:focus{background-position:0 0}
a.el{background:url(../res/el.gif) no-repeat 0 -12px}
a.el:hover,a.el:active,a.el:focus{background-position:0 0}
a.em{background:url(../res/em.gif) no-repeat 0 -12px}
a.em:hover,a.em:active,a.em:focus{background-position:0 0}
a.mo{background:url(../res/mo.gif) no-repeat 0 -12px}
a.mo:hover,a.mo:active,a.mo:focus{background-position:0 0}
a.if{cursor:help}
a.if{background:url(../res/if.gif) no-repeat 0 -12px}
a.if:hover,a.if:active,a.if:focus{background-position:0 0}
a.tl{background:url(../res/tl0.gif) no-repeat left center}
a.tl:hover, a.tl:active, a.tl:focus{background:#FFF url(../res/tl1.gif) no-repeat left center}
a.fx{background:url(../res/fx0.gif) no-repeat left center}
a.fx:hover, a.fx:active, a.fx:focus{background:#FFF url(../res/fx1.gif) no-repeat left center}
a#bop,a#eop{display:block;overflow:hidden;border:0 none;font-size:0;width:0;height:0}
div#skip{width:58px;position:fixed;top:16px;right:20px;z-index:100}
* html div#skip{position:absolute}
div.skip{padding:2px;text-align:center;overflow:hidden;border-width:1px;border-style:solid;border-color:#e4e4e4 #667788 #667788 #e4e4e4;background:#d9d9d9 url(../res/nav.gif) repeat-x left bottom;border-top:0 none}
div.skip-hr{font-size:0;height:8px;margin:0 0 0 8px;background:url(../res/ssd2.png) no-repeat right top}* html div.skip-hr{overflow:hidden}
div.skip-hl{font-size:0;height:8px;margin:0 8px 0 -8px;background:url(../res/ssd2.png) no-repeat left top}* html div.skip-hl{position:relative;overflow:hidden}
div.skip a{width:16px;height:12px;display:table-cell;outline:none}* html div.skip a{display:inline-block}
*+html div.skip a{display:inline-block}
a.hlp{background:url(../res/if.gif) no-repeat center -12px}
a.prn{background:url(../res/pr.gif) no-repeat center -12px}
a.bop{background:url(../res/pu.gif) no-repeat center -12px}
a.eop{background:url(../res/pd.gif) no-repeat center -12px}
a.hlp:hover,a.hlp:focus,a.hlp:active{background-position:center 0}
a.prn:hover,a.prn:focus,a.prn:active{background-position:center 0}
a.bop:hover,a.bop:focus,a.bop:active{background-position:center 0}
a.eop:hover,a.eop:focus,a.eop:active{background-position:center 0}
a.btn, a.btn:link, a.btn:visited{margin:0;padding:0;float:right;margin-left:4px;display:block;overflow:hidden;width:80px;height:20px;outline:none;line-height:19px;text-align:center;border-width:1px;border-style:solid;border-color:#aaaaaa #666666 #666666 #aaaaaa;background:transparent url(../res/button.png) no-repeat 0 -40px}
a.btn:hover, a.btn:focus{background-position:0 -20px}
a.btn:active{background-position:0 0;border-color:#666666 #dddddd #dddddd #666666}
div.gb{height:20px;overflow:hidden;background:url(../res/gb.gif) repeat;border:0 none}
*::selection{color:#000;background-color:#fff}
*::-moz-selection{color:#000;background-color:#fff}

» Show original CSS code

« Hide original CSS code

@charset "UTF-8";
/*<![CDATA[*/
/*
+------------------------------------------------------------------------------+
| Cascading Style Sheet .......: {/path/}css/screen.css                        |
| Implementiert................: Definitionen f?isuelle Ausgabe             |
| Standard ....................: CSS 2.1 compliant                             |
| Autor .......................: © 2007-2010 by Frank-J?n Fischer,          |
|                                Gr? Weg 9, D 36280 Oberaula, Germany       |
|                                All rights reserved. Alle Rechte vorbehalten. |
+------------------------------------------------------------------------------+
*/

.dco  {color:rgb(255,128,0);}
.btn0 {background: url(../res/btn0.gif);}
.btn1 {background: url(../res/btn1.gif);}
.btn2 {background: url(../res/btn2.gif);}

/*
+-------------+----------------------------------------------------------------+
| .[m]argins  | Allgemeine Klassen f?ussenabst?e:                         |
+-------------+----------------------------------------------------------------+
*/
.m0    {margin:       0px;}
.m2    {margin:       2px;}
.m4    {margin:       4px;}
.mt8   {margin-top:   8px;}
.ml4   {margin-left:  4px;}
.mr4   {margin-right: 4px;}

/*
#
# .[p]addings: Allgemeine Klassen f?nnenabst?e:
#
*/
.p0  {padding:  0px;}
.p1  {padding:  1px;}
.p2  {padding:  2px;}
.p4  {padding:  4px;}
.p8  {padding:  8px;}
.p16 {padding: 16px;}

.pl2   {padding-left:  2px;}
.pl4   {padding-left:  4px;}
.pl8   {padding-left:  8px;}
.pl16  {padding-left: 16px;}

.pr2   {padding-right:  2px;}
.pr4   {padding-right:  4px;}
.pr8   {padding-right:  8px;}
.pr16  {padding-right: 16px;}

/*
+-----------+------------------------------------------------------------------+
| .[c]olors | Allgemeine Klassen f?arbangaben: Vordergrund                  |
+-----------+------------------------------------------------------------------+
*/
.c0{color:#000000;}
.c1{color:#333333;}
.c2{color:#666666;}
.c3{color:#FEED93;} /* FFCC00 99FF66 */
.c4{color:#999999;}
.c5{color:#0097FE;}
.c6{color:#CCCCCC;}
.c7{color:#FFCC00;}
.c8{color:#FF0000;}
.c9{color:#FFFFFF;}

/*
+----------------------+-------------------------------------------------------+
| .[b]ackground-colors | Allgemeine Klassen f?arbangaben: Hintergrund       |
+----------------------+-------------------------------------------------------+
*/
.b0{background-color:#000000;}
.b1{background-color:#FEED93;}
.b2{background-color:#666666;} /* CCCCCC */
.b3{background-color:#888888;}
.b4{background-color:#BBBBBB;} /* 999999 */
.b5{background-color:#CCCCCC;}
.b6{background-color:#FEFFE0;}
.b7{background-color:#FFCC00;}
.b8{background-color:#E4E4E4;}
.b9{background-color:#FFFFFF;}

.f0{border:1px solid #999;}

/*
+------------------------------------------------------------------------------+
| Definition der globalen bzw. applikationsweiten Standardvorgaben:            |
+------------------------------------------------------------------------------+
*/

/*
| CSS-Prolog:
*/
* { margin: 0px; padding: 0px; }
html, body { height:100%; }

html,body,form,input,select,textarea,optgroup,sup,sub,pre,
table,tbody,th,td,a,div,span,p,ul,ol,li,h1,h2,h3,h4,h5,h6,em
 {
  font:              normal normal normal 8pt/10pt Verdana,Arial,Helvetia,Sans-Serif;
  white-space:       nowrap;
  text-align:        left;
  background-color:  transparent;
 }
table.dta td {padding: 0px 0px 0px 2px;}
table.dta th {padding: 1px 0px 1px 2px;} /*{padding-left:2px;}*/

/*
+------------------------------------------------------------------------------+
| Basis-Definition f?estimmte hervorhebende Attribute:                      |
+------------------------------------------------------------------------------+
*/
body        { margin:          0px; padding: 0px; color : #000000; background-color: #E4E4E4; }
abbr        { cursor:help;     border-bottom: 1px dotted; }
            * html abbr { padding: 0 0 1px 0; border: 0 none; background: url(../res/abbr.gif) repeat-x left bottom; } 
a           { text-decoration: none;      } /* outline: none; entfernt focus-Rahmen! */
.b,b,strong { font-weight:     bold;      }
.i,i,em     { font-style:      italic;    }
.u,u        { text-decoration: underline; }
.n          { font-weight:     normal;    }
h1          { font-weight:     bold; font-size: 20pt !important; margin: 0px; }
img         { border-style:    none; margin: 0px; }
textarea,
pre       { font-family:     "Andale Mono","Courier New",Monospace; }
.nw       { white-space:     nowrap; }
.wn       { white-space:     normal; }
p         { margin:          8px 0px 8px 0px; } /* workaround for MSIE */
.t0       { font-size:       7pt !important; line-height: 8pt; }

table.fw,div.fw,
td.fw     { width: 100%  !important; }
.w8     { width:  8px  !important; }
.w16    { width: 16px  !important; }
td.w24    { width: 24px  !important; }
td.w32    { width: 32px  !important; }
td.w48    { width: 48px  !important; }
.w378     { width: 378px !important; }
.w374     { width: 374px !important; }
.w320     { width: 320px !important; }
.w260     { width: 260px !important; }
.w240     { width: 240px !important; }
.w40      { width: 40px  !important; }
.w60      { width: 60px  !important; }
.w33p     { width: 33%   !important; }

/*
| Korrektur: 'float' und 'clear'
*/
.fn       { float: none;  }
.fl       { float: left;  }
.fr       { float: right; }
/* IE8, FF, OP, SA, etc. */
.fc:after {
           content:    ".";
           display:    block;
           height:     0;
           font-size:  0; 
           clear:      both;
           overflow:   hidden;
           visibility: hidden;
          }
html[xmlns] .fc { display: block; }
/* IE7 */
*+html .fc { display: inline-block; }
/* IE<=6 (nicht jedoch IE5-Mac) \*/
* html .fc { height: 1%; }
.fc { display : block; }
/* */

.sup      { vertical-align: super; }
.sub      { vertical-align: sub;   }
.at       { vertical-align: top     !important; }
.am       { vertical-align: middle  !important; }
.ab       { vertical-align: bottom  !important; }
.al       { text-align:     left    !important; }
.ac       { text-align:     center  !important; }
.ar       { text-align:     right   !important; }
.aj       { text-align:     justify !important; white-space: normal !important;}

.tl       { text-align:     left;   margin-left:0px;  margin-right:auto; }
.tc       { text-align:     center; margin-left:auto; margin-right:auto; }
.tr       { text-align:     right;  margin-left:auto; margin-right:0px;  }

.isv      { visibility:     visible; }
.ish      { visibility:     hidden;  }
.bl,.db   { display:        block;   }
.in,.di   { display:        inline;  }
.dn       { display:        none; }
.show     { }
.pr       { display:        none; }
.npr      { }
.pt,.pf   { display:        none; }

/*
| Shadows:
*/
div.os1,
div.os2 {
         background: url(../res/sh.png) repeat left top!important;
         background: url(../res/sh.gif) repeat left top;
        }
div.os1 { margin-top:6px;  margin-left:6px; }
div.os2 { margin-top:4px;  margin-left:4px; }
div.is1 { position:relative; right:6px; bottom:6px; }
div.is2 { position:relative; right:4px; bottom:4px; }
        * html div.is1, * html div.is2 { zoom: 1; }                  /* hasLayout IE6 */
        *+html div.is1, *+html div.is2 { zoom: 1; overflow:hidden; } /* hasLayout IE7 */

div.err { border-top:    1px solid #FFFFFF; border-right: 1px solid #888888;
          border-bottom: 1px solid #888888; border-left:  1px solid #FFFFFF;
          padding: 2px 2px 2px 19px; position: absolute; left: 0px; bottom: 0px;
          width: 100%; z-index: 1;
          background: transparent url(../res/nav.gif) repeat-x left bottom; overflow:hidden; }

.dlg    { border-top:    1px solid #E4E4E4; border-right: 1px solid #888888;
          border-bottom: 1px solid #888888; border-left:  1px solid #E4E4E4;
          background:    #E4E4E4 url(../res/dlg.jpg) repeat-x left top; }

.box    { border-top:    1px solid #FFFFFF; border-right: 1px solid #888888;
          border-bottom: 1px solid #888888; border-left:  1px solid #FFFFFF;
          background:    url(../res/bg2.gif) repeat left top; }
table.box {border:0px solid #fff;}

div.cpe { background: url(../res/cpe.jpg)       no-repeat left top; width: 200px; height: 200px; }
div.led { background: url(../res/led.gif)       no-repeat right bottom; width:84px; height:130px; }
div.lgo { background: url(../res/key3.png)    no-repeat left top; width: 60px; height: 100px; }

div.phy { background: url(../res/phy.gif) no-repeat left top; width: 372px; height: 18px; }
div.snr { background: url(../res/snr.gif) no-repeat left top; width: 372px; height: 18px; }
div.psr { background: url(../res/psr.gif) no-repeat right top; width: 151px; height: 5px; margin-left: 6px; }

div.csc { background: url(../res/csc.gif) repeat-y left top;
          width: 371px; height: 10px; overflow: hidden;
          border-top:    1px solid #888888; border-right: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF; border-left:  1px solid #888888; }

div.tsc { background-color: #999999;
          width: 371px; height: 10px; overflow: hidden;
          border-top:    1px solid #888888; border-right: 1px solid #FFFFFF;
          border-bottom: 1px solid #FFFFFF; border-left:  1px solid #888888; }

div.sld { background: url(../res/sld.gif) no-repeat right top; width: 11px; height: 10px; margin:0px!important; }

div.prn { }

div.cap { background: url(../res/cap.gif)   no-repeat left; font-weight:bold; height:16px; padding:2px 0px 0px 16px; }
div.nav { background: url(../res/nav.gif)   repeat-x  left bottom; }
div.rss { background: url(../res/rss0.gif)  no-repeat left center;  float:right; width:20px; height:20px; cursor:pointer; }
div.qm  { background: url(../res/qm.gif)    no-repeat left center;  float:left;  width:20px; height:20px; cursor:pointer; }
div.ix  { background: url(../res/ix.gif)    no-repeat left center;  float:left;  width:20px; height:20px; cursor:pointer; }
div.ex  { background: url(../res/exec.gif)  no-repeat left center;  float:left;  width:20px; height:20px; }
div.cc  { background: url(../res/cc/eu.gif) no-repeat right 4px;    float:right; width:20px; height:20px; }
div.mq  { background: url(../res/mq0.gif)   no-repeat left center;  float:left;  width:20px; height:20px; cursor:pointer; }
div.sb  { background: url(../res/sb0.gif)   no-repeat left center;  float:left;  width:20px; height:20px; cursor:pointer; }
div.ml  { float:left; height:20px; border:1px solid; }

th      { padding: 1px 2px 1px 2px; color: #FFF; background: #888 url(../res/th.gif) repeat-x left center; }

div.hr  { border:none; height: 1px; font-size:0; background: url(../res/hr.gif) repeat-x; }
        * html div.hr { overflow:hidden; }

.vr     { background: url(../res/vr.gif) repeat-y top  center; font-size: 1px; line-height: 1px; }

/*
+------------------------------------------------------------------------------+
| forms and their elements:                                                    |
+------------------------------------------------------------------------------+
*/
input { padding: 1px 2px 0px 2px; }

input.field,textarea.field,select.field,div.field
      { border-top:    1px solid #888; border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF; border-left:  1px solid #888;
        background-color: #E4E4E4; }

input.field:focus,textarea.field:focus,select.field:focus
      { background-color: #FFF; }

div.field {height:40px;}

/*
+------------------------------------------------------------------------------+
| Definition der Karteimarken:                                                 |
+------------------------------------------------------------------------------+
*/
td.cl  {width:5px;   background: url(../res/cl.png) no-repeat left top;}
td.cm  {padding:1px; background: url(../res/cm.png) repeat-x  left top; color: #FFF;}
td.cr  {width:8px;   background: url(../res/cr.png) no-repeat left top;}

body.head { background: #00002D url(../res/bg0.gif) repeat; }

body.menu { background: #909090 url(../res/bg0a.gif) repeat; }

body.cont { background: #D9D9D9 url(../res/bg1.gif) repeat;
            text-align:center!important; }

body.help { background: #E4E4E4 url(../res/dlg.jpg) repeat-x; }

body.print{ background: #D9D9D9 url(../res/bg1.gif) repeat;
            padding: 16px; width: 700px; }

div.hlp   { background: url(../res/cpe.jpg) no-repeat left top fixed;
            padding: 36px 36px 36px 160px; position: fixed; }
iframe.hlp{ margin:0px; width:410px; height:260px; }
div.msq   { padding:2px; width:406px; height:256px; overflow:scroll; }
span.hlp  { background: #FFF url(../res/btn0.gif) repeat-x left top; border: 1px solid #888; padding:0px 2px 0px 2px;}

/*
a, a:link, a:visited { color:#000; }
a:hover,
a:focus,
a:active  { background: #ffffff url(../res/bullet.gif) no-repeat left center; }
*/

a.il,a.el,a.em,a.mo,a.if  { height: 12px; padding-left: 14px; color: #00002d; }

a.il        { background: url(../res/il.gif) no-repeat 0 -12px; }
a.il:hover, a.il:active, a.il:focus { background-position: 0 0; }

a.el        { background: url(../res/el.gif) no-repeat 0 -12px; }
a.el:hover, a.el:active, a.el:focus { background-position: 0 0; }

a.em        { background: url(../res/em.gif) no-repeat 0 -12px; }
a.em:hover, a.em:active, a.em:focus { background-position: 0 0; }

a.mo        { background: url(../res/mo.gif) no-repeat 0 -12px; }
a.mo:hover, a.mo:active, a.mo:focus { background-position: 0 0; }

a.if        { cursor: help; }
a.if        { background: url(../res/if.gif) no-repeat 0 -12px; }
a.if:hover, a.if:active, a.if:focus { background-position: 0 0; }

a.tl       { background: url(../res/tl0.gif) no-repeat left center; }
a.tl:hover,
a.tl:active,
a.tl:focus { background: #FFF url(../res/tl1.gif) no-repeat left center; }

a.fx       { background: url(../res/fx0.gif) no-repeat left center; }
a.fx:hover,
a.fx:active,
a.fx:focus { background: #FFF url(../res/fx1.gif) no-repeat left center; }

/* ------------------------------------------------------------------------- */

/*
| Seitensprungmarken:
| Seitenbeginn und Seitenende
*/
a#bop, a#eop {
              display:     block;
              overflow:    hidden;
              border:      0 none;
              font-size:   0;
              width:       0;
              height:      0;
             }

/*
| Seitenavigation:
| (Memo: #skip -> width:32px; und a -> display:block; f?enkrechte Skip-Navi)
*/
/* div#skip { width: 58px; position: absolute; top: 16px; right: 20px; z-index: 100; }
body > div#skip { position: fixed; } */ /* f?3C-konforme Browser */

div#skip { width: 58px; position: fixed; top: 16px; right: 20px; z-index: 100; }
* html div#skip { position: absolute; } /* wegen IE<=6 */

div.skip {
          padding:       2px;
          text-align:    center;
          overflow:      hidden;
          border-width:  1px;
          border-style:  solid;
          border-color:  #e4e4e4 #667788 #667788 #e4e4e4; /* T->R->B->L */
          background:    #d9d9d9 url(../res/nav.gif) repeat-x left bottom;
          border-top:    0 none;
         }
div.skip-hr {
             font-size:  0;
             height:     8px;
             margin:     0 0 0 8px;
             background: url(../res/ssd2.png) no-repeat right top;
            } * html div.skip-hr { overflow: hidden; } 
div.skip-hl {
             font-size:  0;
             height:     8px;
             margin:     0 8px 0 -8px;
             background: url(../res/ssd2.png) no-repeat left top;
            } * html div.skip-hl { position: relative; overflow: hidden; }
             /* negative margin bug IE<=6 und min-height bug */
div.skip a {
            width: 16px; height: 12px; display: table-cell; outline: none;
           } * html div.skip a { display: inline-block; } /* IE6 */
             *+html div.skip a { display: inline-block; } /* IE7 */

a.hlp        { background: url(../res/if.gif) no-repeat center -12px; }
a.prn        { background: url(../res/pr.gif) no-repeat center -12px; }
a.bop        { background: url(../res/pu.gif) no-repeat center -12px; }
a.eop        { background: url(../res/pd.gif) no-repeat center -12px; }
a.hlp:hover,a.hlp:focus,a.hlp:active { background-position: center 0; }
a.prn:hover,a.prn:focus,a.prn:active { background-position: center 0; }
a.bop:hover,a.bop:focus,a.bop:active { background-position: center 0; }
a.eop:hover,a.eop:focus,a.eop:active { background-position: center 0; }

/*
| CSS-Button: 3-State mit Sprite-Image
*/
a.btn,
a.btn:link,
a.btn:visited {
               margin:       0;
               padding:      0;
               float:        right;  
               margin-left:  4px;   /* Abstand zum Nachbarbutton wg.'float' */
               display:      block;
               overflow:     hidden;
               width:        80px;  /* feste Gr?wenn erw?ht           */
               height:       20px;  /* H?der verwendeten Grafik          */
               outline:      none;
               line-height:  19px;
               text-align:   center;
               border-width: 1px;
               border-style: solid;
               border-color: #aaaaaa #666666 #666666 #aaaaaa; /* T->R->B->L */
               background:   transparent url(../res/button.png) no-repeat 0 -40px;
              }
a.btn:hover,
a.btn:focus  { background-position: 0 -20px; }
a.btn:active { background-position: 0 0;
               border-color: #666666 #dddddd #dddddd #666666; }

/*
| Goosebumps:
*/
div.gb {
        height:     20px;
        overflow:   hidden;
        background: url(../res/gb.gif) repeat;
        border:     0 none;
       }

/*
| Textauswahl:
| (doesn't work in IE)
*/
*::selection      { color: #000; background-color: #fff; }
*::-moz-selection { color: #000; background-color: #fff; }

/*
| end of screen.css
*/
/*]]>*/