
.active
{
  display:block;
}

.inactive
{
  display:none;
}

div.referenzen
{
  width:534px;
  margin: 0px auto;
  position:relative;
  text-align:left;
  padding: 0px 0 0 0;
  background:url(../images/referenzen/bg-referenzen.png) left 22px no-repeat;
  
}

div.referenzcontainer
{
  width:534px;
  padding:0px;
  margin:0px;
  background:#ffffff;
  overflow:hidden;
}
/**
div.firstref
{
  position:relative;
  top:0px;
}

div.nextref
{
  position:relative;
  top:-400px;
}
**/
ul.refreiter
{
  width:100%;
  height:22px;
  /**float:left;**/
  list-style-type:none;
  margin:0px;
  padding:0px;
  background:url(../images/referenzen/bg-referenzen-border.png) left 21px repeat-x;
}

ul.refreiter li
{
  float:left;
  font-size:9pt;
}

ul.refreiter li.reiter1
{
	width:260px;
}

ul.refreiter li.reiter2, ul.refreiter li.reiter3
{
	display:none;
}

ul.refreiter li.reiter1 a.on1
{
  display:block;
  padding:0px 0px 0px 25px;
  background:url(../images/referenzen/bg-ref-r1-on-left.png) left top no-repeat;
  height:22px;
  color:#f85d01;
  font-weight:bold;
  text-decoration:none;
}

ul.refreiter li.reiter1 a.on1 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r1-on-right.png) right top no-repeat;
  height:18px;
  color:#f85d01;
  font-weight:bold;
}

ul.refreiter li.reiter1 a.on2
{
  display:block;
  padding:0px 0px 0px 25px;
  background:url(../images/referenzen/bg-ref-r1-off-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter1 a.on2 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r1-off-right-2.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter1 a.on3
{
  display:block;
  padding:0px 0px 0px 25px;
  background:url(../images/referenzen/bg-ref-r1-off-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter1 a.on3 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r1-off-right-1.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter2 a.on1
{
  display:block;
  padding:0px 0px 0px 10px;
  background:url(../images/referenzen/bg-ref-r2-off-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter2 a.on1 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r2-off-right-1.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter2 a.on2
{
  display:block;
  padding:0px 0px 0px 10px;
  background:url(../images/referenzen/bg-ref-r2-on-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter2 a.on2 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r2-on-right.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter2 a.on3
{
  display:block;
  padding:0px 0px 0px 10px;
  background:url(../images/referenzen/bg-ref-r2-off-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter2 a.on3 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r2-off-right-2.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter3 a.on1
{
  display:block;
  padding:0px 0px 0px 8px;
  background:url(../images/referenzen/bg-ref-r3-off-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter3 a.on1 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r3-off-right.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter3 a.on2
{
  display:block;
  padding:0px 0px 0px 8px;
  background:url(../images/referenzen/bg-ref-r3-off-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter3 a.on2 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r3-off-right.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

ul.refreiter li.reiter3 a.on3
{
  display:block;
  padding:0px 0px 0px 8px;
  background:url(../images/referenzen/bg-ref-r3-on-left.png) left top no-repeat;
  height:22px;
  color:#4f4f4f;
  text-decoration:none;
}

ul.refreiter li.reiter3 a.on3 span
{
  display:block;
  padding:4px 30px 0px 0px;
  background:url(../images/referenzen/bg-ref-r3-on-right.png) right top no-repeat;
  height:18px;
  color:#4f4f4f;
}

div.clear
{
  clear:both;
}

div.element
{
  margin:0px 0px 10px 0px;
  overflow:hidden;
}

div.mainRef
{
  padding:10px 10px 30px 10px;
  /**border-left:#c3c3c3 1px solid;
  border-right:#c3c3c3 1px solid;
  border-bottom:#c3c3c3 1px solid;
  background:#ffffff url(../images/referenzen/bg-referenzen-border.png) left bottom repeat-x;***/
  /*min-height: 310px;*/
  width:512px;
  overflow:hidden;
}

div.refAllgTxt
{
  padding:10px 10px 10px 10px;
  width:280px;
  color:#4f4f4f;
  background:#f0f8fb;
  float:left;
  font-size:9pt;
  min-height: 257px;
 
}

div.refBild
{
  width:202px;
  float:right;
}

div.refBild img
{
  border:1px solid #e1e1e1;
  padding:0px;
  margin:0px 0 10px 0;
}

ul.refShortData
{
  list-style-type:none;
  width:202px;
  margin:0px;
  padding:0px;
}

ul.refShortData li
{
  font-size:9pt;
  color:#000000;
  padding:0px;
  margin:0px 0px 5px 0px;
}

ul.refShortData li a
{
  text-decoration:none;
  color:#000000;
}

ul.refShortData li a.refGaleryLink
{
  /*display:block;*/
  height:13px;
  line-height:13px;
  color:#a6a6a6;
  font-size:9pt;
  text-decoration:none;
  padding:0px 20px 0px 0px;
  margin:10px 0px 0px 0px;
  background:url(../images/referenzen/icon-enlarge-galery.png) right no-repeat;
}

ul.refShortData li a.hideLink {
	display: none;
}

div.refKurzTxt
{
  font-size:9pt;
}

div.refTechWrapper
{
  width:512px;
  padding:0px;
  margin:0px;
  background:url(../images/referenzen/bg-ref-tech-names.png) repeat-y;
  border-bottom:#ffffff 1px solid;
}

div.refTechName
{
  width:140px;
  padding:15px;
  background:#ecf5fa;
  font-weight:bold;
  color:#4f4f4f;
  float:left;
  font-size:9pt;
}

div.refTechDetail
{
  width:312px;
  padding:15px;
  color:#4f4f4f;
  float:left;
  font-size:9pt;
}

div.refTechDetail ul {
	margin: 0;
	padding: 0 0 0 15px;

}

div.refEnde
{
	height:21px;
	margin:29px 0 0 0;
	padding:0px;
	background:url(../images/referenzen/bg-refEnde.png) left top no-repeat;
}
