body {
	margin: 0px;
	padding: 0px;
	background-color: #F9FCFE;
	background-image: url(../../includes/pics/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	/*font-family: 'Frutiger LT Std Roman', arial, helvetica;*/
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #333333;
}

a {
	color: #00539F;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

p {
	line-height: 20px;
}

strong {
	/*font-family: 'Frutiger LT Std Bold', arial, helvetica;*/
	font-weight: 700;
}

p strong {
	color: #00539F;
}

h1 {
	color: #00539F;
	font-size: 42px;
	/*font-family: 'Frutiger LT Std Roman', arial, helvetica;*/
	line-height: 50px;
	font-weight: 400;
	text-transform: uppercase;
}

h2 {
	color: #00539F;
	font-size: 23px;
	/*font-family: 'Frutiger LT Std Roman', arial, helvetica;*/
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	color: #00539F;
	font-size: 19px;
	/*font-family: 'Frutiger LT Std Roman', arial, helvetica;*/
	font-weight: 400;
}

h4 {
	color: #00539F;
	font-size: 18px;
	/*font-family: 'Frutiger LT Std Roman', arial, helvetica;*/
	font-weight: 400;
}

h5 {
	color: #00539F;
	font-size: 20px;
	/*font-family: 'Frutiger LT Std Bold', arial, helvetica;*/
	font-weight: 700;
	text-transform: uppercase;
}

h6 {
	font-size: 18px;
	/*font-family: 'Frutiger LT Std Roman', arial, helvetica;*/
	text-transform: uppercase;
	font-weight: 400;
}

.right {
	text-align: right;
}

header {
	width: 100%;
	position: relative;
}

#logo {
	margin-top: 32px;
}

.headline {
	margin-top: 74px;
}

.headline h3 {
	padding-left: 40px;
}

#subnav {
	width: 100%;
	position: relative;
}

#subnav ul {
	margin: 40px 0 0 0;
	padding: 0px;
	list-style-type: none;
}

#subnav ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 170px;
	height: 24px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform:skew(-45deg); /* IE9 */
	transform: skew(-45deg);
	background: white;
	-webkit-box-shadow: 6px 4px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 6px 4px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 6px 4px 7px 0px rgba(151,166,185,0.33);
	text-align: center;
}

#subnav ul li a {
	display: block;
	/*font-family: 'Frutiger LT Std Black', arial, helvetica;*/
	-webkit-transform: skew(45deg);
	-moz-transform: skew(45deg);
	-o-transform: skew(45deg);
	-ms-transform:skew(45deg); /* IE9 */
	transform: skew(45deg);
	width: 100%;
	padding: 3px 0 0 0;
	font-weight: 900;
	text-transform: uppercase;
}

#subnav ul li:hover, #subnav ul li.active {
	background-color: #E10019;
}

#subnav ul li:hover a, #subnav ul li.active a {
	text-decoration: none;
	color: white;
}

nav {
	width: 240px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: -250px;
}

nav .inner {
	width: 240px;
	z-index: 99999;
	background-color: white;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	display: none;
}

nav .outer {
	width: 240px;
	height: 240px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform:skew(-45deg); /* IE9 */
	transform: skew(-45deg);
	background: white;
	margin-left: -120px;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	z-index: 99998;
	position: relative;
}

nav ul {
	list-style-type: none;
	padding: 30px 0 0 0;
	margin: 0px;
}

nav ul li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	/*font-family: 'Frutiger LT Std Black', arial, helvetica;*/
	font-weight: 900;
	text-transform: uppercase;
	margin: 2px 0 2px;
}

nav ul li a {
	display: block;
	padding-left: 17px;
	color: #333333;
}

nav ul li a:hover, nav ul li a:focus, nav ul li a.active {
	color: #E10019;
	text-decoration: none;
}

