/**
*
*	RESET + GLOBALS
*
**/

* {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	outline: 0;
	list-style: none; 
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	overflow: hidden;
}

br.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

strong {
	font-weight: bold;
}

body {
	background: #000;
}
 	
 	
/**
*
*	FRAMEWORK
*
**/

div#container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#head {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 79px;
	background: #fff;
}

div#content {
	position: absolute;
	top: 79px;
	left: 0;
	width: 100%;     
}
 	

/**
*
*	HEAD + NAVIGATION
*
**/

div#head div#head-top {
	position: relative;
	top: 19px;
	left: 0;
	margin: 0 20px 0 20px;
	height: 45px;
	border-bottom: 0px;
} 
body.page-discover div#head div#head-top {
	border-bottom: 0;
}

div#head h1 {
	position: absolute;
	top: 6px;
	left: 0;
	float: left;
}

ul#nav {
	position: absolute;
	top: 13px;
	left: 370px;
	width: 650px;
}

ul#nav li {
	display: block;
	float: left;
}

ul#nav li a {
	display: block;
	float: left;
	font-size: 11px;
	color: #bcc0c3;      
	margin-right: 12px;
	padding-right: 8px;
	text-transform: uppercase;   
	font-weight: bold;  
	height:	30px;
}

ul#nav li a:hover, 
ul#nav li a:active, 
ul#nav li a:focus,
ul#nav li.active a,
ul#nav li a.active {
	color: #000;                 
}
ul#nav li.active a{    
	background-image: url(../images/production_menu_background.png);      
	background-repeat: no-repeat;    
	background-position: right 15px; 
}

ul#subnav {
	position: absolute;
	top: 72px;
	left: 20px;
	width: 900px;
}

ul#subnav li {
	display: block;
	float: left;
}

ul#subnav li a {
	display: block;
	float: left;
	font-size: 12px;
	color: #000;
	margin-right: 20px;
	text-transform: uppercase;
}

ul#subnav li a:hover, 
ul#subnav li a:active, 
ul#subnav li a:focus, 
ul#subnav li a.active, 
ul#subnav li.active a {
	color: #F4C541;
}

div#lang {
	position: absolute;
	right: 0px;
	top: 18px;
	float: right;
	padding: 5px 0 5px 5px;
	background: #fff;
}

div#lang a {
	display: block;
	float: left;
	font-size: 11px;
	color: #bcc0c3;
	margin-right: 20px;
	text-transform: uppercase; 
	font-weight: bold;
}

div#lang a:hover, div#lang a:active, div#lang a:focus, div#lang a.active {
	color: #F4C541;                                            
}

 	
/**
*
*	CONTENT: SLIDESHOW
*
**/

div#content #slideshowcontainer {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/*
div#content #slideshowcontainer img {
	display: none;
}
*/ 	
 	
 	
 	
/**
*
*	CONTENT: BOXES
*
**/  
div.boxes a:hover {
	color: #F4C541;
}

div.boxes {
	width: 950px;
	position: absolute;
	top: 70px;
	left: 20px;
	z-index: 2;
}

div.boxes div.box h3 {
	font-size: 24px;
	margin-bottom: 0px;
}

div#content div.boxes div.box h4 {
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif; 
	margin-top: 15px;
	margin-bottom: 1px;
}

div#content div.boxes div.box h4.first {
	margin-top: 0;
}

div.boxes div.box div.box-text {
		font-size: 12px;
		font-family:  Helvetica, Arial, sans-serif;
		padding-top: 10px;             
}

div.boxes div.box div.box-text * {
	font-family: Helvetica, Arial, sans-serif;  
	 
	line-height: 18px;
}

/** 2 cols **/
div.two_cols div.box1 {
	width: 465px;
	margin-right: 50px;
	float: left;
}  
div.two_cols div.box2 {
	width: 435px;
	float: left;
}

/** philosophie **/
div.boxes-philosophie div.box1 {
	width: 465px;
}


/** fakten **/
div.boxes-fakten div.box1 {
	width: 465px;
	margin-right: 50px;
	float: left;
}
div.boxes-fakten div.box2 {
	width: 435px;
	float: left;
}


/** jobs **/
div.tx-hgproductionjobs-pi1 {
	height: 100%;
}
div.tx-hgproductionjobs-pi1 div.box1 {
	width: 465px;
	margin-right: 50px;
	float: left;
}
div.tx-hgproductionjobs-pi1 div.box2 {
	width: 435px;
	float: left;
}
div.tx-hgproductionjobs-pi1 div.box3 {
	width: 465px;                  
	position: absolute;
	bottom: 220px;
	left: 0;
	padding-top: 19px;
}
div.tx-hgproductionjobs-pi1 div.box4 {
	width: 435px;               
	position: absolute;
	bottom: 220px;
	left: 515px;
	padding-top: 19px;
}

