/* styles.css */




html,body{
	height: 100%;
}

body{

	background-image: url(../img/background.jpg?1) ;
	
	background-attachment:fixed;

	background-position: center top;
	background-repeat: repeat; /* repeat-y */

	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-style: italic;

	font-size: 18px;

	color: #333333;
}

/* generally */

a {
	outline: 0;
}

a:link,a:hover,a:active,a:visited,a:focus{
	text-decoration: none;
	color: #005aa1;
	outline: 0;
}

.btn {
	font-size: normal;
}

sub, sup {
	display: inline-block;
    line-height: 1em;
}


.clearix{
	clear: both;
	display: block;
	float: none;
	height: 1px;
    
	width: 100%;
}
.align-left{ text-align: left;}
.align-center{ text-align: center;}
.align-right{ text-align: right;}

.float-none{ float: none; display: block; clear: both;}
.float-left{ float: left;}
.float-right{ float: right;}



.blue{
	color:#005aa1;
}

.btn {
	font-size: 18px;
}

td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}


/*********************************************************************/
/*	
/*	DEBUG
/*
/*********************************************************************/
.debug{
	top: 92px;
	height: 150px; width: 100%; position: fixed; z-index: 9999999;
	background: #f5f5f5;
	opacity: .5;
	border: red 1px solid;
	display: none;
}

/*********************************************************************/
/*	
/*	Header
/*
/*********************************************************************/
header{	
	height: 137px;
	display:block;
	width: 100%;
	background: #fff;
	z-index:25;
	top:0px;
	box-shadow: 0px 5px 10px -2px #cccda9;
	background-image: url(../img/nav/top_color_line.png);
	background-position: top right;
	background-repeat: no-repeat;
	

	padding-top: 8px;

	position: fixed;
	top: 0;


    -webkit-transition: top 1200ms; /* For Safari 3.1 to 6.0 */
    transition: top 1200ms;
}

header.fadeOut{
	top: -450px;
}
header nav{ position: relative;}
header nav ul { text-align: center;  }
header nav ul li{ list-style: none;	 display: inline;     }


header nav .main{ position:  absolute; width: 100%; z-index: 5; max-height:  50px;}
header nav .main ul {  margin: 65px auto;     max-width: 90%;  }
header nav .main ul li{  margin: 0 2%;  }
header nav .main ul li.fachbereich{  margin: 0 1%;  }
header nav .main ul li a{ 	font-weight: 400; 	font-size: 24px; color:#005aa1; position: relative; }
header nav .main ul li.fachbereich a{font-size: 22px;}
header nav .main ul li a:hover{ 	opacity: .5 }
header nav .main ul li.active a:hover{ 	opacity: 1 }

header nav ul li.active a{ 	font-weight: 700;  }

header nav ul li.active a:after{ 
	content: url("../img/nav/dreieck.svg");
    height: 20px;
    left: 50%;
    position: absolute;
    top: 58px;
    width: 40px;
    margin-left: -60px;
   
}
.ipad header nav ul li.active a:after{
	top: 63px;
	 height: 25px;
}


header #logo{ display: inline; float: left; position: relative; z-index: 10; height: auto;}
header #logo img{ height: 100%; width: auto; }

header #nav2{ 	position: absolute;	top: 0;	right: 0;
				width: 360px;	height: 37px;
				background: url(../img/nav/nav_2_bg.png) no-repeat;	
				display: block; margin-top: -8px;
				color: #ffffff; z-index: 6;
}

header #nav2 ul{ margin-top: 7px ; text-align: right;  margin-right: 20px;} 
/*margin-top: 4px ;*/
header #nav2 ul li{margin: 0  0 0 8%; }
header #nav2 ul li a{ font-size: 16px;	color: #ffffff; font-weight: 400; font-style: normal;  opacity: 1}
header #nav2 ul li a:hover{ opacity: 0.5;  }
header #nav2 ul li.active a{ font-weight: 700;  opacity: 0.5;  }
header #nav2 ul li.active a:after{ content: ''; }

header #nav2 ul li.fachbereich { margin: 0 0 0 5%;}

