/**
 * Atkon DAM Frontend all CSS
 *
 * @author	Christoph Köpernick <c.koepernick@atkon.de>
 */
 
 
/* companies */ 
 
.tx-atkondamfrontend-company-list {padding: 3px 0 10px 7px; background: #EEEFE6; margin-top: -12px; border-left: solid 1px #c0c0c0; 
																	 border-right: solid 1px #c0c0c0; overflow: hidden; height: auto;}
.tx-atkondamfrontend-company-list-separator {height: 1px; overflow: hidden; background: #c0c0c0; margin: 7px 7px 19px 0;}
html>/**/body .tx-atkondamfrontend-company-list-separator {margin: 0 7px 19px 0;}
.tx-atkondamfrontend-company-teaser {width: 96px; height: 72px; padding: 0 8px 8px 0; float: left;}


/* categories */ 
 
.tx-atkondamfrontend-category-list {padding: 3px 0 18px 7px; background: #EEEFE6; margin-top: -12px; border-left: solid 1px #c0c0c0; 
																	 border-right: solid 1px #c0c0c0; overflow: hidden; height: auto;}
.tx-atkondamfrontend-category-teaser {width: 200px; height: 72px; padding: 0 8px 8px 0; float: left;}
.tx-atkondamfrontend-category-teaser-at_a_venture {padding: 24px 8px 8px 0;}

.tx-atkondamfrontend-category-teaser:hover .tx-atkondamfrontend-text-container {color: #fff;}
.tx-atkondamfrontend-category-teaser:hover .tx-atkondamfrontend-text-container h1 a {color: #fff;}
.tx-atkondamfrontend-category-teaser:hover .tx-atkondamfrontend-text-container .tx-atkondamfrontend-tstamp {border-left: solid 1px #fff;}

.tx-atkondamfrontend-category-teaser .tx-atkondamfrontend-text-container {margin: -56px 0 0 74px; overflow: hidden; height: auto;}
.tx-atkondamfrontend-category-teaser .tx-atkondamfrontend-at_a_venture {margin: -44px 0 0 83px;}
.tx-atkondamfrontend-category-teaser .tx-atkondamfrontend-text-container h1 { margin: 0 0 1px; font-size: 1.1em; font-weight: bold; width: 120px;}
.tx-atkondamfrontend-category-teaser .tx-atkondamfrontend-text-container h1 a {color: #808080; text-decoration: none;}

.tx-atkondamfrontend-text-container .tx-atkondamfrontend-counting {float: left; padding-left: 1px;}
.tx-atkondamfrontend-text-container .tx-atkondamfrontend-tstamp {float: left; margin: 0 0 0 2px; border-left: solid 1px #808080; padding-left: 5px;}

.last-in-row {padding-right: 7px;}

/* category, clip, company list select */

.tx-atkondamfrontend-category-list-select {width: 18.18em; float: left; margin-right: 8px;}
.tx-atkondamfrontend-company-list-select {width: 18.18em; float: left; margin-right: 8px;}
.tx-atkondamfrontend-topic-list-select {width: 18.18em; float: left; margin-right: 8px;}
.tx-atkondamfrontend-clip-list-select {width: 18.18em; float: left; }

/* company_detail, category_detail */

.tx-atkondamfrontend-category {padding-top: 11px; margin: 0 8px;}
.tx-atkondamfrontend-category h1 {line-height: 1; margin: 0; padding: 0;}
.tx-atkondamfrontend-category .select_ul_container, .tx-atkondamfrontend-category .select_ul_container select {width: 18.09em; z-index: 5;}
html>/**/body .tx-atkondamfrontend-category .select_ul_container, html>/**/body .tx-atkondamfrontend-category .select_ul_container select {width: 18em;}
html>/**/body .tx-atkondamfrontend-category .select_ul_container ul.selectReplacement li {padding: 2px 28px 2px 6px;}
.tx-atkondamfrontend-category .select_ul_container ul.selectOpen {z-index: 10;}

.tx-atkondamfrontend-category .tx-atkondamfrontend-text-container {float: left; width: 37.27em;}
html>/**/body .tx-atkondamfrontend-category .tx-atkondamfrontend-text-container {width: 37.09em; padding-bottom: 31px; }
.tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-image {float: left; margin-right: 8px;}
.tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-title {margin-left: 104px; border-bottom: solid 1px #c0c0c0; margin-bottom: 5px;}
.tx-atkondamfrontend-title-topic {margin-left: 0; border-bottom: solid 1px #c0c0c0; margin-bottom: 5px;}
.tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-title h1 {line-height: 1; margin: 0 0 0 2px; padding: 0 0 6px;}
.tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-title-topic h1 {line-height: 1; margin: 0 0 0 2px; padding: 0 0 6px;}
html>/**/body .tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-title h1 {margin: -1px 0 0 2px; padding: 0 0 7px;}
html>/**/body .tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-title-topic h1 {margin: -1px 0 0 2px; padding: 0 0 7px;}
.tx-atkondamfrontend-category .tx-atkondamfrontend-text-container .tx-atkondamfrontend-bodytext p {margin: 0;}
.tx-atkondamfrontend-bodytext2 {margin-left: 38.09em; margin-top: 1px;}
html>/**/body .tx-atkondamfrontend-bodytext2 {margin-left: 37.82em;}
html:first-child .tx-atkondamfrontend-bodytext2 {margin-left: 38.27em;}
.tx-atkondamfrontend-bodytext2 table td.first {width: 6.36em;}

/* topic list */

.tx-atkondamfrontend-topic-list {clear: both; overflow: hidden; height: auto; padding-bottom: 31px;}
.tx-atkondamfrontend-topic-clip-container {float: left; width: 37.32em; border-bottom: solid 1px #c0c0c0; margin-right: 8px; }
html>/**/body .tx-atkondamfrontend-topic-clip-container {width: 37.09em;}

.tx-atkondamfrontend-topic-clip-container .tx-atkondamfrontend-title, 
.tx-atkondamfrontend-topic-clip-container .tx-atkondamfrontend-counting, 
.tx-atkondamfrontend-topic-clip-container .tx-atkondamfrontend-browser {float: left; border: none;}

.tx-atkondamfrontend-topic-clip-container .tx-atkondamfrontend-title h1 {padding: 0 9px 3px 0;}
.tx-atkondamfrontend-topic-clip-container .tx-atkondamfrontend-counting {padding: 0 6px 0 0; margin: 4px 6px 0 0; border-right: solid 1px #808080;}
.tx-atkondamfrontend-browser {padding: 4px 0 0; border-top: solid 1px #c0c0c0;}
.tx-atkondamfrontend-browser span {padding: 0 6px 0 0;}
.tx-atkondamfrontend-browser a {padding: 0 6px 0 0; color: #808080; text-decoration: none;}
.tx-atkondamfrontend-browser a:link {color: #808080; text-decoration: none;}
.tx-atkondamfrontend-browser a:visited {color: #808080; text-decoration: none;}
.tx-atkondamfrontend-browser a strong {font-weight: normal; color: #185081; text-decoration: underline;}


.tx-atkondamfrontend-sorting {float: left; margin-top: 2px;}
.tx-atkondamfrontend-sorting label {display: none;}
.tx-atkondamfrontend-results {clear: both;}

/* clip list */

.tx-atkondamfrontend-clip-list {clear: both; overflow: hidden; padding-top: 0; padding-bottom: 15px; height: auto;}

.tx-atkondamfrontend-results {padding: 8px 0 21px; margin-left: -0.73em; overflow: hidden; height: auto;}
.tx-atkondamfrontend-clip-list .tx-atkondamfrontend-results {margin-left: 0; padding: 15px 0 21px;}

/* topic teaser */

.tx-atkondamfrontend-topic {border: solid 1px #c0c0c0; position: relative; z-index: 1; float: left; margin-left: 0.73em; width: 18.09em; min-height: 401px; background: #EEEFE6;}
html>/**/body .tx-atkondamfrontend-topic {width: 18em;}
.tx-atkondamfrontend-topic img {width: 18.09em;}
html>/**/body .tx-atkondamfrontend-topic img {width: 18em;}

.tx-atkondamfrontend-topic-container {padding: 6px 6px 0 6px; min-height: 224px;}
.tx-atkondamfrontend-teaser h4 {letter-spacing: 0.05em; line-height: 1.5; margin: 0 0 5px;}
.tx-atkondamfrontend-teaser h4 a {text-decoration: none;}
.tx-atkondamfrontend-teaser .tx-atkondamfrontend-text a {color: #808080; line-height: 1.35; text-decoration: none;}

.tx-atkondamfrontend-topic .tx-atkondamfrontend-counting-tstamp-container {border-top: solid 1px #c0c0c0; margin: 0 6px; font-size: 0.9em; padding: 5px 0 0 1px;}
.tx-atkondamfrontend-counting-tstamp-container .tx-atkondamfrontend-counting {float: left; padding-right: 9px; margin-right: 9px; border-right: solid 1px #808080;}
.tx-atkondamfrontend-counting-tstamp-container .tx-atkondamfrontend-tstamp {float: left;}

.tx-atkondamfrontend-topic-clip-head {border-bottom: 1px solid #C0C0C0; padding:5px 0 5px 1px;}
.tx-atkondamfrontend-topic-head {width: 6.46em; display: block; float: left;}

/* clip teaser */

.tx-atkondamfrontend-clip {border: solid 1px #c0c0c0; position: relative; z-index: 1; height: 13.36em; margin-bottom: 8px;}
html>/**/body .tx-atkondamfrontend-clip {height: 13.27em;}
.tx-atkondamfrontend-clip .tx-atkondamfrontend-image {float: left;}
.tx-atkondamfrontend-clip .tx-atkondamfrontend-image img {height: 13.36em;}
html>/**/body .tx-atkondamfrontend-clip .tx-atkondamfrontend-image img {height: 13.27em;}
.tx-atkondamfrontend-clip .tx-atkondamfrontend-title {margin-left: 18.82em; margin-right: 13px; margin-top: 3px;}
.tx-atkondamfrontend-clip .tx-atkondamfrontend-text {margin-left: 18.82em; margin-right: 13px; min-height: 94px;}
.tx-atkondamfrontend-details {border-top: solid 1px #c0c0c0; margin-left: 18.82em; margin-right: 13px; padding-top: 4px;}
.tx-atkondamfrontend-cliptype, .tx-atkondamfrontend-aspectratio, .tx-atkondamfrontend-length, .tx-atkondamfrontend-publishdate {float: left;}
.tx-atkondamfrontend-cliptype, .tx-atkondamfrontend-aspectratio, .tx-atkondamfrontend-length {border-right: solid 1px #808080; padding-right: 6px; margin-right: 6px;}
.tx-atkondamfrontend-teaser a.tagging-link {text-decoration: none;}

/* clip detail */

.tx-atkondamfrontend-videoplayer {border: solid 1px #c0c0c0; position: relative; display: inline-block;}
html>/**/body .tx-atkondamfrontend-videoplayer {display: block;}
.tx-atkondamfrontend-clip-detail {margin: 0 8px; padding-top: 7px; overflow: hidden; height: auto; padding-bottom: 60px;}
.tx-atkondamfrontend-clip-main {float: left; width: 37.27em;}
html>/**/body .tx-atkondamfrontend-clip-main {float: left; width: 37.09em;}
.tx-atkondamfrontend-clip-main .tx-atkondamfrontend-title-topic {margin-bottom: 7px;}
.tx-atkondamfrontend-clip-main h1 {padding: 0 0 0 2px; margin: 0 0 4px;}
.tx-atkondamfrontend-clip-sub {margin-left: 38.09em; padding-top: 3px;}
html>/**/body .tx-atkondamfrontend-clip-sub {margin-left: 37.82em;}
html:first-child .tx-atkondamfrontend-clip-sub {margin-left: 416px;}
.tx-atkondamfrontend-clip-main .tx-atkondamfrontend-bodytext {border-top: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; margin: 6px 0 16px;  padding: 10px 0 13px;}
.tx-atkondamfrontend-clip-main .tx-atkondamfrontend-bodytext p {margin: 0;}
.tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-cart-add {overflow: hidden; height: auto;}
.tx-atkondamfrontend-clip-detail .button-submit-container {margin: 0;}
.tx-atkondamfrontend-clip-detail .button-submit-container a {background: url(../../baselayout/img/button-bg-clip.png) no-repeat 0 0; padding: 3px 6px 3px 25px;}
.tx-atkondamfrontend-clip-detail .button-abort-container {margin: 0 7px 0 0;}
html>/**/body .tx-atkondamfrontend-clip-detail .button-abort-container {margin: 0 8px 0 0;}
.tx-atkondamfrontend-clip-detail .button-abort-container a {background: url(../../baselayout/img/button-abort-clip.png) no-repeat 0 0; padding: 3px 13px 3px 18px;}
.tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-previewimages {margin-top: 5px; border-top: solid 1px #c0c0c0; padding-top: 8px; overflow: hidden; height: auto;}
.tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-previewimages-container {margin-top: -0.73em;}
.tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-previewimage {float: left; margin-right: 0.73em; border: solid 1px #c0c0c0; margin-top: 0.73em; position: relative;}
.tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-previewimage img {width: 8.64em;}
html>/**/body .tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-previewimage img {width: 8.54em;}
.tx-atkondamfrontend-clip-detail .last-in-row {margin-right: 0; padding: 0;}

.tx-atkondamfrontend-clip-sub .tx-atkondamfrontend-bodytext-2 {padding: 2px 0 16px;}
.tx-atkondamfrontend-clip-sub p.detail-title {font-weight: bold; margin: 0 0 1px;}

.tx-atkondamfrontend-clip-sub ul {line-height: 1.4; padding: 0 0 14px;}
.tx-atkondamfrontend-clip-sub ul li {background: none; padding: 0 0 1px 0;}
.tx-atkondamfrontend-clip-sub ul.auxilary li {background: url(../../baselayout/img/add-material-list-bg.png) no-repeat 0 3px; padding-left: 13px;}

.tx-atkondamfrontend-clip-detail .tx-atkondamfrontend-clipdetails {clear: both;}
.tx-atkondamfrontend-clipdetails-table {overflow: hidden;  height: auto; padding: 9px 0 6px; border-bottom: solid 1px #c0c0c0;}
.tx-atkondamfrontend-clipdetails-table table.contenttable {width: 18.28em; float: left;}
html>/**/body .tx-atkondamfrontend-clipdetails-table table.contenttable {width: 18.18em;}
.tx-atkondamfrontend-clipdetails-table table.contenttable span {display: block; padding-bottom: 3px;}
.tx-atkondamfrontend-clipdetails-table table.left-table {margin-right: 7px;}
html>/**/body .tx-atkondamfrontend-clipdetails-table table.left-table {margin-right: 8px;}
.tx-atkondamfrontend-clipdetails-table table.contenttable tr th {border-bottom: 1px solid #C0C0C0; text-align: left; padding-left: 1px; width: 108px;}
table.contenttable tr.last td, table.contenttable tr.last th {border-bottom: none;}

.tx-atkondamfrontend-clipdetails dl {overflow: hidden; height: auto; padding: 4px 0 21px; border-bottom: solid 1px #c0c0c0; margin-left: -7px;}
html>/**/body .tx-atkondamfrontend-clipdetails dl {margin-left: -8px;}
.tx-atkondamfrontend-clipdetails dl dt {font-weight: bold; margin-left: 8px; padding-bottom: 3px;}
html>/**/body .tx-atkondamfrontend-clipdetails dl dt {margin-left: 9px;}
.tx-atkondamfrontend-clipdetails dl dd {width: 199px; float: left; margin-left: 7px; padding-left: 1px; padding-bottom: 6px;}
html>/**/body .tx-atkondamfrontend-clipdetails dl dd {margin-left: 8px;}
.tx-atkondamfrontend-clipdetails dl dd div {padding-bottom: 3px;}

.tx-atkondamfrontend-clipdetails ul {overflow: hidden; height: auto; padding: 0; margin: 0;}
.tx-atkondamfrontend-clipdetails ul li {background: none; padding: 3px 0 5px; display: block; float: left; width: 200px; border-bottom: solid 1px #c0c0c0; line-height: 1.4;}
.tx-atkondamfrontend-clipdetails ul.online-editors li {border-bottom: none;}
.tx-atkondamfrontend-clipdetails ul li.radio {margin-right: 7px;}
html>/**/body .tx-atkondamfrontend-clipdetails ul li.radio {margin-right: 8px;}
.tx-atkondamfrontend-clipdetails ul li a.tagging-link {font-weight: bold; padding-left: 1px;}

/* img mask */

.img-mask-left-top {position: absolute; width: 3px; height: 3px; left: -1px; top: -1px; background: url(../../baselayout/img/img-mask-left-top.png) no-repeat 0 0;}
.img-mask-right-top {position: absolute; width: 3px; height: 3px; right: -1px; top: -1px; background: url(../../baselayout/img/img-mask-right-top.png) no-repeat 0 0;}
.img-mask-left-bottom {position: absolute; width: 3px; height: 3px; left: -1px; bottom: -1px; background: url(../../baselayout/img/img-mask-left-bottom.png) no-repeat 0 0;}
.img-mask-right-bottom {position: absolute; width: 3px; height: 3px; right: -1px; bottom: -1px; background: url(../../baselayout/img/img-mask-right-bottom.png) no-repeat 0 0;}