casestudy .textcontent 
{
	position: relative;
}

.casestudy .textcontent .CMSeditPopUp
{
	position: relative;
	display:block;
	left:24px;
	top:30px;
}

.casestudy .textcontent .CMSeditPopUp >img
{
	position: absolute;
	top: -8px;
}

.loginstatus {
	padding: 15px 30px 5px;
	border-bottom: 1px #ccc solid;
}

/* case maschine */

.casestudy_overlay
{
	position: absolute;
	z-index: 9999;
	left: auto;
	top:auto;
	width: 927px;
	overflow: hidden;
	margin: 30px;
}

.black_overlay
{
	background: url(/ccds_tpl_img/case_study/black_overlay.png) transparent;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	margin: 0 auto;
}

.casestudy_overlay_left
{
	border: 1px solid #FFF;
	background: url(/ccds_tpl_img/case_study/white_overlay.png) transparent;
	height: 620px;
	width: 875px;
	float: left;
	padding: 7px;	
}



div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

.casestudy_overlay_left .casestudy_casescroller button
{
	float: left;
	background: none;
	border: 0px;
	margin-top: 40px;
}

.casestudy_overlay_right
{
	border: 1px solid #FFF;
	background: url(/ccds_tpl_img/case_study/white_overlay.png) transparent;
	width: 27px;	
	float: right;
	height: 634px;	
	text-align: center;
}

.casestudy_overlay_right img
{
	margin-top: 6px;
	color: #FFF;
	cursor: pointer;
}

.casestudy_content .sidebar
{
	width: 148px;
	height: 508px;
	border: 1px solid #DCDCDC;
	background: #f6f6f6;
	float: left;
	
}

.casestudy_content .sidebar .project_logo
{
	margin-top: 38px;
	margin-bottom: 40px;
	text-align: center
}

.project_logo .spacer {
	height:50px;
	width:1px;
	float:left;
}

.casestudy_content .sidebar p
{
	color:#666666;
	font-size:11.5px;
	font-weight:bold;
	margin-bottom:30px;
	margin-left:16px;
}

.casestudy_content .sidebar .bottom_bar
{
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 148px;
	border-top: 1px solid #DCDCDC;
}

.casestudy_content .sidebar .bottom_bar img
{
	cursor: pointer;
}


.casestudy_content .sidebar p b
{
	color: #000;
}

.casestudy_content .case_pager
{
	width: 725px;
	height: 510px;
	background: #FFF;
	float: left;	
}
.casestudy_content .case_pager .page_content
{
	padding-left: 11px;
}


.casestudy_content .case_pager .page_content button
{
	float: left;
	background: none;
	border: 0px;
	margin-top: 120px;
}

.casestudy_content .case_pager .page_content button.prev
{
	margin-right:55px;
}

.casestudy_content .case_pager .page_content button.next
{
	margin-left:75px;
	float: left;
}


.casestudy_content .case_pager .page_content button.prev.inactive,
.casestudy_content .case_pager .page_content button.next.inactive
{
	cursor: default;
}

.casestudy_content .case_pager .page_content button.prev.active,
.casestudy_content .case_pager .page_content button.next.active
{
	cursor: pointer;
}


.casestudy_content .case_pager .bottom_bar
{
	position: absolute;
	text-align: center;	
	bottom: 0;
	height: 40px;
	width: 725px;
	border-top: 1px solid #DCDCDC;
	padding-top: 10px; 
}

.casestudy_content .case_pager .slide_navi div#flowtabs div
{
	float: left;
	cursor: pointer;
	font-weight: bold;		
	color:#666666;
	font-size:12px;	
}

.casestudy_content .case_pager .slide_navi div#flowtabs div.active
{
	color: #F64C18;
}


.casestudy_content .case_pager .slide_navi
{
	padding-top: 38px;
	height: 80px;
	/*
	padding-left:40px;	
	padding-right:20px;
	*/
	text-align: center;
}

.casestudy_content .case_pager .slide_navi ul li.last
{
	margin-right: 0px;
}

.casestudy_content .case_pager .slide_navi ul li span
{
	cursor: pointer;
	font-weight: bold;

}

