/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


html, body, div, span, applet, object, h1, h2, h3, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,  aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	}
	hr {margin: 5px 0; 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
	#suchform {
 width:100%;
}
span.light{color:#fff;}
.zoom {
    padding: 0;
	
 -moz-box-shadow: 0px 2px 5px #ccc;
-webkit-box-shadow: 0px 2px 5px #ccc;
box-shadow: 0px 2px 5px #ccc;
    transition: transform .2s; /* Animation */
border:1px solid #ccc;;

}
.klein{width:50%; float:left; margin:0 10px 0 0;}
.zoom:hover {
    transform: scale(1.6); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
ul.site{
margin: 5px 0 0px 20px;}
section.site{
margin:20px 0 0 20px;}
ul.site ul{line-height:150%;
margin:0px 0 0px 20px;}
#bildtitel{position:absolute;
font-size: 18x;
color:#fff;
background: url(../images/over.png);
padding: 5px 10px;
z-index:999;
top:60%;}
.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Mehr Info';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Weniger Info';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}
section.service {
	background: #efefef;
}


	
	.tel_nav::before {
    content: "\f095";
    font-family: "FontAwesome";
    padding: 0 5px 0 0;
	color:#999;
}
.mail_nav::before {
    content: "\f0e0";
    font-family: "FontAwesome";
    padding: 0 5px 0 0;
	color:#999;
}
.select_lang {
    content: "\f0e0";
    font-family: "FontAwesome";
    padding: 0 5px 0 0;
	color:#999;
}
ul.top {
	list-style:none;
	float: right;
}
ul.top li{display: inline-block;
margin: 5px 0 5px 20px;}
 ul.top li a{color:#333;font-size: 0.8em;}
  ul.top li a:hover{color:#D12B42;font-size: 0.8em;}
   ul.top li a.on{color:#0A3E75;font-size: 0.8em;}
input.search {
	padding: 3px 10px;
width: 28px;
height: 28px;
	border: 0px solid silver;
	background-image: url(../images/lupe.png);
	background-size:cover;
	border-radius: 0px;
}
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
	box-sizing: border-box;
	padding: 3px;
	outline: none;
	width:83%;
	background:#f9f9f9;
	border: 1px solid silver;
}
body {color: #333;
font-family: 'Roboto', sans-serif;
line-height: 140%;
		font-weight: 400;
	}
table {
	border-collapse: collapse;
	margin: 10px 0;
	padding: 0;
	width: 100%;
 
}

table tr {
 
border:1px solid #ddd;
  
}
td#gruppe{text-transform: uppercase; background:#efefef;font-size: 1.3em;
padding: 5px;}
table td {
text-transform:none;


}
table.box th {
color: #fff;
padding: 5px;
text-align: left;
font-size: 1em;
letter-spacing: 0.1em;
text-transform: uppercase;
border-radius: 0;
}
table th {
background:#004771;
color: #fff;
padding: 5px 5px;
text-align: left;
font-size: 1em;
letter-spacing: .1em;
text-transform: uppercase;
border-radius: 0;
}
.box-s{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	padding:10px 0 0 10px;
	border:1px solid #999;
	min-height:170px;
	border-radius:5px;
	margin:10px 0;}
	
@media screen and (max-width: 960px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;

  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
	width: 100%;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
article{margin: 20px 0;}
.box-h{border:1px solid #ccc;
width:100%;
	position: relative;
text-align: left;
padding: 15px;

overflow: hidden !important;
}
#box-1{width:300px;
-moz-box-shadow: 2px 0px 10px #000;
	-webkit-box-shadow: 2px 0px 10px #000;
	box-shadow: 2px 0px 10px #000;
	background:url(../images/grau.png);
	float: left;
text-align: left;
padding: 15px;

overflow: hidden !important;
}
.box {
    border:1px solid #910D1D;
width:100%;
	position: relative;
text-align: left;
padding: 15px;

overflow: hidden !important;
}
.box-h::before {
    position: absolute;
    right: 15px;
    top: 0px;
    content: "";
    display: block;
    padding: 5px 15px;
    z-index: 1;
    color: #fff;
	background:#DA3448;
}
.box-e{border:1px solid #ccc;
    min-height: 320px;

	position: relative;
text-align: left;
padding:5px 15px;

overflow: hidden !important;
}
.box-e::before {
    position: absolute;
    right: 15px;
    top: 0px;
    content: "";
    display: block;
    padding: 5px 15px;
    z-index: 1;
    color: #fff;
	
}

       
section.ref{
	min-height:200px;
	background:#fff;
	padding:10px;
	border:1px solid #ccc;
	text-align: center;
}
p.text{
	width:98%;
	
}

	iframe{padding: 0;}
img.logo{width:80%; height:auto;}	
	
img{width:100%; height:auto;}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	section {
	margin: 20px 0;
	}
	section h1 {
		line-height:150%;
	}
img.no
{vertical-align:middle;
	width: auto;

}
img.ps
{vertical-align:middle;
	width: auto;

}

img.small
{
	width: 90%;
height: auto;
margin: 0 0 0 30px;
border: 0px solid #efefef;
}
ul.nav{
	list-style:none;
	display:block;
	margin:10px 20px 0 0px;
	line-height:200%;
}
ul.nav li#active{border-bottom:2px solid #DA3448;}

.fltright {
	margin: 5px 20px 0 0;

	float:right;
	text-align: right;
}
.right{
	width:auto;
	float:right;
	margin: 20px 20px 0 0;
	
}
.justify{text-align:justify;hyphens: auto;}
.fltleft1{
	float: left;
	margin: 5px 15px 0 0px;
	width:45%;
	
	
}
.fltleft{
	float: left;
	margin: 0 2% 30px 0;
	width: 48%;
	border-right: 0px solid #ccc;
	padding: 0 30px 0 0;
}
#box{
	border:2px solid #B72D2D;
	padding:5px;
}
span.headline{
	font-size:1.4em;
	line-height:1.5em;
	margin: 2em 0 1.5em 0;
	color: #004d7b;
}
.left{
	width:auto;
	float:left;
	margin: 0 20px 0 0;
	
}

