@font-face {
    font-family: 'BoschSansBold'; /* bold font */
    font-style: normal;
    font-weight: bold;
    src: url('extjs/resources/fonts/BoschSans-Bold.eot');
	src: url('extjs/resources/fonts/BoschSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('extjs/resources/fonts/BoschSans-Bold.woff2') format('woff2'),
		url('extjs/resources/fonts/BoschSans-Bold.woff') format('woff'),
		url('extjs/resources/fonts/BoschSans-Bold.ttf') format('truetype'),
		url('extjs/resources/fonts/BoschSans-Bold.svg#boschsans') format('svg');
}

@font-face {
    font-family: 'BoschSansMedium'; /* medium font */
    font-style: normal;
    font-weight: 600;
	src: url('extjs/resources/fonts/boschsans-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'BoschSansRegular'; /* regular font */
    font-style: normal;
    font-weight: normal;
	src: url('extjs/resources/fonts/boschsans-regular-webfont.woff') format('woff');
}
@font-face {
    font-family: 'BoschSansLight'; /* light font */
    font-style: normal;
    font-weight: 100;
	src: url('extjs/resources/fonts/boschsans-light-webfont.woff') format('woff');
}
@font-face {
    font-family: 'BoschSansLightItalic'; /* lightitalic font */
    font-style: italic;
    font-weight: normal;
    src: url('extjs/resources/fonts/BoschSans-LightItalic.eot');
	src: url('extjs/resources/fonts/BoschSans-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('extjs/resources/fonts/BoschSans-LightItalic.woff2') format('woff2'),
		url('extjs/resources/fonts/BoschSans-LightItalic.woff') format('woff'),
		url('extjs/resources/fonts/BoschSans-LightItalic.ttf') format('truetype'),
		url('extjs/resources/fonts/BoschSans-LightItalic.svg#boschsans') format('svg');
}


html, body {
	width: 100%;
    height: 100%;
    font-family: 'BoschSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	font-weight: 200;
	line-height: 21px;
	background-color: white;
    padding: 0;
	border: medium none;
    text-align: left;
	overflow: hidden;
	color: #000;
}

/* BBODY FORMATE */
.bbody, .bodytext, .tabletext, .caption {
    margin: 10px 0 10px;
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
/*    letter-spacing: normal;
	margin-top: 10px;
	margin-bottom: 5px;
    text-align: left;
    text-indent: 0;
    text-transform: none;
    white-space: normal;
    word-spacing: normal;*/
	}

.caption, .captioncentered {
	font-size: 12px;
	margin: -10px 0 20px;
}
	
table, thead, tbody, th, tr, td {
     border-style: none !important;
     word-wrap: break-word;
}

img.linkedicon, li img, p img {
	vertical-align: sub;
}

img.linkedimage100\%, img.linkedimage80\%, img.linkedimage60\% {
	max-width: 900px;
	height: auto;
}
	
.code, .code2, .code3, .code4, .cocode,
p.code, p.code2, p.code3, p.code4, p.cocode {
    font-family: Consolas, "Courier New", Monaco, monospace;
    font-size: 14px;
	background: none;
	}

/* .code2 { margin-left:15pt }
.code3 { margin-left:30pt }
.code4 { margin-left:45pt } */
/*
.codesmall { margin-left:0 }
.codesmall2 { margin-left:15px }
.codesmall3 { margin-left:30px }
.codesmall4 { margin-left:45px }
*/

.codesmall, .codesmall2, .codesmall3, .codesmall4,
.tableintopic .codesmall, .tableintopic .codesmall2, .tableintopic .codesmall3, .tableintopic .codesmall4  {
    font-family: Consolas, "Courier New", Monaco, monospace;
    font-size: 12px;
    background-color: rgba(191, 192, 194, 0.15);
	padding: 3px 10px 0px 10px;
/*	margin-top: 10px;*/
}

.tableintopic p.captioncentered {
	text-align: center;
	margin: 10px;
}

.commandline {
    font-family: Consolas, "Courier New", Monaco, monospace;
    font-size: 12px;
    color: white;
    background-color: black;
    padding: 3px 10px 5px 10px;
}

.exampleitem, .exampleitem2 {
	font-family: 'BoschSansRegular';
	padding: 0px 10px 5px 10px;
	background-color: rgb(221,221,221);
	margin-bottom: 10px;
	}
	
/*--- Graphics ---*/
.image, .image1, .image2, .image3, .ggraphic {
	font-family: 'BoschSansRegular';
	font-size: 14px/18px;
	font-style:normal;
    margin: 10px 0;
	}

/* CHARACTER */
.guielement { font-weight: bold;}
.emphasis { font-style: italic; }
.bstbluebold {
	color: rgb(0,86,145); /* Bosch Dark Blue */
	font-weight: bold;
}
/* ---------------- */

.code code.keyboard {
	/*background-color: #a2bad2;*/
	background-color: none;
	padding: 0 2px;	
	}

/* Table style */
table.tableintopic { 
	border-bottom: 1px solid rgba(191, 192, 194, 0.15) !important; /* Bosch light gray 85% transparency */
	margin: 10px 0;
	width: 100%;
}

.tableintopic td {
	border-top: 0 none !important;
	border-right: 0 none !important;
	border-left: 0 none !important;
	}

.tableintopic p,
.tableintopic ol,
.tableintopic ul {
	margin:0;
	}

table.tableintopic tbody tr:first-child th {
	border-bottom: 2px solid rgba(191, 192, 194, 0.15) !important; /* Bosch light gray 85% transparency */
	border-top: 0 none !important;
	border-right: 0 none !important;
	border-left: 0 none !important;
	background-color: #fff;
	padding: 10px;
	height: 32px;
}

table.tableintopic tbody tr {
    background-color: #fff;
}

table.tableintopic tbody tr:nth-of-type(2n) {
    background-color: rgba(191, 192, 194, 0.15);  /* Bosch light gray 85% transparency */
}

.relatedtopics td {
	padding: 0 0 10px 0;
	}

.loading {
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	height: 200px;
	background-image: url(images/loading_blue.gif); 
	background-repeat: no-repeat; 
	background-position: center; 
	padding-top: 70px;
	}
/*---- LAYOUT ELEMENTS ----------------------*/

#funcToolbar {
	font-size: 12px;
	position: absolute;
	top: 20px;
	left: 240px;
	border-bottom: none;
}
#funcToolbar .x-btn button { font-size: 12px}
#funcToolbar .x-btn-text-icon .x-btn-center .x-btn-text { background-position: 0px;}
#mainToolbar .upIcon, #mainToolbar .downIcon { 
	background-position: 0px;
	height: 24px;
	width: 24px;
}

.main-navigation .x-btn-text {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 16px;
	color: #005691;
	display: block;
	line-height: 1.5;
	border-bottom: 3px solid #005691;
}

/* Test */
#westPanelID {
	background-image: none;
	margin-top: 10px;
}
#westPanelID .x-panel-header{
	display: none;
}
.x-layout-split {
	border-right: 1px solid #dfdfe0;
	margin-top: 10px;
}
.x-panel-header {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
    background: none!important;
	background-color: #fff;
	border: 0 none!important;
	padding: 5px 0px 12px 20px;
}
.x-tab-panel-header {
	padding-bottom: 10px !important;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border: 0 none;
}
.x-panel-tbar .x-toolbar {
    border: 0 none;
    border-top: 0 none;
    overflow: hidden;
    padding: 0px;
}
ul.x-tab-strip-top, .x-tab-panel-header, .x-tab-panel-footer  {
	background-image: none;
	background: none;
	border-bottom: none;
}
ul.x-tab-strip-top {
	border-bottom: 1px solid #dfdfe0;
}
.tree-node-toolbar-no-bg-image {
	background-image: none;
	background-color: #fff;
}

