/**********************************************************************
*   Allgemeine Definitionen
**********************************************************************/

body {      
  position:relative;
  height:710px;
  margin:0px;
  padding:0px;
  background-color:#474440; /* #353332 oder: #504C47 oder: #6B655C */
  background-repeat:no-repeat;
}

div, p {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color:#000000;
}


/**** Standard-Layoutvorgaben fuer muViCom-Website *******************/
div.allgemein {
  position:relative;
  top:25px; 
  left:10px; 
  width:1000px;
  height:654px; 
  margin:0px;
  padding:0px;
  overflow:visible; /* hierdurch wird ermoeglicht, dass Unterseiten auch breiter oder laenger sein koennen
                       mittels eines (unten angegebenen) eigenen div-Tags */
  background-color:#FFFDFB;
  text-align:left;
}

/**** Allgemein gueltige Eckenpositionierungen inkl. der zugehoerigen 
      Bilder fuer das Rahmenlayout ***********************************/
div.linksOben {
  position:absolute;
  top:0px;
  left:0px;
  width:430px;
  height:226px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB; 
  background-image:url(Ecke_lo_Logo.gif); 
  background-position:top left;
  background-repeat:no-repeat;
}

div.rechtsOben {
  position:absolute;
  top:0px;
  right:0px;
  width:11px;
  height:11px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB; 
  background-image:url(Ecke_ro.gif); 
  background-position:top right;
  background-repeat:no-repeat;
}

div.linksUnten {
  position:absolute;
  bottom:0px;
  left:0px;
  width:11px;
  height:11px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB;
  background-image:url(Ecke_lu.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}

div.rechtsUnten {
  position:absolute;
  bottom:0px;
  right:0px;
  width:320px;
  height:65px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB; 
  background-image:url(Ecke_ru.gif); 
  background-position:bottom right;
  background-repeat:no-repeat;
}

div.copyright {
  position:absolute;
  bottom:5px;
  left:164px;
  margin:0px;
  padding:0px;
  color:#797979;
  text-align:left; 
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:7pt;
}      

span.orangePunkt {
  position:relative;
  padding:0px;
  padding-left:0px;
  padding-right:10px;
  background-image:url(Orange_Punkt_k.gif);
  background-position:5px 6px;
  background-repeat:no-repeat;
}
span.orangePunkt.vor { background-position:6px 6px; }
span.orangePunkt.nach { background-position:4px 6px; }

div.liniePunkt {
  height:1px;
  margin:0px;
  padding:0px;
  background-image:url(Linie_Punkt.gif);
  background-repeat:repeat-x;
}

div.vorladen {
  position:absolute;
  top:0px;
  left:0px;
  width:0px;
  height:0px;
  z-index:0px;
}

img.vorladenGrafik {
  position:absolute;
  top:0px;
  left:0px;
  width:0px;
  height:0px;
  z-index:0px;
}

/**** Textfelder *****************************************************/
div.textfeld {
  position:absolute;
  margin:0px;
  padding:0px;
  color:#000000; 
  text-align:left; 
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:8pt;
  line-height:12pt;
}

div.textfeld.schmal {
  font-size:8pt;
  line-height:10.5pt;
}

div.ueberschrift { font-weight:bold; }

h1 { 
  position:absolute;
  top:204px;
  left:98px;
  width:487px;
  height:24px;
  margin:0px;
  padding:0px;
  color:#797979;
  text-align:left; 
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:8pt;
  line-height:12pt;
  background-position:0px 23px;
  background-image:url(Linie_Punkt.gif);
  background-repeat:repeat-x; }

h1 img {
  position:absolute;
  top:0px;
  left:0px;
  height:20px;
  margin:0px;
  margin-left:6px;
  padding:0px;
}
                                        
div.absatz { line-height:6pt; }

div.absatz.gross { line-height:10.5pt; }

div.absatz.klein { line-height:0px; }

div.einrueckung { 
  position:relative;
  top:0px;
  margin-left:15px;
}

span.abstand12 { margin-left:12px }

span.abstandSlash { 
  margin-left:1px;
  margin-right:1px;
}

span.abstandLeerz {
  margin-left:0px;
  margin-right:2px;
}

span.abstandHalbLeerz {
  margin-left:0px;
  margin-right:-2px;
}

span.hochgestellt {
  position:relative;
  bottom:3px;
  font-size:7pt;
  line-height:10.5pt;
}

/**** Bilder und das muViCom-Logo ************************************/
img { border:0px; }

img.muvicomLogo {
  position:absolute; 
  top:66px; 
  left:59px; 
  width:104px; 
  height:18px; 
  z-index:1000;
}


/**** Listen und Listenelemente **************************************/
ul {
  position:absolute;
  list-style-type:none;
}
        
ul li {
  position:relative;
  top:10px;
  left:-10px;
}

ul.allgemein {
  margin-top:0px; 
  margin-left:0px; 
  padding:0px; 
  list-style: none;
}

ul.allgemein li {
  margin:0px; 
  padding:0px; 
  padding-left:11px; 
  padding-bottom:10px; 
  font-size:8pt;
  overflow:visible;
  line-height:10pt;
  font-weight:normal; 
  background-repeat:no-repeat;
  background-position:1px 2px;
}

/**********************************************************************
*   Definition der Menuepunkte und Links
**********************************************************************/
/* 1. Hauptmenue */
a.menuePunkt {
  position:absolute;
  top:120px; 
  width:119px;
  height:33px; 
  margin:0px; 
  padding:0px;
  overflow:visible;
  background-color:#FFFDFB; 
  background-position:top left;
  background-repeat:no-repeat;
}

a.menuePunkt#mP0 { 
  left:82px; 
  background-image:url(Menu_Buero.gif);
}
a.menuePunkt#mP0:hover {
  left:82px; 
  background-image:url(Menu_Buero_h.gif);
}
a.menuePunkt#mP0Selected {
  left:82px; 
  background-image:url(Menu_Buero_h.gif);
}

