/*////////////////////////////////////////////////////////////////////////////
// Global / cms.libe.net specific layout
// here is an example of additional css optimizations for your template
// in addition use the global settings area for tinymce.css
// tinymce.css please add Width for the content to body example: width:600px;
////////////////////////////////////////////////////////////////////////////*/

	/*p global and tinymce add width:xxxpx; for tinymce.css*/
		p,td,div#left ul,#container,div,tr,table,blockquote,body{margin: 0;padding: 0;}

		body, td 	{text-align: left;}/* add width:xxxpx; for tinymce.css*/
		td		{vertical-align: top;}
		#left li 	{list-style: none;}
		#center p, table,.feedback p {margin-left:5px;} /*p align remove #center for tinymce.css*/


		/*images spacing*/
		P img, td img, .nimage img {margin:10px;}

	/*p Feedback line*/
	.feedback hr	{border: 0;width:80%;margin-top:10px;}


	/*prevnext*/
	#prevnext a	{text-decoration:none;}
	.prev_topic 	{float:left;}
	.prev_topic:before {content:"< ";}
	.next_topic 	{float:right;}
	.next_topic:after {content:" >";}
	#prevnext:after {clear:both;}

/*/////////////////////////////////////
//Page specific
/////////////////////////////////////*/

#maincontent {background-color:#fff;min-height:600px;padding-left:30px;padding-right:30px;} //min-height is maybe overruled by jquery affix
.breadcrumb {padding:5px;}
.bs-sidebar li a {padding: 4px 0px;}
ul, menu, dir {
-webkit-padding-start: 10px;}
.breadcrumb {border-radius:0px;}

/*paddings*/

	#toccontent {margin-bottom:30px;}

/*search*/
	.searchfound {font-size:10px;}
	.searchdetail {font-size:10px;margin:0 auto;text-align:right;padding:0px;display:block;border-bottom:1px solid #eee;}
	ul.search li{margin-bottom:12px;display:block;}
	ul.search li a {text-decoration:underline;}
	.searchdesc {margin:0px;padding:0px;font-size:12px;padding-left:20px;display:block;}

/*/////////////////////////////////////
//Footer
/////////////////////////////////////*/
#footer	{clear: both;
	margin-left: auto ;
	margin-right: auto ;
	background-repeat: no-repeat;text-align:right;background-repeat:no-repeat;background-position:center top;}



/*/////////////////////////////////////
//Bootstrap modifcations
/////////////////////////////////////*/

/*smaller headings*/
.bs-docs-container h1 , #footer h1{font-size:26px;}
.bs-docs-container h2 , #footer h2{font-size:24px;}
.bs-docs-container h3 , #footer h3{font-size:22px;}
.bs-docs-container h4 , #footer h4{font-size:20px;}
.bs-docs-container h5 , #footer h5{font-size:18px;}
.innertopicblock h3 {font-size:18px;}


/*css inside jumbotron repair height:*/
	.jumbotron:after {
	    clear: both;
	    content: ".";
	    display: block;
	    height: 0;
	    visibility: hidden;
	}

/*Top menu hover instead of click*/
	ul.nav li.dropdown:hover ul.dropdown-menu{
	    display: block;
	    margin-top:0px
	}


	.mainmenu_link img {max-height:110px;margin:4px;}



#topcontent {height:100px;margin-right: -15px;margin-left: -15px;background-size:100% 50%;}
/*breadcrumb top*/
	#backlink {z-index:999;height:35px;}
	/*top arrow:*/
	.backlink.affix-top .glyphicon{visibility: hidden;}
	.backlink.affix.glyphicon{    visibility: visible;}
	.breadcrumb {float:left;}
	.breadcrumb {width:100%;}
	ol.breadcrumb {padding-left:5px;}
	#backlink li{padding-left:5px;}
/*menu sidebar*/

#affixmenu {margin-left:-30px;font-size:20px;overflow:hidden;}
#affixmenu ul {padding-left:7px;}
#affixmenu li {font-size:0.9em;}


	@media (max-width: 1200px) 
	{
		#affixmenu {width:150px;}
	}
	@media (min-width: 1200px) 
	{
		#affixmenu {width:180px;}
	}

	.bs-sidebar.affix-bottom .bs-sidenav, .bs-sidebar.affix .bs-sidenav {
	    margin-bottom: 0;
	    margin-top: 0px;
	}
	#affixmenu {
	    border-radius: 0px;
	    padding-bottom: 0px;
	    padding-top: 0px;
	}

	.bs-sidebar ul {list-style:none;}

	/*affix disable left menu on small screens*/
	@media (min-width: 768px) 
	{
		.bs-sidebar.affix {
		    position: fixed;
		    top: 10px;
		}
	}
	@media (max-width: 768px) 
	{
	    .bs-sidebar.affix {
		position: static;
	    }
	}
	@media (max-width: 991px) 
	{	
	#menu{width:0px;}
	}

.affix-bottom {
  position: absolute;
}

	
/*Jumbotron*/
.jumbotron {
max-width:1200px;  margin-left: auto ;  margin-right: auto ;}
.jumbotron h1 {color:#fff;text-shadow: 4px 4px 8px #000; }    
.jumbotron h2 {color:#999; } 

/*responsive heading jumbotron*/
@media (min-width: 768px) 
{
.jumbotron h1 {font-size: 4vw;color:#fff;text-shadow: 4px 4px 8px #000; }    
.jumbotron h2 {font-size: 2vw;color:#999; } 
}

/*for long button text ..*/
	.btn {
	    white-space: normal;
	}

/*footer*/
.bs-docs-footer {
    padding-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}
#footer a {margin:10px;}

/*hover effect*/
.scale:hover {
-webkit-transform: scale(1.2) rotate(2deg);
-moz-transform: scale(1.2) rotate(2deg);
-o-transform: scale(1.2) rotate(2deg);
-ms-transform: scale(1.2) rotate(2deg);
transform: scale(1.2) rotate(2deg);
}

/*bootstrap carousel, if used via Editor*/
.carousel-inner > .item {min-height:230px;}

/*toc script menu*/
li .insertheads a {font-size: 12px;padding:0px;}
.insertheads a {text-decoration:none;}
.insertheads a:hover {color:#000;}
/*toc menu header margins ...*/
.toc-depth-2 {margin-left:4px;}
.toc-depth-3 {margin-left:8px;}
.toc-depth-4 {margin-left:12px;}
.toc-depth-5 {margin-left:16px;}


/*allways toogle Navbar as on small devices*/
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-collapse.collapse.in {
  display: block !important;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.innertopicblock{max-width:300px;}
.innertopicblock img{margin:10px;}

.breadcrumb {padding: 2px !important;}
.insertheads a {max-height:35px;overflow:hidden;display:block;margin-left:10px;}

@media (min-width: 768px) {
  .row .col-sm-4:nth-child(3n+1) {
    clear: left;
  }
}
@media (max-width: 768px) {
  .row .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
}

html,body {width:100%;overflow-x:hidden;}

.col-xs-6,#toccontent{overflow-wrap: break-word;}

@media (max-width: 768px) {
.rowmargin {margin-left:-30px;margin-right:-30px;}
#maincontent{margin-left:-30px;margin-right:-30px;}
}
@media (max-width: 769px) {
video {
    width: 100% !important;
    height: auto !important;
}
}