@charset "utf-8";
/* CSS Document */

html, body {
	height:auto;
	margin:0;
	padding:0;
}
#page {
	height:auto;
	min-width:370px;
}
#siteMessages {
	background-color:#0F6;
	display:block;
}
#siteMessagesContent {
	max-width:1200px;
	margin:0px auto;
	text-align:right;
	padding:8px 16px 8px 0px;
}
#languageSel {
	background-color:#74b321;
	display:none;
}
#languageSelContent {
	max-width:1200px;
	margin:0px auto;
	text-align:right;
	padding:8px 16px 8px 0px;
}
.upperLogoBar {
	float:left;
	margin-top:-24px;
	height: 24px;
	width:60%;
	background-color:#74b321;
	z-index:10;
}
.upperLogoBar_tip {
	float:left;
	margin-top:-24px;
	margin-left:60%;
	width: 0px;
	
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 24px 0 0 24px;
	border-color: transparent transparent transparent #74b321;
	z-index:10;
}
.upperLogoBar_NaviSel {
	float:left;
	margin-top:-24px;
	height: 24px;
	width:260px;
	background-color:#0561a8;
	transition: width 0.5s;
	z-index:12;
}
.upperLogoBar_tip_NaviSel {
	float:left;
	margin-top:-24px;
	margin-left:260px;
	width: 0px;
	
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 24px 24px 0 0;
	border-color: #0561a8 transparent transparent transparent;
	transition: margin-left 0.5s;
	z-index:12;
}
.picSlogan {
	position:absolute;
	right:5%;
	margin-top:60px;
	height: 120px;
	width:440px;
}
.lowerLogoBar {
	float:right;
	margin-top:320px;
	height: 24px;
	width:20%;
	background-color:#0561a8;
}
.lowerLogoBar_tip {
	float:right;
	margin-top:320px;
	width: 0px;
	
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 24px 24px 0;
	border-color: transparent #0561a8 transparent transparent;
}

#header {
}
#header-top {
	height: 88px;
	max-width:1200px;
	margin:0px auto;
	padding:16px 16px 0px 16px;
}
#header_top_navi {
	float:right;
}
#header_top_navi_button {
	float:right;
	margin-top:6px;
	margin-right:16px;
}
#header_top_navi_button:hover {
	cursor:pointer;
}
#header_top_navi_low {
	position:fixed;
	width:160px;
	height:auto;
	float:right;
	top:68px;
	right:-200px;
	padding-top:16px;
	padding-bottom:16px;
	background-color:#74b321;
	z-index:80;
	text-align:center;
	border-radius:5px 0px 0px 5px;
	border-bottom:0px solid #74b321;
	transition: right 0.5s;
}
#header-image {
	position:relative;
	height:320px;
	max-width:1200px;
	width:100%;
	margin:0 auto;
	margin-top:24px;
	/*
	background-repeat:no-repeat;
	background-size:1200px auto;
	background-position:center;
	background-position:top;
	*/
	background-size:cover;
}
.home {
	background-image:url(../images/title.jpg);
	background-position:left center;
}
.downloads, .galerie, .news, .impressum, .datenschutz, .kontakt {
	background-image:url(../images/title.jpg);
	background-position:left center;
}
.unternehmen {
	background-image:url(../images/hrbrink.jpg);
}
.europaweit {
	background-image:url(../images/hrbrink.jpg);
}
.mundschutz {
	background-image:url(../images/Maske_Titel.jpg);
	background-position:center;
}

#headerSection {
	float:left;
	height:100%;
	width:auto;
}
.mainNaviCompany {
	position:absolute;
	top:-64px;
	left:334px;
	height:100%;
	height:358px;
	height:358px;
	width:120px;
}
.mainNaviCompanyButton {
	position:relative;
	height:50px;
	width:100%;
	padding-top:10px;
	border-bottom:4px solid #;
	cursor:default;
}
.mainNaviCompanyContent {
	position:absolute;
	top:64px;
	height:320px;
	width:380px;
	background-color:#e1e1e1;
	display:none;
}
.mainNaviCompanyContent_BG {
	position:absolute;
	height:320px;
	width:380px;
	background-color:#e1e1e1;
	opacity: 0.92;
}
.mainNaviCompanyContentInline {
	height:auto;
	width:auto;
	padding:28px 16px 32px 32px;
}
.mainNaviCompanyButton:hover > .mainNaviCompanyContent {
	display:block;
	/*border-top:16px solid #fff;*/
}
.mainNaviCompanyButton:focus > .mainNaviCompanyContent {
	display:block;
	/*border-top:16px solid #fff;*/
}

