@import url("slides.css");

body
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 1.0em;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #e0e0e0;
  background-position: center center;
  margin: 0em;
  text-indent: 0em;
}

img
{
  border: none;
}

h1
{
  font-size: 1.2em;
  font-weight: bold;
}

h2
{
  font-size: 1.2em;
  font-weight: bold;
  margin: 0em;
  margin-left: 5em;
}

h3
{
  font-size: 1.0em;
  font-weight: bold;
}

h4
{
  font-size: 1.0em;
  font-weight: bold;
  display: inline;
}

ul
{
  padding: 0em;
  margin: 0em;
}

li
{
  display: inline;
  margin-right: 1em;
}

a:link, a:visited
{
  color: #666666;
  text-decoration: none;
  border: none;
}

a:hover, .highlight, .hover, a.hover
{
  color: #FFFFFF;
  background-color: #99D;
  text-decoration: none;
  border: none;
}

a:active
{
  color: #666666;
  text-decoration: none;
  border: none;
}


.navbar a:link, a:visited
{
  color: #666666;
  text-decoration: none;
  border: none;
}

.navbar a:hover, .highlight, .hover, a.hover
{
  color: #FFFFFF;
  background-color: #99D;
  text-decoration: none;
  border: none;
}

.navbar a:active
{
  color: #666666;
  text-decoration: none;
  border: none;
}

.thumbnavrow a:link, a:visited
{
  color: #666666;
  text-decoration: none;
  border: none;
}

.thumbnavrow a:hover, .highlight, .hover, a.hover
{
  color: #FFFFFF;
  background-color: #99D;
  text-decoration: none;
  border: none;
}

.thumbnavrow a:active
{
  color: #666666;
  text-decoration: none;
  border: none;
}

/* mouseover-style of unselected entries in the navigation bar */
/*.hover, a.hover
{
  cursor: pointer;
}*/

.path
{
  background-color: #bbb;
  color:black;
  font-size: 1.0em;
  border-style: none;
  border-bottom: 1px solid;
  border-color: #999;
}

.albumdesc
{
  padding-top: 1px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0em;
  background-color: #DDD;
  color:black;
}

.numinfo
{
  padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1px;
  background-color: #DDD;
  color:black;
  font-style:italic;
  font-size:0.8em;
}

.navbar
{
  padding-top: 1px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 2px;
  margin-top: 0em;
  margin-bottom: 0px;
  background-color: #DDD;
  color:black;
  border-bottom: 1px solid;
  border-color: #999;
}

.detail{
  font-size: 1.0em;
  text-align: center;
  width: 400px;
}

.detail table{
  margin: 0em;
  padding: 0em;
}

.contentBG
{
  background-color: #DDD;
  color:black;
  margin: 0px;
  font-size: 1em;
}

#content
{
  position: relative;
}

#content img
{
  display: block;
  border: 1px solid black;
}

.descrTitle
{
  font-size: 1.0em;
  font-weight: bold;
}

.descrContent
{
  font-size: 1.0em;
}

/* style of the actual page entry in the navigation bar */
/*.highlight
{
  font-weight: bold;
}*/

/* number of images in the treeview */
.numImg
{
  font-style: italic;
}

/* image individuelle */
.image
{
  border: none;
  text-align: center;
  clear: both;
}

.images
{
  margin: 0px;
  text-align: left;
  text-indent: 0em;
}

.imgname
{
  background-color: #eee;
  color: #555;
  margin: 0px;
  border: 1px solid #ccc;
  font-size: 1.0em;
  font-weight: normal;
}

.thumbs
{
  background-color: #eee;
  color:black;
  margin-top: 1px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ccc;
  font-size: 1.0em;
  font-weight: normal;
  padding: 0px;
  height:16px;
  width: 48px;
}

/* The small icons in the thumbs */
.thumbs a
{ 
  display: block;
  float: left;
}

.thumbs a img
{ 
  display: block;
}

.album
{
  margin: 0px;
  background-color: #e0e0e0;
  font-size: small;
  width: 100%;
  border-style: none;
/*   border-top: 1px solid; */
/*   border-bottom: 1px solid; */
/*   border-color: #ccc; */
  padding: 0px;
  text-align: left;
  clear: both;
  text-indent: 0em;
}

.footer
{
  margin: 0px;
  margin-top: 2px;
  float: none;
  clear: both;
  text-align: center;
  width: 100%;
  border-style: none;
  border-top: 1px solid;
  border-color: #ccc;
  background-color: #eee;
  border-bottom: none;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: .6em;
  color: #aaa;
}

.tree{
  margin-left: 8em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.albdesc
{
  margin: 0px;
/*  background-color: #eee;*/
  font-size: small;
  width: 100%;
  border-style: none;
/*   border-top: 1px solid; */
/*   border-bottom: 1px solid; */
/*   border-color: #ccc; */
  padding: 0px;
  text-align: left;
  clear: both;
  text-indent: 0em;
}

div.desccard
{
  float: left;
  width: 45%;
  margin: 0.5em 2% 0 2%;
}

div.descimg
{
  float: left;
  margin: -20px 10px 0 0;
  z-index: 10;
  position: relative;
}

img.descimg
{
  border: 1px solid black;
}

div.desccard h3
{
  margin: 01em 01em 01em 01em;
  padding: 0.2em 0 1px 150px;
  border: 1px solid #ccc;
  background: #eee;
  color: #555;
}

div.desccard p
{
  margin: 1em 1em 1em 1em;
}

.imthumbs
{
  float: right;
  clear: both;
  position:relative; top:-5px; left:-20px;
}

.thumbnavrow
{
  margin: 0em;
  float: none;
  clear: both;
  font-size: 1.0em;
  padding: 0em;
}

.nav
{
  margin: 0em;
  text-align: center;
  background-color: #e0e0e0;
  padding: 0em;
}

.nav li{
  display: inline;
}

.navcenter{
  margin: 0em;
  padding: 0.1em;
}


div.xlink
{
  margin: 0px;
  margin-top: 2em;
  float: none;
  clear: both;
  text-align: left;
  width: 100%;
  border-style: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: black;
  background-color: #DDD;
  padding-top: 1em;
  padding-bottom: 1em;
}

.xlink
{
  font-size: 0.9em;
}

.xlink h2
{
  font-size: 1.1em;
}

li.xlink
{
  display: list-item;
  list-style-type: square;
}

ul.xlink
{
  margin: 1em;
  margin-left: 7em;
}