/******************************************************************************/
/* Allgemein																  */
/******************************************************************************/

html, body {
	background: #1A1A1A;
	color: #CDCDCD;
}

/******************************************************************************/
/* Header - Bereich															  */
/******************************************************************************/
#wietheLogo {
	position: absolute;
	top: 0;
	left: 0;
}

#logoLink {
	width: 83px;
	height: 123px;
	display: block;
	border: none;
}

#header {
	width: 963px;
	margin: auto;
}

#headerContent {
	margin-left: 70px;
}

#headerStoerer
{
	width: 911px;
	text-align: right;
	float: right;
}

/******************************************************************************/
/* Navigationen																  */
/******************************************************************************/

/**
 * Links, falls die Bilder nicht geladen werden
 */

a {
	color: #8C8C8C;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a.active {
	color: #FFF;
}

/**
 * Menuestrukturen
 */

#header ul li {
	float: left;
	margin-left: 5px;
}

a span.hover {
	display: none;
}

a:hover span.hover {
	display: inline;
}

a:hover span.normal {
	display: none;
}

#languageMenu {
	margin: -1px 0 0 -47px;
	float: left;
}

#langnav li.newsletterSep {
	width: 5px;
}

#subMenu,
#navMenu {
	width: 728px;
	height: 20px;
	float: right;
}

#navMenu ul {
	float: right;
	margin: 0;
}

#langnav li a {
	font-family: Arial;
	font-size: 10px;
	color: #8C8C8C;
	text-decoration: none;
}

#langnav li a:hover, #langnav li a.active {
	color: #FFF;
}

/**
 * Regulierung der Startposition der Subnavigation mittels Klassennamen
 */

/* WIR */
.page_2 ul {
	float: right;
	margin: 0 153px 0 0;
}

.page_2_en ul {
	float: right;
	margin: 0 112px 0 0;
}

/* LEISTUNGEN */
.page_39 ul {
	float: right;
	margin: 0 474px 0 0;
}

.page_39_en ul {
	float: right;
	margin: 0 432px 0 0;
}

/* PORTFOLIO */
.page_7 ul {
	float: right;
	margin: 0 67px 0 0;
}

.page_7_en ul {
	float: right;
	margin: 0 48px 0 0;
}

/** 2009-10-19 BBuecker
 *  Der margin fuer die Portfolio Bilder wurde direkt inline in der
 *  _page_portfolioBilder.tpl.html gesetzt da er sonst von der reset.css
 *  immer wieder ueberschrieben wird
 */
.portfolioBilder {
	height: auto;
	width: auto;
	padding: 0px;
	float: left;
}

#thirdMenu {
	margin-left: 20px;
	margin-top: 50px;
	height: 160px;
	overflow-y: auto;
	overflow-x: hidden;
	/*direction: rtl;*/
}

#thirdMenu ul {
	direction: rtl;
}

#thirdMenu ul li {
	clear: left;
}

/******************************************************************************/
/* Links																	  */
/******************************************************************************/

a.submit {
	width: 200px;
	height: 20px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #8C8C8C;
	border-bottom: 1px dotted #8C8C8C;
	display: block;
	background: url(../img/submit_arrow.jpg) no-repeat right center;
}

a.submit:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	background: url(../img/submit_arrow_hover.jpg) no-repeat right center;
}

/******************************************************************************/
/* Home																		  */
/******************************************************************************/

#content #HomeTemplate img {
	float: left;
}

#content #HomeTemplate #leftSide {
	width: 618px;
	float: left;
	margin-right: 2px;
	overflow: hidden;
}

#content #HomeTemplate #rightSide {
	width: 343px;
	float: left;
	overflow: hidden;
}

#content #HomeTemplate #leftSide #project,
#content #HomeTemplate #rightSide #eCom {
	margin-bottom: 2px;
}

#content #HomeTemplate #leftSide #portfolio {
	margin-left: 2px;
}

a.submitPortfolio {
	width: 200px;
	height: 20px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #8C8C8C;
	border-bottom: 1px dotted #8C8C8C;
	display: block;
	background: url(../img/submit_arrow2.jpg) no-repeat right center;
}

