/* HT Troplast Hauptstylesheet */

* {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	color: #666;
	font: 11px/1.6em Arial, Helvetica, sans-serif;
	background: #fff;	
	text-align: center;
}
img {
	border: 0;
}
hr, span {
	display: none;
}
p {
	margin: 0;
	padding: 0;
}
a:link, a:visited {
	color: #009de0;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
ul {
	list-style: none;
}
input {
	font-size: 11px;
}
textarea {
	font-size: 11px;
}
fieldset {
	border: none;
}
select {
	font-size: 11px;
}
option {
	padding: 1px 2px;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
/* Seitenaufbau */
#wrap {
	position: absolute;
	width: 857px;
	margin-left: -443px;
	margin-bottom: 90px;
	padding: 15px;
	top: 80px;
	left: 50%;
	z-index: 1;
	border: 1px solid #e8e8e8;
	text-align: left;
}
/* Header */
#header {
	float: left;
	width: 857px;
	height: 119px;
	background: url(../pics/bg_header.gif) 138px 0px no-repeat;
}
/* Header - Logo */
h1 a {
	float: left;
	width: 145px;
	height: 77px;
	margin: 20px 0 0 224px;
	background-image: url(../pics/pi_logo.gif);
}
/* Header - Home & English */
ul#top {
	float: left;
	width: 416px;
	height: 83px;
	margin: 0 0 0 72px;
	background-image: url(../pics/bg_header_ul.gif);
}
ul#top li {
	float: left;
	height: 14px;
	margin-top: 12px;
	display: inline; /* Bugfix fuer IE Doubled Float-Margin Bug */
}
ul#top li a:link, ul#top li a:visited {
	display: block;
	height: 14px;
}
/* Header - Home */
ul#top li.home {
	width: 49px;
	margin: 12px 15px 0 276px;
	background-image: url(../pics/ti_header_home.gif);
}
ul#top li.home a:hover, ul#top li.home a:focus {
	background: url(../pics/ti_header_home.gif) 49px 0px;
}
/* Header - English */
ul#top li.english {
	width: 52px;
	background-image: url(../pics/ti_header_english.gif);
}
ul#top li.english a:hover, ul#top li.english a:focus {
	background: url(../pics/ti_header_english.gif) 52px 0px;
}
/* Header - Deutsch */
ul#top li.deutsch {
	width: 59px;
	background-image: url(../pics/ti_header_deutsch.gif);
}
ul#top li.deutsch a:hover, ul#top li.deutsch a:focus {
	background: url(../pics/ti_header_deutsch.gif) 0px 14px;
}
/* Header - Navigation */
ul#navigation {
	float: right;
	width: 472px;
	height: 36px;
	background-image: url(../pics/bg_navi_ul.gif);
}
ul#navigation li {
	float: left;
	height: 32px;
	display: inline; /* Bugfix fuer IE Doubled Float-Margin Bug */
}
ul#navigation li a:link, ul#navigation li a:visited {
	display: block;
	height: 32px;
}
/* Header - Navigation - Ueber uns */
ul#navigation li.ueber {
	margin-left: 2px;
	width: 131px;
	background-image: url(../pics/pi_me_ueber.gif);
}
ul#navigation li.ueber a:hover, ul#navigation li.ueber a:focus, ul#navigation li.ueber a.active {
	background: url(../pics/pi_me_ueber.gif) 0px 32px;
}
/* Header - Navigation - About */
ul#navigation li.about {
	margin-left: 2px;
	width: 131px;
	background-image: url(../pics/pi_me_about.gif);
}
ul#navigation li.about a:hover, ul#navigation li.about a:focus, ul#navigation li.about a.active {
	background: url(../pics/pi_me_about.gif) 0px 32px;
}
/* Header - Navigation - Kontakt */
ul#navigation li.kontakt {
	width: 98px;
	background-image: url(../pics/pi_me_kontakt.gif);
}
ul#navigation li.kontakt a:hover, ul#navigation li.kontakt a:focus, ul#navigation li.kontakt a.active {
	background: url(../pics/pi_me_kontakt.gif) 0px 32px;
}
/* Header - Navigation - Contact */
ul#navigation li.contact {
	width: 98px;
	background-image: url(../pics/pi_me_contact.gif);
}
ul#navigation li.contact a:hover, ul#navigation li.contact a:focus, ul#navigation li.contact a.active {
	background: url(../pics/pi_me_contact.gif) 0px 32px;
}
/* Header - Navigation - Impressum */
ul#navigation li.impressum {
	width: 119px;
	background-image: url(../pics/pi_me_impressum.gif);
}
ul#navigation li.impressum a:hover, ul#navigation.impressum li a:focus, ul#navigation li.impressum a.active {
	background: url(../pics/pi_me_impressum.gif) 0px 32px;
}
/* Header - Navigation - Imprint */
ul#navigation li.imprint {
	width: 119px;
	background-image: url(../pics/pi_me_imprint.gif);
}
ul#navigation li.imprint a:hover, ul#navigation.imprint li a:focus, ul#navigation li.imprint a.active {
	background: url(../pics/pi_me_imprint.gif) 0px 32px;
}
/* Header - Navigation - Links */
ul#navigation li.links {
	width: 122px;
	background-image: url(../pics/pi_me_links.gif);
}
ul#navigation li.links a:hover, ul#navigation li.links a:focus, ul#navigation li.links a.active {
	background: url(../pics/pi_me_links.gif) 0px 32px;
}
/* Image-Container unter Logo */
#imageContainer {
	float: left;
	width: 385px;
	height: 338px;
}
#imageContainer span {
	display: block;
	width: 279px;
	height: 112px;
	margin-left: 106px;
	background: url(../pics/bg_imageContainer_top.jpg);
}
#imageContainer span.middle {
	margin: 1px 0 0 53px;
	background: url(../pics/bg_imageContainer_middle.jpg);
}
#imageContainer span.bottom {
	margin: 1px 0 0 0;
	background: url(../pics/bg_imageContainer_bottom.jpg);
}
/* Content */
#content {
	float: left;
	width: 412px;
	margin: 44px 0 0 36px;
}
#content h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #009de0;
	margin: 0 0 19px 0;
}
#content p {
	margin: 0 0 18px 0;
}
/* Content - Logos */
#content .logoProfine {
	display: block;
	width: 127px;
	height: 47px;
	margin-left: 1px;
	background-image: url(../pics/pi_logo_profine.gif);
}
#content .logos li a:link, #content .logos li a:visited {
	display: block;
}
#content .logoKbe {
	float: left;
	width: 72px;
	height: 37px;
	margin-left: 1px;
	background-image: url(../pics/pi_logo_kbe.gif);
}
#content .logos .logoKbe a:link, #content .logos .logoKbe a:visited {
	width: 72px;
	height: 37px;
}
#content .logoKoemmerling {
	float: left;
	width: 183px;
	height: 37px;
	margin-left: 35px;
	background-image: url(../pics/pi_logo_koemmerling.gif);
}
#content .logos .logoKoemmerling a:link, #content .logos .logoKoemmerling a:visited {
	width: 183px;
	height: 37px;
}
#content .logoTrocal {
	float: left;
	width: 98px;
	height: 37px;
	margin-left: 22px;
	background-image: url(../pics/pi_logo_trocal.gif);
}
#content .logos .logoTrocal a:link, #content .logos .logoTrocal a:visited {
	width: 98px;
	height: 37px;
}
/* Nach oben - Link */
p.toTop {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
}
p.toTop a {
	padding-left: 13px;
	background: transparent url(../pics/ico_bullet_totop.gif) left 1px no-repeat;
}
#content .spacer {
	margin-top: 22px;
}
/* Standard Liste */
ul.relatedList, ul.relatedList ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
ul.relatedList li {
	background: url(../pics/ico_bullet.gif) 0 7px no-repeat;
	clear: both;
	margin-top: 5px;
	padding-left: 13px;
}
/* Spalteneinteilung */
.rowLeft {
	float: left;
	width: 206px;
	margin-bottom: 12px;
}
.rowRight {
	float: left;
	width: 206px;
	margin-bottom: 12px;
}
/* Content - Kontaktformular */
form.contact ul.legend {
	float: right;
	margin: 0 0 15px 0;
}
form.contact ul.legend li {
	text-align: left;
	margin: 0 59px 0 0;
	padding-left: 15px;
	background: url(../pics/ico_form.gif) 0px 5px no-repeat;
}
form.contact ul.legend li.required {
	background: url(../pics/ico_form_required.gif) 0px 5px no-repeat;
}
form.contact .formRow {
	float: left;
	width: 163px;
	margin: 0 0 15px 28px;
}
form.contact .formRowLeft {
	width: 163px;
	margin: 0 0 15px 0;
}
form.contact label {
	display: block;
	margin-bottom: 4px;
	padding-left: 15px;
	font: 11px Arial, Helvetica, sans-serif;
	background: url(../pics/ico_form.gif) 0px 3px no-repeat;
}
form.contact label.required {
	background: url(../pics/ico_form_required.gif) 0px 3px no-repeat;
}
form.contact select.normal {
	width: 163px;
	height: 16px;
	border: 1px solid #dfdfdf;
	background-color: #f7f7f7;
}
form.contact select.error {
	width: 163px;
	height: 16px;
	border: 1px solid #86dafe;
	background-color: #fff;
}
form.contact input.normal {
	width: 160px;
	height: 15px;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #dfdfdf;
	background-color: #f7f7f7;
}
form.contact input.error {
	width: 160px;
	height: 15px;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #86dafe;
	background-color: #fff;
}
form.contact .formRowLeft input.street, form.contact .formRow input.street {
	width: 128px;
}
form.contact .formRowLeft input.streetNr, form.contact .formRow input.streetNr {
	width: 25px;
	margin-left: 3px;
}
form.contact .formRowLeft input.plz, form.contact .formRow input.plz {
	width: 45px;
}
form.contact .formRowLeft input.ort, form.contact .formRow input.ort {
	width: 107px;
	margin-left: 3px;
}
form.contact .txtArea {
	display: block;
	width: 354px;
}
form.contact .txtArea textarea {
	width: 352px;
	border: 1px solid #dfdfdf;
	background-color: #f7f7f7;
}
form.contact .txtArea textarea.error {
	width: 352px;
	border: 1px solid #86dafe;
	background-color: #fff;
}
/* Formular - Buttons */
.formButton {
	width: 79px;
	height: 22px;
	background-color: #f7f7f7;
	color: #666;
	border: 1px solid #dfdfdf;
	font: 11px Arial, Helvetica, sans-serif;
}
.formButton:hover {
	color: #009de0;
}
.formButtonRight {
	width: 52px;
	margin-right: 58px;
	font-weight: bold;
}
.buttonSet {
	float: right;
	width: 300px;
	margin: 15px 0 30px 0;
	text-align: right;
}
.buttonSet a:link, .buttonSet a:visited {
	float: right;
	width: 100px;
	height: 15px;
	margin: 0 58px 0 0;
	text-decoration: none;
	text-align: center;
	background-color: #f7f7f7;
	color: #666;
	border: 1px solid #dfdfdf;
	font: 11px Arial, Helvetica, sans-serif;
}
.buttonSet a:hover, .buttonSet a:focus {
	color: #009de0;
}
.buttonSet a.buttonLeft:link, .buttonSet a.buttonLeft:visited {
	margin: 0 6px 0 0;
}
.buttonSet a.buttonBold:link, .buttonSet a.buttonBold:visited {
	width: 65px;
	font-weight: bold;
}
/* Footer */
#footer {
	float: right;
	width: 450px;
	height: 22px;
	margin-top: 35px;
	background-image: url(../pics/bg_footer.gif);
}


