/*--------------------------STYLE CSS-------------------------*/
ul > li > ul{
	list-style: none;
}
.spantitle{
	padding-top: 5px;
	padding-bottom: 15px;
}
.moreinfo{
	padding: 5px;
	list-style: square;
}
.moreinfo > li > a{ 
	text-decoration: none;
	color: #808080;
	color: #C0C0C0;
}
.moreinfo > li > a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.breadcrumb, .breadcrumb > li{
	background-color: #13161A;
	color: #808080;
	color: #C0C0C0;
	margin-bottom: 10px;
	padding: 0;	
}
.breadcrumb > li + li:before{
	display: none;
}
.breadcrumb > li > a{
	color: #808080;
	color: #C0C0C0;
}
.breadcrumb > li > a:hover{
	text-decoration: none;
	color: #FFFFFF;
}
.breadcrumb > .active{
	font-size: 24px;
	color: #FFFFFF;
}
.breadcrumb > li > .glyphicon-chevron-right:before{
	padding-left: 10px;
	padding-right: 10px;
	color: #D6C505;
}
.industrytext{
	position: absolute;
	margin-top: 5px;
	margin-bottom: 15px;
}
#printbg{
	display: none;
}
body{
	/*position: relative;*/
	color: #808080;
	color: #C0C0C0;
	background-color: #13161A;
	font-family: Verdana, Arial, sans-serif; 
	font-family: 'Ropa Sans', sans-serif; 
	font-size: medium;
	background-image: url(/img/FooterBild2.png);
	background-repeat: no-repeat;
	background-position: bottom -58px right -4.9%;
	padding: 0;
}
@media (max-width: 767px){
	body{
		background-image: none; 
	}
}
body > .container{
	position: relative;
	top: 30px;
}
/*
body > div > div > div > ul > li > a{
	 ---------------- text-decoration: underline; 
	color: #aaa;--
}

body > div > div > div > ul > li > a:hover{
	text-decoration: underline;
	color: #D6C505;
}
*/
.horizontLine{
    border-bottom: 3px solid #1C1F23;
}
h2{
	position: relative;
	color: #fff;
	word-wrap: break-word;
	min-width: 200px;
	margin-bottom: 10px;
	padding: 0;
}
h3{
	margin-top: 0px;
	margin-bottom: 30px;
}
h4{
	color: #fff;
	#margin-top: 0;
}
#prodpic > a{
	text-decoration: underline;
	color: #aaa;
}
#prodpic > a:hover{
	text-decoration: underline;
	color: #D6C505;
}
div > div > div > a:hover{
	text-decoration: none;
}
hr{
	border-top: 1px solid #1C1F23;
	margin-bottom: 40px;
}
.boxtext{
	margin-bottom: 50px;
}
img{
	width: 100%;
}
/*bildbeschriftung*/
/*
h5 span{ 

	#background-color: #13161A;
	#padding: 15px;
	#border: outset #13161A 3px;
	#opacity: 0.9;
    #filter: alpha(opacity=90);
	#display: inline-block;
	#margin-right: 20px;
}*/
@media (min-width: 1200px){
	h5 span{
		#margin-right: 70px;
	}
}

h5{
	font-family: Verdana, Arial, sans-serif; 
	font-family: 'Ropa Sans', sans-serif;
	color: #808080;
	color: #C0C0C0;
	/*position: absolute;
	bottom: 20%;*/
}
a > h5:hover{
	color: #fff;
}
/*--------------------------HOME CSS-------------------------*/
/* Carousel Styles */
#carousel-example-generic{
	margin-bottom: 50px;
}
.carousel-indicators .active{
    background-color: #D6C505;
}
.carousel-inner img{
    width: 100%;
	min-height: 460px;
}
@media (max-width: 767px){
	.carousel-inner img{
		width: 100%;
		min-height: 320px;
	}
}
.carousel-control{
	width: 0;
}
.carousel-control.left,
.carousel-control.right{
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}
.carousel-control.left span{
	padding: 0;
}
.carousel-control.right span{
	padding: 0;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next{
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev{
	left: 12px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next{
	right: 12px;
}
.carousel-control.left span:hover,
.carousel-control.right span:hover{
	opacity: .7;
	filter: alpha(opacity=70);
}
/* Carousel Header Styles */
.header-text{
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}
.header-text h2{
    font-size: 40px;
	color: #000;
}
@media (max-width: 991px){
	.header-text h2{
		font-size: 30px;
		color: #000;
	}
}
.header-text h2 span{
    background-color: #D6C505;
	padding: 10px;
	
}
@media (max-width: 1199px){
	.header-text h3{
		line-height: 45px;
	}
}
@media (max-width: 767px){
	.header-text h3{
	 display: none;
	}
}
.header-text h3 span{
	background-color: #13161A;
	padding: 15px;
	opacity: .9;
	filter: alpha(opacity=90);
}
.btn-min-block{
    min-width: 170px;
    line-height: 26px;
}
.btn-theme{
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}
.btn-theme:hover{
    color: #000;
    background-color: #D6C505;
    border-color: #fff;
}
/*--------------------------NAV CSS-------------------------*/
/*youtube+language*/
@media (min-width: 992px){
	#sociallang{
		margin-left: 75%;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	#sociallang{
		margin-left: 69%;
	}
}
@media (max-width: 767px){
	#sociallang > .nav{
		padding-top: 20px;
	}
	#sociallang > .nav > li > a , #sociallang > .nav > li{
		display: inline;
	}
}
/*logo*/
#printlogo{
	display: none;
}
#hpi-logo{
	position: relative;
	width: 150px;
	height: 220px;
	top: -38px;
	transition: all 0.5s ease-in-out 0s;
}
#hpi-logo:hover{
	transform: translate( 0px, 20px);}
