@charset "utf-8";
/* UMFELD 2013 */



/* ------------------------------------------------------------*/
/* GLOBAL */
/* ------------------------------------------------------------*/

body, html  { 
	height: 100%;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-size: 100%;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
	font-family: 'VectoraLTStd45Light', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #000;
	background-attachment: fixed !important;
}



p a {
	text-decoration:none;
	color:#FFF;
}

p a:hover {
	color:#FC0;
	text-decoration:none;
}

::selection {
	background: #FC0; /* Safari */
	color:#000;
}

::-moz-selection {
	background: #FC0; /* Firefox */
	color:#000;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}


/* ------------------------------------------------------------*/
/* SCHRIFTARTEN */
/* ------------------------------------------------------------*/

@font-face {
    font-family: 'VectoraLTStd45Light';
    src: url('/fonts/vectoraltstd-light-webfont.eot');
    src: url('/fonts/vectoraltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/vectoraltstd-light-webfont.woff') format('woff'),
		 url('/fonts/vectoraltstd-light-webfont.ttf') format('truetype'),
         url('/fonts/vectoraltstd-light-webfont.svg#VectoraLTStd45Light') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTCom57Condensed';
    src: url('/fonts/helveticaneueltcom-cn.eot');
    src: url('/fonts/helveticaneueltcom-cn.eot') format('embedded-opentype'),
         url('/fonts/helveticaneueltcom-cn.woff') format('woff'),
         url('/fonts/helveticaneueltcom-cn.ttf') format('truetype'),
         url('/fonts/helveticaneueltcom-cn.svg#HelveticaNeueLTCom57Condensed') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTCom77BoldCondensed';
    src: url('/fonts/helveticaneueltcom-bdcn.eot');
    src: url('/fonts/helveticaneueltcom-bdcn.eot') format('embedded-opentype'),
         url('/fonts/helveticaneueltcom-bdcn.woff') format('woff'),
         url('/fonts/helveticaneueltcom-bdcn.ttf') format('truetype'),
         url('/fonts/helveticaneueltcom-bdcn.svg#HelveticaNeueLTCom77BoldCondensed') format('svg');
}

.white {
	color:#FFF;
}

/* ------------------------------------------------------------*/
/* HAUPTMENU */
/* ------------------------------------------------------------*/

.menu {
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

.menu li {
	list-style:none;
	float:left;
	display:block;
}

.menu a {
	text-decoration:none;
	color:#FFF;
}

.menu a:hover {
	color:#FC0;
}

.active {
	color:#FC0 !important;
}

.line0 {
	height: 60px;
	background: url(images/black_75.png);
	margin-bottom: 2px;
	padding-left:10px;
	border-bottom:#666 1px solid !important;
}

.line1 {
	height:40px; 
	background:url(images/black_75.png); 
	margin-bottom:2px;
	font-size:18px;
	text-align:center;
	border-bottom:#666 1px solid !important;
}

.line2 {
	height:30px; 
	background:url(images/black_75.png); 
	margin-bottom:2px;
	font-size:14px;
	text-align:center;
	border-bottom:#666 1px solid !important;
}

.line3 {
	height:25px; 
	background:url(images/black_75.png); 
	margin-bottom:2px;
	font-size:11px;
	text-align:center;
	border-bottom:#666 1px solid !important;
}

.mainLogoCompany {
	background: url(images/black_75.png);
	height: 60px;
	width: 350px;
	margin-bottom: 1px;
	padding-left: 10px;
}

.menulistLine1 li {
	width:20%;
	margin-top:11px
}

.menulistLine2 li {
	width:14.2%;
	margin-top:8px
}

.menulistLine2_5 li {
	width:20%;
	margin-top:8px
}

.menulistLine2_2 li {
	width:50%;
	margin-top:8px
}

.menulistLine2_3 li {
	width:33%;
	margin-top:8px
}

.menulistLine2_4 li {
	width:25%;
	margin-top:8px
}

.menulistLine3_3 li {
	width:33%;
	margin-top:7px
}

.menulistLine3_4 li {
	width:25%;
	margin-top:7px
}

.menulistLine3_5 li {
	width:20%;
	margin-top:7px
}

.menulistLine3_6 li {
	width:16.6%;
	margin-top:7px
}

.menulistLine3_7 li {
	width:14.2%;
	margin-top:7px
}

.menulistLine3_8 li {
	width:12.5%;
	margin-top:7px
}


/* ------------------------------------------------------------*/
/* HAUPTELEMENTE */
/* ------------------------------------------------------------*/

.container {
	width:961px;
	margin: 0 auto;
	z-index:0;
}

.content {
	margin-top: 30px;
}

.contentBox {
	margin-bottom: 25px;
	border-top: #666 1px solid;
}

.contentBox #newsletterbox {
    margin: 100px 0px 100px 100px;
}

.contentHeader {
	font-family: 'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px;
	text-transform: uppercase;
}

.arrow-down {
	background-image:url(/images/arrow_down.png);
	background-position:right;
	background-repeat:no-repeat;
}

.arrow-up {
	background-image:url(/images/arrow_up.png);
	background-position:right;
	background-repeat:no-repeat;
}

/*.contentHeader:hover {
	background-color: #0A0A0A;
}
*/

.contentBoxSubtitle {
	color: #999; 
	font-size: 12px;
}

.contentOverview {
	margin-top:100px;
	margin-left:10px;
	top:10%;
	position:absolute;
	width:700px;
}

.contentOverview h1 {
	font-family: 'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size: 75px;
	margin-bottom: 10px;
	/* [disabled]text-shadow: 1px 1px 2px #000; */
}

.contentOverview h2 {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:1.25;
	/* text-shadow: 1px 1px 1px #000; */
}

.contentOverview h2 a {
	color:#FFF
}

.contentOverview h2 a:hover {
	color:#FC0
}

.contentBoxContent {
	padding:10px 10px 20px 10px; 
	color:#999; 
	font-size:12px;
	line-height:1.8;
}

.ContentBox h2 {
    font-size: 15px;
    margin-bottom: 10px;
}

.boxContent3_l {
	width: 295px;
	float: left;
}

.boxContent3_m {
	width: 295px;
	float: left;
	margin-left: 28px;
}

.boxContent3_r {
	width: 295px;
	float: right;
}

.boxContent2_r {
	float: right;
	width: 615px;
}

.boxContent2_l {
	float:left;
	width:615px;
}

#gmapcontainer {
    overflow:hidden; 
    width:961px; 
    height:480px; 
    margin-bottom:10px;
}


