/* CSS Document */

/* ==== Allgemein: Classes ==== */
.clear {
	clear: both;
}
.clearr {
	clear: right;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix { height: 1%; }
* html div#content {height: 1%;}
.highlight {
	color: #fff;
	background: #900;
	border-bottom: #600;
}
p.slogan {
	font-style: italic;
	letter-spacing: 1px;
}
p.contactPerson {
	background: transparent url("../images/contact-bg.png") -7px -3px no-repeat;
	padding: 6px 6px 6px 35px;
	background-color: #cdd1da;
}
a {
	text-decoration: none;
	/*color: #036;*/
	color: #003399;
	/* Rahmen verhindern */
	outline: none;
}
a:active {
	/* Rahmen verhindern */
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #654;
}
span.btn {
	background: transparent url("../images/button-sl.png") bottom left no-repeat;
	line-height: 32px;
	vertical-align: top;
	padding: 6px 10px;
	font-weight: bold;
}

/* ==== Allgemein ==== */
body, input, textarea, p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input, textarea {
	font-size: 12px;
	padding: 2px;
}
body, div, h2, h3, ul, li {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
img {
	border: 0;
}

/* ==== Layout ==== */
#container {
	background-color: #fff;
	border: 0;
	padding: 0;
	margin: 20px auto;
	text-align: left;
	width: 820px;
}
#header {
	margin: 0 0 2px 151px;
	padding-left: 5px;
	background: #e9edf3 url("../images/leise-logo-text.png") 98% 50% no-repeat;
}
#header_en {
	margin: 0 0 2px 151px;
	padding-left: 5px;
	background: #e9edf3 url("../images/leise-logo-text_en.png") 98% 50% no-repeat;
}
#header h2, #header_en h2 {
	padding: 50px 0 0 0;
	font-size: 20px;
}
#header p, #header_en p {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

#navigation {
	clear: left;
	background-color: #099;
	margin: 2px 0;
	background-color: #dbe1ee;
	border: 1px solid #dbe1ee;
	padding: 4px 0;
}
#logo {
	background: url("../images/framelogo-default.jpg") top left no-repeat;
	text-indent: -999em;
}
/* Es können mehrere Bilder in der Ecke angezeigt werden */
#logo.industry {
	background-image: url("../images/framelogo-industry.jpg");
}
#logo.automotive {
	background-image: url("../images/framelogo-automotive.jpg");
}
#logo.online {
	background-image: url("../images/framelogo-online.jpg");
}
#logo.depot {
	background-image: url("../images/framelogo-depot.jpg");
}

/* === */


#logo, #header, #header_en {
	height: 112px;
	margin-bottom: 2px;
}
#sidebar, #logo {
	background-color: #dbe1ee;
	float: left;
	width: 149px;
}
#sidebar {
	clear: left;
	margin-bottom: 2px;
}
#row {
	background-color: #dbe1ee;
}
#content {
	background-color: #e9edf3;
	margin: 0 0 2px 149px; /* Without border: 151px */
	padding: 5px;
	border-left: 2px solid white;
}
#fullContent {
	background-color: #e9edf3;
	padding: 5px;
}
#footer {
	clear: left;
	margin: 0;
	padding: 4px 0;
	border: 1px solid #e9edf3;
	background: #e9edf3;
	font-size: 7pt;
	text-align: center;
}

/* ==== Menu ==== */
#hmenu {
	list-style: none;
	margin: 14px;
}
#hmenu li {
	margin: 4px;
	display: block;
}
#hmenu li a {
	text-decoration: none;
}

/* ==== Menu Images ==== */
#hmenu li a.mainBtn {
	display: block;
	height: 24px;
	width: 115px;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-indent: 5px;
	line-height: 22px;
}
#hmenu li a:hover {
	color: #999;
}
#hmenu #hmaboutus a.mainBtn {
	background: url("../images/btn-db.png") top left no-repeat;
}
#hmenu #hmindustry a.mainBtn {
	background: url("../images/btn-ro.png") top left no-repeat;
}
#hmenu #hmautomotive a.mainBtn {
	background: url("../images/btn-hb.png") top left no-repeat;
}
#hmenu #hmservice a.mainBtn {
	background: url("../images/btn-ge.png") top left no-repeat;
}
#hmenu ul {
	display: none;
	font-size: 10px;
	color: #000;
	background: #fff;
	margin: 0;
	border: 1px solid #fff;
}
#hmenu ul li a.selected {
	background: #c4dcff;
}

/* ==== Nachrichten Panel ==== */
#messages {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#messages ul {
	margin-left: 20px;
	list-style: outside disc;
}
#messages ul li {
	padding-left: 30px;
	line-height: 20px;
}
#messages ul li.error {
	background: url("../images/cancelbtn.png") center left no-repeat;
	color: #900;
}
#messages ul li.info {
	background: url("../images/info.gif") center left no-repeat;
	color: #00c;
}


/* ==== Search Form ==== */
#searchform, #searchform_eng {
	display: block;
	padding: 0;
	margin: 0;
	padding-bottom: 120px;
}