@media (max-width: 767px){
	#hpi-logo:hover{
		transform: none;
	}
	#hpi-logo{
		position: relative;
		width: 150px;
		height: 220px;
		top: -170px;
	}
}
/*navigationsleiste*/
.navbar{
	position: relative;
	top: -23px;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
.navbar-nav{
	float: none;	
}
.navbar-inverse .navbar-nav>li>a{
	color: #9d9d9d;
	font-size: medium;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover{
	background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav > .active > a:hover{
	background-color: transparent;
}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header,
.container > .navbar-collapse, .container > .navbar-header {
	padding-top: 20px;
}
.navbar-inverse{
	border-bottom: outset 4px #808080;
}
@media (min-width: 768px){
	nav.navbar.navbar-inverse > .container> #navbar.collapse.navbar-collapse > div > div{
		padding-right: 0;
	}
}
/*dropdownmenü*/
.dropdown-menu{
	background-color: #222;	
}
.dropdown-menu > li > a:hover{
	background-color: #D6C505 !important;
	color: #FFFFFF;
}
.dropdown-menu > li > a{
	color: #808080; 
	color: #C0C0C0;
	background-color: #222 !important;
}
.dropdown-menu > li.divider{
	background-color: #D6C505 !important;
}
@media screen and (max-width: 767px){
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		word-wrap: break-word;
	}
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #D6C505;
}
.unterpunkte {
	font-size: 0.7em;
}








/*--------------------------FOOTER CSS-------------------------*/

footer{
	position: relative;
	margin-top: 30px;
	color: #808080;
	color: #C0C0C0;
	font-family: Verdana, Arial, sans-serif; 
	font-family: 'Ropa Sans', sans-serif;
	height: 260px;
	background: #14161A;
	background-image: url(/img/FooterBild2.png);
	background-repeat: no-repeat;
	background-position: 105% 50%;
}
@media (max-width: 767px){
	footer{
		background-image: none;
	}
}

/*
footer > div > div{
	position: relative;
	margin-top: 30px;
}
footer > div > div > div > ul{
	position: relative;
	font-size: 0.9em;
	list-style: none;
}*/



/* ------------------------- GENERELL -------------------------*/
a{
	color: #808080;
	color: #C0C0C0 ;
	/*font-family: 'Ropa Sans', sans-serif; */
}
a:hover{
	background-color: transparent;
	color: #fff;
	/*text-decoration: underline;*/
	
	/*-webkit-box-shadow: 0px 0px 10px 1px rgba(151,168,18,1) !important;
	-moz-box-shadow: 0px 0px 10px 1px rgba(151,168,18,1) !important;
	box-shadow: 0px 0px 10px 1px rgba(151,168,18,1) !important;*/
}

.underline{
    border-top: 3px solid #D6C505;
	margin-bottom: 6px;
}
@media screen {
	.divFooter {
		display: none;
	}
}
/*--------------------------SITEMAP CSS-------------------------*/
ul > li > a > h4:hover{
	color: #fff;
}
ul > li > a:hover{
	text-decoration: none;
}
ul > li > a > h4{
	color: #808080;
	color: #C0C0C0;
}
/*--------------------------CONTACT CSS-------------------------*/
ul{
	list-style: square;
}
/*--------------------------PRODUCTOVERVIEW CSS-------------------------*/
.overview:hover a > h5{
	color: #fff;
}
.overview{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 50px;
}