/*
 * Fäth GmbH V2.0
 * sheet: globals
 * language: independend
*/




body {
	background-image: url("/common/+Images/body_pipelines.gif");
	background-repeat: no-repeat;
}





/* 
 * SPRITES NO-REPEAT 
 */
form.contactForm input.subm,
div#headArea div#lichtkante,
div#mainMenu div.corner,
div#mainMenu img,
div#contentArea h1 img, 
div#mainContent div.hr_wide,
div#mainContent div.hr_narrow,
div#mainContent div.certs div.tuev img,
div#pageMenu td
{
	background-image: url("/common/+Images/sprites-nRepeat.png");
	background-repeat: no-repeat;
}





/* 
 * SPRITES NO-REPEAT TRANSPARENT GIF
 */
div#mainContentContainer div.corner 
{
	background-image: url("/common/+Images/sprites-nRepeat-transparency.gif");
	background-repeat: no-repeat;
	position: absolute;
}



/* 
 * SPRITES NO-REPEAT LOSSY JPG
 */
div#mainContent div.subSelector img 
{
	background-image: url("/common/+Images/sprites-nRepeat-lossy.png");
	background-repeat: no-repeat;
}





/* 
 * SPRITES VERTICAL SEPERATORLINES
 */
div.vsLine {
	background-image: url("/common/+Images/sprites-vLines.png"); 
	background-repeat: no-repeat;
}





/*
 * COLOR-DEFS
 */
.FAETH_DARKBLUE_BG,body,div#headArea,div#headArea div#mainMenu { background-color: rgb(0,55,111); }
.FAETH_DARKBLUE_FG,a,div#mainContent , div.subSelector h3 { color: rgb(0,55,111); }





/*
 * CORNER-DEFS
 */
.tl { top: 0px; left: 0px; }
.tr { top: 0px; right: 0px;}
.br { bottom: 0px; right: 0px;}
.bl { bottom: 0px; left: 0px; }
.br_IECROSS { bottom: 0px; right: 0px;}
.bl_IECROSS { bottom: 0px; left: 0px; }
.corner { position: absolute; }
.sandwichCorner { position: relative; }
.sandwichCorner .tl { top: 0px; left: 0px; position: absolute; }
.sandwichCorner .tr { top: 0px; right: 0px;position: absolute; }
.sandwichCorner .br { top: 0px; right: 0px; position: absolute; bottom: auto !important; }
.sandwichCorner .bl { top: 0px; left: 0px; position: absolute; bottom: auto !important; }




/*
 * Head-Area
 */
div#headArea {
	height: 196px;
	width: 100%;
	background-image: url("/common/+Images/headArea_transition.jpg");
	background-repeat: no-repeat;
}

div#headArea img , div#headArea div { position: absolute; }

div#headArea img#logo {
	width: 322px;
	heigth: 53px;
	left: 44px;
	top: 48px;
}



/* Head-Area: MainMenu */

div#headArea div#mainMenu {
	top: 121px;
	/* localized for language */
}	

div#mainMenu img { position: relative; }

div#mainMenu img { height: 15px; margin-top: 10px; margin-right: 13px; }
div#mainMenu img.first { margin-left: 18px; }
div#mainMenu img.last { margin-right: 0px !important; }

div#mainMenu div.corner {
	width: 6px;
	height: 6px;
}

div#mainMenu div.tl { /* localized for language as of different width */ } 
div#mainMenu div.tr { background-position: -7px -2px; }
div#mainMenu div.br { background-position: -14px -2px; }
div#mainMenu div.bl { /* localized for language as of different width */ }

/* Head-Area: Links */
div#headArea div#headLinks a,
div#headArea div#headLinks { 
	color: rgb(181,192,220);
	text-decoration: none;
	font-size: 11px;
}

div#headArea div#headLinks {
	top: 6px;
	left: 700px;
	width: 280px;
	text-align: right;
}

/* Head-Area: Gemüse */

div#headArea div#lichtkante {
	width: 100%;
	height: 1px;
	background-position: 0px 0px;
	left: 0px;
	top: 195px;
}





/*
 * Content-Area
 */

div#contentArea {
	position: relative;
	width: 916px;
	left: 67px;
}

div#contentArea h1 {
	margin-top: 27px;
	margin-bottom: 14px;
	margin-left: 9px;

}
div#contentArea h1 img {
	/* localized for language */
	position: relative;
	height: 18px;
}

div#contentArea div { position: relative; }
	

div#contentArea div#mainContentContainer {
	width: 100%;
}