#searchform {
	background: #dbe1ee url("../images/100jahre.jpg") 1% 90% no-repeat;
}

#searchform_eng {
	background: #dbe1ee url("../images/100jahre_en.png") 1% 90% no-repeat;
}


#searchform div, #searchform_eng div {
	padding: 0 10px;
	margin: 0;
}
#searchform #keyword, #searchform_eng #keyword {
	width: 90px;
	margin: 0;
	padding: 3px;
	border: 1px solid #999;
	height: 17px;
}
#searchform #searchSubmitBtn, #searchform_eng #searchSubmitBtn {
	padding: 0;
	margin: 0;
	vertical-align: top;
	border: 1px solid #999;
}


/* ==== Left Menu Links ==== */

#mainLinks {
	padding: 30px 0px 0px 10px;
}
#mainLinks ul {
	list-style: none;
}
#mainLinks ul li {
	padding-bottom: 5px;
}
#mainLinks ul li a {
	padding: 2px 0 2px 20px;
}
a.atpLink {
	background: transparent url("../images/symbAtp.gif") 0px 1px no-repeat;
}
a.aspLink {
	background: transparent url("../images/symbAsp.gif") 0px 1px no-repeat;
}
a.it24Link {
	background: transparent url("../images/symbIt24.gif") 0px 1px no-repeat;
}
a.leitePsLink {
	background: transparent url("../images/symbPS.gif") 0px 1px no-repeat;
}
/* ==== / ==== */


/* ==== Intro ==== */
#intro {
}
#intro h1 {
	padding: 0;
	margin: 0;
	display: block;
	background: url("../images/intro-top.jpg") top left no-repeat;
}
#intro h1 a {
	display: block;
	text-indent: -999em;
	height: 519px;
}
#intro #introSelection {
	background: transparent url("../images/intro-slogan.png") 0% 86% no-repeat;
}
#intro #introLogo {
	background: transparent url("../images/leise-logo.png") 100% 0% no-repeat;
	position: relative;
	height: 258px;
}
#intro #introLangSelection {
	position: absolute;
	bottom: 0;
	padding-right: 500px;
	background: transparent url("../images/intro-btm-bar.png") bottom right no-repeat;
}
#intro #introLangSelection li {
	float: left;
	margin-right: 10px;
}
#intro #introLangSelection li a {
	display: block;
	text-indent: -999em;
	height: 21px;
	width: 38px;
}
#intro #introLangSelection #introLangSelDE {
	background: #fff url("../images/symb-flag-de.png") top left no-repeat;
}
#intro #introLangSelection #introLangSelEN {
	background: #fff url("../images/symb-flag-usuk.png") top left no-repeat;
}

/* ==== Start/Home: Bereiche ==== */
#pnlhome {
	float: left;
	width: 75%;
}
#pnlnews {
	float: right;
	width: 23%;
	background: #fff;
	margin-top: 6px;
}
.pnlhomearea {
	width: 219px;
	float: left;
	margin: 6px 10px;
	padding-top: 126px;
	background: #fff;
}
.pnlhomearea h3 {
	background: url("../images/leise-small-wpipe.png") 0% 50% no-repeat;
	padding-left: 52px;
	font-style: italic;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 4px;
}
.pnlhomearea ul {
	list-style: none;
	font-size: 10px;
	line-height: 14px;
}
.pnlhomearea ul li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	background: url("../images/pipe.png") 100% 50% no-repeat;
	white-space: nowrap;
}
.pnlhomearea ul li.last {
	background: transparent;
}
#pnlhomeindustry {
	background: url("../images/title-industrie.jpg") top left no-repeat;
}
#pnlhomeautomotive {
	background: url("../images/title-kfz.jpg") top left no-repeat;
}
#pnlhomeservice {
	background: url("../images/title-mehr.jpg") top left no-repeat;
}
#pnlhomeabout {
	background: url("../images/title-wir.jpg") top left no-repeat;
}




/* ==== News, News Archiv and News List ==== */
#pnlnews h2 {
	text-indent: -999em;
	background: url("../images/news-list-h2.png") 0% 50% no-repeat;
}
#sidebarnewspnl {
	/*
	max-height: 500px;
	overflow: auto;
	*/
}
#sidebarnewspnl h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#sidebarnewspnl .date {
	font-size: 9px;
}
#sidebarnewspnl p {
	padding: 4px 0;
	margin: 0;
}
#sidebarnewspnl li {
	padding: 2px;
}
#news {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#news h3 {
	padding: 0 0 20px 0;
}
#news .date {
	font-size: 10px;
}
#news.right img, #newsPreview.right img {
	float: right;
	border-right: 3px solid #f8e700;
	padding: 0 0 10px 10px;
}
#news.left img, #newsPreview.left img {
	float: left;
	border-left: 3px solid #f8e700;
	padding: 0 10px 10px 0;
}
#news.top img, #newsPreview.top img {
	display: block;
	border-left: 3px solid #f8e700;
	border-right: 3px solid #d60028;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
