/*
Copyright 2010
by Ploucquet, Germany

Design: Inkcorporated, Germany
Code: Jens Buss, Germany

*/

/*- GENERAL --------*/

a {
	outline: none;
}

a img {
	border: none;
}

body {
	background-color: #131426;
	font: normal 12px/19px Helvetica, Arial;
}

#videoDiv, #videoDiv * {
	color: white;
}

/*- LANGUAGE --------*/

#language li {
	display: inline;
}

#language li a {
	display: inline-block;
	height: 17px;
	text-indent: -9000px;
}

li.de-de a {width: 54px; background: transparent url(../img/b_deutsch.png) 0 0 no-repeat;}
li.en-gb a {width: 50px; background: transparent url(../img/b_english.png) 0 0 no-repeat;}

li.de-de a:hover, li.de-de.l10n_current a {width: 54px; background: url(../img/b_deutsch.png) 0 -17px no-repeat;}
li.en-gb a:hover, li.en-gb.l10n_current a {width: 50px; background: url(../img/b_english.png) 0 -17px no-repeat;}

#test {
	position: absolute;
	top: 200px;
}

/*- LOGO --------*/

#logo h1 a {
	display: block;
	width: 300px;
	height: 68px;
	background: transparent url(../img/ploucquet-logo.png) no-repeat;
}

body#home-de h1 a, body#home-en h1 a, #logo.black h1 a {
	background: transparent url(../img/ploucquet-logo-black.png) no-repeat;
}

#logo h1, #logo h2, #index h1, #index h2 {
	text-indent: -9000px;
}

/*- SEARCH --------*/

body#home-de #search, body#home-en #search, body#service-portfolio-de #search, body#service-portfolio-en #search {
	border: 1px solid black;
}

body#home-de .l10n_lang_list, body#home-en .l10n_lang_list, body#service-portfolio-de .l10n_lang_list, body#service-portfolio-en .l10n_lang_list {
	background-color: black;
	height: 18px;
}

#search form {
	float: right;
}

#search input {
	border: none;
	height: 18px;
	text-align: right;
	padding: 0 -2px 0 0;
	margin: 0 2px 0 0;
}

/*- SYMPATEX UNIT --------*/

/*#sympatex-unit h1 {
	text-indent: -9000px;
	background: transparent url(../img/sympatex-unit.png);
	width: 120px;
	height: 89px;
}

#sympatex-unit h1.black {
	background: transparent url(../img/sympatex-unit-black.png);
}*/

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

a#b_news {
	display: inline-block;
	text-indent: -9000px;
	background: transparent url(../img/b_news.gif) no-repeat;
	width: 52px;
	height: 26px;
	cursor: pointer;
}

a#b_news:hover {
	background: transparent url(../img/b_news.gif) 0 -26px no-repeat;
}

body#contact-de a#b_news {
	background: transparent url(../img/b_kontaktform.gif) no-repeat;
	width: 146px;
	height: 26px;
}

body#contact-en a#b_news {
	background: transparent url(../img/b_contactform.gif) no-repeat;
	width: 111px;
	height: 26px;
}

body#contact-de a#b_news:hover {
	background: transparent url(../img/b_kontaktform.gif) 0 -26px no-repeat;
}

body#contact-en a#b_news:hover {
	background: transparent url(../img/b_contactform.gif) 0 -26px no-repeat;
}

a#b_close, a.b_close {
	display: inline-block;
	text-indent: -9000px;
	background: transparent url(../img/b_close.png) no-repeat;
	cursor: pointer;
	position: absolute;
	height: 15px;
	width: 52px;
	left: 256px;
	top: 8px;
}

body#contact-de a#b_close, body#contact-en a#b_close, body#einheitsbedingungen-de a#b_close, body#einheitsbedingungen-en a#b_close, body#press-de a#b_close, body#press-en a#b_close, body#press-de a.b_close, body#press-en a.b_close {
	left: 520px;
}

a#b_close:hover, body#press-de a.b_close:hover {
	background: transparent url(../img/b_close.png) 0 -16px no-repeat;
}

