/* LAYOUT */
 body.gelb, 
 body.yellow { 
 background-color: #ffcc33;
 }
 
 body.black { 
 background-color: #000000;
 }

/*********************************************************
 MAINCONTENT ZENTIERT MIT HINTERGRUNDBILDERN
*********************************************************/

#maincontent { 
position: relative; 
width: 1050px; 
height: 600px; 
margin-right: auto; 
margin-left: auto; 
/*border: solid 1px #00c1ff;*/
}


#maincontent.rooms { 
visibility: visible; 
background-color: #ffcc33; 
background-image: url(images/yellowrooms960.gif); 
background-repeat: no-repeat; 
background-position: center 60px; 
/* border: solid 1px #00c1ff; */
}


#maincontent.introbild { 
visibility: visible; 
background-image: url(images/intro-hibi.gif); 
background-repeat: no-repeat; 
background-position: 0 0; 
}

/*#maincontent.plan { 
background-image: url(images/yellowrooms.gif); 
background-repeat: no-repeat; 
background-position: center 80px; 
}*/

#maincontent.augekontakt { 
background-image: url(images/augetraining.gif); 
background-repeat: no-repeat; 
background-position: 190px 0px; 
/*border: solid 1px #f0f;*/
}

#maincontent.augeleistung { 
background-image: url(images/augegrafik.gif); 
background-repeat: no-repeat; 
background-position: 230px 0px; 
}

#maincontent.augewir { 
background-image: url(images/augewir.gif); 
background-repeat: no-repeat; 
background-position: 20px 40px; 
/*border: solid 1px #f0f;*/ 
}

/*#maincontent.augeprojekte { 
background-image: url(images/augegrafik.gif); 
background-repeat: no-repeat; 
background-position: 20px 40px; 
}*/

#maincontent.augeevent { 
background-image: url(images/augetypo.gif); 
background-repeat: no-repeat; 
background-position: -30px 0px; 
}

/* augegrafik.gif, augeweb.gif, augetypo.gif
augekontakt.gif, augegalerie.gif, augetraining.gif, augewir.gif */



/* #maincontent.augegrafik { 
background-image: url(images/grafikhibi2.gif); 
background-repeat: no-repeat; 
background-position: 420px 40px; 
} */

/* #maincontent.augeweb { 
background-image: url(images/wirhibi2.gif); 
background-repeat: no-repeat; 
background-position: 20px 40px; 
} */

/* #maincontent.augecd { 
background-image: url(images/cdhibi2.gif); 
background-repeat: no-repeat; 
background-position: 20px 40px; 
} */


/* #maincontent.augereferenzen { 
background-image: url(images/wirhibi2.gif); 
background-repeat: no-repeat; 
background-position: 420px 40px; 
} */

/* augegrafik.gif, augeweb.gif, augetypo.gif
augekontakt.gif, augegalerie.gif, augetraining.gif, augewir.gif */

/* GALERIE */

#galerie { 
position: absolute; 
top: 80px; 
left: 200px; 
right: 200px; 
width: 1050px; 
/*border: solid 1px #00c1ff;*/
}

/* MAINCONTENT ZENTIERT ENDE */


/**************************** 
TEXTBLOECKE DER SEITEN
****************************/

p.black { 
color: #fc3; 
padding-top: 20px; 
padding-left: 480px; 
/* border: solid 1px #00c1ff; */
}

#textkontakt { 
width: 280px; 
padding-top: 60px; 
padding-left: 120px; 
/*border: solid 1px #00c1ff; */
}

#textleistung1 { 
width: 255px; 
 
position: relative;
float: left;
padding-top: 60px; 
padding-left: 87px; 
/*border: solid 1px #00c1ff;*/ 
}

#textleistung2 { 
width: 255px; 

position: relative;
float: left;
padding-top: 60px; 
/*padding-left: 87px; */
/*border: solid 1px #00c1ff;*/ 
}

#textleistung3 { 
width: 255px; 

position: relative;
float: left;
padding-top: 60px; 
/*padding-left: 87px; */
/*border: solid 1px #00c1ff;*/ 
}

