/*Main Container*/
.hrzContainer {
width:400px;

}
.hrzContainer ul{
list-style-type: none;
margin: 0px;
padding:0px;
}

.hrzContainer li{
display: inline;
margin: 0px;
padding:0px;
}

/*Handle*/
.handle  {
float: left;
width: 25px;
height: 330px;
margin: 0px;
/* margin-right: -10px; */
background-color:#81993F;
cursor: pointer;

}

.handleOver {
background-color:#81993F;
}

.handleSelected {
background-color:#81993F;
}
#callMeHandle0 {
background-image: url(../internet_norm.gif);
background-repeat: no-repeat;
background-position: -30px 0;
}
#callMeHandle0.handleSelected {
background-position: 0 0;
}
#callMeHandle1 {
background-image: url(../crossmedia_norm.gif);
background-repeat: no-repeat;
background-position: -30px 0;
}
#callMeHandle1.handleSelected {
background-position: 0 0;
}
#callMeHandle2 {
background-image: url(../digitaldesign_norm.gif);
background-repeat: no-repeat;
background-position: -30px 0;
}
#callMeHandle2.handleSelected {
background-position: 0 0;
}
/*Content Container*/
.contentWrapper{

text-align: justify;
padding-left: 10px;
padding-right: 10px;
position:relative;
}

.contentWrapper h3{
border-bottom: 1px solid silver;
color: rgb(172, 194, 112);
}

/*Animation Start*/
.contentStart {
padding-left: 0px;
float: left;
width:0px;
height: 330px;
overflow:hidden;
border-top: #F3F3F3;
border-bottom: #F3F3F3;
}
#
/*Animation End*/
#
.contentEnd {
padding-left: 26px;
float: left;
width:360px;
height: 330px;
}

#callMe li h3 {
	display:none;
	} 



.hrzContainer ul.prjlist {
	float: none;
	display:block;
	width: 100%;
}
.hrzContainer li.prjlistitem {
	float: none;
	display: block;
	line-height: 18px;
}



/************** SCROLLBAR ******************/
.scrollinhalt {
position:relative;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;


}

.scrollinhalt {
	margin-right: -10px;
	margin-left: -10px;
	}

.vscrollerbase {
width: 12px;
background-color: #F3F3F3;

}
.vscrollerbar {
width: 12px;
background-color: #E1E5D7;

}
.hscrollerbase {
height: 12px;
background-color: #F3F3F3;
}
.hscrollerbar {
height: 12px;
background-color: #E1E5D7;
}

.scrollerjogbox {
width: 12px;
height: 12px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
.inhalt {
position: relative;
height: 328px;
width:310px;
border: 0;
background-color: #fff;
overflow: auto;
margin: 0;
padding: 0;

/*IE overflow fix, position must be relative or absolute*/

/*if you do not want the outline when focused on firefox and IE
use outline: none;, though not recommended as this may confuse
people who likes to do keyboard navigation */
outline: none;
}
.scrollinhalt {
border-top: 1px solid #F3F3F3;
border-bottom: 1px solid #F3F3F3;
}

/***** Links in der Liste *******/

a.referenzlink {
	display: block;
width: 100%;
color: #666666;
font-weight: normal;
outline:none;
padding-left: 18px;
}
a.referenzlink.aktiv {
	color: #000;
	font-weight:bold;
	/*border-bottom : 1px solid #F3F3F3; */
	background-image:url(../../images/select.gif);
	background-repeat:no-repeat;
	background-position: 3px 3px;
}




/********************* DETAILANSICHT *********************/

.referenzdetail {
position: relative;
}
.referenzdetail h2 {
	border-bottom : 1px solid #ccc;
}
#refpreview {
float: left;
width: 320px;
height: 240px;
text-align: center;
}
#refpreview img {
	border: 1px solid #CCCCCC;
}
#ref-text ul li {
	margin : 0.1em 0 0.1em 2em;
	padding:0;
}
#flashcontent {

}
.auftraggeber {
	color: #CCCCCC;
}
.bildnavi {
margin-left: 325px;
background-color: #fff;
text-align: center;
}
.bildnavi img {
	display: block;
	margin-left: auto;
	margin-right:auto;
	padding: 2px;
	margin-bottom:6px;
}
.clearer {
clear: both;
}
a.referenzbildlink {
	display:block;
	/*width: 100%;*/
	outline:none;
	background-image:none;
}
a.referenzbildlink.bild img {
	border-bottom: 3px solid #fff;
	opacity:.40;
	filter: alpha(opacity=40); 
	-moz-opacity: 0.4;
}
a.referenzbildlink.bild img:hover {
	border-bottom: 3px solid #81993F;
	opacity:.40;
	filter: alpha(opacity=40); 
	-moz-opacity: 0.4;
}


a.referenzbildlink.bild.aktiv img {
	border-bottom: 3px solid  #81993F;
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;
}

a.referenzbildlink.aktiv, a:visited.referenzbild.aktiv {
	background-color: #fff;
}
.loading{
	margin-top:140px;
}
.loadingfull {
	text-align:center;
	margin-top: 80px;
}