/* --------------------- Navigation  ---------------------------------------------*/

#navcontainer {
  background: #FFCC00;
  margin: 0 0 0 200px;
  padding: 0;
  height: auto;
  width: auto;
  display: block;
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
  content: ".";
  display: block;
  line-height: 0.1em;
  font-size: 0.1em;
  clear: both;
} 

.gallerymenu ul#navlist {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.9em;
}

.gallerymenu ul#navlist li {
  display: inline;
  float: left;
  width:20%;
  margin: 0;
  padding: 0;
  text-align: left;
}

.gallerymenu { 
  background:url(../imagefix/bg_nav_right.jpg) right top no-repeat; 
  padding:0 0 0 0;  
}

.gallerymenu ul { 
  margin:0; 
  padding:0; 
  background:#FFCC00 url(../images/bg_nav.jpg) left top repeat-x; 
  list-style:none; 
  position:relative; 
  height:2.3em;
}

.gallerymenu ul li { 
  display:block; 
  width:auto; 
  float:left; 
  color:#000; 
  height:auto; 
}

.gallerymenu ul li a { 
  display:block; 
  width: auto; 
  padding: 0.5em 0 0.5em 0;
  text-align: center;
}

.gallerymenu ul#navlist li a:link, .gallerymenu ul#navlist li a:visited {
  border-top: 1px solid #FFDF5F;
  border-right: 1px solid #CC6600;
  border-bottom: 1px solid #CC6600; 
  border-left: 1px solid #FFDF5F;
  text-decoration:none; 
  background:#FFDF5F;
}


.gallerymenu ul#navlist li a:focus, .gallerymenu ul#navlist li a:hover, .gallerymenu ul#navlist li a:active {
  border-top: 1px solid #FFDF5F;
  border-right: 1px solid #CC6600;
  border-bottom: 1px solid #CC6600; 
  border-left: 1px solid #FFDF5F;
  text-decoration:none; 
  background:#FF9900 url(../imagefix/nav_arrow_main_over.gif) right bottom no-repeat;
}
 
.gallerymenu ul li#active  { 
  background:#FF9900; 
}

.gallerymenu ul li#active a {
  border-top: 1px solid #FFDF5F;
  border-right: 1px solid #CC6600;
  border-bottom: 1px solid #CC6600; 
  border-left: 1px solid #FFDF5F;
  background:url(../imagefix/nav_arrow_main_over.gif) left bottom no-repeat;
}


.gallerymenu ul#navlist li#active a:link, .gallerymenu ul#navlist li#active a:visited {
  border-top: 1px solid #FFDF5F;
  border-right: 1px solid #CC6600;
  border-bottom: 1px solid #CC6600; 
  border-left: 1px solid #FFDF5F;
  text-decoration:none; 
  background:#FF9900;
}

.gallerymenu ul#navlist li#active a:focus, .gallerymenu ul#navlist li#active a:hover, .gallerymenu ul#navlist li#active a:active {
  text-decoration:none; 
  background:#FF9900 url(../imagefix/nav_arrow_main_over.gif) right bottom no-repeat;
  border-top: 1px solid #FFDF5F;
  border-right: 1px solid #CC6600;
  border-bottom: 1px solid #CC6600; 
  border-left: 1px solid #FFDF5F;
}

 
.gallerymenu ul li ul { 
  display:none; 
  position:absolute; 
  top:2.3em; 
  background: #FFDF5F url(../imagefix/higru_70.png) left top repeat; 
  height:auto; 
  border-bottom:6px solid #CC6600; 
  border-left:1px solid #CC6600; 
  border-right:1px solid #CC6600; 
  width:90%; 
  left:5%; 
  padding:8px 5px 15px 5px; 
}

.gallerymenu ul#navlist li:hover ul, .gallerymenu ul li.over ul { 
  display:block; 
}

.gallerymenu ul li ul li { 
  display:inline; 
  float:none; 
  height:135px;
  width: auto;
  text-align: left;
  background:0 none;
  border:0 none; 
}

