@CHARSET "UTF-8";

.wi_nav_tiles_main
{
	margin:auto;
	width:947px;
	position: relative;
	top:0;
	left:0;
	height:250px;
	overflow:hidden;
}

.wi_nav_tile_wrap
{

	position: absolute;
	top:0;
	left:950px;
	z-index:2;
	opacity:1;
	/*filter: 0;*/
	/*filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);*/
}

.wi_nav_tile_img
{
	width:100%;
	height: 165px;
	overflow: hidden;
	text-align:center;
	vertical-align: middle;
}
.main_content {
	position: relative;
}
.main_content #qa_prod_flag_js {
	position: absolute; 
	left: 0;
}
.nav_arrow_action_button {
	cursor: pointer;
}

#gy_hdc_demo_start_button
{
	background-position: 0 4px;
	padding-left: 12px;
}

.hdc_tile_select_content, .gy_hdc_tile_hidden
{

}

.hdc_tile_select_content
{
	display:none;
	background-color: #FFFFFF;
}

.reo_nav_link_kachel
{
	border: 1px solid gray;
	padding-top:4px;
	margin-top:2px;
	background-position: 0 10px;
	border-width: 1px 0 0 0;
}



.gy_hdc_tile_chunk
{
	padding-top:5px;
	opacity: 0;
	visibility:hidden;
	/*filter:Alpha(opacity=0);*/
	width: 225px;
	position:absolute;
	left:0;
}

.gy_hdc_original_tile
{
	top:25px;
	z-index:100;
	/*opacity: 1 !important;*/
	/*filter: 0 !important;*/
	visibility: visible !important;
	background-color: #fff;
}
.reo_nav_link_kachel,
.ga_hdc_nav_kachel {
	
}

.gy_hdc_counterpart_tile
{
	top:288px;
	z-index:80;
	opacity: 0;
}

.gy_hdc_accessories_tile
{
	top:562px;
	z-index:60;
}
#gy_hdc_main_nav_tabs {
	background-color: #fff;
}
.gy_hdc_tile_tab_content
{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	display:none;
	background-color: #FFFFFF;
	z-index: 100;
	opacity:0;
	/*filter:Alpha(opacity=0);*/
} 
.gy_hdc_tile_tab_content
{
	width: 100%;
	display:none;
	background-color: #FFFFFF;
	opacity:0;
	/*filter:Alpha(opacity=0);*/
}
.gy_hdc_post_select_result {
	height: auto !important;
	min-height: 350px;
}
.footernavigator {
	/*margin-top: 38px !important;*/
	background-color: #fff;
	z-index:9999;
}
.article_description  
{
	width: 553px;
}

.gy_hdc_tile_view_container
{
	width:212px;
}

.gy_hdc_tile_view_container a
{
	cursor:default;
}

#gy_hdc_postsel_spinner {
	width: 37px;
	height: 37px;
	
}
#gy_hdc_postsel_spinner > div{
	width: 19px;
	height: 19px;
}
#gy_hdc_wait_block.wait_block {
	padding: 0.4em 0.6em;
	opacity: 0.8;
	background-color:#eee;
	position:relative;
	top:0;
	left:0;
	border: 1px solid #CFCFCF;
}

/*same in nav_link_kachel */
.ga_hdc_nav_kachel
{
	background-color: transparent;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
}

.ga_hdc_nav_kachel:hover
{
    color: #e18200 !important;
}

.ga_hdc_nav_kachel_grayed .ga_hdc_nav_kachel
{
    color: #AAAAAA;
}

.ga_hdc_nav_kachel_grayed .reo_nav_link_kachel, .gy_hdc_disabled .reo_nav_link_kachel
{
	background-image: none;
	/*padding-left:0;*/
}

.gy_hdc_disabled .nav_link_kachel
{
	cursor:default;
}

.gy_hdc_disabled .ga_hdc_nav_kachel
{
	cursor:default;
}

.gy_hdc_selected_build_items
{
	overflow:hidden;
	height:21px;
}

.gy_hdc_build_item
{
	cursor:pointer;
	overflow:hidden;
	background:#FFFFFF;
}

img.gy_hdc_build_item {
	width: auto;
	height: auto;
}