br.clear{clear:both;}
h2.start{
	font-size:1.4em;
background:url(../images/over.png);
 padding:5px 10px;
 margin:1px 0 0 0;
float:left;
color:#fff;
font-weight:400;
}
h2{
	font-size:1.5em;
background:transparent;
float:none;
}
h1{
    font-size: 1em;
    letter-spacing: 1px;
    padding: 10px 0;
    text-transform: uppercase;
}
h1.home{
	font-size: 1.2em;
	letter-spacing: 1px;
	margin-left:0px;
	padding: 10px 0;
	text-transform: uppercase;
}
	
	ol, ul {
	list-style: square;
	
	}
		ul.tab{
		list-style: square;
		margin:10px 0 0 20px;
	}
	

ul#top {
	margin:0;
	float: right;
	}
#top li{
	list-style: none;
	display:inline-block;

	padding:3px 15px;

	}
	#top li a {
	color:#004D7B;
	font-size:0.8em;
	}
#top li a.on {
	color:#004D7B;
	
	}
	a.on {
	color:red;
	
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	
	}
	#slogan{
	font-size: 2em;
	margin: 2em 0 0 0;
	text-transform: uppercase;
	color:#095C8E;
	font-family: arial;
}
	
.banner_inner {
	margin:0 auto;
	padding:15px;
	max-width: 1160px;
}
.banner_inner1 {
	margin:0 auto;
	padding:0px;
	max-width: 1160px;
	max-height:425px;
}
	img.produkt {
	margin:0;
	padding: 0px;


}
ul.produkt {
margin:0 0 0 20px;
	padding:5px;
list-style:square;
line-height:1.6em;
}



/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#content .container  {
	margin: 0 auto 30px;
	    padding-left: 20px;
}

	}
		.container#header   {
	background:#fff;

	}