a.menuePunkt#mP1 {
  left:210px; 
  background-image:url(Menu_Projekte.gif);
}
a.menuePunkt#mP1:hover {
  left:210px; 
  background-image:url(Menu_Projekte_h.gif);
}
a.menuePunkt#mP1Selected {
  left:210px; 
  background-image:url(Menu_Projekte_h.gif);
}

a.menuePunkt#mP2 {
  left:338px;
  background-image:url(Menu_Leistungen.gif);
}
a.menuePunkt#mP2:hover {
  left:338px; 
  background-image:url(Menu_Leistungen_h.gif);
}
a.menuePunkt#mP2Selected {
  left:338px; 
  background-image:url(Menu_Leistungen_h.gif);
}

a.menuePunkt#mP3 {
  left:466px;
  background-image:url(Menu_Infos.gif);
}
a.menuePunkt#mP3:hover {
  left:466px; 
  background-image:url(Menu_Infos_h.gif);
}
a.menuePunkt#mP3Selected {
  left:466px; 
  background-image:url(Menu_Infos_h.gif);
}

/* 2. Hauptmenue (momentan nur Impressum) */
a.hm2MenuePunkt {
  position:absolute;
  bottom:5px;
  left:95px;
  margin:0px;
  padding:0px;
  color:#797979;
  text-align:left; 
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:7pt;
}

a.hm2MenuePunkt#hm2MP0 { color:#797979; }
a.hm2MenuePunkt#hm2MP0:hover {
  left:95px;
  color:#DC6928;
}
a.hm2MenuePunkt#hm2MP0Selected {
  left:95px; 
  color:#DC6928;
}


/* allgemeine Links */                                
a.email {
  color:#000000;
  text-decoration:none;
}
a.email:hover {
  color:#DC6928;
}