#news_archiv
{
	text-align:center;
	font-style: italic;
}
#news_archiv_list {
	background: #fff;
	margin: 10px;
	padding: 10px;
}

/* ==== Industrie und PKW ==== */
#industry .indPanel, #automotive .autPanel {
	float: left;
	width: 120px;
	margin: 4px;
	padding: 3px 3px 0 0;
}
#industry .indPanel {
	background: transparent url("../images/corner-red.png") top right no-repeat;
}
#automotive .autPanel {
	background: transparent url("../images/corner-blue.png") top right no-repeat;
}
#industry .indPanel .title, #automotive .autPanel .title {
	width: 100%;
	background: #fff;
	background-position: top left;
	background-repeat: no-repeat;
	height: 120px;
	padding-top: 120px;
}
#automotive .autPanel .title {
	height: 140px;
}
#automotive #street .image {
	background: #fff url("../images/picture-road.jpg") top left no-repeat;
	width: 100%;
	height: 379px;
}
/* == Bilder == */

	/* = Industrie = */
	#industry #antrieb .title {
		background-image: url("../images/cat/cat-antrieb.jpg");
	}
	#industry #kleben .title {
		background-image: url("../images/cat/cat-kleben.jpg");
	}
	#industry #linear .title {
		background-image: url("../images/cat/cat-linear.jpg");
	}
	#industry #norm .title {
		background-image: url("../images/cat/cat-norm.jpg");
	}
	#industry #pneuma .title {
		background-image: url("../images/cat/cat-pneuma.jpg");
	}
	#industry #reinigung .title {
		background-image: url("../images/cat/cat-reinigung.jpg");
	}
	#industry #schmier .title {
		background-image: url("../images/cat/cat-schmier.jpg");
	}
	#industry #schutz .title {
		background-image: url("../images/cat/cat-schutz.jpg");
	}
	#industry #waelz .title {
		background-image: url("../images/cat/cat-waelz.jpg");
	}
	#industry #werkstatt .title {
		background-image: url("../images/cat/cat-werkstatt.jpg");
	}
	
	/* Besonderheiten */
	#industry #werkstatt .title {
		height: 250px;
	}
	#industry #reinigung .list,
	#industry #schutz .list,
	#industry #schmier .list,
	#industry #pneuma .list {
		height: 430px;
	}
	#industry #werkstatt .list {
		height: 300px;
	}	
	/* = KFZ = */
	#automotive #bremsen1 .title {
		background-image: url("../images/cat/cat-bremse-i.jpg");
	}
	#automotive #bremsen2 .title {
		background-image: url("../images/cat/cat-bremse-ii.jpg");
	}
	#automotive #chemie .title {
		background-image: url("../images/cat/cat-chemie.jpg");
	}
	#automotive #federung .title {
		background-image: url("../images/cat/cat-federung.jpg");
	}
	#automotive #karosserie .title {
		background-image: url("../images/cat/cat-karosserie.jpg");
	}
	#automotive #zubehoer .title {
		background-image: url("../images/cat/cat-zubehoer.jpg");
	}
	#automotive #elektrik .title {
		background-image: url("../images/cat/cat-elektrik.jpg");
	}
	#automotive #filter .title {
		background-image: url("../images/cat/cat-filter.jpg");
	}
	#automotive #kupplung .title {
		background-image: url("../images/cat/cat-kupplung.jpg");
	}

	/* Besonderheiten */
	#automotive #kupplung .title {
		height: 180px;
	}
	#automotive #kupplung .list {
		height: 160px;
	}
	#automotive #zubehoer .title ul li {
		float: none;
		background: none;
	}
	
#industry .indPanel .title h3 {
	padding: 0 4px;
	color: #d4001f;
	font-size: 12px;
}
#automotive .autPanel .title h3 {
	padding: 0 4px;
	color: #02a5e0;
	font-size: 12px;
}
#industry .indPanel .title ul, #automotive .autPanel .title ul {
	padding: 2px 4px;
	font-size: 9px;
}
#industry .indPanel .title ul li, #automotive .autPanel .title ul li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	white-space: nowrap;
}
#industry .indPanel .title ul li {
	background: url("../images/pipe-red.png") 100% 50% no-repeat;
}
#automotive .autPanel .title ul li {
	background: url("../images/pipe-blue.png") 100% 50% no-repeat;
}
#industry .indPanel .title ul li.last, #automotive .autPanel .title ul li.last {
	background: transparent;
}
#industry .indPanel .title ul li.sep, #automotive .autPanel .title ul li.sep {
	background: transparent;
	margin-right: 5px;
	padding-right: 0;
}
#industry .indPanel .list, #automotive .autPanel .list {
	background: #fff;
	padding: 4px;
	height: 200px;
	display: block;
}
#industry .indPanel .list ul, #automotive .autPanel .list ul {
	font-size: 9px;
	line-height: 9px;
	list-style: outside disc;
	margin-left: 12px;
}
#industry .indPanel .list ul li.last {
	background: transparent;
}
#industry .indPanel .list ul li.last, #automotive .autPanel .list ul li.last {
	background: transparent;
}

