/* GENERAL */

body {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 13px;
  color: #000000;
  background: #051a2f url(images/gradient.png) repeat-x;
}

h1, h2 {
  font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
}

h1 {
  font-size: 19px;
  font-weight: bold;
  color: #0c4da2;
  margin: 0 0 6px 0;
}

h2 {
  font-size: 15px;
  font-weight: bold;
  color: #5e5e5e;
  margin: 0 0 4px 0;
}

.center {
  text-align: center;
}

.medium {
  font-size: 14px;
}

.small {
  font-size: 10px;
}

p.bar {
  margin-bottom: 0;
}

/* TABLES */

td, th {
  vertical-align: top;
}

/* IMAGES */

img.left {
  float: left;
  margin: 0 10px 0 0;
}

img.right {
  float: right;
  margin: 0 0 0 10px;
}

img.contact {
  position: relative;
  top: 2px;
}

img.no_border {
  border: 0px;
}

img.border, dl.image img {
  border: 1px solid #979797;
}

dl.image {
  text-align: left;
  font-size: 10px;
}

dl.image dt {
  margin: 0;
}

dl.image dd {
  margin: 0;
}

dl.image.right {
  float: right;
  margin: 0 0 0 10px;
}

dl.image.left {
  float: left;
  margin: 0 10px 0 0;
}

a.sf {
  position: absolute;
  top: 4px;
  right: 4px;
  padding-left: 14px;
  background: url(images/sf-design.png) no-repeat left center;
}

/* LAYOUT */

#root {
  width: 880px;
  margin: 10px auto;
  text-align: left;
}

#header {
  height: 157px;
}

#main {
  position: relative;
  background-color: #f4f4f4;
  background-image: url("images/main_bg.jpg");
  background-repeat: repeat-y;
  border-bottom: 1px solid #a5a5a5;
}

#nav {
  float: left;
  width: 151px;
  padding: 10px 0 50px 0;
}

#nav ul {
  width: 121px;
  list-style-type: none;
  margin: 0 15px;
  padding: 0px;
  font-size: 11pt;
}

#nav ul li {
  padding: 2px 0 14px 2px;
}

#nav ul li span {
  font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
  display: block;
  width: 100%;
  margin-bottom: 4px;
  font-weight: bold;
  border-bottom: 1px solid #121212;
}

#nav ul ul {
  list-style-type: disc;
  color: #acacac;
  padding-left: 2px;
}

#nav ul ul li {
  font-size: 15px;
  padding-top: 1px;
  padding-bottom: 1px;
}

#nav ul li a, #nav ul li a:visited {
  text-decoration: none;
  color: #133367;
}

#nav ul li a:hover {
  text-decoration: underline;
  color: #1864db;
}

#content {
  float: left;
  width: 699px;
  padding: 15px;
  text-align: justify;
  line-height: 18px;
  letter-spacing: 0.4px;
}

#content ul {
  list-style-type: disc;
  margin: 4px 0 4px 24px;
  padding: 0px;
}

#content ul li {
  padding: 2px 0;
}

#content a, #content a:visited {
  text-decoration: none;
  color: #14488f;
}

#content a:hover {
  text-decoration: underline;
}

#footer {
  position: relative;
  text-align: center;
  font-size: 13px;
  color: #65707a;
  padding-top: 4px;
}

#footer a, #footer a:visited {
  text-decoration: none;
  color: #65707a;
}

#footer a:hover {
  text-decoration: underline;
}

/* LEISTUNGEN */

p.brands {
  margin: 20px 0 0 20px;
}

p.brands a {
  margin-right: 40px;
}

p.brands a img {
  vertical-align: middle;
}