/**
	 Ausnahme der Aushnahme 
	 Pflichtangaben in der Navi 
*/
	header #nav2 ul li:nth-child(1){		
   		margin-left: -220px;    
	    overflow: visible;
	    position: absolute;
	    text-align: right;
	    width: 200px;
	    top: 10px;
	}
	header #nav2 ul li:nth-child(1).fachbereich{
		margin-left: -240px;    
	}
	header #nav2 ul li:nth-child(1) a{
		color: #009878;
	}

/* *      ************************            * */
header #search { float: right; margin: 60px 50px 0 0; position: relative; z-index: 7;}

#search a.search_link{
	cursor: pointer;
	/*background: url(../img/search_btn.png) no-repeat;*/
	display: inline-block;
	text-align: right;
	max-width: 56px;
	margin-top: -2px;
}
/*#search.active a.search_link{ background: url(../img/search_btn_gray.png);}*/

#searchbox{
	position: absolute;
	background: #fff;
	box-shadow: 0px 3px 3px #CDD7B1;
	/*display: none;*/
	padding: 10px;	
	right: -15px;	
	top: 69px;
	width: 270px;
	/*opacity: 0;*/
	right: -350px;
	

	-webkit-transition: right 500ms ease; /* Firefox */
	-moz-transition: right 500ms ease; /* WebKit */
	-o-transition: right 500ms ease; /* Opera */
	transition: right 500ms ease; /* Standard */	
}

#searchbox .indexedsearch-button-submit{
	width:28px; cursor: pointer; margin:5px 5px 0px 5px;padding:0px;
	float: left;

}
#searchbox .search_input{
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	width: 180px;
	float: left;
}
#searchbox .close{
	margin-top: 5px;
	cursor: pointer;
}

.small #searchbox{
	top: 50px;
	
}

.active #searchbox{ /*display: block; opacity:1;*/ right: -15px;}

#search a{ outline: none;}
#search a img{ opacity: 1; }
#search.active a img{ opacity: .5; }

.tx-indexedsearch .tx-indexedsearch-rules
{
	display: none;
}

#tx_indexedsearch p, #tx_indexedsearch table {display: none;}


.tx-indexedsearch .tx-indexedsearch-browsebox li {
	margin-right: 15px;
}

header.small{ 	
	position: fixed;	height: 88px; top: -550px;

    -webkit-transition: top 1200ms; /* For Safari 3.1 to 6.0 */
    transition: top 1200ms;

}
header.small nav .main ul {  margin-top: 35px ;  }
header.small nav ul li.active a:after { top: 43px; }
header.small #logo img{ height: 80px; width: auto; margin-left: 10px; }
header.small #nav2{ right: 70px;	width: 420px;  background: url(../img/nav/nav_2_small_bg.png) no-repeat;	display: block; margin-top: -8px;}
header.small #nav2 ul{ margin-right: 50px;  margin-top: 10px;}
/*margin-top: 8px;*/
header.small #search {  margin: 35px 50px 0 0; }
.ipad header.small #search {  margin: 30px 50px 0 0; }
header.small.fadeIn{ 	top: 0px;  }

header.small #nav2 ul li:nth-child(1) {
	top:13px;
}