/* ==== Wir über uns: Firmengeschichte ==== */
#history {
	background: #fff;
	margin: 10px;
}
#history .leftCol {
	width: 326px;
	float: left;
}
#history .rightCol {
	float: right;
	width: 260px;
}
#history .leftCol p {
	padding-left: 60px;
}
#history #gf {
	background: transparent url("../images/history-gf.jpg") top right no-repeat;
	border-right: 3px solid #f8e700;
	padding-top: 300px;
}
#history #gf p {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #6d87c2;
	padding: 2px 5px 8px 0;
	margin-left: 20px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#history #hist {
	border-left: 3px solid #d60028;
}
#history #hist #wleise {
	padding-top: 110px;
	background: transparent url("../images/history-leise.jpg") top left no-repeat;
	width: 82px;
	float: left;
	border-bottom: 1px solid #6d87c2;
}
#history #hist #uhengel {
	padding-top: 110px;
	background: transparent url("../images/history-engel.jpg") top right no-repeat;
	width: 146px;
	float: left;
	border-bottom: 1px solid #6d87c2;
}
#history #hist p {
	padding: 0;
	margin: 0;
	padding: 2px 5px 8px 4px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}

/* ==== Wir über uns: Qualitätssicherung ==== */
#quality {
	background: #fff;
	margin: 10px;
}
#quality h3 {
	font-size: 16px;
	color: #3c6baf;
}
#quality .leftCol {
	width: 240px;
	padding: 20px 20px;
	float: left;
}
#quality .rightCol {
	float: right;
	width: 346px;
}
#certs {
	margin: 20px 0;
	padding: 0;
	background: #dde3f2;
	border-left: 3px solid #1b53a2;
	border-bottom: 1px solid #1b53a2;
}
#certIso9001, #certIso14001 {
	float: left;
	width: 170px;
	
}

/* ==== Wir über uns: Lager- & Zufuhrlogistik ==== */
#logistics {
	padding: 0;
	margin: 10px;
}
#logistics #logisticsContent {
	background: #fff url("../images/lager-top.jpg") top left no-repeat;
}
#logistics #logisticsTopRow {
	background: transparent url("../images/lager-scanner.jpg") top right no-repeat;
	border-left: 3px solid #c60729;
	float: right;
	width: 245px;
	margin-right: 20px;
	margin-top: 122px;
	padding-top: 255px;
}
#logistics #logisticsTopRow p {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #6d87c2;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#logistics #logisticsBottomRow {
	margin-top: 20px;
	margin-right: 20px;
	background: transparent url("../images/lager-bottom.jpg") top right no-repeat;
	position: relative;
	padding: 0 245px 0 60px;
}
#logistics #logisticsBottomRow #text {
	border-right: 3px solid #f8e700;
	padding: 0 20px 70px 0;
}
#logistics #logisticsBottomRow #text p {
	margin-top: 0;
}
#logistics #logisticsBottomRow #text p.imageLabel {
	font-size: 10px;
	font-style: italic;
	color: #666;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 180px;
	padding: 0 10px 5px 0;
	margin: 0;
	margin-right: 245px;
	border-bottom: 1px solid #6d87c2;
}

/* ==== Wir über uns: Partner ==== */
#partnership {
	padding: 10px;
	background: #fff;
}
#partnership #titleVerbund, #partnership #titlePartner {
	background: #fff url("../images/leise-mid-wpipe-bl.png") 0% 50% no-repeat;
	font-style: italic;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 3px;
	padding-left: 60px;
	border-bottom: 1px solid #98a5d1;
	padding-bottom: 2px;
	width: 40%;
}

/* ==== Niederlassungen ==== */
#offices {
	background: #fff;
	margin: 10px;
	padding: 2px 6px;
}
#offices #mainOfficeImage {
	border-left: 3px solid #f8e700;
	border-right: 3px solid #6d87c2;
	width: 620px;
}
#offices #mainOfficeImage img {
	display: block;
}
#offices #mainOffice {
	background: transparent url("../images/corner-red.png") top right no-repeat;
	padding: 3px 3px 0 0;
	margin-top: 40px;
}
#offices #mainOfficeInfo {
	float: left;
	width: 50%;
}
#offices #mainOfficeMap {
	float: right;
}
#mainOfficeInfo h3, #otherOffices h3 {
	background: #fff url("../images/leise-mid-wpipe-bl.png") 0% 50% no-repeat;
	font-style: italic;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 3px;
	padding-left: 60px;
	border-bottom: 1px solid #98a5d1;
	padding-bottom: 2px;
	width: 30%;
}
#otherOffices {
	margin-top: 10px;
}
#mainOfficeInfo h3 {
	border-bottom: 1px solid #d7112d;
	white-space: nowrap;
	width: 180px;
}
#offices .entry {
	display: block;
}
#offices .entry .fixed {
	float: left;
	width: 120px;
}
#offices .offPanel {
	background: transparent url("../images/corner-dblue.png") top right no-repeat;
	float: left;
	width: 130px;
	margin: 10px;
	padding: 3px 3px 0 0;
	font-size: 11px;
	height: 340px;
}
#offices .offPanel .title h4 {
	background: #fff url("../images/leise-small-wpipe-bl.png") 0% 50% no-repeat;
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-left: 45px;
	border-bottom: 1px solid #98a5d1;
}