a.submitPortfolio:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	background: url(../img/submit_arrow_hover2.jpg) no-repeat right center;
}
/******************************************************************************/
/* Content																	  */
/******************************************************************************/

#content {
	width: 963px;
	height: 417px;
	margin: 6px auto auto auto;
	font-size: 11px;
}

#content #leftContent {
	width: 417px;
	height: 100%;
	float: left;
}

#content #rightContent {
	width: 540px;
	height: 100%;
	float: left;
}

#content #leftContent .innerContent {
	width: 338px;
	height: 373px;
	margin: 44px 40px 0px 39px;
}

#content #rightContent #headline {
	height: 23px;
	margin-top: 48px;
	margin-bottom: 12px;
}

#content #rightContent .innerContent {
	width: 431px;
	overflow: auto;
  margin: 0 0 15px 0;
}

#content #rightContent .innerContent_location {
	width: 431px;
	overflow: auto;
  margin: 0 0 15px 0;
  height: 300px;
  
}

#content #rightContent #closeButton {
  width: 13px;
  height: 13px;
  display: block;
  float: right;
  margin: 12px 12px 0 0;
}

#content #leftContent #image {
	height: 133px;
}

#content .centerContent {
	height: 100%;
	background: #2C2C29;
}

.innerContent .leftCol {
	width: 35%;
	clear: left;
 	float: left;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FFF;
}

.innerContent .rightCol {
	width: 60%;
	float: left;
	margin-bottom: 5px;
}

.innerContent .headline {
	color: #FFF;
}

#rightContent, #rightContent .innerContent {
	overflow-x: hidden;
}

#rightContent .innerContent ul {
	margin-left: 20px;
}

#rightContent .innerContent ul li {
	list-style-type: square;
}

/**
 * Besondere Regelungen fuer folgende Templates
 * - TextPicTemplate
 * - MultipleTextTemplate
 */
 
 
/** Sonderloesung fuer WIR-FAKTEN (die ANKER) **/
#faktenlinks
{
  line-height: 20px;
}
/*********************/

#content #MultipleTextTemplate  #leftContent .innerContent,
#content #ListPicTemplate  #leftContent .innerContent,
#content #TextPicTemplate  #leftContent .innerContent {
	width: 100%;
	height: 100%;
	margin: 0;
}

#content #MultipleTextTemplate  #rightContent #headline,
#content #ListPicTemplate  #rightContent #headline,
#content #TextPicTemplate #rightContent #headline {
	margin-left: 56px;
	margin-top: 48px;
	margin-bottom: 18px;
  height: 20px;
}

#content #MultipleTextTemplate  #rightContent .innerContent,
#content #ListPicTemplate  #rightContent .innerContent,
#content #TextPicTemplate  #rightContent .innerContent {
	width: 405px;
	height: 295px;
  padding: 0 28px 0 0;
	margin-left: 56px;
	overflow: auto;
	overflow-x: hidden;
}

#content #MultipleTextTemplate #leftContent,
#content #ListPicTemplate #leftContent,
#content #TextPicTemplate #leftContent {
	font-size: 0px;
}

/**
 * #pics3
 *
 * Einstellungen fuer das Bilder-Template mit 3 Bilder (groue oben, klein unten
 * link und klein unten rechts)
 */

#content #pics3 img {
	position: relative;
	float: left;
}

#content #pics3 #image2,
#content #pics3 #image3 {
	margin-top: 1px;
}

#content #pics3 #image2 {
	margin-right: 1px;
}

/**
 * Besondere Regelungen fuer folgendes Template
 * - MultipleTextTemplate
 */

#content #MultipleTextTemplate #rightContent .innerContent .text {
	border-top: 1px dotted #C8C8C8;
	padding-top: 10px;
	margin-top: 10px;
}

#content #MultipleTextTemplate #rightContent .innerContent .text a {
	font-weight: normal;
}

#content #MultipleTextTemplate #rightContent .innerContent .first {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

#content #MultipleTextTemplate #rightContent .innerContent .text .quotedBy,
#content #MultipleTextTemplate #rightContent .innerContent .text .quotedBy a {
	color: #FFF;
	font-weight: bold;
}