div#content div.tx-hgproductionjobs-pi1 form p {
	clear: both;
	float: left;
	margin-bottom: 8px;
	width: 435px;
}

div.tx-hgproductionjobs-pi1 form fieldset {
width: 435px;
padding-bottom: 11px;
}

div.tx-hgproductionjobs-pi1 form fieldset.attachment {;
border-width: 1px 0;
padding-top: 12px;
padding-bottom: 4px;
}

div.tx-hgproductionjobs-pi1 form fieldset.add-attachment {
padding-top: 12px;
}

div.tx-hgproductionjobs-pi1 form p label {
	display: none;
}

div.tx-hgproductionjobs-pi1 form p label.visible {
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
}

div.tx-hgproductionjobs-pi1 form p input, div.tx-hgproductionjobs-pi1 form p select, div.tx-hgproductionjobs-pi1 form p textarea {
	background: url(../images/bg_input.png);
	_background: #fff;
	padding: 5px 2px;
	color: #000;
	margin-right: 8px;
	display: block;
	float: left;
	font-size: 12px;
}

div.tx-hgproductionjobs-pi1 form p select option {
	color: #000;
}

div.tx-hgproductionjobs-pi1 form p textarea {
	height: 80px;
}

div.tx-hgproductionjobs-pi1 form p .medium {
	width: 201px;
}

div.tx-hgproductionjobs-pi1 form p .smallest {
	width: 51px;
}

div.tx-hgproductionjobs-pi1 form p .small {
	width: 138px;
}

div.tx-hgproductionjobs-pi1 form p .large {
	width: 414px;
}


/** kontakt **/
div.boxes-kontakt {
	height: 100%;
}
div.boxes-kontakt div.box1 {
	width: 465px;
	margin-right: 50px;
	float: left;
}
div.boxes-kontakt div.box2 {
	width: 435px;
	float: left;
}
div.boxes-kontakt div.box3 {
	width: 465px;
	position: absolute;
	bottom: 220px;
	left: 0;
	height: 157px;
}
div.boxes-kontakt div.box4 {
	width: 435px;
	position: absolute;
	bottom: 220px;
	left: 515px;
	height: 157px;
}

div.boxes-kontakt div.box4 h3 a {
	font-size: 12px;
	text-transform: uppercase;
}

div.boxes-kontakt div.box-table {
	height: 85px;
	border-bottom: 1px dotted #fff;
	margin-bottom: 18px;
}

div.boxes-kontakt div.box-table div.cell {
	float: left;
}

div.boxes-kontakt div.box-table div.cell1 {
	margin-right: 40px;
}


	/** retail **/
	div.boxes-retail div.box1 {
		width: 465px;
		margin-right: 50px;
		float: left;
	}
	div.boxes-retail div.box2 {
		width: 435px;
		float: left;
	}
	div.box2 div.retailbox {
		margin-bottom: -10px;
	}
	div.box2 div.retailbox h3 {
		font-size: 25px !important;
		padding-top: 13px;
		padding-bottom: 3px;
		position: relative;
	}
	div.box2 div.retailbox h3 a {
		position: absolute;
		bottom: 6px;
		right: 0;
		font-size: 12px;
		text-transform: uppercase;
	}
	div.boxes-retail div.box3 {
		width: 465px;
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: -15px;
	}
	div.box3 div.box-text {
		float: left;
		width: 465px;
	} 
	div.box3 h3 {
		font-size: 25px !important;
		padding-top: 13px;
		padding-bottom: 3px;
		position: relative;
	}
	div.box3 div.projectbox {
		width: 49%;
		float: left;
		margin-bottom: 17px;
		padding-top: 3px;
	}
	div.boxes-retail div.box3 div.projectbox img {
		float: left;
		margin-right: 15px;
	}
	div.boxes-retail div.box3 div.projectbox strong {
		font-weight: normal;
		font-size: 12px;
		font-family: Helvetica, Arial, sans-serif; 
		line-height: 180%;
		text-transform: uppercase;
	}



