/*
 * Skeleton V1.2
 * Copyright 2011, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 6/20/2012
 */

/* Table of Content
 ==================================================
 #Site Styles
 #Page Styles
 #Media Queries
 #Font-Face

 Blau =>
 #004481


 Schwarz => 0A0A37*/

@import url('/css/modules/CallToAction/calltoaction.css');

#svg_logo{
	float: left;
	width: 340px;
}

body {
	color: #1D1D1D;
	font-size: 14px;
	line-height: 20px;
}

.fl{
	float: left;
}

.w100{
	width: 100%;
}

/* #Site Styles
 ================================================== */


/* Fancybox */
span.fncb_fancy_title {
	font-size:12px;
	font-weight:bold;
}
span.fncb_fancy_displaycounter {
	font-size:11px;
}
#fancybox-title {
	line-height:16px;
	text-align:left;
}
#fncb_bottomNavClose {
	cursor:pointer;
	display:block;
}
/* Fancybox END */


.mb0{
	margin-bottom: 0;
}
.container .margin-offset-by-one {
	margin-left: 60px;
}

#kontaktperson {
	float: left;
	width: 100%;
	margin-top: 30px;
}

h3.kontaktperson_titel {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	padding-bottom: 7px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container .margin-offset-by-one {
		margin-left: 48px;
	}
}
@media only screen and (max-width: 767px) {
	.container .margin-offset-by-one {
		margin-left: 0;
	}
}

#wrapper {
	margin-top: 10px;
	font-family: Arial, Tahoma;
	font-size: 13px;
}

#metanavigation {
	float: right;
	margin-bottom: 10px;
}

#metanavigation ul {
	float: right;
	margin-bottom: 0;
}

#metanavigation ul li {
	float: left;
	margin-bottom: 0;
}

#metanavigation li.delimiter {
	margin: 0 5px;
}

#metanavigation, #metanavigation a {
	color: #717171;
	text-decoration: none;
}


#metanavigation a.meta-nav-link:hover
#metanavigation a.meta-nav-link:focus,
#metanavigation a.meta-nav-link.current-sub,
#metanavigation a.meta-nav-link.current{
	color: #004481;
}

#header {
	background-image: url("/templates/images/bg_header.png");
	background-repeat: repeat-y;
}

#social {
	float: right;
	margin: 21px 0;
	margin-right: 7px;
}

.social {
	/* background-color: red; */
	/* background-image: url("/templates/images/social.png"); */
	/* background-repeat: no-repeat; */
	float: left;
	height: 25px;
	margin-right: 10px;
	width: 25px;
}

.social-icon {
	height: 25px;
	width: auto;
}

.social.linkedin {
	background: linear-gradient(45deg, #fff, #fff) no-repeat -1px 0;
	border-radius: 5px;
}

.social.facebook {
	background-position: 0 0;
}

.social.xing {
	background-position: -25px 0;
}

.social.google {
	background-position: -50px 0;
}

.swiss-made-tools {
	float: right;
	height: 25px;
}

.swissmade-software {
	background-color: red;
	background-image: url("/templates/images/social.png");
	background-position: -75px 0;
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	margin: 0;
	width: 100px;
}

#social-icons {
	float: right;
}

#slider {
	border-bottom: 1px solid #0A0A37;
	float: left;
	margin-bottom: 20px;
}

.slide {
	float: left;
	height: 422px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 20;
}

.smallContent #slider {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 100%;
	height: 260px;
	overflow: hidden;
}

.smallContent #slider,
.smallContent .slide {
	height: 260px !important;
}

.normalContent #slider, .normalContent .slide {
	height: 422px !important;
	width: 100%;
}


.slide > img {
	width: 100%;
}

.slider_text {
	color: #fff;
	font-size: 29px;
	font-weight: bold;
	left: 86px;
	line-height: 40px;
	position: absolute;
	text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
	text-transform: uppercase;
	top: 290px;
	z-index: 200;
}

.button {
	background: none repeat scroll 0 0 #004481;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	font-family: arial;
	position: static;
	text-shadow: none;
}

#slider .button {
	right: 116px;
	top: 334px;
	position: absolute;
}

.smallContent #slider .slider_text, .smallContent #slider .button {
	display: none;
}

.button a {
	color: #fff;
	text-decoration: none;
}

#inhalt {
	border-bottom: 1px solid #0A0A37;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#std_text {
	clear: both;
	float: left;
}

