@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYag.ttf") format('truetype');
}

/* Anpassungen */


html, body, form {
    width: 100%;
    height: 100%;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 11pt;
	/* overflow: hidden; */
}

a {
    cursor: pointer;
    color: #54545c; /*!important;*/
    text-decoration: underline; /*!important;*/
   }
a:visited {
    color: #663366 /*!important;*/
}
a:hover {
    color: #c81973; /*!important*/;
	text-decoration: underline;
}


p { margin:5px; }

#start-panel ul, #start-panel ol { padding-left: 25px; }

.loading {
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	height: 200px;
	background-image: url(images/loading_gray.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 70px;
}


/*----------- breadcrumb & Contents text ---------------*/
/*--------- This:
 - changes the colour of the font in the contents title and breadcrumb, including for both links and non-links and also, changes whether there's an underline if they're linked. ------------*/

.breadcrumb:hover { text-decoration: underline !important; }

.x-panel-header a {color: #ffffff !important; text-decoration: none; }

.x-panel-header {
	font: 10pt "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #ffffff;
    background: none !important;
	}


/*---- Topic -------------------------------------------------------*/
div#start-panel { padding: 10px; }
.aboveheading { display: none; }
.belowheading { display: none; }

/*--- toolbar ---*/
.tree-node-toolbar-no-bg-image { background-color: #ffffff; background-image: none; }
.x-toolbar .ytb-text { padding: 0px;}


/*--- Icons ---*/
/*--- main toolbar ---*/
button.homeIcon { background-image: url(images/home_gray.png); }
button.homeIcon:hover { background-image: url(images/home_gray-hover.png) !important; }
button.upIcon { background-image: url(images/up_gray.png); }
button.upIcon:hover { background-image: url(images/up_gray-hover.png) !important; }
button.downIcon { background-image: url(images/down_gray.png); }
button.downIcon:hover { background-image: url(images/down_gray-hover.png) !important; }

button.EditIcon { background-image: url(images/edit_gray.png); }
button.EditLiveIcon { background-image: url(images/edit_live_gray.png); }
button.emailThisPageIcon { background-image: url(images/email_gray.png); }
button.sendFeedbackIcon { background-image: url(images/feedback_gray.gif); }

button.printIcon { background-image: url(images/printer_gray.png); }
button.printIcon:hover { background-image: url(images/printer_gray-hover.png) !important; }
button.searchIcon { background-image: url(images/search_gray.png); }
button.searchIcon:hover { background-image: url(images/search_gray-hover.png) !important; }

/* tree toolbar */
button.expand { background-image: url(images/expand.png); }
button.expand:hover { background-image: url(images/expand-hover.png) !important; }
button.collapse { background-image: url(images/collapse.png); }
button.collapse:hover { background-image: url(images/collapse-hover.png) !important; }

/* Customizations */

@import url('https://fonts.googleapis.com/css?family=Istok+Web');

div#header {
	background-color: #282832 !important;
	background-image: none;
	height: 105px;
}
#hdrbottom {
	width: 100%;
	line-height: 1px;
}
#hdrbottom {
	padding:0;
	background-color: #e6e6e6;
	position: absolute;
	top: 94px;
	left: 0px;
}
#hdrbottom-left {
	/* background-image: url(images/hdr-bottom-bg.png); */
	background-repeat:no-repeat;
	background-position: left bottom;
	height: 10px;
}
#hdrbottom-right {
	/* background-image: url(images/hdr-bottom-bg.png); */
	background-repeat:no-repeat;
	background-position: right bottom;
	height: 10px;
}
#hdrbottom-ctr {
    background-color: #282832;
	height: 60px;
}
div#mainToolbar  {
	background: 0 !important;
	padding-bottom: 3px;
}


div#header div.header-right {
	float: right;
	padding: 10px 60px 6px 10px;
	z-index:1;
}
div#header div.header-left {
	float: left !important;
	z-index:3;
}
span#headerLogo {
	display: inline-block;
	text-indent: -9999999px;
	background-image: url(images/bl-logo.png);
	background-repeat: no-repeat;
	width: 191px;
	height: 84px;
	z-index: 5;
    margin-right: 20px;
	margin-top: 5px;
}

span#headerTitle {
	display: inline-block;
	max-width: 1200px;
	/* background-image: url(images/headline-background.png);
    background-color: #196950;  */
	background-repeat:no-repeat;
	background-position: right bottom;
	font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: white;
    padding: 20px 30px 10px 40px;
    position: relative;
	left: 0px;
	top: 0px;
	z-index: 10;
	white-space: nowrap;
    margin-top: 10px;
}

/* Update the top of page link at the bottom of the page */