.mainNaviCompany_low {
	position:static;
	height: 40px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	display:none;
	background-color:#1b497e;
}
.mainNaviCompanyButton_low {
	float:left;
	height:24px;
	padding:8px 0px 08px 0px;
	width:50%;
	text-align:center;
}
.mainNaviCompanyContent_low {
	position:absolute;
	height:280px;
	margin-top:8px;
	margin-left:-5%;
	width:100%;
	background-color:#e1e1e1;
	display:none;
}
.mainNaviCompanyButton_low:hover > .mainNaviCompanyContent_low {
	display:block;
	/*border-top:16px solid #fff;*/
}
.mainNaviCompanyButton_low:focus > .mainNaviCompanyContent_low {
	display:block;
	/*border-top:16px solid #fff;*/
}
.mainNaviCompanyButton:hover {
	/*background-color:#e1e1e1;*/
	/*border-top:16px solid #fff;*/
	/*DEAKTIVIERT FÜR ANIMATION*/
	/*border-bottom:4px solid #1f4d77;*/
	border-bottom:4px solid #0561a8;
	/*DEAKTIVIERT FÜR ANIMATION*/
}
.mainNaviCompanyButton:focus {
	/*background-color:#e1e1e1;*/
	/*border-top:16px solid #fff;*/
	/*DEAKTIVIERT FÜR ANIMATION*/
	/*border-bottom:4px solid #1f4d77;*/
	border-bottom:4px solid #0561a8;
	/*DEAKTIVIERT FÜR ANIMATION*/
}
.mainNaviCompanyButton:hover > .header_navi_link {
	color:#74b321;
	text-decoration:none;
}
.mainNaviCompanyButton:focus > .header_navi_link {
	color:#74b321;
	text-decoration:none;
}

.form_button_send {
	width:auto;
	background-color:#0f5583;
	font-family: "Source Sans Pro";
	font-size:16px;
	font-weight:normal;
	color:#f7f6f8;
	padding:4px 8px;
	border:none;
	border-radius:2px;
}
.form_button_send:hover {
	background-color:#f7941f;
	color:#f7f6f8;
	cursor:pointer;
}
.image_logo {
	max-width:260px;
	max-height:68px;
	padding:4px;
}
.image_menue {
	height:32px;
	width:auto;
}
.image_card {
	height: auto;
	width:90%;
	max-width:400px;
	margin:5px 5%;
	box-shadow:3px 3px 15px rgba(0, 0, 0, 0.8);
}
#content {
	max-width:1200px;
	margin:0 auto;
	clear:both;
}
#content_area {
	float:left;
	height: auto;
	max-width:1200px;
	clear:both;
}
#section_thirds {
	float:left;
	height: auto;
	width:33.33%;
	margin-top:16px;
}
#section_halfs {
	float:left;
	height: auto;
	width: 50%;
	margin-top:16px;
	min-width:260px;
}
#section_auto {
	float:left;
	height: auto;
	width: auto;
	margin-top:16px;
}
#bottom_navi {
	margin:32px 2.5% 16px 2.5%;
	line-height:34px;
	text-align:left;
}
.newsBar {
	position:relative;
	height:auto;
	width:100%;
	background-color:#004a7b;
	background-color:#0561a8; /*primär*/
	background-color:#74b321; /*sekundär*/
	background-color:#83be34;
	padding-top:16px;
	padding-bottom:32px;
	margin-bottom:64px;
	clear:both;
	overflow:hidden;
}
.newsBar_centre {
	position:relative;
	height: auto;
	max-width:1200px;
	margin:0 auto;
	margin-top:1px;
}
#footer {
	position:relative;
	height:auto;
	width:100%;
	background-color:#004a7b;
	background-color:#74b321; /*sekundär*/
	background-color:#0561a8; /*primär*/
	padding-top:16px;
	padding-bottom:32px;
	clear:both;
	overflow:hidden;
}
#footer_centre {
	position:relative;
	height: auto;
	max-width:1200px;
	margin:0 auto;
	margin-top:1px;
}
#footer_navi {
	position:relative;
	height:auto;
	width:100%;
	background-color:#2b2b2b;
	padding-top:24px;
	padding-bottom:24px;
	clear:both;
	overflow:hidden;
}

