body 
{ 
/*ermoeglicht IR im IE*/
behavior: url(hover.htc);
padding:0;
border:0;
margin:0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #ffffff;
/*text-align:center;*/
background-color:#bbbbbb;
}

p
{
padding:0;
margin:0;
border:0;
}

a
{
color:  #ffffff;
text-decoration: none;
font-weight:bold;
}



/*Rubrik-Hintergruende*/
#back_home,
#back_leistungen,
#back_referenzen,
#back_wir,
#back_faq,
#back_kontakt,
#back_impressum
{
width:100%;
height:100%;
padding:0;
margin:0;
border:0;
}

#back_home,
#back_referenzen
{
background-image: url(img/back/back_home.gif);
}

#back_leistungen
{
background-image: url(img/back/back_leistungen.gif);
}

#back_wir
{
background-image: url(img/back/back_wir.gif);
}

#back_faq
{
background-image: url(img/back/back_faq.gif);
}

#back_kontakt
{
background-image: url(img/back/back_kontakt.gif);
}

#back_impressum
{
background-image: url(img/back/back_impressum.gif);
}

h1 
{
height: 74px;
position: relative;
width: 460px;
font-size:1px;
padding:0;
margin:0;
border:0;
color:#bbbbbb;
}

/*IR fuer die h1s*/
h1.homeh1 em,
h1.faqh1 em,
h1.impressumh1 em,
h1.kontakth1 em,
h1.leistungenh1 em, 
h1.referenzenh1 em, 
h1.irish1 em,
h1.juliah1 em,
h1.antjeh1 em,
h1.wirh1 em, 
h1.websiteh1 em,
h1.webdesignh1 em,
h1.konzeptionh1 em,
h1.technikh1 em,
h1.optimierungh1 em,
h1.cmsh1 em,
h1.flashh1 em,
h1.filmh1 em,
h1.podcasth1 em,
h1.seoh1 em,
h1.texth1 em,
h1.journh1 em,
h1.prh1 em,
h1.pflegeh1 em,
h1.designh1 em,
h1.cdh1 em,
h1.broschuerenh1 em,
h1.gph1 em,
h1.visih1 em,
h1.flyerh1 em,
h1.einladungenh1 em,
h1.plakateh1 em,
h1.werbeh1 em
{
height: 100%;
position: absolute;
width: 100%;
} 

h1.homeh1 em 
{
background: url(img/h1/home.gif) no-repeat;
}

h1.faqh1 em 
{
background: url(img/h1/faq.gif) no-repeat;
}

h1.impressumh1 em 
{
background: url(img/h1/impressum.gif) no-repeat;
}

h1.kontakth1 em 
{
background: url(img/h1/kontakt.gif) no-repeat;
}

h1.leistungenh1 em 
{
background: url(img/h1/leistungen.gif) no-repeat;
}

h1.referenzenh1 em 
{
background: url(img/h1/referenzen.gif) no-repeat;
}

h1.irish1 em 
{
background: url(img/h1/iris-h1.gif) no-repeat;
}

h1.juliah1 em 
{
background: url(img/h1/julia-h1.gif) no-repeat;
}

h1.antjeh1 em 
{
background: url(img/h1/antje-h1.gif) no-repeat;
}

h1.wirh1 em
{
background: url(img/h1/wir-h1.gif) no-repeat;
} 

h1.websiteh1 em
{
background: url(img/h1/website-h1.gif) no-repeat;
}

h1.konzeptionh1 em
{
background: url(img/h1/konzeption-h1.gif) no-repeat;
}

h1.webdesignh1 em
{
background: url(img/h1/webdesign-h1.gif) no-repeat;
}

h1.konzeptionh1 em
{
background: url(img/h1/konzeption-h1.gif) no-repeat;
}

h1.technikh1 em
{
background: url(img/h1/technik-h1.gif) no-repeat;
}

h1.optimierungh1 em
{
background: url(img/h1/optimieren-h1.gif) no-repeat;
}

h1.cmsh1 em
{
background: url(img/h1/cms-h1.gif) no-repeat;
}

h1.flashh1 em
{
background: url(img/h1/flash-h1.gif) no-repeat;
}

h1.filmh1 em
{
background: url(img/h1/film-h1.gif) no-repeat;
}

h1.podcasth1 em
{
background: url(img/h1/podcast-h1.gif) no-repeat;
}

h1.seoh1 em
{
background: url(img/h1/seo-h1.gif) no-repeat;
}

h1.texth1 em
{
background:url(img/h1/text-h1.gif) no-repeat;
}

h1.journh1 em
{
background: url(img/h1/journ-h1.gif) no-repeat;
}

h1.prh1 em
{
background: url(img/h1/pr-h1.gif) no-repeat;
}