/** news **/
body.page-news {
	overflow: auto;
}
body.page-news div#head {
	position: fixed;
	z-index: 200;
}
div.boxes-news {
	padding-bottom: 50px;
}
div.boxes-news div.box1 {
	width: 465px;
	margin-right: 50px;
	float: left;
}
div.boxes-news div.box2 {
	width: 435px;
	float: left;
	overflow: hidden;
}
div.boxes-news div.box-archive h3 {
	padding-top: 22px;
}
div.boxes-news div.box-archive p.archive-images {
	width: 445px;
}
div.boxes-news div.box-archive p.archive-images a {
	display: block;
	float: left;
	margin: 0 11px 11px 0;
	line-height: 0;
	font-size: 0;
}
div.boxes-news div.box-highlights {
	padding-top: 20px;
	border-top: 1px dotted #fff;
	overflow: hidden;
	width: 465px;
}
div.boxes-news div.box-highlights div.box-text {
	width: 482px;
	border: 0;
	padding-top: 0;
}
div.boxes-news div.box-highlights div.box-text div.highlight-item {
	float: left;
	width: 223px;
	margin: 0 18px 18px 0;
	border-bottom: 1px dotted #fff;
	height: 220px;
}
div.boxes-news div.box-highlights div.box-text div.highlight-item-last {
	border: 0;
}
div.boxes-news div.box-highlights div.box-text div.highlight-item h4 {
 	font-size: 12px !important;
 	margin-bottom: 6px !important;
	text-transform: uppercase;
}
div.boxes-news div.box1 div.box-text img {
	padding-top: 3px;
}
div.boxes-news div.box1 div.highlight-item-last img {
	padding-top: 5px;
}
div.boxes-news div.box2 p.archive-images {
	padding-top: 3px;
}



/**
*
*	CONTENT
*
**/

div#content p {
	margin-bottom: 16px;            
		font-size:12px;
}

div#content p, div#content p *, div#content ul.standard * {
	line-height: 150%;
}

div#content ul.standard * {
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 12px;
}

div#content div.box-topleft {
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 20px;
}

div#content div.box-topleft h2 {
	font-size: 12px;
	text-transform: uppercase;
}

div#content div.box-topleft h3 {
	font-size: 24px;
	margin-top: 5px;
	margin-bottom: 0px;
}

div#content div.box-topleft div.box-text {
	width: 360px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	padding-top: 10px;  
	line-height: 18px;     
}                            

div#content div.box-topleft div.box-text * {
	font-family: Helvetica, Arial, sans-serif;
}

div#content div.box-bottomleft {
	z-index: 3;
	position: absolute;
	/* bottom: 220px; */
	top:440px;
	left: 20px;
	width: 360px;
}

div#content div.box-bottomleft div.img-switch {
	font-size: 28px;
	padding-bottom: 19px;
	position: relative;   
	width: 360px;
}

div#content div.box-bottomleft div.img-switch * {
	font-size: 28px;
}

div#content div.box-bottomleft div.img-switch a:hover {
	color: #F4C541;
}

div#content div.box-bottomleft div.img-switch a#switch-prev {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	float: left;
}
div#content div.box-bottomleft div.img-switch a#switch-overview {
	position: absolute;
	top: 0;      
	left: 39%;  
	width: auto;
	float: left;
}

div#content div.box-bottomleft div.img-switch a#switch-next {
	position: absolute;
	top: 0;
	right: 0;
	width: auto;
	float: left;
}

div#content div.box-bottomleft div.img-switch span#switch-count {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -42px;
	width: 84px;
	text-align: center;
	display: block;
}
	

div#content div.box-bottomleft ul#subsubnav {
	padding-top: 19px;           
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;  
	width: 360px;
}

div#content div.box-bottomleft ul#subsubnav * {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 21px;
}

div#content div.box-bottomleft ul#subsubnav a:hover,
div#content div.box-bottomleft ul#subsubnav a.active {
	color: #F4C541;
}

div#content table.logo-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

div#content table.logo-box tr td {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;  
	/*background:#F00; */ 
}

div#content table.logo-box tr td img {
	margin-top: -190px; 
	/*
	margin: 0 auto;  
	margin-top: -190px;   
	position: absolute;
	z-index: 3;
	*/
}



/**
*
*	FOOTER
*
**/

div#footer {
	/*
	display:none;
	height:0px;
	overflow:hidden;  
	*/
	
    background-image: url("../images/footer_background.png");
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

div#footer p {
	padding: 20px;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	line-height: 19px;
}

div#footer p * {
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	line-height: 19px;
}

div#footer p a:hover, 
div#footer p a:focus, 
div#footer p a:active, 
div#footer p a.active {
	color: #F4C541;
}     
ul.overview {
	border-top: 1px dotted #FFF;
	border-bottom: 1px dotted #FFF;
	margin-top: 26px; 
	padding: 26px 0 0 4px;
} 
ul.overview li {
	padding: 0px 0px 22px 0; 
	font-size: 16px;
}  

