@charset 'utf-8';
/* ======================================================
Copyright by InnoTix AG 2014
====================================================== */

@import url(../typography.css);

/* Structure CSS for Devlopment
-------------------------------------------------- */

.border {
	border: 1px solid black;
}

/* Body Instructions
-------------------------------------------------- */

body {
	background-color: #f0f0f0;
}

/* Header Instructions
-------------------------------------------------- */
header {
	margin: 0 0 6px 0;
}
.meta-nav-element {
	margin: 0 10px 5px 0;
	float: left;
}
.meta-nav {
	height: 70px;
	background-color: #e31e25;
	position: relative;
	top: 0px;
	z-index: 98;
	color: #FFF;
	padding: 7px 50px 7px 23px;
}

.meta-nav a, .meta-nav a:visited{
	color: #FFF;
	text-decoration: none;
}

.meta-nav a:hover {
	color: #c2c2c2;
	text-decoration: none;
}

.logo {
	background-color: #e21e26;
	padding: 10px 0 10px 15px;
	margin: 6px 0 0 0;

}

form#search_form {
	display: block;
	float: left;
	margin: 0 10px 0 0;

}

#search_form .search {
	padding: 2px 5px 2px 5px;
	border: none;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

#search_form .submit{
	background: #96968f;
	border: none;
	line-height: 20px;
	height: 24px;
	color: #fff;
	font-weight: 300;
	width: 24px;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

/* Content Instructions
-------------------------------------------------- */
#content {
	margin-top: 6px;
	background-color: #FFF;
}

#content img {
	max-width: 100%;
	height: auto;
}

section.content {
	width: 100%;
	padding: 0 0 30px 0;
}
.border-design {
	border-bottom: 6px #f0f0f0 solid;
}

.relative { /* set a div Relative */
	position: relative;
}
/* Footer Instructions
-------------------------------------------------- */
footer {
	height: 100px
}

footer.container .copyright {
	text-align: center;
	font-size: 0.8em;
	padding: 10px 0 0 0;
	color: #C5C5C5;
}

footer.container .copyright a:link, footer.container .copyright a:visited{
	color: #C5C5C5;
}
footer.container .copyright a:hover{
	color: #121212;
}

footer.container .adress {
	font-size: 0.9em;
	padding: 15px;
	text-align: center;
}

/* Nav Instructions
-------------------------------------------------- */
.flexnav {
	padding: 0;
}
.flexnav .nav-lastlvl1 {
	border-bottom: 6px solid #f0f0f0;
}

div.menu-button.active{
	background: #96968E;
	border: none;
	padding: 2px;
	height: 44px;
}

.flexnav li a {
	background: #96968E;
	text-transform: uppercase;
	color: #fff;
}

.flexnav li a:hover{
	background: #e21e26;
}
.flexnav li ul li a {
	text-transform: inherit;
	padding: .96em .96em .96em 2em;
}
.flexnav li ul li a.nav-selected{
	background: #e21e26;
}
.flexnav .touch-button .active{
	background: #e21e26;
}
.flexnav .touch-button:hover{
	background: #e21e26;
}



.simplenav {
	margin: 74px 0 5px -15px; 
}	
.simplenav li a.nav-first {
	border: none;
}	

.simplenav li a {
	background: transparent;
	color: #96968E;
	font-weight: 400;
	border-top: 1px solid  #96968E;
	padding: 6px 0px 6px 15px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}	
.simplenav li a:hover {
	color: #e21e26;
	background: transparent;
}

.simplenav li ul li > a.nav-first {
	padding-top: 10px;
}
.simplenav li ul li > a.nav-last {
	padding-bottom: 10px;
}

.simplenav li ul li > a.nav-last.nav-dropdown {
	padding-bottom: 0px;
}
.simplenav .nav-lastlvl1 a{
	border-bottom: 1px solid  #96968E;
}
.simplenav li item-with-ul a{

}

.simplenav li > a.nav-selected {
	color: #e21e26;
	font-weight: 700;
}

.simplenav li ul li > a {
	padding: 2px 0 2px 8px;
	background: transparent;
	border: none;
	text-transform: none;
	}

 /* ======================================================
Designer-Content - Aside Box
====================================================== */