nav ul li ol {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

nav ul li ol li {
	width: 100%;
	text-transform: none;
}

nav ul li ol li a.active span,
nav ul li ol li span {
	display: inline-block;
	vertical-align: top;
	width: 212px;
}

nav ul li ol li a span.unterstrich {
	color: white;
	width: 8px;
}

nav ul li ol li:hover {
	color: #E10019;
}

nav ul li ol li a {
	color: #97A6B9 !important;
	width: auto;
}

nav ul li ol li a:hover,
nav ul li ol li a:focus,
nav ul li ol li.active a {
	color: #E10019 !important;
}

nav ul li ol li a.active span,
nav ul li ol li:hover a span {
	color: #E10019;
}

nav .outer div {
	-webkit-transform: skew(45deg);
	-moz-transform: skew(45deg);
	-o-transform: skew(45deg);
	-ms-transform:skew(45deg); /* IE9 */
	transform: skew(45deg);
}

nav .outer .menu {
	left: 270px;
	top: 10px;	
	position: absolute;
	width: 88px;
	height: 125px;
	background-image: url(../../includes/pics/nav.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.info {
	position: relative;
	margin-top: 40px;
	background-color: white;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	color: #00539f;
}

.nopadding-left {
	padding-left: 0px;
}

.nopadding-right {
	padding-right: 0px;
}

.info img {
	width: 100%;
	height: auto;
}

.info p:first-child {
	margin-top: 10px;
}

.info .graph {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding-bottom: 10px;
}

.balken {
	overflow: hidden;
	height: 15px;
}

.balken-lang {
	width: 77%;
	height: 15px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform:skew(-45deg); /* IE9 */
	transform: skew(-45deg);
	background: #B1D1EB;
	margin-left: -10px;
	display: inline-block;
	vertical-align: top;
}

.balken-kurz {
	width: 18%;
	height: 15px;
	-webkit-transform: skew(-45deg);
	-moz-transform: skew(-45deg);
	-o-transform: skew(-45deg);
	-ms-transform:skew(-45deg); /* IE9 */
	transform: skew(-45deg);
	background: #B1D1EB;
	display: inline-block;
	vertical-align: top;
	float: right;
	margin-right: 6px;
}

.haupttext h1 {
	margin: 90px 0 20px 0;
}

.haupttext h2 {
	margin: 30px 0 30px 0;
	line-height: 1.3em;
}

.haupttext p {
	margin-bottom: 30px;
}

.news h1 {
	margin-bottom: 30px;
}

.news .col-md-4 {
	padding-right: 0px;
}

.news .item {
	background-color: white;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	padding: 10px;
	margin-bottom: 15px;
}

.news .item .text {
	height: 90px;
}

.news .item .bild {
	width: 100%;
	height: 110px;
	background-size: cover;
	overflow: hidden;
}

.news .item .bild img {
	max-width: 100%;
	height: auto;
}

.funktionslinks {
	margin-top: 50px;
	color: #00539f;
}

#seitenanfang {
	display: inline-block;
	cursor: pointer;
	margin-right: 30px;
}

#drucken {
	display: inline-block;
	cursor: pointer;
}

footer {
	background-color: white;
	margin-top: 48px;
	padding-top: 32px;
	padding-bottom: 60px;
	-webkit-box-shadow: 0px -4px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 0px -4px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 0px -4px 7px 0px rgba(151,166,185,0.33);
}

footer .logo {
	width: 100%;
	height: auto;
	max-width: 265px;
	margin-bottom: 75px;
}

footer h5 {
	margin-bottom: 45px;
}

footer .standort {
	margin-bottom: 25px;
}

footer .standort p, footer small {
	color: #7F7F80;
}

footer a {
	/*font-family: 'Frutiger LT Std Bold', arial, helvetica;*/
	font-weight: 700;
}

.diamond {
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-bottom-color: #E10019;
	position: relative;
	top: -12px;
	display: inline-block;
}

.diamond::after {
	content: '';
	position: absolute;
	left: -12px;
	top: 12px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #E10019;
}

footer h6 {
	display: inline-block;
	vertical-align: top;
	margin: 4px 0 0 10px;
}

footer ul {
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0px;
}

footer ul li::before {
	content: "> ";
}

footer .padding {
	padding-top: 30px;
}

footer p {
	margin-bottom: 20px;
}

#suchform {
	margin: 30px 0 35px 0;
}

#suche {
	border: none;
	background-color: #00539f;
	height: 31px;
	width: 200px;
	color: white;
	padding: 3px 10px;
	display: inline-block;
	vertical-align: top;
}

.sucheecke {
	width: 0;
	height: 0;
	border-top: 31px solid #00539f;
	border-right: 31px solid transparent;
	display: inline-block;
	vertical-align: top;
}

#suche::-webkit-input-placeholder {
    color: white;
}

#suche:-moz-placeholder {
   color: white;
   opacity:  1;
}

#suche::-moz-placeholder {
   color: white;
   opacity:  1;
}

#suche:-ms-input-placeholder {
   color: white;
}