#newsContainer {
	color: white;
}

#newsContainer .background {
	background-color: black;
	opacity: 0.9;
}

#newsContainer a {
	color: white;
}

#newsContainer a:hover {
	color: silver;
	text-decoration: none;
}

#newsContainer a.readMore {
	display: block;
	margin: 0 0 20px 0;
}

#newsContainer h1 {
	font: normal 16px/20px Helvetica, Arial;
	text-transform: uppercase;
	margin: 0 0 9px 0;
}

/*- NAVIGATION --------*/

#navigation li {
	display: inline;
	margin: 0 -4px 0 0;
}

#navigation li a {
	display: inline-block;
	height: 28px;
	text-indent: -9000px;
}

/*- NAVIGATION - DE --------*/

a#navHome {width: 51px; background: transparent url(../img/navigation-de.gif) 0 0 no-repeat;}
a#navPhiliosophie {width: 91px; background: transparent url(../img/navigation-de.gif) -51px 0 no-repeat;}
a#navLeistung {width: 137px; background: transparent url(../img/navigation-de.gif) -142px 0 no-repeat;}
a#navProduktion {width: 161px; background: transparent url(../img/navigation-de.gif) -279px 0 no-repeat;}
a#navOekologie {width: 76px; background: transparent url(../img/navigation-de.gif) -440px 0 no-repeat;}
a#navKunden {width: 66px; background: transparent url(../img/navigation-de.gif) -516px 0 no-repeat;}
a#navHistory {width: 68px; background: transparent url(../img/navigation-de.gif) -582px 0 no-repeat;}
a#navAktuelles {width: 80px; background: transparent url(../img/navigation-de.gif) -650px 0 no-repeat;}
a#navKontakt {width: 67px; background: transparent url(../img/navigation-de.gif) -730px 0 no-repeat;}

a#navHome:hover, a.current#navHome {background: transparent url(../img/navigation-de.gif) 0 -30px no-repeat;}
a#navPhiliosophie:hover, a.current#navPhiliosophie {background: transparent url(../img/navigation-de.gif) -51px -30px no-repeat;}
a#navLeistung:hover, a.current#navLeistung {background: transparent url(../img/navigation-de.gif) -142px  -30px no-repeat;}
a#navProduktion:hover, a.current#navProduktion {background: transparent url(../img/navigation-de.gif) -279px -30px no-repeat;}
a#navOekologie:hover, a.current#navOekologie {background: transparent url(../img/navigation-de.gif) -440px -30px no-repeat;}
a#navKunden:hover, a.current#navKunden {background: transparent url(../img/navigation-de.gif) -516px -30px no-repeat;}
a#navHistory:hover, a.current#navHistory {background: transparent url(../img/navigation-de.gif) -582px -30px no-repeat;}
a#navAktuelles:hover, a.current#navAktuelles {background: transparent url(../img/navigation-de.gif) -650px -30px no-repeat;}
a#navKontakt:hover, a.current#navKontakt {background: transparent url(../img/navigation-de.gif) -730px -30px no-repeat;}

/*- NAVIGATION - EN --------*/

a#navHomeEN {width: 51px; background: transparent url(../img/navigation-en.gif) 0 0 no-repeat;}
a#navPhilosophy {width: 89px; background: transparent url(../img/navigation-en.gif) -51px 0 no-repeat;}
a#navService {width: 128px; background: transparent url(../img/navigation-en.gif) -140px 0 no-repeat;}
a#navProduction {width: 159px; background: transparent url(../img/navigation-en.gif) -268px 0 no-repeat;}
a#navEcology {width: 73px; background: transparent url(../img/navigation-en.gif) -427px 0 no-repeat;}
a#navCustomers {width: 86px; background: transparent url(../img/navigation-en.gif) -500px 0 no-repeat;}
a#navHistoryEN {width: 66px; background: transparent url(../img/navigation-en.gif) -586px 0 no-repeat;}
a#navLatest {width: 57px; background: transparent url(../img/navigation-en.gif) -652px 0 no-repeat;}
a#navContact {width: 68px; background: transparent url(../img/navigation-en.gif) -709px 0 no-repeat;}

