* {
  margin:0;
  padding:0;
  line-height:1.2;
}

html, body {
  background:#0077B8;
  color:#000000;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
}

img {
  border:none;
}

a, a:visited, a:active {
  color:#000000;
  text-decoration:none;
}

a:hover {
  color:#000000;
  text-decoration:underline;
}

div#main {
  margin:0 auto;
  width:892px;
}

/* div#left */

div#left {
  margin-right:2px;
  width:135px;
  background:#9BBFE1;
  float:left;
}

div#left ul {
  margin:25px 0 25px 15px;
  list-style-type:none;
}

div#left ul li {
  width:120px;
  height:25px;
}

div#left ul li a {
  display:block;
  padding:5px 0;
  width:110px;
  height:15px;
  background:none;
}

div#left ul li a:hover {
  color:#FFFFFF;
  background:url(./images/navi-li.jpg) no-repeat;
  background-position:right top;
  text-decoration:none;
  text-shadow:1px 2px 2px #000000;
  filter:dropshadow(color=#000000, offx=1, offy=2);
}

div#left ul li a:active, div#left ul li a:focus {
  color:#F80000;
  background:url(./images/navi-li.jpg) no-repeat;
  background-position:right bottom;
  text-decoration:none;
  text-shadow:1px 2px 2px #FFFFFF;
  filter:dropshadow(color=#FFFFFF, offx=1, offy=2);
}

/* div#right */

div#right {
  width:755px;
  background:#FFFFFF;
  float:right;
  position:relative;
}

div#headline {
  width:755px;
  height:28px;
  color:#FFFFFF;
  background:#0176B9;
  overflow:hidden;
}

div#headline span.left {
  display:block;
  padding:2px 5px;
  height:24px;
  font-size:20px;
  font-style:italic;
  font-weight:bold;
  text-transform:capitalize;
  float:left;
}

div#pre-pics {
  width:450px;
  height:90px;
  background:#4D5967;
  position:absolute;
  top:126px;
  right:0px;
}

div#scroll-left {
  width:40px;
  height:90px;
  float:left;
  background:url(./images/scroll-left.jpg) no-repeat center;
}

div#scrollbox {
  padding:5px 0;
  width:370px;
  height:80px;
  overflow:hidden;
  float:left;
}

div#scrollbox a {
  margin:0 5px;
  float:left;
}

div#scroll-right {
  width:40px;
  height:90px;
  float:right;
  background:url(./images/scroll-right.jpg) no-repeat center;
}

div#inner {
  padding:40px 25px;
  width:705px;
}

div#inner a.produkte {
  display:block;
  width:210px;
  height:105px;
  text-indent:-1000px;
  background-repeat:no-repeat;
  overflow:hidden;
  float:left;
}

div#inner a.produkte:hover {
  background-position:0 -105px;
}

h1 {
  color:#508EBF;
  font-size:28px;
  font-style:italic;
  font-weight:bold;
  text-transform:capitalize;
}

h2 {
  margin:5px 17px 5px 0;
  color:#FFFFFF;
  background:#4E8ECB;
  font-size:11px;
  line-height:2;
  font-weight:normal;
  text-align:center;
}

h3 {
  color:#508EBF;
  font-size:11px;
  font-weight:normal;
}

h3 a, h3 a:visited, h3 a:active {
  color:#508EBF;
}

h3 a:hover {
  text-decoration:none;
}

hr {
  height:1px;
  color:##0476B2;
  background-color:#0476B2;
  border:0;
}

div.text {
  margin-top:50px;
  width:260px;
  float:left;
}

div.einsatz-small {
  padding:5px;
  width:248px;
  border:1px solid #0476B2;
  float:left;
}

div.einsatz-small a {
  display:block;
  margin:5px 10px;
  height:47px;
  float:left;
}

div.big-pic {
  margin-top:50px;
  width:425px;
  text-align:center;
  float:right;
}

p.farben {
  display:block;
  margin:0 5px;
  padding-top:80px;
  width:100px;
  height:20px;
  color:#000000;
  background-repeat:no-repeat;
  text-align:center;
  float:left;
}

table.daten {
  float:right;
}

table.daten th {
  color:#FFFFFF;
}

table.daten th, table.daten td {
  padding:2px 15px;
  text-align:center;
}

table.deko-quer {
  margin-right:17px;
  width:280px;
  float:right;
  text-align:center;
}

table.deko-quer th {
  line-height:1.5;
  color:#FFFFFF;
  background:#4E8ECB;
}

div.accessoires {
  margin:0 25px 25px 0;
  padding-top:5px;
  border:1px solid #508FCC;
  float:left;
}

div.accessoires img {
  display:block;
}

div.accessoires h4 {
  margin:5px;
  color:#FFFFFF;
  background:#4E8ECB;
  font-size:11px;
  font-weight:normal;
  text-align:center;
  line-height:1.6;
}