.container {	padding: 0 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 1160px;
		min-width: 960px;
	}

	.container.\37 5\25 {
		width: 720px;
	}

	.container.\35 0\25 {
		width: 480px;
	}

	.container.\32 5\25 {
		width: 240px;
	}

	.container {
		max-width: 1160px;
	}


	@media screen and (min-width: 961px) {

.container.\31 25\25 {
			width: 100%;
			max-width: 1160px;
			min-width: 1160px;
		}

		.container.\37 5\25 {
			width: 900px;
		}

		.container.\35 0\25 {
			width: 600px;
		}

		.container.\32 5\25 {
			  width: 300px;
		}

	

	

	}

 	@media screen and (min-width: 961px) and (max-width: 1200px) {

	.container.\31 25\25 {
			width: 100%;
			max-width: 1160px;
			min-width: 1000px;
		}

		.container.\37 5\25 {
			width: 750px;
		}

		.container.\35 0\25 {
			width: 500px;
		}

		.container.\32 5\25 {
			width: 250px;
		}

		.container {
			
		}

	}

	@media screen and (max-width: 960px) {

		

		.container {
			width: 100% !important;
		}

	}


	.row {
		border-bottom: solid 0px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0px;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0px;
	}

	.row.uniform.\30 \25 > * {
		padding: 0px 0 0 0px;
	}

	.row.uniform.\30 \25 {
		margin: 0px 0 -1px 0px;
	}

	.row > * {
	padding: 0;
	}

	.row {
	margin: 0 0 -1px -0px;
	}

	.row.uniform > * {
		padding: 40px 0 0 40px;
	}

	.row.uniform {
		margin: -40px 0 -1px -40px;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 80px;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -80px;
	}

	.row.uniform.\32 00\25 > * {
		padding: 80px 0 0 80px;
	}

	.row.uniform.\32 00\25 {
		margin: -80px 0 -1px -80px;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 60px;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -60px;
	}

	.row.uniform.\31 50\25 > * {
		padding: 60px 0 0 60px;
	}

	.row.uniform.\31 50\25 {
		margin: -60px 0 -1px -60px;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 20px;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -20px;
	}

	.row.uniform.\35 0\25 > * {
		padding: 20px 0 0 20px;
	}

	.row.uniform.\35 0\25 {
		margin: -20px 0 -1px -20px;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 10px;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -10px;
	}

	.row.uniform.\32 5\25 > * {
		padding: 10px 0 0 10px;
	}

	.row.uniform.\32 5\25 {
		margin: -10px 0 -1px -10px;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (min-width: 961px) {

		.row > * {
			padding: 0px 0 0 25px;
		}

		.row {
			margin:0px 0px 0 -25px;
		}

		.row.uniform > * {
			padding: 25px 0 0 25px;
		}

		.row.uniform {
			margin: -25px 0 0 -25px;
		}

		.row.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.\32 00\25 {
			margin: -50px 0 0 -50px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 50px 0 0 50px;
		}

		.row.uniform.\32 00\25 {
			margin: -50px 0 -1px -50px;
		}

		.row.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 37.5px 0 0 37.5px;
		}

		.row.uniform.\31 50\25 {
			margin: -37.5px 0 -1px -37.5px;
		}

		.row.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 12.5px 0 0 12.5px;
		}

		.row.uniform.\35 0\25 {
			margin: -12.5px 0 -1px -12.5px;
		}

		.row.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 6.25px 0 0 6.25px;
		}

		.row.uniform.\32 5\25 {
			margin: -6.25px 0 -1px -6.25px;
		}

		.\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28desktop\29, .\39 u\24\28desktop\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28desktop\29, .\38 u\24\28desktop\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28desktop\29, .\37 u\24\28desktop\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28desktop\29, .\36 u\24\28desktop\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28desktop\29, .\35 u\24\28desktop\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28desktop\29, .\34 u\24\28desktop\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28desktop\29, .\33 u\24\28desktop\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28desktop\29, .\32 u\24\28desktop\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28desktop\29, .\31 u\24\28desktop\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28desktop\29 + *,
		.\31 1u\24\28desktop\29 + *,
		.\31 0u\24\28desktop\29 + *,
		.\39 u\24\28desktop\29 + *,
		.\38 u\24\28desktop\29 + *,
		.\37 u\24\28desktop\29 + *,
		.\36 u\24\28desktop\29 + *,
		.\35 u\24\28desktop\29 + *,
		.\34 u\24\28desktop\29 + *,
		.\33 u\24\28desktop\29 + *,
		.\32 u\24\28desktop\29 + *,
		.\31 u\24\28desktop\29 + * {
			clear: left;
		}

		.\-11u\28desktop\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28desktop\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28desktop\29 {
			margin-left: 75%;
		}

		.\-8u\28desktop\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28desktop\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28desktop\29 {
			margin-left: 50%;
		}

		.\-5u\28desktop\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28desktop\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28desktop\29 {
			margin-left: 25%;
		}

		.\-2u\28desktop\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28desktop\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (min-width: 961px) and (max-width: 1200px) {

		.row > * {
			padding: 20px 0 0 20px;
		}

		.row {
			margin: -20px 0 -1px -20px;
		}

		.row.uniform > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.uniform.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28tablet\29, .\39 u\24\28tablet\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28tablet\29, .\38 u\24\28tablet\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28tablet\29, .\37 u\24\28tablet\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28tablet\29, .\36 u\24\28tablet\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28tablet\29, .\35 u\24\28tablet\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28tablet\29, .\34 u\24\28tablet\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28tablet\29, .\33 u\24\28tablet\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28tablet\29, .\32 u\24\28tablet\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28tablet\29, .\31 u\24\28tablet\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28tablet\29 + *,
		.\31 1u\24\28tablet\29 + *,
		.\31 0u\24\28tablet\29 + *,
		.\39 u\24\28tablet\29 + *,
		.\38 u\24\28tablet\29 + *,
		.\37 u\24\28tablet\29 + *,
		.\36 u\24\28tablet\29 + *,
		.\35 u\24\28tablet\29 + *,
		.\34 u\24\28tablet\29 + *,
		.\33 u\24\28tablet\29 + *,
		.\32 u\24\28tablet\29 + *,
		.\31 u\24\28tablet\29 + * {
			clear: left;
		}

		.\-11u\28tablet\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28tablet\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28tablet\29 {
			margin-left: 75%;
		}

		.\-8u\28tablet\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28tablet\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28tablet\29 {
			margin-left: 50%;
		}

		.\-5u\28tablet\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28tablet\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28tablet\29 {
			margin-left: 25%;
		}

		.\-2u\28tablet\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28tablet\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 960px) {

		.row > * {
			padding: 0;
		}

		.row {
			margin: 0;
		}

		.row.uniform > * {
			padding: 20px 0 0 20px;
		}

		.row.uniform {
			margin: -20px 0 -1px -20px;
		}

		.row.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.uniform.\32 00\25 > * {
			padding: 40px 0 0 40px;
		}

		.row.uniform.\32 00\25 {
			margin: -40px 0 -1px -40px;
		}

		.row.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.uniform.\31 50\25 > * {
			padding: 30px 0 0 30px;
		}

		.row.uniform.\31 50\25 {
			margin: -30px 0 -1px -30px;
		}

		.row.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.uniform.\35 0\25 > * {
			padding: 10px 0 0 10px;
		}

		.row.uniform.\35 0\25 {
			margin: -10px 0 -1px -10px;
		}

		.row.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.row.uniform.\32 5\25 > * {
			padding: 5px 0 0 5px;
		}

		.row.uniform.\32 5\25 {
			margin: -5px 0 -1px -5px;
		}

		.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28mobile\29, .\39 u\24\28mobile\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28mobile\29, .\38 u\24\28mobile\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28mobile\29, .\37 u\24\28mobile\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28mobile\29, .\36 u\24\28mobile\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28mobile\29, .\35 u\24\28mobile\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28mobile\29, .\34 u\24\28mobile\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28mobile\29, .\33 u\24\28mobile\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28mobile\29, .\32 u\24\28mobile\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28mobile\29, .\31 u\24\28mobile\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28mobile\29 + *,
		.\31 1u\24\28mobile\29 + *,
		.\31 0u\24\28mobile\29 + *,
		.\39 u\24\28mobile\29 + *,
		.\38 u\24\28mobile\29 + *,
		.\37 u\24\28mobile\29 + *,
		.\36 u\24\28mobile\29 + *,
		.\35 u\24\28mobile\29 + *,
		.\34 u\24\28mobile\29 + *,
		.\33 u\24\28mobile\29 + *,
		.\32 u\24\28mobile\29 + *,
		.\31 u\24\28mobile\29 + * {
			clear: left;
		}

		.\-11u\28mobile\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28mobile\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28mobile\29 {
			margin-left: 75%;
		}

		.\-8u\28mobile\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28mobile\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28mobile\29 {
			margin-left: 50%;
		}

		.\-5u\28mobile\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28mobile\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28mobile\29 {
			margin-left: 25%;
		}

		.\-2u\28mobile\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28mobile\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */
.top-bar{
	width: 100%;
	background: #d7d7d7;
	z-index: 2000;

}
.top-bar_inner{max-width:1160px;
		margin:0px auto;
		position: relative;
		padding:0 15px;
		
}

	

	

	p, dl {
	margin: 10px 0 10px 0;
	}
p.align-center{
	text-align: center;
	margin: 0 0 20px 0;
	color: #9e9e9e;
}
	a {color: #333;
	cursor:pointer;
	text-decoration: none;}


    
/*CSS3 extras*/
.box-shadow
{
box-shadow: 0px 2px 5px 0px #CCC;
}


		a:hover {
			text-decoration: none;
		}

	section > :last-child,
	.last-child {
		margin-bottom: 0 !important;
	}

/* Multi-use */

	

	

	.button-big {
	display: inline-block;
	background-color: #004D7B;
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	padding: 5px;
	outline: none;
	border-radius: 2px;
	
	text-shadow: none;
}
a.button-big {
color: #FFF;
}

		.button-big:hover {
			
			background-color: #555;
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		}

		.button-big:active {
	background-color: #004D7B;
	box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
		}
		.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-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;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #f00;
}
.alert {
    padding: 15px;
    margin: 20px 0;
    border: 1px solid transparent;
    border-radius: 4px;
	background-color:#ddd;
    border-color: #929292;
}
.alert-danger {
    color: #000;
    background-color: #d98602;
    border-color: #929292;
}
input[type=text] {
	border:1px solid #ccc;
	font-size:1em;
	width:100%;
	min-height:30px;
	display:inline;
	outline: none;
}
input[type=checkbox] {
float: left;
width: 10%;
}

