/* ========== ContentFlow ========== */
/*
* default style to look nice
*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\000039}}
.ContentFlow .flow {
  /*border: 1px solid green;*/
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000315}}
.ContentFlow .flow .item {
  /*border: 1px solid red;*/
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000318}}
.ContentFlow .flow .item canvas.content {
  height: 100%;
  width: 100%;
  /*border: 1px solid yellow;*/
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000323}}
.ContentFlow .flow .item img.content {
  /*border: 1px solid yellow;*/
  width: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000328}}
.ContentFlow .flow .item img.reflection,
.ContentFlow .flow .item canvas.reflection {
  width: 100%;
}

/* ----- styling of items ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000332}}
.ContentFlow .flow .item.active {
  cursor: pointer;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000335}}
.ContentFlow .flow .item .caption {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  color: white;
  max-height: 30%;
  bottom: 10%;
  background: url(/images/1x1_0.5_white.png);
  width: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000345}}
* html .ContentFlow .flow .item .caption {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/1x1_0.5_white.png');
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000353}}
.ContentFlow .flow .item .caption a,
.ContentFlow .flow .item .caption a:link,
.ContentFlow .flow .item .caption a:visited,
.ContentFlow .flow .item .caption a:active,
.ContentFlow .flow .item .caption a:hover {
  text-decoration: none;
  color: white;
  font-style: italic;
  font-size: 0.8em;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000359}}
.ContentFlow .flow .item .caption a:hover {
  text-decoration: underline;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000362}}
.ContentFlow .flow .item.active .caption {
  /*display: block;*/
  /* uncomment to show caption inside item */
}

/* ----- scrollbar ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000367}}
.ContentFlow .scrollbar {
  width: 50%;
  margin: 0px auto;
  margin-top: 10px;
  height: 16px;
  background: url(/images/scrollbar_blue.png) left center repeat-x;
  position: relative;
  overflow: visible;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000377}}
.ContentFlow .scrollbar .slider {
  width: 16px;
  height: 16px;
  background: url(/images/slider_blue.png) center center no-repeat;
  cursor: move;
}

/* only for IE <= 6 and a alphatransparent slider image */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000385}}
* html .ContentFlow .scrollbar .slider {
  background-image: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000386}}
* html .ContentFlow .scrollbar .slider .virtualSlider {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/slider_blue.png');
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000389}}
.ContentFlow .scrollbar .slider .position {
  top: 120%;
  font-size: 16px;
  font-weight: bold;
  color: #073070;
}

/* ----- global caption ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\0000397}}
.ContentFlow .globalCaption {
  text-align: center;
  font-weight: bold;
  color: white;
  font-size: 14px;
  height: 20px;
  margin: 2em auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003111}}
.ContentFlow .globalCaption .caption a,
.ContentFlow .globalCaption .caption a:link,
.ContentFlow .globalCaption .caption a:visited,
.ContentFlow .globalCaption .caption a:active,
.ContentFlow .globalCaption .caption a:hover {
  text-decoration: none;
  color: white;
  font-style: italic;
  font-size: 0.8em;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003118}}
.ContentFlow .globalCaption .caption a:hover {
  text-decoration: underline;
}

/* ----- load indicator ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003123}}
.ContentFlow .loadIndicator {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: black;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003130}}
.ContentFlow .loadIndicator .indicator {
  background: url(/images/loader.gif) center center no-repeat;
  width: 100%;
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003135}}
* html .ContentFlow .loadIndicator .indicator {
  height: 100px;
}

/* ================================= */
/* ========== ContentFlow ========== */
/* 
* This is the basic CSS file needed for the correct functioning of ContentFlow.
* DON'T CHANGE IT.
*
*/
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003150}}
.ContentFlow {
  position: relative;
  /* needed so overlay dimensions are constrained to the ContentFlow */
  overflow: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003154}}
.ContentFlow * {
  margin: 0px;
  padding: 0px;
  /*border: none;*/
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003159}}
.ContentFlow img {
  -ms-interpolation-mode: bicubic;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003163}}
.ContentFlow .mouseoverCheckElement {
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0px;
  /*display: none;*/
  visibility: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003171}}
.ContentFlow:hover .mouseoverCheckElement {
  left: 1px;
  /*width: 1px;*/
  /*left: -1px;*/
  /*background-color: red;*/
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003177}}
.ContentFlow .flow {
  position: relative;
  /* needed  so that items can be positioned relative to flow*/
  z-index: 0;
  /* need so every item has a z-index relative to the flow-box */
  visibility: hidden;
  /* needed so that content is hidden while loading */
  width: 100%;
  /* needed for IE6 */
  margin: 0 auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003184}}
.ContentFlow .flow.hidden {
  visibility: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003188}}
.ContentFlow .flow .item {
  position: absolute;
  /* needed */
  visibility: hidden;
  top: 0px;
  left: 0px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003196}}
.ContentFlow .flow .item .content {
  display: block;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003199}}
.ContentFlow .flow .item div.content {
  width: 100%;
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003203}}
.ContentFlow .flow .item .label {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003206}}
.ContentFlow .flow .item .reflection {
  display: block;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003209}}
.ContentFlow .flow .item canvas.reflection {
  margin-top: -1px;
  /* for FF */
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003212}}
.ContentFlow .flow .item .caption {
  position: absolute;
  /* needed */
  display: none;
  /* needed to hide it on inactive items */
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003216}}
.ContentFlow .flow .item.active .caption {
  /*display: block;*/
  /* uncomment to show caption inside item */
}

/* ----- scrollbar ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003222}}
.ContentFlow .scrollbar {
  position: relative;
  /* needed for z-index */
  z-index: 1;
  /* set above flow */
  visibility: hidden;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003228}}
.ContentFlow .scrollbar .slider {
  position: absolute;
  /* needed */
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003231}}
* html .ContentFlow .scrollbar .slider .virtualSlider {
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003234}}
.ContentFlow .scrollbar .slider .position {
  position: absolute;
  /* needed */
  text-align: center;
}

/* ----- global caption ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003240}}
.ContentFlow .globalCaption {
  position: relative;
  /* needed for z-index */
  z-index: 1;
  /* set above flow */
  top: -10px;
  color: #073070;
}

/* ----- load indicator ----- */
@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003247}}
.ContentFlow .loadIndicator {
  position: absolute;
  /* needed */
  z-index: 65000;
  /* set above everything */
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003253}}
.scrollbar {
  position: relative;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003256}}
.scrollbar .preButton, .scrollbar .nextButton {
  height: 50px;
  margin-top: 101px;
  position: absolute;
  top: 50%;
  width: 50px;
  cursor: pointer;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003265}}
.scrollbar .preButton {
  background: url("/images/coverflow_arrow_left_blue.png") no-repeat scroll center center transparent;
  left: -13px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/Volumes\/Daten\/workspace\/hwk-freiburg\/protected\/sass\/contentflow\.scss}line{font-family:\00003270}}
.scrollbar .nextButton {
  background: url("/images/coverflow_arrow_right_blue.png") no-repeat scroll center center transparent;
  right: -13px;
}