@charset "utf-8";
*{
margin:0; 
padding:0;
}

html {
	font-size: 100.01%;
	height: 100%;
	margin: 0 0 1px 0;
	padding: 0;
}

body {
height:100%;
font-family:Arial,Helvetica,sans-serif;
background-color:#000000;
background-image:url(bg_new.gif);
background-repeat:repeat-y;
background-position:center;

font-style: normal;
line-height: 1.333em;
font-weight: normal;
font-variant: normal;
margin: 0;
padding: 0;
}

p.bodytext{
/*margin:0px 0px 10px 15px;*/
margin:0px 50px 10px 15px;
}
a img{
border:0;
text-decoration:none;
}

object{
outline:none;
}

.cleaner{
height: 0;
margin: 0;
padding:0;
clear:both;
}

a{
outline:none;
color:#B4B4B4;
}

div#wrapper{
margin: 0 auto;
/*background-image:url(images/wrapper_bg.gif);
background-repeat:repeat-y;
*/
width:1200px;
}

#wrapper #oben {
	margin:0;
	padding:0;
	display: block;
	text-transform:uppercase;
}
#wrapper #mitte {
	margin:10px 0;
	padding:0;
	display: block;
	padding:0 0 0 150px;
	font-size:0.75em;
	line-height:13px;
}
#wrapper #beschreibung {
	margin:0;
	padding:0 0 0 150px;
	display: block;
	color:#B4B4B4;
	width:610px;
	float:left;
	font-size:0.75em;
	line-height:1.333em;

}

div.csc-header{
	float:left; width:100%;
	margin-bottom:10px;
	clear:both;
}


#wrapper #beschreibung h1{
font-size:16px;
display:block;
background-image:url(mynewsheader_bg.gif);
height:31px;
line-height:31px;
color:#BEB592;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
padding-left:15px;
}
#wrapper #unten {
display:block;
margin:0 0 0 120px;
padding:0;
width:auto;
}
#wrapper #oben #logo {
	width:455px;
	height:122px;
	background-position:15px center;
	float:left;
	display:inline;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	cursor:hand;
	cursor:pointer;
}
#wrapper #oben #navi {
	width:160px;
	height:122px;
	float:left;
	display:inline;
}
#wrapper #oben #subnavi {
	width:230px;
	height:122px;
	float:left;
	display:inline;
}
#wrapper #oben #rest {
	width:auto;
	height:122px;
	float:left;
	display:inline;
}
/* MAINNAV*/
#wrapper #oben #navi .mainnav {
list-style:none;
display:block;
margin:0;
padding:0;
}
#wrapper #oben #navi .mainnav li {
line-height:15pt;
}

#wrapper #oben #navi .mainnav li a{
display:block;
color:#beb592;
text-decoration:none;
font-size:13pt;
}
#wrapper #oben #navi .mainnav li a span{
display:block;
visibility:hidden;
}
#wrapper #oben #navi .mainnav li#agentur a{
background-image:url(agentur.gif);
background-repeat:no-repeat;
}
#wrapper #oben #navi .mainnav li#agentur a:hover{
background-position:0px -40px;
}

#wrapper #oben #navi .mainnav li#agentur a:hover{
background-position:0px -40px;
}

#wrapper #oben #navi .mainnav li#kompetenzen a{
background-image:url(kompetenzen.gif);
background-repeat:no-repeat;
}
#wrapper #oben #navi .mainnav li#kompetenzen a:hover{
background-position:0px -40px;
}
#wrapper #oben #navi .mainnav li#referenzen a{
background-image:url(referenzen.gif);
background-repeat:no-repeat;
}
#wrapper #oben #navi .mainnav li#referenzen a:hover{
background-position:0px -40px;
}
#wrapper #oben #navi .mainnav li#news a{
background-image:url(news.gif);
background-repeat:no-repeat;
}
#wrapper #oben #navi .mainnav li#news a:hover{
background-position:0px -40px;
}
#wrapper #oben #navi .mainnav li#kontakt a{
background-image:url(kontakt.gif);
background-repeat:no-repeat;
}
#wrapper #oben #navi .mainnav li#kontakt a:hover{
background-position:0px -40px;
}


#wrapper #oben #navi .mainnav li.active a{
display:block;
color:#FFFFFF;
text-decoration:none;
background-position:0px -20px;
}
#wrapper #oben #navi .mainnav li.active a:hover{
background-position:0px -20px !important;
}