input[type=submit] {
 
  padding:5px 10px;
}
fieldset {
	background: white;
	border: 1px solid #004771;
	border-radius: 0em;
	margin: 0 0 1rem 0;
	padding:10px;
}


	@media screen and (min-width: 961px) {
section:last-child {
				margin-bottom: 0 !important;
			}


.banner {position:relative;
			margin: 0;
box-shadow: none;
	padding:0;
	background: #004D7B url(../images/skala2.png);

	background-position: 0 100%;
background-repeat: no-repeat;
-moz-box-shadow: 0px 5px 8px #666;
	-webkit-box-shadow: 0px 5px 8px #666;
	box-shadow: 0px 5px 8px #666;
}
.banner-o {
			margin: 119px 0 0 0;
box-shadow: none;
	padding:0;
	background: #004D7B url(../images/skala2.png);
	background-position: 0 100%;
background-repeat: no-repeat;
}
.banner-h{position: relative;
margin: 0;
box-shadow: none;
padding: 0;

}
	.slogan{ margin: 10px 0 0 0px;
color: #ccc;
font-size: 21px;
padding: 0;
}
#header-wrapper {
padding: 0px 0 0px 0;
background:url(../images/weiss.png);	

width: 100%;
z-index: 1000;
position:absolute;

}

			#header-wrapper-h {
	
