body {
	background: #fff url(img/bg.png) repeat-x;
	color:#4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	margin: 0px;
}
a {
	color:#4c4c4c;
	text-decoration:underline;
}
a:hover {
	color:#4c4c4c;
	text-decoration:underline;
}
a:visited, a:active {
	color:#4c4c4c;
}
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-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 5px;
}
.sitemap ul li{
	list-style: none;	
}
.sitemap {
	margin-top: 20px;
}
#headcontent h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:21px;
	margin-bottom:-10px;
	margin-top:10px;
	margin-left:13px;}
#headcontent p {
	margin-left:13px;
	line-height:17px;
	font-family: Helvetica, Arial, sans-serif;;
	font-weight:normal;
	font-size:14px;
}
#wrap{
	width: 956px;
	margin: 0 auto;
}
#logo{
	margin-bottom:9px;
	margin-top:10px;	
}
#navigation {
float:right;
margin-top:17px;
margin-right:-7px;
*margin-top: -35px;
}
#navigation li {
float:left;
list-style:none;
margin-right:7px;
height:26px;
float:left;
background:#fff url(img/navi.gif);
width:auto;
color:#fff;
}
#navigation li.home, #navigation li.werbetexter, #navigation li.textreferenzen, #navigation li.kontakt{
text-align: center;
}
#navigation li.home{
	width: 93px;
}
#navigation li.werbetexter{
	background:url("img/navi.gif") repeat scroll -93px 0 #FFFFFF;
width:110px;
}
#navigation li.textreferenzen{
	background:url("img/navi.gif") repeat scroll -203px 0 #FFFFFF;
width:126px;
}
#navigation li.gutegruende{
	background:url("img/navi.gif") repeat scroll -203px 0 #FFFFFF;
width:126px;
text-align:center;
}
#navigation li.kontakt{
	background:url("img/navi.gif") repeat scroll -329px 0 #FFFFFF;
width:133px;
}
#navigation li.home:hover,#navigation li.homea{
	width: 93px;
	background:url("img/navi.gif") repeat scroll 0px -26px #FFFFFF;
	text-align: center;
}
#navigation li.werbetexter:hover, #navigation li.werbetextera{
	background:url("img/navi.gif") repeat scroll -93px -26px #FFFFFF;
width:110px;
text-align: center;
}
#navigation li.gutegruende:hover, #navigation li.gutegruendea{
	background:url("img/navi.gif") repeat scroll -203px -26px #FFFFFF;
width:126px;
text-align:center;}

#navigation li.textreferenzen:hover,#navigation li.textreferenzena{
	background:url("img/navi.gif") repeat scroll -203px -26px #FFFFFF;
width:126px;
text-align: center;
}
#navigation li.kontakt:hover, #navigation li.kontakta{
	background:url("img/navi.gif") repeat scroll -329px -26px #FFFFFF;
width:133px;
text-align: center;
}
#navigation li a {
color:#FFFFFF;
display:block;
padding-bottom:4px;
padding-top:6px;
text-decoration:none;
*padding-top: 5px;}

#header{
	height: 307px;
	width:956px;
	position: relative;
}
#header a, #header a:active, #header a:visited{
color: #fff;
text-decoration: underline;
}
#header a:hover{
text-decoration: underline;	
}
#headleft, #headcontent, #headcenter, #hedrightcon, #headright{
	float: left;	
}
#headleft{
	background: transparent url(img/headleft.png);
	height:265px;
	width:10px;
}
#headcontent{
	background: transparent url(img/headbg.png);
	height:265px;
	width:659px;
	color: #fff;
}
#headcontent img {
margin-left:-10px;
margin-top:0;
position:absolute;}
#homecontent{
	height:254px;
	margin-left:-10px;
	margin-top:0;
	overflow:hidden;
	position:relative;
	width:587px;	
}
#headcenter{
	background: transparent url(img/headcenter.png);
	height:307px;
	width:21px;
	
}
#hedrightcon{
	background: transparent url(img/headrbg.png);
	height:307px;
	width:252px;
	
}
#headright{
	background: transparent url(img/headright.png);
	height:307px;
	width:14px;
}
#headshad{
	background:url("img/shadow.png") repeat scroll 0 0 #FFFFFF;
	height:67px;
	margin-top:-60px;
	width:984px;}
	
