#arbeiten {
  list-style: none;
  margin-left: 57px;
  padding-top: 0;
}
#arbeiten li {
  display: block;
  width: 196px;
  height: 176px;
  float: left;
  margin-right: 21px;
  margin-bottom: 4px;
  overflow: hidden;
}

#arbeiten li img {
  position: relative; /* somehow this is needed for opera */
  border: 1px solid #c5c7c9;
}
#arbeiten li.hover img {
  border: 1px solid #ffffff;
}

#arbeiten li a, #arbeiten li a:link, #arbeiten li a:visited {
  display: block;
  margin: 0px 8px 0px 8px;
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
#arbeiten li a:hover {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #191919;
}
#arbeiten li a.img {
  display: block;
  margin: 9px 8px 7px 8px !important;
}
#arbeiten li.hover a.img {
  display: block;
  border: 3px solid #90a8b9;
  margin: 6px 5px 4px 5px !important;
}

/* Tabelle unter Übersicht */
#overview {
  width: 834px;
  margin-left: 65px;
}
#overview .expander:active, #overview .expander {
  outline: none;
}
#overview th.header {
  cursor: pointer;
}
#overview th.header img.asc, #overview th.header img.desc {
  display: none;
  float: right;
  margin: 7px 15px 0 0; padding:0;
}
#overview th.headerASC img.asc {
  display: block;
}
#overview th.headerDESC img.desc {
  display: block;
}
#overview th.headerASC, #overview th.headerDESC {
  background-image: url(../img/arbeiten/table.th.2.active.png);
}
#overview th.headerASC.kategorie, #overview th.headerDESC.kategorie {
  background-image: url(../img/arbeiten/table.th.1.active.png) !important;
}

#overview th, #overview th div {
  text-align: left;
  font: normal normal bold 12px/17px Arial, Helvetica, sans-serif;
  color: #54585d;
}
#overview td, #overview td div {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #54585d;
}

#overview td a:link, #overview td a:visited {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
#overview td a:hover {
  color: #000000;
}
#overview th, #overview td {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: top;
}
#overview td .collapse, #overview td .expand, #overview td.expanded .collapse, #overview td.expanded .expand, #overview td.nextpanded .collapse, #overview td.nextpanded .expand {
  margin: 6px 0 0 7px;
}
#overview td .collapse {
  display: none;
}
#overview td.expanded .expand {
  display: none;
}
#overview td.expanded .collapse {
  display: block;
}


#overview td.first {
  background-image: url(../img/arbeiten/table.td.1.png);
}
#overview td.kategorie {
  background-image: url(../img/arbeiten/table.td.1.png);
}
#overview td.projekt, #overview td.kunde, #overview td.branche, #overview td.datum {
  background-image: url(../img/arbeiten/table.td.2.png);
}
#overview tr.expanded td {
  background-color: #fbfbfb;
  background-image: none;
}

#overview tr.prevClosed td {
  background-color: #fbfbfb;
  background-image: url(../img/arbeiten/ueberblick.bg.unten.gif);
  background-position: 0 0;
}

#overview tr.nextpanded td {
  background-image: url(../img/arbeiten/table.td.1.png);
}

#overview tr.details td {
  padding-left: 28px;
  background-color: #fbfbfb !important;
  background-image: url(../img/arbeiten/ueberblick.bg.oben.gif);
  background-position: 0 0;
  border-bottom: 1px solid #cbcdce;
  height: 59px;
}

#overview tr.details td a {
  float: left;
  width: 67px;
  height: 35px;
  border: 2px solid #FBFBFB !important;
  margin-right:8px;
  margin-top:8px;
}
#overview tr.details td a.hover {
  border: 2px solid #90a8b9 !important;
  padding: 0 0 0 0;
}

#overview tr.details td a img {
  border: 1px solid #c0c0c0;
  display: block;
  float: left;
  width: 65px;
  height: 33px;
}
#overview tr.details td a.hover img {
  border: 1px solid #ffffff;
}

#overview th {
  background-image: url(../img/arbeiten/table.th.2.png);
}

