@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:#dd8735;
	display:none;
}
#languageSelContent {
	max-width:1200px;
	margin:0px auto;
	text-align:right;
	padding:8px 16px 8px 0px;
}
#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:#1b497e;
	background-color:#e98f00;
	z-index:80;
	text-align:center;
	border-radius:5px 0px 0px 5px;
	border-bottom:0px solid #1b497e;
	transition: right 0.5s;
}
#header-image {
	position:relative;	
	height:320px;
	max-width:1200px;
	width:100%;
	margin:0 auto;
	background-repeat:no-repeat;
	background-size:1200px auto;
	background-position:center;
	background-position:top;
}
.home {
	background-image:url(../images/15_years_brink.jpg);
	background-image:url(../images/title.jpg);
}
.downloads, .galerie, .news, .impressum, .datenschutz, .jobs, .kontakt {
	background-image:url(../images/title.jpg);
}
.jobs {
	background-image:url(../images/jobs.jpg);
}
.unternehmen {
	background-image:url(../images/hrbrink.jpg);
}
.produktion {
	background-image:url(../images/entwicklung.jpg);
}
.europaweit {
	background-image:url(../images/logistik.jpg);
}
.zerspantechnik {
	background-image:url(../images/zerspanung.jpg);
}
.giesstechnik {
	background-image:url(../images/giesstechnik.jpg);
}
.blechbearbeitung {
	background-image:url(../images/blechbearbeitung.jpg);
}
.umformtechnik {
	background-image:url(../images/Umformtechnik.jpg);
}
.kunststoff {
	background-image:url(../images/Kunststoffguss.jpg);
}
.baugruppen {
	background-image:url(../images/systemtechnikteil.jpg);
}

#headerSection {
	float:left;
	height:100%;
	width:auto;
}
.mainNaviCompany {
	position:absolute;
	top:-48px;
	left:334px;
	height:100%;
	height:358px;
	height:358px;
	width:120px;
}
.mainNaviCompanyButton {
	position:relative;
	height:34px;
	width:100%;
	padding-top:10px;
	border-bottom:4px solid #;
	cursor:default;
}
.mainNaviCompanyContent {
	position:absolute;
	top:48px;
	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-bottom:4px solid #1f4d77;
	/*border-top:16px solid #fff;*/
}
.mainNaviCompanyButton:focus {
	/*background-color:#e1e1e1;*/
	border-bottom:4px solid #1f4d77;
	/*border-top:16px solid #fff;*/
}
.mainNaviCompanyButton:hover > .header_navi_link {
	color:#e98f00;
	text-decoration:none;
}
.mainNaviCompanyButton:focus > .header_navi_link {
	color:#e98f00;
	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;
	padding:4px;
}
.image_menue {
	height:32px;
	width:auto;
}
.image_card {
	height: auto;
	width:90%;
	max-width:400px;
	margin:5px 5%;
}
#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;
}
#footer {
	position:relative;
	height:auto;
	width:100%;
	background-color:#004a7b;
	padding-top:16px;
	padding-bottom:16px;
	clear:both;
	overflow:hidden;
}
#footer_centre {
	position:relative;
	height: 32px;
	max-width:1200px;
	margin:0 auto;
	margin-top:32px;
	vertical-align: middle;
}
.footer_icon_link {
	float:right;
	margin-right:32px;
}
#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);
	font-family: "Source Sans Pro";
	font-weight:600;
	font-size:18px;
	line-height:18pt;
	color:#777;
	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;
}
.imageBannerDiv {
	position:absolute;
	width:100%;
	height:auto;
	top:210px;
}
.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 #e98e00;
	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:#e98f00;
	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;
}
.jobs_container {
	float:left;
	width:100%;
	height: auto;
	max-width:1200px;
	clear:both;
	margin-bottom:64px;
	border-radius: 8px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	background-color:#faf9f9;
	overflow:hidden;
}
.jobs_header {
	float:left;
	width:100%;
	height: auto;
}
.jobs_header_division_label {
	float:left;
	width:40%;
	height: auto;
}
.jobs_header_division_definition {
	float:left;
	width:60%;
	height: auto;
}
.jobs_header_definition_division {
	float:left;
	width:25%;
	height: auto;
}
.jobs_header_label {
	float:left;
	width:auto;
	height: auto;
	padding:16px;
}
.jobs_header_definition {
	float:left;
	width:auto;
	height: auto;
	padding:16px;
}
.jobs_details_container {
	float:left;
	width:100%;
	height: auto;
}
.jobs_details {
	float:left;
	height:auto;
	max-height:20px;
	padding:16px;
	transition:max-height 1s;
}
.jobsDetailsText {
	float:left;
	width:auto;
	max-width:680px;
	height:auto;
}
.expandButton {
	clear:both;
}
ul {
	font-family: "Source Sans Pro";
	font-size:16px;
	color:#1b497e;
}
li {
	font-family: "Source Sans Pro";
	font-size:16px;
	color:#1b497e;
}