h1, h2, h3, h4, h5 {
	border-bottom: 1px solid #0A0A37;
	clear: both;
	color: #0A0A37;
	float: left;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 10px;
	width: 100%;
}

#wrapper.samllContent #slider, #inhalt.smallContent #std_text, #inhalt.smallContent h1, #inhalt.smallContent h2 {
	float: left;
	margin-left: 0;
	width: 100%;
}

.smallContent h1 {
	border-top: 1px solid #0A0A37;
	padding-top: 10px;
}

/* ******************** NAVIGATION ******************* */
#menuResponsive {
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
}

ul.level1 {
	float: left;
	width: 100%;
	margin-bottom: 0;
}

ul.level1 li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}

ul.level1 > li:nth-of-type(5) {
	/* margin-top: -16px; */
}

ul.level1 li.current1 {
	border-color: #004481 #004481 #f3f3f3;
	border-right: 1px solid #004481;
	border-style: solid;
	border-width: 1px;
	position: relative;
	z-index: 200;
}

ul.level1 li.current1.first {
	border-left: none;
}

#body {
	border-top: 1px solid #0A0A37;
	float: left;
	position: relative;
	top: -1px;
	margin-bottom: 30px;
}

#inhalt {
	display: block;
	margin-bottom: 80px;
	float: left;
	width: 100%;
}
#metanavigation a:hover,
#metanavigation a:focus{
	color: #004481;
}
#inhalt a strong,
#inhalt a{
	color: #004481;
	text-decoration: none;
}
#inhalt a strong:hover,
#inhalt a strong:focus,
#inhalt a:hover,
#inhalt a:focus{
	color: #004481;
	border-bottom: 1px solid #004481;
}
#inhalt ol{
	float: left;
	width: 100%;
}
ul.level1 li.delimiter {
	margin: 0;
	width: 10px;
}

.level1 a {
	display: block;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Tahoma;
	font-size: 13px;
	color: #717171;
	padding: 10px 15px;
}

.level1 a:hover, .level1 a:focus, .level1 a.current1, .level1 a.actv1, .level2 a:hover, .level2 a:focus, .level2 a.current2, .level2 a.actv2 {
	color: #004481;
}

#level1 ul.level2 {
	display: none;
}

#level2 {
	background-color: #fbfbfb;
	border-top: 1px solid #004481;
	float: left;
	position: relative;
	width: 100%;
}

#level2 ul.level1 li.current1 > span {
	display: none;
}

#level2 ul.level1 li.level1 {
	display: none;
}

#level2 ul.level1 li.actv1, #level2 ul.level1 li.current1 {
	border: medium none;
}

#level1 {
	float: left;
	margin: 0;
	position: relative;
	top: 1px;
	width: 100%;
	z-index: 100;
}

#level2 ul.level2 {
	float: left;
	margin: 0;
	width: 100%;
}

#level2 li.current1.actv1 {
	float: left;
	width: 100%;
}

#menuToggle {
	display: none;
}
#menuResponsive .fa {
	display: none;
}
/* ***************** END: NAVIGATION ***************** */

/* ******************* FORM STYLING ****************** */

#wrapper form {
	width: 100%;
	float: left;
}

#wrapper label {
	display: block;
	width: 110px;
	clear: left;
	float: left;
	line-height: 24px;
	padding: 6px 3px 6px 0px;
	font-size: 12px;
}

#wrapper input, #wrapper select, #wrapper textarea {
	font-size: 12px;
	width: 250px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 6px;
	border: 1px solid #000000;
	padding: 5px 3px 5px 3px;
	background-image: url('/templates/images/formfield_bg.png');
	background-repeat: repeat-x;
	background-position: left bottom;
	-moz-box-shadow: inset 0 -2px 10px 4px #EFEFEF;
	-webkit-box-shadow: inset 0 -2px 10px 4px #EFEFEF;
	box-shadow: inset 0 -2px 10px 4px #EFEFEF;
}

#wrapper .dynamicformular label {
	padding: 5px 0 5px 0;
	margin: 0 0 6px 0;
	width: 160px;
}

#wrapper .dynamicformular .f_radio label {
	float: left;
	clear: none;
	min-width: 0;
	width: calc(100% - 20px);
}

#wrapper .dynamicformular input, #wrapper .dynamicformular select, #wrapper .dynamicformular textarea {
	width: calc(100% - 160px);
	padding: 5px;
	box-sizing: border-box;
	height: auto;
	background: transparent;
}
#wrapper .dynamicformular input[type="checkbox"] {
    width: auto;
    margin-top: 14px;
    box-shadow: none;
}
#wrapper .dynamicformular textarea {
	height: 80px;
}