a.webLink {
  color:#707070;
  text-decoration:none;
}
a.webLink:hover { color:#DC6928; }

a.webLink.But {
  position:relative;
  padding:0px;
  padding-left:14px;
  background-image:url(projekte/button_pdf_blau.gif);
  background-position:6px 3px;
  background-repeat:no-repeat;
}
a.webLink.But:hover { background-image:url(projekte/button_pdf_orange.gif); }

/**********************************************************************
*   Bereichsdefinition fuer die einzelnen Unterseiten - somit sind die
*   einzelnen Seiten in ihrer Groesse flexibel 
**********************************************************************/

/**** Buero **********************************************************/
div.buero {
  position:absolute;
  top:0px; 
  left:0px; 
  width:1000px; 
  height:654px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB; 
  text-align:left;
}

div.buero object {
  position:absolute;
  top:181px;
  left:81px;
  width:820px;
  height:420px;
}

div.textfeld.bueroHinweis {
  position:relative;
  top:50px;
  left:80px;
  color:#DC6928;
  font-size:8pt;
  line-height:10.5pt;
}

div.buero a.webLink.bueroLink { font-size:8pt; }

div.textfeld.bueroBedienung {
  top:600px;
  left:82px;
  color:#797979;
}

/**** Projekte *******************************************************/
div.projekte {
  position:absolute;
  top:0px;
  left:0px;
  width:1000px;
  height:654px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB; 
  text-align:left;
}

div.projekte div.galerieIndex { 
  position:absolute;
  top:173px;
  left:55px;
  width:920px;
  height:430px;
}

div.projekte div.galerieInfos {
  position:absolute;
  top:173px;
  left:82px;
  width:820px;
  height:434px;
  background-color:#EFEFEF;
}

/*---- Projektdetails-Rahmen ----*/
div.projekte div.galerieInfos div.galInfH {
  position:absolute;
  left:0px;
  width:100%;
  height:1px;
  margin:0px;
  padding:0px;
  background-image:url(projekte/px_linie.gif);
  background-repeat:repeat-x;
}

div.projekte div.galerieInfos div.galInfV {
  position:absolute;
  top:0px;
  width:1px;
  height:100%;
  background-image:url(projekte/px_linie.gif);
  background-repeat:repeat-y;
}

div.projekte div.galerieInfos div.galInfH#GIHO {
  top:0px;
  background-position:top;
}
div.projekte div.galerieInfos div.galInfH#GIHU {
  bottom:0px;
  background-position:bottom;
}
div.projekte div.galerieInfos div.galInfV#GIVL {
  left:0px;
  background-position:left;
}
div.projekte div.galerieInfos div.galInfV#GIVR {
  right:0px;
  background-position:right;
}

/*---- Projektdetails-Ecken ----*/
div.projekte div.galerieInfos div.galInfEcke {
  position:absolute;
  width:5px;
  height:5px;
  background-repeat:no-repeat;
}

div.projekte div.galerieInfos div.galInfEcke#GIERO {
  top:0px;
  right:0px;
  background-position:top right;
  background-image:url(projekte/f_ecke_rechtsoben.gif);
}

div.projekte div.galerieInfos div.galInfEcke#GIERU {
  bottom:0px;
  right:0px;
  background-position:bottom right;
  background-image:url(projekte/f_ecke_rechtsunten.gif);
}

div.projekte div.galerieInfos div.galInfEcke#GIELU {
  bottom:0px;
  left:0px;
  background-position:bottom left;
  background-image:url(projekte/f_ecke_linksunten.gif);
}

/*---- Projektdetails-Linie ----*/
div.projekte div.galerieInfos div.galInfLinie {
  position:absolute;
  top:16px;
  left:466px;
  width:1px;
  height:360px;
  background-image:url(projekte/px_linie.gif);
  background-repeat:repeat-y;
}

/*---- Projektdetails-Buttons ----*/
div.projekte div.galerieInfos a {
  position:absolute;
  text-align:left; 
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:7pt;
  background-repeat:no-repeat;
}

div.projekte div.galerieInfos a.galInfSchliessen {
  top:7px;
  left:802px;
  width:11px;
  height:10px;
  background-image:url(projekte/button_schliessen.gif);
}
div.projekte div.galerieInfos a.galInfSchliessen:hover { background-image:url(projekte/button_schliessen_h.gif); }