h1.pflegeh1 em
{
background: url(img/h1/pflege-h1.gif) no-repeat;
}

h1.designh1 em
{
background: url(img/h1/design-h1.gif) no-repeat;
}

h1.cdh1 em
{
background: url(img/h1/cd-h1.gif) no-repeat;
}

h1.broschuerenh1 em
{
background: url(img/h1/broschueren-h1.gif) no-repeat;
}

h1.gph1 em
{
background: url(img/h1/geschaeftspapiere-h1.gif) no-repeat;
}

h1.visih1 em
{
background: url(img/h1/visi-h1.gif) no-repeat;
}

h1.flyerh1 em
{
background: url(img/h1/flyer-h1.gif) no-repeat;
}

h1.einladungenh1 em
{
background: url(img/h1/einladungen-h1.gif) no-repeat;
}

h1.plakateh1 em
{
background: url(img/h1/plakate-h1.gif) no-repeat;
}

h1.werbeh1 em
{
background: url(img/h1/werbemittel-h1.gif) no-repeat;
}

h2 
{
height: 105px;
position: relative;
width: 121px;
font-size:1px;
text-align:left;
}

h3
{
font-size:12px;
padding:10px 0 0 3px;
}

h4
{
height:74px;
width:282px;
position: relative;
font-size:1px;
text-align:left;
}

h4.agenth4 em
{
height: 100%;
width:100%;
position: absolute;
background: url(img/h1/agent-h1.gif) no-repeat;
} 

h4.osternh4 em
{
height: 100%;
width:100%;
position: absolute;
background: url(img/h1/ostern-h1.gif) no-repeat;
} 

#container
{
width:955px;
height:800px;
background-color: #bbbbbb;
/*text-align:left;*/
margin:0 /*auto*/;
}

#head_home,
#head_leistungen,
#head_referenzen,
#head_wir,
#head_faq,
#head_kontakt,
#head_impressum
{
padding:0;
margin:0;
border:0;
width:100%;
height:381px;
}

#head_home,
#head_referenzen
{
background:  url(img/back/skyline_home_referenzen.gif) no-repeat;
}

#head_leistungen
{
background:  url(img/back/skyline_leistungen.gif) no-repeat;
}

#head_wir
{
background:  url(img/back/skyline_wir.gif) no-repeat;
}

#head_kontakt
{
background:  url(img/back/skyline_kontakt.gif) no-repeat;
}

#head_faq
{
background:  url(img/back/skyline_faq.gif) no-repeat;
}

#head_impressum
{
background:  url(img/back/skyline_impressum.gif) no-repeat;
}

/*div für die Hauptnavigation*/
#navigation
{
width: 300px;
height: 51px;
padding: 91px 0 0 52px;
border:0;
float:left;
}

/*divs für die Unternavigation Leistungen und Ueber uns*/
#unternavigation
{
width:900px;
height:100px;
padding: 10px 0 0 52px;
border:0;
float:left;
}

#unternavigation2
{
float:left;
width:900px;
height:90px;
padding: 10px 0 0 52px;
border:0;
}

ul.IR li 
{
position:relative;
font-size:0.9em;
}

.IR em 
{
display:block;
position:absolute;
top:0; 
left:0;
z-index:1;
}

/* Fuer IE5.x Mac */
* html>body .IR {
position: static;
/*overflow: visible*/
font-size:10px;
}

* html>body .IR em  
{ 
position:static; 
}

.nav
{
width:190px;
}

.unternavi
{
padding:0 0 0 10px;
width:250px;
}
.unternavi2
{
width:300px;
}

.unternavi,
.unternavi2,
.nav
{ 
list-style:none;
padding:0;
border:0;
margin:0; 
float:left;
}

.unternavi li,
.unternavi2 li,
.nav li
{ 
float:left; 
}

.unternavi li,
.unternavi li em,
.unternavi2 li,
.unternavi2 li em,
.nav li, 
.nav li em
{  
width:105px;
height:16px;
padding:0;
border:0;
margin:0;
cursor:pointer;
text-indent: -999em;
}

/* The Holly Hack */
* html .nav a 
{ 
height:1%;
}

/*Hauptnavigation*/
.home em, 
.leistungen em, 
.referenzen em,
.wir em,
.faq em,
.kontakt em,
.impressum em,
.home-aktiv em, 
.leistungen-aktiv em, 
.referenzen-aktiv em,
.wir-aktiv em,
.faq-aktiv em,
.kontakt-aktiv em,
.impressum-aktiv em
{
background-image: url(img/navigation/navigation.gif);
background-repeat: no-repeat;
}

li.home,
li.home em,
li.home-aktiv,
li.home-aktiv em
{ 
width: 43px;
height: 16px;
}