.asidebox {
	background-color: #e21e26;
	padding: 25px;
	margin: 0 0 10px 0;
	line-height: 1.65em;
	font-size: 13px;
	position: relative;
	float: right;
}
.aside_news {
	background-color: #e21e26;
	color: #FFF;
	padding: 20px 20px 40px 20px;
	border-bottom: 6px solid #f0f0f0;
}
.aside_news h1, .aside_quicklinks h1{
	color: #FFF;
	padding: 0;
	margin: 0 0 30px 0;
}

.aside_news p.data {
	font-weight: 700;
}

.aside_news p.text, aside.aside_news p.link, .aside_news p.data {
	padding: 0;
	margin: 0;
}

aside.aside_news p.link a, aside.aside_news p.link a:visited{
	color: #FFF;
	text-decoration: none;
}

aside.aside_news p.link a:hover{
	color: #000;
	text-decoration: none;
}

aside.aside_news .news_article {
	border-bottom: 1px solid #fff;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.aside_quicklinks{
	color: #FFF;
	padding: 20px 20px 40px 20px;
	background-color: #96968f;
}
.aside_quicklinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.aside_quicklinks ul li {
	border-bottom: solid 1px #fff;
	padding: 5px 0 5px 0;
}

.aside_quicklinks ul li a, .aside_quicklinks ul li a:visited {
	text-decoration: none;
	color: #fff;
	font-weight: 400;
}
.aside_quicklinks ul li a:hover{
	color: #000000;
}


 /* ======================================================
Flexslider Hack for Bootstrap 3
====================================================== */

.default-flex .flexslider .slides img.flex-slide-img {
	max-width: 100%;
}

 /* ======================================================
Classes for Responsive Forms
====================================================== */

.responsive_form form .fields .form-group input, .responsive_form form .fields .form-group textarea, .responsive_form form .fields .form-group select{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.responsive_form form .fields .form-group textarea{
	height: auto;
}
.responsive_form form .fields .form-group input[type="checkbox"], .responsive_form form .fields .form-group input[type="radio"]{
	min-height: 27px;
	height: auto;
	width: auto;
}

.msg-box {
background: #F8F8F8;
	border: 1px solid #242424;
	border-radius: 5px;
	padding: 15px;
	margin: 15px 0;

}
 /* ======================================================
Responsive Instructions
====================================================== */


@media(max-width:767px){
.default-flex.flexslider-img-preloader {
	min-height: 50px;
}/* min-height hack for verry small flex-slider preoloader */
	
div.menu-button.active {
	height: 62px;
}	
}
@media(min-width:768px){

section.content {
	width: 100%;
}
.meta-nav {
	height: 50px;
	background-color: #e31e25;
	position: relative;
	top: 0px;
	color: #FFF;
	padding: 12px 50px 7px 20px;
	}
}
@media(min-width:992px){

/* Header Instructions
-------------------------------------------------- */

header {
	height: 274px
	}
.logo {
	height: 100px;
	background-color: rgba(227,30,37,0.75);
	position: absolute;
	z-index: 100;
	top:174px;
	padding: 4px 0 0 10px;
	margin: 0 0 0 75%;
	}
.meta-nav {
	height: 36px;
	position: absolute;
	top: 0px;
	color: #FFF;
	padding: 7px 0 7px 33px;
}
.meta-nav-element {
	margin: 0 5px 5px 0;
	float: left;
}
#search_form .search {
	padding: 0 3px 0 5px;
	margin: 0 0 0 5px;
}

/* Content Instructions
-------------------------------------------------- */

#content {
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzk2OTY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Njk2OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 21%, #96968f 25%, #96968f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(21%,#ffffff), color-stop(25%,#96968f), color-stop(100%,#96968f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 21%,#96968f 25%,#96968f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 21%,#96968f 25%,#96968f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 21%,#96968f 25%,#96968f 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#ffffff 21%,#96968f 25%,#96968f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#96968f',GradientType=1 ); /* IE6-8 */
}
.border-design {
	border-right: 6px #f0f0f0 solid;
	border-left: 6px #f0f0f0 solid;
	border-bottom: none;
	background: #fff;
	min-height: 800px;
}

/* Footer Instructions
-------------------------------------------------- */

footer.container .adress {
	padding: 10px 0 0 0;
	text-align: left;
}

footer.container .copyright {
	text-align: right;
}

}
@media(min-width:1200px){

/* Header Instructions
-------------------------------------------------- */

header {
	height: 330px;
	}
.logo {
	top:230px;
	}
	
}