<!--
/* common styles */
body, div, p, td {
        padding :             0px;
        margin :              0px; }
h1, h2, h3 {
        color :               #3F6F00; }
a, a:visited {
        color :               #674900;
        text-decoration :     none; }
a:hover {
        text-decoration :     underline; }
input, textarea {
        border :              solid 1px #73A317;
        padding :             0.2em 0.5em 0.2em 0.5em; }

/* top level components */
div#header, div#main, div#menu, div#footer {
        width :               100%;
        clear :               left; }
div#header {
        background-color :    #E7E0C9; }
div#menu {
        background-color :    #73A317; }
div#footer {
        padding-top :         10px;
        text-align :          center;
        font-size :           9px; }

/* to align left column */
.leftcol {
        float :               left;
        width :               15%;
        width :               expression(body.offsetWidth*.18);
        text-align :          center; }

/* format header */
div#header img {
        margin-top :          5px;
        margin-left :         7px;
        padding-top :         2px;
        padding-bottom :      3px;
        position :            relative;
        left :                -56px;
        left :                expression("-59px"); }

/* the menu */
div.menuitems a, div.menuitems a:visited {
        color :               #B18529; }
div.menutitle {
        float :               left;
        cursor :              pointer;
        width :               12em;
        color :               white; 
        background-color :    #73A317; }
div.firstmenu {
        margin-left :         21px; }
div.firstmenu {
        width :               8em; }
div.menuitems {
        background-color :    #DEE9C8;
        border :              solid #73A317 1px;
        border :              solid 1px #B18529;
        border-top :          none;
        margin-left :         0;
        width :               14em;
        padding :             3px;
        position :            absolute;
        top :                 0px;
        z-index :             3;
        visibility :          hidden; }
/* columns in main */
div#main div {
        float :               left; }
div#tools {
        background-color :    #DEE9C8; }
div#content {
        background-color :    #F0ECDD;
        width :               65%;
        width :               expression(body.offsetWidth*.62-19); }
div#products {
        background-color :    #EAF1DC;
        width :               20%;
        width :               expression(body.offsetWidth*.20); }

/* left column "tools" */
img.i_button {
        float :               left;
        opacity :             .55;
        filter :              alpha(opacity=55);
        -moz-opacity :        0.55; }
img.i_button:hover, img.i_button_hover {
/* msie doesn't support :hover, therefore this issue is solved in msie_css.js, using _hover */
        float :               left;
        cursor :              pointer;
        opacity :             .99;
        filter :              alpha(opacity=100);
        -moz-opacity :        1.; }
div#tools div {
        margin-left:          7px;
        margin-right:         7px;
        padding-left :        5px;
        padding-right :       5px;
        padding-top :         3px;
        border :              solid 1px #73A317;
        border :              solid 1px #B18529;
        width :               83%; }
div#tools div.header {
        color :               white;
        background-color :    #73A317;
        background-color :    #B18529;
        text-align :          center;
        margin-top :          15px;
        padding-top :         0px; }
div#tools input {
        font-size :           9px; }
div#tools p {
        margin-bottom :       expression('3px');
        padding-bottom :      3px;
        text-align :          center; }
div#tools div.kontakt {
/*        text-align :          left;
        font-size :           10px; */
        margin-top :          100px; }
div#tools div#kontakt {
        text-align :          left;
/*        font-size :           10px; 
        margin-top :          100px; */ }

/* middle column "content" */
div#content div {
        padding-bottom :      5px;
        padding-top :         15px;
        padding-right :       10px;
        padding-left :        17px; }
div#content h1.first {
        margin-top :          0; }
div#content p {
        clear :               right;
        margin-bottom :       10px; }

/* right column "products" */
div#products p {
        padding-bottom :      10px;
        padding-left :        20px;
        padding-right :       10px; }
div#products h3 {
        padding-top :         9px;
        padding-top :         expression("15px");
        margin-top :          0px;
        padding-bottom :      10px;
        padding-left :        20px;
        padding-right :       10px;
        font-size :           1.17em;
        line-heigth :         114%; }

/* page specific styles */

/* kontakt */
div#kontakt td.right {
        padding-right :       10px; }

/* lageplan */
div#lageplan p {
        float :               right;
        padding-right :       20px; }
div#lageplan img#plan {
        cursor :              pointer; }
div#lageplan img#uebersichtskarte {
        display :             none; }
div#lageplan p#hint {
        float :               left;
        margin-top :          10px; }

/* katalog */
div#katalog a {
        cursor :              pointer; }
div#katalog a.close {
        float :               right;
        font-size :           100%; }
div#katalog div.prinfo,
div#katalog div.anwend {
        margin-left :         150px;
        margin-left :         expression("80px");
        font-size :           90%; }
div#katalog div.prinfo p,
div#katalog div.anwend p {
        margin-left :         0px;
        font-size :           90%; }
div#katalog div.prinfo td,
div#katalog div.anwend td,
div#katalog div.prinfo h2,
div#katalog div.anwend h2 {
        font-size :           90%; }
div#katalog td.label {
        padding-right :       10px;
        font-weight :         bold;
        font-size :           90%; }

/* produktblatt */
div#produktblatt p.back {
        display :             block;
        padding-top :         15px;
        margin-top :          15px;
        padding-bottom :      10px;
        margin-bottom :       10px; }

div#produktblatt a.back {
        cursor : pointer; }
-->