/* CSS Document */
body, h1, h2, h3, h4, h5, h6, a{
	font-family: 'Hind Madurai', sans-serif;
}

.row{
	margin-left:0px;
}

/*======================= HEADER =======================*/


.header-top-white{
	background-color: #fff;
	position: absolute;
	z-index: 0;
	width: 100%;
	top: 0px;
	height: 22px;
}

.header-color-stripe-logo{
		height:8px;
		margin:auto;
}

#header .moduletable {
  margin-bottom: 0;
}
#header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  display: block;
  /*background: url(../images/top_border2.png) repeat 0 0;*/
}

#header {
	position: relative;
	min-height:75px;
	z-index:0;
}

.brand {
    /*margin-top: -60px;*/
    
}

.brand {
    color: #777777;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: 200;
    margin-left: -20px;
    /*padding: 10px 20px;*/
    text-shadow: 0 1px 0 #ffffff;
}



.stuck_container {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f3f7fa 0%, #d6d6d9 100%) repeat scroll 0 0;
    border-bottom: 1px solid #b7b7b7;
    border-top: 1px solid #b7b7b7;
    box-shadow: 0 2px 0 0 #c3c3c3;
}

.header_anschrift{
	color: #FFF;
	margin-left: 75px;
	margin-top: 17px;
	z-index: 2;
	position: relative;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:lighter;
}

.header_anschrift .fa{
	font-size:20px;
	margin-left:3px;
	margin-right:3px;
	vertical-align:middle;
}

.header_anschrift .fa-phone{
	margin-right:-3px;
}

.header_anschrift .name, .header_anschrift .contact{
	display:inline-block;
}

.header_anschrift .name > h2{
	color:#345c97;
	font-size:17px;
	font-family:Verdana, Geneva, sans-serif;
	text-transform:inherit;
	font-weight:lighter;
	letter-spacing:0.01em;
	margin-bottom:3px;
	font-weight:bold;
}

.header_anschrift .name{
	font-size:16px;
	color: #345c97;
}

.header_anschrift .contact{
	font-size:9px;
	margin-top:10px;
	display:none;	
}

#logo {
  padding-top: 30px;
  padding-bottom: 20px;
}

.logo-fpm{
	margin-left:22px;
}

#logo img + h1 {
  font-size: 0;
  line-height: 0;
  height: 0;
  width: 0;
  border: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-indent: -9999px;
}
#logo h1 {
  padding: 0;
}
#logo h1:after {
  display: none;
}
#logo a {
  display: inline-block;
  max-width: 100%;
}

.container-fpm{
	width: auto;
}

#content{
	padding-top:10px;
}

#breadcrumbs .moduletable{
	margin:0px;
	margin-left:10px;
}

.breadcrumb{
	background:none;
	/*font-size:10px;*/
	font-size:12px;
	padding: 8px 0px;
	margin:0px;
}
	

/*======================= NAVIGATION =======================*/

  
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}

.container:after {
  clear: both;
}

.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}

#header .mod-languages{
	position:absolute;
	top:60px;
	right:20px;
}

.ice-megamenu-toggle a{
	color:#000;
}

.nav-tabs a{
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

.nav-tabs {
    border-bottom: 1px solid #ccc;
	font-size:13px !important;
	}

.nav-tabs > .active{
	border:1px solid #ccc;
	border-radius: 4px;
	border-bottom: 1px solid #fff;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
	color:#000;
	font-weight:bold;
	border:none;
	border-right: 1px solid #ccc;	
}

.nav-tabs > li {
	border:1px solid #fff;
	border-bottom:none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
	padding:0px;
	border:0px;
	border-radius:0px;
	border-right: 1px solid #ccc;
	padding-left:15px;
	padding-right:15px;
	margin:0px;
	margin-left:-1px;
	margin-right:-1px;
	background:none;
}

.nav-tabs > li.active.firstItem > a{
	border-left: 1px solid #ccc;
}

.nav-tabs > li.active.lastItem > a{
	border-right: 1px solid #ccc;
}

.nav-tabs > li.firstItem > a{
	border-left: none;
}

.nav-tabs > li.lastItem > a{
	border-right: none;
}

/* Body */
#navigation .moduletable{
	margin:0px;
}

