body { background-color:#cfc;
       font-size:100.01%;
       font-family:Arial, Verdana, Helvetica, Sans-Serif;
       color:#030;
       padding:0px;
       margin:0px;
       height:100%; }

html {height:100%; }

p { margin-top:2px; margin-bottom:2px; }

ul.text { margin-top:1em; margin-left:-10px; }
li.text { margin-top:0.6em; }
li.ohne { margin:0px; list-style:none; }
ul.preis {margin-top:3px; margin-bottom:3px; margin-left:-40px; list-style:none; }

h1.ueber { font-size:0.8em; letter-spacing:0.1em; margin-top:0.5em; margin-bottom:0px; text-align:center; line-height:1em; }

h1.text { font-size:1em; letter-spacing:0.1em; margin-top:0.5em; margin-bottom:0.5em; text-transform:uppercase; text-align:center; display:inline; }

h2.text1 { font-size:1.0em; letter-spacing:0.1em; margin-top:0.5em; margin-bottom:0.5em; text-transform:uppercase; display:inline; }

h2.streifen { font-size: 0.8em;
              text-transform:uppercase;
              text-align:center;
              margin:0px auto;
              line-height:2em;
              letter-spacing:0.04em; }

.boldcenter { padding-left:5em; font-weight:bold;  }

.smaller { font-size: 0.8em; }

span.red {color:#f00; }

.bold { font-weight:bold; }

.boldcenter { padding-left:5em; font-weight:bold;  }

a.text {color:#fff; text-decoration:underline; }

a.kontakt {color:#000; text-decoration:underline; }

dl { background-color:#cfc; }
dt { float:left; width:12em; padding:0.2em 0; }
dd { margin-left:12em; padding:0.2em 0; }

dl.link { margin-top:0.5em; margin-bottom:1.5em; }
dt.link { float:left; width:18em; padding:0.2em 0; }
dd.link { margin-left:18em; padding:0.2em 0; }

/* ----------container zentriert das layout-------------- */
#container { width:64em;
             padding:0px;
             margin:0px;
             margin-left:auto;
             margin-right:auto;
             border-left:1px solid #030;
             border-right:1px solid #030; }

/* ----------banner for logo-------------- */
#banner { background-image:url(images/banner.jpg);
          background-repeat:no-repeat;
          background-position:top center;
          width:60em;
          padding:0px;
          margin-top:0.8em;
          margin-left:auto;
          margin-right:auto;
          height:5.7em;
          color:#fcc;
          font-size:0.8em;
          border-left:1px solid #030;
          border-right:1px solid #030; }

#streifen { font-size: 0.9em;
            text-transform:uppercase;
            background-color:#030;
            color:#fff;
            border-bottom:0.2em solid #cfc;
            padding:0;
            line-height:2em;
            width:100% }

/* ----------outer und inner----------------- */

#outer { border-left: solid 10.8em #363; padding-top:0px; /* linke Menue Spalten Farbe  */
         background-color: #fff; /* Farbe fuer Inhalt Spalten  */ }

#inner { margin:0px; width:100%;
         color:#fff;
         background-color:#363;
         padding:2px; }

/* --------------left navigation und right------------- */

#nav  { width: 14em;
        float: left;
        position: relative;
        margin-top: 3em;
        margin-left: -15.3em;
        margin-right: 0px;
        padding: 0;
        background-color: #cfc;
        font-size: 0.7em;
        font-weight:bold; }

#nav li
      { width: 14em;
        margin: 0;
        padding: 0;
        background-color: #363;
        line-height: 1.5em;
        list-style: none; }

#nav li.leer { background-color:#030; color:#fff; border-bottom:1px solid #cfc; width:14.9em; }

#nav li.leer:hover { background-color:#030; color:#fff; border-bottom:1px solid #cfc; width:14.9em; }

#nav li:hover
      { width: 14em;
        margin: 0;
        padding: 0;
        background-color: #cfc;
        line-height: 1.5em;
        color: #fcc; }

#nav ul
      { margin: 0;
        padding: 0;
        background-color: #363;
        line-height: 1.5em; }

#nav a
      { width: 14em;
        display:block;
        color:#fff;
        padding: 0;
        padding-left:10px;
        margin: 0;
        background-color: #363;
        border-bottom: 1px solid #cfc;
        text-decoration: none;
        line-height: 1.5em; }

#nav a:link, #nav a:visited
      { color: #fff; }

#nav a:hover, #nav a:focus
      { color: #030;
        display: block;
        background-color: #cfc; }

#nav a.current { color: #030;
                 display: block;
                 background-color: #cfc;
                 border-bottom:1px solid #363;
                 border-top:1px solid #363; }

#nav a.tipp { line-height:1.3em; padding-top:0.5em; padding-bottom:0.5em; }

a.footer { font-size:0.6em; color:#fff; text-decoration:none; text-transform:none; letter-spacing:0em; text-align:left; }

#content img { padding:10px; }

/* -----------------Inhalt--------------------- */
#content { width:63.5em;
           margin:0px;
           background-color:#cfc;
           color:#000;
           font-size:0.8em;
           padding-top:0.5em;
           padding-right:1.5em;
           padding-left:1.5em;
           padding-bottom:1.3em; }

#contenttable { position: relative;
                width:63.5em;
                margin:0px;
                background-color:#cfc;
                color:#000;
                font-size:0.7em;
                padding-top:0.5em;
                padding-right:5px;
                padding-left:5px;
                padding-bottom:1.3em; }

#content table.produkt { width: 95%; border: none; font-size: 0.8em; border-spacing: 0px; }

#content table.tab2 { width: 100%; border-spacing: 0px; font-size: 1.1em; }

#content table.tab2 td { border: 1px solid #003F00; }

#form { width:30em; border:1px solid #ff0; }

/* #content table { border: none; width: 95%; background-color: #cfc; font-size: 0.85em; }

table.tab2 { border-spacing: 0px; }

table.tab2 tr,td { border: 1px solid #005F00; border-collapse: collapse; border-spacing: 0px; font-size: 1.0em; }

table.tab0 {  background-color:#cfc; width:90%; }

table.tab1 {  background-color:#cfc; border:0; width: 100%; }

table.preis { width:95%em; font-size:1.2em; background-color:#cfc; text-align:left; }

table.preis1 { width:43em; font-size:1.2em; background-color:#cfc; text-align:left; border:1px solid #030; border-collapse:collapse; }

table.kontentkontakt { width:35em; font-size:1.0em; background-color:#cfc; text-align:left; } */

tr.hgruen { background-color:#cfc; }
tr.dgruen { background-color:#696; color:#fff; font-weight:bold; }
td.lefttop { text-align:left; vertical-align:top; font-size:1.4em; }
td {text-align:center; }
td.mgruen { background-color:#9c9; color:#030; }
td.left { text-align:left; padding-left:3em; }
td.right { text-align:right; }
.form6 { border:1px solid #030; border-collapse:collapse; }

#box { color:#36c; }
#box a { display:block;
         color:#36c;
         padding:0;
         border:0;
         text-decoration:none; }
#box a:hover { width:40em; }
#box a span { display:none; }
#box a:hover span { color:black;
                    border:1px solid #000;
                    display:block;
                    padding:3px; }
#box1 { color:#36c; }
#box1 a { display:block;
         color:#36c;
         padding:0;
         border:0;
         text-decoration:none; }
#box1 a:hover { width:40em; }
#box1 a span { display:none; }
#box1 a:hover span { color:black;
                    border:1px solid #000;
                    display:block;
                    padding:3px; }
#box2 { color:#36c; }
#box2 a { display:block;
         color:#36c;
         padding:0;
         border:0;
         text-decoration:none; }
#box2 a:hover { width:40em; }
#box2 a span { display:none; }
#box2 a:hover span { color:black;
                    border:1px solid #000;
                    display:block;
                    padding:3px; }
#box3 { color:#36c; }
#box3 a { display:block;
         color:#36c;
         padding:0;
         border:0;
         text-decoration:none; }
