body {
  background-color: #999;
  color: #ccc;
  margin:0;
}

* {
  font-family: Century Gothic, Futura, Arial, Sans-Serif;
}

h1 {
  font-size: 20px;
}

.align-center {
  text-align:center;
}

a {
  color: #ccc;  text-decoration: none;
}


a:hover {
  color: #c00;
}

a.inverted {
  color: #c00;
  text-decoration: none;
}

a.inverted:hover {
  color: #ccc;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul li
{

}

ul li a
{
  padding-left: 14px; 
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 5px; 
}

/*
ul li a:hover
{
  background-image: url(../img/reddot.png);
}
*/

#table {
  position:absolute;
  height:100%;
  width:100%;
  display:table;
}

#cell {
  width:1000px;
  display:table-cell;
  vertical-align:middle;
}

#panel {
  width: 1000px;
  background-color: #000;
  border: 1px solid #000;
  margin-left: auto;
  margin-right: auto;
}

#title {
  width: 100%;
  height: 70px;
  background-color: #373737;
  border-bottom: 1px solid #000;
  margin-right: 30px;
}

#content {
  background-color: #000;
  overflow-y: auto;
  overflow-x: hidden;
  height:520px;
  width:960px;
  padding:20px;  
}

#footer {
  width: 100%;
  height: 40px;
  border-top: 1px solid #000;
  background-color: #2c2c2c;
}

#logo {
  margin-top: 12px;
  margin-left: 50px;
  float: left;
}

#dot {
  position:relative;
  display:block;
  width:6px;
  height:6px;
  background-color:#c00;
  top:0px;
  left:-12px;
}

#menu {
  float:right;
  display:inline-block;
  position:relative;
  top:24px;
  right:0;
  border: 1px solid #000;
  border-right: 0;
  background-color: #2c2c2c;
  padding: 5px;
  padding-right: 50px;
  overflow:hidden;
}

#menu ul {
  display:inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li {
  background-image:none;
  display:inline;
  font-size: 14px;
  padding:0;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
}

#menu a {
  padding:0px; 
  background-image:none;
  color: #ccc;
  font-style: normal;
  text-decoration: none;
}

#menu a.active {
  color: #f00;
  font-style: normal;
  text-decoration: none;
}

#menu a:hover {
  color: #f00;
}

#menu a:active {
  color: #f00;
  text-decoration: underline;
}

.csc-textpic-imagecolumn {
  width:200px;
}

.csc-textpic-imagecolumn table {
  width:100%;
  text-align:center;
}

.csc-textpic-imagecolumn a {
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
  background-color:white;
}

.csc-textpic-imagecolumn img {
  margin-left:auto;
  margin-right:auto;
  margin-top:6px;
  opacity:1.0;
}

.csc-textpic-imagecolumn img:hover {
  opacity:0.7;
}

.csc-textpic-caption {
  font-size:14px;
  margin-top:3px;
}

.largeframe {
  width: 100%;
  height: 100%;
}

.largeframe img {
  margin: auto;
  width: 640px;
  height: 360px;
  margin-top:0;
  margin-bottom:0;
}

/* Slide show */
.yag-crossSlide-c1 {
  width: 700px;
  height: 420px;
  margin: auto;
  margin-top:30px;
  margin-bottom:0;
}

.yag-crossSlide-c1 img {
  margin-left: auto;
  margin-right: auto;
  margin-top:0;
  margin-bottom:0;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
}

/* Album-Liste */
.tx-yag-breadcrumbcomtainer, .tx-ptextlist-pager-item-display, .tx-yag-gallery-albumcount,.tx-yag-gallery-itemcount,.tx-yag-gallery-albumdescription,.yag-error-messagecontainer, li.first, li.last {
  visibility: collapse;
  height:0;
}

.tx-yag-gallery-galleryinfo,.tx-yag-gallery-albuminfo,.tx-yag-album-thumb-innerframe,.tx-yag-gallery-thumb-innerframe {
  float: none;
}

.tx-yag-gallery-thumb-outerframe {
  float:left;
  margin-top:120px;
}

.tx-yag-pager {
	font-size:16px;
	margin-top:20px;
	margin-bottom:-20px;
}

.tx-yag-pager li {
	margin:8px;
}

.tx-ptextlist-pager a {
  /*font-weight:bold;*/
}

.tx-ptextlist-pager li.cur a {
  color:#f00;
}

.tx-yag-album-thumb-outerframe {
  margin-left:-0.3%;
  margin-right:-0.3%;
  margin-top:10px;
  margin-bottom:10px;
  float:left;
}

.tx-yag-album-thumb-outerframe a {
  color: #000;
}

.tx-yag-album-thumb-outerframe:hover a {
  color: #ccc;
}

.tx-yag-gallery-galleryinfo {
  margin-left:9px;
  width:175px;
}

.tx-yag-thumb-outerframe.tx-yag-gallery-thumb-outerframe {
  //margin-top:120px;
}

.tx-yag-thumb-innerframe.tx-yag-gallery-thumb-innerframe {
  margin:auto;
  padding:0;
  width:170px;
}

.tx-yag-thumb-innerframe {
  margin:auto;
  width:130px;
}

.tx-yag-imagehovercontainer {
  display: inline-block;
  background-color:white;
  line-height: 0;
  margin:0;
  padding:0;
  border:0;
}

.tx-yag-imagehovercontainer img {
  margin:0;
  padding:0;
  border:0;
  opacity:1.0;
}

.tx-yag-imagehovercontainer img:hover {
  opacity:0.7;
}

.tx-yag-album-albumcaption  {
  margin-bottom:3px;
  margin-left:auto;
  margin-right:auto;
  font-size:14px;
  width:140px;
  text-transform: uppercase;
  text-align:center;
}

.tx-yag-gallery-gallerycaption {
  margin-bottom:3px;
  font-size:14px;
  text-transform: uppercase;
  width:170px;
  text-align:center;
}

.tx-yag-gallery-galleryinfo a,.tx-yag-gallery-albuminfo a {
  text-decoration: none;
}

.tx-yag-pi1 {
	/* height:450px; */
	/* display:flex; */
	/* flex-direction:column; */
}

.tx-yag-items {
  width:960px;
  /* height:450px; */
  margin:auto;
  /* display:flex; */
  /* align-items:center; */
  /* align-content:center; */
  /* flex-wrap:wrap; */
}

.tx-yag-items img {
  padding: 0px;
  border: none;
  
}

/* Album Ansicht */
.galleria-counter {
  visibility: collapse;
}

.tx-yag-galleria-wrapper {
  float: left;
}

div.galleria-container.notouch {
  padding-top: 0px;
}

div.galleria-stage {
  top: 0;
}

div.galleria-image  img {
  margin-top:-10px;
}

#gallery-sidebar {
  float: left;
  width: 200px;
  height: 480px;
}

#gallery-project-info {
  background-color: #373737;
  width: 170px;
  height: 422px;
  border: 1px solid #666;
  padding: 10px;
  margin-right: 10px;
}

#gallery-project-title {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

#gallery-back-button {
  background-color: #373737;
  border: 1px solid #666;
  width: 190px;
  height: 20px;
  margin-top:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:14px;
  text-align:center;
}