footer{
	height: 220px;
	display:block;
	width: 100%;
	background: #fff;
	z-index:9;
	
	box-shadow: 0px -5px 10px -2px #cccda9;
	background-image: url(../img/nav/top_color_line.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-top: 8px;	
}
footer .logo{ width: 150px ; margin: 40px auto 0 ;}
footer nav ul { text-align: center;  }
footer nav ul li{ list-style: none;	 display: inline; margin:  0 5px;    }
footer #subnav ul li a{ color: #969696; text-decoration: none; font-style: normal;   }
footer #subnav ul li a:hover{ color: #333333;   }





footer.fixed{
	
	bottom: -230px;	
    position: fixed;
    /*opacity: 0;*/
    -webkit-transition: bottom 1s ease; /* Firefox */
	-moz-transition: bottom 1s ease; /* WebKit */
	-o-transition: bottom 1s ease; /* Opera */
	transition: bottom 1s ease; /* Standard */	
}


footer.fixed.fadeIn {	
	bottom: 0px;	
	opacity: 1;
	position: fixed;
}


.no-scrollr footer.abs{
	bottom: 0px;
	opacity: 1;
}
.no-scrollr footer.static{
	position: static;
	/*bottom: 0px;	*/
	/*margin-top: -180px;*/
	opacity: 1;
}
/*
@media (max-height: 500px) { 
	.no-scrollr footer.static{
		bottom: -230px;		    
	    opacity: 0;
	}

	.no-scrollr footer.static.fadeIn{	
		bottom: 0px;	
		opacity: 1;
	}
}
*/

/*********************************************************************/


h1,h2,h3,h5,h6{	
	font-weight: 700 ;
	text-shadow: 1px 1px 0px #fff;
}
h1, .tx-ah-historie h2 , h2{
	font-size:44px;
	font-weight: 700 ;
	margin-top: -10px;	
	color: #005aa1;
}
h1 .sm , h2{ font-size:32px; font-weight: 400;}


body[data-tag="36"] h1:after {

	content: url('../img/my-cme_logo_cgc.png');
	position: absolute;
}

h3{ font-size: 24px; font-weight: 400; color: #005aa1;}
h5,h4{ font-size: 20px;}
h5{ color: #005aa1; font-weight: 400;  margin: 5px 0 0;  }


h4{ line-height: 1.3; }

/*h4{ font-size: 48px;  font-weight: 300;  } 
h5{ font-size: 30px; }
h6{ font-size: 18px; line-height: 0em; }*/

hr {
	/*border-color: #005aa1;*/
}

section {
	min-width: 960px;
	max-width: 100%;
	width: 100%;

	/*opacity: 0;*/
	/* overlay mit Verlauf  texten */

	/*background-image: url(../img/bg_verlauf.png);*/
	background-size: 100% 100%;
	background-repeat:  no-repeat ;

	display: block;

	 /*border: 1px #ff0000 solid; */

}

#main  {
	min-height: 100%;
	padding-top: 130px;
	padding-bottom: 250px;
}

footer {
	margin-top: -220px;
}
footer.fixed {
	bottom: 0;
}
#main section .inner{
	/*background-image: url(../img/background_test.jpg) ;
	background-position: center top;
	background-repeat: repeat-y;	*/
	top: 0;

	opacity: 0;

	z-index: 0;
	width: 100%;
	/*overflow: hidden;*/
	/*padding-bottom: 50px;*/	
	
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	
	z-index: -1;
	visibility: hidden;

}

body.chrome #main section .inner{
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}

body.no-scrollr:not([data-type="mobile"]) #main section .inner {
	opacity: 1;
	visibility: visible;
	/*padding-bottom: 180px;*/
}


#main section .inner.is-fixed{
	visibility: visible;
	position: fixed;
	opacity: 0;
	z-index: 1;
}
#main.fixed section .inner .text, 
#main.fixed section .inner .video,
#main.fixed section .inner .textimage, 
#main.fixed section .inner .textimage-paralax, 
#main.fixed section .inner .textimage-paralax .textimage{
	position: relative;	
}
#main.fixed section .inner .textimage-paralax


#main section .inner.fadeOut  {
	opacity: 0;	
}
.loaded #main section .inner.fadeIn  {
	opacity: 1;
	z-index: 2;
}

.loading #main section .inner.fadeIn {
	opacity: 0;
}


#main section.last .inner {}

#main section .inner  .text, #main section .inner  .textimage, #main section .inner .video {
	opacity: 1;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

/* test wegen blitzen bei Alex */
#main section .inner  .text{
	/*background-color: transparent;*/
}

#main section .inner.fadeTextOut  .text, #main section .inner.fadeImageOut  .textimage, #main section .inner.fadeVideoOut .video  {
	opacity: 0;
}
#main section.first-slide .inner{

}

#main.fixed section .inner .textimage .unwrap
{
	text-align: center;
	 border: 1px solid transparent;
}

#main.fixed section .inner .align-right .unwrap
{
	text-align: right;
	
}




section .bg-image{
	height: 100%;
	max-width: 100%;
	width: 100%;	
	background-repeat: no-repeat;
	background-position: center center;	
}

section .bg-image.cover{
	background-size: cover;
}
section .bg-image.cover-top{
	background-size: 100% auto;
}

section .bg-image.contain{
	background-size: contain;
}

section .bg-image.product-detail{
	background-color: grey;
}

p.withoutTopMargin
{
	margin-top: 0em;
}