#wrapper .dynamicformular input.radio {
	width: auto;
	margin: 7px 5px 6px 0;
    clear: left;
    float: left;
}

#wrapper select {
	height: 34px;
	line-height: auto;
	width: 258px;
	padding-top: 8px;
	padding-right: 5px;
}
*+ html #wrapper select {
	height: 30px;
	background-image: none;
}

#wrapper option {
	font-size: 11px;
	height: 20px;
	line-height: 22px;
	padding: 5px 3px 0px 6px;
}

#wrapper textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
}

#wrapper .checkbox {
	width: auto;
	height: auto;
	line-height: auto;
	padding: 0;
	margin: 12px 8px 0px 0px;
	background-image: none;
	border: 0px;
}

#wrapper .radio {
	width: 10px;
	margin: 0;
	padding: 0;
	margin: 2px 0 8px 0;
	position: relative;
	top: 2px;
	text-align: left;
}

#wrapper input:hover, #wrapper input:focus, #wrapper select:hover, #wrapper select:focus, #wrapper textarea:hover, #wrapper textarea:focus {
	background-color: #FFFFFF;
}

#wrapper .red {
	color: #FF0000;
}

#wrapper span.form_rightlabel {
	margin-left: 5px;
}

#wrapper form .subject {
	display: none;
}

#wrapper input.submit {
	height: 35px;
	width: 288px;
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
	background: none repeat scroll 0 0 #1e5ea5;
	border: 1px solid #184A82;
	-moz-user-select: none;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	transition-duration: 0.2s;
}

#wrapper input.submit:hover, #wrapper input.submit:focus {
	background: #164679;
	border: solid 1px #123964;
	text-decoration: none;
}
#wrapper input.submit:active {
	background-color: #164679;
	border: 1px solid #123964;
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}

table.nice {
	float: left;
	width: 100%;
}

table.nice tr.even td {
	background-color: #f0f0f0;
}

table.nice td {
	padding: 2px 5px;
	text-align: left;
}

/* ***************** END: FORM STYLING *************** */

/* #Page Styles
 ================================================== */

.geschichte .ges_jahr, .kurzinfo .titel {
	width: 103px;
}

table.geschichte {
	margin-bottom: 20px;
}

/* NEWS */

#news_list {
	float: left;
	width: 100%;
}

.news_block {
	float: left;
	margin-bottom: 50px;
	width: 100%;
}

h2.news_titel {
	margin-bottom: 0;
	text-align: left;
}

span.news_datum {
	float: left;
	text-align: right;
	width: 100%;
}

.news_image {
	float: left;
	width: 48%;
	margin-top: 5px;
}

.news_image .nb_bild {
	float: left;
	max-width: 100%;
}

.news_content {
	float: left;
	margin-left: 2%;
	width: 50%;
	text-align: justify;
}

.noImage .news_content {
	margin-left: 0%;
	text-align: left;
	width: 100%;
}

p.news_short {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#news_block {
	float: left;
	width: 100%;
}

#news_add_datum {
	float: left;
	width: 100%;
}

p.news_datum {
	float: left;
	margin-bottom: 0;
	text-align: left;
	width: 200px;
}

.addthis_toolbox {
	float: right;
	text-align: right;
	width: 100px;
}

#news_block .news_short {
	text-align: justify;
}

.news_lang {
	float: left;
	text-align: justify;
	width: 100%;
}

#news_bilder {
	float: left;
	width: 100%;
}

#news_bilder a {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

#news_documents {
	float: left;
	margin-top: 10px;
	width: 100%;
}

.news_file {
	float: left;
	margin-bottom: 2px;
	text-align: left;
	width: 100%;
}

.news_titel {
	color: #0A0A37;
	font-family: Arial;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	width: 100%;
    float: left;
}

#news_home h2 {
	border-top: 1px solid #0A0A37;
	border-bottom: none;
	padding-top: 20px;
}

#news_home .news_block {
	border-top: 1px solid #0A0A37;
	/*border-bottom: 1px solid #004481;*/
}

#news_home .news_image {
	float: left;
	width: 100%;
	padding-top: 20px;
    height: 125px;
    overflow: hidden;
}

#news_home .news_more {
	text-align: right;
	margin-bottom: 10px;
}

#news_home .news_more a {
	text-decoration: none;
}

#news_home .news_content {
	margin-left: 0;
	margin-top: 5px;
	width: 100%;
}

