body {
  background-color:#000000; 
  font-family:Verdana,Helvetica, sans-serif;
  font-size:12px;
  margin:0px;
  color:#808080;
  background-image:url(/images/background.jpg);
  background-repeat:repeat-x;
  background-position:center;
  background-attachment: fixed;
  height:100%; 
  width:100%;
}

h4, ul {
  margin-left: 10px;
  text-align: left;
}

table.client {
  height:100%;
  width:100%;
  color: #c0c0c0;
}

table.gallery {
  border-spacing:20px;
  border-width:0px;
  border-style:none;
}

/* Tabelle mit Vorschaubildern der Galerie */
table.gallerythumbs {
  margin: auto;
  border-spacing: 20px;
}

.gallerythumbs td {
/*  background-color: #ffffff; */
  padding: 5px;
/*  vertical-align: top; */
}

.gallerythumbs img {
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  outline-width:15px;
  outline-color:#ffffff;
  outline-style:solid;
  margin:15px; 
}

/* Text unter dem Thumb */
.gallerythumbs div.description {
  text-align: center;
  color: #ffffff;
  font-size: 11px;
  max-width: 270px;
}

/* Zähler unter dem Thumb */
.gallerythumbs div.counter {
  text-align: right;
  font-size: 8px;
  color: #a0a0a0;
}

.galleryimage {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  outline-width:30px;
  outline-color:#ffffff;
  outline-style:solid;
  margin: 30px;
}

.imgpagetbl {
  border-width:0px;
  border-style:solid;
  height:100%;
  width:100%;
}

.imgtbl {
  vertical-align:middle;
  border-width:0px;
  border-spacing:0px;
}

.gallery img, .imgframe img {
  border-width:1px;
  border-style:solid;
  border-color:#000000;
  outline-width:15px;
  outline-color:#ffffff;
  outline-style:solid;
  margin:15px; 
}

table.img {
/*  position: absolute; */
  margin: auto;
  padding: 0px;
  border-width: 0px;
  color: #000000;
  border-spacing: 0px;
}

table.img td {
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
}

table.img td.caption {
  padding: 20px;
  text-align: center;
  color: #ffffff;
}

.imgframe {
  background-color:#ffffff;
  padding:15px;
  border-width:0px; 
  color:#000000;
  margin:0px;
}

.arrownav {
  bottom: 10px;
  left: 130px;
  right: 0px;
  text-align: center;
  position: fixed;
}

.arrownav table {
  margin: auto;
}


a {
  color:#606060; 
  font-size:13px; 
  font-weight:bold; 
  text-decoration:none; 
}

a:link, a:visited { 
  color:#6080b0;
  font-size:13px; 
  font-weight:bold; 
  text-decoration:none; 
}

a:hover { 
/*  color:#70a8e0; */
  color:#e0c000;
  font-size:13px; 
  font-weight:bold; 
  text-decoration:none; 
}

a:active { 
  color:#e0c000;
/*  color:#c00000; */
  font-size:13px; 
  font-weight:bold; 
  text-decoration:underline; 
}


input,select,option,textarea,button {
  font-family:Verdana, Helvetiva, Arial, sans-serif;
  font-size: 11px;
  border-style:solid;
  border-width:1px;
  border-color:#a0a0a0;
  background-color:#c0c0c0;
}

input:focus,select:focus,option:focus,textarea:focus {
  border-color:#68a0d0;
  background-color:#e0e0e0;
}

input:disabled,select:disabled,textarea:disabled{
  color:#808080;
  background-color:#e0e0e0;
  border-style:solid;
  border-width:1px;
  border-color:#a0a0a0;
}

.pagetitle {
  position:fixed;
  left:0px;
  right:5px;
  top:0px;
  height: 58px;
  background-color:transparent;
  background-image:url(text.png);
  background-repeat:no-repeat;
  background-position:4px 4px;
  z-index: 1;
}

.pagetitle .page {
  color:#e0c000;
  font-size:18px;
  font-weight:bold;
}

.pagetitle .title {
  color:#68a0d0;
  font-size:32px;
  font-style:italic;
  font-weight:bold;
  margin-left:10px;
}

table {
  font-size:12px;
  color:#c0c0c0;
}