.ansprechpartner {
	background-color: white;
	-webkit-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	-moz-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	padding: 15px;
	margin-bottom: 20px;
	overflow: hidden;
	min-height: 152px;
	font-size: 13px;
	line-height: 19px;
}

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

.ansprechpartner p {
	margin-bottom: 0px;
	line-height: 19px;
}

.ansprechpartner p.full-name {
	color: #00539f;
	text-transform: uppercase;
	font-size: 17px;
	display: block;
	margin-bottom: 8px;
}

.ansprechpartner .col-md-8 {
	padding-left: 0px;
}

.produktecontainer {
	margin-top: 50px;
	margin-bottom: 50px;
}

.produktecontainer .row {
    margin-left: 0px;
    margin-right: 0px;
}

.produktecontainer .col-md-3 {
	padding-left: 0px;
	padding-right: 0px;
}

.produkte {
	background-size: cover;
	position: relative;
	margin: 0 10px 10px 0;
}

.produkte p {
	color: white;
	margin-top: 40px;
	text-transform: uppercase;
	/*font-family: 'Frutiger LT Std Bold', arial, helvetica;*/
	font-weight: 700;
	font-size: 16px;
	position: absolute;
	padding-left: 10px;
	padding-right: 10px;
}

.produkte .fade {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 84, 164, 0.52);
}

.produkte:hover .fade, .produkte.active .fade {
	background-color: rgba(0, 84, 164, 0.85);
}

.produkte a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.produktdetails {
	margin-top: 50px;	
}

.produktdetails h3 {
	color: #333333;
	margin-top: 0px;
	margin-bottom: 30px;
}

.produktdetails p {
	line-height: 22px;
}

.produktdetails .row {
	margin-bottom: 70px;
}

