.gallery-teaser {float:left;clear:left;width:30%;padding:2em;text-align:left;margin-top:5%;margin-bottom:5%;color:#999999;background-color:#f0f0f0;box-shadow:10px 10px 20px #999999;}
.gallery-teaser a:link    {color : #999999;}
.gallery-teaser a:visited {color : #999999;}
.gallery-teaser a:active  {color : black;}
.gallery-teaser a:hover   {background-color: #FFFFFF;}
.gallery-teaser p         {padding-bottom : 0.5em;}

.gallery-images    {padding:2em 0em;width:100%;text-align:center;}
.gallery-image     {padding:2em 0em;width:100%;text-align:center;}
.gallery-image img {box-shadow:20px 20px 40px #999999;}
.gallery-tn        {clear:both;padding:1em;text-align:center;}
.gallery-tn img    {box-shadow:10px 10px 20px #999999;}

.gallery-remark          {padding:1em;text-align:left;font-size:85%;}
.gallery-remark-continue {text-align:right;font-size:85%;}

.gallery-tn-hanging-left {margin-top:5em;}

.imagenavigation {padding-top:1em;padding-bottom:1em;}

.listnavigation {float:left;width:20%;height:500px;text-align:right;padding-right:1em;margin-right:1em;border-right:1px solid #999999;}
.listnavigation p {margin-bottom:2em;}

.menu-list {width:100%;}
.menu-list tr.highlighted {background-color:#f0f0f0;}
.menu-list th {background-color:#cccc99;margin-top:2em;margin-bottom:2em;}
.menu-list td {margin-top:0.5em;margin-bottom:0.5em;}

.topten         {text-align:center;}

.comment-tn   {float:left;width:150px;height:500px;}
.commententry {float:left;text-align:right;width:70%;}

@media only screen and (max-width: 750px)
{
  .gallery-teaser {float:none;width:80%;padding:1em;text-align:left;margin:1em;color:#999999;background-color:#f0f0f0;}
  .listnavigation {float:none;width:100%;height:auto;text-align:left;padding:0em;margin:0em;border:none;}
  .gallery-image img {max-width:350px;}
}