/**
 * Besondere Regelungen fuer folgendes Template
 * - ListTemplate
 */

#content #ListTemplate #rightContent .innerContent {
	height: 304px;
}

#content #ListTemplate #rightContent #logo {
	width: 110px;
	height: 70px;
	position: relative;
	left: 321px;
	top: -80px;
	margin-bottom: -70px;
}

#content #ListTemplate #rightContent #logo img {
	position: absolute;
	right: 0;
	bottom: 0;
}

/**
 * Projekte
 */

#content #projects {
	position:absolute;
	left: 0px;
	height: 273px;
	margin: 0px;
	padding: 0px;
}

#containerProjects {
	position: absolute;
	left: 0px;
	/*top: 135px;*/
	height: 291px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0px;
	padding: 0px;
	background-color: #2C2C2C;
}

#thirdMenuProjects{
	width: 170px;
	margin: 0px;
	padding: 0px;
	}
#thirdMenuProjects li {
	list-style-type: none;
	clear: left;
}

#thirdNaviProjectsContainer{
	position: relative;
	top: 310px;
	height: 97px;
	overflow: auto;
	width: 190px;
	padding-left: 65px;
 	float: left;
}

#thirdMenuProjectsSub{
	width: 180px;
	margin: 0px;
	padding: 0px;
}
	
.thirdMenuProjectsSubImg{
	vertical-align: middle;
}

#thirdMenuProjectsSub li {
	list-style-type: none;
	clear: left;
}

#thirdNaviProjectsSubContainer {
	position: relative;
	top: 310px;
	height: 97px;
	overflow: auto;
	width: 240px;
	padding-left: 20px;
	float: left;
}
	
#thirdNaviProjectsText {
	position: relative;
	top: 310px;
	width: 447px;
	float: left;
}

#thirdNaviProjectsText table {
	width: 447px;
}

#thirdNaviProjectsText td {
	width: 240px;
	vertical-align: top;
}

#thirdNaviProjectsText td.head {
	width: 166px;
	text-align: right;
	padding-right: 15px;
}

#thirdNaviProjectsText td.headAwardText {
	width: 166px;
	text-align: right;
	padding-right: 15px;
	color: #B4113E;
	font-weight: bold;
}

#thirdNaviProjectsText td.headAwardTitle {
	text-align: left;
}

#thirdNaviProjectsText td.headAward {
	width: 166px;
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
}

#thirdNaviProjectsText td.headAwardLink {
	vertical-align: middle;
}

#containerProjects #innerContainerProjects {
	min-width: 100%;
	width: 100%;
	font-size: 0;
	height: 274px;
	background-color: #2C2C2C;
	border-bottom: 1px solid #1A1A1A;
	margin: 0px;
}

/**
 * TeamTemplate
 */

#employees {
	min-width: 5339px;
	position:absolute;
	left: 0px;
	height: 273px;
	width: 5081px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #1A1A1A;
}

#containeremployees {
	position:absolute;
	z-index: 999;
	left: 0px;
	height: 292px;
	width: 100%;
	padding: 0px;
	font-size: 0;
	height: 291px;
	overflow-x: auto;
	overflow-y: hidden;
	background-color: #2C2C2C;
	margin: 6px 0 0 0;
}

#containeremployees #innerContainerEmployees {
	background-color: #2c2c2c;
	height: 273px;
	border-bottom: #1A1A1A;
}

#textemployees, #textprojects {
	position: relative;
	top: 316px;
	height: auto;
	width: 350px;
	margin-left: 65px;
	padding-left:20px;
	float: left;
}

#backgroundemployees {
	height: 417px;
}

#awardcontainer {
	position:absolute;
	left: 180px;
	top: 177px;
	height: 70px;
	width: 70px;
	margin: 0px;
	padding: 0px;
	z-index: 9999;
}

#awardemployees {
	position: absolute;
	top: 10px;
	left: 170px;
	height: 70px;
	width: 70px;
	z-index: 1;
}

