body {
  background-color: #000033;
  color: #CCCCCC;
}

a:link {color: #CCFFFF;}

a:visited {color: #00FFFF;}

a:active {color: #CCFFFF;}

.navigationtext {
  font-family: Arial;
  font-weight: bold;
}

.navigationdisabledtext {
  font-family: Arial;
  font-weight: bold;
  color: #CCCCCC;
}

.imagetitle {
  font-family: Arial;
}


@media screen and (max-width: 979px) {
#footer {
    line-height: 1.5em;
    text-align: center;
}

.navigationtext{word-wrap: break-word;
    word-break: break-all;}
}

@media screen and (max-width: 1000px) {
div table tbody tr td img {width:100%;height:auto;}
}

@media screen and (max-width:640px) {
table tbody tr td .imagetitle h2{font-size:1em;}
.gallerytitle h1{font-size:1.4em;}
.gallerytitle h2{font-size:1.1em;}
.gallerytitle h3{font-size:0.9em;}
}

@media screen and (max-width: 300px) {
table tbody tr td .imagetitle h2{font-size:0.9em;}
table table tbody tr td img {width:90%;height:auto;}
.navigationtext {font-size: 12px;}
}