/* SUBNAV*/
#wrapper #oben #subnavi .subnav {
list-style:none;
display:block;
margin:0;
padding:0;
}
#wrapper #oben #subnavi .subnav li {
line-height:15pt;
}
#wrapper #oben #subnavi .subnav li a{
display:block;
color:#beb592;
text-decoration:none;
font-size:13pt;
}
#wrapper #oben #subnavi .subnav li#beratung a{
margin-top:20px;
background-image:url(beratung.gif);
background-repeat:no-repeat;
}
#wrapper #oben #subnavi .subnav li#beratung a:hover{
background-position:0px -40px;
}
#wrapper #oben #subnavi .subnav li#webdesign a{
background-image:url(webdesign.gif);
background-repeat:no-repeat;
}
#wrapper #oben #subnavi .subnav li#webdesign a:hover{
background-position:0px -40px;
}
#wrapper #oben #subnavi .subnav li#team a{
background-image:url(team.gif);
background-repeat:no-repeat;
}
#wrapper #oben #subnavi .subnav li#team a:hover{
background-position:0px -40px;
}
#wrapper #oben #subnavi .subnav li#jobs a{
background-image:url(jobs.gif);
background-repeat:no-repeat;
}
#wrapper #oben #subnavi .subnav li#jobs a:hover{
background-position:0px -40px;
}
#wrapper #oben #subnavi .subnav li#cases a{
background-image:url(cases.gif);
background-repeat:no-repeat;
margin-top:40px;
}
#wrapper #oben #subnavi .subnav li#cases a:hover{
background-position:0px -40px;
}
#wrapper #oben #subnavi .subnav li#kunden a{
background-image:url(kunden.gif);
background-repeat:no-repeat;
}
#wrapper #oben #subnavi .subnav li#kunden a:hover{
background-position:0px -40px;
}




#wrapper #oben #subnavi .subnav li a span{
display:block;
visibility:hidden;
}
#wrapper #oben #subnavi .subnav li.active a{
display:block;
color:#FFFFFF;
text-decoration:none;
background-position:0px -20px;
}
#wrapper #oben #subnavi .subnav li.active a:hover{
background-position:0px -20px !important;
}


div.leads{
margin:5px 0px;
height:110px;
/*border-bottom: 1px dotted rgb(189, 180, 145); */
background-image:url(detail_news_bottom_bg.gif);
background-position:0 bottom;
background-repeat:no-repeat;
padding: 0px 0px 15px 0px; 
color:#B4B4B4;
}

div.leads a{
color:#B4B4B4;
text-decoration:none;
}
div.leads a:hover{
text-decoration:underline;
}

div.leads h3{
font-size:13px;
font-weight:normal;
text-transform:uppercase;
color:#BEB592;
}
h3.leads_header{
font-size:13px;
font-weight:normal;
text-transform:uppercase;
color:#BEB592;
border-top: 1px dotted rgb(189, 180, 145); 
color:rgb(189, 180, 145); 
border-bottom: 1px dotted rgb(189, 180, 145);
padding: 3px 0px; 
margin: 3px 0px 3px 0px;
}

div.referenzen{
background-image:url(images/cases_bg.gif); 
padding:0;
margin:1px 0px 0px 1px;
float: left; 
height:220px;
width:305px;
text-align:center;
position:relative;
}

div.announcement{
margin:7px 10px 0px 8px;
}

div.announcement span.abstract{
margin:0px 10px 0px 10px;
display:block;
color:#fbf2d0;
}

div.announcement a.normalerlink{
color:#fbf2d0;
text-transform:uppercase;
text-decoration:none;
display:block;
text-align:left;
margin-top:10px;
margin-left:10px;
}
div.announcement a.morelink{
display:block;
text-align:left;
margin-top:10px;
margin-left:10px;
background-image:url(images/more.gif);
background-repeat:no-repeat;
height:11px;
width:195px;
}

div.referenzen img{
margin-top:10px;
margin-bottom:5px;
}
div.referenzen a.normalerlink{
color:#beb592;
text-transform:uppercase;
text-decoration:none;
display:block;
text-align:left;
/*margin-top:10px;*/
margin-left:10px;
}

div.referenzen a.morelink{
display:block;
text-align:left;
/*margin-top:10px;
margin-left:10px;*/
background-image:url(images/more.gif);
background-repeat:no-repeat;
height:11px;
width:295px;
position:absolute;
bottom:5px;
left:10px;
}

div.referenzen a.morelink:hover{
background-position:0 -11px;
}
div.referenzen a.morelink span{
display:none;
}
div#rechtereferenz{
width:305px;
margin:0px 0px 0px 763px;
color:#B4B4B4;
display:block;
padding:0px 0px 0px 0px;
font-size:0.75em;
line-height:1.333em;

}

