.pngfix, #kopf_bereich a, #myImageFlow_images .java_test {
	behavior: url(/js/iepngfix.htc);
}

body {
	color:#144069;
	margin: auto;
	font-family:Trebuchet MS, Arial;
	height:100%;
	background:#ebe7de url(/ccds_tpl_img/bg.jpg)  no-repeat;
	background-position:center top;
}

a{
	color:#144069;
	text-decoration: none;
}

a:hover {
	color: #BBAF91;
}


h1{
	color:#bbaf92;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	line-height: 20px;
}

.frontendediting {
	text-align: center;
}

.frontendediting_referenz {
	margin-top: -20px;
	margin-left: 10px;
}



#myImageFlow{
	margin-top:-190px;
}

/* modifiziert */
#start_popup{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:90;
}

/* neu */
#start_popup_inner{
	width:980px;
	margin:auto;
}


div#abdunkler {
	background-color:#002C53;
	background:url(/ccds_tpl_img/iebgr.jpg) no-repeat;
	background:url(/ccds_tpl_img/screen_breite2049px_BG.jpg) no-repeat;
	background-position:center top;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

/* modifiziert * /
div#start_popup > div#abdunkler {
background-color:#002C53;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
opacity:0.75;
}*/


/* achtung, absicht! die erste definition trifft bis ie6 zu, die zweite f�r alle neuen browser */
/* modifiziert */
#kreis_maske{
/* url anpassen !!! */
	background:url(/ccds_tpl_img/iebgr.jpg) no-repeat;
	background-position:center top;
	height:100%;
	min-height:800px;
	position:absolute;
}

/* modifiziert */
#start_popup_inner > #kreis_maske{
	background:url(/ccds_tpl_img/maske_kreis.png) no-repeat;
	background-position:center top;
	height:100%;
	min-height:800px;
	position:absolute;
}

#content,#content_test{
	margin: auto;
	width:980px;
}

#kopf_bereich{
	height:210px;
}

#navi1{
	background:url(/ccds_tpl_img/kontakt_normal.png) no-repeat;
	width:57px;
	height:149px;
	display:block;
	position:absolute;
	margin-left:175px; 
	margin-top:57px;
	z-index:20;
}
#navi2{
	background:url(/ccds_tpl_img/profil_normal.png) no-repeat;
	width:45px;
	height:121px;
	display:block;
	position:absolute;
	margin-left:230px; 
	margin-top:27px;
	z-index:20;
}
#navi3{
	background:url(/ccds_tpl_img/referenzen_normal.png) no-repeat;
	width:71px;
	height:102px;
	margin-top:3px;
	display:block;
	position:absolute;
	margin-left:278px;
	z-index:20;
}

#navi4{
	background:url(/ccds_tpl_img/leistungen_normal.png) no-repeat;
	width:94px;
	height:69px;
	margin-top:0px;
	display:block;
	position:absolute;
	margin-left:348px; 
	underline:none;
}
#navi5{
	background:url(/ccds_tpl_img/start_normal.png) no-repeat;
	position:absolute;
	margin-left:441px;
	width:56px;
	height:39px;
	margin-top:0px;
	display:block;
	underline:none;
}

#navi1:hover, #navi1.navi_active{
	background:url(/ccds_tpl_img/kontakt_aktiv.png) no-repeat;
}
#navi2:hover, #navi2.navi_active{
	background:url(/ccds_tpl_img/profil_aktiv.png) no-repeat;
}
#navi3:hover, #navi3.navi_active{
	background:url(/ccds_tpl_img/referenzen_aktiv.png) no-repeat;
}
#navi4:hover, #navi4.navi_active{
	background:url(/ccds_tpl_img/leistungen_aktiv.png) no-repeat;
}
#navi5:hover, #navi5.navi_active{
	background:url(/ccds_tpl_img/start_aktiv.png) no-repeat;
}

#div_content{
	text-align:left;
	padding:50px 0 0 0px;
	height:430px;
}
#div_big_innercontent{
	width:560px;
	height:390px;
	margin-left:120px;
	
}


#div_leftcontent{
	float:left;
	width:170px;
}

#div_innercontent{
	float:left;
	width:560px;
	height:390px;
	font-size:12px;
	line-height:17px;
	
}


#div_innercontent table{
	font-size:12px;
}


#div_rightcontent{
	float:left;
}