#topOfPage {
	font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 25px;
	}

 #topOfPage a {
    color: #FFFFFF;
    text-decoration: none;
}



#footer {
/*	Turning off the Author-it grey footer stuff.

background: url("extjs/resources/images/gray/tabs/tab-strip-btm-bg.gif") repeat-x scroll left top #F0F4F5;   */
	background-position: 0px 2px;
    border-top: solid #D0D0D0 1px;
	padding: 4px !important;
	padding-bottom: 3px !important;
}
#footer .footer-left, #footer .footer-center, #footer .footer-right {
	font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 10pt;
}

p#searchDetails {
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11pt;
}
div#searchResults td.srtd {
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11pt;
}

div#searchResults span.searchword1 {
        background-color: #737373;
        color: white;
}

/*
p.indexatoz {
	font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11pt;
	text-align: justify;
} */
p.indexatoz a {
	display: inline-block !important;
	padding: 0px 3px 0px 3px;
}

/*
td.indexheading {
	font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11pt;
} */

div#index table.tableindexlinks {
	margin: 8px;
}

#footer table.footer {
	width: 100%;
}
#footer table.footer td.footer-right {
	text-align: right;
}




.relatedheading {font-weight: bold;}

.tableheading {
	font-weight: bold;
        margin-top: 0pt;
	margin-bottom: 0pt;
        margin-left: 0pt;
        margin-right: 0pt;}

.strong {font-weight: bold;}

.emphasis {font-style: italic;}

.x-tab-strip span.x-tab-strip-text{font: normal 10pt "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;}
.x-tab-strip-active span.x-tab-strip-text{font-weight:bold;}
.x-tree-node a span, .x-dd-drag-ghost a span {
	font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; !important;
	font-size:11pt !important;
}
/*
.indexlink {
	font-size: 13pt;
} */

.x-form-empty-field{color:#474747;}
.x-small-editor .x-form-field{font:normal 10pt "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;}
table.relatedtopics {
margin-top: 10pt;
}
table.tableintopic {
margin-top: 6pt;
}
ol li.listnumber2 {
margin: 3pt 0 0 0pt ;
}
ol ol ul.listnumber2 {
margin: 3pt 0 0 -3pt ;
}

/* Note for Web Analysis (Tracking)  */
#cookie-info {
position:/*relative*/absolute;
top:0px;
left:0px;
display: none;
z-index:30;
color: #52595f;
font-family: "Frutiger W01",Helvetica,Arial,sans-serif;
background-color:#ffffff;
width:100%;
border-bottom: 2px solid #c7cccf;
padding: 3px 0;
/*padding-left: 30px;*/
padding-right: 30px;
}

#cookie-info p {
color: #52595f;
font-family: "Frutiger W01",Helvetica,Arial,sans-serif;
/* Font size for overlay */
font-size: 11px;
line-height: 1.2;
}


#cookie-info p button {
   text-decoration: none;
   font-size: 14px;
   text-transform: uppercase;
}


.close {
	background-image:url(images/round_red.png);
	background-repeat:no-repeat;
    color: #fff;
    font-weight: normal;
    height: 18px;
    width: 18px;
	line-height: 0;
    margin-top: 5px;
	margin-left:0px;
	margin-right:10px;
    padding: 1px 1px 2px 1px;
	float: right;
}

button.close {
   border: 0 none;
   cursor: pointer;
   text-transform: none;
}

.pull-right {
    float: right !important;
	margin-left:10px;
}

#mask {
   position:absolute;
   top:0px;
   left:0px;
   width: 100%;
   height: 100%;
   z-index:29;
   display: none;
   background:url(images/opaque50.png) repeat fixed;
}

a.btn {
	color: #fff !important;
}

a#readMore {
	color:red !important;
}

a#readMore:visited {
	color:red !important;
}

.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:16px;line-height:1.6;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#fff;text-decoration:none}
.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-default{color:#fff;background-color:#52595f}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#fff;background-color:#3f4449}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#52595f}
.btn-default .badge{color:#52595f;background-color:#fff}
.btn-primary{color:#fff;background-color:#e53138;border-color:#e01c24}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#d31b22;border-color:#aa151b}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#e53138;border-color:#e01c24}

.btn-default{-webkit-box-shadow:0 3px #3a3f44;box-shadow:0 3px #3a3f44}
.btn-primary{-webkit-box-shadow:0 3px #ca1920;box-shadow:0 3px #ca1920}
.btn-success{-webkit-box-shadow:0 3px #608823;box-shadow:0 3px #608823}

.btn-success{color:#fff;background-color:#7cb12d;border-color:#6e9d28}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#659025;border-color:#4c6c1b}
.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}