span.kunden{
display:inline;
float:left;
line-height:31px;
width:55px;
color:#BEB592;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
}

div#years{
height:31px;
line-height:31px;
background-image:url(years_bg.gif);
background-repeat:no-repeat;
}
span.years {
display:inline;
float:left;
line-height:31px;
width:55px;
}

span.years a{
color:#BEB592;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
padding:0;
text-decoration:none;
text-align:center;
display:block;
}
span.years a:hover{
color:#FFFFFF;
}
span.years a.active{
color:#FFFFFF;
}

div.newsdivider{
width:1px;
height:31px;
float:left;
background-image:url(divider.gif);
background-repeat:no-repeat;
background-position:center;
}

div.referenzen_rechts{
float:left;
width:305px;
background-image:url(rechts_bg.gif);
background-repeat:no-repeat;
background-position:0 bottom;
background-repeat:no-repeat;
height:auto !important;
min-height:85px;
padding-top:5px;
padding-bottom:5px;
color:#B4B4B4;
position:relative;
}

div.referenzen_rechts img {
border:0 solid #666666;
float:left;
margin-right:5px;
}

div.referenzen_rechts .morelink span{
display:none;
}

div.referenzen_rechts .morelink{
background-image:url(more_140.gif);
background-repeat:no-repeat;
bottom:6px;
height:11px;
left:165px;
position:absolute;
width:140px;
}
div.referenzen_rechts .morelink:hover{
background-position:0 -11px;
}

div.referenzen_rechts .normalerlink{
text-transform:uppercase;
/*letter-spacing:-0.5pt;*/
color:#BEB592;
text-decoration:none;
}

div.referenzen_rechts .kurzinfo{
float:left;
width:140px;
line-height:13px;
}

div.tx-kunde-pi1{
background-image:url(detail_news_bottom_bg.gif);
background-position:0 bottom;
background-repeat:no-repeat;
float:left;
height:auto !important;
padding:15px 0 15px 15px;
position:relative;
width:595px;
clear:both;
}

div.tx-kunde-pi1 div.kunden_row span.kunden_title{
color:#BEB592;
text-transform:uppercase;
width:110px;
float:left;
}

div.tx-kunde-pi1 div.kunden_row span.kunden_desc{
width:auto;
}

div.tx-kunde-pi1 div.kunden_row span.kunden_desc a{
color:#B4B4B4;
}

div.tx-kunde-pi1 div.kunden_beschr{
padding:10px 0px 0px 0px;
}

div.tx-kunde-pi1 div.kunden_case span a {
background-image:url(case.gif);
background-position:left top;
background-repeat:no-repeat;
float:right;
height:11px;
width:60px;
text-decoration:none;
}
div.tx-kunde-pi1 div.kunden_case span span{
visibility:hidden;
}

div.tx-kunde-pi1 div.kunden_case span a:hover {
background-position:left -11px;
}

div.tx-kunde-pi1 div.kunden_case span a span{
visibility:hidden;
}


div.footer{
margin:-20px auto 0px auto;
width:1200px;
height:10px;
}

div.footer ul.footer{
list-style:none;
margin:0px 0px 0px 150px;
padding:0;
}

div.footer ul.footer li{
float:left; 
display:inline;
padding:0;
margin:0;
}

div.footer ul.footer li a{
display:block;
padding:0px 1px;
margin:0;
background-color:#FFF;
color:#000;
text-decoration:none;
text-transform:uppercase;
font-size:9px;
line-height:10px;
}
div.footer ul.footer li a:hover{
text-decoration:none;
}
div#nonFooter{
padding:10px 0px 30px 0px;
min-height:100%;
position:relative;
}
div.real-footer{
height:30px;
line-height:30px;
width:100%;
/*margin:-30px 0 0 0;
background-color:#FFF;*/
position:relative;
}
div.underfooter{
height:20px;
line-height:20px;
width:100%;
/*margin:-20px 0 0 0;*/
background-color:#FFF;
}

div.styled_devider {
background-image:url(detail_news_bottom_bg.gif);
height:1px;
}

div.soundso{
color:#B4B4B4;
color:#B4B4B4;
font-size:0.75em;
line-height:1.333em;
float:right;
display:inline;
margin-right:130px;
position:relative;
width:310px;
}

div.soundso p.bodytext{
margin:0;
}

div.soundso h1{
background-image:url("years_bg.gif");
background-repeat:no-repeat;
height:31px;
line-height:31px;
color:#BEB592;
display:block;
font-size:13px;
font-weight:normal;
padding-left:0px;
text-transform:uppercase;
}