padding: 0px 0 0px 0;
background:url(../images/weiss.png);	
width: 100%;
z-index: 1000;
position:absolute;

}
			#content-wrapper{
border-top: 0px solid #C2C2C2;
padding: 10px 0px 20px 0;
margin: 0;
}
		#page-wrapper {

}
			

			#footer-wrapper {
background: #004771;
padding: 40px 0 80px 0;
}


				#logo {
margin: 15px 0 0 -10px;
float: left;
z-index: 3000;
max-width: 270px;

				}
			
 h4{
	font-family: roboto condensed;
padding:0;
	font-size: 1.3em;
	}
	 h5{
line-height:120%;
	font-size: 14px;
	}
				figure{margin:1em 0 0 0;}

					#banner section {

	padding: 0;
	margin: 0px;
			}
			#content h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.4em;
		color:#004771;
	padding:20px 0;
	text-transform: uppercase;
	line-height: 1.2em;letter-spacing: 0;
			}

			#content h2 {
	font-family: "Roboto condensed",sans-serif;
	font-size:1.5em;
	color:#004771;
padding: 20px 0 9px 0px;
	
			}

			#content h3 {
	font-family: 'Roboto Condensed', sans-serif;
color: #898989;
font-size: 21px;
margin: 5px 0 5px 0;
text-align: left;
padding: 3px 0 3px 0px;
display:inline-block;

}
			}

			#content a {
			}

		

		/* Footer */

			#footer {
				color: #fff;
		font-size: 0.9em;
