@charset "utf-8";
/* CSS Document */

.nv, .nv ul {
   list-style:none ;
   padding: 0 ;
   margin: 0 ;
}

.nv a {
   display:block ;
   width: 150px;
   
   height: 60px;
   text-decoration: none ;
}

/* styles for menus */
.nv li {
   float: left;
   width: 150px;

   height: 60px;
   margin: 5px;
   text-align: center;
   padding-top: 2px;
}

.nv a, .nnlink {
   display:block;
   width: 150px ;
   text-align:center;
   color:blue;
}

.nv li .nnlink {
   left: -999em;
   top: 5px;
   width: 200px;
}

.nv  li:hover .nnlink{
   left:auto;
}

.nv li ul {
   position: absolute ;
   width: 150px;
   left: -999em;
   background-color: #022E6F;
   color:white;
}

.nv li:hover ul {
   left: auto ;
   bottom: 65px;
}

.nv li ul li {
   padding-top: 0;
   margin: 0;
   height: 1.5em ;
   border-top: 1px solid #fdd73f;
   border-left: 1px solid #fdd73f;
   border-right: 1px solid #fdd73f;
   width: 148px;
}

.nv li ul li.last {
   border-bottom: 1px solid #fdd73f;
}

.nv li ul li a,
.nv li ul li a:link,
.nv li ul li a:visited,
.nv li ul li a:active {
   height: 1.5em;
   width: 148px;
   text-decoration:none ;
   color: white;
}

.nv li ul li a:hover {
   background-color: white;
   font-weight: bold;
   color: #022E6F;
}

.fmenu1 {
   position:absolute ;
   right: 20px ;
   bottom: 0px;
}

.fmenu1 .nv a,
.fmenu1 .nnlink,
.fmenu1 .nv li {
   width: 80px;
}

.fmenu1 .nv li ul{
   width: 80px;
}

.fmenu1 .nv li ul li {
   width: 78px;
}

.fmenu1 .nv li ul li a,
.fmenu1 .nv li ul li a:link,
.fmenu1 .nv li ul li a:visited,
.fmenu1 .nv li ul li a:active {
   width: 78px;
}

/* -------- footer navigation + page id of target page for div ids ------------------------------ */
#fnav20, #fnav33, #fnav26 {
   width: 39px;
   height: 38px;
   margin:auto;
   display: block;
}

#fnav20 {
   background-image: url(/fileadmin/templates/img/b_footer_service.png) ;
}

#fnav20:hover,
a:hover #fnav20 {
   background-image: url(/fileadmin/templates/img/b_footer_service2.png) ;
}

#fnav33 {
   background-image: url(/fileadmin/templates/img/b_footer_impressum.png) ;
}

#fnav33:hover,
a:hover #fnav33 {
   background-image: url(/fileadmin/templates/img/b_footer_impressum2.png) ;
}

#fnav26 {
   background-image: url(/fileadmin/templates/img/b_footer_agbs.png) ;
}

#fnav26:hover,
a:hover #fnav26 {
   background-image: url(/fileadmin/templates/img/b_footer_agbs2.png) ;
}


/* -------- footer navigation + page id of target page for div ids ------------------------------ */
#fnav24, #fnav15, #fnav34, #fnav32, #fnav28, #fnav72 {
   width: 38px;
   height: 39px;
   margin:auto;
   display: block;
}

#fnav24 {
   background-image: url(/fileadmin/templates/img/b_footer_informationen.png) ;
}

#fnav24:hover,
a:hover #fnav24 {
   background-image: url(/fileadmin/templates/img/b_footer_informationen2.png) ;
}

#fnav15 {
   background-image: url(/fileadmin/templates/img/b_footer_mallorca.png) ;
}

#fnav15:hover,
a:hover #fnav15{
   background-image: url(/fileadmin/templates/img/b_footer_mallorca2.png) ;
}

#fnav34 {
   background-image: url(/fileadmin/templates/img/b_footer_merkzettel.png) ;
}

#fnav34:hover,
a:hover #fnav34 {
   background-image: url(/fileadmin/templates/img/b_footer_merkzettel2.png) ;
}

#fnav32 {
   background-image: url(/fileadmin/templates/img/b_footer_kontakt.png) ;
}

#fnav32:hover,
a:hover #fnav32 {
   background-image: url(/fileadmin/templates/img/b_footer_kontakt2.png) ;
}

#fnav28 {
   background-image: url(/fileadmin/templates/img/b_footer_faq.png) ;
}

#fnav28:hover,
a:hover #fnav28 {
   background-image: url(/fileadmin/templates/img/b_footer_faq2.png) ;
}

#fnav72 {
   background-image: url(/fileadmin/templates/img/b_footer_facebook.png) ;
}

#fnav72:hover,
a:hover #fnav72 {
   background-image: url(/fileadmin/templates/img/b_footer_facebook2.png) ;
}

#lngnav {
   width: 70px;
   position:absolute ;
   right: 30px;
   bottom: 0px;
}

#lngnav ul {
   list-style: none ;
}

#lngnav ul li{
   width: 35px;
   display:inline-block;
   float:left ;
}

#lngnav #lng0,
#lngnav #lng1 {
   width: 35px;
   height: 34px;
   display:inline-block ;
}

#lngnav #lng0 {
   background-image: url(/fileadmin/templates/img/b_deutsch.png) ;
}

#lngnav .LNK #lng0:hover {
   background-image: url(/fileadmin/templates/img/b_deutsch2.png) ;
}

#lngnav #lng1 {
   background-image: url(/fileadmin/templates/img/b_english.png) ;
}

#lngnav .LNK #lng1:hover {
   background-image: url(/fileadmin/templates/img/b_english2.png) ;
}