section img{
	
	/*width: auto;*/
	/*width: 100%;*/
	/*max-width: 90%;*/
	height: auto;
}

section img.heigh100p{
	height: 100%;
}

section .mobile-image { 
	display: block;
	/*box-shadow: inset  0 5px 10px -2px #cccda9;*/
	box-shadow: 1px 5px 4px -2px #cccda9 inset;

}
.container {
	width: 80%;
	margin: auto;
	padding: 50px 20px ;
}


.container .c-bg-img{
	height: 90%;
	width: 100%;
	position: absolute;
	top: 5%;
	left: 0;
	z-index: -1;
	opacity: 0;
}



.container a:link,.container a:hover,.container a:active,.container a:visited,.container a:focus{
	text-decoration: underline;
	color: #005aa1;
}
.container a:hover{
	color: #009878;	
}

.container a.btn {
	color: #fff;
	text-decoration: none;
	font-size: inherit;
}

.container a.btn-link {
	color: #005aa1;
}

.container a.btn-link:hover {
	color: #204d74;
}

.container.left { 	margin: 0; padding-left: 0; }
.container.right { 	margin-right: 0; padding-right: 0;}

.container .text ul {margin:  1em}
.container ul.blue_plus { text-align:  left; margin:  0 4%;}
.container ul.blue_plus li{ list-style-image: url(../img/ul_li_style_plus.gif)}


.loaded section,
.no-js section {
	opacity: 1;
	
	-webkit-transition: opacity 800ms ease-in;
	-moz-transition: opacity 800ms ease-in;
	transition: opacity 800ms ease-in;
	/**/


}
#main {
	/*overflow-x: hidden;*/
	width: 100%;
	overflow: hidden;
}


.discover-more{
	position: relative;
}
.container a.discover-more:link,.container a.discover-more:hover,.container a.discover-more:active,.container a.discover-more:visited,.container a.discover-more:focus{
	font-size: 24px;
	color: #005aa1;
	text-decoration: none;	
}


a.discover-more:after{
	content: url(../img/discover-more.png);
	position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -24px;
}

/* ******************** */
/*	 TABLE-FACHINFO		*/
/* ******************** */

table#fibz{
	width: 100%;
}

table.fachinfo th, table.fachinfo td, table#fibz th, table#fibz td
{
	width: 25%;
}

table.fachinfo td.td-1, table.fachinfo td.td-2, table.fachinfo td.td-3, table.fachinfo th.td-1, table.fachinfo th.td-2, table.fachinfo th.td-3
{
	text-align: center;
}

table#fibz td:first-child, table#fibz th:first-child {
	width: 15%;
}

table#fibz td:first-child img {
	/*width: 50%;*/
}

table#fibz th {
	padding: 0 0 15px;
}


table.fachinfo > thead > tr > th, table.fachinfo > thead > tr > td, table.fachinfo > tbody > tr > td, table.fachinfo > tfoot > tr > td,
table#fibz > thead > tr > th, table#fibz > thead > tr > td, table#fibz > tbody > tr > td, table#fibz > tfoot > tr > td {
	border-bottom: 1px solid #ccc;		
}

/* ***************** */







.margin-text-top{
	margin-top: 80px;
}