div.projekte div.galerieInfos a.galInfVor {
  top:410px;
  width:54px;
  height:15px;
  background-image:url(projekte/button_vor.gif);
}
div.projekte div.galerieInfos a.galInfVor:hover { background-image:url(projekte/button_vor_h.gif); }
div.projekte div.galerieInfos a.galInfVor#BildVor { left:391px; }
div.projekte div.galerieInfos a.galInfVor#ProjektVor { left:747px; }

div.projekte div.galerieInfos a.galInfZurueck {
  top:410px;
  width:54px;
  height:15px;
  background-image:url(projekte/button_zurueck.gif);
}
div.projekte div.galerieInfos a.galInfZurueck:hover { background-image:url(projekte/button_zurueck_h.gif); }
div.projekte div.galerieInfos a.galInfZurueck#BildZurueck { left:333px; }
div.projekte div.galerieInfos a.galInfZurueck#ProjektZurueck { left:689px; }

div.projekte div.galerieInfos a span.BTextVor {
  padding-left:15px;
  color:#707070;
}
div.projekte div.galerieInfos a span.BTextZurueck {
  padding-left:14px;
  color:#707070;
}

div.projekte div.galerieInfos div.galInfTextKl {
  position:absolute;
  top:410px;
  color:#707070;
  text-align:right;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:7pt;
}                                              
div.projekte div.galerieInfos div.galInfTextKl#Bild { right:494px; }
div.projekte div.galerieInfos div.galInfTextKl#Projekt { left:639px; }

div.projekte div.galerieInfos div.galInfText {
  position:absolute;
  top:40px;
  left:485px;
  width:330px;
  height:350px;
  /*background-color:#FFFFFF;*/
}

div.projekte div.galerieInfos a.webLink.galInf { font-size:8pt; }


/*---- Projektdetails-Foto und -Fototext ----*/
div.projekte div.galerieInfos div.galerieFoto { 
  position:absolute;
  top:26px;
  left:13px;
  font-size:8pt;
  line-height:10.5pt;
}

div.projekte div.galerieInfos div.galerieFoto img { display:block; }

div.projekte div.galerieInfos div .galerieVideo {
  position:relative;
  top:0px;
  left:0px;
  width:435px;
  height:353px;
  display:block;
}
div.projekte div.galerieInfos div .galerieVideo.gdw-heiser {}
div.projekte div.galerieInfos div .galerieVideo.gdw-infoscreen { height:256px; }
div.projekte div.galerieInfos div .galerieVideo.kh-oye05 {}
div.projekte div.galerieInfos div .galerieVideo.sbs-trailer {}

div.projekte div.galerieInfos div div.galerieFotoText {
  position:relative;
  top:5px;
  left:11px;
  color:#707070;
  text-align:left; 
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size:7pt;
  line-height:10.5pt;
}

div.textfeld.galInfHinweis {
  position:absolute;
  top:50px;
  left:80px;
  color:#DC6928;
  font-size:8pt;
  line-height:10.5pt;
}

/*---- Projektindex-Bilder ----*/
div.projekte div a.indexBilder {}
div.projekte div a.indexBilder:hover { 
  position:static; /* diese Def. genuegt, damit sich Opera 8.5 nicht mehr an der text-decoration stoert */
  border:0px;
  text-decoration:none; /* steht "text-decoration" ohne die Eigenschaft "position" hier, blendet Opera 8.5 das mouseover 
                           nicht mehr korrekt aus. Es bleibt haengen! */
} 

div.projekte div a.indexBilder img {
  position:absolute;
  z-index:1; 
  overflow:visible;
  background-repeat:no-repeat;
}

div.projekte div a.indexBilder span {
  display:none;
  position:static;
  background-repeat:no-repeat;
}
div.projekte div a.indexBilder:hover span {
  display:block;
  z-index:3;
  background-repeat:no-repeat;
  position:absolute;
}


