/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 150px;
	font-family: 'Roboto', sans-serif;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 150px;
	background-color: #ebebeb;
	color: #646464
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
body>.container {
	padding: 200px 15px 0;
}

body>.container.mainContent {
	padding-top: 0em;
}

.container .text-muted {
	margin: 20px 0;
}

.footer>.container {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}

.font_center {
	text-align: center;
}

.font_left {
	text-align: left;
}

.font_right {
	text-align: right;
}

.color_darkGrey {
	color: #646464;
}

.color_blue {
	color: #1a2d56
}

.shadow-bottom {
	-webkit-box-shadow: 0px 1px 5px grey;
	-moz-box-shadow: 0px 1px 5px grey;
	box-shadow: 0px 1px 5px grey;
}

.shadow-right {
	-webkit-box-shadow: 5px 0px 5px grey;
	-moz-box-shadow: 5px 0px 5px grey;
	box-shadow: 5px 0px 5px grey;
}

.shadow-left {
	-webkit-box-shadow: -5px 0px 5px grey;
	-moz-box-shadow: -5px 0px 5px grey;
	box-shadow: -5px 0px 5px grey;
}

.shadow-top {
	-webkit-box-shadow: 0px 0px 5px grey;
	-moz-box-shadow: 0px 0px 5px grey;
	box-shadow: 0px 0px 5px grey;
}

.logoTop {
	font-size: 2em
}
/* original: */
.mainContent {
	background: #eaeaea;
	margin-top: 280px;
}
/*.mainContent{background:#eaeaea; position:absolute; margin-left:50%; left:-580px; bottom:150px; }*/
a:hover {
	color: #000
}

body {
	background: url("../content/bg_home.jpg") center 50px no-repeat;
	background-size: 100% auto;
}

body.engineering {
	background: url("../content/bg_engineering.jpg") center 0 no-repeat;
	background-size: 100% auto;
}

body.blechteilefertigung {
	background: url("../content/bg_blechfertigung.jpg") center 0 no-repeat;
	background-size: 100% auto;
}

body.kontakt {
	background: url("../content/bg_kontakt.jpg") center 0 no-repeat;
	background-size: 100% auto;
}

body.maschinenbau {
	background: url("../content/bg_maschinenbau2.jpg") center 0px no-repeat;
	background-size: 100% auto;
}

body.produktion_entwicklung {
	background: url("../content/bg_produktion.jpg") center 0 no-repeat;
	background-size: 100% auto;
}

.footer {
	text-align: center;
	font-size: 0.9em;
}

.footer_dark {
	background: #dbdbdb;
	padding-top: 10px;
	height: 40px;
	color: grey;
}

.footer_navi {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer_navi li {
	float: left;
	margin-right: 20px;
}

.footer_navi li a {
	display: block;
	border-left: 1px solid grey;
	padding-left: 20px;
	color: grey;
	text-decoration: none;
}

.footer_navi li a:hover {
	color: #000
}

.bg_blue {
	background: #1a2d55
}

h1, h2, h3, h4, h5 {
	color: #1a2d55
}

h2 {
	font-size: 1.5em;
	padding-bottom: 0.5em
}

h3 {
	font-size: 1.3em;
}

.sideNaviBlue {
	color: #fff;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sideNaviBlue li:hover {
	box-shadow: inset 0 4px 10px -8px #000, inset 0 -4px 10px -8px #000;
}

.sideNaviBlue a {
	color: #fff;
	padding: 1.5em 1em;
	display: block;
	v-align: center;
	text-decoration: none;
	border-bottom: 1px solid #3e5274
}

.sideNaviBlue a:hover {
	color: #ddd;
}

.sideNaviBlue a i {
	font-size: 2em;
	display: inline;
	margin-right: 0.5em
}

.sideNaviBlue li {
	border-bottom: 2px solid #142343
}

.responsiveImage {
	width: 100%;
	height: 171px;
}

.colWrapper {
	padding-top: 1em
}

.colWrapper.first {
	padding-left: 1em
}

.borderRight {
	background: url(/img/linie_right.png) right top no-repeat;
	background-size: 3px 400px;
}
/* menu top */
.navbar-default .navbar-nav {
	margin-left: 3em
}

.navbar-default .navbar-nav a {
	background: none !important;
	text-transform: uppercase;
	padding-top: 2em
}

.navbar-default .navbar-nav .dropdown-menu a {
	padding: 0.5em 1.5em;
	text-transform: none;
}

.navbar-default .navbar-nav a:hover {
	color: #3286DC !important
}

.navbar-default .navbar-nav .dropdown-menu {
	padding-bottom: 0px;
}

.navbar-default .navbar-nav .dropdown-menu li {
	border-bottom: 1px solid #efefef;
	font-size: 0.9em;
}

.spcaerNavi {
	padding-left: 1.3em;
	color: #cfcfcf;
	font-size: 1.5em
}
/* dropdown top*/
.sidebar-nav {
	padding: 9px 0;
}

.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}
/* dropdown für Mobile sicht */
.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}

/* doof 
.dropdown:hover .dropdown-menu {
    display: block;
}*/
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu
	{
	margin-top: 0;
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}