.row-container.showcase{
    background-color: #eff3f6;
    background-image: -moz-linear-gradient(top, #eff3f6, #eff3f6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eff3f6), to(#eff3f6));
    background-image: -webkit-linear-gradient(top, #eff3f6, #eff3f6);
    background-image: -o-linear-gradient(top, #eff3f6, #eff3f6);
    background-image: linear-gradient(to bottom, #eff3f6, #eff3f6);
    background-repeat: repeat-x;
}

.accordion-heading .accordion-toggle {
    padding: 8px 0px;
}

.accordion-inner {
    padding: 8px 0px;
}

.accordion-group {
    margin-bottom: 0px;
		border:none;
    border-top: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.accordion-toggle{
	color: #000;
	font-weight: bold;
}

#footer-wrapper p {
    padding-bottom: 0px;
}

.footer-wrapper-border{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19458e+0,cf0000+33,cf0000+66,19458e+100 */
	background: #19458e; /* Old browsers */
	background: -moz-linear-gradient(left, #19458e 0%, #cf0000 33%, #cf0000 66%, #19458e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #19458e 0%,#cf0000 33%,#cf0000 66%,#19458e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #19458e 0%,#cf0000 33%,#cf0000 66%,#19458e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19458e', endColorstr='#19458e',GradientType=1 ); /* IE6-9 */
	height:5px;
}

.stickymenu{
    position: fixed;
    z-index: 1030;
    right: 0;
    top: 208px;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	border: 2px solid #19458e;
	background-color:#FFF;
}

.stickymenu .module_container{
    padding:20px;
}

.stickymenu .nav{
    margin-bottom: 0px;
}

.stickymenu a{
    margin-bottom: 20px;
	font-size: 28px;
	font-weight:bold;
        text-align: center;
}

.stickymenu a span{
    font-family: 'Roboto', sans-serif;
    margin-top: 7px;
    display: block;
    font-size: 12px;
}

.stickymenu a:hover{
	background: transparent !important;
}

.copyright_menu li{
	float:inherit;
	display:inline;
}

ul.copyright_menu{
	text-align:center;
}

.copyright_menu li.firstItem:after {
    content: '\f111';
    font-family: FontAwesome;
    line-height: 4px;
    font-size: 4px;
    color: #fff;
    left: 0;
    position: relative;
    z-index: 2;
    bottom: 2px;
    color: #444444;
    display: inline-block;
    padding: 0 5px 0 5px;
}

.copyright_menu li.lastItem:after {
    content: '';
    font-family: FontAwesome;
    line-height: 4px;
    font-size: 4px;
    color: #fff;
    left: 0;
    position: relative;
    z-index: 2;
    bottom: 2px;
    color: #444444;
    display: inline-block;
    padding: 0 5px 0 5px;
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.logo-fpm{
		margin-left:0px;
	}
	
	.header-top-white{
		height:1px;
	}	
	
	.header_anschrift .name > h2{
		font-size:14px;
	}
	
	#header .custom .name{
		font-size:10px;
	}	
}

@media (max-width: 767px){
/*	#header {
		background: url(../images/fpm-hg-md.png) repeat 0;
		position: relative;
		min-height:93px;
	}*/
		
	.camera_wrap .camera_caption > div {
		margin-left: 10px;
	}
	
	.camera_wrap .camera_caption > div {
			display: block;
	}	
	
	.logo-fpm {
			margin-left: 0px;
	}
	
	.header_anschrift {
			margin-left: 22%;
			margin-top: 25px;
			margin-bottom: 10px;
	}
	
	.ice-megamenu-toggle {
			display: inline-block;
			width: 50px;
			margin-top: 8px;
			margin-left: 15px;
			position:absolute;
			right:20px;
			top:-50px;
	}	
	
	#aside-left, #product-details-categories{
		width: 0px; /* 0 width - change this with JavaScript */
		position:absolute;
		z-index: 1; /* Stay on top */
		top: 0;
		left: 0;
		background-color: #fafafa; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
		padding-left: 0px;
	}
	
	#component{
		width:100%;
	}	
	
	.closebtn{
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;		
	}
	
	.menu.vm-categories {
			margin: 0 0 11px 10px;
	}
	
	.moduletable .menu li > div {
			margin-right: 10px;
	}
	
	.moduletable {
			margin-bottom: 0px;
	}
	
	#navigation .mod-languages {
			position: inherit;
			top: inherit;
			right: inherit;
			display: block;
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
	}
	
	.stickymenu{
		position:fixed;
		bottom: 0;
		width: 100%;
		top:inherit;
			/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
		border:none;
		border-top: 2px solid #19458e;
		background-color:#FFF;
		text-align: center;
	}
	
	.stickymenu .module_container{
			padding:10px;
	}	
	
	.stickymenu .nav {
		display:inline-block;
	}
	
	.stickymenu li{
		display:inline-block;
		padding-left:20px;
		padding-right:20px;
	}
	
	.stickymenu a {
		margin-bottom:0px;
	}
	
	.copyright_menu{
    padding-top: 10px;
		padding-bottom: 10px;
    position: inherit;
    bottom: inherit;		
	}
	
	#footer-wrapper{
		text-align: center;
	}
	
	#footer{	
		margin-bottom: 70px;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 979px) {
	.container-fpm{
		width: 768px;
	}
	
	.logo-fpm{
		margin-left:-65px;
	}
	
	#header {
		background: url(../images/fpm-hg-md.png) repeat 0;
		position: relative;
		min-height:93px;
	}
	
	.header-top-white{
		height:1px;
	}	
	
	.header_anschrift {
			margin-left: 155px;
			margin-top: 30px;
			margin-right: 20px;				
	}
	
	.header_anschrift .name > h2{
		font-size:20px;
	}
	
	#navigation .icemegamenu{
		margin-left:10px;
	}
	
	#header .mod-languages{
		position:relative;
		top:-6px;
		right:100px;			
	}
	
	.icemegamenu{
		position:relative;
	}
	
	.ice-megamenu-toggle {
			display: inline-block;
			width: 50px;
			margin-top: 8px;
			margin-left: 15px;
			position:absolute;
			right:20px;
			top:-60px;
	}
	

	.camera_wrap .camera_caption > div {
		margin-left: 0px;
	}
}