/* ==== Regionen ==== */
#regions {
	background: #fff;
	margin: 10px;
	padding-bottom: 40px;
	text-align: center;
}


/* ==== Niederlassungen ==== */
#office {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
.officeBlockItem {
	padding-right: 60px;
	margin-bottom: 20px;
}
.officeBlockItem .pad {
	margin-left: 150px;
	width: 300px;
}
.officeBlockItem h4, .officeBlockItem ul {
	width: 100%;
}
#officeBlockContact {
	background: #fff url("../images/symb-kontakt.png") 100% 0% no-repeat;
}
#officeBlockIndustry {
	background: #fff url("../images/symb-industrie.png") 100% 0% no-repeat;
}
#officeBlockIndustry ul {
	/* Fake, weil sich der Firefox mit den verschachtelten Floatings schwer tut ;) (Oder ich) */
	height: 90px;
}
#officeBlockAutomotive {
	background: #fff url("../images/symb-kfz.png") 100% 0% no-repeat;
}
#officeBlockProtection {
	background: #fff url("../images/symb-arbsc.png") 100% 0% no-repeat;
	padding-bottom: 30px;
}

.officeBlockItem h3 {
	margin-top: 0;
	padding: 0;
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #205aa7;
}
.officeBlockItem .phone, .officeBlockItem .dial {
	color: #df0029;
	font-weight: bold;
	font-size: 18px;
}
.officeBlockItem .dial {
	display: inline;
	float: left;
}
.officeBlockItem .leftPad {
	display: inline;
	float: left;
}
.officeBlockItem h4 {
	margin-top: 0;
	padding: 0;
	font-style: italic;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 4px;
}
.officeBlockItem ul {
	list-style: none;
	font-size: 10px;
	line-height: 14px;
}
.officeBlockItem ul li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	background: url("../images/pipe.png") 100% 50% no-repeat;
	white-space: nowrap;
}
.officeBlockItem ul li.last {
	background: transparent;
}
#office .address {
	margin-left: 140px;
}

#office span.dialEntry, #offices span.dialEntry {
	font-size: 90%;
	padding: 0 0 3px 0;
	display: block;
}
#office span.dialTitle, #offices span.dialTitle {
	display: block;
	font-weight: bold;
	padding: 3px 0 2px 20px;
}

#office .offPanel {
	background: transparent url("../images/corner-dblue.png") top right no-repeat;
	width: 400px;
	margin: 10px;
	padding: 3px 3px 0 0;
	font-size: 11px;
}
#office .offPanel .title {
	float: right;
}
#office .offPanel h4 {
	margin: 0;
	display: inline;
	background: #fff url("../images/leise-small-wpipe-bl.png") 0% 50% no-repeat;
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-left: 45px;
	border-bottom: 1px solid #98a5d1;
}

#office .mainOffice {
	background: transparent url("../images/corner-red.png") top right no-repeat;
}
#office .mainOffice h4 {
	background: #fff url("../images/leise-mid-wpipe-bl.png") 0% 50% no-repeat;
	font-style: italic;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 3px;
	padding-left: 60px;
	border-bottom: 1px solid #98a5d1;
	padding-bottom: 2px;
}


/* ==== AGBs ==== */
#terms {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#terms p {
	text-align: justify;
	margin-top: 0;
}
#terms .pdfDownload {
	float: right;
	margin: 0 0 10px 10px;
	width: 27%;
}

/* ==== Training ==== */
#training {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#training .leftCol {
	width: 280px;
	float: left;
	background: transparent url("../images/training-book.jpg") 60% 100% no-repeat;
	padding-bottom: 250px;
}
#training .rightCol {
	float: right;
	width: 316px;
}
#training .leftCol p {
	margin-top: 0;
	margin-left: 20px;
}
#training #trainingImage {
	background: transparent url("../images/training-person.jpg") top right no-repeat;
	border-left: 3px solid #00a5e0;
	float: right;
	width: 300px;
	padding-top: 205px;
}
#training #trainingImage p {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #6d87c2;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#training #trainingDesc {
	border-left: 3px solid #00a5e0;
	margin-top: 40px;
	float: right;
	width: 300px;
}
#training #trainingDesc p.descr {
	padding: 0;
	margin: 0;
	border-top: 1px solid #6d87c2;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}

