/* Zweiter Versuch - Better luck this time */

@font-face {
 font-family: 'GraublauWebRegular';
 src: url( font/GraublauWeb.eot ); /* IE */  
 src: local('Graublau Web Regular'), local('GraublauWeb-Regular'), url('font/GraublauWeb.woff') format('woff'), url('font/GraublauWeb.otf') format('opentype'), url('font/GraublauWeb.svg#GraublauWeb-Regular') format('svg');
}

div#MenuBox
{
width:900px;
margin-top:10px;
margin-left: auto;
margin-right: auto;
}

div#HauptBox
{
width:952px;
height:476px;
margin-top:30px;
margin-left: auto;
margin-right: auto;
}

body
{
background-image:url('img/hintergrund.jpg');
background-repeat:repeat-x;
background-color:#d1ccc4;
font-size:100%;
} 

h1 {font-size:2.5em} /* 40px/16=2.5em */

a {
text-decoration:none;
color:white;
outline:none;
}

p {
padding-top:20px;
padding-left:20px;
padding-right:30px;
font-family:GraublauWebRegular;
font-size:14px;
color:white;
}
 
ul {
font-family:GraublauWebRegular;
font-size:14px;
color:white;
}

ul.menu {
float:right;
padding-top:8px;
padding-right:0px;
margin:0;
list-style-type:none;
}

a.menu {
float:left;
text-decoration:none;
// color:#5E1413;
color:#5E767B;
padding:3px 10px;
border:0px;
font-family:GraublauWebRegular;
font-weight:bold;
text-align:right;
outline-style:none;
outline-width:0;
}

//a.menu:hover {color: #bde3f2;}
a.menu:hover {color: #5E1413;}

li.menu {display:inline}

img.slogan {
float:left;
padding-left:16px;
padding-top:30px;
}

img.pfl {
border-style: none;
float:left;
padding-left:28px;
padding-top:52px;
z-index: 2;
}

img.pfr {
border-style: none;
float:right;
padding-right:43px;
padding-top:52px;
z-index: 2;
}

/*
img.pfr {
border-style: none;
position: absolute;
float:right;
padding-left:385px;
padding-top:205px;
z-index: 2;
}
*/

img.artlogo {
 float:left;
 width:160px;
 height:51px;
 border-style:none;
}

#scrollDiv {
  position: relative;
  width: 907px;
  height: 130px;
  margin-top: 130px;
  margin-left: 16px;
  overflow: hidden;
  border: 0px;
}

#scroller {
  width: 1208px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

#scroller_kunden {
  width: 3939px; /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
}

.scrollContent, .scrollContent a:link, .scrollContent a:visited {
  width: 302px;
  height: 121px;
  float: left;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-style: none;
  text-decoration:none;
  outline-style:none;
  outline-width:0;
}

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  border-style: none;
  font-size: 13px;
  color:#00009C;
  font-weight: bold;
}

<!--[if IE]>
<style type="text/css">

#scroller{
  width: 882px; /* = width + margin left + margin right from the content rule + border*2 from the container rule*/
}

</style>
<! [endif]-->