.toggleMenu {
    display:  none;
    font-size:17px;
    letter-spacing:1px;
    background: url('https://www.genueser-schiff.de/external/siteimages/basis/nav-icon.png') no-repeat 10px 3px;
    padding: 5px;
    color: #000;
    border:0px #000 solid;
}

a.toggleMenu {
    text-decoration: none;
    width:94%;
}
.navigation {
  width:100%;
    border:0px #000 solid;
  background-color: #fff;
    list-style: none;
     *zoom: 1;
     

}
.navigation:before,
.navigation:after {
    content: " "; 
    display: table; 
}
.navigation:after {
clear: both;
}
.navigation ul {
text-align: right;
list-style: none; 
margin: 0 0 0 0;
padding:0;
}

.navigation li {
display: inline-block;
border-right:2px #000 solid;
margin:0;
padding:0;
}
.navigation li:last-child{
  border-right:2px #fff solid;
}

/* LEVEL 1 */

/* first ul minder breed - text left */



.navigation > li > a {
display: block;
margin:0;
font-size: 17px;
line-height: 15px;
text-transform: uppercase;
}

.navigation > li a {
  padding:0 10px 0 8px;
  margin:0;
color:#000;
text-decoration: none;
}
.navigation > li:last-child a {
  padding:0 0 0 8px;

}

.navigation > li a:hover{
  text-decoration: none;
  border-bottom: 0px solid transparent;
}

.navigation > li.home a:hover,.navigation > li.home.selected > a,.navigation > li.literatur-am-meer a:hover,.navigation > li.literatur-am-meer.selected > a{
color:#b99f1d;
}
.navigation > li.zimmer a:hover,.navigation > li.zimmer.selected > a,.navigation > li.arrangements a:hover,.navigation > li.arrangements.selected > a {
color:#aa5320;
}
.navigation > li.ferienwohnungen a:hover,.navigation > li.ferienwohnungen.selected > a,.navigation > li.business a:hover,.navigation > li.business.selected > a {
color:#6aa0bc;
}
.navigation > li.essen-trinken a:hover,.navigation > li.essen-trinken.selected > a,.navigation > li.freizeit a:hover,.navigation > li.freizeit.selected > a {
color:#80953c;
}




/* LEVEL 2 */

.navigation li ul {
position: absolute;
left: -9999px;
}
.navigation > li.hover > ul {
left: 0;
}
.navigation li li.hover ul {
left: 100%;
top: 0;
}


.navigation li ul li {
width:167px;
text-align: center;
border-bottom: 1px solid #fff;
}

.navigation li.magazine ul li {
background:#a3ac59;
}
.navigation li.actueel ul li {
background:#6aa0bc;
}
.navigation li.agenda ul li {
background:#7c85ae;
}
.navigation li.english ul li {
background:#b87294;
}
.navigation li.contact ul li {
background:#cd905a;
}


.navigation li ul li a {
display: block;
position: relative;
font-size:14px;
padding:7px 0;
}

.navigation li.magazine ul li a,
.navigation li.actueel ul li a,
.navigation li.agenda ul li a,
.navigation li.english ul li a,
.navigation li.contact ul li a {
    color:#fff;
}
.navigation li.magazine ul li a:hover,
.navigation li.actueel ul li a:hover,
.navigation li.agenda ul li a:hover,
.navigation li.english ul li a:hover,
.navigation li.contact ul li a:hover {
    color:#000;
}

.navigation li ul li.selected > a {
    color:#000;
}

.navigation li li li a {
border-left:1px #fff solid;

}

/*
@media only screen and (max-width: 1139px) {

.navigation > li {
width:110px;

}
.navigation li ul li {
width:140px;

}

}
*/


/* functie menu groot schermen */


.navigationfunctie {
  width:100%;
    border:0px #000 solid;
  background-color: #fff;
    list-style: none;
     *zoom: 1;
     

}
.navigationfunctie:before,
.navigationfunctie:after {
    content: " "; 
    display: table; 
}
.navigationfunctie:after {
clear: both;
}
.navigationfunctie ul {
text-align: right;
list-style: none; 
margin:0;
padding:0;
}

.navigationfunctie li {
display: inline-block;
border-right:2px #007bb1 solid;
margin:0;
padding:0;
}
.navigationfunctie li:last-child{
  border-right:2px #fff solid;
}

/* LEVEL 1 */

/* first ul minder breed - text left */

.navigationfunctie > li a:hover{
  text-decoration: none;
  border-bottom: 0px solid transparent;
}

.navigationfunctie > li > a {
display: block;
margin:0;
font-size: 15px;
line-height: 14px;
text-transform: uppercase;
}

.navigationfunctie > li a {
  padding:0px 10px 0px 8px;
  margin:0;
color:#007bb1;
text-decoration: none;
}
.navigationfunctie > li a:hover,.navigationfunctie > li.selected a {
color:#000;

}
.navigationfunctie > li:last-child a {
  padding:0 0 0 8px;

}



.navigationfunctie > li.buche a{
  padding:5px 10px 5px 8px;
  color:#fff;
background-color: #007bb1;
border-bottom: 0px;
text-decoration: none;
}
.navigationfunctie > li.buche a:hover{
  color:#fff;
background-color: #80953c;
text-decoration: none;
border-bottom: 0px;
}

.navigationfunctie > li.icone a{
  padding:0px 10px 0px 8px;

}







@media screen and (max-width: 1023px) {
.active {
display: block;
}

.navigation > li,
.navigation > li.first {
float: none;
padding-top:5px;
}

.navigation > li.home,.navigation > li.contact,.navigation > li.magazine,.navigation > li.actueel,.navigation > li.agenda,.navigation > li.english{
text-align: left;
padding-top:0; 
width:94%;
background-image: none;
}

.navigation > li.contact {
text-align: left;
}
.navigation > li a{
padding: 5px 0 5px 0;
}

.navigation li ul li {
width:100%;
text-align: left;
border-bottom: 0px solid #fff;
}

.navigation > li:hover {
border-bottom: 0px solid #104336;
}
.navigation > li.selected {
border-bottom: 0px solid #104336;
}

.navigation > li > .parent {
background-position: 95% 50%;
}

.navigation > li > .parent {
background-image: url("../siteimages/basis/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%; 
}

.navigation li a {
padding-left:0;
border-top: 1px solid #fff;
}
.navigation li ul li a {
padding-left:15px;
border-top: 1px solid #fff;
}

.navigation li li .parent {
background-image: url("../siteimages/basis/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.navigation ul {
display: block;
width: 100%;
}
.navigation > li.hover > ul , .navigation li li.hover ul {
 position: static;
}

}