/* ***************** */
	
	body .products{
		margin-top: 35px;
	}

	body .products.detail-content{
		max-width: 65%;
		
	}

	
	body .products a{
		text-decoration: underline;
	}
	body .products a.intern{
		text-decoration: none;
	}

	body .products .item-row .item a{
		font-size: 24px;
	}	

	body .products p.link{
		margin-top: -5%;
		min-height: 70px;
	}
	body .products .item-row .item {
		margin-top: 25px;
	}
	body .products .item-row .item div{
		opacity: 0;
		-webkit-transition: opacity 1s ease; /* Firefox */
		-moz-transition: opacity 1s ease; /* WebKit */
		-o-transition: opacity 1s ease; /* Opera */
		transition: opacity 1s ease; /* Standard */
	}

	body[data-type=mobile] .products .item-row .item div{
		opacity: 1;		
	}

	body .products .item-row .item div.fadeIn{ opacity: 1;	}
	body .products .item-row .item div.fadeOut{ opacity: 0;	}

	body section  .products .produkt-detail-plus{
		position: absolute; /* relative; */
		z-index: 25;
		outline: none;
		opacity: 0;
		-webkit-transition: opacity 300ms ease; /* Firefox */
		-moz-transition: opacity 300ms ease; /* WebKit */
		-o-transition: opacity 300ms ease; /* Opera */
		transition: opacity 300ms ease; /* Standard */
	}
	body.loaded section  .products .produkt-detail-plus{
		opacity: 1;
	}

	body section  .products .produkt-detail-plus img{ 
		max-width: 56px ; width: 56px ; height: 56px ; max-height: 56px ; margin:0; 
		-webkit-transition: all 300ms ease; /* Firefox */
		-moz-transition: all 300ms ease; /* WebKit */
		-o-transition: all 300ms ease; /* Opera */
		transition: all 300ms ease; /* Standard */
	}


	body .products .produkt-detail-plus:before{
		content: url("../img/nav/dreieck_45.svg");
	    height: 40px;
	    width: 30px;
	    position: absolute;
	    right: -10px;
    	top: -35px;

    	opacity: 0;
    	-webkit-transition: opacity 300ms ease; /* Firefox */
		-moz-transition: opacity 300ms ease; /* WebKit */
		-o-transition: opacity 300ms ease; /* Opera */
		transition: opacity 300ms ease; /* Standard */
	}

	body .products .produkt-detail-plus.minus:before{
		opacity: 1;
	}


	/*body .products .produkt-detail-plus img:hover{ max-width: 66px ; max-height: 66px ; width: 66px ; height: 66px ; margin: -6px 0 0 -6px;}*/

	body .products .product-info-box{		
		background-color: #fff;
		position: relative;
		display: block;
		width: 450px;
		box-shadow: 0px 5px 10px 2px #cccda9;
		padding: 3% 3% 3% 5%;
		left: 66px;
		top: 33px;
		/*margin-top: -50%;*/
		z-index: 15;
		display: none;
	}
	body .products .product-info-box.mobile{
		position: static;
		display: block;
		max-width: 100%;
		max-height: 100%;
		box-shadow: 0px 5px 10px 2px #cccda9;
		padding: 3% 5%;
		top:0;
		left:0;
		margin-top: 0;
	}

	body .products .product-info-box.left{
		left: -450px;
	}

	/*body .products .product-info-box:before{
		content: url("../img/nav/dreieck_45.svg");
	    height: 40px;
	    width: 30px;
	    position: absolute;
	    margin-left: -50px;
	    margin-top: 25%;
	    top: -8px;
	}*/
	/*body .products .product-info-box.left:before{
		content: url("../img/nav/dreieck_minus45.svg");
		left: 111%;
	}
	*/
	body .products .product-info-box.mobile:before{
		content: " ";
		
	}

	body .products .prettycheckbox label {
		font-size: 1.2em;
	}

	section .bg-image.product-detail{
		height: 100%;
		max-height:750px;
		box-shadow: inset  0px -5px 10px 2px #cccda9 ;
	}
	section .produkt-detail-image img{
		-webkit-transition: top 500ms ease; /* Firefox */
		-moz-transition: top 500ms ease; /* WebKit */
		-o-transition: top 500ms ease; /* Opera */
		transition: top 500ms ease; /* Standard */

		top: 5%;
		opacity: 1
	}

	section .produkt-detail-image.fixed{
		text-align: left;
	}
	section .produkt-detail-image.fixed img{
		/*margin-left: 1.5625%;*/
		position: fixed;
		top: 5%;
		
	}

	@media (max-width: 1400px) { 
		section .produkt-detail-image.fixed img,
		section .produkt-detail-image img{
			/*margin-left: 1%;*/
			top: 13%;
		}

	}
	@media (max-width: 1100px) { 
		section .produkt-detail-image.fixed img,
		section .produkt-detail-image img{
			top: 15%;
		}
		
	}




/* ***************** */

#selection-nav{
	height: 2px;
	background-color: #fff;
	width: 100%;
	display: block;
	position: relative;
	
}
#selection-nav .inner{	

	display: block;
	height: 	90px;
	max-width: 1160px;
	width: 90%;
	margin: auto;


}
#selection-nav .inner .container{
	top: -44px;
	background-color: #fff;
	width: 100%;
	display: block;
	height: 	90px;
	position: relative;
}	
	
