@media screen {

/* -------------------------------------------------------------------------- */
/* General page settings                                                      */
/* -------------------------------------------------------------------------- */

body    {       border-width:         0;
                padding:              0px;
                background:           #cccccc;
                color:                #000000;
                font:                 normal normal normal 9pt verdana,arial,helvetica,sans-serif;
                letter-spacing:       0.0em;
                line-height:          1.3em;
                word-spacing:         0.0em;
        }


div#container  
        {       width:                900px;
                margin-top:           0;
                margin-left:          auto;
                margin-right:         auto;
                padding:              0;
                background:           #ffffff;
        }

div#logo  
        {       float:                left;
                width:                150px;
                text-align:           center;
        }

div#footer
        {       background:           url(img/footer.png);
                height:               30px;
                line-height:          23px;
                padding-right:        1em;
                margin-top:           20px;                 
                color:                #ffffff;
                text-align:           right;
                font-size:            8pt;
        }
div#footer img.left
        {       position:             absolute;
                float:                left;
        }

div[class=w3c_validator]
        {       position:             relative;
                top:                  -2px;
                left:                 30px;
                float:                left;
                text-align:           left;
                z-index:              100;
        }
div[class=w3c_validator] div span
        {       background:           url(img/valid-htmlcss.png);
                height:               31px;
                width:                88px;
                display:              block;
        }

/* --- Menü ----------------------------------------------------------------- */

div#menu
        {       background:           url(img/menu.png);
                height:               30px;
                margin-bottom:        20px;
                color:                #ffffff;
        }
div#menu div
        {       position:             absolute;
                height:               30px;
                line-height:          23px;
                margin-left:          1em;
                color:                #ffffff;
        }
div#menu img
        {       margin:               0px !important;
        }
div#menu img.left
        {       float:                left;
        }
div#menu img.right
        {       float:                right;
        }
        
/* --- Main ----------------------------------------------------------------- */

div#main
        {       margin-left:          150px;             
                border-left:          1px solid black;
                min-height:           15em;
                padding-left:         15px;
                padding-right:        30px;
        }

        
div.image
        {       position:             absolute;
                background:           #ffffff;
                border:               1px solid black;
                display:              none;
        }

table.padding tr:hover div.image
        {       display:              block;
        }

/* -------------------------------------------------------------------------- */
/* General table settings                                                     */
/* -------------------------------------------------------------------------- */

table.padding
        {       border-collapse:      separate;
        }
table.padding tr th, table.padding tr td
        {       padding-right:        0px;
                vertical-align:       middle;
                text-align:           left;                
                font:                 normal normal normal 8pt arial,helvetica,sans-serif;
        }

table.padding tr th
        {       height:               2em;
                border:               1px solid black;
                margin:               0;
                padding:              0;
                font-weight:          bold;
                color:                #ffffff;
                background:           #596a9e;
        }
table.padding tr th.sorted
        {       background:           #2b4082;   /* #384c8a; */
        }
        
table.padding tr td
        {       height:               110px;
        }
table.padding tr td.vname, table.padding tr td.catnr
        {       font-size:            9pt;
        }
table.padding tr td.center, table.padding tr td.td_image, table.padding tr td.reinheit
        {       text-align:           center;
                white-space:          nowrap;                
        }
table.padding tr td.border
        {       border-bottom:        2px solid black !important;
                empty-cells:          show;
                height:               0;
                line-height:          0px;
        }

/* -------------------------------------------------------------------------- */
/* General link settings                                                      */
/* -------------------------------------------------------------------------- */

a:link
        {       color:                #000000 !important;
                text-decoration:      none;
                font-weight:          normal;
        }
a:visited
        {       text-decoration:      none;
        }
a:hover
        {       text-decoration:      underline;
        }
a:active
        {       text-decoration:      none;
        }
a:focus
        {       text-decoration:      none;
        }
        
div#menu a
        {       color:                #ffffff !important;
        }
table.padding tr th a, table.padding tr th span
        {       padding:              0.2em;
                font-weight:          bold;
                color:                #ffffff !important;
                display:              block;
                line-height:          2em;
        }
table.padding tr th a:hover
        {       background:           #599e5e;
        }
        
p#kategorien, p#kategorien a
        {       color:                #000000;
                font-family:          arial,helvetica,sans-serif;
                font-size:            9pt;
                white-space:          nowrap;
        }

/* -------------------------------------------------------------------------- */
/* General text style settings                                                */
/* -------------------------------------------------------------------------- */

h1      {       font-size:            11pt !important;
                font-weight:          bold;
                text-align:           left;
                margin-top:           2em;
                margin-bottom:        1em;
        }
        
div#main img[align=left]
        {       margin:               0px 25px 25px 0px;
        }
div#main img[align=right]
        {       margin:               0px 0px 25px 25px;
        }

}
/* -------------------------------------------------------------------------- */