html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #f5f5f5;
	overflow: hidden;
}
@media (max-width: 1000px)  {				/* MOBILE_OPTIMIZATION */
	html, body { overflow: initial; }		/* MOBILE_OPTIMIZATION */
}

.header { width: 100%; background: #fafbfb; border-bottom: 1px solid #dfdfdf; margin: 0; flex: 0 1 55px; }	/* MOBILE_OPTIMIZATION - Aendert # zu . */
/* Anfang MOBILE_OPTIMIZATION */
@media (max-width: 1000px) and (orientation: landscape)  {
	#header {position: relative; z-index: 3;}
	#scrollHeader { position: fixed; z-index: 3; top: 0; }
}
@media (max-width: 1000px) and (orientation: portrait)  {
	#header {position: fixed; z-index: 3;}
	#scrollHeader { position: fixed; z-index: 3; top: 0; }
}
/* Ende MOBILE_OPTIMIZATION */
#main { max-width: 1100px; margin: 0 auto 0 auto; position: relative; }
#navigation { width: 300px; overflow-y: scroll; position: absolute; background: white;  }
/* Anfang MOBILE_OPTIMIZATION */
@media (max-width: 1000px) {
	#navigation { width: 500px; min-height: 100%; }
	/* "min-height: 100%" garantiert, dass die Navigation den ganzen Bildschirm ausfuellt, auch wenn die Adressleiste durch Scrollen versteckt wird */
}
@media (max-width: 1000px) and (orientation: portrait) {
	#navigation {
		top: 0px;
		z-index: 0;
		padding-top: 100px;
		position: fixed; 
	}					
}
@media (max-width: 1000px) and (orientation: landscape) {
	#navigation {
		top: 0px;
		z-index: 0;
		padding-top: 57px;
		position: fixed;
	 }
}
/* Ende MOBILE_OPTIMIZATION */
#content { background: white; z-index: 2; overflow-y: scroll; }	/* MOBILE_OPTIMIZATION --> Entfernt: margin-left: 300px; max-width: 800px; */
/* Anfang MOBILE_OPTIMIZATION */
@media (max-width: 1000px) and (orientation: portrait) {
	#content { overflow-y: initial; padding-top: 100px; }
}
@media (max-width: 1000px) and (orientation: landscape) {
	#content { overflow-y: initial; }
}
/* Ende MOBILE_OPTIMIZATION */
    
.header  .title {	/* MOBILE_OPTIMIZATION - Aendert # zu . */
	font-size: 18px;
	font-family: Arial,Helvetica,sans-serif;
	color: #4b4b4b;
	text-align: center;
	margin-top: 16px;
}  
    
.header .logo {		/* MOBILE_OPTIMIZATION - Aendert # zu . */
	height: 40px;
	margin-top: 7px;
	margin-left: 5px;
	float: left;
}
    
.header .menu {		/* MOBILE_OPTIMIZATION - Aendert # zu . */
	max-width: 1100px;      
	z-index: 2;
	height: 55px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
/* Anfang MOBILE_OPTIMIZATION - Vegroessert den Header im Hochformat */
@media (max-width: 1000px) and (orientation: portrait) {
	.header { 			/* Header muss 1px kleiner sein als menu sonst entsteht eine Luecke zwischen header und navigation sidebar */
		height: 99px;
	}
	.header .menu {
		height: 100px;
	}
}
/* Ende MOBILE_OPTIMIZATION */
	
/* MOBILE_OPTIMIZATION - Davor
#header  #search {
	height: 40px;
	margin-top: 14px;
	margin-right: 10px;
	float: right;
}*/
    
.header .search img {		/* MOBILE_OPTIMIZATION - Aendert # zu . */
	border-width: 0;
}

#navigation a { color: black; text-decoration: none }
#navigation a:visited {color: black}
#navigation a:hover { text-decoration: underline }
#navigation .navtitle    { font-size: 14pt; font-weight: bold; margin-bottom: 16px; }
#navigation .navbar      { font-size: 10pt; }                               
					
#navigation li.heading1 a span { padding-left: 4px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; cursor: pointer; display: block; border-bottom: 1px solid #e6e9ea; }  
#navigation li.heading2 a span { padding-left: 4px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; cursor: pointer; display: block; border-bottom: 1px solid #e6e9ea; }
	  
#navigation li.heading1 a:hover{ text-decoration: none; }
#navigation li.heading2 a:hover{ text-decoration: none; }

#navigation SPAN.heading1 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none; }
#navigation SPAN.heading2 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading3 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading4 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading5 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading6 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }

#navigation SPAN.hilight1 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight2 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight3 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight4 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight5 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight6 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }

/* Anfang MOBILE_OPTIMIZATION */
@media (max-width: 1000px) and (orientation: portrait) {
	#navigation SPAN.heading1 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none; }
	#navigation SPAN.heading2 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.heading3 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.heading4 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.heading5 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.heading6 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }

	#navigation SPAN.hilight1 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight2 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight3 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight4 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight5 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight6 { font-family: Arial; font-weight: normal; font-size: 26px; color: #000000; text-decoration: none }
}
@media (max-width: 1000px) and (orientation: landscape) {
	#navigation SPAN.heading1 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none; }
	#navigation SPAN.heading2 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.heading3 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.heading4 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.heading5 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.heading6 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }

	#navigation SPAN.hilight1 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight2 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight3 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight4 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight5 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
	#navigation SPAN.hilight6 { font-family: Arial; font-weight: normal; font-size: 20px; color: #000000; text-decoration: none }
}
/* Ende MOBILE_OPTIMIZATION */

:focus {outline:none;}
::-moz-focus-inner {border:0;}

#navigation TD.toc { padding-bottom: 2px; padding-right: 3px }
#navigation TABLE.toc { border: 0 none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; }
#navigation IMG.icon {}



#content #idheader { 
  height:auto; 
  margin: 0;
  background: white; 
} 
#content #idheaderbg  {
  padding-top: 45px;
  padding-bottom: 15px;
}

