/* Kopf Hauptmenü 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*Hauptmenüleiste: Listenpunkte mit Hintergrundbildern hinterlegen*/
#kopf li.list1 {background:transparent url(images/img_menue_01.gif) no-repeat;}
#kopf li.list2 {background:transparent url(images/img_menue_02.gif) no-repeat;}
#kopf li.list3 {background:transparent url(images/img_menue_03.gif) no-repeat;}
#kopf li.list4 {background:transparent url(images/img_menue_04.gif) no-repeat;}
#kopf li.list5 {background:transparent url(images/img_menue_05.gif) no-repeat;}
#kopf li.list6 {background:transparent url(images/img_menue_06.gif) 198px 0 no-repeat;}
#kopf li.list7 {background:transparent url(cologne/images/img_menue_06i.gif) 721px 0 no-repeat;} /* dmbh-loge startseite*/
#kopf li.list8 {background:transparent url(cologne/images/img_menue_06_e.gif) 677px 0 no-repeat;} /* dmbh-loge startseite*/
#kopf li.list9 {background:transparent url(cologne/images/img_menue_06_e.gif) no-repeat;}

#kopf li.list1_m {background:transparent url(images/img_menue_01_m.gif) no-repeat;}
#kopf li.list2_m {background:transparent url(images/img_menue_02_m.gif) no-repeat;}
#kopf li.list3_m {background:transparent url(images/img_menue_03_m.gif) no-repeat;}
#kopf li.list4_m {background:transparent url(images/img_menue_04_m.gif) no-repeat;}
#kopf li.list5_m {background:transparent url(images/img_menue_05_m.gif) no-repeat;}



#kopf a {
	display: block;	
	height: 0;
	padding-top: 38px;
	overflow: hidden;
}

* html #kopf a:link, * html #kopf a:visited {height:38px; he\ight:0;}

/*Hauptmenüleiste: a-Elemente mit Hintergrundbildern versehen, und diese in den unsichtbaren Bereich verschieben*/


#kopf a#item1 {  /*neu*/
	background:transparent url(images/img_menue_01_m.gif) -130px -90px no-repeat;
	width: 69px;
}

#kopf a#item2 {  /*üeber uns*/
background:transparent url(images/img_menue_02_m.gif) -130px -90px no-repeat;
width: 124px;
}

#kopf a#item3 {  /*leistungen*/
background:transparent url(images/img_menue_03_m.gif) -130px -90px no-repeat;
width: 141px;
}
#kopf a#item4 {  /*portfolio*/
background:transparent url(images/img_menue_04_m.gif) -130px -90px no-repeat;
width: 120px;
}
#kopf a#item5 {  /*info*/
background:transparent url(images/img_menue_05_m.gif) -130px -90px no-repeat;
width: 69px;
}

#kopf a#item6 {  /*dmbh*/
background:transparent url(images/img_menue_06.gif) no-repeat;
background-position:198px 0;
width: 327px;
}

#kopf a#item7 {  /*dmbh köln startseite logo*/
background:transparent url(img_menue_06i.gif) no-repeat;
/*background-position: 0; *//*721px*/
width: 850px; /*327px;*/
}

#kopf a#item8 {  /*dmbh köln startseite logo*/
background:transparent url(cologne/images/img_menue_06_e.gif) no-repeat;
background-position:677px 0; /*198px 0;*/
width: 850px; /*327px;*/
}


/*Hauptmenü: Hintergrundbilder werden beim Mouseover in den sichtbaren Bereich gezogen*/
#kopf a#item1:hover {background-position:0 0; z-index:50;}
#kopf a#item2:hover {background-position:0 0; z-index:50;}
#kopf a#item3:hover {background-position:0 0; z-index:50;}
#kopf a#item4:hover {background-position:0 0; z-index:50;}
#kopf a#item5:hover {background-position:0 0; z-index:50;}



* html #menu a:hover {height:38px; he\ight:0;}




/* Kopf Submenü
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#kopf ul ul { display: none;}

#kopf ul ul.ausblenden { display: none;}

#kopf ul ul.einblenden { 
 position: absolute;
 top: 38px;
 left: 0;
 width: 850px;
display: block;
z-index: 100;

}

/* Untermenü "neu": Listenpunkte mit Hintergrundbildern versehen*/
#kopf ul ul li.list1a {background:transparent url(images/img_sub_li_01.gif) no-repeat;}
#kopf ul ul li.list1b {background:transparent url(images/img_sub_li_02.gif) no-repeat;}

#kopf ul ul li.list1a_m {background:transparent url(images/img_sub_li_01_m.gif) no-repeat;}
#kopf ul ul li.list1b_m {background:transparent url(images/img_sub_li_02_m.gif) no-repeat;}