/*---- Ex.Panel (for Fluid-Layout) ----------*/
#left div, #right div { 
	background-color: #fff;
	}
/*---- TREEVIEW (westPanelID - Inhaltsverzeichnis) ----------*/
#tab-panel { margin-left: 0px; }

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
	background-image: none;
	
}

/*---- CONTENT --------------*/
div#content-panel {
	background-color: #fff;
	margin-top: 10px;
}

/*---- breadcrumb ---------------------------------------*/
div#content-panel .x-panel-header-text span.breadcrumb,
div#content-panel .x-panel-header-text a.breadcrumb{
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	font-weight: 100;
	padding-bottom: 10px;
}
/*---- breadcrumb selectable ----*/
.x-unselectable, .x-unselectable * {
	user-select: all !important;
	-moz-user-select: all !important;
	-webkit-user-select: all !important;
	-ms-user-select: all !important;
}

div#ext-comp-1003 {
	min-width: 680px !important;
	}
.x-border-layout-ct {
    background: none repeat scroll 0 0 #FFFFFF;
	}

/*---- Start Panel -----------------*/
div#start-panel {padding: 10px 20px; }

/*---- FOOTER ---------------*/
#south-panel {
	padding: 0;
	margin: 0;	
	width: 100%;
	background-color: #fff;
	min-width: 680px !important;
	}

div#main-panel {
	padding: 0 10 10;
	margin: 0;
	}


/*---- MAIN TOOLBAR --------------*/

#mainToolbar {
	padding-bottom: 0px;
	height: 40px;
/*	visibility: hidden;*/
}

.x-toolbar {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	background: none;
	border-bottom-color: #dfdfe0;  /* Bosch Light Gray W50 223, 223, 224 */
    display: block;
    min-width: 240px;
	padding: 3px;
	}

#toc-toolbar.x-toolbar {
    margin: 0 0 8px 0;
	}

.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label,
.x-btn button {
	font-family: 'BoschSansRegular';
	font-size: 14px;
}