/* ------------------------------------------------------------*/
/* HOME */
/* ------------------------------------------------------------*/

.homeCompany {
	color:#FFF;
	display:block;
	padding:10px;
	margin-bottom:1px;
	width:338px;
	background:url(images/black_75.png);
}

/*.homeCompany:hover {
	background:url(images/black_75.png);
}*/

.homeCompanyLogo {
	float:left;
	margin-left:75px;
}

.homeCompanyDesc {
	float:right;
	display:none;
	margin-right:75px;
}

#title {
    /*padding: 15px;*/
    display: table;
	width:100%;
}

#title img {
    vertical-align: middle;
    display: table-cell;
    margin-right:10px;
}

#kopfzeile {
	font-size:13px;
	background-color:#333;
	color:#FFF;
	padding:5px;
	
}

#kopfzeile a {
    color: white;
    text-decoration: none;
}

#title div {
    vertical-align: middle;
    display: table-cell;
}

.titleText {
	font-size:18px;
}
.titleNav {
	font-weight:bold;
	font-size:14px;
	text-align:right !important;
}


/* ------------------------------------------------------------*/
/* FOOTER */
/* ------------------------------------------------------------*/

.footerWrap {
	width:960px;
	margin: 0 auto;
	border-top:#666 1px solid !important;
	padding-bottom:5px;
}

.footerContent {
	margin:10px;
}

.top {
	float:left;
	font-size:12px;
	color:#444;
	padding-right:10px;
	border-right:#333 1px solid !important;
	line-height:16px;
}

.top a {
	color:#444;
	text-decoration:none;
}

.top:hover {
	color:#FC0;
	text-decoration:none;
}

.top img {
	vertical-align:middle;
	margin-left:10px;
}

.footer_contacts {
	padding-left:10px;
	float:left;
	font-size:12px;
	color:#444;
	border-left:#444 1px solid !important;
	margin-left:10px;
	line-height:16px;
}

.footer_contacts a {
	color:#444;
	text-decoration:none;
}

.footer_contacts a:hover {
	color:#FC0;
	text-decoration:none;
}

.copyright {
	float:right;
	font-size:12px;
	color:#444;
}

.socme {
	width:16px;
	height:16px;
	margin-left:10px;
	display:block;
	float:left;
}