/* ==== Kleinteile-Logistik/C-Teile-Management ==== */
#kanban {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#kanban .leftCol {
	width: 300px;
	float: left;
	background: transparent url("../images/kanban-screenshot.jpg") 60% 100% no-repeat;
	padding-bottom: 190px;
}
#kanban .rightCol {
	float: right;
	width: 300px;
}
#kanban #kanbanImage {
	background: transparent url("../images/kanban-images.jpg") top right no-repeat;
	border-left: 3px solid #00a5e0;
	float: right;
	width: 280px;
	height: 497px;
}

/* ==== Technische Beratung ==== */
#consulting {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#consulting .leftCol {
	width: 300px;
	float: left;
}
#consulting .rightCol {
	float: right;
	width: 290px;
}
#consulting #tcHeader {
	background: transparent url("../images/tech-fullheader.jpg") top center no-repeat;
	width: 600px;
	height: 195px;
	border-right: 3px solid #00a5e0;
	border-left: 3px solid #6d87c2;
	margin-bottom: 20px;
}
#consulting #tcScreen {
	background: transparent url("../images/tech-linear-290.jpg") bottom right no-repeat;
	width: 292px;
	height: 220px;
	border-right: 3px solid #00a5e0;
	border-top: 1px solid #6d87c2;
}
#consulting h4 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	letter-spacing: 2px;
	color: #0069b6;
}

/* ==== ASP ==== */
#workshop {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#workshop .leftCol {
	width: 300px;
	float: left;
}
#workshop .rightCol {
	float: right;
	width: 300px;
}
#workshop #workshopImage {
	background: transparent url("../images/workshop-asp.jpg") top left no-repeat;
	width: 220px;
	padding-top: 195px;
	margin: 0 auto;
}
#workshop #workshopImage p {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #6d87c2;
	border-left: 3px solid #00a5e0;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
	margin-bottom: 30px;
}
#workshop #aspLink {
	background: transparent url("../images/workshop-asp-small.png") top left no-repeat;
	padding-left: 50px;
	height: 40px;
}
#workshop .pdfDownload {
	margin: 0 auto;
	width: 220px;
}
#workshop #aspFeatures {
	display: block;
	border: 1px solid #339;
	
}
#workshop #aspFeatures h3 {
	background: #339;
	display: block;
	margin: 0;
	padding: 3px;
	font-weight: bold;
	font-size: 16px;
	color: #ff0;
}
#aspFeatures ul {
	display: block;
	color: #f00;
	list-style: outside disc;
	padding-left: 20px;
	margin: 10px 0;
}
#aspFeatures ul li span {
	color: #339;
}
#aspFeatures .col1Ul {
	width: 42%;
	float: left;
}
#aspFeatures .col2Ul {
	width: 42%;
	float: right;
}


/* ==== Autoteilepilot.de ==== */
#atp {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#atp .leftCol {
	width: 320px;
	float: left;
}
#atp .rightCol {
	float: right;
	width: 280px;
}
#atp #atpAdvantages {
	background: #dbe1ee;
	padding: 20px;
}
#atp #atpAdvantages li {
	margin: 10px 0;
}
#atp #atpScreenshots {
	border-left: 3px solid #00a5e0;
	border-bottom: 1px solid #6d87c2;
}
#atp #atpScreenshots p {
	padding: 0;
	margin: 0;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#atp #atpScreenshots #atpStart {
	background: transparent url("../images/atp-screen-login.png") top left no-repeat;
	padding-top: 165px;
}
#atp #atpScreenshots #atpOrder {
	background: transparent url("../images/atp-screen-order.png") top left no-repeat;
	padding-top: 210px;
}
#atp #atpLink {
	background: transparent url("../images/atp-logo-small.jpg") 50% 0% no-repeat;	
	padding-top: 30px;
	text-align: center;
}

/* ==== SelectDoc ==== */
#selectdoc {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#selectdoc .leftCol {
	width: 320px;
	float: left;
}
#selectdoc .rightCol {
	float: right;
	width: 280px;
}
#selectdoc #selectdocAdvantages {
	background: #dbe1ee;
	padding: 20px;
}
#selectdoc #selectdocAdvantages li {
	margin: 10px 0;
}
#selectdoc #selectdocCover {
	border-left: 3px solid #00a5e0;
	border-bottom: 1px solid #6d87c2;
}
#selectdoc #selectdocCover p {
	padding: 0;
	margin: 0;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#selectdoc #selectdocCover {
	background: transparent url("../images/selectdoc-cover.jpg") top left no-repeat;
	padding-top: 280px;
}

/* ==== Industrietechnik 24 ==== */
#it24 {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#it24 .leftCol {
	width: 360px;
	float: left;
}
#it24 .rightCol {
	float: right;
	width: 240px;
}
#it24 #it24Advantages {
	background: #dbe1ee;
	padding: 20px;
}
#it24 #it24Advantages li {
	margin: 10px 0;
}
#it24 #it24Book {
	border-left: 3px solid #00a5e0;
	border-bottom: 1px solid #6d87c2;
}
#it24 #it24Book p {
	padding: 0;
	margin: 0;
	padding: 2px 5px 8px 10px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#it24 #it24Book {
	background: transparent url("../images/it24-book.jpg") top left no-repeat;
	padding-top: 300px;
}
#it24 #it24Book .welcome {
	display: block;
	margin: 20px 0;
	font-size: 14px;
}
#it24 #it24Link {
	background: transparent url("../images/it24-logo-mid.png") 0% 50% no-repeat;
	padding-left: 154px;
}

