
*
{
  margin: 0px;
  padding: 0px;
}
@import url(https://fonts.googleapis.com/css?family=Oswald:400);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed:400);

html
{
  height: 100%;
}

body
{
  height: 100%;
  background: url(../gif/newbg.jpg) left top repeat-y;
/*  background-color: rgb(246,246,255);*/
}

h1 {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
line-height: 1.1;
font-size:1.5em;
margin-bottom: 0px;
font-weight: 600;
color:#c80000;
}
h2 {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
line-height: 1.1;
font-size:1.4em;
margin-bottom: 0px;
font-weight: 600;
color:#c80000;
}
h3 {
font-family: "Ubuntu Condensed", Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 1.0;
margin: 0 0 15px 0;
color: #404040;

}
img
{
  border: 0px;
  display: block;
}

img.inline
{
  display: inline;
}

a.il img
{
  text-decoration: none;
  border: 2px solid rgb(200,200,210);
}

a.il:hover img
{
  text-decoration: none;
  border: 2px solid rgb(200,80,80);
}

.sc
{
  font-variant: small-caps;
}

.container
{
/*  background-image: url(../gif/bg-sidebar.jpg);
  background-repeat: repeat-y;
  background-position: 720px 0px;*/
  background:transparent;
  position: relative;
  min-height: 100%;
  height: auto;
  border:0px solid red;
}

.header
{
  background-image: url(../gif/bg-header.gif);
  background-repeat: repeat-x;
  height: 150px;
}

.label
{
  background-image: url(../gif/label.jpg);
  background-repeat: no-repeat;
  height: 110px;
  width: 690px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.sugar
{
  background-image: url('../gif/1987-2017.png');
  background-repeat: no-repeat;
  height: 113px;
  width: 177px;
  position: absolute;
  top: 20px;
  left: 770px;
}

.content
{
  width: 640px;
  margin: 40px 40px 80px;
  color: rgb(20,20,20);
  font-family: georgia, serif;
  font-size: 14px;
  line-height: 18px;
}

.content a
{
  color: rgb(20,20,20);
  text-decoration: none;
  border-bottom: 2px solid rgb(200,200,210);
}

.content a:hover
{
  text-decoration: none;
  border-bottom: 2px solid rgb(200,80,80);
}

.content p
{
  margin: 12px 0px 0px;
  text-align: left;
}
.content .adr {
font-size: 12px;
line-height: 16px;
}
.content td {
padding:3px;
}

.side-bar
{
  width: 220px;
  margin: 40px 20px 80px;
  color: rgb(20,20,20);
  font-family: verdana, sans-serif;
  font-size: 10px;
  line-height: 14px;
}

.side-bar a
{
  color: rgb(20,20,20);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid rgb(200,200,210);
}

.side-bar a:hover
{
  text-decoration: none;
  border-bottom: 3px solid rgb(200,80,80);
}

.side-bar p
{
  margin: 10px 0px 0px;
  text-align: left;
}

.footer
{
  background-image: url(../gif/bg-footer.gif);
  background-repeat: repeat-x;
  height: 40px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.copyright
{
  background-image: url(../gif/fuss.gif);
  background-repeat: no-repeat;
  height: 20px;
  width: 585px;
  position: absolute;
  top: 10px;
  left: 40px;
}

.contact-form .form-text
{
  margin-top: 4px;
  font-weight: bold;
}

.contact-form input
{
  width: 220px;
  border: 1px solid rgb(200,200,200);
  background-image: url(../gif/bg-input.gif);
  color: rgb(20,20,20);
  font-family: verdana, sans-serif;
  font-size: 12px;
  line-height: 15px;
  padding: 4px 2px;
  margin: 0px 0px 12px 0px;
}

.contact-form textarea
{
  width: 300px;
  height: 120px;
  border: 1px solid rgb(200,200,200);
  background-image: url(../gif/bg-textarea.gif);
  color: rgb(20,20,20);
  font-family: verdana, sans-serif;
  font-size: 12px;
  line-height: 15px;
  padding: 4px 2px;
  margin: 0px 0px 12px 0px;
}

.lightb {
float:left;
margin:2px 4px 2px 0;
}