.home em 
{
background-position: 0 0;
}

.home:hover em,
.home-aktiv em 
{
background-position: 0 -62px;
}

li.leistungen,
li.leistungen em,
li.leistungen-aktiv,
li.leistungen-aktiv em 
{ 
width: 105px;
height: 16px; 
}

.leistungen em 
{
background-position: -43px 0;
}

.leistungen:hover em,
.leistungen-aktiv em 
{
background-position: -43px -62px;
}

li.referenzen,
li.referenzen em,
li.referenzen-aktiv,
li.referenzen-aktiv em
{ 
width:95px;
height:19px;
 }
 
.referenzen em 
{
background-position: 0 -17px;
}

.referenzen:hover em,
.referenzen-aktiv em
{
background-position: 0 -79px;
}

li.wir,
li.wir em,
li.wir-aktiv,
li.wir-aktiv em
{
width:68px;
height:19px;
}

.wir em
{
background-position: -95px -17px;
}

.wir:hover em,
.wir-aktiv em
{
background-position: -96px -79px;
}

li.faq,
li.faq em,
li.faq-aktiv,
li.faq-aktiv em
{
width:29px;
height:18px;
}

.faq em
{
background-position: 0 -37px;
}

.faq:hover em,
.faq-aktiv em
{
background-position: 0 -99px;
}

li.kontakt,
li.kontakt em,
li.kontakt-aktiv,
li.kontakt-aktiv em 
{
width:71px;
height:18px;
}

.kontakt em
{
background-position: -29px -37px;
}

.kontakt:hover em,
.kontakt-aktiv em
{
background-position: -30px -99px;
}

li.impressum,
li.impressum em,
li.impressum-aktiv,
li.impressum-aktiv em 
{
width:82px;
height:18px;
}

.impressum em
{
background-position: -100px -37px;
}

.impressum:hover em,
.impressum-aktiv em
{
background-position: -101px -99px;
}

/*Inhaltsbereich der Seiten*/
#inhalte,
#inhalte_wir
{
width: 955px;
height:auto;
padding:0;
border:0;
margin:0;
}

#inhalte_wir
{
background: url(img/wirsindskyline.gif);
height:419px;
}

#special
{
float:left;
width:390px;
border:0;
margin:0;
padding:0 0 0 52px;
}

#special_wir
{
float:left;
width:390px;
border:0;
margin:0;
padding:0;
}

#text
{
width:460px;
border:0;
margin-left:445px;
padding:0;
}

#text p
{
padding:0 0 10px 3px;
}

#text_wir
{
width:460px;
height:418px;
border:0;
margin-left:445px;
padding:0;
}

#text_wir img
{
padding: 30px 0 0 0;
border:0;
margin:0;
}
/*Fuer die Kontakt- und Impressumsseite*/
.kontakte
{
width: 420px;
height: auto;
}

.impress
{
width: 420px;
height: auto;
font-size:x-small;
}

.oj
{
float:left;
border:0;
width:220px;
}

.oj1
{
float:left;
border:0;
width:165px;
font-size:11px;
}

.tel
{
float:right;
width:180px;
padding:0;
border:0;
margin:0;
}

.tel1
{
float:right;
width:230px;
padding:0;
border:0;
font-size:11px;
}

.abc
{
float:left;
padding:0;
border:0;
margin:0;
width:50px;
}

.nr
{
/*float:right; besser margin-left*/
width: 120px;
margin-left:50px;
padding:0;
border:0;
}

#iris p,
#julia p,
#antje p
{
padding:0;
}

#wir3
{
width:100%;
}

#wir2
{
width:320px;
float:left;
}

.dipl
{
font-size:x-small;
padding:0;
}

#iris
{
float:left;
width:160px;
}

#faqs
{
width:auto;
height:auto;
padding:0;
border:0;
margin:0;
} 
#faqs p
{
padding:0 0 30px 3px;
}

/*Gruene Ueberschriften für die FAQs*/
.faq_h2
{
color:#b30da9;
font-weight: bold;
padding:0;
margin:0;
border:0;
}

#tv
{
float:left;
width:550px;
height:500px;
border:0;
margin:0;
padding:10px 0 0 52px;
}

#agent
{
width: 300px;
height: auto;
padding:0;
border:0;
margin: 0 0 0 615px;
}

#agent p
{
padding:0 0 10px 3px;
}

a.agb
{
display: block;
width: 200px;
height: 30px;
background-image: url(img/agb.gif);
background-repeat:no-repeat;
background-position:right;
}

#iframe
{
height:600;
frameborder:0; 
background-color: #bbbbbb;
color:#ffffff;
padding:0;
margin:0;
}