/* Content-Corners */
div#mainContentContainer div.corner { width: 9px; height: 9px; }
div#mainContentContainer div.sandwichCorner div.tl { background-position: 0px 0px; }
div#mainContentContainer div.sandwichCorner div.tr { background-position: -10px 0px; }
div#mainContentContainer div.sandwichCorner div.br { background-position: -20px 0px; }
div#mainContentContainer div.sandwichCorner div.bl { background-position: -30px 0px; }

div#mainContentContainer div.sandwichCorner {
	width: 100%;
	height: 9px;
}

div#mainContentContainer div.sandwichCorner div.fill {
	background-color: rgb(255,255,255);
	height: 9px;
	margin-left: 9px;
	margin-right: 9px;
}





/* content */
div#mainContentContainer div#mainContent {
	background-color: rgb(255,255,255);
	padding-left: 9px;
	padding-right: 9px;
}

div#mainContent p { font-size: 13px; }
div#mainContent h2 { font-size: 29px; }
div#mainContent h2 span { color: rgb(120,144,183); }
div#mainContent h3 { font-size: 18px; }
div#mainContent h3.imageHead { margin-top: 40px; }


/* standard full filling content */
div#mainContent div.content_1 {
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 55px;
	padding-bottom: 55px;
}

/* two-column content with menu */
div#mainContent div.content_2 {
	padding-top: 40px;
	padding-left: 50px;
}

div#mainContent div.content_2 div.content_2_content {
	margin-top: 28px;
}

div#mainContent div.content_2 div.content_2_content h2,
div#mainContent div.content_2 div.content_2_content h3,
div#mainContent div.content_2 div.content_2_content h4,
div#mainContent div.content_2 div.content_2_content ul,
div#mainContent div.content_2 div.content_2_content p {
	width: 500px;
}

div#mainContent ul {
	padding-left: 15px;
	font-size: 13px;
	color: rgb( 120,144,183 );
	margin-top: 18px;
}

div#mainContent div.contentBottomMargin {
	position: relative;
	padding-top: 140px;
}

/* vertical seperator lines */
div#mainContent div.vsLine {
	position: absolute;
	width: 1px;
	left: 610px;
	top: 0px;
	background-color: rgb(0,0,0);
}

div#mainContent div.vsLine1 { background-position: 0px 0px; height: 720px; }
div#mainContent div.vsLine2 { background-position: -1px 0px; height: 990px; }
div#mainContent div.vsLine3 { background-position: 0px 0px; height: 700px; }

div#mainContent div.hr_narrow {
	height: 1px;
	background-position: -366px -20px;
	margin-top: 35px;
	margin-bottom: 35px;
	width: 524px;
}

div#mainContent div.hr_head {
	margin-top: 4px !important;
	margin-bottom: 25px !important;
}

div#mainContent div.hr_text1 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

div#mainContent h4 {
	font-size: 12px;
	margin-top: 18px;
	margin-bottom: 2px;
}

div.spreadParagraph p { margin-bottom: 13px;  }

div.spreadList ul { margin-top: 5px !important; }
div.spreadList li { margin-bottom: 13px !important;  }


ul.directUnder {
	margin: 0px !important;
}


/* PageMenu */
div#mainContent div#pageMenu {
	position: absolute;
	width: 203px;
	right: 52px;
	top: 0px;
	
}

div#pageMenu table {
	width: 100%;
	height: 100%;
	margin-bottom: 3px;
}

div#pageMenu table.seperator { margin-bottom: 23px !important; }

div#pageMenu table tr td {
	vertical-align: middle;
	font-size: 17px;
	width: 203px;
	height: 33px;
	cursor: pointer;
	cursor: hand;
	padding-left: 10px;
}

div#pageMenu table tr td.twoline {
	height: 48px !important;
}



div#pageMenu table tr td.inactive { cursor: default !important; }

div#pageMenu table tr td,
div#pageMenu table a {
	font-style: italic;
	font-size: 17px;
	font-weight: bold;
}

div#pageMenu td.itemMain { background-position: -157px -37px; color: rgb(181,192,220);}
div#pageMenu td.itemMain a { color: rgb(181,192,220); }
div#pageMenu td.itemMainActive { background-position: -157px -105px; }
div#pageMenu td.itemMainActive,
div#pageMenu td.itemMainActive a { color: rgb(255,255,255); }
div#pageMenu td.itemSubActive, div#pageMenu td.itemSub { background-position: -157px -71px;  }
div#pageMenu td.itemSub a { color: rgb(120,144,183)  }
div#pageMenu td.itemSubActive { color: rgb(0,55,111); }
div#pageMenu td.itemSubTwoline { background-position: -157px -139px !important; }




/* Products/Services SubPages */
div#mainContent img.subIllustration {
	width: 477px;n
	height: 360px;
	margin-bottom: 20px;
}