line-height: 180%;
			}

				#footer h2 {
	font-size: 1.2em;
	color: #fff;
	margin: 20px 0 0 0;
	text-shadow: none;
				}

				#footer a {
					color: #fff;
				}
				#footer a.on {
					color: red;
				}

		

	}
	/* -- FORMS 
------------------------------------------------------------- */
form{margin:0;}
label{cursor:pointer;display:inline-block;}
.login-page {
	width: 400px;
	padding: 30px 30px 30px 0
	;
	margin: 0;
}
.form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 400px;
	margin: 0;
	padding: 45px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #004771;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #ccc;
}
.form .message {
  margin: 15px 0 0;
  color: red;
  font-size: 12px;
}
.form .message a {
  color: #4CAF50;
  text-decoration: none;
}
.form .register-form {
  display: none;
}


.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
} 
table{
	border-collapse:collapse;

	font-size: 0.9em;
	padding:0;
}
td{
	vertical-align:middle;
	padding: 2px 0;
}
table.box {
	margin:30px 0 30px 0px;
	background: #f4f4f4;
}

table.box1 {
	margin:30px 0 30px 0px;
	background: #fff;
}


table.box td, table.box1 td{
	vertical-align:middle;
	border: 1px solid #fff;
	padding: 5px;
	margin:0;
	
}
table.ref {
	margin:10px 0 30px 0px;
	background: #fff;
}



table.ref td{
	vertical-align:middle;
	text-align:center;
	border: 1px solid #efefef;
	padding: 5px;
	margin:0;
	width:25%;

}
table.ref tr{border:none;}
#unter{
	background: #efefef;
	min-height:80px;
	padding: 5px;
	margin: 10px 0 0 0;
	border-top: 2px solid #F4F4F4;
}
table.produkt tr:hover {
          background-color: #f4f4f4;
        }
.chromeframe { margin: 1em 0; background: orange; color: black; padding: 1em; }
form li{margin-bottom: 0.5em; list-style:none;}


/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error {
	color: #E67715;
	margin: 0.5em 0 0 0.5em;
	font-weight: normal;
	font-style: italic;
}