.facebook {
	background-image:url(images/soc/facebook_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.facebook:hover {
	background-image:url(images/soc/facebook.png);
	filter: alpha(opacity=100);
	opacity: 1;
}

.google {
	background-image:url(images/soc/google-plus_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.google:hover {
	background-image:url(images/soc/google-plus.png);
	filter: alpha(opacity=100);
	opacity: 1;
}

.twitter {
	background-image:url(images/soc/twitter_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.twitter:hover {
	background-image:url(images/soc/twitter.png);
	filter: alpha(opacity=100);
	opacity: 1;
}

.youtube {
	background-image:url(images/soc/youtube_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.youtube:hover {
	background-image:url(images/soc/youtube.png);
	filter: alpha(opacity=100);
	opacity: 1;
}

.linkedin {
	background-image:url(images/soc/linkedin_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.linkedin:hover {
	background-image:url(images/soc/linkedin.png);
	filter: alpha(opacity=100);
	opacity: 1;
}

.rss {
	background-image:url(images/soc/rss_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.rss:hover {
	background-image:url(images/soc/rss.png);
	filter: alpha(opacity=100);
	opacity: 1;
}

.flickr {
	background-image:url(images/soc/flickr_bw.png);
	filter: alpha(opacity=25);
	opacity: 0.25;
}

.flickr:hover {
	background-image:url(images/soc/flickr.png);
	filter: alpha(opacity=100);
	opacity: 1;
}


/* ------------------------------------------------------------*/
/* GALLERY */
/* ------------------------------------------------------------*/

.moduleElements {
	color:#999;
	font-size:12px;
	line-height:1.8;
	display:block;
	float:left;
	width:300px;
	margin:0px 10px 20px 10px;
}
/*
.moduleElements a:hover {
	opacity:0.4;
	filter:alpha(opacity=40);
}
*/
.galleryNumbers td {
	background-color: #0F0F0F;
	height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	color: #CCC;
}

.galleryNumbers a {
	color:#CCC;
	text-decoration:none;
}

.galleryNumbers a:hover {
	color:#FFF;
}

.galleryTitle {
	color:#FFF !important;
	background:url(/images/black_50.png) !important;
}

.galleryHeader {
	font-family: 'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size: 75px;
	text-transform: uppercase;
}

.gallerySubHeader {
	font-family: 'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	text-transform: uppercase;
}

.mosaic-block .details {
	margin:15px 20px;
}

.numElement {
	height:75px; 
	background:#0f0f0f;
	color:#ccc;
	margin-bottom:1px;
}

.numElement:hover {
	background-color: #202020;
	color:#FC0;
}

.numElementImage {
	float:left;
}

.numElementNumber {
	float: left;
	width: 40px;
	line-height: 75px;
	border-left: #000 1px solid;
	padding-left: 15px;
}

.numElementName {
	float:left;
	width:315px;
	line-height:75px;
	border-left:#000 1px solid;
	padding-left:15px;
}

.numElementType {
	float:left;
	width:150px;
	line-height:75px;
	border-left:#000 1px solid;
	padding-left:15px;
}

.numElementLocation {
	float:left;
	width:130px;
	line-height:75px;
	border-left:#000 1px solid;
	padding-left:15px;
}

.numElementStatus {
	float:left;
	width:70px;
	line-height:75px;
	border-left:#000 1px solid;
	padding-left:15px;
}

.numElementYear {
	float:left;
	width:45px;
	line-height:75px;
	border-left:#000 1px solid;
	padding-left:15px;
}

/* ------------------------------------------------------------*/
/* NEWS */
/* ------------------------------------------------------------*/

#ISOcontainer {
	display:block;
}

.newsElement {
	float: left;
	width: 300px;
	margin: 0px 0px 30px 0px;
}

.newsElement160 {
	float:left;
	background: url(/images/black_75.png);
	width: 155px;
	margin:2px;
}

.newsContent {
	margin: 0px;
	border: #333 1px solid;
}
/*
.newsContent:hover {
	border: #FC0 1px solid;
}

.newsContent img {
	border-top:#fff 10px solid;
}
*/
.newsContent p {
	color:#999;
}

.newsContent h1 {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding-bottom:22px;
	text-transform: uppercase;
}

.newsContent h2 {
	font-family:'VectoraLTStd45Light', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	padding-top:10px;
	padding-bottom:5px;
	color:#999;
	text-transform: uppercase;
}


/* ------------------------------------------------------------*/
/* TEAM */
/* ------------------------------------------------------------*/


.teamElement {
	float: left;
	width: 215px;
	height: 340px;
	border:#333 1px solid;
	margin-bottom:30px;
	background-color:#000;
}

.teamElement img {
	width:215px;
	height:215px;
}

.teamContent {
	padding:0px 10px 10px 10px;
}

.teamElement p {
	color:#999;
	font-size:12px;
}

.teamElement h1 {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
	text-transform: uppercase;
}

.teamElement h2 {
	font-family:'VectoraLTStd45Light', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	padding-bottom:10px;
	color:#999;
	text-transform: uppercase;
}


/* ------------------------------------------------------------*/
/* LIBRARY */
/* ------------------------------------------------------------*/

.libElement {
	width: 465px;
	margin-bottom: 26px;
	border: #333 1px solid;
	display: block;
}

.libElement img {
	float:left;
	width:200px;
	height:200px;
}

.libElementContent {
	float: right; 
	width: 235px;
	margin: 15px;
}

.libElement h1 {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	/* padding-bottom:18px; */
	text-transform: uppercase;
	color:#FFF;
}

.libElement h2 {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding-bottom:10px;
	text-transform: uppercase;
	color:#999;
}

.libElement p {
	color:#999;
}
/*
.libElement:hover p {
	color:#FC0;
}

.libElement:hover h1 {
	color:#FC0;
}
*/
.libElement:hover {
	/*background-color:#202020;*/
	border: #FC0 1px solid;
}
/*
FIELDSET {
	padding:0px;
	margin:0px;
}

FIELDSET .fieldBox {
	border: #333 1px solid;
	background-color:#333;
	padding:5px;
	width: 175px;
	height:23px;
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	color: #fff;
	float:left;
}

INPUT:hover {
	border: #FC0 1px solid; 
}

FIELDSET .button {
	display:block;
	background-color:#333;
	color:#FFF;
	width:75px;
	height:35px;
	margin-left:10px;
	text-align:center;
	border:none;
	float:left;
	cursor:pointer;
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
}

FIELDSET .button:hover {
	background-color:#FC0;
	color:#000
}
*/

.pressElement {
	height:75px; 
	background:#0f0f0f;
	color:#ccc;
	margin-bottom:1px;
}

.pressElement:hover {
	background-color: #202020;
	color:#FC0;
}

.pressElementImage {
	float:left;
}

.pressElementDate {
	float: left;
	width: 125px;
	line-height: 75px;
	border-left: #000 1px solid;
	text-align: center;
}

.pressElementPublication {
	float: left;
	width: 250px;
	line-height: 75px;
	border-left: #000 1px solid;
	padding-left: 15px;
}

.pressElementTitle {
	float: left;
	width: 370px;
	line-height: 75px;
	border-left: #000 1px solid;
	padding-left: 15px;
}

.pressElementType {
	float: right;
	width: 65px;
	line-height: 75px;
	border-left: #000 1px solid;
	text-align:center;
}


/* ------------------------------------------------------------*/
/* ERROR PAGES */
/* ------------------------------------------------------------*/

.absoluteCenter {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width:700px;
  height:450px;
}

.absoluteCenter a {
	color:#FFF;
	text-decoration:none;
}

.absoluteCenter a:hover {
	color:#FC0;
}

.absoluteCenter h1 {
	font-family: 'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size: 75px;
	margin-bottom: 10px;
	text-shadow: 1px 1px 2px #000;
}

.absoluteCenter h2 {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:1.25;
	text-shadow: 1px 1px 1px #000;
}

.absoluteCenter h2 a {
	color:#FFF
}

.absoluteCenter h2 a:hover {
	color:#FC0
}

.absoluteCenter li {
	list-style-type:none;
	display:block;
	float:left;
	margin-right:35px;
	font-size:25px;
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #000;
}

.errorBackground {
	background-image: url(/images/bg_bohneblack.jpg);
}

/* ------------------------------------------------------------*/
/* HISTORY */
/* ------------------------------------------------------------*/

.historyTable {
	border-collapse: collapse;
}

.historyTable p {
	color:#999; 
	font-size:12px;
	line-height:1.8;
}

.historyTable td {
	background-color: #151515;
	border-collapse: collapse;
	border-bottom:1px #000 solid;
}

.historyTable img {
	/*float:left;*/
	margin-right:10px;
	margin-bottom:5px;
	filter: url("data:image/svg xml; nowhitespace: afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%); 
    -webkit-transition: all .4s ease; 
    -webkit-backface-visibility: hidden; 
}

.historyTable img:hover {
	filter: none;
    -webkit-filter: grayscale(0%);
}

.colYear {
	vertical-align:middle;
	width:100px;
	text-align:center;
	border-right:1px #CCCCCC solid;
}

.yearEvent {
	padding:10px;
	vertical-align:middle;
}

/* ------------------------------------------------------------*/
/* COMPANIES */
/* ------------------------------------------------------------*/

.companyContent {
	background: url(/images/black_75.png);
	margin-top: 50px;
	position: relative;
}

.bigTitle {
	font-family: 'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	width: 900px;
	position: absolute;
	top: -45px;
	left: 10px;
	font-size: 75px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
}

.companyText {
	font-family:'HelveticaNeueLTCom57Condensed', Arial, Helvetica, sans-serif;
	padding:45px 15px 15px 15px; 
	line-height:1.25;
	font-size: 18px;
	text-shadow: 1px 1px 1px #000;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* ------------------------------------------------------------*/
/* SHOP */
/* ------------------------------------------------------------*/

#container .group-titles{
	position:absolute;
	top:0;
	left:0;right:0;
	height:30px;
}
#container .group-title{
	position: absolute;
	color: white;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
	border-bottom: 1px #666666 solid;
	text-transform:uppercase;
}