div#mainContent p.imageDescription {
	color: rgb( 120,144,183 );
}


div#mainContent div.hr_wide {
	height: 1px;
	background-position: -366px -18px;
	margin-top: 22px;
}



/* imaged mainselector for products/services */
div#mainContent div.subSelector {
	position: relative;
	height: 170px;
	margin-top: 50px;
}

div#mainContent div.subSelector div {
	position: absolute;
	margin-right: 16px;
	width: 186px;
	height: 170px;
}

div#mainContent div.subSelector div.first { left: 0px; }
div#mainContent div.subSelector div.second { left: 202px; }
div#mainContent div.subSelector div.third { left: 403px; }
div#mainContent div.subSelector div.fourth { left: 605px; }

/* products images */
div#mainContent div.subSelector img#subSelector_chemical { background-position: 0px 0px; }
div#mainContent div.subSelector img#subSelector_gas { background-position: -187px 0px; }
div#mainContent div.subSelector img#subSelector_tool { background-position: -374px 0px; }
div#mainContent div.subSelector img#subSelector_other { background-position: -561px 0px; }

/* services images */
div#mainContent div.subSelector img#subSelector_consulting { background-position: 0px -127px; }
div#mainContent div.subSelector img#subSelector_production { background-position: -187px -127px; }
div#mainContent div.subSelector img#subSelector_startup { background-position: -374px -127px; }
div#mainContent div.subSelector img#subSelector_service { background-position: -561px -127px; }

div.subSelector h3 {
	margin-left: 2px;
	font-size: 18px;
	margin-bottom: 4px;
}


a.more {
	color: rgb(210,147,84);
	text-decoration: underline;
	font-size: 12px;
}

div.subSelector a.more {
	margin-left: 5px;
}


div.subSelector img {
	position: relative;
	width: 186px;
	height: 126px;
	display:block;
}



/* PRODUCTS: TÜV */
div#mainContent div.certs { margin-top: 56px; }
div#mainContent div.certs div.tuev {}
div#mainContent div.certs div.tuev img {
	width: 156px;
	height: 74px;
	background-position: 0px -37px;
}
div#mainContent div.certs div.tuev p {
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	left: 170px;
	top: 5px;
}























/*
 * Footer-Area
 */
div#footerArea { margin-top: 5px; }
div#footerArea div {
	width: 500px;
	position: absolute;
	left: 480px;
	text-align: right;
	font-size: 11px;
	color: rgb( 181,192,220 );
}






/*
 * LOCAL DEFS
 */

/* Consulting and Design */
div#mainContent img#illustration_Consulting_Design {
	width: 452px;
	height: 335px;
	margin-top: 40px;
	margin-left: 60px;
}

div#mainContent img#illustration_Company,
div#mainContent img#illustration_Service,
div#mainContent img#illustration_Startup,
div#mainContent img#illustration_Production {
	width: 477px;
	height: 234px;
}

div#mainContent img#illustration_Startup,
div#mainContent img#illustration_Production {
	margin-top: 5px;
}

div#mainContent img#illustration_Service {
	margin-bottom: 30px;
}

div#mainContent div#company_locations {
	margin-top: 50px;
}

div#company_locations div.right {
	position: absolute;
	top: 0px;
	left: 270px;
}

h3.small,
div#company_locations h3 {
	font-size: 14px !important;
}

h3.bright {
	color: rgb(120,144,183) !important;
}



div#company_locations p {
	color: rgb(71,108,154);
}

div#company_locations img {
	width: 506px;
	height: 384px;
	margin-top: 0px;
}

img#actemium {
	width: 172px;
	height: 32px;
	position: absolute;
	left: 250px;
}

img#iq {
	width: 77px;
	height: 33px;
	position: absolute;
	left: 250px;
}

div.address {
	position:relative;
	color: rgb(71,108,154);
}

div.address div.phone {
	position: absolute !important;
	top: 0px;
	left: 250px;
}






form.contactForm {
	
}

form.contactForm p {
	margin-top: 15px;
}

form.contactForm input.subm {
	width: 94px;
	height: 23px;
	border-style: none;
	border-width: 0px;
	margin-left: 263px;
}

form.contactForm input.subm_hover {
}

form.contactForm textarea,
form.contactForm input {
	margin-top: 2px;
	font-size: 12px;
	width: 355px;
	border-width: 2px;
	border-color: rgb(120,144,183) rgb(217,224,235) rgb(217,224,235) rgb(120,144,183);
}

form.contactForm textarea {
	height: 150px;
}








/*
 * BOTTOM MARGIN
 */
div#bottomMargin {
	position: relative;
	height: 80px;
}