/* CSS Document */

/*------------------- Navigation Top  ---------------------*/
#navTop1 {
  position: absolute;
  top:73px;
  left:406px;
}

#navTop1 li { float:left; 
              white-space: nowrap;  
              font-size: 1.0em;
              margin-right: 10px;               
}

#navTop1 li a {  text-decoration: none; display:block; height: 22px; text-indent: -999em; outline:none; }

.deutsch #navTop1 a.navUeberuns { background: transparent url(../img/navtop_ueberuns_de.png) left 0px no-repeat; width: 63px; }
.deutsch #navTop1 a.navKontakt { background: transparent url(../img/navtop_kontakt_de.png) left 0px no-repeat; width: 57px; }
.deutsch #navTop1 a.navWeiter { background: transparent url(../img/navtop_weiter_de.png) left 0px no-repeat; width: 110px; }
.deutsch #navTop1 a.navImpressum { background: transparent url(../img/navtop_impressum_de.png) left 0px no-repeat; width: 62px; }

.englisch #navTop1 a.navUeberuns { background: transparent url(../img/navtop_ueberuns_en.png) left 0px no-repeat; width: 64px; }
.englisch #navTop1 a.navKontakt { background: transparent url(../img/navtop_kontakt_en.png) left 0px no-repeat; width: 58px; }
.englisch #navTop1 a.navWeiter { background: transparent url(../img/navtop_weiter_en.png) left 0px no-repeat; width: 82px; }
.englisch #navTop1 a.navImpressum { background: transparent url(../img/navtop_impressum_en.png) left 0px no-repeat; width: 72px; }


#navTop1 a.navUeberuns:hover { background-position: left -22px; }
#navTop1 a.navKontakt:hover { background-position: left -22px; }
#navTop1 a.navWeiter:hover { background-position: left -22px; }
#navTop1 a.navImpressum:hover { background-position: left -22px; }



.ueberuns_de #navTop1 a.navUeberuns { background: transparent url(../img/navtop_ueberuns_de.png) left -22px no-repeat; width: 63px; }
.ueberuns_de .ueberuns_en #navTop1 a.navUeberuns:hover { background-position: left 0px; }
.ueberuns_en #navTop1 a.navUeberuns { background: transparent url(../img/navtop_ueberuns_en.png) left -22px no-repeat; width: 64px; }

.kontakt_de #navTop1 a.navKontakt { background: transparent url(../img/navtop_kontakt_de.png) left -22px no-repeat; width: 57px; }
.kontakt_de .kontakt_en #navTop1 a.navKontakt:hover { background-position: left 0px; }
.kontakt_en #navTop1 a.navKontakt { background: transparent url(../img/navtop_kontakt_en.png) left -22px no-repeat; width: 58px; }

.weiter_de #navTop1 a.navWeiter { background: transparent url(../img/navtop_weiter_de.png) left -22px no-repeat; width: 110px; }
.weiter_de .weiter_en #navTop1 a.navWeiter:hover { background-position: left 0px; }
.weiter_en #navTop1 a.navWeiter { background: transparent url(../img/navtop_weiter_en.png) left -22px no-repeat; width: 82px; }

.impressum_de #navTop1 a.navImpressum { background: transparent url(../img/navtop_impressum_de.png) left -22px no-repeat; width: 62px; }
.impressum_de .impressum_en #navTop1 a.navImpressum:hover { background-position: left 0px; }
.impressum_en #navTop1 a.navImpressum { background: transparent url(../img/navtop_impressum_en.png) left -22px no-repeat; width: 72px; }


/*------------------- Navigation Sprache ---------------------*/
#navLang {
  position:absolute;
  top:20px;
  left:222px;
}

#navLang li { float:left; 
              white-space: nowrap;  
              font-size: 1.0em;
              margin-left: 4px;               
}

#navLang li a {  text-decoration: none; display:block; height: 31px; text-indent: -999em; outline:none; }