#content #callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
#content #callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
#content #callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
#content #callout-table a {text-decoration: none; color: #0079c2;}
#content #callout-table a:visited {text-decoration: none; color: #0079c2;}
#content #overview-table a {text-decoration: none; color: black;}
#content #overview-table a:visited {text-decoration: none; color: black;}
#content #callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
#content hr { border-color: white; }
#content a:visited { color: #0079c2; text-decoration: none; }
#content a { color: #0079c2; text-decoration: none; }
#content a:hover { text-decoration: underline; }         
                                                              

#content #innerdiv {
  margin: 40px;
  margin-top: 0;
  padding-top: 0;
  /*overflow-x: hidden; */
}               

#content h1.p_Heading1 {
 text-align: left;
}

#content #navigation_bottom {
 padding-top: 10px;
 border-top: 1px solid #e6e9ea;
 margin-top: 20px;
 margin-bottom: 20px;
}

#content #navigation_bottom {
 font-size: 14px;   
 color: blue;
}
/* Anfang MOBILE_OPTIMIZATION */
@media (max-width: 1000px) and (orientation: portrait) {
	#content #navigation_bottom
	{
	  font-size: 28px;
	}
}
@media (max-width: 1000px) and (orientation: landscape) {
	#content #navigation_bottom
	{
	  font-size: 21px;
	}
}
/* Ende MOBILE_OPTIMIZATION */  
  
#content #navigation_bottom a .arrow {
 padding-left: 5px;
 padding-right: 5px;
}            

#content #navigation_bottom a:hover {
 text-decoration: none;
}

#content #navigation_bottom a:visited {
 text-decoration: none;
 color: #0079c2;
}               
  
#content #navigation_bottom a:hover .button {
 text-decoration: underline;
}

#content #next {
 float: right;
}

#main #searchPanel {
 position: absolute;
 right: 0;
 height: 100%;
 width: 500px;		/* MOBILE_OPTIMIZATION - Davor: width: 300px; */
 float: right;
 top: 0;
 z-index: 100;
 display: none;
 border-left: 1px solid #dfdfdf;
}
/* Anfang MOBILE_OPTIMIZATION */
@media (max-width: 1000px) and (orientation: portrait) {
	#main #searchPanel {
		position: fixed;
		margin-top: 100px;
	}
}
@media (max-width: 1000px) and (orientation: landscape) {
	#main #searchPanel {
		position: fixed;
		z-index: 1;
		margin-top: 55px;
	}
}
/* Ende MOBILE_OPTIMIZATION */

table {
	table-layout: fixed;
}

/* Anfang MOBILE_OPTIMIZATION */
/* Definiert alle notwendigen Animationen fuer das Hamburger Menu */

@keyframes navShowAnimation {
	from {left: -500px;}
	to {left: 0px;}
}

@keyframes navHideAnimation {
	from {left: 0px;}
	to {left: -500px;}
}

.navShowAnimationClass {
	animation: navShowAnimation 0.5s;
}

.navHideAnimationClass {
	animation: navHideAnimation 0.5s;
}

/* Passt die Groesse allr Inhalte des Headers an */
.hamburgerButton {
	margin: 7px 10px 0px 5px;
	height: 40px;
}
.searchIcon {
	margin: 7px 0px 5px 0px;
	height: 40px;
}
@media (max-width: 1000px) and (orientation: portrait) {
	.hamburgerButton {
		height: 70px;
	}
	.header .logo {
		height: 70px;
	}
	.header .search {
		height: 70px;
	}
	.searchIcon {
		height: 70px;
	}
	.header .title {
		font-size: 36px;
	}
}
@media (max-width: 1000px) and (orientation: landscape) {
	.header .title {
		font-size: 26px;
	}
}

.hiddenHeader {
	display: none;
}

/* Ende MOBILE_OPTIMIZATION */