body
{ 
background-color:#000000;
font-family:arial,sans-serif;
color:#ffffff;
font-size:12px;
}

#center { display: block; text-align: center; }
#content { width: 950px; margin-left: auto; margin-right: auto; text-align:left; }

#footer { clear:left; margin-top:30px; background: url(grafiken/footer-linie.gif) no-repeat; text-align:left; height:14px; font-size:10px; display:inline; padding-top:12px; padding-bottom:10px; float:left; white-space: nowrap;}


.footertrenner {font-size:9px; color:#4d4d4d}





#logo {position: relative; top:-35px; left:0px; width:270px; height:78px; z-index:2;}

.kontaktnamen{ font-size:14px; color:#FFFFFF;}

.redhl{ font-size:12px; color:#e20102;}

.grey{ font-size:12px; color:#999999;}

.redhlbig{ font-size:18px; color:#e20102;}

.greyhlbig{ font-size:18px; color:#999999;}

.whitehl{ font-size:18px; color:#FFFFFF; margin-top:0px; padding-left:11px;}

.greyhl{ font-size:14px; color:#9c9c9c; margin-top:-2px; padding-left:11px;}







/*NAVIGATION */


a:link { text-decoration:none; color:#ffffff; }
a:visited { text-decoration:none; color:#ffffff;}
a:active { text-decoration:none; color:#ffffff;}
a:hover { text-decoration:none; color:#e20102;}

a.bildlink { text-decoration:none; color:#000000;}



/*a.teaser:link { text-decoration:underline; color:#898989;}
*/

a.teaser:link {
	text-decoration:underline;
	color: #898989;
	background-image: url(grafiken/home/pfeil.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;	
}

a.teaser:visited {
	text-decoration:underline;
	color: #898989;
	background-image: url(grafiken/home/pfeil.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;	
}

a.teaser:active {
	text-decoration:underline;
	color: #898989;
	background-image: url(grafiken/home/pfeil.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;	
}

a.teaser:hover {
	text-decoration:underline;
	color: #e20102;
	background-image: url(grafiken/home/pfeil.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;	
}



a.sub:link { text-decoration:underline; color:#898989; background-image: url(grafiken/home/pfeil.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}
a.sub:visited { text-decoration:underline; color:#898989; background-image: url(grafiken/home/pfeil.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}
a.sub:active { text-decoration:underline; color:#898989; background-image: url(grafiken/home/pfeil.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}
a.sub:hover { text-decoration:none; color:#e20102;background-image: url(grafiken/home/pfeil.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}
a.subaktiv { text-decoration:none; color:#e20102;background-image: url(grafiken/home/pfeil.gif); background-repeat: no-repeat; background-position: center left; padding-left: 10px;}




#mainnav {position: relative; background: url(grafiken/mainnavi/navi-bg.jpg) no-repeat; top:13px; left:372px; width:578px; height:30px; z-index:3;}


a.home   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/01-home-w.jpg);
width:34px; 
height:30px;
top:0px;
left:0px



}
a.home:hover { background-image:url(grafiken/mainnavi/01-home-r.jpg); }

a.homer   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/01-home-r.jpg);
width:34px; 
height:30px;
top:0px;
left:0px


}

/* --- */

a.commercials   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/02-commercials-w.jpg);
width:114px; 
height:30px;
top:0px;
left:34px


}
a.commercials:hover { background-image:url(grafiken/mainnavi/02-commercials-r.jpg); }

a.commercialsr   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/02-commercials-r.jpg);
width:114px; 
height:30px;
top:0px;
left:34px

}

/* --- */


a.featurefilm   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/03-featurefilm-w.jpg);
width:111px; 
height:30px;
top:0px;
left:148px


}
a.featurefilm:hover { background-image:url(grafiken/mainnavi/03-featurefilm-r.jpg); }

a.featurefilmr   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/03-featurefilm-r.jpg);
width:111px; 
height:30px;
top:0px;
left:148px

}

/* --- */

a.artists   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/04-artists-w.jpg);
width:75px; 
height:30px;
top:0px;
left:259px


}
a.artists:hover { background-image:url(grafiken/mainnavi/04-artists-r.jpg); }

a.artistsr   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/04-artists-r.jpg);
width:75px; 
height:30px;
top:0px;
left:259px

}

/* --- */


a.leistungen   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/05-leistungen-w.jpg);
width:101px; 
height:30px;
top:0px;
left:334px


}
a.leistungen:hover { background-image:url(grafiken/mainnavi/05-leistungen-r.jpg); }

a.leistungenr   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/05-leistungen-r.jpg);
width:101px; 
height:30px;
top:0px;
left:334px

}

/* --- */

a.team   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/06-team-w.jpg);
width:58px; 
height:30px;
top:0px;
left:435px


}
a.team:hover { background-image:url(grafiken/mainnavi/06-team-r.jpg); }

a.teamr   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/06-team-r.jpg);
width:58px; 
height:30px;
top:0px;
left:435px

}

/* --- */

a.kontakt   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/07-kontakt-w.jpg);
width:85px; 
height:30px;
top:0px;
left:493px


}
a.kontakt:hover { background-image:url(grafiken/mainnavi/07-kontakt-r.jpg); }