#box3 a:hover { width:40em; }
#box3 a span { display:none; }
#box3 a:hover span { color:black;
                    border:1px solid #000;
                    display:block;
                    padding:3px; }
#box4 { color:#36c; }
#box4 a { display:block;
         color:#36c;
         padding:0;
         border:0;
         text-decoration:none; }
#box4 a:hover { width:40em; }
#box4 a span { display:none; }
#box4 a:hover span { color:black;
                    border:1px solid #000;
                    display:block;
                    padding:3px; }
#box5 { color:#36c; }
#box5 a { display:block;
         color:#36c;
         padding:0;
         border:0;
         text-decoration:none; }
#box5 a:hover { width:40em; }
#box5 a span { display:none; }
#box5 a:hover span { color:black;
                    border:1px solid #000;
                    display:block;
                    padding:3px; }

/*  ----------------footer---------------------- */
#footer { clear:both;
          padding:0px 50px;
          margin:0px;
          text-align:right;
          background-color:#030;
          color:#fff;
          font-size:1.0em; font-weight: bold; letter-spacing:0.2em; margin-top:0.2em; margin-bottom:3px; text-transform:uppercase;
          line-height:2em; }

#footer .copy { color: #fff;
                font-size: 0.7em;
                letter-spacing: normal;
                margin-left: 5em;
                text-transform: none; }

#footer .copy a { text-decoration: none; }