a#navHomeEN:hover, a.current#navHomeEN {background: transparent url(../img/navigation-en.gif) 0 -31px no-repeat;}
a#navPhilosophy:hover, a.current#navPhilosophy {background: transparent url(../img/navigation-en.gif) -51px -31px no-repeat;}
a#navService:hover, a.current#navService {background: transparent url(../img/navigation-en.gif) -140px  -31px no-repeat;}
a#navProduction:hover, a.current#navProduction {background: transparent url(../img/navigation-en.gif) -268px -31px no-repeat;}
a#navEcology:hover, a.current#navEcology {background: transparent url(../img/navigation-en.gif) -427px -31px no-repeat;}
a#navCustomers:hover, a.current#navCustomers {background: transparent url(../img/navigation-en.gif) -500px -31px no-repeat;}
a#navHistoryEN:hover, a.current#navHistoryEN {background: transparent url(../img/navigation-en.gif) -586px -31px no-repeat;}
a#navLatest:hover, a.current#navLatest {background: transparent url(../img/navigation-en.gif) -652px -31px no-repeat;}
a#navContact:hover, a.current#navContact {background: transparent url(../img/navigation-en.gif) -709px -31px no-repeat;}

/*- SUBMENUE --------*/

#navigation .subMenu a {
	height: 23px;
}

#subProduktion, #subLeistung, #subProduction, #subService {
	position: absolute;
	background-color: #eff0f1;
	height: 23px;
}

/*- SUBMENUE DEUTSCH --------*/

#subProduktion {
	left: 280px;
	width: 376px;
}

a#b_fertigungsprozesse {width: 141px; background: transparent url(../img/sub_produktions-standard.gif) 0 0 no-repeat;}
a#b_planung {width: 69px; background: transparent url(../img/sub_produktions-standard.gif) -141px 0 no-repeat;}
a#b_labor {width: 53px; background: transparent url(../img/sub_produktions-standard.gif) -210px 0 no-repeat;}
a#b_standort-europa {width: 113px; background: transparent url(../img/sub_produktions-standard.gif) -263px 0 no-repeat;}

a#b_fertigungsprozesse:hover, a.current#b_fertigungsprozesse {background: transparent url(../img/sub_produktions-standard.gif) 0 -24px no-repeat;}
a#b_planung:hover, a.current#b_planung {background: transparent url(../img/sub_produktions-standard.gif) -141px -24px no-repeat;}
a#b_labor:hover, a.current#b_labor {background: transparent url(../img/sub_produktions-standard.gif) -210px -24px no-repeat;}
a#b_standort-europa:hover, a.current#b_standort-europa {background: transparent url(../img/sub_produktions-standard.gif) -263px -24px no-repeat;}

#subLeistung {
	left: 142px;
	width: 386px;
}

a#b_anwendung {width: 91px; background: transparent url(../img/sub_leistungsportfolio.gif) 0 0 no-repeat;}
a#b_vorbehandlung {width: 111px; background: transparent url(../img/sub_leistungsportfolio.gif) -91px 0 no-repeat;}
a#b_farbung {width: 65px; background: transparent url(../img/sub_leistungsportfolio.gif) -202px 0 no-repeat;}
a#b_druck {width: 52px; background: transparent url(../img/sub_leistungsportfolio.gif) -267px 0 no-repeat;}
a#b_appretur {width: 69px; background: transparent url(../img/sub_leistungsportfolio.gif) -319px 0 no-repeat;}
/*a#b_verbundtechnologie {width: 139px; background: transparent url(../img/sub_leistungsportfolio.gif) -388px 0 no-repeat;}
a#b_contract-workwear {width: 166px; background: transparent url(../img/sub_leistungsportfolio.gif) -527px 0 no-repeat;}*/