.x-btn-text-icon .x-btn-center .x-btn-text {
	background-position: 0px;
	background-repeat: no-repeat;
	padding: 2px 8px 0px 25px;
}

.x-btn-text:hover {
	color: #008ecf; /* Bosch light blue */
}

#checkBoxForm {
	margin-left: 5px;
	}
.checkbox-text {
	margin-left: 5px;
	} 
#search-textfield {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 16px;
	color: #7d8790;
	border: none;
	border-bottom: 1px solid #dfdfe0;  /* Bosch Light Gray W50 223, 223, 224 */
	background: none;
    margin: 1px -32px 5px 0;
    height: 24px;
	min-width: 220px;
    padding: 0 30px 2px 3px;
	z-index: 1000;
	}

#search-textfield .x-form-empty-field {
	color: #dfdfe0;
}

/*---- HEADER ---------------*/
div#north-panel {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #fff;
	min-width: 680px !important;
	height: 160px;
	}
#north-panel div.x-panel-body {
	min-width: 680px !important;	
	}
div#supergraphic {
	height: 15px;
	background: url(images/brand/supergraphic.svg);
	background-position: 0 50%;
    background-size: cover;
}
div#header {
    font-family: 'BoschSansLight', Arial, Sans-Serif;
	font-size: 12px;
	color: #000;
	white-space: nowrap;
	margin: 0;
	padding: 0 0 10px;
	clear: both;
	position: relative;
	height: 95px !important;
	min-width: 680px; 
/*	border-bottom: 1px solid #d9d9d9;*/
}

/* ------ Metanav + LanguageSelection ------- */
#header #langSelection {
	font-size: 12px;
	margin: 10px 0px;
	padding: 0;
	border-left: 1px solid #C3C3C3;
	list-style-type: none;
/*	display: none;*/
	position: absolute;
	right: 0;
	}
#header #langSelection li {
	float: left;
	clear: right;
	padding: 0px 5px;
	}

#header a {
	color: #7d8790; /* Bosch Dark Gray W25 125, 135, 144 */
	text-decoration: none;
	padding: 2px 5px;
	display: block;
	width: auto;
	}
#header #navMeta a:hover, 
#header #langSelection a:hover {
	color: #000;
	}
#header a.selected {
	color: #C3C3C4;
	}
	
/* ------ Header Title + Logo ------- */
#websiteTitleArea {
	color: #008ecf; /* Bosch light blue */
	position: absolute;
	right: 0px;
	top: 55px;
	padding-right: 60px;
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	font-size: 28px;
	}
#boschLogo {
/*	margin-top: 25px;*/
	padding: 30px 0 0 60px;
	width: 170px;
	
}
#boschLogo a {
	padding: 0;
	width: 180px;
}

/* -------- Metanavigation ------------- */
#header #navMeta {
	color: #000 !important;
	font-size: 12px;
	margin: 10px 0px;
	padding: 0;
	position: absolute;
	right: 140px;
/*	display: none;*/
}
#header #navMeta li {
	display: inline;
	float: left;
	padding: 0 5px 0 5px;
	background-image: none !important;
}
#header #navMeta a.relatedLnk {
	padding: 2px 5px 2px 5px;
}

/*------ Make the Breadcrumb selectable------*/
/*span.breadcrumb {
	-moz-user-select: all !important;
	-webkit-user-select: all !important;
	-ms-user-select: all !important;
	user-select: all !important;
}
*/
/*------ Footer --------*/
div#footer {
    font-size: 14px;
	padding: 0 0 10px 10px;
	margin: 0;
    height: 80px;/*must be in px*/
    white-space: nowrap;
	min-width: 680px !important;
}
div#footer a {
	text-decoration: none;
	color: #000;
}

#footer #footerCnt *, #footer #footerCnt a {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
}

div#footer ul li a:hover {
	font-size: 14px;
	color: #000 !important;	
}

div#footer #footerActionsL {
	float: left;
	height: 24px;
	padding-right: 10px;
	padding-top: 5px;
}
div#footer #footerActionsR {
	float: right;
	height: 24px;
	padding-right: 10px;
	padding-top: 5px;
}

div#footer #footerActionsR ul {
	display: inline;
}

div#footer hr.footer {
	clear: both;
	height: 1px;
	background-color:transparent;
	border: none;
	border-bottom: 1px solid #dfdfe0;  /* Bosch Light Gray W50 223, 223, 224 */
	padding: 0;
	margin: 10px 0px;
	overflow: hidden;
	font-size: 1px;
	display: block;
	width: 100%;
}

div#footer #footerCnt p.copyright {
	padding: 10px 0 0 0;
}

div#footer #footerCnt ul li {
	display: block;
	clear:	both;
	float:	none;
	height: auto;
}

