@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
}
html, body {
	height: 100%;
}
body {
	background:url(images/background-y.png) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#343434
}
ul, li {
	list-style:none;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#4b5e2f;
}
a:hover {
	text-decoration:underline;
}
#pageLayout {
	min-height:100%;
	width:891px;
	background:url(images/background-content.png) left top no-repeat;
	margin:0 auto;
	padding:0 10px;
	padding-right:9px;
	margin-bottom:-91px
}
#header {
	height:92px
}
#header ul {
	float:left;
	width:636px;
	height:83px
}
#header ul li {
	display:block;
	float:left;
	height:80px
}
#header ul li a {
	height:100%;
	width:100%;
	display:block
}
#header ul li a span{
	display:none;
}
#li-1 {
	width:134px;
}
#li-1:hover, #li-1.activ {
	background:url(images/li-agentur.png) top left no-repeat
}
#li-2 {
	width:174px;
}
#li-2:hover, #li-2.activ {
	background:url(images/li-leistungen.png) top left no-repeat
}
#li-3 {
	width:175px;
}
#li-3:hover, #li-3.activ {
	background:url(images/li-referenzen.png) top left no-repeat
}
#li-4 {
	width:153px;
}
#li-4:hover, #li-4.activ {
	background:url(images/li-kontakt.png) top left no-repeat
}
.logoLink {
	height:80px;
	display:block;
	width:254px;
	float:left
}
#content {
	padding-bottom:15px
}
.clearAll {
	float:none;
	clear:both
}
.sliderBox {
	margin-top:8px;
	margin-left:7px;
	height:267px;
	margin-right:8px;
	margin-bottom:7px
}
#sliderNav {
	height:51px;
	background:url(images/sidebar-nav.png) top left no-repeat
}
#sliderNav ul {
	margin:0 1px;
	font-size:11px;
	color:#7f7f7f;
	line-height:14px
}
#sliderNav ul li {
	display:block;
	float:left;
	cursor:pointer
}
#sliderNav ul li h3 {
	color:#4b5e2f;
	font-size:14px;
	font-weight:bold
}
#slideLi1 {
	width:178px;
	padding-left:18px;
	padding-top:11px;
	height:37px;
}
#slideLi2, #slideLi3, #slideLi4 {
	width:182px;
	padding-left:18px;
	padding-top:11px;
	height:37px;
}
#slideLi5 {
	width:78px;
	height:48px;
}
#slideLi5 a {
	color:#4b5e2f;
	font-weight:bold;
	display:block;
	line-height:50px;
	padding-left:22px;
}
.contentLeftBox {
	width:660px;
	padding-left:14px;
	padding-right:11px;
	background:url(images/dot-y.png) right top repeat-y;
	float:left
}
.startFrontText {
	background:url(images/dot-x.png) bottom left repeat-x;
	padding-left:10px;
	padding-bottom:24px;
	line-height:20px
}
.startFrontText h1 {
	font-size:19px;
	color:#4b5e2f;
	line-height:24px;
	padding-top:25px;
	padding-bottom:4px
}
.socialBox {
	padding-top:0px;
	padding-bottom:0px; 
}
.twitter {
	float:left;
	width:236px;
	height:249px;
	background:url(images/background-twitter.png) left top no-repeat;
	padding-left:59px;
	color:#4f4f4f;
	padding-right:16px;
}
.twitter h3 {
	font-size:14px;
	margin-left:67px;
	margin-top:19px
}
.twitter h3 strong {
	letter-spacing: 1px;
}
.twitter h3 span {
	font-size:12px
}
.twitter > a {
	font-size:11px;
	margin-left:67px;
	display:block;
	margin-bottom:38px;
	margin-top:3px;
	color:#4f4f4f
}
.twitter > strong {
	display:block;
	letter-spacing:0px;
	line-height:18px;
	margin-bottom:2px
}
.twitter > span {
	font-style:italic;
	letter-spacing:0px;
	font-size:11px;
}
.facebook {
	float:left;
	width:340px;
	height:249px;
	background:url(images/background-facebook.png) left top no-repeat;
	color:#4f4f4f;
	margin-top:16px;
}
.facebook h3 {
	font-size:14px;
	margin-left:60px;
	margin-top:19px
}
.facebook h3 strong {
	letter-spacing: 1px;
}
.facebook h3 span {
	font-size:12px
}
.facebook > span {
	font-size:11px;
	margin-left:60px;
	display:block;
	margin-bottom:31px;
	margin-top:3px;
	color:#4f4f4f
}
.facebook span a {
	color:#4F4F4F;
}
.facebook > strong {
	font-size:11px;
	display:block;
	margin-left:9px;
	margin-bottom:3px
}
.facebook ul {
	margin-left:8px
}
.facebook ul li {
	width:50px;
	height:15px;
	font-size:9px;
	padding-top:54px;
	text-align:center;
	margin-right:5px;
	margin-top:3px;
	background-position: top left;
	background-repeat: no-repeat;
	display:block;
	float:left
}
.facebook ul li a {
	color:#4f4f4f
}
.newsBox {
	float:left;
	width:310px;
	margin-top:16px;
	background:url(images/dot-y.png) right top repeat-y
}
.newsBox h2 {
	font-weight:bold;
	font-size:19px;
	color:#4b5e2f;
	margin-top:15px;
	padding-left:8px;
}
.newsBox > div {
	margin-top:10px;
	padding-bottom:6px;
	width:300px;
	background:url(images/dot-x.png) bottom left repeat-x;
}
.newsBox h4 {
	padding-left:8px;
	font-weight:bold;
	font-size:14px;
	line-height:24px
}
.newsBox div > span {
	display:block;
	font-size:11px;
	line-height:18px;
	margin-bottom:6px;
	font-style:italic;
	padding-left:8px;
}
.newsText {
	line-height:20px;
	padding-top:0px;
	padding-left:8px;
	font-size:12px
}
a.readMore {
	line-height:30px;
	display:block;
	font-style:italic;
	font-weight:bold;
	color:#4b5e2f;
	font-size:12px
}
.newsImage {
	height:87px;
	width:220px;
	float:left;
	background-position: top left;
	background-repeat: no-repeat;
}
.contentRightBox {
	float:left;
	width:188px;
	margin-top:25px;
	margin-left:9px
}
.awards {
	background:url(images/dot-x.png) bottom left repeat-x;
	padding-bottom:19px
}
.contentRightBox h3, .sidebarPaddingBox h3 {
	height:29px;
	line-height:29px;
	font-weight:bold;
	font-size:14px;
	color:#4b5e2f;
	padding-left:16px;
	background:url(images/h3-sidebar.png) top left no-repeat
}
.awards a {
	display:block;
	background:url(images/sidebar-awards.png) top left no-repeat;
	height:176px;
}
.rightBox {
	background:url(images/dot-x.png) bottom left repeat-x;
	padding-bottom:19px;
	margin-top:19px
}
.contactBox {
	padding-left:6px;
	line-height:18px;
	margin-top:6px
}
.contactBox h4 {
	font-size:18px;
	font-weight:bold;
	color:#4b5e2f;
	line-height:28px
}
.phoneIcon {
	display:block;
	padding-left:24px;
	background:url(images/icon-phone.png) left no-repeat;
	line-height:24px
}
.mailIcon {
	display:block;
	padding-left:24px;
	background:url(images/icon-mail.png) left no-repeat;
	line-height:24px
}
.contactBox h5 {
	font-size:14px;
	font-weight:bold;
	color:#4b5e2f;
	line-height:30px
}
.rightBox input[type=text] {
	width:176px;
	margin-bottom:6px
}
.footerHeight {
	height:91px
}
.footer {
	background:url(images/background-footer.png) repeat-x top;
	color:#343434
}
.footer > div {
	width:910px;
	margin:0 auto;
	height:91px
}
.footerTrusted {
	width:92px;
	height:91px;
	float:left;
	display:block;
	background:url(images/footer-trusted.png)
}
.footerOxid {
	width:143px;
	height:91px;
	float:left;
	display:block;
	background:url(images/footer-oxid.png)
}
.footerXtc {
	width:232px;
	height:91px;
	float:left;
	display:block;
	background:url(images/footer-xtc.png)
}
.footer div div {
	float:left;
	width:423px;
	text-align:right;
	line-height:18px;
	font-size:12px;
	padding-right:20px;
	padding-top:26px;
	word-spacing:21px;
}
.footer div div a {
	font-size:12px;
	font-weight:bold;
	color:#343434
}
.footer div div span {
	display:block;
	word-spacing:normal;
	font-size:11px;
}
strong {
	font-weight:bold;
}
#slider {
	height:216px;
	width:100%;
	position:relative;
	overflow:hidden;
}
#slider > div {
	position:absolute;
	opacity:0;
	filter:alpha(opacity=0);
	height:216px;
	top:0;
	left:0;
	width:100%
}
#slider > div.shown {
	position:absolute;
	opacity:1;
	filter:alpha(opacity=100);
}
#slider div div {
	background:url(images/slider-background.png) top left no-repeat;
	height:216px;
}
#target {
	width:25px;
	height:16px;
	position:absolute;
	z-index:100;
	bottom:0px;
	left:31px
}
.contentAgent, .contentContact {
	margin-top:8px;
	padding-left:7px;
	width:668px;
	padding-right:10px;
}
.bannerBox {
	height:172px;
	padding-left:16px;
	padding-top:95px;
	color:#4b5e2f;
	font-size:19px;
	padding-right:400px;
	background:url(images/tmp-agentur.png);
	margin-bottom:22px
}
.textBox {
	padding-left:17px;
	line-height:20px;
	padding-right:18px
}
.boldBlock {
	line-height:36px;
	font-weight:bold;
	display:block
}
.textBox p {
	padding-top:10px
}
.textBox h2 {
	font-size:19px;
	font-weight:bold;
	color:#4b5e2f;
	padding:20px 0
}
.textBox li {
	display:block;
	float: left;
	height:115px;
	width:180px;
	padding-left:120px;
	margin-bottom:56px
}
.textBox li h3 {
	color:#4b5e2f;
	font-weight:bold;
	line-height:20px;
	font-size:14px
}
.textBox li span {
	line-height:16px;
	font-size:11px;
	display:block;
	padding-right:10px;
	margin-top:4px
}
.textBox li a {
	line-height:24px;
	font-size:12px;
	font-weight:bold
}
.textBox li.right {
	width:173px;
	padding-left:152px;
}
.textBox li.right span {
	padding-right:20px;
}
.contentLeftRefBox {
	float:left;
	width:190px;
	margin-left:8px;
	margin-top:8px
}
.referenceBox {
	height:267px;
	background:url(images/sidebar-referenzen.png) top left no-repeat;
	margin-bottom:32px
}
.referenceBox > h3 {
	line-height:26px;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	height:26px;
	float:left;
	width:104px;
	display:block;
	padding-left:11px
}
.referenceBox > a {
	line-height:26px;
	font-weight:bold;
	font-size:11px;
	color:#bbd29a;
	height:26px;
	float:left;
	width:58px;
	display:block;
	padding-left:17px
}
.referenceBox ul {
	font-size:11px;
	color:#7f7f7f;
	line-height:14px
}
.referenceBox ul li a {
	display:block;
	height:39px;
	padding-left:11px;
	padding-top:9px
}
.referenceBox ul li a:hover {
	text-decoration:none;
}
.referenceBox ul li span {
	color:#4b5e2f;
	font-size:14px;
	font-weight:bold;
	display:block;
}
.sidebarPaddingBox {
	padding:0 1px
}
.contentLeistungen {
	margin-top:8px;
}
.leistungBox {
	padding-left:9px;
	padding-bottom:1px;
	padding-top:18px;
	padding-right:4px;
	/* background:url(images/dot-x.png) bottom left repeat-x; */
}
.leistungBox h1 {
	line-height:24px;
	font-weight:bold;
	font-size:19px;
	color:#4b5e2f;
	padding-bottom:10px
}
.leistungBox div {
	line-height:18px;
	padding-left:220px;
	margin-bottom:35px;
	font-size:12px;
}
.leistungBox div ul {
	padding-left:40px
}
.leistungBox ul li {
	list-style-type:disc;
	padding:2px
}
.leistungBeratung {
	background:url(images/leistung-beratung.png) top left no-repeat;
	margin-bottom:25px
}
.leistungBox h2 {
	line-height:24px;
	font-weight:bold;
	font-size:18px;
	color:#4b5e2f;
	padding-bottom:4px
}
.leistungBox h2 a:hover {
	text-decoration:none;
}
.leistungDesign {
	height:160px;
	background:url(images/leistung-design.png) top left no-repeat;
	margin-bottom:40px
}
.leistungTechnik {
	height:160px;
	background:url(images/leistung-technik.png) top left no-repeat;
	margin-bottom:25px
}
.leistungTechnik h2 {
	padding-top:5px
}
.leistungWartung {
	height:160px;
	background:url(images/leistung-wartung.png) top left no-repeat;
	margin-bottom:20px
}
.leistungWartung h2 {
	padding-top:19px
}
.leistungManagement {
	height:160px;
	background:url(images/leistung-managment.png) top left no-repeat;
}
.leistungManagement h2 {
	padding-top:30px
}
.partnerBox {
	padding-left:9px;
	padding-top:14px;
	padding-right:4px;
	padding-bottom:19px;
	display:none;
}
.partnerBox h1 {
	line-height:24px;
	font-weight:bold;
	font-size:19px;
	color:#4b5e2f
}
.partnerBox ul li {
	display:block;
	float:left;
	width:302px;
	padding-left:4px;
	padding-top:72px;
	line-height:14px;
	font-size:11px;
	margin-bottom:20px;
}
.partnerBox h4 {
	line-height:24px;
	font-weight:bold;
	font-size:14px;
	color:#4b5e2f
}
.partnerBox ul li a {
	display:block;
	color:#4b5e2f;
	font-weight:bold;
	line-height:20px
}
.mapBox {
	margin-left:7px;
	background:url(images/dot-x.png) bottom left repeat-x;
	padding-left:10px;
	padding-top:4px;
	;
	padding-bottom:19px
}
.adressBox {
	float:left;
	width:248px;
	line-height:18px
}
.adressBox h2 {
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	color:#4b5e2f
}
.adressBox p {
	padding-top:12px
}
#map {
	float:left;
	width:400px;
	height:300px;
	border:1px #979797 solid
}
.formBox {
	padding-left:17px;
	padding-top:21px;
	padding-bottom:10px
}
.formBox th {
	width:112px;
	text-align:right;
	color:#000000;
	padding-right:18px;
	font-size:12px;
}
.formBox td input[type=text] {
	width:280px;
}
.formBox td textarea {
	width:280px;
	height:154px;
}
.formBox table {
	margin-top:18px
}
.contentReference,
.contentImprint {
	margin-top:8px;
	padding-top:18px;
	padding-left:24px;
	width:652px;
	padding-right:9px;
	padding-bottom:42px
}
.contentImprint p {
	margin:5px 0;
}
.contentReference h1,
.contentImprint h1 {
	color:#4b5e2f;
	font-weight:bold;
	font-size:19px;
	line-height:24px
}
.contentImprint h4 {
	color:#4b5e2f;
	font-weight:bold;
	font-size:14px;
	line-height:24px
}
.refBigBox {
	width:652px;
	background:url(images/dot-x.png) bottom left repeat-x;
	margin-top:30px;
	padding-bottom:20px
}
.refBigBox a {
	font-weight:bold;
}
.refBigBox > div {
	float:left
}
.refImageBox {
	width:249px;
	height:229px;
	background:url(images/reference-image.png) top left no-repeat;
	font-weight:bold;
}
.refImageBox a {
	padding:0 2px;
}
.refImage {
	width:211px;
	height:145px;
	margin-bottom:42px;
	margin-top:7px;
	margin-left:9px;
	margin-right:29px
}
.refBigBox a {
	font-weight:bold
}
.refDescription {
	width:403px;
	height:229px;
	float:left;
	line-height:20px
}
.refDescription h2 {
	color:#4b5e2f;
	font-weight:bold;
	font-size:18px;
	padding-bottom:4px
}
.refDescription h2 a:hover {
	text-decoration:none;
}
.refDetail {
	width:270px; 
}
.refDetail h3,  .refAward h3 {
	color:#4b5e2f;
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px
}
.refDetail dt,  .refAward dt {
	display:block;
	float:left;
	width:70px;
	font-weight:bold;
	margin:5px 0;
}
.refDetail img {
	 width:40%;
}
.refDetail dl {
	display:block;
}
.refAward dt {
	width:180px;
}
.refDetail dd, .refAward dd {
	display:block;
	float:left;
	width:200px;
	margin:5px 0;
}
.refAward {
	width:199px;
	display:none;
}
.refTask {
	width:382px;
	float:left
}
.refTask h3 {
	color:#4b5e2f;
	font-weight:bold;
	font-size:14px;
	padding-bottom:10px;
}
.refTask li {
	/* background:url(images/check-green.png) left center no-repeat; 
	height:17px; */
	list-style:disc;
	margin-left:35px;
	font-weight:bold;
	line-height:17px;
	margin-bottom:7px
}
.refTask li.inactiv {
	background:url(images/check-grew.png) left center no-repeat;
	color:#cacaca;
}
.beraterBox {
	padding-bottom:1px;
	background:url(images/dot-x.png) bottom left repeat-x;
	margin-bottom:19px
}
.beraterBox div {
	background:url(images/sidebar-berater.png) top left no-repeat;
	height:320px
}
.beraterBox p {
	padding-left:47px;
	line-height:18px;
	color:#343434;
	font-size:13px;
}
.startBox-1 {
	width:203px;
	height:231px;
	background:url(images/div-beratung.png) top left no-repeat;
	display:block;
	float:left;
	margin-right:20px
}
.startBox-2 {
	width:203px;
	height:231px;
	background:url(images/div-optimierung.png) top left no-repeat;
	display:block;
	float:left;
	margin-right:20px
}
.startBox-3 {
	width:203px;
	height:231px;
	background:url(images/div-entwicklung.png) top left no-repeat;
	display:block;
	float:left
}
.startBox-3 span, .startBox-2 span, .startBox-1 span {
	display:none
}
.footerLogo {
	display:block;
	margin-left:10px;
	width:160px;
	height:60px;
	margin-right:290px;
	float:left;
	background:url(images/footer-logo.png) top left no-repeat
}