#homepic{
height:262px;
margin-left:-361px;
margin-top:2px;
overflow:hidden;
width:369px;
_position: relative;
}
#slogan{
	margin-left:-230px;
	margin-top:-87px;
	position:absolute;	
	*margin-left: 10px;
}
#phone{
	background:url("img/phone.gif") no-repeat scroll 0 4px transparent;
	color:#FFFFFF;
	margin-left:-236px;
	padding-left:39px;
	width:200px;
	margin-top: -20px;
	position: relative;
}
#phone h2{
	font-size: 25px;	
}
.phone{
display:block;
font-size:10px;
margin-top:-58px;
position:absolute;
margin-left:145px;
}
#products{
min-height:281px;
position:relative;
width:956px;
*margin-top: -20px;
*min-height: 230px;
_height: 265px;
}
#products h2 {
color:#F18E0F;
font-family:Helvetica,Arial,sans-serif;
font-size:22px;
margin-bottom:0;
margin-left:0;
margin-top:-20px;
position:absolute;
*margin-top: -120px;
*margin-left: -955px;
_margin-left: 0px;
_margin-top: 0px;
_position: relative;}
#werbetext, #newsletter, #werbebrief, #werbeslogan, #internetundco, #firmennamen, #produktnamen ,#firmenphilosophie{
float:left;
list-style:none outside none;
margin-bottom:-10px;
margin-top:20px;
width:239px;
}
#werbetext{
	background:url("img/werbetext.gif") no-repeat scroll left top #FFFFFF;
}
#newsletter{
	background:url("img/newsletter.gif") no-repeat scroll 0 -7px #FFFFFF
}
#werbebrief{
	background:url("img/werbebrief.gif") no-repeat scroll left top #FFFFFF;
}
#werbeslogan{
	background:url("img/werbeslogan.gif") no-repeat scroll left top #FFFFFF;
}
#internetundco{
	background:url("img/internetundco.gif") no-repeat scroll left top #FFFFFF;
}
#firmennamen{
	background:url("img/firmennamen.gif") no-repeat scroll left top #FFFFFF;
}
#produktnamen{
	background:url("img/produktnamen.gif") no-repeat scroll left top #FFFFFF;
}
#firmenphilosophie{
	background:url("img/firmenphilosophie.gif") no-repeat scroll left top #FFFFFF;
}
#werbetext h2, #newsletter h2, #werbebrief h2, #werbeslogan h2, #internetundco h2, #firmennamen h2, #produktnamen h2, #firmenphilosophie h2{
color:#4C4C4C;
font-family:Helvetica,Arial,sans-serif;
font-size:17px;
margin-bottom:-3px;
margin-left:38px;
margin-top:2px;
position: relative;
}
#werbetext h2 a, #newsletter h2 a, #werbebrief h2 a, #werbeslogan h2 a, #internetundco h2 a, #firmennamen h2 a, #produktnamen h2 a, #firmenphilosophie h2 a{
color: #4c4c4c;
text-decoration: none;
}
#werbetext h2 a:hover, #newsletter h2 a:hover, #werbebrief h2 a:hover, #werbeslogan h2 a:hover, #internetundco h2 a:hover, #firmennamen h2 a:hover, #produktnamen h2 a:hover, #firmenphilosophie h2 a:hover{
color: #F18E0F;	
}
#werbetext li, #newsletter li, #werbebrief li, #werbeslogan li, #internetundco li, #firmennamen li, #produktnamen li, #firmenphilosophie li{
background:url("img/hak.gif") no-repeat scroll 0 -2px #FFFFFF;
font-size:13px;
margin-left:39px;
margin-top:5px;
padding-left:22px;
}