a.kontaktr   
{ 
position: absolute;
background-image:url(grafiken/mainnavi/07-kontakt-r.jpg);
width:85px; 
height:30px;
top:0px;
left:493px

}

/* --- */






/* HOMEPAGE */


#flashheader
{
position: relative; top:-30px; left:0px; width:950px; height:393px; z-index:1;
}

#teaserhome
{
position: relative; top:0px; left:0px; width:950px; height:140px; z-index:4; margin:auto;

}

#teaser1
{
position: relative; background-image:url(grafiken/teaser-bg-bella-140.jpg); top:0px; left:0px; width:220px; height:140px; z-index:5; float: left; 


}

#teaser2
{
position: relative; background-image:url(grafiken/teaser-bg-140.gif); top:0px; left:24px; width:220px; height:140px; z-index:5;float: left;

}

#teaser3
{
position: relative; background-image:url(grafiken/teaser-bg-radio-140.gif); top:0px; left:48px; width:220px; height:140px; z-index:5; float: left;

}

#teaser4
{
position: relative; background-image:url(grafiken/teaser-bg-tv-140.jpg); top:0px; left:72px; width:220px; height:140px; z-index:5; float: left;

}



/* LEISTUNGEN */

#teaserleistung
{
position: relative; top:25px; left:730px; width:220px; height:500px; float:left; 
}


#inhaltleistung
{
position: relative; top:0px; left:-230px; width:720px; display:inline; float:right; z-index:2; 
}


#teaser6
{
position: relative; background-image:url(grafiken/leistungen/teaser-bg-kontakt.gif); width:220px; height:206px; top:0px; left:0px; float:left;

}


#teaser5
{
position: relative; background-image:url(grafiken/teaser-bg-team-140.gif); top:0px; left:0px; width:220px; height:140px; float:left;

}








 #konzeption
{
position: relative; top:25px; left:0px; width:345px; display:inline; float:left; z-index:2;

}

#markensongs
{
position: relative; top:25px; left:15px; width:345px; display:inline; float:left;z-index:2;


}


#authentizitaet
{
position: relative; top:25px; left:0px; width:345px; display:inline; float:left;z-index:2;




}
#recht
{
position: relative; top:25px; left:15px; width:345px; display:inline; float:left;z-index:2;


}
#orchestral
{
position: relative; top:25px; left:0px; width:345px; display:inline; float:left;z-index:2;


}



#hand
{
position: relative; top:25px; left:15px; width:345px; display:inline; float:left; z-index:2;


}


/* LEISTUNGEN DETAIL */


#subnavi
{
position: relative; top:-40px; left:-260px; width:220px; display:inline;  z-index:3; float:left;
}


/* REFERENZEN */

#referenezennav
{
position: relative; background-image:url(grafiken/referenzen/ref-box.gif); top:50px; left:0px; width:220px; display:inline; float:left;
}

#referenzen
{
position: relative;  top:50px; left:23px; width:464px; display:inline; float:left;   
}


#teaser8
{
position: relative; background-image:url(grafiken/teaser-bg-showreel-140.gif); top:0px; width:220px; height:140px; float: left;
}

#teaser9
{
position: relative; background-image:url(grafiken/referenzen/teaser-bg-awards-arbeiten.gif); width:220px; display:inline; top:0px; left:0px; float:left;

}


/* KONTAKT */

#kontaktdaten
{
position: relative; background-image:url(grafiken/kontakt/kontakt-box.gif); top:50px; left:0px; width:220px; display:inline; float:left; 
}


#inhaltkontakt
{
position: relative; top:-25px; left:-220px; width:720px; display:inline; float:left; 
}


#kontaktformular
{
position: relative;  top:50px; left:25px; width:460px; display:inline; float:left;   
}



#teaser7
{
position: relative; background-image:url(grafiken/kontakt/teaser-bg-kontakt-anfahrt.gif); width:220px; height:224px; top:0px; left:0px; float:left;z-index:1; 

}

/* SHOWREEL */

#teaserkontakt
{
position: relative; top:25px; left:730px; width:220px; height:400px; float:left; 
}

#teaser10
{
position: relative; background-image:url(grafiken/teaser-bg-radio-140.gif); top:0px; width:220px; height:140px; float: left;
}


/* ARTISTS */

#teaserartists
{
position: relative; background-image:url(grafiken/teaser-bg-artists.gif); top:0px; width:170px; height:351px; float: left;
}



/*FORMULAR*/


#eingabe2k
{
	
	font-family:arial,sans-serif;
	font-size: 12px; 
	background-color:#000000; 
	color:#999999; 
	width:340px; 
	border:1px solid #ffffff;
	}

#betreff
{
	
	font-family:arial,sans-serif; 
	font-size: 12px; 
	background-color:#000000; 
	color:#999999; 
	width:340px; 
	border:1px solid #ffffff;
	}
	



#button
{ 

background-color:#e20102;
font-family:arial,sans-serif;
font-size:12px;
color:#ffffff;
font-weight:bold;
border:1px solid #e20102;

}




.form{ font-size:12px; color:#ffffff;}