/* ==== Ausbildung / Trainee ==== */
#trainee {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#trainee #trainers {
	border-left: 3px solid #d60028;
	float: left;
}
#trainee #trainerInfo {
	float: left;
}
#trainee #trainerInfo p {
	padding: 0;
	padding-left: 12px;
	margin: 0;
	margin-bottom: 12px;
}
#trainee #trainingInfoGH, #trainee #trainingInfoLG, #trainee #trainingInfoBew {
	margin-top: 12px;
}
/*#trainee #trainers #bbauer {
	padding-top: 175px;
	background: transparent url("../images/trainer-b-bauer.jpg") top left no-repeat;
	width: 140px;
	float: left;
	border-bottom: 1px solid #6d87c2;
}*/
#trainee #trainers #training_leader {
	padding-top: 175px;
	background: transparent url("../images/trainer-s-wlasek.jpg") top right no-repeat;
	width: 130px;
	float: left;
	border-bottom: 1px solid #6d87c2;
}
#trainee #trainers p {
	padding: 0;
	margin: 0;
	padding: 2px 5px 8px 4px;
	font-size: 10px;
	font-style: italic;
	color: #666;
}
#trainee .question {
	margin: 0;
	padding: 0 0 10px 0;
	font-style: italic;
	font-size: 12px;
}
#trainee .answer {
	margin: 0;
	padding: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
}
#trainee ul {
	list-style: outside disc;
	padding-left: 30px;
	padding-bottom: 20px;
}
#trainee span {
	display: block;
}
#trainee #trainingInfoGH .leftCol, 
#trainee #trainingInfoLG .leftCol {
	width: 330px;
	float: left;
}
#trainee #trainingInfoGH .rightCol, 
#trainee #trainingInfoLG .rightCol {
	float: right;
	width: 270px;
}
#trainee h3 {
	background-color: #e9edf3;
	padding: 10px;
	margin-bottom: 10px;
}
#trainee #trainingInfoGHImage1,
#trainee #trainingInfoGHImage2,
#trainee #trainingInfoGHImage3 {
	width: 260px;
	float: left;
	margin-bottom: 20px;
}
#trainee #trainingInfoGHImage1 {
	padding-top: 179px;
	background: transparent url("../images/training-gh1.jpg") top left no-repeat;
	border-left: 3px solid #d60028;
}
#trainee #trainingInfoGHImage2 {
	padding-top: 195px;
	background: transparent url("../images/training-gh2.jpg") top left no-repeat;
	border-left: 3px solid #6d87c2;
}
#trainee #trainingInfoGHImage3 {
	padding-top: 347px;
	background: transparent url("../images/training-gh3.jpg") top left no-repeat;
	border-left: 3px solid #00a5e0;
}


#trainee #trainingInfoLGImage1,
#trainee #trainingInfoLGImage2,
#trainee #trainingInfoLGImage3 {
	width: 260px;
	float: left;
	margin-bottom: 20px;
}
#trainee #trainingInfoLGImage1 {
	padding-top: 195px;
	background: transparent url("../images/training-lg1.jpg") top left no-repeat;
	border-left: 3px solid #d60028;
}
#trainee #trainingInfoLGImage2 {
	padding-top: 194px;
	background: transparent url("../images/training-lg2.jpg") top left no-repeat;
	border-left: 3px solid #6d87c2;
}
#trainee #trainingInfoLGImage3 {
	padding-top: 193px;
	background: transparent url("../images/training-lg3.jpg") top left no-repeat;
	border-left: 3px solid #00a5e0;
}

/* ==== Kontakt ==== */
#contact {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#contact .textField, #contact textarea {
	width: 550px;
}
#contact .ctcodeimage {
	padding: 10px 0;
}
#contact .ctcodeimage img {
	border: 2px solid #666;
}
#contact .ctcodeimage p {
	font-size: 12px;
	font-style: italic;
	padding: 4px 0;
	margin: 0;
}
.required {
	background: transparent url("../images/req-asterisk.png") center left no-repeat;
	padding-left: 10px;
}

/* ==== Sitemap ==== */
#sitemap {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#sitemap ul {
	margin-left: 10px;
	line-height: 16px;
}
#sitemap ul li {
	padding-left: 20px;
	padding-bottom: 2px;
	background: transparent url("../images/tree/file.gif") top left no-repeat;
}
#sitemap ul li.folder {
	background: transparent url("../images/tree/folder.gif") top left no-repeat;
}

