@font-face {
    font-family: 'unb_probold';
    src: url('/webfonts/unb_pro_bold-webfont.woff2') format('woff2'),
         url('/webfonts/unb_pro_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'unb_proregular_italic';
    src: url('/webfonts/unb_pro_italic-webfont.woff2') format('woff2'),
         url('/webfonts/unb_pro_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'unb_proregular';
    src: url('/webfonts/unb_pro_regular-webfont.woff2') format('woff2'),
         url('/webfonts/unb_pro_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
	}
body{
	position: relative;
	font-family: 'unb_proregular','Arial',sans-serif;
	font-size: 12px;
	color: #4e6773;
	line-height: 1.4;
	background: #fff url(/images/bg_body.png) repeat-y center center / 100%;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-appearance: none;
	}
	a{
		color: #df6c26;
		text-decoration: none;
		-webkit-transition: color 0.3s ease-in-out 0s;
		-moz-transition: color 0.3s ease-in-out 0s;
		-o-transition: color 0.3s ease-in-out 0s;
		transition: color 0.3s ease-in-out 0s;
		}
		a:hover{
			color: #7c96b1;
			}
	b, strong{
	    font-family: 'unb_probold';
	    font-weight: normal;
		}
	i, em{
	    font-family: 'unb_proregular_italic';
	    font-style: normal;
		}
	.clear{
		clear: both;
		}

#status{ position: fixed; top: 10px; left: 5px; z-index: 99999; font-size: 14px; }

	#outer{
		width: 1024px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
		}
		div#wrapper_logo{
			position: absolute;
			top: 30px;
			}
			div#logo a{
				display: block;
				width: 295px;
				height: 116px;
				margin-top: -20px;
				background: url(/images/logo_h1.png) no-repeat center center / 295px;
				text-indent: -99999px;
				}
			p.claim1, p.claim2{
				font-size: .9em;
				line-height: 1.15;
				color: #df6c26;
				}
		ul#menu{
			position: absolute;
			top: 0;
			right: 0;
			z-index: 500;
			height: 20px;
			padding-top: 10px;
			}
			ul#menu li{
				position: relative;
				height: 20px;
				margin-left: 30px;
				list-style: none;
				float: left;
				}
				ul#menu li a{
					display: block;
					height: 20px;
					padding: 10px 0;
					font-size: .8em;
					line-height: .1;
					}
					ul#menu li a.n_selected{
						color: #7c96b1;
						}

			ul#menu ul{
				display: none;
				position: absolute;
				top: 30px;
				left: 0;
				z-index: 500;
				}
				ul#menu ul li{
					height: 30px;
					margin-left: 0;
					float: none;
					}
		div#bt_home{
			position: absolute;
			right: 30px;
			top: 30px;
			width: 40px;
			height: 40px;
			}
			div#bt_home svg{
				width: 40px;
				height: 40px;
				}

	div#content{
		padding: 270px 0 0 400px;
		}
	div#content_home{
		padding-top: 100px;
		}
		div.col1, div.col2, div.col3{
			width: 30%;
			float: left;
			}
		div.col1, div.col2{
			margin-right: 5%;
			}
		div.col1{
			padding-top: 200px;
			}
		div.col2{
			padding-top: 100px;
			}
		h1{
			margin-bottom: 20px;
			padding-bottom: 20px;
			font-size: 2em;
			font-weight: normal;
			color: #d15823;
			}
			h1.hidden{
				height: 0;
				padding-bottom: 0 !important;
				text-indent: -99999px;
				}
		h2{
			margin-bottom: 20px;
			font-family: 'unb_probold';
			font-size: 1.2em;
			font-weight: normal;
			color: #2e7295;
			}
			div#content_home h2{
				color: #d15823;
				}
		h3{
			margin: 20px 0 10px;
			font-size: 1em;
			color: #2e7295;
			}
		div#content_home strong{
			color: #2e7295;
			}
		div#content p, div#content_home p{
			margin-bottom: 1em;
			}
		div#content ul, div#content_home ul{
			margin: 10px 0 0 18px;
			}
			div#content li, div#content_home li{
				list-style: url(/images/bg_li.png);
				}
		span.quelle{
			font-size: .7em;
			}


	footer{
		margin-top: 120px;
		padding: 5px 0 30px;
		font-size: .8em;
		text-align: right;
		border-top: 1px solid rgba(79, 104, 116, 0.2);
		}
		div#footer_copyright, div#menu_footer{
			display: inline-block;
			}

	div#wrapper_menu_mob{
		position: absolute;
		top: 80px;
		right: -300px;
		z-index: 900;
		padding: 30px 50px;
		width: 180px;
		background: rgba(244, 218, 158, .85);
		-webkit-transition: right 0.43s cubic-bezier(.14,.4,.61,.73) 0s;
		-moz-transition: right 0.43s cubic-bezier(.14,.4,.61,.73) 0s;
		-o-transition: right 0.43s cubic-bezier(.14,.4,.61,.73) 0s;
		transition: right 0.43s cubic-bezier(.14,.4,.61,.73) 0s;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		}
		ul#menu_mob{
			border-top: 1px solid rgba(79, 104, 116, 0.2);
			}
			ul#menu_mob li{
				list-style: none;
				line-height: 24px;
				border-bottom: 1px solid rgba(79, 104, 116, 0.2);
				}
				ul#menu_mob ul li{
					border-bottom: 0 none !important;
					}
				ul#menu_mob li a{
					display: block;
					padding: 0 0 10px 0;
					color: #2e7295;
					}
			ul#menu_mob ul{
				padding-bottom: 4px;
				}
				ul#menu_mob ul li a{
					font-size: .8em;
					}