.produktdetails img {
	max-width: 100%;
	height: auto;
}


	/**
 	 * Formatierung des Kontaktformulars
   */

	.accordion .trigger { cursor: pointer; }
	.accordion .trigger h2 { padding-left: 40px; }
	.accordion .trigger .icon { position: absolute; left: 5px; top: 42px; width: 27px; height: 25px; background: url('../../includes/pics/icon_trigger.png') no-repeat 0 0; }
	.accordion .active .icon { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
	.accordion .content { display: none; }


	/**
 	 * Formatierung des Kontaktformulars
   */

	.formular { width: 400px; }
	.formular form { margin: 20px 0; }
	.formular fieldset{ position: relative; margin-bottom: 10px; border: none; padding: 20px 0px 8px 0px; }
	.formular div.nolabel { padding: 20px; font-weight: bold; }
	.formular p.legend { margin-left: 0; margin-bottom: 20px; font-size: 125%; }
	.formular label { width: 130px; display: block; float: left; text-align: left; padding-right: 10px; line-height: 2em; }
	.formular input, .formular textarea { border: 1px solid #999; padding: 3px; }
	.formular input.margin-top { margin-top: 3px; border: 0; }
	.formular input.submit { margin-left: 140px; padding: 3px 5px 2px 5px; color: #222; background: #fff; border: 1px solid #999; cursor: pointer; cursor: hand; }
	.formular input.textfield,
	.formular textarea.textfield { width: 210px; }
	.formular textarea { height: 100px; }
	.formular form fieldset div.floatbox { margin-bottom: 5px; overflow: hidden; }
	.formular form fieldset div.pflichtfelder { margin-bottom: 0; font-size: 87.5%; color: #333; }
	.formular label.error { width: 280px; margin-left: 130px; margin-bottom: 0.5em; padding-right: 0; text-align: left; color: #E10019; font-size: 87.5%;  }
	.formular textarea.error,
	.formular input.error { border-color: #E10019; }
	.notice { padding-top: 40px; }

	/* Spambot-Feld ausserhalb des viewports platzieren */
	.formular #mail { position: absolute; top: -10em; left: -99em; }


	.download-liste .element { padding: 10px 20px 10px 0px; line-height: 1.6em; }
	.download-liste .element a { padding-left: 20px; background: url('../../includes/pics/icon_pdf.png') no-repeat 0px 0px; }
	.download-liste h3 { margin-top: 40px; color: #333333; }
	.download-liste .row .col-md-12:first-child h3 { margin-top: 10px; }

	
	.container.news { margin-top: 20px; }
	.news-article .news-teasertext { padding-top: 20px; font-weight: bold; }
	.backlink a { text-decoration: none; }
	
	.img-fleft { display: block; float: left; margin: 3px 15px 10px 0; }

	.pleft40 { padding-left: 40px; }
	.pleft40 h2 { margin-left: -40px; }


	.panel { padding-bottom: 30px; overflow: hidden; }
	.panel button { display: block; float: left; width: 200px; margin: 0 15px 15px 0; border: 0px solid #00539f; padding: 10px 30px 8px 10px; background-color: #fff; text-align: left; cursor: pointer;  }
	.panel button.asc { background: #fff url('../pics/icons.png') no-repeat right 11px;  }
	.panel button.desc { background: #fff url('../pics/icons.png') no-repeat right -24px;  }
	.panel input { display: block; width: 200px; padding: 10px 10px 8px 10px; border: 0px solid #00539f; color: #999; font-style: italic; }

	.volltextsuche { width: 200px; margin-top: 20px; overflow: hidden; border: 0px solid #00539f; }
	.volltextsuche input[type=text] { border: none; width: 145px; padding: 12px 10px 8px 10px; color: #999; font-style: italic;  }
	.volltextsuche input[type=submit] { width: 35px; height: 37px; border: none; padding: 0; background: #fff url('../../includes/pics/icons.png') no-repeat 5px 9px; cursor: pointer; }

	.panel button,
	.panel input,
	.volltextsuche { 
		-webkit-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
		-moz-box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
		box-shadow: 5px 5px 7px 0px rgba(151,166,185,0.33);
	 }
	 
	 ul.searchlist { margin-bottom: 30px; }


/**
 * .fontface modernizr - Webfonts verwenden
 *
 * font-family:'FrutigerLTW01-45Light';
 * font-family:'FrutigerLTW01-55Roman';
 * font-family:'Frutiger LT W01_65 Bold';
 * font-family:'FrutigerLTW01-75Black';
*/

.fontface body,
.fontface h1,
.fontface h2,
.fontface h3,
.fontface h4,
.fontface h6 {
	/*font-family: 'FrutigerLTW01-55Roman', arial, helvetica;*/
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}

.fontface h5,
.fontface strong,
.fontface .footer a,
.fontface .produkte p,
.fontface .news-article .news-teasertext {
	/*font-family: 'Frutiger LT W01_65 Bold', arial, helvetica;*/
	font-weight: 700;
}

.fontface nav ul li {
  /*font-family: 'FrutigerLTW01-75Black', arial, helvetica;*/
  font-size: 13px;
  font-weight: 700;
	line-height: 1.54em;
}

.fontface #subnav ul li a {
  /*font-family: 'FrutigerLTW01-75Black', arial, helvetica;*/
  font-size: 12px;
  font-weight: 700;
}


@media (max-width: 992px) {
	#subnav ul li { width: 165px; }
	.item { margin-bottom: 15px; }
	#suche { width: 170px; }
	#seitenanfang { margin-right: 25px; }
	.ansprechpartner .col-md-8 p { margin-left: 0px; padding-left: 15px; }
	.pleft40-md { padding-left: 40px; }
	.pleft40-md h2 { margin-left: -40px; }
}

@media (max-width: 767px) {
  #subnav .col-md-12 { padding-right: 3px; overflow: hidden;}
  #subnav ul li { width: 100%; margin-bottom: 8px; text-align: right; padding-right: 13px;}
  .info { margin-top: 200px; }
  nav .inner { display: block; height: 400px; overflow: hidden;}
  nav ul { min-height: 460px; }
  .news .col-md-4 { padding-right: 15px; }
  h1 { word-break: break-word; }
  .produkte p { word-break: break-word; }
  #logo { width: 280px; max-width: 70%; }
  .subsite .haupttext h1 { margin-top: 110px; }
	.pleft40-sm { padding-left: 40px; }
	.pleft40-sm h2 { margin-left: -40px; }
	.haupttext { margin-top: 170px; }
	 h1.pleft40 { font-size: 28px; }
	footer { padding-bottom: 55px; }
	footer .col-md-4 { padding-top: 30px; }
	h2 { font-size: 19px; }
	.haupttext h2 { margin-top: 20px; }
	/*.produktecontainer {  margin-left: 10px;  }*/
}

@media (max-width: 500px) {
  .ansprechpartner .float {display: block; float: none;}
  .ansprechpartner p {width: 100%; margin-top: 10px;}
	h1, h2 { hyphens: auto; }
}

@media (max-width: 410px) {
	.pleft40, .pleft40-md, .pleft40-sm { padding-left: 0; }
	.pleft40-sm h2 { margin-left: 0; }
}