#news_home .news_datum {
	text-align: left;
	margin-top: 20px;
}
/* TEAM */

#team {
	float: left;
	width: 100%;
}

.team_member {
	float: left;
	margin-bottom: 20px;
	width: 50%;
	margin-top: 10px;
	min-height: 125px;
}

h2.t_function {
	font-size: 15px;
	text-align: left;
}

p.team_line {
	float: left;
	margin-bottom: 0;
	text-align: left;
	width: 100%;
}

.team_title {
	float: left;
	width: 100px;
}

/* Stellen */

.stelle {
	float: left;
	width: 100%;
}

.stelle > h2 {
	margin-top: 20px;
}

.stellen_details {
	float: left;
	width: 100%;
}

.sb_titel {
	color: #0A0A37;
	font-weight: bold;
	margin-bottom: 2px;
	text-align: left;
}

.sb_text {
	float: left;
	text-align: left;
	width: 100%;
}

/* KONTAKT */

table.kontakt {
	margin-bottom: 30px;
}

table.kontakt td {
	width: 70px;
}

table.kontakt td+ td {
	width: auto;
}

table.kontakt td {
	padding-bottom: 0;
	padding-top: 0;
}

table.nice tr.spaceAfter td {
	padding-bottom: 15px;
}

#menuResponsive{
	margin-bottom: 0;
}

