/* then for WOFF-capable browsers */
@font-face {
  font-family: "MetaWeb";
  src: url("../fonts/MetaWeb-Bold.woff") format("woff");
  font-weight:700;
}
@font-face {
	font-family: "MyWebfont";
	src: url("../fonts/TheSerif_400_.woff") format("woff");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "MyWebfont";
	src: url("../fonts/TheSerif_400i.woff") format("woff");
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: "MyWebfont";
	src: url("../fonts/TheSerif_500_.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MyWebfont";
	src: url("../fonts/TheSerif_900_.woff") format("woff");
	font-weight: 900;
	font-style: normal;
}

/* parallax test */

.lines {
	overflow:hidden !important;
}

.dreieck-links {
	overflow:hidden !important;
}

.dreieck-rechts {
	overflow:hidden !important;
}

.parallax {
    overflow: hidden !important;
}

body, html {
	margin: 0px;
	padding:0px;
	height:100%;
	font-family: "MyWebfont", Helvetica, sans-serif;
	font-size: 14px;
	line-height:17px;
	font-weight:300;
	color: #444;
}
html {
	margin: 0px;
	padding:0px;
	height:100%;
	background-attachment: fixed;
	background-position: center;
	background: #d2ebf5;
}

a:link {
	color: #0a90c9;
	text-decoration:none;
}
a:visited {
	color: #0a90c9;
}
.blau {
	color: #0a90c9;
}
.intro strong {
	font-size: 18px;
	font-family: "MetaWeb", "Arial Narrow", sans-serif;
	color:#0a90c9;
	text-align:left !important;
	font-size:18px;
}
.intro {
	font-weight:300;
	font-size: 16px;
	line-height: 23px;
	padding:20px 10px;
	max-width:420px;
	margin:0 auto;
}

h1 {
	font-family: "MyWebfont", "Arial Narrow", sans-serif;
	margin:0;
	padding:12px 8px;
	font-size:21px;
	line-height:23px;
	font-weight:700;
	color: #000;
	text-align:center;
}
h2 {
	font-family: MetaWeb, "Arial Narrow", sans-serif;
	margin:8px 0;
	font-size:18px;
	line-height:21px;
	font-weight:700;
	color: #666;
}
h3 {
	font-family:  MetaWeb, "Arial Narrow", sans-serif;
	font-weight:700;
	font-size:14px;
	color: #0a90c9;
	margin:5px 0 5px 0;
	min-height:16px;
	max-height:16px;
	overflow:visible;
}

@-moz-document url-prefix() { 
  h3 {
     margin:3px 0 3px 0;
  }
}
img {
	margin:0;
	padding:0;
	border:0;
}
hr {
	height:2px;
	color:#CCC;
	background-color:#CCC;
	border:0;
}
ul {
	padding-left:15px;
}
a.anchor {
   display: block;
   position: relative;
   top: -100px;
   visibility: hidden;
}
table.topalign td { 
	vertical-align: top 
}
/*------------------------------------*\
    SITE STRUCTURE
\*------------------------------------*/

.wrapper {
	position: relative;
	width:1004px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -40px;
	top:100px;
}
.header {
	z-index:2;
	position:fixed;
	top:0;
	width:100%;
	height: 80px;
	overflow: hidden;
	background-color: #FFF;
	overflow:visible;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.logo {
	position:relative;
	float: left;
	margin:8px 12px 9px 12px;
	padding:81px 248px 0 0;
	background-image:url('../img/neutrass_logo_new.png');
	background-size:174px 55px;
	background-repeat: no-repeat;
}
.even {
	clear: both;
	height:0px;
}
.push {
    clear: both;
	height:160px;
}
.footer {
    position: relative;
    height: 160px;
    clear: both;
	background-color:rgba(21,146,203,0.8);
	background-color:#d0e9f4\9;
}
:root .footer {
	background-color:rgba(21,146,203,0.8)\0/IE9;
}
.foot {
	width:984px;
	height:160px;
	margin-left: auto;
    margin-right: auto;
}
.claimer {
	float:left;
	width:644px;
	height:120px;
	padding:20px 20px 20px 20px;
	text-align:center;
	color:#FFF;
}
:root .claimer {
	background-color:rgba(255,255,255,0.2)\0/IE9;
}
.claimer p {
	margin:5px 0;
}
.claimer h2 {
	color:#FFF;
	margin:12px 0;
}
.claimer strong {
	font-family:  MetaWeb, "Arial Narrow", sans-serif;
}

.credits {
	float:right;
	width:260px;
	text-align:center;
	padding:20px;
	height:120px;
	color:#FFF;
}
:root .credits {
	background-color:rgba(222,222,222,0.2)\0/IE9;
}
.credits h3 a {
	color:#0a90c9;
}
.credits h3 a:hover {
	color:#999;
}
.claimer a, .credits h3 a {
	color:#FFF;
}
/* SITE */
.site {
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	width:684px;
	background-color: rgba(255,255,255,0.9);
	z-index:-1;
	padding:0px;
}
.title_content {
	margin: 30px 70px 40px 70px;
}
.title h1 {
	font-weight:500;
	font-size:2.2em;
}
.stories {
	width:660px;
	height:auto;
	overflow:auto;
}
.story {
	float:left;
	width: 300px;
	margin: 5px 10px;
}
.story:nth-child(odd) h2, 
.story:nth-child(odd) article {
	color:#0a90c9;
}
.main {
	width:660px;
	float:left;
}
.main h1 {
	color:#000;
	font-weight:500;
	font-size:32px;
	margin-left:0;
	padding-left:0;
	line-height:1em;
}
.main img {
	max-width:684px;
	margin:4px 0 12px 0;
}
.main li {
	padding-bottom:0.5em;
}
.bild {
	position:relative;
}
.subtitle {
	margin-top:10px;
	font-family: MetaWeb, "Arial Narrow", sans-serif;
	text-align:center;
}
.subtitle hr {
	height:1px;
	width:40px;
	background-color:#444;
	padding:10px auto;
	margin:20px auto;
}
.footnotes {
	width:168px;
	float:left;
	color:#0a90c9;
	font-size:13px;
	line-height:13px;
	margin:70px 0px 0 12px;
}
.logos {
	width:120px;
	float:right;
	margin:0px 0px 0 12px;
}
.logos img {
	max-width:100%;
}
.einzel-logo {
	margin:12px auto;
}
article {
}
.thumbs {
	height: auto;
	overflow:auto;
}
.thumbnails {
	position:relative;
	float:left;
	width:200px;
	margin: 10px 10px 20px 10px;
}
.thumbnails .imgContainer {
	width:200px;
	height:132px;
	overflow:hidden;
	margin-bottom:5px;
}
.thumbnails img {
	width:200px;
	overflow:hidden;
}
.thumbnails h2 {
	text-transform:uppercase;
	color:#0a90c9;
	margin:0 0 3px 0
}
.thumbnails article {
	height:160px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.iconarea {
	height:auto;
}
.icons {
	position:relative;
	float:left;
	width:200px;
	height:80px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 10px 10px 5px 10px;
}
.icons article {
	position:relative;
	height:140px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.icons h2 {
	margin:24px 0;
	color:#0a90c9;
}
.icon {
	float:left;
	width:60px;
	height:60px;
	margin: 0 10px 6px 0;
}
.social {
	position:fixed;
	right:15px;
	bottom:15px;
	height:40px;
	width:auto;
}
.social img {
	width:40px;
	height:40px;
	margin:0px;
	padding:0px;
	border:0px;
}
.icon img {
	width:60px;
	height:60px;
}
.qbutton {
	position:absolute;
	top:200px;
	left:80px;
}
.qbutton img {
	width:150px;
}
.video {
	position: relative;
	margin: 12px 0px 20px 0px;
	background-image:url("/img/VideoPoster.jpg");
	background-image:url("/img/VideoPoster72dpi.jpg")\9;
	background-size: 640px 360px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 360px;
	width: 640px;
	padding: 10px 10px 10px 10px;
}
.video-close {
	position: relative;
	z-index:1;
	margin:0px 0 -18px 0;
	padding: 2px 10px 0px 10px;
	font-size:11px;
	color:#FFF;
	text-align:right;
}
.video-play {
	height:360px;
	padding:130px 0;
	width:100px;
	margin: auto auto;
}
.video-play img {
	width:100px;
	height:100px;
}
.quote:before {
	font-family: "MyWebfont", Lucida Grande, Sans-Serif;
	font-weight:900;
	font-size: 48px;
	content: ">";
	float:left;
	position:absolute;
	margin-top:-54px;
	color:#FFF;
}
.quote:before img {
	height:64px;
	width:42px;
}
.quote {
	position:absolute;
	top:120px;
	float:right;
	right:0px;
	margin-top:50px;
	line-height:1.2;
	font-family: 'MetaWeb', Helvetica, sans-serif;
	font-size:24px;
	width: 270px;
	margin-bottom:40px;
}
.quote span {
	background-color:#0a90c9;
	color:#FFF;
	display: inline;
	padding: 2px 4px 0 4px;
}
/* FORM */
input {
	border: 0px solid #FFF;
	background-color: #FFF;
	padding: 5px;
	margin: 2px 0;
	font-size:13px;
	font-family: "MyWebfont", Lucida Grande, Sans-Serif;
	font-weight:normal;
	color:#444;
}
button {
	float:right;
	background-color:#FFF;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:0;
	color:#999;
	font-size:13px;
	font-weight:bold;
	padding:8px;
	height:28px
}
button:hover {
	background-color:#BBB;
	color:#FFF;
}
select {
	padding:5px 0 2px 0;
	border: 0px solid #FFF;
	background-color: #FFF;
	font-size:12px;
	font-family: "MyWebfont", Lucida Grande, Sans-Serif;
	font-weight:normal;
	color:#444;
}
input[type="radio"], input[type="checkbox"] {
	background-color: #FFF;
	margin-right:5px;
}
.form {
	float:right;
	width:276px;
	margin:12px;
}
.form h1 {
	color:#999;
	text-align:center;
	background:transparent;
}
.form input[type="text"] {
	position:relative;
	border:0;
	border-style:none;
	outline: 0;
	background:#f3f3f3;
	color:#444;
	padding:6px;
	margin-left:20px;
	margin-bottom:4px;
	width:240px;
}
#opt input[type="text"] {
	background:#E4E4E4;
}
#plz {
	float:left;
	width:80px;
}
#plz input[type="text"] {
	width:50px;
}
#ort {
	float:left;
	width:180px;
}
#ort input[type="text"] {
	width:160px;
}
select {
	width:250px;
	font-family: Arial, sans-serif;
	font-size:13px;
   	padding:6px;
	margin-left: 20px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-box-shadow: 1px 1px 0 #ccc, 0 -1px #fff inset;
	-moz-box-shadow: 1px 1px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 1px 1px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.select label {position:relative}
.select label:after {
    content:'<>';
    font:12px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:0px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.select label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

input[type=radio],
input[type=checkbox] {
	display: none;
}
.radio label,
.checkbox label {  
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 20px;  
    margin-right: 10px;  
    font-size: 13px;  
}
.radio label:before,
.checkbox label:before {  
    content: "";  
    display: inline-block;  
    width: 13px;  
    height: 13px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    background-color: #999;    
}
.radio label:before {  
    border-radius: 8px;  
}
.checkbox label:before {  
    border-radius: 0px;  
}
input[type=radio]:checked + label:before {  
    content: "\2022";  
    color: #f3f3f3;  
    font-size: 25px;  
    text-align: center;  
    line-height: 13px;  
}
input[type=checkbox]:checked + label:before {  
    content: "\2713";  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 13px;  
}
.button {
	float:right;
	background-color:#DDD;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:0;
	color:#999;
	font-family:'Arial', Sans-serif;
	font-size:13px;
	font-weight:700;
	padding:2px 6px;
	height:28px
}
.button:hover {
	background-color:#BBB;
	color:#FFF;
}
textarea {
	min-width:260px;
}

/* NEWS */
.news-wrapper {
	margin-top:10px;
	background-color:rgba(230,230,230,0.9);
}
.news-site {
	float:left;
	width:660px;
	z-index:-1;
	padding:12px 12px 30px 12px;
	margin-top:20px;
	background-color:rgba(230,230,230,0.9);
}
.news-site strong {
	font-family:'MetaWeb', Helvetica, sans-serif;
	font-size:15px;
}
.news-site .main {
	padding-top:10px;
	float:center;
	margin:0 85px;
	color:#000;	
}
.news-site h1 {
	color:#000;
	background:none;
	font-weight:500;
	font-size:32px;
	line-height:1.1;
}
.news-site .news-date {
	font-family: "MyWebfont", Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	text-align:center;
	color:#000;
	background:0;
	padding: 5px;
	background-image:none;
	background-image:none\9;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
}
h1.own-news {
	color: #0a90c9;
}
h1.risk-mgmt {
       color: #9b0b0b;
}
.news {
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	float:right;
	width:306px;
	padding-left:6px;
	text-align:center;
	border-left:solid 1px #CCC;
}

.news h1 {
	padding-bottom:4px;
}
.news-overview {
	margin-top:120px;
	position:relative;
	float:left;
	width:auto;
	background-color:#EEE;
}
.news-item {
	width:300px;
	margin:10px 10px 0 0;
	padding:12px 8px 12px 16px;
	float:left;
	height:200px;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color:rgba(230,230,230,0.9);
}
.news2 {
	position:relative;
	float:right;
	text-align:center;
	margin-top:20px;
	width:300px;
}
.news2 p,
.news p {
	text-align:left;
	margin-top:8px;
}
.news-header {
	height: 40px;
	width: 306px;
	background-color:rgba(230,230,230,0.9);
}
.news-header:before, .news-banner:before {
	position:absolute;
	content:"NEWS";
	font-family:"MyWebfont", Helvetica, sans-serif;
	text-decoration:underline;
	font-size:24px;
	font-weight:900;
	color:#000;
	padding:13px 0 0 12px;
	left:0px;
	display: block;
}
.news-banner {
	height:40px;
	background-color:rgba(230,230,230,0.9);
	width:984px;
}
.news-bannermenu {
	width:auto;
	height:40px;
	text-align:left;
	float:left;
	margin-left:180px;	
}
.news-bannermenu li {
	display: inline-table;
	padding: 8px 5px;
}
.news-bannermenu h3 {
	font-size:13px;
}
.news-bannermenu a {
	color:#999;
}
.news-bannermenu a:hover {
	color:#0a90c9;
}

.news-bannermenu:before {
	padding:14px 0 0 6px;
}
.news-menu {
	margin-top:2px;
	width:250px;
	height:40px;
	padding:0px;
	float:right;
	margin:6px 10px 0 0;
}
.news-menu a {
	list-style-type: none;
}
.news-menu ul {
	text-decoration:none;
	color: #0a90c9;
}
.news-menu a:hover {
	color:#999;
}
.news-menu li {
	list-style-type: none;
	float: right;
	padding: 0 5px;
}
.news-menu li a {
	display: block;
}
.news-shade {
	display:none;
}
:root .news-shade {
	background-color:rgba(122,122,122,0.1)\0/IE9;
}
.news-open {
	visibility:collapse;
	float:right;
 	margin:0;
	max-width:0;
	max-height:0;
	display:inline-table;
}
.news-open a h3 {
	float:left;
	font-size:13px;
	margin:0;
	color:#999;
}
.news-open a:hover h3 {
	color:#0a90c9;
}
.news-open img {
	margin-top:2px;
	float:right;
	width:18px;
	height:10px;
}

.news .news-date,
.news2 .news-date {
	font-family: "MyWebfont", Helvetica, sans-serif;
	font-size:13px;
	display: inline-block;
	float:center;
	font-weight:300;
	color:#888;
	text-align:center;
	margin: 10px auto 0px auto;
	border-bottom:solid 1px #999;
}

.news-article {
	padding:0 12px 2px 12px;
	margin-top:0;
	color:#222;
}

.news-site .main p {
	margin-top:0;
}
.news-site .main strong p {
	margin-top:16px;
	margin-bottom:0;
}
.news-site h1 {
	margin-top:10px;
}

.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/* CONTACT */
.contact {
	position:relative;
	float:right;
	right:0;
	margin-top:20px;
	margin-bottom:20px;
	width:306px;
	padding-left:6px;
	border-left:solid 1px #CCC;
}
.contact h1 {
	color:#444 !important;
	text-align:left;
	background:transparent;
	padding-left:0;
}
.staff-navigation-menu {
	position:relative;
	width:306px;
	float:inherit;
}
.staff-navigation-menu li {
	float:left;
	text-align:left;
	background-color:#0a90c9;
	list-style: none;
	margin:0px 4px 4px 0px;
}
.staff-navigation-menu li h3 {
	padding:2px 4px;
	margin:0;
}
.staff-navigation-menu li h3 a {
	color:#FFF;
}
.staff-navigation-menu li h3 a:hover,
.staff-navigation-menu li h3 a:active {
	color:#CCC;
}
.staff-adressen {
	float:inherit;
	width:294px;
	margin-top:4px;
	background-color:rgba(230,230,230,0.9);
	padding:0 5px 5px 8px;
}
.contact .staff-adressen h1 {
	font-size: 16px;
	font-weight: 900;
	color:#000;
}
.map {
	min-height: 300px !important;
	max-height: 800px !important;
	margin-bottom:20px;
	height:100%;
}
.map iframe  {
	margin-top:16px;
	min-height: 300px !important;
	max-height: 800px !important;
	height:100%;
}
/* STAFF */
.staff h1 {
	padding:0px 10px;
}
.portrait {
	position:relative;
	float:left;
	width:200px;
	margin: 10px;
}
/*
.portrait a {
	color: #888 !important;
	text-decoration:underline;
} */
.portrait a:hover {
	color: #888;
}
.portrait .imgContainer {
	width:200px;
	height:132px;
	overflow:hidden;
	margin-bottom:5px;
}
.portrait img {
	width:200px;
	overflow:hidden;
}
.portrait a {
	font-family: "MyWebfont", Helvetica, sans-serif;
	font-style:italic;
	font-weight:300;
}
.portrait strong {
	font-weight:500;
}
.position {
	color: #888;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.person {
	color: #000;
	font-size: 16px;
	font-family: "MyWebfont", Helvetica, sans-serif;
	font-weight:900;
	padding:8px 0 6px 0;
}
.vita {
	color: #444;
	font-size:11px;
	line-height:12px;
	padding-top:7px;
}
.vita ul {
	margin-left:0;
	padding-left:0;
	-webkit-padding-start:14px;
	-webkit-margin-before:0px;
	-webkit-margin-after:0px;
	-moz-padding-start:14px;
	-moz-margin-before:0px;
	-moz-margin-after:0px;
}

/*------------------------------------*\
    MENU
\*------------------------------------*/
.menu {
	position:relative;
	z-index:2;
	float:left;
	height:80px;
	overflow:visible;
	display:block;
	margin:0;
}

.menu ul ul {
    display: none;
}
    .menu ul li:hover > ul {
        display:block;
    }
.menu ul {
	position: relative;
	padding: 0;
	list-style: none;
	text-align: left;
	float:left;
}
.menu ul h3 {
	font-size:20px;
	color:#0a90c9;
	background:#FFF;
	padding:6px 9px 9px 9px;
	line-height:1;
	margin:23px 0 4px 0;
}
	.menu ul h3:hover, .menu ul h3:active {
		color:#FFF;
		background:#0a90c9;
	}
	.menu ul:after {
	        content: ""; 
	        clear: both; 
	        display:block;
	    }
	.menu ul li {
		padding:0 4px;
		/* background-color:#0a90c9; */
		display:block;
		float: left;
		color: #FFF;
	}
	.menu ul li img {
		display:none;
		width:0px;
		height:0px;
	}
		.menu ul li a {
			text-decoration:none;
		}
		
	.menu ul ul {
		margin-top:0px;
        position: absolute; 
        top: 100%;
    }
		.menu ul ul li {
			font-family: MetaWeb, "Arial Narrow", sans-serif;
			font-weight:700;
			font-size:22px;
			margin-bottom:4px;
			color:#FFF;
			background:#0a90c9;
			padding:5px 9px 5px 9px;
			line-height:1;
            text-align:left;
            float: left; 
			clear:left;
            border: 0;
        }
            .menu ul ul li a {
                color:#FFF;
            }   
                .menu ul ul li a:hover {
                    /*color: #fff;*/
					color:#CCC;
                }
				.menu ul ul ul {
					position:absolute;
					
					margin-left:-70px;
					margin-top:72px;
				}
				.menu ul ul ul li {
					background-color:#444;
				}

    .menu ul ul ul {
        position: absolute; left: 100%; top:0;
    }
.side-menu {
	margin-top:9px;
	width:160px;
	display: block;
	text-align: center;
	float: right;
	list-style-type: none;
	margin-left:0;
}
@-moz-document url-prefix() { 
  .side-menu {
	margin-top:17px;
  }
}
.side-menu a {
	text-decoration:none;
	color: #0a90c9;
}
.side-menu a:hover {
	color:#999;
}
.search {
	position:relative;
	float:right;
	z-index:2;
	height:25px;
	width:130px;
	background-image:url("../my_icons/Search.png");
	background-image:url("../my_icons/Search72dpi.png")\9;
	background-size:25px 25px;
	background-repeat: no-repeat;
	background-color: rgba(150,150,150,0.5);
	background-color: #91b2c2\9;
	padding:3px 0px 0px 24px;
}
.search input[type="text"] {
	border:0;
	border-style:none;
	outline: 0; 
	background:transparent;
	font-family:"Arial", sans-serif;
	font-size:13px;
	line-height:13px !important;
	font-weight:300 !important;
	color:#fff;
	width:125px;
	margin:2px 0 2px 0;
	padding:0 !important;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen  and (max-width: 1080px) {
    .logo {
		padding:85px 174px 0 0;
    }
}
@media screen  and (max-width: 984px) {
	.social {
		position:fixed;
		right:5px;
		bottom:5px;
		height:auto;
		width:45px;
	}
	.social img {
		padding:2px;
	}
	.wrapper {
		width:684px;
	}
	.news-shade {
		visibility:collapse;
		width:0px;
	}
	.foot {
		width:684px;
	}
	.logo {
		position:relative;
		float: left;
		margin:8px 6px 0px 12px;
		padding:85px 174px 0 0;
		background-size:174px 55px;
	}
	.menu {
		height:70px;
		margin-top:30px;
	}
	.menu ul {
		margin-top:8px;
	}
	.menu ul h3,
	.menu ul ul li {
		margin-top:0;
		padding:6px 6px 5px 6px;
	}
	.menu ul li {
		padding:0;
		margin-right:4px;
		display:block;
		float: left;
	}
	
	.menu ul li h3 {
		font-size:16px;
		overflow:hidden;
		text-overflow: ellipsis;
	}
	.menu ul ul li {
		font-size:17px;
	}
	.menu ul ul ul {
		margin-top:64px;
		margin-left:-58px;
	}
	.side-menu h3 {
		font-size:13px;
	}
	.site, .news-site {
		margin-top:20px;
	}
	.claimer {
		width:100%;
		height:120px;
		padding:20px 10px 10px 10px;
	}
	.credits {
		display:none;
	/*	width:100%;
		height:20px;*/
	}
	.news {
		height:40px;
		overflow:hidden;
		width:684px;
		margin-bottom:0;
		border-left:0;
	}
	.news2 {
		overflow:hidden;
		width:684px;
		background-color: rgba(240, 240, 240, 0.85);
	}
	.news2 .news-wrapper {
		background:0;
	}
	.news-item {
		width:312px;
	}
	.news-overview,
	.news-banner {
		margin-top:120px;
		width:684px;
	}
	.news-header {
		height:40px;
		width:684px;
	}
	.news-menu {
		width:0px;
		height:0px;
		float:left;
		padding:0;
		visibility:collapse;
	}
	.news-open {
		position:absolute;
		visibility:visible;
		right:0px;
		margin: 12px 10px;
		max-width: 94px;
		max-height: 16px;
		width: 94px;
		height: 16px;
	}
	.news-menu h3 {
		font-size:13px;
	}
	.news-menu a {
		color:#999;
	}
	.news-menu a:hover {
		color:#0a90c9;
	}
	.news-menu li {
		display: inline-table;
		padding: 0 5px;
	}
	.form {
		float:left;
	}
	.form_main {
		width:660px;
	}
	table, tr, td, tbody {
		max-width: 660px !important;
	}
	.contact {
		margin:10px 0 -14px 0;
		float:left;
		width:100%;
		padding-left:0;
		border-left:0;
	}
	.staff-navigation-menu {
		width:100%;		
	}
	.staff-navigation-menu li {
		background-color:#999;
	}
	.staff-adressen {
		display:none;
	}
	.push {
		height:160px;
	}
}
@media screen  and (max-width: 830px) {
	.side-menu {
		position:fixed;
		text-align: left;
		display: inline-table;
		right:154px;
		width:190px;
		height:15px;
		top:3px;
		margin-top:3px;
		z-index:99;
	}
	.side-menu a {
		color:#999;
	}
	.side-menu a:hover {
		color:#0a90c9;
	}
	.side-menu li h3 {
		list-style: none;
		text-align: left;
		float:left;
		margin-right:10px;
	}
	.search {
		position:fixed;
		right:0px;
	}
}

@media screen and (max-width:686px) {
	
	.menu ul h3 {
		padding:4px 4px 3px 4px;
	}
}

@media screen and (max-width:686px) {
	
	body {
		width:100%;
	}
	.wrapper {
		width:660px;
		margin:0 auto;
	}
	.header {
		width:100% !important;
	}
	.news-header,
	.news, .news2,
	.news-site {
		width:660px;
	}
	
	.site {
		width:640px;
		padding:10px;
	}
	.portrait {
		margin:6px 6px 6px 7px;
	}
	.push {
		height:120px;
		bottom:0px !important;
	}
	.claimer {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.footnotes {
		width: 148px;
		float:right;
	}
	.footer, .foot {
		width:100% !important;
	}
}


@media screen and (max-width:660px) {
	.wrapper {
		width:420px;
	}
	.logo {
		padding:85px 143px 0 0;
		background-size:142px 46px;
		margin-left:8px;
		margin-top:12px;
	}
	.menu ul h3 {
		padding:6px 4px 4px 4px;
	}
	.menu ul li {
		margin-right:3px;
	}
	.menu ul li h3 {
		font-size:13px;
	}
	.menu ul ul li {
		font-size:13px;
		margin-bottom:3px;
		padding:6px;
	}
	.menu ul ul ul {
		margin-top:56px;
		margin-left:-44px;
	}
	.news-site,
	.site {
		width:420px;
		padding:0px;
	}
	.stories {
		width:420px;
	}
	.story {
		width:400px;
	}
	.icons {
		width:190px;
	}
	.thumbnails {
		width:400px;
	}
	.news {
		width:420px;
	}
	.news2 {
		width:420px;
	}
	.news-header {
		background-position: top left;
		width:auto;
	}
	.news-item {
		width:auto;
		padding:0;
		float:left;
		height:auto;
	}
	.news-menu {
		width:0px;
		visibility:collapse;	
	}
	.news-open {
		visibility:visible;
	 	margin:12px 10px;
		width:94px;
		height:16px;
	}
	.video-close {
		margin:0px 0 -18px 0;
	}
	.video {
		background-size: 400px 225px;
		height: 225px;
		width: 400px;
		padding: 10px 10px 10px 10px;
		margin-bottom:10px;
	}
	.video-play {
		height:225px;
		padding:70px 0;
	}
	.thumbnails .imgContainer {
		float:left;
		margin-right:10px;
		height:124px;
	}
	.thumbnails article {
		height:142px;
	}
	.thumbnails {
		margin-bottom:10px;
	}
	.portrait {
		width:400px;
	}
	.portrait .imgContainer {
		float:left;
		margin-right:10px;
		width:180px;
		text-align: center;
	}
	.portrait img {
		margin-left:-10px;
	}
	.person {
		padding-top:0px;
	}
	.position {
		padding-top:0;
		margin-top:-3px;
		margin-left:190px;
	}
	.vita {
		margin-left:190px;
	}
	.footer, .push, .claimer, .foot {
		height:120px;
	}
	.foot {
		width:100%;
	}
	.claimer {
		padding:10px 5px 5px 5px;
		font-size:10px;
		line-height:14px;
	}
	.claimer h2 {
		margin:6px 0;
	}
	.credits {
		display:none;
	}
	.main {
		width: 400px;
		padding: 10px;
	}
	.main img {
		max-width:400px;
	}
	.quote {
		right:-10px;
		font-size:20px;
		width:260px;
		top:90px;
	}
	.news-site .main {
		margin:0 auto;
	}
	.title_content {
		margin: 30px 30px 40px 30px;
	}
	.footnotes {
		float:left;
		width:100%;
		margin-top:10px;
		margin-bottom:12px;
	}
	.logos {
		float:left;
	}
	.form {
		margin:12px 70px;
	}
	.form_main {
		padding:10px;
		width:400px;
		margin: 0px;
	}
	.qbutton {
        	position:absolute;
	        top:100px;
        	left:40px;
	}
	.qbutton img {
        	width:100px;
	}
	select {
		max-width:380px;
	}
	select[name="Versicherungsn_Nationalitaet"],select[name="Nationalitaet[0]"],select[name="Nationalitaet[1]"],select[name="Nationalitaet[2]"],select[name="Nationalitaet[3]"],select[name="Nationalitaet[4]"],select[name="Nationalitaet[5]"],select[name="Nationalitaet[6]"],select[name="Nationalitaet[7]"],select[name="Nationalitaet[8]"],select[name="Nationalitaet[9]"],
	select[name="Nationalitaet_Kind[1]"],select[name="Nationalitaet_Kind[2]"],select[name="Nationalitaet_Kind[3]"],select[name="Nationalitaet_Kind[4]"],select[name="Nationalitaet_Kind[5]"],select[name="Nationalitaet_Kind[6]"],select[name="Nationalitaet_Kind[7]"],select[name="Nationalitaet_Kind[8]"],select[name="Nationalitaet_Kind[9]"],select[name="Nationalitaet_Kind[10]"], select[name="Fahrer_Nationalitaet"]{
		max-width:240px !important;
	}
	table, tr, td, tbody {
		max-width: 400px !important;
	}
	input[type="TEXT"] {
		max-width:400px;
	}
	input[name="Versicherungsn_Name"], input[name="Versicherungsn_Vorname"], input[name="Versicherungsn_Strasse"], input[name="Versicherungsn_Tel1"], input[name="Versicherungsn_Tel2"], input[name="Versicherungsn_Email"] {
		width: 166px !important;
	}
	input[name="Vorname"],input[name="Name"],input[name="Strasse"],input[name="PLZ_Ort"],input[name="geburtsdatum"],input[name="Beruf"],input[name="Telefon_Privat"],input[name="Telefon_Geschaft"],input[name="EmailAdresse"],input[name="Firma"] {
		width: 98px !important;
	}
	input[name="Hausrat_Schaden[1]"], input[name="Hausrat_Hoehe[1]"],input[name="Hausrat_Schaden[2]"], input[name="Hausrat_Hoehe[2]"],input[name="Hausrat_Schaden[3]"], input[name="Hausrat_Hoehe[3]"],input[name="Hausrat_Schaden[4]"], input[name="Hausrat_Hoehe[4]"],input[name="Hausrat_Schaden[5]"], input[name="Hausrat_Hoehe[5]"],
	input[name="Haftpflicht_Schaden[1]"], input[name="Haftpflicht_Hoehe[1]"],input[name="Haftpflicht_Schaden[2]"], input[name="Haftpflicht_Hoehe[2]"],input[name="Haftpflicht_Schaden[3]"], input[name="Haftpflicht_Hoehe[3]"],input[name="Haftpflicht_Schaden[4]"], input[name="Haftpflicht_Hoehe[4]"],input[name="Haftpflicht_Schaden[5]"], input[name="Haftpflicht_Hoehe[5]"],
	input[name="Gebaeude_Schaden[1]"], input[name="Gebaeude_Hoehe[1]"],input[name="Gebaeude_Schaden[2]"], input[name="Gebaeude_Hoehe[2]"],input[name="Gebaeude_Schaden[3]"], input[name="Gebaeude_Hoehe[3]"],input[name="Gebaeude_Schaden[4]"], input[name="Gebaeude_Hoehe[4]"],input[name="Gebaeude_Schaden[5]"], input[name="Gebaeude_Hoehe[5]"],
	input[name="Teilkasko_Schaden[1]"], input[name="Teilkasko_Hoehe[1]"], input[name="Teilkasko_Schaden[2]"], input[name="Teilkasko_Hoehe[2]"], input[name="Teilkasko_Schaden[3]"], input[name="Teilkasko_Hoehe[3]"], input[name="Teilkasko_Schaden[4]"], input[name="Teilkasko_Hoehe[4]"], input[name="Teilkasko_Schaden[5]"], input[name="Teilkasko_Hoehe[5]"],
	input[name="Kollisionskasko_Schaden[1]"], input[name="Kollisionskasko_Hoehe[1]"], input[name="Kollisionskasko_Schaden[2]"], input[name="Kollisionskasko_Hoehe[2]"], input[name="Kollisionskasko_Schaden[3]"], input[name="Kollisionskasko_Hoehe[3]"], input[name="Kollisionskasko_Schaden[4]"], input[name="Kollisionskasko_Hoehe[4]"], input[name="Kollisionskasko_Schaden[5]"], input[name="Kollisionskasko_Hoehe[5]"],
	input[name="Diebstahl_Schaden[1]"], input[name="Diebstahl_Hoehe[1]"], input[name="Diebstahl_Schaden[2]"], input[name="Diebstahl_Hoehe[2]"], input[name="Diebstahl_Schaden[3]"], input[name="Diebstahl_Hoehe[3]"], input[name="Diebstahl_Schaden[4]"], input[name="Diebstahl_Hoehe[4]"], input[name="Diebstahl_Schaden[5]"], input[name="Diebstahl_Hoehe[5]"] {
		width: 92px !important;
	}
	input[name="Ausweisentzug_Person[1]"], input[name="Ausweisentzug_Dauer[1]"], input[name="Ausweisentzug_Person[2]"], input[name="Ausweisentzug_Dauer[2]"], input[name="Ausweisentzug_Person[3]"], input[name="Ausweisentzug_Dauer[3]"], input[name="Ausweisentzug_Person[4]"], input[name="Ausweisentzug_Dauer[4]"], input[name="Ausweisentzug_Person[5]"], input[name="Ausweisentzug_Dauer[5]"] {
		width: 60px !important;
	}
	input[name="Ausweisentzug_Grund[1]"], input[name="Ausweisentzug_Grund[1]"], input[name="Ausweisentzug_Grund[2]"], input[name="Ausweisentzug_Grund[2]"], input[name="Ausweisentzug_Grund[3]"], input[name="Ausweisentzug_Grund[3]"], input[name="Ausweisentzug_Grund[4]"], input[name="Ausweisentzug_Grund[4]"], input[name="Ausweisentzug_Grund[5]"], input[name="Ausweisentzug_Grund[5]"] {
		width: 80px !important;
	}
}
@media screen and (max-width:538px) {
	.menu ul h3 {
		max-width:56px;
	}
	.menu ul li {
		margin-right: 0px;
	}
}
@media screen and (max-width:455px) {
	.logo {
		padding:60px 116px 0 0;
		background-size:112px 35px;
		margin:20px 0px 0px 8px;
	}
}
@media screen and (max-width:420px) {
	.wrapper {
		width:320px;
	}
	.logo {
		padding:60px 132px 0 0;
		background-size:79px 25px;
		margin:45px 0px 0px 8px;
	}
	.news-site,
	.site {
		max-width:320px;
	}
	.menu {
		height:100px;
	}
	.menu ul {
		margin:2px 0 0 0;
	}
	.menu ul li img {
		width:42px;
		height:42px;
	}
	.news {
		width:320px;
	}
	.news2 {
		width:320px;
	}
	.news-header {
		width:auto;
	}
	.video {
		background-size: 320px 180px;
		height: 180px;
		width: 320px;
		padding: 0;
		margin-bottom:0px;
	}
	.video-play {
		height:180px;
		padding:40px 0;
	}
	.stories {
		width:320px;
	}
	.story {
		width:300px;
	}
	.thumbnails {
		width:300px;
		margin: 10px 10px 5px 10px;
	}
	.thumbnails img {
		width:150px;
	}
	.thumbnails .imgContainer {
		width:132px;
		margin-bottom:2px;
		height:108px;
	}
	.thumbnails article {
		height:128px;
	}
	.portrait {
		width:305px;
	}
	.portrait .imgContainer {
		float:left;
		width:90px;
		text-align: center;
	}
	.portrait img {
		margin-left:-55px;
	}
	.position {
		padding-top:0;
		margin-top:-3px;
		margin-left:100px;
	}
	.quote {
		font-size:17px;
		width:150px;
		top:30px;
	}
	.vita {
		margin-left:100px;
	}
	.icons {
		width:140px;
	}
	.foot {
		width:100%;
	}
	.footer, .push, .claimer, .foot {
		height:140px;
	}
	.footer, .push, .foot {
		margin-top:-30px;
	}
	.claimer {
		padding:5px;
		width:98%;
		line-height:13px;
		height:114px;
	}
	.claimer h2 {
		font-size:15px;
		line-height:16px;
	}
	.search {
		float:left;
		display: inline-table;
		background-size:20px 20px;
		height:24px;
		max-height:24px;
		width:100%;
		padding:0;
	}
	.search input[type="text"] {
		padding-left: 20px !important;
		width:75px;
		max-width:60px;
		max-height:24px;
	}
	.side-menu {
		right:3px;
		float: right;
		top:0px;
		margin-top:0px;
		height:24px;
		max-width:232px;
		text-align: right;		
	}
	.side-menu li {
		display: inline-table;
		padding: 0 2px;
	}
	.side-menu li h3 {
		margin:4px 0px;
		font-size:11px;
	}
	.side-menu li h3 a {
		color:#999;
	}
	.side-menu li h3 a:hover {
		color:#0a90c9;
	}
	.menu {
		position:absolute;
		right:3px;
	}
	
	.icon {
		float:center;
		margin:0 auto;
	}
	.icons {
		width:86px;
		margin-bottom:15px;
	}
	.icons h2 {
		text-align:center;
		margin:3px 0 3px 0;
		color:#0a90c9;
	}
	.icons article {
		height:82px;
	}
	.main {
		width: 300px;
		padding: 10px;
	}
	.main img {
		max-width:300px;
	}
	.form {
		margin:12px 20px;
	}
	.form_main {
		max-width:300px !important;
	}
	.qbutton {
        	position:absolute;
	        top:70px;
        	left:20px;
	}
	.qbutton img {
        	width:70px;
	}
	select {
		max-width:280px;
	}
	select[name="Versicherungsn_Nationalitaet"],select[name="Nationalitaet[0]"],select[name="Nationalitaet[1]"],select[name="Nationalitaet[2]"],select[name="Nationalitaet[3]"],select[name="Nationalitaet[4]"],select[name="Nationalitaet[5]"],select[name="Nationalitaet[6]"],select[name="Nationalitaet[7]"],select[name="Nationalitaet[8]"],select[name="Nationalitaet[9]"],
	select[name="Abteilung[0]"],select[name="Abteilung[1]"],select[name="Abteilung[2]"],select[name="Abteilung[3]"],select[name="Abteilung[4]"],select[name="Abteilung[5]"],select[name="Abteilung[6]"],select[name="Abteilung[7]"],select[name="Abteilung[8]"],select[name="Abteilung[9]"],
	select[name="Nationalitaet_Kind[1]"],select[name="Nationalitaet_Kind[2]"],select[name="Nationalitaet_Kind[3]"],select[name="Nationalitaet_Kind[4]"],select[name="Nationalitaet_Kind[5]"],select[name="Nationalitaet_Kind[6]"],select[name="Nationalitaet_Kind[7]"],select[name="Nationalitaet_Kind[8]"],select[name="Nationalitaet_Kind[9]"],select[name="Nationalitaet_Kind[10]"], 
	select[name="Haustyp"], select[name="Feuer"], select[name="Gebaeudeverglasung"], select[name="Haftpflichtart"], select[name="Fahrer_Nationalitaet"] {
		max-width:146px !important;
	}
	select[name="Versicherungsn_Tag"],select[name="Versicherungsn_Monat"],select[name="Versicherungsn_Jahr"]{
		max-width:43px;
	}
	table, tr, td, tbody {
		max-width: 300px !important;
	}
	textarea {
		max-width:300px;
	}
	input[type="TEXT"] {
		max-width:300px;
	}
	input[name="date_declaration"] {
		max-width:285px;
	}
	input[name="Vorname"],input[name="Name"],input[name="Strasse"],input[name="PLZ_Ort"],input[name="geburtsdatum"],input[name="Beruf"],input[name="Telefon_Privat"],input[name="Telefon_Geschaft"],input[name="EmailAdresse"],input[name="Firma"] {
		width: 48px !important;
	}
	input[name="Hausrat_Schaden[1]"], input[name="Hausrat_Hoehe[1]"],input[name="Hausrat_Schaden[2]"], input[name="Hausrat_Hoehe[2]"],input[name="Hausrat_Schaden[3]"], input[name="Hausrat_Hoehe[3]"],input[name="Hausrat_Schaden[4]"], input[name="Hausrat_Hoehe[4]"],input[name="Hausrat_Schaden[5]"], input[name="Hausrat_Hoehe[5]"],
	input[name="Haftpflicht_Schaden[1]"], input[name="Haftpflicht_Hoehe[1]"],input[name="Haftpflicht_Schaden[2]"], input[name="Haftpflicht_Hoehe[2]"],input[name="Haftpflicht_Schaden[3]"], input[name="Haftpflicht_Hoehe[3]"],input[name="Haftpflicht_Schaden[4]"], input[name="Haftpflicht_Hoehe[4]"],input[name="Haftpflicht_Schaden[5]"], input[name="Haftpflicht_Hoehe[5]"],
	input[name="Gebaeude_Schaden[1]"], input[name="Gebaeude_Hoehe[1]"],input[name="Gebaeude_Schaden[2]"], input[name="Gebaeude_Hoehe[2]"],input[name="Gebaeude_Schaden[3]"], input[name="Gebaeude_Hoehe[3]"],input[name="Gebaeude_Schaden[4]"], input[name="Gebaeude_Hoehe[4]"],input[name="Gebaeude_Schaden[5]"], input[name="Gebaeude_Hoehe[5]"],
	input[name="Teilkasko_Schaden[1]"], input[name="Teilkasko_Hoehe[1]"], input[name="Teilkasko_Schaden[2]"], input[name="Teilkasko_Hoehe[2]"], input[name="Teilkasko_Schaden[3]"], input[name="Teilkasko_Hoehe[3]"], input[name="Teilkasko_Schaden[4]"], input[name="Teilkasko_Hoehe[4]"], input[name="Teilkasko_Schaden[5]"], input[name="Teilkasko_Hoehe[5]"],
	input[name="Kollisionskasko_Schaden[1]"], input[name="Kollisionskasko_Hoehe[1]"], input[name="Kollisionskasko_Schaden[2]"], input[name="Kollisionskasko_Hoehe[2]"], input[name="Kollisionskasko_Schaden[3]"], input[name="Kollisionskasko_Hoehe[3]"], input[name="Kollisionskasko_Schaden[4]"], input[name="Kollisionskasko_Hoehe[4]"], input[name="Kollisionskasko_Schaden[5]"], input[name="Kollisionskasko_Hoehe[5]"],
	input[name="Diebstahl_Schaden[1]"], input[name="Diebstahl_Hoehe[1]"], input[name="Diebstahl_Schaden[2]"], input[name="Diebstahl_Hoehe[2]"], input[name="Diebstahl_Schaden[3]"], input[name="Diebstahl_Hoehe[3]"], input[name="Diebstahl_Schaden[4]"], input[name="Diebstahl_Hoehe[4]"], input[name="Diebstahl_Schaden[5]"], input[name="Diebstahl_Hoehe[5]"] {
		width: 52px !important;
	}
	input[name="Ausweisentzug_Person[1]"], input[name="Ausweisentzug_Dauer[1]"], input[name="Ausweisentzug_Person[2]"], input[name="Ausweisentzug_Dauer[2]"], input[name="Ausweisentzug_Person[3]"], input[name="Ausweisentzug_Dauer[3]"], input[name="Ausweisentzug_Person[4]"], input[name="Ausweisentzug_Dauer[4]"], input[name="Ausweisentzug_Person[5]"], input[name="Ausweisentzug_Dauer[5]"] {
		width: 38px !important;
	}
	input[name="Ausweisentzug_Grund[1]"], input[name="Ausweisentzug_Grund[1]"], input[name="Ausweisentzug_Grund[2]"], input[name="Ausweisentzug_Grund[2]"], input[name="Ausweisentzug_Grund[3]"], input[name="Ausweisentzug_Grund[3]"], input[name="Ausweisentzug_Grund[4]"], input[name="Ausweisentzug_Grund[4]"], input[name="Ausweisentzug_Grund[5]"], input[name="Ausweisentzug_Grund[5]"] {
		width: 56px !important;
	}

}