#midContainerDiv {
  padding:10px;
  width:980px !important;
  min-height:300px;
}
#midContainerDiv,
#midContainerDiv table,
#midContainerDiv input,
#midContainerDiv textarea,
#midContainerDiv select,
#midContainerDiv button {
  font-family:arial,sans-serif;
  font-size:12px;
  color:#000 !important;
}

#midContainerDiv h1,
#midContainerDiv h2,
#midContainerDiv h3,
#midContainerDiv h4,
#midContainerDiv h5,
#midContainerDiv h6,
#midContainerDiv p,
#midContainerDiv table {
  margin:0 0 1em 0;
}
#midContainerDiv h1 {
  font-size:24px;
  color:#000;
  margin:0 0 .5em 0;
}
#midContainerDiv h2 {
  font-size:24px;
  color:#bBbAbB;
  margin:0 0 .5em 0;
}
#midContainerDiv a {
  font-size:1em;
}
#midContainerDiv table th {
  border-bottom:solid #DBDADB 2px;
  text-align:left;
  vertical-align:bottom;
}
#midContainerDiv table td {
  border-bottom:solid #eee 1px;
  text-align:left;
  vertical-align:top;
}
img {
  border:0;
}
.borderBottom {
  border-bottom:solid #DBDADB 2px;
}
.nowrap {
  white-space:nowrap;
}

/* clearfix
********************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
#container {
  width:1000px;
  margin:0 auto;
  background:#fff;
}
#header {
  background:url(/assets/images/headerBg.jpg);
  height:68px;
}
#header a {
  display:block;
  float:right;
  padding:0 0 0 10px;
  margin:0 10px 0 0;
  color:#333;
  border-left:solid #555 2px;
  text-transform:uppercase;
  font-size:11px;
}
#header a:hover {
  text-decoration:none;
}
#banner {
  background:url(/assets/images/banner.jpg);
  height:150px;
}
#content {
  padding:15px;
  min-height:300px;
}
.contentBox {
  border:solid #DBDADB 2px;
  padding:13px;
}
#footer {
  height:30px;
  background:url(/assets/images/footerBg.jpg);
  padding:10px;
  font-size:11px;
}

.articles {
  border:solid #DBDADB 2px;
  padding:13px;
  position:relative; /* IE6 fix */
}
.article {
  border-bottom:solid #DBDADB 2px;
  padding:10px 0;
}
.article:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.article .image {
  width:200px;
  float:left;
  margin:0 20px 0 0;
}
.article .text {
  float:left;
  width:520px;
  margin:0 20px 0 0;
}
.article .prices {
  float:left;
  width:180px;
  margin:0;
}
.article .price {
  text-align:right;
  font-size:24px;
  color:#000;
  font-weight:bold;
  border-bottom:solid #DBDADB 2px;
  clear:both;
}
.article .prices .label {
  width:60px;
  display:block;
  float:left;
  margin:0 0 .5em 0;
}
.article .prices .artnr {
  width:120px;
  display:block;
  float:left;
  text-align:right;
  margin:0 0 .5em 0;
}
.carbon,
.titan {
  border-bottom:solid #DBDADB 2px;
  padding:.5em 0;
}


.infoPDF {
  margin:1em 0;
  width:240px;
}
.infoPDF .thumbnails {
  float:left;
}
.infoPDF .thumbnails img {
  padding:1px;
  border:solid #DBDADB 1px;
  float:left;
  margin: 0 3px 3px 0;
}
.infoPDF .thumbnails a:hover img {
  border:solid #E73C29 1px;
}


/* Bike Select
*****************************/
.bikeSelect a {
  font-weight:normal;
  font-size:11px;
}

.bikeSelect {
  height:50px;
}
.bikeSelect:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.select {
  float:left;
  width:200px;
}
.select .label {
  font-size:11px;
}
.selectgroup {
  width:190px;
  line-height:16px;
  position:absolute;
  background:#000 url(/assets/images/bikeSelectBg.gif) repeat-x;
  xdisplay:none;
  color:#fff;
  margin:0 10px 0 0;
  z-index:1000;
}
.selectgroup .title {
  padding:3px 10px;
  background:url(/assets/images/darr.gif) 175px 10px no-repeat;
}
.selectgroup .selectoptions {
  display:none;
  overflow:auto;
  max-height:300px;
  height: expression( this.scrollHeight > 300 ? "300px" : "auto" );
}
.selectgroup .selectoptions a {
  display:block;
  padding:1px 10px;
  color:#fff;
  text-decoration:none;
}
.selectgroup .selectoptions a:focus {
  outline:0;
}
.selectgroup .selectoptions a.active {
  font-weight:bold;
}

.selectgroup .selectoptions a:hover {
  background:#555;
}

/* Forms
************************************/
input.text,
textarea {
  border-top:solid #dad8d9 1px;
  border-right:solid #bcbabc 2px;
  border-bottom:solid #bcbabc 2px;
  border-left:solid #dad8d9 1px;
}
input.button,
button {
  background:#f00 url(/assets/images/buttonBg.gif);
  color:#fff;
  border:0;
  height:28px;
  font-weight:bold;
  text-transform:uppercase;
}

/* Imagebox */
div.imageBox {
  margin: 0 10px 3px 0;
  float:left;
}
div.imageBoxInside {
  background:#CCCCCC none repeat scroll 0 0;
  padding:5px;
  margin:0 0 2px;
}

/* dB-Eater dazubestellen */
.dazubestellen {
  clear:both;
  border-top:solid #E8E8E8 1px;
  padding:5px 0;
}
.dazubestellen-image {
  float:left;
  width:80px;
  height:60px;
  margin:0 20px 0 0;
}
.dazubestellen-text {
  float:left;
  width:520px;
  margin:0 20px 0 0;
  line-height:15px;
}
.dazubestellen-preisinfo {
  float:left;
  width:180px;
}
.dazubestellen .preis {
  text-align:right;
  font-weight:bold;
  line-height:25px;
}
.dazubestellen-button {
  float:left;
  width:180px;
}
.dazubestellen-preisinfo .artnr {
  width:180px;
  display:block;
  text-align:right;
  margin:0 0 .5em 0;
}

/* Link mit animiertem Pfeil */
a.aarr {
  display:block;
  float:left;
  margin:0 10px 0 0;
  line-height:22px;
  border:solid #CBCBCB 1px;
  background:url(images/aarr.gif) no-repeat 1px 1px;
  padding:0 0 0 21px;
  text-transform:uppercase;
  color:#444445;
  text-decoration:none;
  font-size:13px;
}
a.aarr span {
  background:#eee;
  padding:0 3px;
  line-height:20px;
  display:block;
  margin:1px;
}
a.aarr:hover span {
  background:#ccc;
}

/* Multibox */
div.MultiBoxContainer {
  z-index: 1001; /* vor Bike-Select */
}