#pageclient {
  position:absolute;
  left: 130px;
  top: 60px;
  right: 0px;
  bottom: 0px;
/*  overflow:auto; */
  text-align:center;
}

#pagenav {
  position:fixed;
  left:5px;
  top:60px;
  width: 120px;
  background-color:#000000;
  border-width:1px;
  border-style:solid;
  border-color:#404040;  
  z-index: 1;      
}

.pagetitlecell {
  height:54px;
  background-image:url(text.png);
  background-repeat:no-repeat;
  background-position:left;
}

.gblabel {
  background-color:#102028;
  padding: 5px;
  vertical-align: middle;
  color:#c0c0c0;
}

.gbnum {
  font-family:Verdana,Helvetica, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color:#68a0d0; 
  /* color:#e0c000; */
}

/*
a.foot {
  display:block;
  text-align:center;
  text-decoration:none;
  line-height:30px;
  vertical-align:middle;
  font-size:11px;
  font-weight:bold;
  color:#404040;
  background: url(images/steel.jpg) no-repeat;
  border-width:1px;
  border-style:solid;
  width:120px;
  height:30px;
  margin:2px;
}

a.foot:link {
  color:#404040;
  text-decoration:none;
}

a.foot:focus,
a.foot:hover {
  color:#68a0d0;
  border-color:#e0e0e0 #404040 #404040 #e0e0e0;
}

a.foot:visited {
  text-decoration:none;
}
*/

a.listnav {
  display:inline-block;
  text-align:center;
  text-decoration:none;
  line-height:20px;
  vertical-align:middle;
  font-size:11px;
  font-weight:bold;
  color:#6080b0;
  /*background: url(images/pagenavbtn.jpg) no-repeat; */
  border-width:1px;
  border-style:solid;
  border-color:#6080b0;
  background-color:#000000;
  width:30px;
  height:20px;
  margin:2px;
}

a.listnav:focus,
a.listnav:hover {
  color: #e0c000;
  border-color: #e0c000;
}

div.listnav {
  display:inline-block;
  text-align:center;
  text-decoration:none;
  line-height:20px;
  vertical-align:middle;
  font-size:11px;
  font-weight:bold;
  color:#808080;
  /*background: url(images/pagenavbtn.jpg) no-repeat; */
  border-width:1px;
  border-style:solid;
  border-color:#808080;
  width:30px;
  height:20px;
  margin:2px;
  background-color:#000000;
}

.tblhead {
  background-color:#404040;
}

.tblfoot {
  background-color:#404040;    
  text-decoration:none;
  font-style:italic;
}

th {
  background-color:#404040;
  text-align:left;
}

.pagelinks {
  color:#808080;
  text-align:center;
  border-width:0px;
  margin:4px;
  border-style:solid;
  border-color:#808080;
  width:30px;
  height:20px;
  font-size:12px; 
  font-weight:bold; 
  background: url(/images/pagenavbtn.jpg);
}

.viewcount {
  text-align:right;
  font-size: 9px;
}

.guestcell {
  background-color:#404040;
  border-width:0px;
  font-size:12px;
  padding:5px;
  text-align:left;
  height:50px;
  width:80px;
}

.recnum {
  font-size:26px;
  font-weight:bold;
  color:#e0c000;
}



/* Messagebox-Klassen */
div.messagebox {
  position: fixed;
  background: url('/images/opacity50bl.png');
  background-repeat:repeat;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

div.messagebox table {
  position: fixed;
  background-color: #404040;
  border-color:#808080;
  border-style: solid;
  border-width: 1px;
  width: 50%;
  height: 150px;
  left: 25%;
  top: 50%;
  margin-top: -75px;
}

div.messagebox td {
  border-width:0px;
}

div.messagebox td.title {
  background-color: #e0c000;
  color: #404040;
  text-align: left;
  vertical-align: middle;
  padding: 4px;
  height: 15px;
  font-weight: bold;
}

div.messagebox td.icon {
  height: 80px;
  width: 80px;
  text-align: center;
  vertical-align: middle;
  color: #000000;
}

div.messagebox td.message {
  text-align: left;
  vertical-align: middle;
  color: #d0d0d0;
}

div.messagebox td.button {
  padding: 4px;
  text-align: center;
}