/* Untermenü "über uns": Listenpunkte mit Hintergrundbildern versehen*/
#kopf ul ul li.list2a {background:transparent url(images/img_sub_li_03.gif) no-repeat;}
#kopf ul ul li.list2b {background:transparent url(images/img_sub_li_04.gif) no-repeat;}
#kopf ul ul li.list2c {background:transparent url(images/img_sub_li_05.gif) no-repeat;}
#kopf ul ul li.list2d {background:transparent url(images/img_sub_li_06.gif) no-repeat;}
#kopf ul ul li.list2e {background:transparent url(images/img_sub_li_17.gif) no-repeat;} /*  schwerpunkte*/

#kopf ul ul li.list2a_m {background:transparent url(images/img_sub_li_03_m.gif) no-repeat;}
#kopf ul ul li.list2b_m {background:transparent url(images/img_sub_li_04_m.gif) no-repeat;}
#kopf ul ul li.list2c_m {background:transparent url(images/img_sub_li_05_m.gif) no-repeat;}
#kopf ul ul li.list2d_m {background:transparent url(images/img_sub_li_06_m.gif) no-repeat;}
#kopf ul ul li.list2e_m {background:transparent url(images/img_sub_li_17_m.gif) no-repeat;} /*  schwerpunkte*/

/* Untermenü "leistungen": Listenpunkte mit Hintergrundbildern versehen*/
#kopf ul ul li.list3a {background:transparent url(images/img_sub_li_18.gif) no-repeat;}
#kopf ul ul li.list3b {background:transparent url(images/img_sub_li_19.gif) no-repeat;}

#kopf ul ul li.list3a_m {background:transparent url(images/img_sub_li_18_m.gif) no-repeat;}
#kopf ul ul li.list3b_m {background:transparent url(images/img_sub_li_19_m.gif) no-repeat;}


/* Untermenü "portfolio": Listenpunkte mit Hintergrundbildern versehen*/
#kopf ul ul li.list4a {background:transparent url(images/img_sub_li_07.gif) no-repeat;}
#kopf ul ul li.list4b {background:transparent url(images/img_sub_li_08.gif) no-repeat;}
#kopf ul ul li.list4c {background:transparent url(images/img_sub_li_09.gif) no-repeat;}
#kopf ul ul li.list4d {background:transparent url(images/img_sub_li_10.gif) no-repeat;}


#kopf ul ul li.list4a_m {background:transparent url(images/img_sub_li_07_m.gif) no-repeat;}
#kopf ul ul li.list4b_m {background:transparent url(images/img_sub_li_08_m.gif) no-repeat;}
#kopf ul ul li.list4c_m {background:transparent url(images/img_sub_li_09_m.gif) no-repeat;}
#kopf ul ul li.list4d_m {background:transparent url(images/img_sub_li_10_m.gif) no-repeat;}


/* Untermenü "portfolio": Listenpunkte mit Hintergrundbildern versehen*/
#kopf ul ul li.list5a {background:transparent url(images/img_sub_li_11.gif) no-repeat;}
#kopf ul ul li.list5b {background:transparent url(images/img_sub_li_12.gif) no-repeat;}
#kopf ul ul li.list5c {background:transparent url(images/img_sub_li_13.gif) no-repeat;}


#kopf ul ul li.list5a_m {background:transparent url(images/img_sub_li_11_m.gif) no-repeat;}
#kopf ul ul li.list5b_m {background:transparent url(images/img_sub_li_12_m.gif) no-repeat;}
#kopf ul ul li.list5c_m {background:transparent url(images/img_sub_li_13_m.gif) no-repeat;}



#kopf ul ul a {
	display: block;	
	height: 0;
	padding-top: 25px;
	overflow: hidden;
	}

* html #kopf a:link, * html #kopf a:visited {height:25px; he\ight:0;}


/* Untermenü "neu": */
#kopf ul ul a#item1a { /*"aktuell"*/
	background:transparent url(images/img_sub_li_01_m.gif) -130px -90px no-repeat;
	width: 57px;
}
#kopf ul ul a#item1b { /*"jobs"*/
background:transparent url(images/img_sub_li_02_m.gif) -130px -90px no-repeat;
width: 46px;
}


/* Untermenü "über uns": */

#kopf ul ul a#item2a { /*"ansatz"*/
	background:transparent url(images/img_sub_li_03_m.gif) -130px -90px no-repeat;
	width: 57px;
}
#kopf ul ul a#item2b { /*"referenzen"*/
background:transparent url(images/img_sub_li_04_m.gif) -130px -90px no-repeat;
width: 80px;
}
#kopf ul ul a#item2c { /*"team"*/
	background:transparent url(images/img_sub_li_05_m.gif) -130px -90px no-repeat;
	width: 49px;
}
#kopf ul ul a#item2d { /*"veröffentlichungen"*/
background:transparent url(images/img_sub_li_06_m.gif) -130px -90px no-repeat;
width: 123px;
}

#kopf ul ul a#item2e { /*Schwerpunkte"*/
background:transparent url(images/img_sub_li_17_m.gif) -130px -90px no-repeat;
width: 100px;
}

