body#background {background: url('../images/backgrounds/bgabout.gif') repeat-x center top;}
body#background2 {background: url('../images/backgrounds/bgaboutmore.gif') repeat-x center top;}

* html #mainDiv{padding-left:27px;}

/* UNTERNEHMEN.PHP HEADER */
#tempexheader {background: url('../images/backgrounds/aboutheader.gif') no-repeat; width:892px; height:191px;}
* html #tempexheader {margin-top:-32px;}

#tempexheader h1.white {margin: -2px 0 0 0 !important; padding: 0 !important; font: 28px Lucida Sans, Verdana !important; color: #FFF;}
#tempexheader h2.pastell {margin:0; padding:0; font: 20px Lucida Sans, Verdana !important; color: #FFDDE1;}

#titleContainer {padding-top:62px; margin-bottom:-62px;}
* html #titleContainer {margin-bottom:-115px;padding:0;margin-top:92px;}

.quotingDiv {text-align: left; margin-left: 20px; padding: 10px 15px 5px 0;}

blockquote.overblockquote {color: #666;}

.inquote {text-align: left; margin-left: 460px; margin-top: -4px; padding-top: 10px: padding-right: 5px; padding-left: 65px; padding-bottom: -20px;}
* html .inquote {margin-top:18px;}
.inquote em {line-height:38px;}

blockquote.overblockquote {width: 800px; color: #666;}
blockquote.overblockquote em {color: #444; font-weight: bold;}

#aboutunternehmencontainer {width: 892px; height: 228px; clear: both; margin: 0;}
#aboutunternehmencontainer #aboutUnternehmen {margin: 24px 76px 0 0; width: 600px; height: 150px; float: left; padding-top: 10px;}
#aboutUnternehmen p {margin-bottom: 10px; font: 12px Verdana, Arial, Helvetica; text-align: justify; line-height: 20px;}
#aboutunternehmencontainermore {width: 892px; height: 730px; clear: both; margin: 0;}
#aboutunternehmencontainermore strong {font: 18px Verdana; color: #707070; line-height: 20px;}

#aboutUnternehmenmore {margin: 24px 76px 0 0; width: 600px; height: 150px; float: left; padding-top: 10px;}
#aboutUnternehmenmore p {margin-bottom: 10px; font: 12px Verdana, Arial, Helvetica; text-align: justify; line-height: 20px;}
#aboutUnternehmenmore a {color:#d3021f;text-decoration:none;}
#aboutUnternehmenmore a:hover {color:#444;}

/* HORIZONTAL BAR */
#backbarabout {background: url('../images/backgrounds/glossybar.gif') no-repeat; width: 892px; height: 29px;}

#tempexteamcontainer {width: 195px; height: 179px; float: right; margin-top: 10px;}

#tempexjobs {margin-top: 4px;}
#tempexjobs, #tempexjobs a {background: url('../images/us/tempexjobs.jpg') no-repeat; width: 198px; height: 56px; display: block;}

#tempexteam, #tempexteam a {background: url('../images/us/tempexteam.jpg') no-repeat; width: 196px; height: 142px; display: block;}

#aboutcontainer {height: 188px; width: 920px;}
#aboutnewscontainer {background: url('../images/us/backbox.gif') no-repeat bottom; height: 175px; width: 892px; padding-top: 5px;}
#aboutnewscontainer a {color: #fff; text-decoration: none; padding-bottom: 1px;}
#aboutnewscontainer a:hover {color: #d3021f;}
#aboutcontainerbeschr {height: 8px; width: 920px;}

#aboutnewscontainermore {background: url('../images/us/backboxmore.gif') no-repeat bottom; height: 175px; width: 892px; padding-top: 5px;}
#aboutnewscontainermore a {color: #fff; text-decoration: none; padding-bottom: 1px;}
#aboutnewscontainermore a:hover {color: #d3021f;}

#abouttempex {width:400px; height:98px; margin-top:66px; margin-left:60px; float:left; color:#fff; text-decoration:none;}
#abouttempex .info {text-decoration: none; color:#fff;}
#abouttempex ul li {text-decoration: none; color:#fff; list-style:none; line-height:155%;}
* html #abouttempex {width:400px; padding:66px 0 0 60px;margin:0px;height:98px;color:#fff; text-decoration:none;}
* html #abouttempex ul li {text-decoration: none; color:#fff; list-style:none;}
#abouttempex a {color:#fff;}
#abouttempex a:hover {color:#d3021f;}

#aboutList {width: 170px; height: 98px; margin:67px 0 0 -105px;float:left;}
* html #aboutList {margin:-30px 0 0 -110px; padding:96px 0 0 0;}
#aboutList ul li {list-style:none; color: #eee; line-height: 155%;}
* html #aboutList ul li {list-style:none; color: #eee; line-height: 155%;}
#aboutList #maphead {color:#707070;}
#aboutList .maplink {color:#d3021f;}
#aboutList .maplink:hover{color:#ccc}

#adresse {color:#fff;width: 250px; height: 98px; float:left; margin-left:110px; margin-top:66px;}
#adresse ul li {line-height:155%; list-style:none;}
* html #adresse {margin-left:115px;}
.lightpastell {text-decoration: none; color: #FFDDE1;}

a#articlelink {font: normal 12px Lucida Sans;text-decoration: none; color: #d3021f; float:right;}
a#articlelink:hover {color: #707070;}

/* FOOTER */
#bottom {width: 100%; height: 80px; margin-top:34px;}
#bottomLogo {background: url('../images/logos/minitempex.gif') no-repeat; width: 80px; height: 43px;}
#bottomLogoprod {background: url('../images/logos/minitempexprod.gif') no-repeat; width: 80px; height: 43px; }
#bottomNav {background: url('../images/logos/logosbottom.gif') no-repeat; width:806px; height:100px; margin-left:90px; margin-top:-35px;}
#bottomNav li {font-size: 9px; display: inline; margin-right: 4px;}
#bottomNav li a {font-size: 9px; color: #d3021f; text-decoration: none;}
#bottomNav li a:hover {color: #444;}

#tip {color:#666; background-color:transparent; position:relative; top:-15px; left:760px; z-index:99; line-height:16px; width:150px;}
#tip a {color:#666; background-color:#fff; font-family:lucida sans, arial, sans-serif; font-size:90%; font-weight:bold; font-style:italic; text-decoration:none; display:block; padding:5px; position:absolute; border:2px solid #fff;}
#tip a:visited {color:#666; background-color:#fff;}
#tip a:hover {color:#fff; background-color:#d3021f; text-decoration:none; width:300px; margin:-40px 0 0 0; margin-left:-180px; border-top:1px solid #BF021F; border-right:2px solid #BF021F; border-bottom:2px solid #BF021F; border-left:1px solid #BF021F;}
#tip a:active {color:#666; background-color:#fff;}
#tip a .info {display:none;}
#tip a:hover .info {color:#444; background:#f8f8f8; border:1px solid #fff; font:14px courier,sans-serif; display:block; padding:5px; text-align:justify;}

#validlink {width:892px;text-align:right;}
#validlink a {font-style:italic;}
#byindex {font-style:italic; color:#000; font: normal 0.9em Lucida Sans, Arial, Helvetica; text-decoration: none;}
#byindex:hover {color:#d3021f}

/* KONTAKTFORMULAR */
td .b {padding-left:5px;}
#aboutunternehmencontainercontact {width: 892px; height: 100%; padding-bottom:30px;clear: both; margin: 0;}
#aboutunternehmencontainercontact #aboutunternehmencontact {margin: 24px 76px 0 0; width: 892px; height: 150px; float: left; padding-top: 10px;}
#aboutunternehmencontainercontact strong {font: 18px Verdana; color: #d3021f; line-height: 20px;}
#aboutunternehmenkontakt p.routplan {line-height: 200%; margin-top: 0;position:absolute; margin-bottom: 0; text-align:left}
#aboutunternehmenkontakt p.routplan a {font: 13px Verdana; color: #d3021f; line-height: 20px;text-decoration:none;}
#aboutunternehmenkontakt p.routplan a:hover {font: 13px Verdana; color: #444; line-height: 20px;text-decoration:none;}
#aboutUnternehmenkontakt {font: 13px Verdana; color: #d3021f; line-height: 20px;text-decoration:none;}
#aboutunternehmenkontakt p.routplan {font: 12px Verdana; color: #707070; line-height: 20px;text-decoration:none;}
#getcontact {font: 12px Verdana; color: #707070; line-height: 20px;text-decoration:none;}