#div_innercontent h2, .start_innercontent h2 {
	color:#00305e;
	font-size:14px;
	line-height: 18px;
}

.aref{
	width:133px;
	height:133px;
	display:block;
	
}

.start_innercontent{
	width:560px;
	font-size:12px;
	padding-left:200px;
	line-height: 17px;
}


.holder {
	margin: 0;
	margin-left: 100px;
	display: block;
	position:relative; 
	/* TEMP */
	margin-bottom: 10px;
}
.scroll-pane {
	width: 700px;
	float: left;
	padding: 0;
}
#pane1 {
	height: 185px;
	width: 700px;
	padding: 0;
	display: block;
	overflow: hidden;
}


a.jScrollArrowLeft {
	background: url(/ccds_tpl_img/arrow_left.gif) no-repeat 0 0;
	margin-top:170px;
}
a.jScrollArrowLeft:hover {
	background-position: 0 0px;
}
a.jScrollArrowRight {
	background: url(/ccds_tpl_img/arrow_right.gif) no-repeat 0 0;
	margin-top:170px;
}
a.jScrollArrowRight:hover {
	background-position: 0 0px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 0px;
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(/ccds_tpl_img/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
.jScrollPaneTrack{
	top:1;
	margin-top:170px;
}


.divref{
	float:left;
	padding-left:0px;
	margin-left:5px;
	margin-bottom:5px;
}

.tooltip { 
    display:none; 
    background:url(/ccds_tpl_img/tooltip_bg.png) no-repeat;
    height:92px; 
    padding: 5px 8px;
    width:210px; 
    font-size:11px; 
    color:#fff; 
    margin:10px 0 0 50px;
    line-height:12px;
    z-index: 1000;
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

#div_innercontent .tooltip h2{
	color:#bbaf92;
	text-transform: uppercase;
	font-size:14px;
	font-weight: bold;
}


.start_details{
	margin:auto;
	color:#000;
	display:none;
}



/* modifiziert */
.details_closer {
	display:block;
	width:150px;
	padding:5px;
	background-color:#ffffff;
	position:absolute;
	right:180px;
	top:25px;
	text-align:right;
	font-size: 12px;
	font-family: "Trebuchet MS";
}

/* modifiziert */
.details_container {
	width:900px;
}

/* modifiziert */
.details_container .info {
	width:425px;
	height:200px;
	margin:25px auto 0;
	font-size:12px;
	line-height: 14px;
	color:#00305e;
}

/* modifiziert */
.details_container .info h2{
	color:#bbaf92;
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;	
}



/* modifiziert */
.details_container .subinfo {
	width:425px;
	height:50px;
	margin:0 auto;
	font-size:11px;
	color:#00305e;
	padding-top: 15px;
}

/* modifiziert */
.details_container .navi_left, .details_container .navi_left_gallery {
	width:100px;
	height:50px;
	position:absolute;
	top:350px;
	left:70px;
	display:block;
	font-size: 11px;
}

/* modifiziert */
.details_container .navi_right, .details_container .navi_right_gallery {
	width:100px;
	height:50px;
	position:absolute;
	top:350px;
	right:150px;
	display:block;
	font-size: 11px;
	text-align:right;
}

/* modifiziert */
.details_container .navi_bottom {
	width:100px;
	height:50px;
	margin:0 auto;
}

/* modifiziert */
.detail_content {
	width:550px;
	height:410px;
	margin:auto;
}

/* modifiziert */
.details_container .detail_content div {
	display:none;
	position:absolute;
}

/* modifiziert */
.details_container .detail_content:firstChild {
	display:block;
}

.forward, .backward {
	cursor:pointer;
}

.pager {
	text-align: center;
	padding-top: 30px;
}

.detailtabs{
	display:none;
}

.artikelbild_links {
	float: left;
	display: block;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.artikelbild_rechts {
	float: right;
	display: block;
	width: 100px;
	height: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.artikel h3 {
	font-size: 12px;
	font-weight: bold;
	color: #bbaf92;
	margin: 0; 
	padding: 0 0 0 30px;
}

.artikel span.einrueckung {
	display: block;
	padding-left: 30px;
}

.artikel .zwischenueberschrift {
	font-size: 13px;
	color: #00305e;
}

.artikel .ocker {
	color: #bbaf92;
}

.clear {
	clear: both;
}

.ref_gallery {
	display: block !important;
}