a#b_anwendung:hover, a.current#b_anwendung {width: 91px; background: transparent url(../img/sub_leistungsportfolio.gif) 0 -24px no-repeat;}
a#b_vorbehandlung:hover, a.current#b_vorbehandlung {background: transparent url(../img/sub_leistungsportfolio.gif) -91px -24px no-repeat;}
a#b_farbung:hover, a.current#b_farbung {background: transparent url(../img/sub_leistungsportfolio.gif) -202px -24px no-repeat;}
a#b_druck:hover, a.current#b_druck {background: transparent url(../img/sub_leistungsportfolio.gif) -267px -24px no-repeat;}
a#b_appretur:hover, a.current#b_appretur {background: transparent url(../img/sub_leistungsportfolio.gif) -319px -24px no-repeat;}
/*a#b_verbundtechnologie:hover, a.current#b_verbundtechnologie {background: transparent url(../img/sub_leistungsportfolio.gif) -388px -24px no-repeat;}
a#b_contract-workwear:hover, a.current#b_contract-workwear {background: transparent url(../img/sub_leistungsportfolio.gif) -527px -24px no-repeat;}*/

/*- SUBMENUE ENGLISH --------*/

#subProduction {
	left: 268px;
	width: 454px;
}

a#b_manufactoring-process {width: 168px; background: transparent url(../img/sub_production-standards.gif) 0 0 no-repeat;}
a#b_planning {width: 73px; background: transparent url(../img/sub_production-standards.gif) -168px 0 no-repeat;}
a#b_laboratory {width: 89px; background: transparent url(../img/sub_production-standards.gif) -241px 0 no-repeat;}
a#b_european-location {width: 124px; background: transparent url(../img/sub_production-standards.gif) -330px 0 no-repeat;}

a#b_manufactoring-process:hover, a.current#b_manufactoring-process {background: transparent url(../img/sub_production-standards.gif) 0 -24px no-repeat;}
a#b_planning:hover, a.current#b_planning {background: transparent url(../img/sub_production-standards.gif) -168px -24px no-repeat;}
a#b_laboratory:hover, a.current#b_laboratory {background: transparent url(../img/sub_production-standards.gif) -241px -24px no-repeat;}
a#b_european-location:hover, a.current#b_european-location {background: transparent url(../img/sub_production-standards.gif) -330px -24px no-repeat;}

#subService {
	left: 141px;
	width: 367px;
}

a#b_application {width: 87px; background: transparent url(../img/sub_service-portfolio.gif) 0 0 no-repeat;}
a#b_pretreatment {width: 97px; background: transparent url(../img/sub_service-portfolio.gif) -87px 0 no-repeat;}
a#b_dyeing {width: 53px; background: transparent url(../img/sub_service-portfolio.gif) -184px 0 no-repeat;}
a#b_printing {width: 64px; background: transparent url(../img/sub_service-portfolio.gif) -237px 0 no-repeat;}
a#b_dressing {width: 68px; background: transparent url(../img/sub_service-portfolio.gif) -301px 0 no-repeat;}
/*a#b_bonding-technology {width: 140px; background: transparent url(../img/sub_service-portfolio.gif) -369px 0 no-repeat;}
a#b_contract-workwearEN {width: 166px; background: transparent url(../img/sub_service-portfolio.gif) -509px 0 no-repeat;}*/

a#b_application:hover, a.current#b_application {background: transparent url(../img/sub_service-portfolio.gif) 0 -24px no-repeat;}
a#b_pretreatment:hover, a.current#b_pretreatment {background: transparent url(../img/sub_service-portfolio.gif) -87px -24px no-repeat;}
a#b_dyeing:hover, a.current#b_dyeing {background: transparent url(../img/sub_service-portfolio.gif) -184px -24px no-repeat;}
a#b_printing:hover, a.current#b_printing {background: transparent url(../img/sub_service-portfolio.gif) -237px -24px no-repeat;}
a#b_dressing:hover, a.current#b_dressing {background: transparent url(../img/sub_service-portfolio.gif) -301px -24px no-repeat;}
/*a#b_bonding-technology:hover, a.current#b_bonding-technology {background: transparent url(../img/sub_service-portfolio.gif) -369px -24px no-repeat;}
a#b_contract-workwearEN:hover, a.current#b_contract-workwearEN {background: transparent url(../img/sub_service-portfolio.gif) -509px -24px no-repeat;}*/

