
/*------------- #######      cocodibu STYLES     #######  --------------- */


/*---------------------------    Basis Styles   ---------------------------- */

body
{		background-color: #000000;
		margin: 57px 0 20px 0; 
		font-family:  Verdana, sans-serif; 
		font-size: 11px;
}
		

a  { color: #FFFFFF;}
a:link  	{	text-decoration:none;	color:#FFFFFF; font-weight:normal;}
a:active	{	text-decoration:none;	color:#FFFFFF; font-weight:normal;}
a:visited	{	text-decoration:none;	color:#FFFFFF; font-weight:normal;}
a:hover		{	text-decoration:none;	color:#000000; font-weight:normal;}


.textschwarz 
{ 		color:#000000;		
}

.textschwarz a, .textschwarz a:active, .textschwarz a:visited
{		color:#000000;		
}
.textschwarz a:hover
{		color:#990D30;		
}

pre{		background-color: #FFFFFF; }

/*---------------------------   Farben   ---------------------------- */

.bgorange		{background-color:#FF7C00;}
.bgrot			{background-color:#990D30;}
.bgmagenta		{background-color:#C52067;}

/*--------------------   Schriftformatierung   ---------------------------- */

h2
{ 		font-size:18px;
		font-weight:normal;
		margin-bottom:11px;		
}


h3
{ 		font-size:12px;		
		font-weight:bold;
		margin-bottom:11px;		
}

h4
{ 		font-size:12px;		
		font-weight:normal;
		margin-bottom:30px;		
}

.nospace /*fuer h headlines ohne absatz*/
{ 	
		margin-bottom:0px;		
}

ul, li
{}

td{
color:#FFFFFF;
font-size:12px;		
}

/*---------------------------    Rahmen-Layout   ---------------------------- */

#content 
{ 		width:909px;
		color:#FFFFFF;
		font-size:11px;		
}


.logo
{ 		margin:0 0 30px -7px;		
}

/*---------------------------    Menüführung   ---------------------------- */

#hauptmenu
{ 		text-align:left;					
		width:909px;
		color:#FFFFFF;
		font-size:11px;
		_margin-bottom:-14px; /*IE 6*/
		margin-left:0px;
		margin-right:0px;	
}

#hauptmenu li
{ 					
		margin-right:10px;
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
		float:left;		
}

#hauptmenu li a, #hauptmenu li a:active, #hauptmenu li a:visited
{}
#hauptmenu li a:hover
{ 		color:#FF7C00;	
}

#hauptmenu .aktiv 	{	color:#FF7C00;}
#hauptmenu .links 	{	margin-right:295px;}
#hauptmenu .links_de 	{	margin-right:203px;}
#hauptmenu .links_en 	{	margin-right:305px;}
#hauptmenu .ende	{ 	margin-right:0px;}

/*Sub-Menu Referenzen   ---------------------------- */
#submenuReferenz
{ 		width:190px;
		text-align:left;
		margin:42px 10px 10px 13px;
		color:#FFFFFF;
		font-weight:bold;
		line-height:18px;		
}

#submenuReferenz a, #submenuReferenz a:active, #submenuReferenz a:visited
{		color: 000000;		
}
#submenuReferenz a:hover
{ 		color:#FFFFFF;
		font-weight:bold;	
}


/*---------------------------    Aufteilung Start-Seite  ---------------------------- */

#StartContentLeft 
{ 		width:239px; 
		height:459px;
		text-align:left;
		background-color:#FF7C00;
		float:left;	
}

.StartSpalte1 
{ 		width:44px;
		height:459px;
		background-image: url(../images/start_spalte1.gif);
		float:left;		
}

#StartContentMiddle 
{ 		width:334px;
		height:459px;;
		background-color:#990D30;
		float:left;	
}

#StartTextblockMiddle 
{ 		width:315px;
		margin-top:37px;
		text-align:left;		
}

.StartSpalte2 
{ 		width:44px;
		height:459px;
		background-image: url(../images/start_spalte2.gif);
		float:left;		
}

#StartContentRight 
{ 		width:248px;
		height:459px;
		background-color:#C52067;
		float:left;	
}

/*---------------------------    Aufteilung abweichende Content-Seiten  ---------------------------- */
/*Impressum*/

#ImpressTextblockLeft 
{ 		width:205px;
		margin-left:20px;
		margin-top: 52px;
		_margin-top: 58px;
		text-align:left;		
}

#ImpressContentMiddle 
{ 		width:370px;
		height:459px;;
		background-color:#990D30;
		float:left;	
}

#ImpressTextblockMiddle 
{ 		width:335px;
		height:378px;
		margin-top:37px;
		text-align:left;		
}

.ImpressSpalte2 
{ 		width:25px;
		height:459px;
		background-image: url(../images/impress_spalte2.gif);
		float:left;		
}

#ImpressContentRight 
{ 		width:231px;
		height:459px;
		background-color:#C52067;
		/*vertical-align:bottom;*/
		float:left;		
}

/*Jobs*/
.JobsSpalte1 
{ 		width:39px;
		height:459px;
		background-image: url(../images/jobs_spalte1.gif);
		float:left;		
}

.JobsSpalte2 
{ 		width:49px;
		height:459px;
		background-image: url(../images/jobs_spalte2.gif);
		float:left;		
}

/*Kompetenzen*/
#KompContentLeft 
{ 		width:194px; 
		height:459px;
		text-align:left;
		background-color:#C52067;
		float:left;	
}

.KompSpalte1 
{ 		width:32px;
		height:459px;
		background-image: url(../images/kompetenz_spalte1.gif);
		float:left;		
}

#KompContentMiddle 
{ 		width:438px;
		height:459px;;
		background-image: url(../images/kompetenz_hg-mitte.gif);
		background-color:#FF7C00;
		float:left;	
}

#KompTextblockMiddle 
{ 		width:400px;
		margin-top:37px;
		text-align:left;		
}

.KompSpalte2 
{ 		width:34px;
		height:459px;
		background-image: url(../images/kompetenz_spalte2.gif);
		float:left;		
}

#KompContentRight 
{ 		width:211px;
		height:459px;
		background-color:#990D30;
		float:left;	
}

/*Agenturprofil*/
#ProfilContentLeft 
{ 		width:205px; 
		height:459px;
		text-align:left;
		background-color:#C52067;
		float:left;	
}

.ProfilSpalte1 
{ 		width:31px;
		height:459px;
		background-image: url(../images/profil_spalte1.gif);
		float:left;		
}

#ProfilContentMiddle 
{ 		width:413px;
		height:459px;;
		background-color:#FF7C00;
		float:left;	
}

#ProfilTextblockMiddle 
{ 		width:385px;
		margin-top:37px;
		text-align:left;		
}

.ProfilSpalte2 
{ 		width:48px;
		height:459px;
		background-image: url(../images/profil_spalte2.gif);
		float:left;		
}

/*Team*/
#TeamContentLeft 
{ 		width:269px; 
		height:459px;
		text-align:left;
		background-color:#FF7C00;
		float:left;	
}

.TeamSpalte1 
{ 		width:43px;
		height:459px;
		background-image: url(../images/team_spalte1.gif);
		float:left;		
}

#TeamContentMiddle 
{ 		width:280px;
		height:459px;;
		background-color:#C52067;
		float:left;	
}

.TeamSpalte2 
{ 		width:27px;
		height:459px;
		background-image: url(../images/team_spalte2.gif);
		float:left;		
}

#TeamContentRight 
{ 		width:290px;
		height:459px;
		background-color:#990D30;
		float:left;	
}

#TeamTextblockRight 
{ 		width:245px;
		margin-top:37px;
		text-align:left;		
}

/*Kontakt*/
#KontaktContentLeft 
{ 		width:218px; 
		height:459px;
		text-align:middle;
		background-color:#990D30;
		float:left;	
}

#KontaktTextblockLeft 
{ 		width:155px;
		text-align:left;
		margin-top:69px;
		margin-bottom:65px;		
}

.KontaktSpalte1 
{ 		width:42px;
		height:459px;
		background-image: url(../images/kontakt_spalte1.gif);
		float:left;		
}

#KontaktContentMiddle 
{ 		width:331px;
		height:459px;;
		background-color:#FF7C00;
		float:left;	
}

#KontaktTextblockMiddle 
{ 		width:300px;
		margin-top:37px;
		text-align:left;		
}

.KontaktSpalte2 
{ 		width:15px;
		height:459px;
		background-image: url(../images/kontakt_spalte2.gif);
		float:left;		
}

#KontaktContentRight 
{ 		width:303px;
		height:459px;
		background-color:#C52067;
		float:left;	
}


/*Referenzen*/
#RefContentLeft 
{ 		width:221px; 
		height:459px;
		text-align:left;
		background-color:#C52067;
		float:left;	
}

.RefSpalte1 
{ 		width:46px;
		height:459px;
		background-image: url(../images/ref_spalte1.gif);
		float:left;		
}

#RefContentMiddle 
{ 		width:340px;
		height:459px;;
		background-color:#990D30;
		background-image: url(../images/ref_hg-mitte-bild.gif);
		float:left;	
}

#RefTextblockMiddle 
{ 		width:320px;
		margin-top:37px;
		text-align:left;		
}

.RefSpalte2 
{ 		width:26px;
		height:459px;
		background-image: url(../images/ref_spalte2.gif);
		float:left;		
}

#RefContentRight 
{ 		width:276px;
		height:459px;
		background-color:#FF7C00;
		float:left;	
}

#RefTextblockRight 
{ 		width:237px;
		margin-top:43px;
		text-align:left;		
}
.RefText 
{ 		height:118px;		
}

/*Archiv*/

#ArchivContentMiddle 
{ 		width:438px;
		height:459px;;
		background-image: url(../images/archiv_hg-mitte.gif);
		background-color:#FF7C00;
		float:left;	
}

#ArchivTextblockMiddle 
{ 		width:415px;
		margin-top:37px;
		text-align:left;		
}

.ArchivSpalte2 
{ 		width:34px;
		height:459px;
		background-image: url(../images/archiv_spalte2.gif);
		float:left;		
}


/*---------------------------  Sonderseiten / Special  ---------------------------- */
/*Chrismas 2007 ---------------------------- */
#ChristContentLeft 
{ 		width:189px; 
		height:459px;
		text-align:left;
		background-color:#C52067;
		float:left;	
}

.ChristSpalte1 
{ 		width:18px;
		height:459px;
		background-image: url(../images/s_christmas_spalte1.gif);
		float:left;		
} 

#ChristContentMiddle 
{ 		width:394px;
		height:459px;;
		background-color:#990D30;
		background-image: url(../images/s_christmas_hg-mitte-bild.gif);
		float:left;	
}

#ChristTextblockMiddle 
{ 		width:394px;
		margin-top:37px;
		text-align:left;		
}

.ChristSpalte2 
{ 		width:34px;
		height:459px;
		background-image: url(../images/s_christmas_spalte2.gif);
		float:left;		
}

#ChristContentRight 
{ 		width:274px;
		height:459px;
		background-color:#FF7C00;
		float:left;	
}

#ChristTextblockRight 
{ 		width:230px;
		margin-top:43px;
		text-align:left;		
}

/*---------------------------  Inhalte  ---------------------------- */
/*Start-Seite Aktuelles, Jobs ---------------------------- */

#aktuelles 
{}

#aktuelles ul
{		margin-top:5px;
		margin-left:-40px;
		_margin-left:0px;
		margin-bottom:20px;
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
}

#aktuelles li
{	
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
}

#aktuelles .datum 
{ 		font-size:12px; 
		float:left; 
		margin-right:4px; 
		_margin-right:2px;
		white-space: nowrap;		
}

#aktuelles a, #aktuelles a:active, #aktuelles a:visited
{ 		font-weight:bold;
		text-decoration:none;			
}

#aktuelles a:hover
{ 		font-weight:bold;
		text-decoration:none;		
}

.pfeil /*weiterPfeil fuer Links etc.*/
{ 		margin-right:4px; 
		_margin-right:3px;
 		float:left;}
		
.linkpos 
{ 		padding-top:3px; 
		
}



.jobs
{	margin-bottom:0px;
}


/*profil ---------------------------- */

#linkliste 
{}

#linkliste ul
{		margin-top:5px;
		margin-left:-40px;
		_margin-left:0px;
		margin-bottom:7px;
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
}

#linkliste li
{	
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
}


#linkliste a, #linkliste a:active, #linkliste a:visited
{ 		font-weight:bold;
		text-decoration:none;			
}

#linkliste a:hover
{ 		font-weight:bold;
		text-decoration:none;		
}

#linkliste .archiv li
{	
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
		font-weight:normal;
}

#linkliste .archiv a, #linkliste .archiv a:active, #linkliste .archiv a:visited
{ 		font-weight:normal;			
}

#linkliste .archiv a:hover
{ 		font-weight:normal;		
}


/*impressum ---------------------------- */

.randbild 
{ 		text-align:right;		
		padding-top:25px; 
		_padding-top:25px; 
}

/*referenzen ---------------------------- */

img.refFoto 
{ 		margin:0px 16px 0px 0px; 	
}

img.refLogo 
{ 		/*margin-top:-27px;*/
		margin-bottom:35px;	
}

/*team ---------------------------- */

.team 
{ 		font-size:18px;
		font-weight:normal;
		margin-bottom:11px;		
}


.team a, .team a:active, .team a:visited
{ 		font-size:18px;
		font-weight:normal;
		margin-bottom:11px;		
}

.team a:hover
{ 		color:#000000;		
		font-size:18px;
		font-weight:normal;
		margin-bottom:11px;		
}


#linkliste .team li
{	
		list-style-type:none;
		list-style-position:outside; /*IE* für richtige Positionierung*/
		font-size:11px;
		font-weight:normal;
}

#linkliste .team a, #linkliste .team a:active, #linkliste .team a:visited
{ 		font-weight:normal;
		font-size:11px;			
}

#linkliste .team a:hover
{ 		font-weight:normal;
		font-size:11px;		
}




.filmschwarz{
background-color: #000000;
 padding:0px;
 margin:0px;
}

/*---------------------------    Menu Test   ---------------------------- */

/*#hauptmenu .hauptmenuLinks
{ 	
		display:block;
		width:550px;
		
		margin-right:234px;
		float:left;
}

#hauptmenu .hauptmenuRechts
{ 		/*display:block;		
		/*width:340px;		
		text-align:right;	
}*/

/*---------------------------    Vorab-Seite   ---------------------------- */

/*
#contentLeft 
{ 		width:260px;
		height:412px;
		background-color:#FF7C00;
		float:left;	
}

.spalte1 
{ 		width:43px;
		height:412px;
		background-image: url(../images/vorab_spalte1.gif);
		float:left;		
}

#contentMiddle 
{ 		width:336px;
		height:412px;
		background-color:#990D30;
		float:left;	
}

.textblockMiddle 
{ 		width:310px;
		margin-top:117px;
		text-align:left;		
}


.spalte2 
{ 		width:31px;
		height:412px;
		background-image: url(../images/vorab_spalte2.gif);
		float:left;		
}

#contentRight 
{ 		width:239px;
		height:412px;
		background-color:#C52067;
		float:left;	
}

*/