div.projekte div a span.tooltip { display:none; }
div.projekte div a:hover span.tooltip {
  position:absolute;
  width:128px;
  height:49px;
  background-color:#FBF8F1;
}
div.projekte div a:hover span.tooltip span {
  position:absolute;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0pt;
  line-height:0pt;
}
div.projekte div a:hover span.tooltip .ttL {
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border-top:1px solid #B8B2A4;
  border-left:1px solid #B8B2A4;
}
div.projekte div a:hover span.tooltip .ttR {
  top:0px;
  right:-5px;
  width:5px;
  height:100%;
  background-image:url(projekte/m_flaeche_rechts.gif);
  background-repeat:no-repeat;
}
div.projekte div a:hover span.tooltip .ttLU {
  bottom:-5px;
  left:0px;
  width:100%;
  height:5px;
  background-image:url(projekte/m_flaeche_unten.gif);
  background-repeat:no-repeat;
}
div.projekte div a:hover span.tooltip .ttRU {
  bottom:-5px;
  right:-5px;
  width:5px;
  height:5px;
  background-image:url(projekte/m_ecke_rechtsunten.gif);
  background-repeat:no-repeat;
}
div.projekte div a:hover span.tooltip .ttText { 
  width:100%;
  height:100%;
  margin:0px;
  margin-top:4px;
  margin-left:7px;
  color:#464646;
  text-align:left;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:7pt;
  line-height:10.5pt;
}
div.projekte div a:hover span.tooltip .ttText b { padding-left:1px; }