/*- CLAIM --------*/

#claim {
	height: 1000px;
	text-indent: -9000px;
}

#philosophy-de #claim h1 {
	width: 483px;
	height: 85px;
	background: transparent url(../img/c_philosophie.png) no-repeat;
	position: absolute;
	top: 15%;
	right: 10%;
}

#philosophy-en #claim h1 {
	width: 364px;
	height: 85px;
	background: transparent url(../img/c_philosophy.png) no-repeat;
	position: absolute;
	top: 15%;
	right: 10%;
}

#production-standards-de #claim h1 {
	width: 449px;
	height: 17px;
	background: transparent url(../img/c_produktion.png) no-repeat;
	position: absolute;
	top: 20%;
	right: 10%;
}

#production-standards-en #claim h1 {
	width: 449px;
	height: 17px;
	background: transparent url(../img/c_production.png) no-repeat;
	position: absolute;
	top: 20%;
	right: 10%;
}

#service-portfolio-de #claim h1 {
	width: 303px;
	height: 43px;
	background: transparent url(../img/c_leistung.png) no-repeat;
	position: absolute;
	top: 20%;
	right: 20%;
}
#service-portfolio-de #claim h1.black {
	background: transparent url(../img/c_leistung-black.png) no-repeat;
}

#service-portfolio-en #claim h1 {
	width: 363px;
	height: 43px;
	background: transparent url(../img/c_service.png) no-repeat;
	position: absolute;
	top: 20%;
	right: 20%;
}
#service-portfolio-en #claim h1.black {
	background: transparent url(../img/c_service-black.png) no-repeat;
}

#ecology-de #claim h1 {
	width: 400px;
	height: 162px;
	background: transparent url(../img/c_oekologie.png) no-repeat;
	position: absolute;
	top: 10%;
	right: 10%;
}

#ecology-en #claim h1 {
	width: 339px;
	height: 160px;
	background: transparent url(../img/c_ecology.png) no-repeat;
	position: absolute;
	top: 10%;
	right: 15%;
}

#contact-en #claim, #contact-de #claim {
	position: absolute;
	top: 140px;
	width: 100%;
	margin: 0 auto;
}

#contact-en #claim #box, #contact-de #claim #box {
	width: 800px;
	margin: 0 auto;
}

/*- CONTENT --------*/

p {
	margin: 0 0 20px 0;
}

#content a {
	color: black;
	text-decoration: underline;
}

#content a:hover {
	color: #999;
	text-decoration: none;
}

body#contact-de #content a, body#contact-en #content a, body#einheitsbedingungen-de #content a, body#einheitsbedingungen-en #content a, body#press-de #content a, body#press-en #content a {
	color: white;
}

#content a:hover {
	color: #999;
	text-decoration: none;
}

h1 {
	font: normal 16px/20px Helvetica, Arial;
	text-transform: uppercase;
	margin: 0 0 7px 0;
}

h2 {
	font: normal 16px/20px Helvetica, Arial;
	text-transform: uppercase;
}

#textFrame h2 {
	margin: 0 0 11px 0;
}

#aktuelles #textFrame p {
	margin: 0 0 40px 0;
}

/*- OTHER BUTTONS --------*/

.b_more {
	display: inline-block;
	text-indent: -9000px;
	width: 49px;
	height: 17px;
	background: transparent url(../img/b_more.gif) 0 0 no-repeat;
}

.b_more:hover {
	background: transparent url(../img/b_more.gif) 0 -17px no-repeat;
}

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

#footer {
	font: normal 10px/14px Helvetica, Arial;
	background-color: white;
}

#footer li {
	display: inline;
	margin: 0 5px 0 0;
	color: #ccc;
}