/* Untermenü "Leistungen": */

#kopf ul ul a#item3a { /*"kompetenzen"*/
	background:transparent url(images/img_sub_li_18_m.gif) -130px -90px no-repeat;
	width: 96px;
}
#kopf ul ul a#item3b { /*"strategie"*/
background:transparent url(images/img_sub_li_19_m.gif) -130px -90px no-repeat;
width: 70px;
}

/* Untermenü "portfolio": */
#kopf ul ul a#item4a {  /*"produkt design"*/
	background:transparent url(images/img_sub_li_07_m.gif) -130px -90px no-repeat;
	width: 102px;
}
#kopf ul ul a#item4b {  /*"corporate design"*/
background:transparent url(images/img_sub_li_08_m.gif) -130px -90px no-repeat;
width: 112px;
}
#kopf ul ul a#item4c {  /*"interface design"*/
background:transparent url(images/img_sub_li_09_m.gif) -130px -90px no-repeat;
width: 108px;
}
#kopf ul ul a#item4d {  /*"ausstellungen"*/
background:transparent url(images/img_sub_li_10_m.gif) -130px -90px no-repeat;
width: 123px;
}

/* Untermenü "info": */
#kopf ul ul a#item5a {  /*"presse"*/
	background:transparent url(images/img_sub_li_11_m.gif) -130px -90px no-repeat;
	width: 58px;
}
#kopf ul ul a#item5b {  /*"links"*/
background:transparent url(images/img_sub_li_12_m.gif) -130px -90px no-repeat;
width: 46px;
}
#kopf ul ul a#item5c {  /*"impressum"*/
background:transparent url(images/img_sub_li_13_m.gif) -130px -90px no-repeat;
width: 480px;
}


/* untermenü: mouse over bilder werden in den sichtbaren Bereich verschoben*/
#kopf  a#item1a:hover {background-position:0 0; z-index:50;}
#kopf a#item1b:hover {background-position:0 0; z-index:50;}

#kopf  a#item2a:hover {background-position:0 0; z-index:50;}
#kopf a#item2b:hover {background-position:0 0; z-index:50;}
#kopf a#item2c:hover {background-position:0 0; z-index:50;}
#kopf a#item2d:hover {background-position:0 0; z-index:50;}
#kopf a#item2e:hover {background-position:0 0; z-index:50;}

#kopf  a#item3a:hover {background-position:0 0; z-index:50;}
#kopf a#item3b:hover {background-position:0 0; z-index:50;}

#kopf  a#item4a:hover {background-position:0 0; z-index:50;}
#kopf a#item4b:hover {background-position:0 0; z-index:50;}
#kopf a#item4c:hover {background-position:0 0; z-index:50;}
#kopf a#item4d:hover {background-position:0 0; z-index:50;}

#kopf  a#item5a:hover {background-position:0 0; z-index:50;}
#kopf a#item5b:hover {background-position:0 0; z-index:50;}
#kopf a#item5c:hover {background-position:0 0; z-index:50;}



* html #menu a:hover {height:25px; he\ight:0;}



/* Menueleiste unten

/* * * * * * * * * * * * * * * * * * * * * * * * * * */

/*Rahmen-Div für Menüzeile */
#menue_rahmen {
float: left;
margin-top:15px;
  width: 850px; /*788px;*/
 /*border: 1px solid #CCC; */
 
}

/*Menü: "Kontakt" + english */
#menue, #menue_en {
float: left; 
width: 155px; /*165px;*/
/*background-color:#000099;*/
/*border: 1px solid #FF66FF;*/
}

#menue{width: 155px;}
#menue_en{width: 145px;}

#menue li, #menue_en li{
float: left;
height:25px;
/*background-color:#99FF00;*/

/*max-width : 90px; *//* Für Opera 6*/
}


#menue a, #menue_en a  {
	display: block;	
	float:right;
	padding-top:5px;
/*	height: 25px;*/
width:152px;
	padding-left:0px; /*25px*/
	text-align:center;
		font-size:11px;
		text-align:right;
	/*letter-spacing:1px;*/
	/*background-color:#000;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

/** html #menue a:link, * html #menue a:visited {height:25px; he\ight:0;}*/





/* Portfolio Submenü Spalte 4 (Zahlen: 1 2 3...)
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#spalte4, #spalte4_en  {
float: left;
width: 695px;/*784px;*/
/*border: 1px solid #FF66FF; */
}

#spalte4{width: 695px;}
#spalte4_en{width: 705px;}

#spalte4 li, #spalte4_en li {float:left;}

#spalte4 a, #spalte4_en a {
	display: block;	
	
	float:left;
	padding-right:15px;
	padding-top:5px;
	width: auto;
	text-align:center;
		font-size:11px;
	/*letter-spacing:1px;*/
	/*background-color:#000;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* html #spalte4 a:link, * html #spalte4 a:visited {height:25px; he\ight:0;}