.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px;
}

.mainContentContainer {
	padding-left: 0;
	line-height: 1.6em
}

.mainContentContainer .colWrapper {
	padding: 2em 3em !important;
}

.mainContentContainerNavi {
	border-right: 1px solid #ddd
}

.leftNavActive, .leftNavBottom {
	padding: 1.5em 0 3em 18px;
	text-transform: uppercase;
	font-size: 1.1em
}

.leftNavActive a, .leftNavBottom a {
	text-decoration: none;
	color: #646464;
	text-transform: none;
}

.leftNavBottom a {
	display: block
}

.leftNavBottom a:hover {
	color: #000 !important
}

.leftNavActive a i, .leftNavBottom a i {
	font-size: 2em;
	display: inline;
	margin-right: 0.5em
}

.leftNavBottom i, .leftNavBottom a {
	display: inline;
	font-size: 1em
}

.leftNavBottom i span {
	font-size: 0.5em
}

.leftNavBottom a i {
	font-size: 1.5em;
	display: inline;
	margin-right: 0.5em
}

.white {
	background: #fff
}

.noPadding {
	padding-right: 0
}

.topSloganContainer {
	background: #192d55;
	color: #fff;
	font-size: 1.1em;
	position: absolute;
	padding: 1em;
	text-transform: uppercase;
	margin-left: 975px;
	z-index: 999;
	border-radius: 20px 0px;
	margin-top: -55px;
	letter-spacing: 0.1em;
	width: 150px;
	line-height: 1.3em;
	font-weight: 300;
}

.bottomImages {
	padding: 1.5em;
}

.bottomImages .imageDescription {
	font-size: 0.9em;
	color: #646464;
	padding-top: 0.5em
}

.bottomImage {
	padding: 1em 0 1em 1em;
}

.bottomImage img {
	width: 100%
}

.contactPerson {
	margin-bottom: 2em;
}

.rt-icon {
	width: 34px;
	margin-right: 5px;
	display: inline
}
/* social links */
.jssocials-share-count-box {
	display: none !important
}

.jssocials-share-label {
	display: none;
}

.jssocials-share-link {
	background: #646464 !important
}

.jssocials-share-link:hover {
	background: #192D55 !important;
}

#share {
	margin-top: -10px
}

.langSelection {
	padding-top: 20px
}

.langSelection img {
	padding-right: 5px
}

.langSelection a {
	color: #646464;
	font-size: 0.9em;
	text-decoration: none;
}

.langSelection a:hover {
	color: #3286DC
}

.navSideGrey {
	min-height: 230px;
	list-style: none;
	margin-left: -10px
}

.navSideGrey li {
	border-bottom: 1px solid rgb(221, 221, 221)
}

.navSideGrey li a {
	color: #646464;
	display: block;
	padding: 8px 0px;
	text-decoration: none;
}

.navSideGrey li a:hover {
	color: #000
}

.navSideGreyTop {
	margin-left: 14px
}

.error404 {
	min-height: 300px;
}

.navbar-form .input-group {
	padding-top: 10px !important;
}

.topsearch input {
	font-size: 0.8em;
}

.minHeight {
	min-height: 660px
}

/** MEDIA QUERIES **/
@media ( min-width : 1600px) {
	.mainContent {
		margin-top: 280px;
	}
	body, body.engineering, body.blechteilefertigung, body.kontakt, body.maschinenbau,
		body.produktion_entwicklung {
		background-size: 85% auto;
	}
}

@media ( max-width : 1200px) {
	.responsiveImage {
		height: auto
	}
	.mainContentContainerNavi, .footer_dark, .topSloganContainer,
		.form-control {
		display: none;
	}
	.colWrapper {
		padding: 1em
	}
	.mainContentContainerNavi .colWrapper {
		padding: 0
	}
	.mainContentContainer {
		padding: 0;
	}
	/*.mainContent{background:#eaeaea; position:inherit; margin-left:inherit; left:inherit; bottom:inherit;}
*/
	.mainContentContainerNavi, .borderRight {
		border-right: none;
	}
	.sideNaviBlue {
		padding: 0
	}
	.navbar-default .navbar-nav {
		margin-left: 0em
	}
	.navbar-default .navbar-nav a {
		background: none !important;
		text-transform: uppercase;
		padding-top: 1em;
	}
	.langSelection {
		padding: 1em;
		padding-top: 0
	}
	.spcaerNavi {
		display: none
	}
	.mainContent {
		margin-top: 150px !important
	}
	body {
		background-position: 0px 50px !important;
	}
}

@media ( min-width : 992px) and (max-width: 1200px) {
	.mainContent {
		margin-top: 320px !important;
	}
	.langSelection {
		padding-top: 20px
	}
	.langSelection img {
		display: none
	}
	.nav.navbar-nav li a {
		padding-top: 28px
	}
	.topsearch {
		width: 155px
	}
	.footer_dark, .mainContentContainerNavi {
		display: block;
	}
	.colWrapper {
		padding: 0;
		padding-top: 1em
	}
	.rightNoPadding {
		padding-right: 0px !important
	}
}