form#kontakt {
	margin: 2em 0 0 0;
	padding: 15px;
	border:1px solid #efefef;
	border-radius: 0px;
	-moz-box-shadow: 2px 0px 10px #B1B1B1;
	-webkit-box-shadow: 2px 0px 10px #B1B1B1;
	box-shadow: 2px 0px 10px #B1B1B1;
	height: auto;
}


form#search{
margin: 15px 0 10px 0px;
padding: 10px;
border: 1px solid #6a767d;
background: transparent;

}


label{
	display: block;
	margin-bottom:0.3em;
	font-weight: 400;
	color:#666;
	font-size:1em;
}
textarea {
	border: 1px solid #ccc;
	color: #333;
	display: block;
	font-size: 1em;
	padding: 1em;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	min-height:15em;
	height: auto;
}


/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error {
	color: #F18B1C;
	margin: 0.5em 0 0 0.5em;
	font-weight: normal;

	}
	input[type="text"], input[type="email"]{
    border: 1px solid #ccc;
    font-size: 1em;
   width: 100%; 
    min-height: 25px;
    display: block;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
/* Tablet */

	

/* Mobile */

	

	@media screen and (max-width: 960px) {	
#bildtitel {
    position: relative;
    font-size: 12px;
    line-height:155%;
    background:transparent;
padding:10px;
    z-index: 99999;
    top: 0;
	color:#555;
}
.banner-o {
			margin: 30px 0 0 0;
box-shadow: none;
	padding:0;
	background: #004D7B url(../images/skala2.png);

	background-position: 0 100%;
background-repeat: no-repeat;
}
ul.top li{display: inline-block;
margin: 5px 0 5px 10px;}


			.top-bar{
height:60px;
	margin:0;
}
.button-big {
	display: inline-block;
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	font-size: 0.9em;
	padding: 5px;
	outline: none;
	border-radius: 2px;
	
	text-shadow: none;
}
			.slogan{
	font-size: 1.2em;
	margin: 0;
	text-transform: uppercase;
	color:#ccc;
	font-family: arial;
	text-align:left;
}
.button-big {
padding: 10px 10px;
font-size: 0.9em;

}
#content .container  {
	margin: 0 auto 30px;
	    padding-left: 0px;
}
#content h1 {
	padding:0px 0 0 0;
	font-size:1.6em;
	margin:0;

			}
			h4{
	margin-top:20px;
	font-size: 1.1em;
}


			html, body {
				overflow-x: hidden;
			}

			body, input, textarea, select {
				font-size: 1em;
				line-height: 1.4em;
			}

	
#content-wrapper {
				background: #fff;
				padding: 10px;
			}

			.subpage #content-wrapper {
				padding-top: 0px;
			}

			#footer-wrapper {background: #555;
				padding: 40px 15px 15px 15px;
				text-shadow: 1px 1px 1px white;
			}

.banner{
			margin: 0px;
			width:100%;


}

#content section {
			box-shadow: none;
				padding: 0;
				margin: 0 0 5px 0;
			}
			section {
				padding: 0px;
				margin: 0 0 5px 0;
			}

			#content h2 {
				font-size: 1.5em;
				color:#004D7B;
				margin:20px 0 0 0;
				line-height:140%;
			}

			#content h3 {
				color:#333;
				margin:10px 0 0 0;
				font-size: 1.2em;
			}

			#content a {
		color: #7c7c7c;
text-decoration: underline;
			}

			#content header {
				margin: 0;
			}

		/* Footer */

			#footer {
				color: #ccc;
				text-shadow: none;
			}

				#footer section {
					margin: 0 0 40px 0;
				}

				#footer h2 {
					font-size: 1.25em;
					color: #ccc;
					margin: 20px 0 0.75em 0;
				}

				#footer a {
					color: #ccc;
				}

				#footer .link-list {
					margin: 0 0 30px 0 !important;
				}


*, *::before, *::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
			
			
			label{cursor:pointer;display:block;}
			
input[type="text"],
input[type="email"],
input[type="search"],
textarea {

	width: 90%;

}
form#search{

float: none;

}
table.ref td{

	width:100%;

}


	}