/*
.box-text a:before {  
	position: relative;
	content:"» "; 
	font-size: 16px;
	top: 1px;
}    
    
*/  
/* FE Login */
.tx-felogin-pi1 {
}
.tx-felogin-pi1 form {
	padding: 20px 0;
}
.tx-felogin-pi1 legend {
	display: none;
}
/*
.tx-felogin-pi1 legend {
font-size: 100%;
color: ##373737;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
}
*/
.tx-felogin-pi1 fieldset div {
	margin-bottom: 10px;
}
.tx-felogin-pi1 label {
	width: 96px;
	float: left;
	padding-left: 0px;
	display: block;
	padding-top: 2px;
	font-weight: bold;
	clear: both;
}
.tx-felogin-pi1 fiedset div {
	padding: 10px 0;
}
.tx-felogin-pi1 input#user,
.tx-felogin-pi1 input#pass,
.tx-felogin-pi1 input#email {
	width: 176px;
	padding: 2px;
	text-align: left;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding: 6px 7px 5px 6px;
	background: #444;
}
.tx-felogin-pi1 input {
	width: 176px;
	padding: 2px;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	text-align: right;
	font-family: helvetica,arial,sans;
}
.tx-felogin-pi1 label {
	width: 100px;
	float: left;
}

ul.archivemenu li {
	width: 100px;
	overflow: hidden;
	float: left;
}
ul.archivemenu li {
	width: 145px;
	overflow: hidden;
	float: left;
	text-transform: uppercase;
	font-size: 12px;
}
ul.archivemenu li span.active {
	color: #A67F6B;
}



/** jobs **/
div.tx-hgproductionjobs-pi1 div.double {
	width: 950px;
	overflow: hidden;
}
/*
div.tx-hgproductionjobs-pi1 div.box3 {
width: 465px;
border-top: 1px solid #fff;
position: absolute;
top: 520px;
left: 0;
padding-top: 19px;
}
div.tx-hgproductionjobs-pi1 div.box4 {
width: 435px;
border-top: 1px solid #fff;
position: absolute;
top: 520px;
left: 515px;
padding-top: 19px;
}
*/
div.tx-hgproductionjobs-pi1 p {
	clear: both;
	float: left;
	margin-bottom: 8px;
	width: 435px;
}
div.tx-hgproductionjobs-pi1 fieldset {
	width: 435px;
	padding-bottom: 11px;
}
div.tx-hgproductionjobs-pi1 fieldset.attachment {
	border: 1px solid #fff;
	border-width: 1px 0;
	padding-top: 12px;
	padding-bottom: 4px;
}
div.tx-hgproductionjobs-pi1 fieldset.add-attachment {
	padding-top: 12px;
}
div.tx-hgproductionjobs-pi1 p label {
	display: none;
}
div.tx-hgproductionjobs-pi1 p label.visible {
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
}
div.tx-hgproductionjobs-pi1 p input,
div.tx-hgproductionjobs-pi1 p select,
div.tx-hgproductionjobs-pi1 p textarea {
	background: url(../images/bg_input.png);
	/*_background: #fff;*/
	padding: 3px 2px;
	color: #000;
	margin-right: 8px;
	display: block;
	float: left;
	font-size: 12px;
}
div.tx-hgproductionjobs-pi1 p input.checkbox {
	background: url(../images/bg_input.png);
	/*_background: #fff;*/
	padding: 0;
	color: #000;
	margin: 6px 8px 0 0;
	display: block;
	float: left;
}
div.tx-hgproductionjobs-pi1 p select option,
div.tx-hgproductionjobs-pi1 p select optgroup {
	background: url(../images/bg_input.png);
	/*_background: #fff;*/
	color: #000;
	display: block;
	float: left;
}
div.tx-hgproductionjobs-pi1 p select option {
	padding-left: 10px;
}
div.tx-hgproductionjobs-pi1 p textarea {
	height: 80px;
}
div.tx-hgproductionjobs-pi1 p .medium {
	width: 201px;
}
div.tx-hgproductionjobs-pi1 p .smallest {
	width: 51px;
}
div.tx-hgproductionjobs-pi1 p .small {
	width: 138px;
}
div.tx-hgproductionjobs-pi1 p .large {
	width: 414px;
}
div.tx-hgproductionjobs-pi1 p .error {
	background: url(../images/bg_input_error.png);
	/*_background: #F00;*/
	color: #EEEEEE;
}
div.tx-hgproductionjobs-pi1 p.error {
	color: #820000;
}