/*****
*
* common style-sheet
*
*****/

body {
    font-family: Verdana, Arial, sans-serif;
    font-size:100%;
    background:#dddddd;
}
#wrapper {
    width:900px;
    margin-right:auto;
    margin-left:auto;
    position: relative;
}
#topbar {
    height:20px;
    background:#ddd;
    color:#666666;
    font-size:0.8em;
    text-align:right;
}
#topbar a:link {
    color:#666666;
}
#topbar a:visited {
    color:#666666;
}
#header {
    height:70px;
    background:#204898;
    border-bottom:6px solid #f88f1a;
}
#header .impressions {
    margin-left:270px;
}
#header .impressions img {
    margin-top:10px;
    margin-right:4px;
    border: 1px solid #cccccc;
}
#header .geologo {
    position:absolute;
    top:25px;
    left:4px;
    border:none;
    z-index:10;
}
#header .unilogo {
    position:absolute;
    top:25px;
    left:835px;
    border:none;
    z-index:10;
}
#links {
    float:left;
    width:160px;
    font-size:80%;
}

/* accordion menu styles in links div */
#links ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 160px;
}

#links ul.menu a {
  display: block;
  text-decoration: none;
}

#links ul.menu li {
  margin-top: 1px;
}

#links ul.menu li a {
  background: #204898;
  color: #ffffff;
  padding: 0.5em;
}

#links ul.menu li a:hover {
  background: #003366;
}

#links ul.menu li ul li a {
  background: #cccccc;
  color: #000000;
  padding-left: 20px;
}

#links ul.menu li ul li a:hover {
  background: #aaaaaa;
  border-left: 5px #4e9a06 solid;
  padding-left: 15px;
}

/* two more IE hacks for correct menu display */
* #links li a {
    display:inline-block;
}
* #links li a {
    display:block;
}

/* end accordion menu styles */

#links input {
    color:#666666;
}
#content {
    background:#ffffff;
    font-size:0.9em;
    color:#000000;
}

#page {
    margin-top:0px;
    margin-left:160px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
}
/* holly hack for IE - this is ridiculous */
* html #page {
    height: 1%;
}
/* end of holly hack ... */

#langlink {
    font-size:0.85em;
}
#langlink a:link {
    color:#999999;
}
#langlink a:visited {
    color:#999999;
}
#clear {
    clear: both;
    margin: 0px;
    margin-top:20px;
    height:25px;
    font-size:0.85em;
    color:#666666;
    background:url(/geographie/icons/footer.png);
}
#clear a:link {
    color:#666666;
}
#clear a:visited {
    color:#666666;
}
#footer {
    height:18px;
    font-size:0.85em;
    background:#204898;
    color:#ffffff;
    text-align:right;
}
#footer a:link {
    color:#ffffff;
}
#footer a:visited {
    color:#ffffff;
}
#footer .w3cvalid {
    float:left;
}
#preview {
    position:absolute;
    border:1px solid #fff;
    background:#ffffff;
    padding:1px;
    display:none;
    color:#ffffff;
    z-index:120;
}

/* override XIMS gallery z-Index so that gallery layer lies on top of all other content */
.galleria-container {
    z-index: 1000;
}

/* style sub navigation menus on project pages */
#geoProjectSubNavigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;

}
#geoProjectSubNavigation li {
    display: table-cell;
    padding: 0.35em 0.5em;
    box-shadow: 3px 3px 4px #999;
}
#geoProjectSubNavigation li.current > a {
    color: #666;
    text-decoration: none;
    pointer-events: none;
}

/* fit oversized newsitem photots */
#newsitem-story .photo {
    max-width: 700px;
}