/* ==== Impressum ==== */
#imprint {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#imprint h4 {
	padding: 2px 0;
	margin: 0;
}
#imprint h3 {
	padding: 6px 0;
	margin: 0;
}
#imprint p {
	margin: 0 0 10px;
}
#imprintK3 {
	background: transparent url("../images/logo-k3-small.png") 2% 50% no-repeat;
	padding-left: 80px;
}
#imprintLeise {
	background: transparent url("../images/logo-leise-small.png") 2% 50% no-repeat;
	padding-left: 80px;
}
#imprint .leftCol {
	width: 300px;
	float: left;
	border-right: 1px solid #ddd;
}
#imprint .rightCol {
	float: right;
	width: 300px;
}

/* ==== Jobs ==== */
#jobs {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
p.noJobsInfo {
	background-color: #e9edf3;
	padding: 10px;
}

/* ==== Styled Table und besondere Tables (Schulungen u. Jobs) ==== */
table.styled {
	background-color: #e9edf3;
	border-collapse: collapse;
	margin: 10px 0;
}
table.styled tr.categoryRow td {
	background-color: #dbe1ee;
	padding: 4px 2px;
	font-weight: bold;
	font-size: 14px;
}
table.styled td {
	background: #fff;
	padding: 1px 4px;
	border-bottom: 1px solid #ccc;
}
table.styled th {
	padding: 8px 4px;
}

/* = Training = */
#trainingtable .trainingTitle {
	width: 50%;
}
#trainingtable .trainingCode {
	white-space: nowrap;
	width: 10%;
}
#trainingtable .trainingDate {
	white-space: nowrap;
}
#trainingtable .trainingTime {
	white-space: nowrap;
	width: 12%;
}
#trainingtable .trainingLocation {
	width: 12%;
}

/* = Job = */
#jobstable .jobName {
	width: 40%;
}
#jobstable .jobLocation {
	white-space: nowrap;
}
#jobstable .jobDate {
	white-space: nowrap;
}
#jobstable .jobDesc {
	white-space: nowrap;
	width: 40%;
}

/* ==== Adminbereich ==== */
.adminEditor {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
.adminEditor h4 {
	padding: 2px 0;
	margin: 0;
}
.adminEditor h3 {
	padding: 6px 0;
	margin: 0;
}
.adminEditor p {
	margin: 0 0 10px;
}
.adminEditor .leftCol {
	width: 600px;
	float: left;
	border-right: 1px solid #ddd;
}
.adminEditor .rightCol {
	float: right;
	width: 160px;
}
.adminEditor label {
	display: block;
	margin: 4px 0;
}
.adminEditor .markItUp {
	width: 550px;
}
.adminEditor .textField {
	width: 550px;
	padding: 5px;
}
.adminEditor .buttons {
	padding: 10px 0;
}
.adminEditor .preview {
	width: 550px;
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #f6f6f6;
}
.adminEditor .imagePreview {
	width: 550px;
	border: 1px solid #ccc;
	padding: 5px;
}

#loadList .new {
	background: transparent url("../images/newbtn.png") 0 25% no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#loadList li {
	padding: 3px 0 3px 20px;
}

/* ==== Suchtreffer ==== */
#results {
	background: #fff;
	margin: 10px;
	padding: 10px;
}

/* ==== Anmeldung und Admin Menü ==== */
#auth {
	background: #fff;
	margin: 10px;
	padding: 10px;
}
#auth .textField, #auth textarea {
	width: 150px;
}
#auth ul.adminFunctions li {
	padding: 4px 0 4px 45px;
	background: transparent url("../images/leise-small-wpipe-bl.png") 0 55% no-repeat;
}
#auth ul.adminFunctions li.noAction {
	background: transparent url("../images/cancelbtn.png") 3% 55% no-repeat;
}

/* ==== PDF Downloads und Info etc. ==== */
.pdfDownload {
	background: #eee;
	padding: 6px;
	border: 1px dotted #ddd;
}
.pdfInfo h4 {
	padding: 0;
	margin: 0;
}
.pdfInfo ul {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.pdfInfo {
	background: #fff url("../images/pdf-icon.gif") center left no-repeat;
	padding-left: 58px;
}
.adobeReaderLink {
	font-size: 10px;
	background: transparent url("../images/adobe-reader-btn.gif") bottom left no-repeat;
	display: block;
	padding-bottom: 35px;
}

/*** Pfeild in der Trainingsliste ***/

#img_arrow_list
{
	padding-left: 12px;
	padding-top: 3px;
}

/* Flaggen */
#langFlags {
	float: right;
	clear: right;
	position: relative;
	padding: 4px 12px;
}

#langFlags div {
	width: 16px; 
	height: 11px; 
	padding: 2px 4px; 
	margin: 0 2px;
	float: left;
	clear: right;
}

#langFlags div.de {
	background: url("../images/flags/de.png") no-repeat 50% 50%;
}

#langFlags div.en {
	background: url("../images/flags/us_gb.png") no-repeat 50% 50%;
}

#langFlags div.selected {
	background-color: #0cf;
}

#langFlags div:hover {
	background-color: #fff;
}