html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body {
  font-family: Verdana;
  font-size: small;
  color: #555555;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}
#header {
  height: 70px;
  width: 100%;
  background-color: #000000;
}

#content {
  padding: 0 10px 6em 10px;  
}

#footer {
  height: 6em;
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: solid 2px;
  border-color: #000000;
}
#content-head {
  margin-top: 20px;
  border-top: solid 1px;
  border-bottom: solid 1px;
  border-color: #999999;
  font-size:120%;
  font-weight:bold;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
div.cleaner {clear: both;
}
.leatherman {
width: 50%;
float: left;
text-align: left;
padding: 10px;
}

.green {
margin-left: 50%;
text-align: right;
padding: 10px;
}
#menu { 
 background-color: #999999; 
 width: 100%;
 border-top: solid 2px;
 border-color: #f0d627;
}
td.menu {
text-align: center;
border-left: solid 1px;
border-color: #ffffff;
}
#katalog {
width: 100%;
padding: 0;
margin: 0;
}
#katalog2 {
width: 30%;
padding: 0;
margin: 0;
}
td.tool {
font-size: 120%;
color: #999999;
font-weight:bold;
padding: 5px 0 5px 25px;
vertical-align: top;
text-align: center;
}
td.tools {
font-size: 100%;
color: #999999;
font-weight:bold;
padding:  0;
vertical-align: top;
}

td.tools ul {
list-style:  url('/leatherman/images/button.gif');
}
td.knife ul {
list-style:  url('/leatherman/images/button2.gif');
}
td.tools li a:active     { font-size:100%; color: #769ec1; font-weight:bold; text-decoration:underline }
td.tools li a:visited    { font-size:100%; color: #769ec1; font-weight:bold; text-decoration:underline }
td.tools li a:hover      { font-size:100%; color: #769ec1; font-weight:bold; text-decoration:none }
td.tools li a:link       { font-size:100%; color: #769ec1; font-weight:bold; text-decoration:underline }

td.knife li a:active     { font-size:100%; color: #844f87; font-weight:bold; text-decoration:underline }
td.knife li a:visited    { font-size:100%; color: #844f87; font-weight:bold; text-decoration:underline }
td.knife li a:hover      { font-size:100%; color: #844f87; font-weight:bold; text-decoration:none }
td.knife li a:link       { font-size:100%; color: #844f87; font-weight:bold; text-decoration:underline }

p            { font-size:100%; color:#555555;}
tr           { font-size:100%; color:#555555;}
td           { font-size:100%; color:#555555;}
div          { font-size:100%; color:#555555;}

a:active     { font-size:100%; color: #555555; font-weight:bold; text-decoration:underline }
a:visited    { font-size:100%; color: #555555; font-weight:bold; text-decoration:underline }
a:hover      { font-size:100%; color: #555555; font-weight:bold; text-decoration:none }
a:link       { font-size:100%; color: #555555; font-weight:bold; text-decoration:underline }

a:active.menu   { font-size:100%; color: #ffffff; font-weight:normal; text-decoration:none }
a:visited.menu  { font-size:100%; color: #ffffff; font-weight:normal; text-decoration:none }
a:hover.menu    { font-size:100%; color: #ffffff; font-weight:normal; text-decoration:underline }
a:link.menu     { font-size:100%; color: #ffffff; font-weight:normal; text-decoration:none }

h1           { background-image:url('/leatherman/images/header.gif'); background-repeat: no-repeat;  background-position: 5 5; font-size:14px; color: #000000; /*background-color:#faa61a;*/ padding-left: 20px;}
h2           { font-size:18px; color: #2b6259;  padding-left: 10px;}
h3           { font-size:16px; font-style:italic; font-weight:bold; color:#2b6259;}
h4           { font-size:14px; color:#000000; font-weight: bold; background-color: #769ec1; width: 100%; padding: 10px;}
h5           { font-size:14px; color:#000000; font-weight: bold; background-color: #844f87; width: 100%; padding: 10px;}
h6           { font-size:10px; color: #7c0718; font-weight: bold; }