.casestudy_content .case_pager .slide_navi_short ul li
{
	float: left;
	cursor: pointer;
	font-weight: bold;		
	margin-right: 48px;
}


/**orange slider **/

div.slide_navi div.oSlider 
{

	height: 	10px;
	margin-top: 30px;
	background: url(/ccds_tpl_img/case_study/scrollbar_mid.jpg) #FFF repeat-x;

	width:		725px;
	text-align: left;
}

div.slide_navi_short div.oSlider 
{
	width:527px;
	height: 10px;
	margin-top: 30px;
	background: url(/ccds_tpl_img/case_study/scrollbar_mid.jpg) #FFF repeat-x;
	text-align: left;
}


/*
div.oSlider .oLeft
{
	background: url(/ccds_tpl_img/case_study/scrollbar_left.jpg) #FFF no-repeat;
	width: 0px;	
	height: 10px;
	
	float:left;
}


div.oSlider .oRight
{
	background: url(/ccds_tpl_img/case_study/scrollbar_right.jpg) #FFF no-repeat;
	width: 0px;
	height: 10px;	
	float: right;
	position: relative;
}
*/
div.oSlider .oMid
{
	left:		-5px;
	position:	relative;
	top:		-1px;
}


body.pdf .casestudy_content
{

}

body.pdf #flowpanes .items
{
	width: 100%;
}
.casestudy_content .case_pager .slide_navi_short
{
	padding-top: 38px;
	height: 	80px;
	padding-left:90px;	
	padding-right:60px;
}
.casestudypage ul.casestudypage_gallery
{
	width: 600px;
	height: 300px;
}

.casestudypage ul.casestudypage_gallery li
{
	float:left;
	height:95px;
	width:125px;
}

.casestudypage div.mediacontent img ,
.casestudypage ul.casestudypage_gallery li img
{
	cursor: pointer;
}

.casestudypage_gallery .thumbnail {
	width: 110px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

.casestudy_images li {
	display: block;
	margin-bottom: 10px;
}

.caption {
	font-size: 10px;
	color:#999;
}

.showBig {
	border: 1px solid #ccc;
	background: #fff;
}

.showBig img {
	margin: 4px;
	border: none !important;
}

.showBig .caption {
	display: block;
	position: absolute;
	background: #fff;
	font-size: 12px;
	bottom: 0px;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: Opacity(Alpha:70);
	width: 100%;
}

.showBig .caption .inner {
	padding: 5px 10px 10px 10px;
	color:#333;
	font-size:12px;
	line-height: normal;
	display: block;
}

.casestudypage ul.casestudypage_gallery li .showBig
{
	position:absolute;
	top:0;
	left: 0;
	z-index:999999;
	margin-bottom: 0px;
	/*height: 350px;*/
	cursor:pointer;	
}

.casestudypage ul.casestudypage_gallery li .bigImgs
{
	display:none;
	position:absolute;
	top:0;
	left: 0;
	z-index:0;
	margin-bottom: 0px;	
	cursor: pointer;
}

.casestudypage .textcontent
{
	font-family: Arial;
	font-size: 13px;
	line-height: 24px;
	color:  #4c4c4c;
}

.casestudypage .textcontent h4
{
	margin-bottom: 20px;
}

.casestudypage .textcontent div.text
{
	margin-bottom: 50px;

}


.casestudypage .textcontent.leftG h4
{
	margin-bottom: 20px;
	width: 310px;
}

.casestudypage .textcontent.leftG div.text
{
	margin-bottom: 50px;
	width: 310px;

}

.casestudypage div.textcontent.leftG
{
	float: right;
	padding-right:20px;
	width:315px;
}

.casestudypage div.mediacontent.leftG
{
	float: left;
}

.casestudypage div.mediacontent.leftG ul
{
	width: 145px;
	margin-right: 20px;
}

.casestudypage div.mediacontent.leftG img
{
	margin-bottom: 5px;
}

.casestudypage div.mediacontent .showBig
{
	position:absolute;
	top:0;
	left: 0;
	z-index:999999;
	margin-bottom: 0px;
	/*height: 350px;*/
	cursor:pointer;	
}

.casestudypage div.mediacontent .bigImgs
{
	display:none;
	position:absolute;
	top:0;
	left: 0;
	z-index:0;
	margin-bottom: 0px;	
	cursor: pointer;
}



.casestudypage div.textcontent.bottomG
{	
width:500px;
}

.casestudypage div.mediacontent.bottomG
{
	text-align: center;
}

.casestudypage div.mediacontent.bottomG ul li
{
	float: left;
	margin-right: 10px;
}

.casestudypage div.mediacontent img
{
	border: 1px solid #DCDCDC;
}

/**** SCROLLER ****/


/* override the root element to enable scrolling */ 
#flowpanes { 
    position:relative; 
    overflow:hidden; 
	float: left;
    width: 500px;
    height: 350px;
} 
 
