body {
background:url("img/bg.gif") repeat scroll 0 0 #FFFFFF;
color:#4C4C4C;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
margin:0;
text-align:left;
}
a {
color:#CA2100;
text-decoration:underline;
}
a:hover {
color:#CA2100;
text-decoration:underline;
}
a:visited, a:active {
color:#CA2100;
}
h1,h2,h3,h4,h5{
color: #CA2100;	
}
h1,h2{
font-size: 20px;
margin-bottom: -5px;
}
img {
border:medium none;
}
.sitemap .desc {
clear:left;
float:left;
font-size:95%;
padding-bottom:5px;
padding-left:20px;
width:100%;
}
.sitemap ul {
list-style:none outside none;
margin:0;
padding:0 5px;
}
.sitemap ul li {
list-style:none outside none;
}
.sitemap {
margin-top:20px;
}
#top{
height: 5px;
width: 100%;
background: #444;
_font-size: 1px;
}
#wrap{
width: 1000px;
margin: 0 auto;
height: auto;
}
#logo{
margin-top: 13px;	
padding-left: 3px;
float: left;
margin-bottom: -15px;
*margin-bottom: 0px;}
#logo img{
	
}
#shad{
background:url("img/shad.png") repeat scroll 0 0 transparent;
height:272px;
margin-top:-15px;
width:1012px;
clear: both;
}
#introlefttop{
	background:none repeat scroll 0 0 #CA2100;
height:4px;
margin-top:9px;
width:563px;
*font-size: 1px;
_width: 561px;
}
#introleft{
	background:none repeat scroll 0 0 transparent;
float:left;
height:261px;
margin-left:2px;
margin-top:0;
width:563px;
_width: 500px;
}
#introleftcontent{
background:none repeat scroll 0 0 #444444;
height:248px;
width:563px;
_width: 561px;
}
#introleftcontent h2, #introleftcontent h1{
color:#FFFFFF;
font-size:19px;
font-weight:normal;
margin-top:0;
padding-left:6px;
padding-top:9px;	
_padding-top: 4px;
}
#introleftcontent p{
color:#FFFFFF;
line-height:19px;
margin-top:11px;
padding-left:6px;
margin-bottom: 0;}
#introleftcontent li{
color:#FFFFFF;
line-height:19px;
margin-left:30px;	
}
#introright{
background:none repeat scroll 0 0 transparent;
float:right;
height:267px;
width:447px;
}
#introright img{
height:257px;
margin-left:3px;
margin-top:7px;
width:432px;}
#phone{
background:url("img/phone.gif") no-repeat scroll 3px 4px #FFFFFF;
color:#666666;
float:right;
font-size:20px;
height:22px;
margin-right:25px;
margin-top:-22px;
padding-left:30px;
padding-top:0px;
position:relative;
width:155px;
*margin-right: 12px;
}
ul.navi {list-style:none outside none;
margin:0px 0 0 610px;
padding:0;
position:absolute;
*margin:-0px 0 0 300px;}
ul.navi * {margin:0; padding:0}
ul.navi a {display:block; color:#fff; text-decoration:none}
ul.navi li {position:relative; float:left; margin-right:2px}
ul.navi ul {display:none;
left:0;
list-style:none outside none;
opacity:0;
position:absolute;
margin-top:0px;}
ul.navi ul li {position:relative; border:0px solid #aaa; border-top:none; width:148px; margin:0}
ul.navi ul li a {display:block; padding:3px 7px 5px; background-color:#CA2100; color: #fff !important;}
ul.navi ul li a:hover {background-color:#4c4c4c}
ul.navi ul ul {left:148px; top:-1px}
ul.navi .navilink {color:#4C4C4C;
font-weight:bold;
padding:39px 7px 7px;
*padding:38px 7px 7px;}

ul.navi .navilink:hover, ul.navi .navihover, li.active, li.active a{background:#CA2100;color: #fff !important;}	  

#products{
height:243px;
margin-left:9px;
width:1037px;
*margin-left: -30px;
*width: 1070px;
*margin-top: 10px;
*margin-bottom: -20px;
_margin-left: -70px;
_width: 1105px;
}
#products ul{
	border-right:1px solid #999999;
float:left;
margin-right:23px;
width:250px;
}
#products ul.webdesign{
	background: url("img/webdesign.jpg") no-repeat scroll 0 0 transparent;
	padding-left: 69px;
}
#products ul.onlineshops{
	background: url("img/onlineshops.jpg") no-repeat scroll 0 0 transparent;
	padding-left: 66px;
	*margin-left: -0px;
	_padding-left: 68px;
}
#products ul.seo{
	background: url("img/seo.jpg") no-repeat scroll 0 0 transparent;
	padding-left: 80px;
	border: 0;
	margin-left: -12px;
	*margin-left: -15px;
}
#products ul h2, #referenzen h2{
color: #CA2100;	
font-size: 15px;
margin-bottom: -8px;
*margin-bottom: -13px;}
#products h2 a, #products h2 a:active, #products h2 a:visited{
text-decoration: none;	}
#products h2 a:hover{
text-decoration: underline;	
}
#products ul h3, #referenzen h3, #companies h3{
color: #686868;
font-weight: normal;
font-size: 14px;
}
#products ul p, #referenzen p{
color:#8E8E8E;
line-height:20px;
margin-left:-68px;
width:308px;}
#referenzen p{
float:left;
margin:0;
width:450px;}
#referenzen{
	border-top:1px solid #999999;