/* #Media Queries
 ================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	#metanavigation a {
		font-size: 11px;
	}
	.social {
		margin-right: 12px;
		margin-bottom: 12px;
	}
	#logo {
		margin-top: 20px;
	}
	.slide {
		height: 336px;
	}
	.slider_text {
		font-size: 25px;
		line-height: 32px;
		top: 208px;
	}
	.slide .button {
		top: 276px;
		right: 125px;
	}

	.smallContent #slider,
	.smallContent .slide {
		height: 189px !important;
	}

	.normalContent #slider, .normalContent .slide {
		height: 336px !important;
		width: 100%;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.level1 a {
		padding: 5px 5px;
	}
	#logo {
		margin-top: 10px;
	}

	.smallContent #slider,
	.smallContent .slide {
		height: 250px !important;
	}

	#slider .button {
		top: 284px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .container .columns h1{
        margin-bottom: 20px;
    }
    .container .columns h2{
        margin-bottom: 20px;
    }
	.smallContent #slider,
	.smallContent .slide {
		height: 189px !important;
	}

	.smallContent #slider {
		margin-top: 20px;
	}
	.level1 a {
		padding: 5px 10px;
	}
	#logo {
		margin-top: 10px;
	}
	#social {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.slide {
		height: 188px;
	}
	.slider_text {
		font-size: 18px;
		left: 40px;
		line-height: 21px;
		top: 106px;
	}
	.slide .button {
		right: 60px;
		top: 150px;
	}
	#news_home .news_block {
		border-bottom: 1px solid #0A0A37;
	}
	#news_home .news_borders .news_block {
		border: none;
	}
	#menuResponsive {
		display: block;
		cursor: pointer;
	}
	#menuToggle {
		display: block;
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		background-color: rgb(0, 66, 128);
		color: rgb(255, 255, 255);
		box-sizing: border-box;
		width: 100%;
		float: left;
		padding: 5px 0 5px 10px;
		position: relative;
	}
	#menuResponsive ul.level1 li, #menuResponsive ul.level1 li.current1 {
		border: none;
	}
	#level2 {
		display: none;
	}
	#toggle-section a{
		font-size: 24px;
		line-height: 24px;
	}
	#menuResponsive ul {
		border-top: 1px solid #014380;
		display: none;
	}
	#menuResponsive ul.level1{
		border-top: 0;
	}
	#menuToggle i {
		padding: 2px 5px;
	}
	#toggle-section a {
		float: right;
	}
	#menuResponsive ul.level1 li {
		border-bottom: 1px solid #014380;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#menuResponsive ul.level1 li a {
		padding: 10px 0px 10px 20px;
	}
	#menuResponsive ul.level2 {
		margin: 0;
	}
	#menuResponsive ul.level2 li a {
		padding: 5px 0 5px 30px;
	}
	/* #menuResponsive ul.level1 li:last-child {
		border-bottom: 0 none;
		padding-bottom: 2px;
	} */


	#menuResponsive ul.level2 li:last-child {
		border-bottom: 0 none;
	}

	#menuResponsive ul.level1 li.current1 {
		border-bottom: 1px solid #014380;
	}
	#menuResponsive ul.level3 li a {
		padding: 5px 0 4px 40px;
	}
	#menuToggleBar {
		float: left;
		width: 100%;
		display: inline-block;
		position: absolute;
	}
	#menuToggleBar i {
		padding-left: 0;
		color: #FFF;
	}
	#menuResponsive .level1 li.current1 {
		border-bottom: 1px solid #014380;
	}

	#toggle-section {
		float: right;
		position: relative;
		z-index: 200;
	}

	#menuToggle a {
		position: relative;
		z-index: 200;
		margin-right: 10px;
		float: left;
	}

	#menuResponsive ul.level1 li.current1 ul.level2, #menuResponsive ul.level1 li.current1:hover ul.level2, #menuResponsive ul.level1 li.current2 ul.level3 {
		display: block !important;
	}
	#menuResponsive ul li i {
		float: right;
		font-size: 20px;
		height: 38px;
		width: 38px;
		background-color: #D7D7D7;
		text-align: center;
		line-height: 34px;
		color: #696969 !important;
	}
	#menuResponsive ul.level2 li.current2 {
		background-position: 5px 10px;
	}
	#menuResponsive .fa {
		color: #fff;
		display: inline-block;
	}
	#menuResponsive ul.level1 li.current1 i {
		display: none;
	}
	#menuResponsive ul.level1 li a {
		font-weight: 600;
		background-color: #EBEBEB;
	}
	#menuResponsive ul.level2 li a {
		font-weight: 400;
	}
	#menuResponsive ul.level2 li a {
		padding: 8px 0px 8px 35px;
		background-color: #FBFBFB;
	}
	.team_member {
		width: 100%;
		min-height: 20px;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.smallContent #slider,
	.smallContent .slide,
	.normalContent #slider,
	.normalContent .slide {
		height: 189px !important;
	}

	#slider {
		margin-top: 20px;
		border-top: 1px solid #0A0A37;
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.smallContent #slider,
	.smallContent .slide,
	.normalContent #slider,
	.normalContent .slide{
		height: 189px !important;
		display: none;
	}

	#slider{
		display: none;
	}


	#logo img {
		max-width: 94%;
	}
	ul.level1 li.actv1 {
		border: medium none;
	}
	#inhalt {
		border-bottom: none;
	}

	#metanavigation li.delimiter {
		margin: 0px 4px;
	}

	#body{
		margin-top: 20px;
		border-top: 0;
	}

	/*#level2{display: none; }
	 #level1 ul.level1 li.current1 ul.level2 {display: block; }

	 ul.level1 li.current1{
	 border: none;
	 }

	 ul.level1 li.current1 a {
	 border-left: 2px solid #004481;
	 }

	 ul.level1 li.level2 a ,
	 ul.level1 li.current1 li.level2 a {
	 border-left: 1px solid #717171;
	 }

	 ul.level1 li.current1 li.current2 a {
	 border-left: 1px solid #004481;
	 }

	 ul.level1 li a {
	 border-left: 2px solid #717171;
	 margin-bottom: 3px;
	 padding: 2px 0 0 5px;
	 }

	 ul.level1 li {
	 padding: 0;
	 width: 100%;
	 }

	 ul.level2 {
	 float: right;
	 margin: 0;
	 position: relative;
	 top: -4px;
	 width: 300px;
	 z-index: 200;
	 }

	 li.current1 a.current1 {
	 border-bottom: 1px solid #004481;
	 }

	 ul.level2 li.first a {
	 border-top: 2px solid #fff;
	 }

	 ul.level2 li a {
	 float: right;
	 margin-bottom: 1px;
	 padding: 1px 0 0 5px;
	 width: 276px;
	 }

	 #body{border-top: none;}
	 */
	#wrapper .dynamicformular label,
	#wrapper .dynamicformular input, #wrapper .dynamicformular select, #wrapper .dynamicformular textarea {
		width: 100%;
	}
}

/* #Font-Face
 ================================================== */
/* 	This is the proper syntax for an @font-face file
 Just create a "fonts" folder at the root,
 copy your FontName into code below and remove
 comment brackets */

/*	@font-face {
 font-family: 'FontName';
 src: url('../fonts/FontName.eot');
 src: url('../fonts/FontName.eot?iefix') format('eot'),
 url('../fonts/FontName.woff') format('woff'),
 url('../fonts/FontName.ttf') format('truetype'),
 url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
 font-weight: normal;
 font-style: normal; }
 */