/* override single pane */ 
#flowpanes div.casestudypage { 
    float:left; 
    display:block; 
    width:500px; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}


/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:90px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.casestudy_overlay_left .casestudy_casescroller div.items 
{ 
    /* this cannot be too large */ 
    width:20000em; 
    /*position:absolute; */
} 
 

/**** SCROLLER ****/

.casestudy_overlay_left .casestudy_casescroller
{
	height:108px;
	overflow:hidden;
	text-align:center;
	width:875px;
}

.casestudy_overlay_left .casestudy_casescroller div.scroller
{
	margin-top: 15px;
}
.casestudy_overlay_left .casestudy_casescroller div.scroller .scrollerImg img
{
	opacity: 0.5;
/*	border: 1px solid #FFF;*/
}


.casestudy_overlay_left .casestudy_casescroller div.scroller .scrollerImg.active img
{
	opacity: 1;
}

.casestudy_overlay_left .casestudy_casescroller div.scroller .scrollerImg img:hover
{
	opacity: 1;
}

.casestudy_overlay_left .casestudy_casescroller div.scroller .scrollerImg
{

	float: left;
}


#IMGpanes button.nextImg
{
	float: right;
}

.scrollerImg img
{
	width: 98px;
/*	height: 58px;
	margin-top: 15px;*/
}

.scrollerImg div
{
	width: 98px;
	height: 58px;
	margin: 15px auto 0px;
/*	margin-top: 15px;*/
	overflow:hidden;
	border:1px solid #fff;
	background-color:#fff;
}

.scrollerImg.active img
{
	width: 150px;
/* 	border:1px inset #ccc; 
	height: 90px;
	margin-top: 0px;*/	
}


.scrollerImg.active div
{
	width: 150px;
	height: 90px;
	margin:0px;
	overflow:hidden;
	border:1px solid #fff;
}



/* override the root element to enable scrolling */ 
#flowpanes_navi { 
	float:left;
	height:160px;
	margin-top:7px;
	overflow:hidden;
	position:relative;
	width:770px;
	margin-left:15px;	
} 
 
/* override single pane */ 
#flowpanes_navi div.scrollerImg { 
    float:left; 
    display:block; 
    width:150px; 
    cursor:pointer; 
    font-size:14px; 
} 
 
/* our additional wrapper element for the items */ 
#flowpanes_navi .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
    margin:0; 
    padding:0; 
} 
 
#flowpanes_navi .less, 
#flowpanes_navi .less a { 
    color:#999 !important; 
    font-size:11px; 
}



/* styling of the container. */ 
a.myPlayer
{
	display: block;
    /*border:1px solid #000; */
    background: #fff;
    padding-top: 5px;
}

body a.myPlayerGallery.small
{
	width:113px;
}

a.myPlayer.small { 

	left: 0;
	z-index:0;
	margin-bottom: 0px;	
	cursor: pointer;
	width:143px;
	text-indent:0.5px;	
	height:77px;
} 

a.myPlayer.big { 
	position:absolute;
	top:0;
	left: 0;
	z-index:999999;
	margin-bottom: 0px;
	height: 350px;
	width:499px;
	cursor:pointer;	
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 

.Orange_Liste,
li.Orange_Liste,
.Orange_Liste li
{
	list-style:disc outside url("/ccds_tpl_img/case_study/orange_bulletpoint.jpg");
	margin-left:16px;
}




.clear {
	clear:both;
}