#selection-nav-inner{
	padding-top: 60px;
	height: 180px;
	display: block;
	
}
#selection-nav-inner .has-pretty-child{
	text-align: center;
	margin-top: 15px;
}

/* ************************ */

.gray-box{
	width: 100%;
	height: 150px;
	background-color: #e5e5e5;
	display: block;
	margin-bottom: 25px; 
}

.video-js-box > div
{
	margin: 0 auto;
}

.video
{
	text-align: center;
	margin-top: -160px;
}

/* CAROUSEL */

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 316px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}
.jcarousel li a{
	/*display: table;*/
    margin: auto;
}

.jcarousel li a img{
	margin: auto;	
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/* CHROME SPECIALS */
body.chrome #main section .inner.is-fixed
{
	/*position: static;*/
}

body.chrome #main section
{
	/*position: fixed;*/
}

/*Formularanpassung*/

.col-sm-offset-3, .col-sm-offset-1
{
	padding:0 10px;
}

.brochure h5 {
	padding: 30px 0 10px 0;
}

.brochure.form-horizontal .control-label {
	text-align: left;
}

.brochure select {
	margin: 7px 0 0 0;
}


/* collaps elements in content */
.c_colloaps .panel{
	background: transparent;
	background-color: transparent;
    border: 0;
    box-shadow: none;
}

body .c_colloaps .panel-heading, body .c_colloaps .panel:first-child {
    background-image: none;
    background: transparent;
	background-color: transparent;
    text-align: left;
    border: 0;
    box-shadow: none;
}

body .c_colloaps .glyphicon-film{ margin-left: 10px;}

.well {
    background-color: rgba(255, 255, 255, 0.3);
}

.panel {
    background-color: rgba(255, 255, 255, 0.3);
}

 .panel-default {
    border-color: rgba(0, 0, 0, 0.1);
}

.panel-default > .panel-heading {
    background-color: rgba(228, 233, 200, 0.9);
}

.panel-title{
	font-size: 18px;
}

.panel-title .glyphicon-chevron-right, .panel-title .glyphicon-chevron-down {
	margin-right: 15px;
}
.panel-title a.icon .glyphicon-chevron-right{
	display: none;
}
.panel-title a.collapsed .glyphicon-chevron-right{
	display: inline-block;
}

.panel-title a.icon .glyphicon-chevron-down{
	display: inline-block;
}
.panel-title a.collapsed .glyphicon-chevron-down{
	display: none;
}

body .c_colloaps .panel-body h5 {
	font-style: normal;
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #333333;
	text-shadow: none;
}


body .c_colloaps .panel-body{
	padding: 0 50px;
}

body .c_colloaps .panel-default > .panel-heading + .panel-collapse .panel-body{
	border-top: 0;
}

/* Sitemap */

#sitemap .container ul { text-align:  left; margin:  0 4%;}
#sitemap .container ul li{ list-style-image: url(../img/ul_li_style_plus.gif); padding: 0.5em 0;}
#sitemap .container ul li ul li{ padding: 0 0;}

.movetofront {
	position: relative;
	z-index: 24;
}


/* Error handling form */


html .form-group.required .control-label{
	color: #c80e00;
}

html small .required {
	color: #c80e00;
	font-weight: bold;
}


html .form-group.error .form-control, html .form-group .error .form-control {
	/*color: #c80e00;*/
	/*background-color: #C2D8E8;	*/
	border-color:  #c80e00;
}
html .form-group.error .control-label{
	color: #c80e00;
}




body .panel-title a.icon{
	padding-left: 33px;
	display: inline-block;
}
body .panel-title a.icon span{
	margin-left: -33px;
}

h2.blockpart {
	margin: 0.5em 0;
}

#test p:first-child {
	margin-bottom: 0;
}

#test h3 {
	margin: 0.2em 0 0.6em 0;
}

#test-buttons {
	margin-top: 30px;
}

figure.align-left,
.lesson-text img[style*="float: left"] {
	float: left;
	margin: 7px 20px 20px 0;
}

figure.align-right,
.lesson-text img[style*="float: right"] {
	float: right;
	margin: 7px 0 20px 20px;
	text-align: left;
}

figcaption {
	margin-top: 5px;
	font-size: 80%;
}