/* Desktop */
@media (min-width: 979px) and (max-width: 1199px) {
	.container-fpm{
		width: 979px;
	}
	
	.logo-fpm{
		margin-left:-45px;
	}
	
	#header {
		background: url(../images/fpm-hg-md.png) repeat 0;
		position: relative;
		min-height:93px;
	}
	
	.header-top-white{
		height:1px;
	}
	
	.header_anschrift {
			margin-left: 150px;
			margin-top: 25px;
			margin-right: 20px;				
	}
	
	#navigation .mod-languages{
		margin-top:25px;
	}
	
	.header_anschrift .name > h2{
		font-size:20px;
	}
	
	#header .mod-languages{
		position:relative;
		top:inherit;
		right:inherit;	
	}			
}

@media (min-width: 1200px) {
	.container-fpm{
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.logo-fpm{
		margin-left:-290px;
	}
	
	#header {
		background: url(../images/fpm-hg-lg.png) repeat 0 0;
		position: relative;
		min-height:148px;
	}
	
	#navigation .mod-languages{
		margin-top:25px;
	}
	
	.header_anschrift {	
		margin-left: 55px;
		margin-top: 50px;
	}
	
	.header_anschrift .name > h2{
		font-size:20px;
	}
	
	#header .mod-languages{
		position:relative;
		top:inherit;
		right:inherit	
	}	
}



/*======================= NAVIGATION =======================*/
h1 {
   color: #19458e !important;
}


/* FPM Adds */

.bold{font-weight: bold}

/* History */
.page-category__history h3{
	color: #18438c;
	font: 400 22px/22px 'Hind Madurai', sans-serif !important;
	letter-spacing: 0.04em !important;
	padding-bottom: 0 !important;
	
	}

/* Tabellen */	
	
.product-field-display  span{margin-bottom:2%}

.product-field-display table{
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  margin-bottom:50px;
  }


.product-field-display td, .product-field-display th{
  text-align:center;
  padding:5px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
}

.product-field-display th{
  background:#b9bfc7;
  color:#19458e;
  font-weight:bold;
}

.product-field-display .col_dark{
  background:#ebedf0;
}

/* Produkbeschreibung Liste */ 
ul.plist {margin: 0 0 20px 0 !important;}
.plist li {display:table !important;}

.plist li:before{
	display:table-cell !important;
	padding-right:5px !important;
	content: "\00BB \0020" !important;
	}


ul.link-to-pdf {margin: 0 0 20px 0 !important;}
.link-to-pdf li {display:table !important; padding-left:0 !important;}
.link-to-pdf li:before {content: none !important;}

ul li.link-to-pdf{}
	
ul li.link-to-pdf a{
	margin:0;
	padding-left:45px;
	list-style-type:none !important;
	background:url(../images/link-to-pdf.png) no-repeat left center;
	line-height:2.2em;
	margin-top:0.8em;
	display:block;
}	

 ul li.link-to-pdf a:hover{
	background:url(../images/link-to-pdf-over.png) no-repeat left center;
}