#overview th.first {
  width: 20px;
  background-image: url(../img/arbeiten/table.th.1.png);
}
#overview th.projekt {
  width: 267px;
}
#overview th.kunde {
  width: 180px;
}
#overview th.branche {
  width: 144px;
}
#overview th.datum {
  width: 108px;
}
#overview th.kategorie {
  width: 115px;
  background-image: url(../img/arbeiten/table.th.1.png);
}

#overview th div {
  margin: 0 10px 0 0;
  padding: 4px 8px 4px 8px;
}
#overview th.first div {
  margin: 0 !important;
}

#overview td div {
  margin: 0 10px 0 0;
  padding: 4px 0px 4px 8px;
}
#overview td.first div {
  margin: 0 !important;
}

/* Details */
/*#slides .viewport {
  margin-left: auto;
  margin-right: auto;
  width: 836px;
  border: 1px solid red;
  height: 488px;
  position: relative;
  overflow: hidden;
}
#slides .viewport .mover {
  width: 2000px;
  position: absolute;
}*/
#slides .slide {
  float: left;
}
#slides .slide img {
  display: block;
  float: left;
}

#slides .sub {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #54585d;
  margin: 8px 65px 0 65px;
}

#slides .sub a,#slides .sub a:link,#slides .sub a:visited {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
#slides .sub a:hover { color: #191919; }

#slides .left {
  float: left;
  display: block;
}
#slides .right {
  float: right;
  display: block;
  width: 600px;
}
#slides .right a {
  display: block; float: right;
  text-align: right;
  margin-left: 14px;
}

#slides div.slideselect {
  position: relative;
  clear: both;
  margin: 5px 65px 0 65px;
}
.selector{
  position: absolute;
  left: -2px;
  top: -2px;
  border: 1px solid black;
  width: 69px;
  height: 37px;
}

#slides .stripViewer ul li, .svw ul li { 
  margin-left: 0px; margin-right: 65px;
  padding-left: 65px;
}
#slides .stripViewer ul li img.full, .svw ul li img.full {
  width: 828px;
  height: 480px;
  border: 1px solid #cdcdcd;
}
#slides .stripTransmitter {
  margin: 4px 65px 0 63px;
}

/* striptransmitter styles fuer die slides */

#slides .stripTransmitter ul {
  padding-top: 4px;
  list-style: none;
}
#slides .stripTransmitter ul li {
  margin-right: 9px;
  overflow:hidden;
  color: #ffffff;
  border: 2px solid transparent;
}

#slides .stripTransmitter a {
  border: 1px solid #8c9094;
}
#slides .stripTransmitter a.current, .stripTransmitter a.current:hover {
}
#slides .stripTransmitter a:active, .stripTransmitter a:focus {
  outline: none;
  -moz-outline-style: none;
}

#slides .stripTransmitter ul li.hover {border: 2px solid #90a8b9;}
#slides .stripTransmitter ul li.hover a {border: 1px solid #fff;}
#slides .stripTransmitter li.current {border: 2px solid #939393 !important;}
#slides .stripTransmitter li.current a {border: 1px solid #fff !important;}

.textslide { width: 828px; height: 480px;
  border: 1px solid #cdcdcd;
  overflow: hidden;
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #54585d;
}
.textslide h1 {
  margin: 25px 25px 0px 32px;
}
.textslide table.clientdata th, .textslide table.clientdata th div {
  font: normal normal bold 12px/17px Arial, Helvetica, sans-serif;
  color: #54585d;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: top;
}

.textslide table.clientdata {
  margin-left: 25px;
}

.textslide table.clientdata th {
  background-image: url(../img/arbeiten/table.th.2.png);
  text-align: left;
}
.textslide table.clientdata td {
  vertical-align: top;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../img/arbeiten/table.td.2.png);
  text-align: left;
}

.textslide table.clientdata th div { margin: 6px 0 5px 7px; }

.textslide table.clientdata td div {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #54585d;
  margin: 2px 0 5px 7px; 
}
.textslide table.clientdata th.kunde { width: 148px; }
.textslide table.clientdata th.branche { width: 144px; }
.textslide table.clientdata th.datum { width: 144px; }
.textslide table.clientdata th.kategorie { width: 115px; }

.textslide table.clientdata td div a {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
.textslide table.clientdata td div a:hover {
  color: #000000;
}

.textslide p {
  margin: 20px 260px 20px 32px;
}
.textslide img.thumb {
  display: none;
}