/* Welcome */

/* Welcome - Seitenaufbau */
#welcome #wrap {
	width: 910px;
	height: 464px; 
	margin-left: -450px;
	margin-top: -232px;
	margin-bottom: 0;
	padding: 0;
	top: 44%;
	left: 50%;
	background: url(../pics/bg_welcome.jpg) no-repeat;
	border: none;
}
/* Welcome - Header */
#welcome #header {
	float: left;
	width: 910px;
	height: 163px;
	margin: 208px 0 0 0;
	background: url(../pics/bg_header_welcome.jpg) 16px 18px no-repeat;
}
/* Welcome - Header - Logo */
#welcome h1 a {
	margin: 36px 0 0 115px;
	background-image: url(../pics/pi_logo.gif);
}
/* Welcome - Header - Home & English */
#welcome ul#top {
	width: 578px;
	height: 130px;
	margin: 0 0 0 72px;
	background: url(../pics/bg_header_ul_welcome.gif) left bottom no-repeat;
}
/* Welcome - Header - Home & English */
#welcome ul.topUK {
	background: url(../pics/bg_header_ul_welcome_uk.gif) left bottom no-repeat !important;
}
#welcome ul#top li {
	margin-top: 0;
}
/* Welcome - Header - Home */
#welcome ul#top li.home {
	width: 48px;
	margin: 0 34px 0 326px;
	background-image: url(../pics/ti_header_home_welcome.gif);
}
#welcome ul#top li.home a:hover, #welcome ul#top li.home a:focus, #welcome ul#top li.home a.active {
	background: url(../pics/ti_header_home_welcome.gif) 0 14px;
}
/* Header - English - Welcome */
#welcome ul#top li.english {
	background-image: url(../pics/ti_header_english_welcome.gif);
}
#welcome ul#top li.english a:hover, #welcome ul#top li.english a:focus {
	background: url(../pics/ti_header_english_welcome.gif) 0 14px;
}
/* Header - Deutsch - Welcome */
#welcome ul#top li.deutsch {
	width: 59px;
	background-image: url(../pics/ti_header_deutsch_welcome.gif);
}
#welcome ul#top li.deutsch a:hover, #welcome ul#top li.deutsch a:focus {
	background: url(../pics/ti_header_deutsch_welcome.gif) 0 14px;
}
/* Welcome - Header - Navigation */
#welcome ul#navigation {
	float: left;
	width: 645px;
	height: 32px;
	margin-left: 265px;
	background-image: url(../pics/bg_navi_ul_welcome.gif);
	display: inline; /* Bugfix fuer IE Doubled Float-Margin Bug */
}
/* Welcome - Header - Navigation - Ueber uns */
#welcome ul#navigation li.ueber {
	margin: 0;
	width: 105px;
	margin-left: 94px;
	background-image: url(../pics/pi_me_ueber_welcome.gif);
}
#welcome ul#navigation li.ueber a:hover, #welcome ul#navigation li.ueber a:focus, #welcome ul#navigation li.ueber a.active {
	background: url(../pics/pi_me_ueber_welcome.gif) 0px 32px;
}
/* Welcome - Header - Navigation - About */
#welcome ul#navigation li.about {
	margin: 0;
	width: 105px;
	margin-left: 94px;
	background-image: url(../pics/pi_me_about_welcome.gif);
}
#welcome ul#navigation li.about a:hover, #welcome ul#navigation li.about a:focus, #welcome ul#about li.ueber a.active {
	background: url(../pics/pi_me_about_welcome.gif) 0px 32px;
}
/* Welcome - Content */
#welcome #content {
	float: left;
	width: 385px;
	height: 50px;
	margin: 27px 0 0 384px;
	background-image: url(../pics/ti_content_welcome.gif);
	display: inline; /* Bugfix fuer IE Doubled Float-Margin Bug */
}
/* Welcome - Content */
#welcome #contentUK {
	float: left;
	width: 369px;
	height: 32px;
	margin: 27px 0 0 384px;
	background-image: url(../pics/ti_content_welcome_uk.gif);
	display: inline; /* Bugfix fuer IE Doubled Float-Margin Bug */
}