/**
 * VSPORT
 *
 * @author Cornelius Hansjakob <cha@massiveart.com>
 * @version 1.0
 */


/* ----------------
Reset */
@import url(reset.css);


/* ----------------
Main */

html, body {
  height:100%;
}

body {
  font-family:Arial, sans-serif;
  font-size:13px;
  line-height:20px;
  color:#333; 
}

.clear {
  clear:both;
  font-size:0;
  height:0;
  line-height:0;
  margin:0;
  padding:0;
}

ul {
  list-style: disc;
  padding:0 0 20px 15px;
}

ol {
  list-style:decimal-leading-zero;
  padding:0 0 20px 25px;
}

ul li {
  padding-left:10px; 
}

/* ----------------
Structure */

.wrapper {
  width:576px;
}

.inner {
  width:560px;
  margin:0 auto 0 auto;
  background-color:#E3E3E3;
  border:1px solid #CCCCCC;
}

.top {
  font-size:12px;
  height:35px;
  padding:0 5px 0 5px;
}

.top .left {
  float:left;
  padding:10px 0 0 0;
}

.top .right {
  float:right;
  padding:3px 0 0 0;
}

.content {
  position:relative;
  width:560px;
}

#prev {
  cursor:pointer;
  height:20px;
  position:absolute;
  top:30px;
  width:20px;
  z-index:30;
  left:-8px;
}

#next {
  cursor:pointer;
  height:20px;
  position:absolute;
  top:30px;
  width:20px;
  z-index:30;
  right:-8px;
}

#carousel-wrapper { 
  float:left;
  height:80px;
  margin:0 20px;
  overflow:hidden;
  width:560px;
  background-color:#EFEFEF;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  margin:0 0 5px 0;
}

#carousel-wrapper #carousel-content {
  width:28000px; /* 50 * 560px */
} 

.slide {
  float:left;
  height:80px;
  overflow:hidden;
  width:560px;
}

.slide .img {
  float:left;
  width:100px;
}

.slide .text {
  float:left;
  padding:0 10px 0 0;
  width:448px;
}

.slide .text .description {

}

/* ----------------
Links */

a, a:hover {
  color:#E31937;
  font-size:13px;
  font-weight:normal;
  line-height:20px;
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  color:#333333;
  font-size:18px;
  font-weight:normal;
  letter-spacing:normal;
  line-height:20px;
  margin:7px 0 0 0;
  padding:0 0 5px 0;
}