#textwir { 
width: 480px; 
padding-top: 60px; 
padding-left: 480px; 
/*border: solid 1px #00c1ff;*/
 }
 
 /*.transparent { 
 padding: 20px 80px; 
 width: 100px; 
 height: 100px; 
 background: #666; 
 position: relative; 
 z-index: -4000; 
 opacity: 0.2; 
 filter: alpha(opacity=20); 
 border: solid 1px #00c1ff; 
 }
*/

#textevent { 
width: 440px; 
padding-top: 0px; 
padding-left: 500px; 
/*border: solid 1px #00c1ff;*/
}

#textevent img { 
padding-top: 30px; 
padding-bottom: 25px; 
padding-left: 40px; 
/*border: solid 1px #00c1ff;*/
}


/* TEXTBLOECKE ENDE */



/****************************** 
SEITENNAME IM YELLOW NAVIGATOIN
******************************/

#yellowmenue {
position: relative; 
top: 0; 
left: 205px; 
width: 120px; 
height: 27px; 
/*border: solid 1px #00c1ff; */
}

.footergrafik { 
background-image: url(menues/footergrafik.gif); 
background-repeat: no-repeat; 

}

.footerweb { 
background-image: url(menues/footerweb.gif); 
background-repeat: no-repeat; 
}

.footerwir { 
background-image: url(menues/footerwir.gif); 
background-repeat: no-repeat; 
}

.footerleistungen { 
background-image: url(menues/footerleistungen.gif); 
background-repeat: no-repeat; 
}

.footerkontakt { 
background-image: url(menues/footerkontakt.gif); 
background-repeat: no-repeat; 
}

.footerprojekte { 
background-image: url(menues/footerprojekte.gif); 
background-repeat: no-repeat; 
}

.footercoop { 
background-image: url(menues/footerprojekte.gif); 
background-repeat: no-repeat; 
}

.footerevent { 
background-image: url(menues/footerevent.gif); 
background-repeat: no-repeat; 
}

/* ENDE SEITENNAME */


/**************************** 
 NAVIGATION FOOTER GELB 
****************************/
a.home,
a:link.home,
a:visited.home { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -920px -28px; 
position: absolute; 
top: 28px; 
left: 920px; 
width: 55px; 
height: 28px; 
/*border: solid 1px #00c1ff;*/
} 

a.kontakt,
a:link.kontakt,
a:visited.kontakt
{ 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -856px -28px; 
position: absolute; 
top: 28px; 
left: 856px; 
width: 60px; 
height: 28px; 
}

a.wir,
a:link.wir,
a:visited.wir { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -770px -28px; 
position: absolute; 
top: 28px; 
left: 770px; 
width: 84px; 
height: 28px; 
}

/* a.leistungen,
a:link.leistungen,
a:visited.leistungen { 
background-image: url(menues/fusszeile.gif); 
background-repeat: no-repeat; 
background-position: -696px -28px; 
position: absolute; 
top: 28px; 
left: 696px; 
width: 74px; 
height: 28px; 
border: solid 1px #00c1ff;
}*/

a.event,
a:link.event,
a:visited.event { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -722px -28px; 
position: absolute; 
top: 28px; 
left: 722px; 
width: 46px; 
height: 28px; 
}

a.logo,
a:link.logo,
a:visited.logo { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -643px -28px; 
position: absolute; 
top: 28px; 
left: 643px; 
width: 78px; 
height: 28px; 
}

a.web,
a:link.web,
a:visited.web { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -567px -28px; 
position: absolute; 
top: 28px; 
left: 567px; 
width: 75px; 
height: 28px; 
}

a.grafik,
a:link.grafik,
a:visited.grafik { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -517px -28px; 
position: absolute; 
top: 28px; 
left: 517px; 
width: 49px; 
height: 28px; 
/*border: solid 1px #00c1ff;*/
}

a.cd,
a:link.cd,
a:visited.cd { 
background-image: url(menues/footeryellow.gif); 
background-repeat: no-repeat; 
background-position: -405px -28px; 
position: absolute; 
top: 28px; 
left: 405px; 
width: 111px; 
height: 28px; 
}