.englisch #navLang a.navLangDE { background: transparent url(../img/navlang_de.png) left -31px no-repeat; width: 52px; }
.englisch #navLang a.navLangDE:hover { background-position: left 0px; }
.englisch #navLang a.navLangEN { background: transparent url(../img/navlang_en.png) left -31px no-repeat; width: 54px; }
.englisch #navLang a.navLangEN:hover { background-position: left -31px; }

.deutsch #navLang a.navLangEN { background: transparent url(../img/navlang_en.png) left 0px no-repeat; width: 54px; }
.deutsch #navLang a.navLangEN:hover { background-position: left 0px; }
.deutsch #navLang a.navLangDE { background: transparent url(../img/navlang_de.png) left 0px no-repeat; width: 52px; }
.deutsch #navLang a.navLangDE:hover { background-position: left 0px; }



/*------------------- Navigation Links Details ---------------------*/
#menu_detail_content {
  position:absolute;
  top: 30px;
  left: 0px;
}

#menu_detail_content ul li a {
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
color: #fff;
}

#menu_detail_content ul li a:hover {
  color: #007732;
}

/*------------------- Navigation Links Untermenüs ---------------------*/
/* Privatkunden */
.grenze_de #menu_detail_content ul li a.grenze,
.grenze_de #menu_detail_content ul li a.grenze:hover,
.grenze_en #menu_detail_content ul li a.grenze,
.grenze_en #menu_detail_content ul li a.grenze:hover
 { color: #007732; }
.auswanderer_de #menu_detail_content ul li a.auswanderer,
.auswanderer_de #menu_detail_content ul li a.auswanderer:hover,
.auswanderer_en #menu_detail_content ul li a.auswanderer,
.auswanderer_en #menu_detail_content ul li a.auswanderer:hover
 { color: #007732; }

/* Unternehmen */
.unter_de #menu_detail_content ul li a.expatriates,
.unter_de #menu_detail_content ul li a.expatriates:hover,
.unter_en #menu_detail_content ul li a.expatriates,
.unter_en #menu_detail_content ul li a.expatriates:hover
 { color: #007732; }

 /* Leistungen */
.entsende_de #menu_detail_content ul li a.entsendevertrag,
.entsende_de #menu_detail_content ul li a.entsendevertrag:hover,
.entsende_en #menu_detail_content ul li a.entsendevertrag,
.entsende_en #menu_detail_content ul li a.entsendevertrag:hover
 { color: #007732; }
.lohn_de #menu_detail_content ul li a.lohnsteuer,
.lohn_de #menu_detail_content ul li a.lohnsteuer:hover,
.lohn_en #menu_detail_content ul li a.lohnsteuer,
.lohn_en #menu_detail_content ul li a.lohnsteuer:hover
 { color: #007732; }
.sozial_de #menu_detail_content ul li a.sozialversicherung,
.sozial_de #menu_detail_content ul li a.sozialversicherung:hover,
.sozial_en #menu_detail_content ul li a.sozialversicherung,
.sozial_en #menu_detail_content ul li a.sozialversicherung:hover
 { color: #007732; } 
.einkommen_de #menu_detail_content ul li a.einkommenssteuer,
.einkommen_de #menu_detail_content ul li a.einkommenssteuer:hover,
.einkommen_en #menu_detail_content ul li a.einkommenssteuer,
.einkommen_en #menu_detail_content ul li a.einkommenssteuer:hover
 { color: #007732; }
.ausgleich_de #menu_detail_content ul li a.steuerausgleich,
.ausgleich_de #menu_detail_content ul li a.steuerausgleich:hover,
.ausgleich_en #menu_detail_content ul li a.steuerausgleich,
.ausgleich_en #menu_detail_content ul li a.steuerausgleich:hover
 { color: #007732; }

/*------------------- Verlinkungen Links  ---------------------*/
#verlinkungen_detail_content {
  position:absolute;
  top: 50px;
  left: 0px;
}

#verlinkungen_detail_content ul li a {
font-size: 1.1em;
line-height: 1.5em;
font-weight: bold;
color: #fff;
}

#verlinkungen_detail_content ul li a:hover {
  color: #007732;
}

/*------------------- Navigation Main (Bilder und Text) ---------------------*/

#nav_main_images {
  position:absolute;
  top: -15px;
  left: 277px;
  width: 516px;
  z-index:2;
}
#nav_main_images ul li {
  margin-right: 15px;
  float: left;
}

#nav_main_text {
  position:absolute;
  top: 30px;
  left: 277px;
  width: 516px;
  height: 30px;
}

#nav_main_text li { float:left; 
              white-space: nowrap;  
              font-size: 1.0em; 
              margin-top: 5px;            
}

#nav_main_text li a {  text-decoration: none; display:block; height: 30px; text-indent: -999em; outline:none; }

.deutsch #nav_main_text a.privat { background: transparent url(../img/nav_text_privat_de.png) left 0px no-repeat; width: 75px; height: 30px; margin-right: 54px; }
.deutsch #nav_main_text a.unter { background: transparent url(../img/nav_text_unter_de.png) left 0px no-repeat; width: 77px; margin-right: 52px; }
.deutsch #nav_main_text a.leistungen { background: transparent url(../img/nav_text_leistungen_de.png) left 0px no-repeat; width: 61px; margin-right: 68px; }
.deutsch #nav_main_text a.recht { background: transparent url(../img/nav_text_recht_de.png) left 0px no-repeat; width: 89px; }

.englisch #nav_main_text a.privat { background: transparent url(../img/nav_text_privat_en.png) left 0px no-repeat; width: 106px; margin-right: 23px;}
.englisch #nav_main_text a.unter { background: transparent url(../img/nav_text_unter_en.png) left 0px no-repeat; width: 75px; margin-right: 54px;}
.englisch #nav_main_text a.leistungen { background: transparent url(../img/nav_text_leistungen_en.png) left 0px no-repeat; width: 47px; margin-right: 82px; }
.englisch #nav_main_text a.recht { background: transparent url(../img/nav_text_recht_en.png) left 0px no-repeat; width: 71px; margin-right: 58px;}


#nav_main_text a.privat:hover { background-position: left -30px; }
#nav_main_text a.unter:hover { background-position: left -30px; }
#nav_main_text a.leistungen:hover { background-position: left -30px; }
#nav_main_text a.recht:hover { background-position: left -30px; }

.privat_de #nav_main_text a.privat { background: transparent url(../img/nav_text_privat_de.png) left -30px no-repeat; width: 75px; }
.privat_de .privat_en #nav_main_text a.privat:hover { background-position: left 0px; }
.privat_en #nav_main_text a.privat { background: transparent url(../img/nav_text_privat_en.png) left -30px no-repeat; width: 106px; }

.unter_de #nav_main_text a.unter { background: transparent url(../img/nav_text_unter_de.png) left -30px no-repeat; width: 77px; }
.unter_de .unter_en #nav_main_text a.unter:hover { background-position: left 0px; }
.unter_en #nav_main_text a.unter { background: transparent url(../img/nav_text_unter_en.png) left -30px no-repeat; width: 75px; }

.leistungen_de #nav_main_text a.leistungen { background: transparent url(../img/nav_text_leistungen_de.png) left -30px no-repeat; width: 61px; }
.leistungen_de .leistungen_en #nav_main_text a.leistungen:hover { background-position: left 0px; }
.leistungen_en #nav_main_text a.leistungen { background: transparent url(../img/nav_text_leistungen_en.png) left -30px no-repeat; width: 47px; }

.recht_de #nav_main_text a.recht { background: transparent url(../img/nav_text_recht_de.png) left -30px no-repeat; width: 89px; }
.recht_de .recht_en #nav_main_text a.recht:hover { background-position: left 0px; }
.recht_en #nav_main_text a.recht { background: transparent url(../img/nav_text_recht_en.png) left -30px no-repeat; width: 71px; }

