body {
   background-color: #DFDFE5;
   font-family: verdana, arial, sans-serif;
   font-size: 100%;
}

h1 {
   font-weight: normal;
   font-size: 150%;
   margin-top: 0;
   margin-bottom: 0.1em;
   height: 1.0em;
}

h2 {
   font-weight: normal;
   font-size: 140%;
   line-height: 1.3em;
   padding-top: 0;
   margin-top: 0.2em;
   margin-bottom: 0.2em;
   /*height: 1em;*/
   clear: left;
}

.topmargin10 {
   padding-top: 10px;
}

.topmargin13 {
   padding-top: 13px;
}

.topmargin16 {
   padding-top: 16px;
}

p {
   padding-top: 0;
   margin-top: 7px;
   margin-bottom: 0;
   font-size: 80%;
   clear: left;
}

table, td  {
   border: 0; 
   text-align: center;
   font-size: 90%;
}

.pricelist {
   background-color: white;
   border-top: 1px solid black;
}

.productcol{
   text-align: left;
   vertical-align: top;
   border-bottom: 1px solid black;
   width: 25em;
}

.groupcol{
   text-align: left;
   border-bottom: 1px solid black;
   width: 10em;
}

.pricecol {
   text-align: right;
   vertical-align: top;
   border-bottom: 1px solid black;
   border-left: 1px solid  #C0C0C0;
   width: 10em;
}

.itemcol {
   border-bottom: 1px solid black;
   border-left: 1px solid  #C0C0C0;
   width: 30em;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin-top: 6px;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #C0C0C0;
   border-bottom: 0;
}

.arw {
   width: 26px;
}

.photopadding {   
    padding-top: 7px;
    padding-bottom: 7px;
}

.mwidth {
	max-width: 100%;
	height: auto;
}

a:link, a:visited {
   color: #BE2828;
}

.clbd{
   color: #BE2828;
   /*font-weight: bold;*/
}

a:focus {
   border-width: 1px;
   border-style: solid;   
   font-weight: bold;
}

a:active {
   border-width: 0;
   border-style: none;   
   text-decoration: none;
   font-weight: normal;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

.outercenter {
   padding: 0px;
   margin-left: auto;
   margin-right: auto;
}

/*
.outercenter.w60em {
   max-width: 60em;
}
*/

.outercenter.w900px {
   max-width: 900px;
   min-width: 400px;
}

.outercenter.w90p {
   max-width: 90%;
}
 
.outerframe {
   float: left;
   background-color: #F1F1F1;
   padding: 4px;
   margin-bottom: 10px;
   border-style: solid;
   border-top-color: #C0C0C0;
   border-left-color: #C0C0C0;
   border-right-color: #808080;
   border-width: 1px;
   width: 100%;
   /*min-height: 1200px;*/
}

.logo {
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 0;
   background-color:palegreen;
   background-image: url(wasser.jpg);
}

#menubar {
   margin-top: 2px;
   padding-top: 0;
   padding-bottom: 0.4em;
   margin-bottom: 0;
   margin-left: 0;
   border-bottom: 1px solid #C0C0C0;
}

#menustrip {
   text-align: left;
   color: gray;
   font-size: 85%;
}

#cprgt {
   float: right;;
}

.foto {
   padding-top: 10px;
}

.navi-box {
   float: left;
   width: 140px;
   min-height: 1000px;
   padding: 5px;
   margin-top: 0;
   margin-right: 4px;
   background-image: url(navipanel.png);
   background-size: 100%;
}

.navi-box a:link, .navi-box a:visited {
   color: black;
   text-decoration: none;
}

.navi-box a:focus {
   text-decoration:underline;
}

.navi-box a:hover {
   /*color: white; */
   text-decoration: underline;
}

.navi-box a:active{
   text-decoration: none;
}

.navicurrent {
   color: black;
   font-weight: bold;
}

.navisub1 {
   margin-left: 1.5em;
   margin-top: 0.2em;
}

.navisub2 {
   margin-left: 3em;
   margin-top: 0.2;
}


.pathlink {
   color: gray;
   font-size: 70%;
}

.pathlink a:link, .pathlink a:visited {
   color: gray;
   text-decoration: none;
}

.pathlink a:hover {
   color: black;
   text-decoration: underline;
}

.content-box {
   float: left;
   width: 900px;
   min-width:350px;
   padding: 2px;
   margin-right: 2px;
}

.tile {
   float: left;
   background-color: white;   
   padding: 0;
   margin-top: 0.5em;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 5px;
   text-align: center;
   border-style: solid;
   border-color: black;
   border-width: 1px;
   font-size: 80%;
   color: black;
}

.tile.last {
   margin-bottom: 0.5em;
}

.tile.w14{
   width: 13%;
}

.tile.w17 {
   width: 116px;
}

.tile.w22 {
   width: 175px;
}

.tile.w32{
   width: 239px;
}

.tile.w35{
   width: 260px;
}

.legal {
   padding-top: 1.5em;
   font-size: 80%;
}

.indent2 {
   width: 2em;
   display: block;
   float: left;
}

.indent4 {
   width: 4em;
   display: block;
   float: left;
}

.para {
   display: block;
   float: left;
   width: 40em;
   margin-bottom: 1em;
}

/*<span style="width:50px;display:block;float:left;">
Tel.</span>0123/45678<br />
<span style="width:50px;display:block;float:left;">
Fax.</span>0123/45679 */