div#footer a.footerActionTop, 
div#footer a.footerActionTopActive,
ul#footerMainActions li.topOfPage div#topOfPage a {
	background-repeat: no-repeat;
	background-position: 0;
	padding: 1px 0px 1px 24px;
	background-image: url(images/icons/Bosch-IC-up.svg);
}
div#footer a.footerActionTop:hover {
	background-repeat: no-repeat;
	background-position: 0;
	padding: 1px 0px 1px 24px;
}
div#footer a.footerActionPrint, 
div#footer a.footerActionPrintActive {
	background-repeat:no-repeat;
	background-position:0px;
	background-image: url(images/icons/Bosch-IC-print.svg);
	padding: 1px 0px 1px 24px;
}
div#footer a.footerActionPrint:hover {
	background-repeat:no-repeat;
	background-position: 0px;
	background-image: url(images/icons/Bosch-IC-print.svg);
	text-decoration-color: #ff0000;
	padding-left: 24px;
}

/*---- West panel ------------------ Index & Tree -----------------------*/
/*--- Index ---*/
#index {
	background-color: #fff;
	width: 100%;
}

.tableindexlinks td {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	padding: 5px;
}

#index p.indexatoz {
	margin-top: 0px;
}

#index-panel p.indexatoz a {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	color: #008ecf; /* Bosch light blue */
}

.tableindexlinks td.index1 { 
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	background: url(images/icons/Bosch-IC-folder.svg) no-repeat;
	background-size: 16px;
	background-position: 5px;
	padding-left: 25px;
}

td.indexheading {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	padding: 3px 5px;
	color: #000;
/*	background-color: #bfc0c2 /*Bosch light gray; formerly #efeff0;*/
}

td.indexheading a {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 16px;
	color: #000;
}

/*--- Adding image to west panel vertical bar (when west panel collapsed) ---*/
.x-layout-collapsed-west {
	background-image: url(images/toc_collapsed.png);
	background-position: center;
	background-repeat: no-repeat;
}


/*--- Tree -------------*/
/* override extjs ext-all.css for tree*/

.x-tree-node-el {
	line-height: 21px;
	display: inline-flex;
}
.x-tree .x-panel-body { 
	background-color: #fff; 
}

.x-tree-node a span, .x-dd-drag-ghost a span {
    text-decoration: none;
    color: #008ecf; /* Bosch light blue */
	padding: 1px 3px 1px 0px;
}

.x-tree-selected  a span {
    text-decoration: none;
    color: #fff;
/*	padding: 0;*/
}

li.x-tree-node {
	font: normal 14px 'BoschSansRegular', Arial, Sans-Serif;
	color: #008ecf; /* Bosch light blue Blue */
    white-space: normal;
	padding: 5px 15px;
	display: grid;
}

li.x-tree-node li.x-tree-node {
  	/*padding-left: 10px;*/
}

.x-tree-node .x-tree-node-over { 
	background-color: rgba(191,192,194,0.15); /* hover - Bosch light gray 15% */
	border-radius: 0px;
	width: 100%;
}

.x-tree-node .x-tree-selected .x-tree-node-over, 
.x-tree-node .x-tree-selected { 
	background-color: #008ecf; /* selected - Bosch light blue*/
	color: #fff;
	border-radius: 0px;
	display: inline-flex;
	width: 100%;
}

.x-tree-node ul.x-tree-node-ct .x-tree-node,
.x-tree-node ul.x-tree-node-ct .x-tree-node .x-tree-node-over,
.x-tree-node ul.x-tree-node-ct .x-tree-node .x-tree-selected .x-tree-node-over,
.x-tree-node ul.x-tree-node-ct .x-tree-node .x-tree-selected .x-tree-node-over {
	border-radius: 0px;
}

.x-tree-node-collapsed .x-tree-node-icon {
	background-image: url(images/icons/Bosch-IC-folder.svg);
	vertical-align: middle;
	display: none;
}

.x-tree-node-expanded .x-tree-node-icon {
	background-image: url(images/icons/Bosch-IC-folder-open.svg);
	vertical-align: middle;
	display: none;
}

.x-tree-node-leaf .x-tree-node-icon { 
	background-image:url(images/icons/Bosch-IC-document.svg);
	margin-left:16px;
	display: none;
}
.x-tree-node .x-tree-elbow-plus,
.x-tree-node .x-tree-elbow-end-plus,
.x-tree-node .x-tree-ec-over .x-tree-elbow-plus,
.x-tree-node .x-tree-ec-over .x-tree-elbow-end-plus {
	background-image:url(images/icons/add-light-blue.svg);
	background-position: left 3px;
}

.x-tree-node .x-tree-selected  .x-tree-elbow-plus,
.x-tree-node .x-tree-selected  .x-tree-elbow-end-plus {
	background-image:url(images/icons/add-white.svg);
	background-position: left 3px;
}

.x-tree-node .x-tree-elbow-minus,
.x-tree-node .x-tree-elbow-end-minus,
.x-tree-node .x-tree-ec-over .x-tree-elbow-minus,
.x-tree-node .x-tree-ec-over .x-tree-elbow-end-minus {
	background-image:url(images/icons/less-minimize-light-blue.svg);
	background-position: left 3px;
}