#thirdNaviEmployeesContainer {
	position: relative;
	top: 316px;
	height: 97px;
	overflow: auto;
	width: 190px;
	padding-left: 65px;
	float: left;
}

#thirdMenuEmployees {
	width: 170px;
	margin: 0px;
	padding: 0px;
}

#thirdMenuEmployees li {
	list-style-type: none;
	clear: left;
}

#employees .images {
	border-right: 1px solid #1A1A1A;
}

#textemployees {
	width: 355px;
	height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}

/**
 * ContactTemplate
 */

#contactform {
	width: 365px;
	height: auto;
}

.classFormDiv {
	float:left;
	padding-left:5px;
	padding-bottom:3px;
	background:none;
	font-size:10px;
}

.classFormDiv2 {
	float:none;
	padding-left:5px;
	padding-bottom:3px;
	background:none;
	font-size:10px;
}

.classInputGrey, .classTextareaGrey, .classSelectGrey {
	opacity:1.0;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px transparent;
	background-color: #464743;
	color: #ffffff;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;
}

.classInputGreyBorder {
	border: 1px solid #60605D;
}

.formSubmitButton {
	width: 200px;
	height: 20px;
	line-height: 20px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #8C8C8C;
	text-align: left;
	cursor: pointer;
	background: none;
	border: none;
	border-bottom: 1px dotted #8C8C8C;
	background: url(../img/submit_arrow.jpg) no-repeat right center;
	margin-right: -30px;
  float: left;
  clear: both;
}

.formSubmitButton:hover {
	color: #FFF;
	border-color: #FFF;
	background: url(../img/submit_arrow_hover.jpg) no-repeat right center;
}

#requiredlabel {
	width: 85px;
	height: 20px;
	position: relative;
	margin-bottom: -20px;
	text-align: right;
	left: 275px;
	top: -32px;
}

/******************************************************************************/
/* Listentabelle															  */
/******************************************************************************/

.list a {
	width: 400px;
	min-height: 20px;
	height: auto;
	color: #8C8C8C;
	font-weight: normal;
	display: block;
	float: left;
	clear: left;
	text-decoration: none;
	border-bottom: 1px dotted #C8C8C8;
}

#ListPicTemplate #rightContent .list a {
	width: 360px;
}

.list a:hover {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}

.list a:hover span {
	color: #FFF;
/*	border-bottom: 1px dotted #FFF;*/
}

.list a:hover span.last {
	background: url(../img/submit_arrow_hover.jpg) no-repeat right center;
}

.list a:hover span.noBorder {
	border: none;
}

.list a, .list a span {
	display: block;
}

.list a span {
	line-height: 20px;
	float: left;
	cursor: pointer;
/*	border-bottom: 1px dotted #C8C8C8;*/
}

/**
 * Definitionen der Spaltenbreiten
 */

.list .month  {
	width: 80px;
}

.list .awards1, .list .awards2  {
	width: 200px;
}

.list .statement {
	width: 200px;
}

.list .company  {
	width: 120px;
}

.list .statementOnly {
	width: 320px;
}

.list .type {
	width: 140px;
}

.list .customer
{
	width: 220px;
}

.list .references
{
	width: 220px;
}

/**
 * Ende Definition
 */

.list .noBorder {
	border: none;
}

.list .last {
	margin-right: -3px;
/*	background: url(../img/submit_arrow.jpg) no-repeat right center;*/
}

.list .tableHeadClear {
	height: 0;
	clear: left;
	font-size: 0;
}

.list .tableHead {
	width: 120px;
	height: 16px;
	line-height: 16px;
	text-indent: 4px;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	background: #393935;
	margin-top: 20px;
	margin-bottom: 10px;
}

.list .first {
	margin-top: 0;
}

#footer {
	width: 963px;
	height: 60px;
	margin: auto;
	font-size: 9px;
	color: #545454;
}

#footer a {
	color: #545454;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF;
}

#footer a {
  font-weight: normal;
}

#footer .footerBox {
	margin-top: 10px;
	float: left;
}

#footer #gmh {
	width: 170px;
}

#footer #gmh-interactive {
	padding-left: 10px;
	width: 170px;
}