/*---- ASC-Berlin - Webseite ----*/
div.projekte div a.indexBilder img.asc-web_1 { 
  top:24px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .asc-web_1_hl {
  top:24px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a:hover span.tooltip.asc-web_ttip {
  top:86px;
  left:566px;
  width:74px;
  height:35px;
}

/*---- Bilk und Keil - Webseite ----*/
div.projekte div a.indexBilder img.bk-web_1 { 
  top:301px;
  left:27px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .bk-web_1_hl {
  top:301px;
  left:27px;
  width:57px;
  height:42px;
}

div.projekte div a:hover span.tooltip.bk-web_ttip {
  top:348px;
  left:29px;
  width:140px;
  height:35px;
}

/*---- DESWOS - Trailer ----*/
div.projekte div a.indexBilder img.desw-trailer_1 {
  top:46px;
  left:109px;
  width:42px;
  height:57px;
}

div.projekte div a.indexBilder:hover .desw-trailer_1_hl {
  top:46px;
  left:109px;
  width:42px;
  height:57px;
}

div.projekte div a:hover span.tooltip.desw-trailer_ttip {
  top:108px;
  left:111px;
  width:119px;
  height:35px;
}

/*---- DGS - Folien-CD ST ----*/
div.projekte div a.indexBilder img.dgs-foliencd_1 {
  top:234px;
  left:329px;
  width:141px;
  height:109px;
}

div.projekte div a.indexBilder:hover .dgs-foliencd_1_hl {
  top:234px;
  left:329px;
  width:141px;
  height:109px;
}

div.projekte div a.indexBilder img.dgs-foliencd_2 {
  top:353px;
  left:329px;
  width:74px;
  height:74px;
}

div.projekte div a.indexBilder:hover .dgs-foliencd_2_hl {
  top:353px;
  left:329px;
  width:74px;
  height:74px;
}

div.projekte div a:hover span.tooltip.dgs-foliencd_ttip {
  top:348px;
  left:408px;
  width:117px;
}

/*---- DGS - CD-ROM ST-LF ----*/
div.projekte div a.indexBilder img.dgs-stcd04_1 {
  top:343px;
  left:161px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .dgs-stcd04_1_hl {
  top:343px;
  left:161px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder img.dgs-stcd04_2 {
  top:269px;
  left:245px;
  width:74px;
  height:74px;
}

div.projekte div a.indexBilder:hover .dgs-stcd04_2_hl {
  top:269px;
  left:245px;
  width:74px;
  height:74px;
}

div.projekte div a:hover span.tooltip.dgs-stcd04_ttip {
  top:348px;
  left:240px;
  width:152px;
}

/*---- DGS - CD-ROM PV-LF ----*/
div.projekte div a.indexBilder img.dgs-pvcd05_1 {
  top:91px;
  left:329px;
  width:67px;
  height:49px;
}

div.projekte div a.indexBilder:hover .dgs-pvcd05_1_hl {
  top:91px;
  left:329px;
  width:67px;
  height:49px;
}

div.projekte div a.indexBilder img.dgs-pvcd05_2 {
  top:39px;
  left:396px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .dgs-pvcd05_2_hl {
  top:39px;
  left:396px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder img.dgs-pvcd05_3 {
  top:150px;
  left:396px;
  width:74px;
  height:74px;
}

div.projekte div a.indexBilder:hover .dgs-pvcd05_3_hl {
  top:150px;
  left:396px;
  width:74px;
  height:74px;
}

div.projekte div a:hover span.tooltip.dgs-pvcd05_ttip {
  top:88px;
  left:401px;
  width:153px;
}

/*---- GdW - Infoscreen ----*/
div.projekte div a.indexBilder img.gdw-infoscreen_1 {
  top:182px;
  left:94px;
  width:141px;
  height:109px;
}

div.projekte div a.indexBilder:hover .gdw-infoscreen_1_hl {
  top:182px;
  left:94px;
  width:141px;
  height:109px;
}

div.projekte div a.indexBilder img.gdw-infoscreen_2 {
  top:115px;
  left:245px;
  width:74px;
  height:144px;
}

div.projekte div a.indexBilder:hover .gdw-infoscreen_2_hl {
  top:115px;
  left:245px;
  width:74px;
  height:144px;
}

div.projekte div a:hover span.tooltip.gdw-infoscreen_ttip {
  top:264px;
  left:240px;
  width:134px;
}

/*---- GdW - Heiser ----*/
div.projekte div a.indexBilder img.gdw-heiser_1 {
  top:269px;
  left:480px;
  width:74px;
  height:74px;
}

div.projekte div a.indexBilder:hover .gdw-heiser_1_hl {
  top:269px;
  left:480px;
  width:74px;
  height:74px;
}

div.projekte div a:hover span.tooltip.gdw-heiser_ttip {
  top:348px;
  left:482px;
  width:152px;
}

/*---- GdW - Grussworte ----*/
div.projekte div a.indexBilder img.gdw-grussw_1 {
  top:4px;
  left:161px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .gdw-grussw_1_hl {
  top:4px;
  left:161px;
  width:57px;
  height:42px;
}

div.projekte div a:hover span.tooltip.gdw-grussw_ttip {
  top:51px;
  left:163px;
  width:107px;
}

/*---- jtt - Mailing ----*/
div.projekte div a.indexBilder img.jtt-mail_1 {
  top:167px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .jtt-mail_1_hl {
  top:167px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a:hover span.tooltip.jtt-mail_ttip {
  top:229px;
  left:566px;
  width:136px;
}

/*---- jtt - Webseite ----*/
div.projekte div a.indexBilder img.jtt-web_1 {
  top:234px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .jtt-web_1_hl {
  top:234px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a:hover span.tooltip.jtt-web_ttip {
  top:296px;
  left:566px;
  width:74px;
  height:35px;
}

/*---- jtt - Praesentation (PPT-Vortrag) ----*/
div.projekte div a.indexBilder img.jtt-prae_1 {
  top:115px;
  left:564px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .jtt-prae_1_hl {
  top:115px;
  left:564px;
  width:57px;
  height:42px;
}

div.projekte div a:hover span.tooltip.jtt-prae_ttip {
  top:162px;
  left:566px;
  width:98px;
}

/*---- Konzerthaus - OYE 2007 ----*/
div.projekte div a.indexBilder img.kh-oye07_1 {
  top:150px;
  left:648px;
  width:141px;
  height:109px;
}

div.projekte div a.indexBilder:hover .kh-oye07_1_hl {
  top:150px;
  left:648px;
  width:141px;
  height:109px;
}

div.projekte div a:hover span.tooltip.kh-oye07_ttip {
  top:264px;
  left:650px;
  width:149px;
  height:63px;
}

/*---- Konzerthaus - OYE 2005 ----*/
div.projekte div a.indexBilder img.kh-oye05_1 {
  top:269px;
  left:648px;
  width:74px;
  height:74px;
}

div.projekte div a.indexBilder:hover .kh-oye05_1_hl {
  top:269px;
  left:648px;
  width:74px;
  height:74px;
}

div.projekte div a:hover span.tooltip.kh-oye05_ttip {
  top:348px;
  left:650px;
  width:144px;
}
  
/*---- Konzerthaus - Kindermatinees ----*/
div.projekte div a.indexBilder img.kh-kmatinee_1 {
  top:115px;
  left:161px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .kh-kmatinee_1_hl {
  top:115px;
  left:161px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder img.kh-kmatinee_2 {
  top:31px;
  left:245px;
  width:74px;
  height:74px;
}

div.projekte div a.indexBilder:hover .kh-kmatinee_2_hl {
  top:31px;
  left:245px;
  width:74px;
  height:74px;
}

div.projekte div a:hover span.tooltip.kh-kmatinee_ttip {
  top:110px;
  left:240px;
  width:144px;
}

/*---- Christian Richarz - Webseite ----*/
div.projekte div a.indexBilder img.rich-web_1 {
  top:353px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .rich-web_1_hl {
  top:353px;
  left:564px;
  width:74px;
  height:57px;
}

div.projekte div a:hover span.tooltip.rich-web_ttip {
  top:415px;
  left:566px;
  width:136px;
  height:35px;
}

/*---- SBS Buehnentechnik - Trailer ----*/
div.projekte div a.indexBilder img.sbs-trailer_1 {
  top:78px;
  left:480px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .sbs-trailer_1_hl {
  top:78px;
  left:480px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder img.sbs-trailer_2 {
  top:130px;
  left:480px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .sbs-trailer_2_hl {
  top:130px;
  left:480px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder img.sbs-trailer_3 {
  top:182px;
  left:480px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .sbs-trailer_3_hl {
  top:182px;
  left:480px;
  width:57px;
  height:42px;
}

div.projekte div a:hover span.tooltip.sbs-trailer_ttip {
  top:229px;
  left:482px;
  width:148px;
  height:35px;
}

/*---- Wolfgang Schram - Webseite und Geschaeftsdrucksachen ----*/
div.projekte div a.indexBilder img.schram-web-gesch_1 {
  top:98px;
  left:27px;
  width:57px;
  height:74px;
}

div.projekte div a.indexBilder:hover .schram-web-gesch_1_hl {
  top:98px;
  left:27px;
  width:57px;
  height:74px;
}

div.projekte div a.indexBilder img.schram-web-gesch_2 {
  top:182px;
  left:27px;
  width:57px;
  height:42px;
}

div.projekte div a.indexBilder:hover .schram-web-gesch_2_hl {
  top:182px;
  left:27px;
  width:57px;
  height:42px;
}

div.projekte div a:hover span.tooltip.schram-web-gesch_ttip {
  top:229px;
  left:29px;
  width:136px;
}

/*---- Freie Arbeit - Weg der Anderen ----*/
div.projekte div a.indexBilder img.frei-wegderanderen_1 {
  top:83px;
  left:714px;
  width:74px;
  height:57px;
}

div.projekte div a.indexBilder:hover .frei-wegderanderen_1_hl {
  top:83px;
  left:714px;
  width:74px;
  height:57px;
}

div.projekte div a:hover span.tooltip.frei-wegderanderen_ttip {
  top:145px;
  left:716px;
  width:137px;
}



/**** Leistungen *****************************************************/
body.leistungen { height:1280px; }

div.leistungen {
  position:absolute;
  top:0px; 
  left:0px; 
  width:1000px; /*1022px;*/
  height:1224px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB; 
  text-align:left;
}

div.textfeld.leistungenUebersicht {
  top:248px;
  left:104px;
}

div.leistungen ul.leistungenListe {
  position:relative;
  top:0px;
  margin:0px;
  margin-top:-2px;
  margin-bottom:26px;
  padding:0px;
  list-style-type:none;
  list-style-position:outside;
}

div.leistungen ul.leistungenListe li {
  position:relative;
  left:0px;
  width:850px;
  padding:0px;
  margin:0px;
  margin-bottom:8px;
}

div.leistungen div.leistungenLinks {
  position:relative;
  top:0px;
  left:0px;
  width:480px;
  color:#797979;
}

div.leistungen div.leistungenRechts {
  position:absolute;
  top:16px;
  left:553px;
  width:260px;
  color:#797979;
}

div.leistungen span.leistungsPunkt { color:#000000; }

div.leistungen .leistungenIcons {
  position:absolute;
  left:508px;
  width:34px;
  height:34px;
  background-repeat:no-repeat;
}
div.leistungen .leistungenIcons.icon1 { top:20px; }
div.leistungen .leistungenIcons.icon2 { top:59px; }
div.leistungen .leistungenIcons:hover {
  background-image:url(leistungen/icon_h2.gif);
}


/**** Infos **********************************************************/
div.infos {
  position:absolute;
  top:0px; 
  left:0px; 
  width:1000px; 
  height:654px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB;
  text-align:left;
  /* background-image:url(Entwurf_Web10_anfahrt.jpg); */
}
                                                
div.textfeld.infosFliesstext {
  top:248px;
  left:104px;
  width:475px;
  height:130px;
}

div.textfeld.infosFirma {
  top:304px;
  left:632px;
  width:290px;
  height:10px;
  line-height:11pt;
}

div.liniePunkt.infosFirmaLinie {
  position:relative;
  top:0px; 
  left:-6px; 
  width:305px;
}

div.textfeld.infosTaetigkeit {
  top:320px;
  left:647px;
  width:290px;
  height:10px;
  line-height:11pt;
}

div.textfeld.infosAllgKontakt {
  top:344px;
  left:632px;
  width:290px;
  height:50px;
}

div.textfeld.infosPersonKontakt{
  top:408px;
  left:632px;
  width:290px;
  height:60px;
}


div.infos div.anfahrtBildK {
  position:absolute;
  top:509px;
  left:632px;
  width:169px;
  height:85px;
  z-index:1;
  background-image:url(infos/Anfahrt_k.gif);
  background-repeat:no-repeat;
}

div.infos div.anfahrtBildK a.anfahrt {
  position:absolute;
  top:0px;
  left:0px;
  width:169px;
  height:85px;
  z-index:1;
  text-decoration:none;
}
div.infos div.anfahrtBildK a.anfahrt:hover {
  border:0px;
  background-image:url(infos/Anfahrt_k_plus_h.gif);
}
div.infos div.anfahrtBildK a.anfahrt .anfahrtBlend { display:none; }
div.infos div.anfahrtBildK a.anfahrt:hover .anfahrtBlend {
  position:absolute;
  top:-315px;
  left:-551px;
  width:505px;
  height:316px;
  z-index:1;
  color:#FF0000;
  display:block;
  background-image:url(infos/Anfahrt_g.gif);
  background-repeat:no-repeat;
}

/**** Impressum *****************************************************/
div.impressum {
  position:absolute;
  top:0px; 
  left:0px; 
  width:1000px; 
  height:654px;
  margin:0px;
  padding:0px;
  background-color:#FFFDFB;
  text-align:left;
  /*background-image:url(Entwurf_Web10_impressum.jpg);*/
}

div.textfeld.impUeberschrift {
  position:absolute;
  top:202px;
  left:104px;
  width:300px;
  height:30px;
}

div.ueberschriftGross {
  font-size:10.5pt;
  line-height:19pt;
  font-weight:bold;
}

div.liniePunkt.impLinie {
  position:relative;
  top:0px; 
  left:-6px; 
  width:418px;
}

div.textfeld.impFliesstext {
  top:247px;
  left:104px;
  width:420px;
  height:130px;
}