ul.wedge li {
	/*list-style-image:url(../images/keil16.png);*/
	list-style-type:disc;
	font-family: "Source Sans Pro";
	font-weight:600;
	font-size:18px;
	line-height:18pt;
	color:#777;
	color:#74b321;
	margin-left:5%;
	margin-right:5%;
	padding-bottom:12px;
}
ul.wedge_navi li {
	list-style-type:square;
}
.ListSub {
	color:#626262;
}
.table_adress {
	margin:0px;
	padding:0px;
	margin-left:5%;
	margin-left:16px;
	border:none;
	text-align:left;
	cellspacing:0px;
	cellpadding:0px;
	border-collapse: collapse;
	
	font-family: "Source Sans Pro";
	font-size:16px;
	color:#000;
}
.table_adr_td {
	margin:0px;
	padding-left:0px;
	margin-left:5%;
	border:none;
	text-align:left;
	cellspacing:0px;
	cellpadding:0px;
	border-collapse: collapse;
	
	font-family: "Source Sans Pro";
	font-size:16px;
	color:#000;
}
.imageTxtDiv {
	position:absolute;
	width:100%;
	height:48px;
	top:272px;
	white-space:nowrap;
	background-image:url(../images/grau_transparent.png);
	background-repeat:repeat;
	text-align:center;
}
.table_contact {
	margin:0px;
	padding:0px;
	margin-left:16px;
	border:none;
	text-align:left;
	cellspacing:0px;
	cellpadding:0px;
	border-collapse: collapse;
	
	font-family: "Source Sans Pro";
	font-size:16px;
	color:#000;
}
.table_con_td {
	margin:0px;
	padding-left:0px;
	margin-left:5%;
	border:none;
	text-align:left;
	cellspacing:0px;
	cellpadding:0px;
	border-collapse: collapse;
	
	font-family: "Source Sans Pro";
	font-size:16px;
	color:#000;
}
#GlobeSel {
}
#GlobeSel:hover {
	
}

.galerie_thumbnail {
	float:left;
	width:160px;
	height:102px;
	margin-left:29px;
	margin-top:29px;
	border:solid 3px #fff;
	overflow:hidden;
}
.galerie_thumbnail:hover {
	border:solid 3px #74b321;
	cursor:pointer;
}

.curtain {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#333;
	background: rgba(0,0,0,0.6);
	z-index:29;
	display:none;
	/*
	opacity:0.8;
	transition:opacity 2.3s;
	*/
}
.pictureFrameContainer {
	position:relative;
	min-height:400px;
	height:auto;
	min-width:280px;
	max-width:1200px;
	margin:0px auto;
	padding:0px 2%;
	margin-top:40px;
}
.pictureFrameContainer_close {
	position:relative;
	height:1200px;
	width:100%;
	margin:0px;
	padding:0px;
}
.pictureFrameArrowContainer {
	position:absolute;
	top:0px;
	width: 25%;
	height: 100%;
	z-index:40;
	vertical-align:central;
}
.pictureFrameArrowContainer:hover {
	cursor:pointer;
}
.pictureFrameArrow {
	position:absolute;
	top:50%;
	margin-top:-30px;
	width: 38px;
	height: 40px;
	padding:10px 0;
	z-index:40;
}
.pictureFrameArrowContainer:hover > .pictureFrameArrow {
	background-color:#FFF;
}
.pictureFrameClose {
	position:absolute;
	top:0;
	padding-top:6px;
	padding-left:2%;
	padding-right:2%;
	margin-top:-34px;
	width: 26px;
	height: 28px;
	background-color:#74b321;
	z-index:60;
}
.pictureFrameClose:hover {
	cursor:pointer;
	background-color:#FFF;
}
.pictureFrame {
	position:relative;
	width: auto;
	max-width:820px;
	height: auto;
	margin:0px auto;
	background-color:#FFF;
	z-index:30;
}
.pictureFrameBak {
	position:fixed;
	top:50%;
	left:50%;
	width: 70%;
	max-width:1200px;
	height: auto;
	margin-top:-26.25%;
	margin-left:-35%;
	background-color:#FFF;
	z-index:30;
}

#galerieBild_container {
	display:inline-block;
	position:relative;
	width:100%;
}
#galerieBild_dummy {
	margin-top:75%;
}
#galerieBild_content {
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#galerieBild {
	width:100%;
	height:100%;
}
.deaktiviert_inDev {
	display:none;
}