a:hover.home,
a:focus.home,
a:active.home,
a:hover.kontakt,
a:focus.kontakt,
a:active.kontakt,
a:hover.wir,
a:focus.wir,
a:active.wir,
/*a:hover.leistungen,
a:focus.leistungen,
a:active.leistungen,*/
a:hover.event,
a:focus.event,
a:active.event,
a:hover.logo,
a:focus.logo,
a:active.logo,
a:hover.web,
a:focus.web,
a:active.web,
a:hover.grafik,
a:focus.grafik,
a:active.grafik,
a:hover.cd,
a:focus.cd,
a:active.cd/*,
a:hover.wirauge,
a:focus.wirauge,
a:active.wirauge*/ {
background-image: url(menues/fusszeile-over.gif); 
background-repeat: no-repeat; 
/* background- position: -920px -28px; */
}

/* NAVIGATION FOOTER IN GELB ENDE */



/****************************  
NAVIGATION FOOTER IN BLACK 
****************************/

#navigation.black1 { 
background-image: url(menues/footerblack1.gif); 
background-repeat: no-repeat; 
position: absolute; 
top: 600px; 
width: 1050px; 
height: 58px; 
/*border: solid 1px #00c1ff;*/
}

#navigation.black12 { 
background-image: url(menues/footerblack12.gif); 
background-repeat: no-repeat; 
position: absolute; 
top: 600px; 
width: 1050px; 
height: 58px; 
/*border: solid 1px #00c1ff;*/
}

/****************************  
RUBRIKEN EINSTELLEN 
****************************/

#rubriken {
position: relative; 
top: 32px; 
left: 205px; 
width: 192px; 
height: 26px; 
/*border: solid 1px #00c1ff; */
}

.logoblack { 
background-image: url(menues/logoblack.gif); 
background-repeat: no-repeat; 
}

.grafikblack { 
background-image: url(menues/grafikblack.gif); 
background-repeat: no-repeat; 
}

.webblack { 
background-image: url(menues/webblack.gif); 
background-repeat: no-repeat; 
}

.corporateblack { 
background-image: url(menues/corporateblack.gif); 
background-repeat: no-repeat; 
}

.eventblack { 
background-image: url(menues/eventblack.gif); 
background-repeat: no-repeat; 
}

/* ENDE RUBRIKEN EINSTELLEN */


/****************************
 NAVIGATION FOOTER BLACK 
****************************/
a.close,
a:link.close,
a:visited.close { 
background-image: url(menues/footerblack12.gif); 
background-repeat: no-repeat; 
background-position: -943px -28px; 
position: absolute; 
top: 28px; 
left: 943px; 
width: 32px; 
height: 30px; 
/*border: solid 1px #00c1ff;*/
}


a.seite,
a:link.seite,
a:visited.seite { 
background-image: url(menues/footerblack1.gif); 
background-repeat: no-repeat; 
background-position: -910px -28px; 
position: absolute; 
top: 28px; 
left: 910px; 
width: 31px; 
height: 30px; 
/*border: solid 1px #00c1ff;*/
}

a:hover.seite,
a:focus.seite,
a:active.seite
 {
background-image: url(menues/footerblack1-over.gif); 
background-repeat: no-repeat; 
/*border: solid 1px #00c1ff;*/
}

a.seite1,
a:link.seite1,
a:visited.seite1 { 
background-image: url(menues/footerblack12.gif); 
background-repeat: no-repeat; 
background-position: -875px -28px; 
position: absolute; 
top: 28px; 
left: 875px; 
width: 31px; 
height: 30px; 
/*border: solid 1px #00c1ff;*/
}

a.seite2,
a:link.seite2,
a:visited.seite2 { 
background-image: url(menues/footerblack12.gif); 
background-repeat: no-repeat; 
background-position: -910px -28px; 
position: absolute; 
top: 28px; 
left: 910px; 
width: 31px; 
height: 30px; 
/*border: solid 1px #00c1ff;*/
}

a:hover.close,
a:focus.close,
a:active.close,
a:hover.seite1,
a:focus.seite1,
a:active.seite1,
a:hover.seite2,
a:focus.seite2,
a:active.seite2
 {
background-image: url(menues/footerblack12-over.gif); 
background-repeat: no-repeat; 
/* background- position: -920px -28px; */
}


/* NAVIGATION FOOTER SCHWARZ FOLGESEITEN */