.wi_node_highlight
{
	color:#FF8000;
}

.tip-wrap
{
	z-index:200;
	background-color: #FFFFFF;
	border: 1px solid #767676;
}


.tip-wrap .hdc_article_tool_tip_title
{
	display: inline-block;
	padding: 16px 16px 16px 16px;
	font-size: 12px;
}

.tip-wrap .hdc_article_tool_tip_image_wrap
{
	text-align:center;
	vertical-align: middle;
	background-color: #ffffff;
	padding: 16px 16px 0 16px;
}

.hdc_dbg
{
	display:none;
}

.gy_hdc_remove_placeholder
{
	background-repeat: no-repeat;
	display:inline-block;
	width:12px;
}

.gy_hdc_remove_inactive
{
	background-position: 0px 2px;
	background-image: url(../CI_img/CI_layout_img/Loeschen10px.gif);
}

.gy_hdc_remove_active
{
	background-position: 0px 2px;
	background-image: url(../CI_img/CI_layout_img/Loeschen10px.gif);
}

.gy_hdc_remove_empty
{
	background-position: 0px 3px;
	background-image: url("../CI_img/CI_layout_img/arrow_e18200.png");
}

/*pre_select*/
/*
.hdc_prop_select_tab {
    background-color: #F8F8F8;
    background-image: url("/wi_profi/CI_img/CI_layout_img/cw_suche_pfeil_down_v2.png");
    background-position: 208px center;
    background-repeat: no-repeat;
    color: #000000;
    font-size: 14px;
    margin-right: 1px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-top: 5px;
    text-decoration: none;
    width: 214px;
    display:inline-block;
    cursor: pointer;
}

.hdc_prop_select_tab_active {
    background-color: #EB8C00;
    background-image: url("/wi_profi/CI_img/CI_layout_img/cw_suche_pfeil_up_v2.png");
    color: #FFFFFF;
}
*/


#hdc_dialog {
	position: absolute;
	z-Index: 500;
	background-color: #ffffff;
}

.hdc_dialog_content {
	border: 1px solid #767676;
	padding-right: 16px;
}

.hdc_question {
	margin: 16px 0px 16px 16px;
	font-size: 12px;
}

.gy_hdc_tile_secondary_headline {
	font-size: 12px;
}

.gy_hdc_tile_secondary_headline span:hover {
	color: #e18200 !important;
}

.hdc_article_actions_top {
	margin-top: 12px;
}

.hdc_acc_specialline_sl {
	margin-top: 10px !important;
	padding-top: 0px;	
}

.hdc_plist {
	visibility: hidden;
}

.overlay_back_div {
	position:absolute;
	top:0px;
	left:0px;
	background-color: gray;
	height:100%;
	width: 100%;
	z-index: 110;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
	visibility:hidden;
}

.overlay_content_div {
	z-index: 120;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
	visibility: hidden;
}

.overlay_table_l1 {
	width: 100%;
	height: 100%;
}

.pcb_ol_padding {
	padding: 5px;
}

#gy_hdc_hint_container
{
	background-color: #ff8080;
	color: #800000;
}

#gy_hdc_header_original{
	position:absolute;
	top:-3px;
	left:0;
}
#gy_hdc_header_counterpart{
	position:absolute;
	top:264px;
	left:0;
}
#gy_hdc_header_accessories{
	position:absolute;
	top:527px;
	left:0;
}

.gy_hdc_header_classic_selection
{
	position:absolute;
	left:0;
	top: 54px;
}


.gy_hdc_demo_overlay, .gy_hdc_demo_overlay_bg
{
	position:absolute;
	top:200px;
	left:172px;
	/* height: 900px;
	width: 900px; */
	z-index: 999;
}

.gy_hdc_demo_overlay_bg
{
	background-color: #FFF;
	opacity: 0.9;
}

#ci_hdc_demo_tutorial_content
{
	display: flex;
    align-items: center;
}

#ci_hdc_demo_tutorial_content div
{
	margin: auto;
}

.hdc_article_actions_top {
    margin-top: 12px !important;
}
.article_actions {
    margin-bottom: 12px !important;
    text-align: right !important;
}