.x-tree-node .x-tree-selected  .x-tree-elbow-minus,
.x-tree-node .x-tree-selected  .x-tree-elbow-end-minus {
	background-image:url(images/icons/less-minimize-white.svg);
	background-position: left 3px;
}

.x-tree-arrows .x-tree-elbow-line {
	display: none;
}

/*span.x-tree-node-indent img.x-tree-icon,*/
span.x-tree-node-indent img.x-tree-ec-icon,
img.x-tree-elbow, 
img.x-tree-elbow-end {
/*	width: 0px;*/
}

/*.x-unselectable {
	padding: 0;	
}*/


/*---- END West panel ------------------ Index & Tree -----------------------*/

/* --- Content Elements -----------------------------------------------*/

.strong {
	color: #000;
	font-weight: bold;
}
.codebold {
    font-family: Consolas, "Courier New", Monaco, monospace;
	font-weight: bold;
	}

.underline {
	color:#000;
	text-decoration: underline;
}

/* SPECIAL PURPOSE */
h1, h2, h3, h4, h5, h6, h7, h8, h9,
.h1head1, .h2head2, .h3head3, .h4head4, .h5head5 ,.h6head6, .h7head7, .h8head8, .h9head9,
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6, .heading7, .heading8, .heading9 {
    font-family: 'BoschSansLight', Arial, Sans-Serif;
    font-weight: lighter;
    color: #008ecf; /* Bosch Light Blue */
    line-height: 52px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*
h1, .h1head1, .heading1 {
    font-size: 48px;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2, .h2head2, .heading2 {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 10px 0;
	}

h3, .h3head3, .heading3, .procedureheading {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 10px 0;
	}

h4, h5, h6, h7, h8, h9,
.h4head4, .h5head5 ,.h6head6, .h7head7, .h8head8, .h9head9,
.heading4, .heading5, .heading6, .heading7, .heading8, .heading9 {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 10px 0;
}
*/
/*
h4, .h4head4, .heading4 {
    font-size: 24px;
}

h5, .h5head5, .heading5 {
    font-size: 20px;
}

h6, h7, h8, h9,
.h6head6, .h7head7, .h8head8, .h9head9,
.heading6, .heading7, .heading8, .heading9 {
    font-size: 16px;
}
*/
h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    font-size: 48px;
}
.h1head1 {
    font-size: 36px;
	}

.h2head2, .procedureheading {
    font-size: 28px;
	}

.h3head3 {
    font-size: 24px;
}

.h4head4 {
    font-size: 20px;
}

.h5head5, .h6head6, .h7head7, .h8head8, .h9head9 {
    font-size: 16px;
}

/* HEADINGS */
.sidehead, .helpheading, .instruction, .instructionebene2,
.subheading, p.subheading, .subheading2  {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	font-size: 20px;
}

.sidehead, .instruction, .instructionebene2,
.subheading, p.subheading, .subheading2 {
	margin-top: 15px;
	margin-bottom: 5px;
	}
/*
.subheading, p.subheading, .subheading2 {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	font-size: 18px;
	color: #000;
    padding: 15px 0px 0px 0px;
	margin: 0;
	}
*/
img.expandicon {
	width: 32px;
	height: 32px;
}

a.expandingblockvorlage {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	font-size: 20px;
	color: #000;
	padding: 10px;		
}

a.expandingblockvorlage img {
	float: right; 
}

div.expandingblock {
    border: 0 none;
	padding: 0px 0px 10px 10px;
	}

/* LISTS */
ul, ol {
	font-size: 14px;
	line-height: 1.5;
}

ul.actionresult, ul.actionresult2, ul.actionresult3, ul.actionresult4 {
	list-style: none;
	}

li.actionresult, li.actionresult2, li.actionresult3, li.actionresult4 {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	background: url("images/icons/arrow-right.svg") no-repeat;
	background-size: 14px;
	background-position: left 5px;
    padding: 0 15px;
	}

ol.listalpha2 li.listalpha2 {
	margin-left: 32px;
	}

ol.listalpha2 li.listalpha2 li.actionresult4 {
	margin-left: 20px;
	}

/*	li.actionresult3 { margin-left: 15pt }
*/

ul.exampleitemlistbullet, ul.exampleitemlistbullet2 {
    margin: 10px 0;
    padding: 0 5px 5px;
	}

li.exampleitemlistbullet, li.exampleitemlistbullet2 {
	background: url("images/icons/Bosch-IC-list-bullet_grey.svg") no-repeat 0 0.7em;
    padding-left: 14px;
	}
	
/* Alphabetische Liste */
li.listalpha, ol.listalpha,
li.listalpha2, ol.listalpha2,
li.listalpha3, ol.listalpha3 { 
	list-style: lower-alpha outside none;
    margin-left: 15px;
  	padding: 0;
	}

/* Alphabetische Liste innerhalb einer numerischen Liste */
ol.listnumber ol.listalpha, ol.listnumber ol.listalpha2 {
	margin: 5px 0 5px 0px;
}

ol.listalphaoptionen li.listalpha,
ol.listalphaoptionen li.listalpha2,
ol.listalphaoptionen li.listalpha3 { 
	background: url("images/icons/Bosch-IC-list-bullet_grey.svg") no-repeat 0 0.7em;
	list-style: lower-alpha inside none;
	clear: both;
  	padding: 0 0 0 14px;
	margin: 5px 0 5px 0px; 
	background: none;
	}

li.listalphaoptionen {
    margin-left: 16px;
	}	

/* Numerische Liste */
ol.listnumber, ol.s1step1, li.listnumber, li.s1step1 {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	list-style: decimal;
	}
ol.listnumber2, ol.listnumber3 {
	list-style: decimal;
    padding: 0;
	margin: 10px 0 10px 10px;
	}


/* Liste mit Anstrich (Bullet) */
li.listbullet,
li.listbullet2,
li.listbullet3, 
li.tablelistbullet,
li.tablelistbullet2,
li.tablelistbullet3,
li.listalphaoptionen {
/*	background: url("images/icons/Bosch-IC-list-bullet_grey.svg") no-repeat 0 0.6em;*/
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	padding-left: 5px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: disc outside none;
	}

li.listalphaoptionen {
	margin-left: 0;
}

.tableintopic li.listbullet,
.tableintopic li.listbullet li.listbullet2,
.tableintopic li.listbullet3, 
.tableintopic li.tablelistbullet,
.tableintopic li.tablelistbullet2,
.tableintopic li.tablelistbullet3{
	margin: 10px;
}

.listcontinue, .listcontinue2, .listcontinue3 {
    list-style: none;
	/*padding-top:5px;
	padding-bottom: 5px;*/
	}
/*.listcontinue { margin-left: 15pt; }
.listcontinue2 { margin-left: 15pt; }
.listcontinue3 { margin-left: 30pt; }*/


/* NOTES + WARNINGS */
.tableintopic .caution, .tableintopic p.caution,
.tableintopic .important, .important2, .tableintopic .important3, .tableintopic p.important, .tableintopic p.important2, .tableintopic p.important3,
.tableintopic .warning, .tableintopic .warning2, .tableintopic .warning3, .tableintopic p.warning, .tableintopic p.warning2, .tableintopic p.warning3,
.tableintopic .note, .tableintopic .note2, .tableintopic .note3, .tableintopic p.note, .tableintopic p.note2, .tableintopic p.note3,
.tip, .tableintopic .tip2, .tableintopic .tip3, .tableintopic p.tip, .tableintopic p.tip2, .tableintopic p.tip3, .tableintopic 
.tableintopic .WarningElectricShock0, .tableintopic .WarningElectricShock1, .tableintopic .WarningElectricShock2, .tableintopic .WarningElectricShock3,
.tableintopic .listnote, .tableintopic .listnote2, .tableintopic .listnote3, .tableintopic .listnote4, .tableintopic p.listnote, .tableintopic p.listnote2, .tableintopic p.listnote3, .tableintopic p.listnote4,
.tableintopic .marginnote, .tableintopic .marginnote2, .tableintopic .marginnote3, .tableintopic p.marginnote, .tableintopic p.marginnote2, .tableintopic p.marginnote3,
.tableintopic .dangerbig, .tableintopic .warningbig, .tableintopic .cautionbig, .tableintopic .infobig, .tableintopic .tipbig {
	border: 1px solid #bfc0c2;
	margin: 10px;
	background-color: #fff!important;
}

.caution, p.caution,
.important, .important2, .important3, p.important, p.important2, p.important3,
.warning, .warning2, .warning3, p.warning, p.warning2, p.warning3,
.note, .note2, .note3, p.note, p.note2, p.note3,
.tip, .tip2, .tip3, p.tip, p.tip2, p.tip3,
.WarningElectricShock0, .WarningElectricShock1, .WarningElectricShock2, .WarningElectricShock3,
.listnote, .listnote2, .listnote3, .listnote4, p.listnote, p.listnote2, p.listnote3, p.listnote4,
.marginnote, .marginnote2, .marginnote3, p.marginnote, p.marginnote2, p.marginnote3,
.dangerbig, .warningbig, .cautionbig, .infobig, .tipbig {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid #008ecf;
	color: #000;
	padding: 10px 10px 10px 48px;
	margin: 10px 0px;
	min-height: 24px;
	background-size: 32px!important;
/*	background-color: #efeff0!important;*/
}

.caution, p.caution {
	background: url(images/icons/Bosch-IC-alert-warning_black.svg) no-repeat 10px 5px;
}
.important, .important2, .important3, p.important, p.important2, p.important3 {
    background: url(images/icons/Bosch-IC-edit.svg) no-repeat 10px 5px;
}
.warning, .warning2, .warning3, p.warning, p.warning2, p.warning3 {
    background: url(images/icons/Bosch-IC-alert-warning_black.svg) no-repeat 10px 5px;
}
.note, .note2, .note3, p.note, p.note2, p.note3 {
    background: url(images/icons/Bosch-IC-edit.svg) no-repeat 10px 5px;
}
.tip, .tip2, .tip3, p.tip, p.tip2, p.tip3 {
    background: url(images/icons/Bosch-IC-lightbulb.svg) no-repeat 10px 5px;
}
.WarningElectricShock0, .WarningElectricShock1, .WarningElectricShock2, .WarningElectricShock3 {
	background: url(images/icons/Bosch-IC-alert-warning_e-shock.svg) no-repeat 10px 5px;
}
.listnote, .listnote2, .listnote3, .listnote4, p.listnote, p.listnote2, p.listnote3, p.listnote4,
.marginnote, .marginnote2, .marginnote3, p.marginnote, p.marginnote2, p.marginnote3 {
    background: url(images/icons/Bosch-IC-edit.svg) no-repeat 10px 5px;
}

p.dangerbig,
p.warningbig,
p.cautionbig,
p.infobig,
p.tipbig {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 14pt;
    border-style: none
}

p.dangerbig {
    background: url("images/icons/Bosch-IC-alert-warning-filled-white.svg") no-repeat 10px center;
    background-color: rgb(234, 0, 22); /* Bosch Red */
    color: white;
    margin-bottom: -10px;
}
p.warningbig {
    background: url("images/icons/Bosch-IC-alert-warning-real-black.svg") no-repeat 10px center;
    background-color: rgb(252, 175, 23 ); /* Bosch Yellow */
    color: black;
    margin-bottom: -10px;
}
p.cautionbig {
    background: url("images/icons/Bosch-IC-alert-warning-real-black.svg") no-repeat 10px center;
    background-color: rgba(252, 175, 23, 0.55); /* Bosch Yellow 55% */
    color: black;
    margin-bottom: -10px;
}
p.infobig {
    background: url("images/icons/Bosch-IC-alert-info-filled-white.svg") no-repeat 10px center;
    background-color: rgb( 0, 142, 207 ); /* Bosch Light Blue */
    color: white;
    margin-bottom: -10px;
}
p.tipbig {
    background: url("images/icons/Bosch-IC-lightbulb-white.svg") no-repeat 10px center;
    background-color: rgb( 0, 142, 207 ); /* Bosch Light Blue */
    color: white;
    margin-bottom: -10px;
}

.tableintopic  p.dangerbig,
.tableintopic  p.warningbig,
.tableintopic  p.cautionbig,
.tableintopic  p.infobig,
.tableintopic  p.tipbig {
    background-color: rgb(206, 206, 207);
    background-size: 24px;
    background-position: 5px 5px;
    margin: 0;
    font-size: 14px;
    color: initial;
}

.tableintopic  p.dangerbig {
    background-image: url("images/icons/Bosch-IC-alert-warning-black.svg");
}
.tableintopic  p.warningbig {
    background-image: url("images/icons/Bosch-IC-alert-warning-black.svg");
}
.tableintopic  p.cautionbig {
    background-image: url("images/icons/Bosch-IC-alert-warning-black.svg");
}
.tableintopic  p.infobig {
    background-image: url("images/icons/Bosch-IC-alert-info-black.svg");
}
.tableintopic  p.tipbig {
    background-image: url("images/icons/Bosch-IC-lightbulb-white.svg");
}

/* --- End Messages -----------------------------------------------*/

/*------- Search ------------------------------------------------------*/
.searchResultsPanel { background-color: #fff !important; }
.searchResults { font-size: 14px; background-color: rgba(191,192,194,0.15) !important; line-height: 21px; }
#searchResultsPanel { background-color: #fff !important; }
#searchResults { font-size: 12px; background-color: #f1f1f1 !important; }
#searchResults a:hover { text-decoration: underline !important; }
.searchword1 { background-color: #bfe3f3; }

/*--- panels header (title) ---*/

.x-panel-header, .x-panel-body, .x-panel-header-text, 
.x-tab-strip span.x-tab-strip-text { 
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	font-size: 18px;
	color: #000;
	line-height: 21px;
} 

.x-tab-strip-active span.x-tab-strip-text {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-weight: normal;
	border-bottom: 3px solid #008ecf;
	color: #008ecf; /* Bosch light blue */
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close, 
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
	background: url(images/icons/Bosch-IC-close.svg) no-repeat;
}

/*--- toolbar ---*/
.x-toolbar .ytb-text { padding: 0;}

/*--- Icons ---*/
/*--- main toolbar ---*/
.x-btn-text-icon .x-btn-center .x-btn-text .x-btn-over {
	text-decoration: underline;
	}	

.x-toolbar .x-btn-over .x-btn-left,
.x-toolbar .x-btn-over .x-btn-right,
.x-toolbar .x-btn-over .x-btn-center {
	background: none;
	}

.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-menu-active .x-btn-left,
.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-menu-active .x-btn-right,
.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-center,.x-toolbar .x-btn-menu-active .x-btn-center {
	background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
	}


button.homeIcon { background-image: url(images/icons/home-light-blue.svg); }
button.upIcon { background-image: url(images/icons/up-light-blue.svg);}
button.downIcon { background-image: url(images/icons/down-light-blue.svg); }


button.EditIcon { background-image: url(images/icons/Bosch-IC-edit.svg); }
button.EditLiveIcon { background-image: url(images/icons/Bosch-IC-document-edit.svg); }
button.emailThisPageIcon { background-image: url(images/icons/mail-forward-light-blue.svg); }
button.sendFeedbackIcon { background-image: url(images/icons/message-light-blue.svg); }

button.printIcon { background-image: url(images/icons/print-light-blue.svg); }
button.searchIcon { 
	background-image: url(images/icons/search-light-blue.svg);
	margin: 0px 0px 8px 0px;
	background-size: 20px;
	min-height: 24px;
	min-width: 24px;
	z-index: 2000; 
}

/* tree toolbar */

.x-btn-icon .x-btn-center .x-btn-text {
	width: 24px !important;
	height: 24px !important;
	}

button.expand { 
	background-image: url(images/icons/Bosch-IC-expand-all.svg);
	width: 24px !important;
	height: 24px !important;
}
button.collapse { 
	background-image: url(images/icons/Bosch-IC-collapse-all.svg);
	width: 24px !important;
	height: 24px !important;
}

/* overwrite Author-it stylesheet.css styles */
table ul, 
table ol, 
table li {
    padding: 0;
	margin: 0;
	}

table ol.s1step1,
table li.listnumber,
table li.s1step1,
table li.listnumber2,
table li.listnumber3  {
	margin: 0 0 0 15px;
    padding: 0;
	}

.aboveheading { display: none; }

table.relatedtopics {
	background-color: #008ecf;
	padding: 10px 0px 10px 10px;
	margin-top: 40px;
}
.relatedtopics.belowheading { 
	background-color: #fff;
	margin-top: 10px;
	padding-left: 0px;
	min-width: 300px;
	border-bottom: 1px solid #dfdfe0!important;
	}

.belowheading p.relatedheading {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 0;
	}

.relatedtopics.belowtopictext a {
    white-space: nowrap;
	color: #fff;
}

.belowheading ul.relateditem  {
    margin-left: 0px;
	}

.belowtopictext p.relatedheading {
	font-family: 'BoschSansLight', Arial, Sans-Serif;
	color: #fff; /* White */
	font-size: 18px;
	}

.relatedtopics p.relateditem {	
    color: #000;
    background-color: transparent;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 0%;
    margin-right: 0%;
	padding: 5px 10px;
	white-space: nowrap;
}

ul.relateditem li {
	list-style-type: none;
}

.belowtopictext ul.relateditem li a {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	padding-right: 20px;
    margin-right: 25px;
	line-height: 1.5;
    background-image: url(images/icons/Bosch-IC-forward-right-white.svg);
	background-repeat: no-repeat;
	background-position: right center;
}

.belowheading ul.relateditem li a {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	padding-right: 20px;
    margin-right: 25px;
	line-height: 1.5;
    background-image: url(images/icons/Bosch-IC-forward-right-blue.svg);
	background-repeat: no-repeat;
	background-position: right center;
}

ul.relateditem li a:hover {
	color: #bfc0c2; /* Bosch light gray */
}
a , a.jump, a.jumpexternal{
    text-decoration: none;
    color: #008ecf; /* Bosch Light Blue */
}

a.jump, a.jumpexternal {	
    background-image: url(images/icons/Bosch-IC-externallink_blue.svg);
    background-repeat: no-repeat;
	background-position: 0;
	background-size: 19px;
    padding: 0 0 0 22px;
	}

a:hover, a.jump:hover, a.jumpexternal:hover  {
    color: #005691; /* Bosch Dark Blue */
}

a.jump:hover, a.jumpexternal:hover {	
    background-image: url(images/icons/Bosch-IC-externallink.svg);
}

a.jumpemail {
    background-image: url(images/icons/Bosch-IC-mail-forward.svg);
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding: 0 0 0 22px;
}	

a.jumpemail:hover {
    background-image: url(images/icons/Bosch-IC-mail-forward.svg);
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.tableheading {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	border: 0 none;
	}
	
p.tabletext {
	font-family: 'BoschSansRegular', Arial, Sans-Serif;
	font-size: 14px;
	line-height: 21px;
	margin: 10px;
	}
	
ul.tablelistbullet {
	list-style-type: none;
	padding: 0 0 0 15px;
	}

li.tablelistbullet {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    margin-right: 2px;
	}

p:empty {
	display: none;
}