margin-top:18px;
height: 310px;
}
#referenzen h2, #foot h2{
font-weight: normal;
font-size: 20px;
margin-bottom: -12px;
}
#referenzen h2{
*margin-top: 10px;	
}
#referenzen h3{
font-weight: bold;
}
#referenzen img{
float:right;
margin-top:-61px;}
#companies{
	_margin-top: -25px;
}
#companies h3{
	font-weight: bold;
}
#companies h4{
	color:#686868;
font-size:14px;
font-weight:normal;
margin-top:-10px;
}
#logos{
height:50px;
margin-left:170px;
margin-top:-56px;	
}
.fadehover, .fadehover2, .fadehover3, .fadehover4 {
	position: relative;
	}
.fadehover2{
	margin-left: 262px;	
	}
.fadehover3{
	margin-left: 475px;	
	}
.fadehover4{
	margin-left: 575px;	
	}
	.fadehover img  {
margin-top:0px;
}
.fadehover2 img {
margin-top:-2px;
}
.fadehover3 img {
margin-top:-5px;
}
.fadehover4 img {
margin-top:-6px;}
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

#more {
font-size:10px;
margin-bottom:4px;
text-align: right;}
#more a, #more a:visited, #more a:active{
color: #4c4c4c;	
}
#zusatzcontent {
clear:both;
font-size:13px;
display: none;
line-height: 18px;
}
#foot  {
border-top:1px solid #9F9F9F;
height:150px;
margin-top:0;
padding-left:53px;}
#zusatzcontent h2 {
position:relative;
display:inline-block;
margin-top:15px;
margin-bottom:-11px;
font-size: 20px;}
#foot li h2{
color:#CA2100;
font-family:Helvetica, Arial, sans-serif;
font-size:20px;
margin-bottom:9px;
margin-top:0;
}
#foot li, #cbsbox li, #lcbs li{
border-right:1px solid #999999;
float:left;
font-size:13px;
height:119px;
list-style:none outside none;
margin-right:30px;
margin-top:15px;
width:290px;
_width: 245px;
_height: 130px;
_margin-bottom: 0px;}
#foot li.last{
border: 0;	
text-align: center;
width: 250px;
}
#foot .cf-ol  {
_height: 80px !important;	
_border: 0 !important;}
#zusatzcontent {
clear:both;
font-size:14px;
line-heigt: 20px;
display: none;
}
#leftbar{
width: 250px;
min-height: 500px;
float: left;
}
#leftbar.smaller{
margin-left:785px;
position:absolute;	
}
#leftbar.smaller li {
border:0;
line-height:21px;
font-size:13px;
margin-left:14px;
letter-spacing:-1px;
width:202px;}
#ltop{
height: 48px;
width: 224px;
background: #fff url(img/ltop.png);
}
#ltop h2{
color:#FFFFFF;
font-size:17px;
font-weight:normal;
margin:0;
padding-left:17px;
padding-top:15px;}
#lcon{
	min-height: 112px;
width: 224px;
background: #fff url(img/lcon.png) repeat-y;
}
#lcbs{
	*margin-top: 15px;
	*margin-left: 10px;
}
#lcon li{
	border-bottom:1px solid #999999;
line-height:24px;
list-style:none outside none;
margin-left:25px;
width:169px;
}
#lcon li.last{
border: 0;	
}
#lcon li a, #lcon li a:active, #lcon li a:visited{
background:url("img/li.png") no-repeat scroll -1px 5px #FFFFFF;
color:#4C4C4C;
display:block;
padding-left:20px;
text-decoration:none;
width:153px;
}
#lcon li a:hover, #lcon li.active a, #lcon li.lasta a{
color: #CA2100 !important;
background:url("img/lih.png") no-repeat scroll -1px 5px #FFFFFF;}
#lcon li.lasta{
border: 0;	
}
#lcon p{
font-size:13px;
margin:0;
padding-left:16px;
padding-top:7px;}
#lbot{
	height: 9px;
width: 224px;
background: #fff url(img/lbot.png) no-repeat;
}
#rightbar, #referenzendiv{
	background:none repeat scroll 0 0 #FFFFFF;
border-left:1px solid #999999;
float:right;
min-height:600px;
padding-left:25px;
padding-right:10px;
width:713px;
margin-bottom: 25px;
margin-top: 2px;
_width: 695px;
}
#referenzendiv{
float: left;
width: 481px;
border-right: 1px solid #999999;
}
#rightbar p, #rightbar li{
line-height: 20px;	
}
#rightbar h2{
	font-size:20px;
font-weight:normal;
margin:0 0 -10px;
padding-top:11px;
}
#rightbar h3{
color:#4C4C4C;
font-size:14px;
margin-bottom:-3px;
margin-top:11px;
padding-left:1px;	
}
#footer{
	clear: both;
width: 100%;
height: 133px;
background: #4c4c4c;
border-top: 4px solid #CA2100;
}
#footcon{
width: 1050px;
margin: 0 auto;
color: #666;
padding-top: 13px;
*width: 1060px;
_width: 1055px;
}
#footcon ul{
color:#FFFFFF;
float:left;
font-size:12px;
line-height:16px;
margin:-5px 0 0 -15px;
*margin-left: 28px;
_margin-left: 15px;
}
#footcon ul li{
list-style: none;
}
#footcon a, #footcon a:active, #footcon a:visited{
text-decoration: none;
color: #fff;
}
#footcon a:hover{
color:#CA2100;	
}
#footcon ul.int{
text-align:right;
height: 71px;
*width: 210px;
}
#photoie {
height:262px;
width:437px;
background:transparent url(img/ie6.gif);
margin-top:-260px;}