.link-logo a {color: #19458e;}
.link-logo a:hover {color: #19458e;}

.link-logo a h2{font-weight:bold}
.text-logo {color: #19458e;}


/*
color: #19458e;
font-size: 20px;
font-family: Verdana, Geneva, sans-serif;
text-transform: inherit;
font-weight: lighter;
letter-spacing: 0.01em;
margin-bottom: 3px;



font-size: 14px;
float: left;
margin-right: 25px;*/


/*Language Men�*/
div.mod-languages ul > li > a {
    border-right: 1px solid #cecece !important;
	padding: 0 3px 0 5px !important;
	margin 0 !important;
}

div.mod-languages ul > li.lastItem > a{
    border-right: 0 solid transparent !important;
}

div.mod-languages li {margin: 0 !important;}



/* Visform Formular Komponente
 ========================================================================== */
#mod-visform1 .form-actions,
#mod-visform2 .form-actions,
#mod-visform3 .form-actions{
	padding: 5px 0 5px !important;
	margin-top:0;
	background-color: transparent !important;
	border-top: 0 solid transparent !important;	
	}

#mod-visform1 textarea,
#mod-visform2 textarea,
#mod-visform3 textarea {
	height: 214px !important;
	}
	
.btn-submit-input,
.btn-reset-input{
  padding: 0px 26px !important;
  font-size: 10px !important;
  line-height: 36px !important;
  color: #fff;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3)!important;
  text-transform: uppercase!important;
  font-family: 'PT Sans', sans-serif!important;
  display: inline-block!important;
  border: none !important;
  background: #777 repeat-x scroll 0 0!important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
  border-bottom-color: #444444!important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;

	}

.btn-reset-input{margin-left:10px !important;}
.btn-submit-input{margin-left:0px !important;}

.btn-reset-input:hover,
.btn-submit-input:hover{
	background: #ccc repeat-x scroll 0 0!important;
	color: #1b1b1b
	}
	


/* Visform Formular JOBS ===================================== */


/*Jobs Foto links*/
.img-intro__left, .img-full__left-job {
    float: left;
    margin: 0 0 9px 0;
    max-width: 50%;
}



#visform_plg4_0 .form-actions{
	padding: 5px 0 5px !important;
	margin-top:0;
	background-color: transparent !important;
	border-top: 0 solid transparent !important;	
	}

#visform_plg4_0 textarea{
	height: 214px !important;
	}

.bezeichnung-checkbox-job{
	font-size:110%; font-weight:bold  !important;
	}


#visform_plg4_0 .checkbox input[type="checkbox"] {
    float: left !important;
    margin: 3px 10px 0 0 !important;
	padding:0 !important;
}

.bezeichnung-job{
	padding: 0 0 0 0 !important;
	margin: 5px 0 0 0  !important;
	}

.feld-job {
	height: 23px !important;
	}

#visform_plg4_0 input[type="text"] {
	margin-bottom: 5px !important;
	}

/*
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 10px !important;
}


.visCustomText {
    margin-bottom: 0px !important;
}

.visLabel {
	padding-bottom: 5px !important;
	}
*/


.btn-submit-input,
.btn-reset-input{
  padding: 0px 26px !important;
  font-size: 13px !important;
  line-height: 36px !important;
  color: #fff;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.3)!important;
  text-transform: uppercase!important;
  font-family: 'PT Sans', sans-serif!important;
  display: inline-block!important;
  border: none !important;
  background: #343854 repeat-x scroll 0 0!important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)!important;
  border-bottom-color: #444444!important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.btn-reset-input{margin-left:10px !important;}
.btn-submit-input{margin-left:0px !important;}

.btn-reset-input:hover,
.btn-submit-input:hover{
	background: #4e75a4 repeat-x scroll 0 0!important;
	color: #fff
	}

/*========================================================*/




/*2-Spalter Präzision Accordion*/
.accordion-title {
    font-family: 'Hind Madurai', sans-serif !important;
	color: #555;
    font-size: 28px;
    font-style: normal !important;
    font-weight: 100 !important;
    margin-bottom: 8px;
	padding-top:10px;
	padding-bottom:10px;
}

.sub-accordion-title,
.sub-accordion-link{
    font-family: 'Hind Madurai', sans-serif !important;
	font-size: 19px;
	color: #19458e !important;
	padding-bottom: 5px !important;
	padding: 8px 0px;
}


.sub-accordion-link::after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
}


/*Color Navi Karriere color: #fc2603*/
.icemegamenu > ul > li.menue-job > a.iceMenuTitle {
    color: #a70707;
}


.icemegamenu > ul > li.menue-job > a.iceMenuTitle.hover,
.icemegamenu > ul > li.menue-job > a.iceMenuTitle.icemega_active {
	background: #a70707;
    color: #ffffff;
}



/*2-Spalter Präzision*/
.product-title2 {
    font-family: 'Hind Madurai', sans-serif !important;
	color: #555;
    font-size: 28px;
    font-style: normal !important;
    font-weight: 100 !important;
    margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;

}


.sub-product-title2 {
    font-size: 19px;
    color: #19458e !important;
	padding-bottom: 5px !important;
}

.plist2 li::before {
    display: table-cell !important;
    padding-right: 5px !important;
	font: 15px/31px FontAwesome !important;
    content: "\00BB \0020" !important;
}

.plist2 li {
    padding: 7px 0px 1px 20px !important;
}

.thumb2{height: 95px; margin-left:1%; margin-top:1%}


.bold{font-weight:bold}

.footer-small{
	font: 400 10px/11px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif  !important;
	letter-spacing: -0.02em  !important;
	text-transform: uppercase  !important;
	color: #444444 !important;
}