#landingpages{
border-top:1px solid #9f9f9f;
color:#9F9F9F;
font-size:10px;
margin-bottom:25px;
padding-top:10px;
text-align:center;	
clear:both;
}
#landingpages a, #landingpages a:active, #landingpages a:visited {
color:#9f9f9f;
text-decoration:none;
}
#landingpages a:hover {
text-decoration:underline;}
#foot{
border-top:1px solid #9f9f9f;
height:150px;
margin-top:0px;	
}
#foot li h2{
color:#F18E0F;
font-family:Helvetica, Arial, sans-serif;
font-size:20px;
margin-bottom:9px;
margin-top:0;
}
#foot li{
border-right:1px dotted #4C4C4C;
float:left;
height:119px;
list-style:none outside none;
margin-right:30px;
margin-top:15px;
width:287px;
font-size: 13px;
_width: 250px;
_height: 160px;
_margin-bottom: 10px;}
#foot li.last{
border: 0;	
}
#imgflag {
float:right;
margin-left:258px;
position:absolute;
margin-top:-141px;
*margin-top: -5px;
*margin-left: 20px;}
#zusatzcontent {
clear:both;
font-size:13px;
display: none;
}
#zusatzcontent h2 {
position:relative;
display:inline-block;
margin-top:15px;
margin-bottom:-11px;}
#content {
border-right:1px dotted #4C4C4C;
clear:both;
float:left;
height:auto;
margin-bottom:20px;
margin-top:6px;
padding-left:25px;
padding-right:30px;
position:relative;
min-height: 700px;
width:626px;
font-weight: normal;
_width: 600px;
}
#content h2 {
color:#F18E0F;
font-size:17px;
margin-bottom:-5px;}
#content p {
	line-height: 18px;
}
#content li{
line-height: 18px;	
}
#content h1 {
color:#F18E0F;
font-size:25px;
margin-top:-25px;
position:absolute;}
#rightbar {
float:right;
width:274px;
height:555px;}
#leistungen, #cbs, #kontakt {
list-style:none outside none;
margin-left:25px;
margin-top:0;}
#leistungen li {
background:url("img/li.gif") no-repeat scroll 0 3px #FFFFFF;
border-bottom:1px dotted #9F9F9F;
font-size:15px;
line-height:24px;
padding-left:48px;
width:154px;}
#leistungen li a {
color:#4C4C4C;
display:block;
margin-left:-26px;
text-decoration:none;

}
#leistungen li:hover, #leistungen li.active {
background:url("img/li.gif") no-repeat scroll 5px 3px #FFFFFF;
}
#leistungen li a:hover, #leistungen li.active a {
color:#384E8A;
font-weight:bold;
padding-left:7px;}
#rightbar h2 {
color:#F18E0F;
font-size:19px;
margin-bottom:8px;
margin-top:14px;
}
#cbs h2 {
margin-bottom:30px;
}
#cbs li {
margin-top:21px;
list-style:none;
margin-left:-14px !important;
}
#cbs .sendbutton {
margin-top:-42px !important;
margin-left:115px !important;
*margin-top: -22px !important;
*margin-left: 100px !important;
}
#cbs #cformsform{
*margin-top: -50px;	
}
#cbs {
height:125px;
*height: 140px;}
#cbs #usermessagea {
margin-left:0px !important;
margin-top:-11px !important;}
#more {
font-size:10px;
margin-bottom:4px;
text-align: right;}
#box {
background:url("img/refsbg.gif") repeat scroll 0 0 #FFFFFF;
float:left;
font-size:14px;
height:37px;
letter-spacing:-1px;
margin-right:8px;
margin-top:8px;
padding-bottom:0;
padding-left:9px;
padding-top:7px;
width:185px;}
#refs2  {
float:right;
letter-spacing:-1px;
margin-left:426px;
*margin-left: 0px;
position:absolute;}
#refs  {
float:left;
width:418px;}
.refhead  {
font-weight:bold;}
#bpwd {
    text-align: center;
    margin-top: 23px;}
ul.gruende {
    height: 375px;
    padding-left: 33px !important;
}
ul.gruende li {
    clear: both;
    height: 99px;
    list-style: none outside none;
    margin-bottom: -3px !important;
    width: 600px;
	_width: 500px;
}
ul.gruende li img {
    border: 3px solid #374E8A;
    border-radius: 10px 10px 10px 10px;
}
ul.gruende li span {
    background: none repeat scroll 0 0 #374E8A;
    border-radius: 10px 0 5px 0;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-top: -76px;
    padding: 0 6px;
    position: relative;
}
ul.gruende li p {
    float: left;
}
ul.gruende .image {
    float: left;
}
ul.gruende .txt {
    float: left;
    padding-left: 11px;
    padding-top: 0;
}
ul.gruende .txt h2 {
font-size: 14px !important;
    margin-bottom: -12px !important;
	*margin-bottom: 0px !important;
    margin-top: 2px;
    text-transform: uppercase;
}
ul.gruende .image img {
    height: 70px;
    width: 70px;
}