#footer a, #footer li.grey {
	color: #999;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*- CONTACT --------*/

body#contact-de .zemTextarea, body#contact-de #content input[type="text"], body#contact-en .zemTextarea, body#contact-en #content input[type="text"] {
	font: normal 12px/19px Helvetica, Arial;
}

body#contact-de .zemText, body#contact-de label.zemTextarea, body#contact-en .zemText, body#contact-en label.zemTextarea {
	display: none;
}

body#contact-de #content, body#contact-de #content a, body#contact-en #content, body#contact-en #content a {
	color: white;
	text-decoration: none;
}

body#contact-de #content a:hover, body#contact-en #content a:hover {
	color: silver;
}

body#contact-de #news input[type='text'], body#contact-en #news input[type='text'] {
	display: block;
	border: 1px solid black;
	height: 18px;
	margin: 2px 0;
	text-transform: none;
	width: 100%;
}

body#contact-de textarea, body#contact-en textarea {
	border: 1px solid black;
	height: 100px;
	margin: 2px 0;
	width: 100%;
}

.zemError * {
	color: red;
}

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

.historyImg img {
	border: 3px solid black;
}

.historyTxt h3 {
	text-transform: uppercase;
}

.historyTxt p {
	font-weight: normal;
}

/*- DIV. HEADLINES --------*/

h1.kontakt {
	text-indent: -9000px;
	background: transparent url(../img/txt_kontakt.png) 0 0 no-repeat;
	height: 16px;
}

h1.contact {
	text-indent: -9000px;
	background: transparent url(../img/txt_contact.png) 0 0 no-repeat;
	height: 16px;
}

/*- LATEST --------*/

#latest .text * {
	color: white;
}

#latest .text a:hover {
	text-decoration: none;
	color: silver;
}

#latest .text h1 {
	font-weight: bold;
}

p.slim {
	margin: 0;
}

#latest hr {
	border: none;
	border-bottom: 1px solid white;
	margin: 0 0 20px 0;
}

#latest .text img {
	margin: 0 3px 5px 0;
	border: 1px solid white;
}

a#b_home {
	width: 51px;
	background: transparent url(../img/b_home.gif) 0 0 no-repeat;
	position: absolute;
	top: -40px;
	height: 26px;
	text-indent: -9000px;
}

a#b_home:hover {
	background: transparent url(../img/b_home.gif) 0 -26px no-repeat;
}

body#latest-de a#b_close, body#latest-en a#b_close {
	left: auto;
	top: -33px;
	margin: 0 0 0 577px;
}

/*- LABORATORY --------*/

a#b_skip {
	width: 40px;
	background: transparent url(../img/b_skip.gif) 0 0 no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2000;
	height: 26px;
	text-indent: -9000px;
}

a#b_skip:hover {
	background: transparent url(../img/b_skip.gif) 0 -26px no-repeat;
}

/*- DIV. BUTTONS --------*/

a#b_visit {
	width: 41px;
	background: transparent url(../img/b_visit.gif) 0 0 no-repeat;
	height: 26px;
	text-indent: -9000px;
	display: block;
}

a#b_visit:hover {
	background: transparent url(../img/b_visit.gif) 0 -26px no-repeat;
}

body#contact-de a#b_visit, body#contact-en a#b_visit, body#home-de a#b_visit, body#home-en a#b_visit {
	position: absolute;
	top: 110px;
	right: 0;
}

/*- PRESS --------*/

a#b_presse {
	width: 135px;
	background: transparent url(../img/b_presse.gif) 0 0 no-repeat;
	height: 26px;
	text-indent: -9000px;
	display: block;
}
a#b_presse:hover {
	background: transparent url(../img/b_presse.gif) 0 -26px no-repeat;
}


a#b_press {
	width: 102px;
	background: transparent url(../img/b_press.gif) 0 0 no-repeat;
	height: 26px;
	text-indent: -9000px;
	display: block;
}

a#b_press:hover {
	background: transparent url(../img/b_press.gif) 0 -26px no-repeat;
}