#footer #hamburg {
  padding-left: 20px;
	width: 150px;
}

#footer #bremen {
  padding-left: 40px;
	width: 180px;
}

#footer #imprint {
	width: 150px;
}

#footer #shareThis {
  width: 550px;
  margin:	25px 0 0 0;
  float: left;
}

#footer #mitglied {
  margin:	25px 5px 0 0;
  padding-top: 10px;
  text-align: right;
  float: right;
}

#footer #mitglied-logos {
	margin:	20px 0 0 0;
	float: right;
}

#footer #mitglied-logos img {
	margin-left: 5px;
	border:	0;
	float: left;
}

/******************************************************************************/
/* Common Style																  */
/******************************************************************************/

* {
	scrollbar-arrow-color:#CDCDCD;
	scrollbar-base-color:#5F5E58;
	scrollbar-shadow-color:#5F5E58;
	scrollbar-face-color:#5F5E58;
	scrollbar-highlight-color:#8C8C8C;
}

.clear {
	clear: both;
}

.hImage {
	padding-top: 35px;
	height: 0px;
	overflow: hidden;
	float: left;
	letter-spacing: 0.35em;
}

H1.hImage
{
	padding-right:		10px;
}


/******************************************************************************/
/* CareerAtWiethe Style														  */
/******************************************************************************/
#containerCareerEmployees {
	position         : absolute;
	left             : 0px;
	height           : 292px;
	width            : 100%;
	overflow         : auto;
	margin           : 6px 0 0 0;
	padding          : 0px;
	overflow-x       : hidden;
	overflow-y       : hidden;
	background-color : #2C2C2C;
}

*html #containerCareerEmployees img{
	margin-bottom : -3px;
}

#careerEmployees {
	min-width     : 5339px;
	position      : absolute;
	left          : 0px;
	height        : 273px;
	width         : 5081px;
	margin        : 0px;
	padding       : 0px;
	border-bottom : 1px solid #1A1A1A;
}

#containerCareerEmployees #innerContainerCareerEmployees {
	background-color: #2c2c2c;
	height          : 274px;
	border-bottom   : #1A1A1A;
	width           : 9660px;
	/*padding-left    : 163px;*/
	padding-left    : 62px;
	border-bottom   : 1px solid #1A1A1A;
}

#careerEntry {
	width  : 967px;
	height : auto;
	float  : left;
	z-index: 100;
}

#careerEntryPicture{
	float         : left;
	width         : 269px;
	height        : 274px;
	position      : relative;
	border-left   : 1px solid #1A1A1A;
	border-right  : 1px solid #1A1A1A;
}

#careerLinkArea{
	float       : left;
	width       : 120px;
	height      : 40px;
	padding-left: 55px; 
	margin-top  : 226px;
}

#careerEntryText{
	float         : left;	
	color         : #FFFFFF;
	margin-left   : 50px;;
	margin-top    : 24px;
	padding-right : 24px;
	height        : 195px;
	width         : 390px;
	overflow      : auto;
}

#text_1_career{
	position     : relative;
	top          : 316px;
	height       : 97px;
	overflow     : auto;
	width        : 160px;
	padding-left : 42px;
	float        : left;
}

#thirdMenuCareerSubContainer{
	position      : relative;
	top           : 316px;
	padding-right : 24px;	
	height        : 97px;
	width         : 320px;
	overflow      : auto;
	float         : left;
}

#thirdMenuCareerSub{
	width   : 170px;
	margin  : 0px;
	padding : 0px;
}

#careerNavigateEntry{
	clear : left;
	height: 14px;
}

#careerBackArrow{
	margin-top    : 1px;
	float         : left;
	border-left   : 1px solid #1A1A1A;
	/*border-top    : 1px solid #1A1A1A;*/
	border-right  : 1px solid #1A1A1A;
	border-bottom : 1px solid #1A1A1A;
	height        : 14px;
}

#careerForwardArrow{
	margin-top    : 1px;
	float         : left;
	/*border-top    : 1px solid #1A1A1A;*/
	border-right  : 1px solid #1A1A1A;
	border-bottom : 1px solid #1A1A1A;
	height        : 14px; 
}