.gallerymenu ul li ul li a { 
  margin:0; 
  padding:0; 
  position:relative; 
  border:1px solid #960000; 
  float:left; 
  display:block; 
  width:108px; 
  height:73px; 
  text-align: left; 
}

.gallerymenu ul li ul li a:hover { 
  background-image:none; 
  z-index:2; 
}

.gallerymenu ul li ul li a img { 
  position:absolute; 
  top:2px; 
  width:100px; 
  height:67px; 
  border:1px solid #660000; 
  margin:0;  
  padding:2px; 
  background: #fff;
}

.gallerymenu ul li a:focus img,
.gallerymenu ul li a:hover img,
.gallerymenu ul li a:active img { 
  width:150px; 
  height:100px; 
  left:-15px; 
  top:-1px; 
  z-index:1; 
  border:1px solid #660000; 
}

.gallerymenu ul li.overview { 
  display:block; 
  clear:both; 
  padding:5px 10px 0 10px; 
  color:#660000; 
  font-size: 1.2em; 
  font-weight: bold;
}

#gallerymenu1 ul { 
  z-index:2; 
}

#gallerymenu2 ul { 
  z-index:1; 
}


/* --------------------- Subnavigation  ---------------------------------------------*/

ul.navisub {
  list-style: none;
  text-align: center;
}
ul.navisub li a{             
  margin: 0 auto; 
  text-decoration: none;
  text-align: left;
  font-weight: normal;
  padding: 5px; 
  width: 188px;
  border-top: 1px solid #ffcc00;
}
ul.navisub a{
  font-weight: bold;
  display: block;
  padding: 5px; 
}
ul.navisub li a:link, ul.navisub li a:visited{
  text-decoration: none;
  background: #FFDF5F;
  color: #003300;
  font-weight: bold;
  width: 188px;
}
ul.navisub li a:hover, ul.navisub li a:focus {
  text-decoration: none;
  background: #FFCC00;
  color: #003300;
  width: 188px;
  font-weight: bold;
}
ul.navisub li a.selectednavi, ul.navisub li a.selectednavi:link, ul.navisub li a.selectednavi:visited, ul.navisub li a.selectednavi:hover, ul.navisub li a.selectednavi:focus{
  text-decoration: none;
  background: #FFCC00;
  color: #003300;
  font-weight: bold;
  padding: 5px; 
  width: 188px;
}




/* --------------------- Subsubnavigation  ---------------------------------------------*/

ul.navisubsub {
  list-style: none;
  text-align: center;
}
ul.navisubsub li a{           
  padding: 5px; 
  margin: 0 auto; 
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  width: auto;
  border-top: 1px solid #FFDF5F; 
  border-left: 10px solid #FFDF5F;
}
ul.navisubsub a{
  font-weight: bold;
  display: block;
}
ul.navisubsub li a:link, ul.navisubsub li a:visited{
  text-decoration: none;
  color: #003300;
  background: #FFFAC5;
  font-weight: bold;
  padding: 5px; 
  width: auto;
  border-left: 10px solid #FFDF5F;
}
ul.navisubsub li a:hover, ul.navisubsub li a:focus {
  text-decoration: none;
  color: #003300;
  background: #FFCC00;
  font-weight: bold;
  padding: 5px; 
  width: auto;
  border-left: 10px solid #FFDF5F;
  background-image: url("../imagefix/higru_subnavi.gif");
  background-repeat: no-repeat;
  background-position: center right;
}


ul.navisubsub li a.selectednavisub, ul.navisubsubsub li a.selectednavisub:link, ul.navisubsub li a.selectednavisub:visited, ul.navisubsub li a.selectednavisub:hover, ul.navisubsub li a.selectednavisub:focus{
  text-decoration: none;
  color: #003300;
  background: #FFCC00; 
  padding: 5px; 
  width: auto;
  font-weight: bold;
  border-left: 10px solid #FFDF5F;
  background-image: url("../imagefix/higru_subnavi.gif");
  background-repeat: no-repeat;
  background-position: center right;
}