/* EMOTIONS
	------------------------ */
.emotion-listing { position: relative }
.emotion-element { position: absolute }
.emotion-inner-element {margin: 0 10px 10px 0;}

.emotion-element:first-child .inner { background:#fbf0cf; }
.emotion-element:first-child .inner .text { margin:0px; }
 
/** HTML ELEMENT */
.html-text-inner-element a { padding-right:8px; background:url(../images/pfeil_r.png) no-repeat right; }
.html-text-inner-element {border: 0; height: 100%; /*background:#fbf0cf;*/}
.html-text-inner-element .inner {height: 100%; width: 100% !important;}
.html-text-inner-element .headline {padding: 0;}
.html-text-inner-element .text {padding:10px 0 0 0;}
.emotion-inner-element .headline { padding:3px 7px 4px; margin-bottom:15px; border-top:1px solid #990000; color: #000; font-weight: bold; font-size: 12px; background:#fdf7e8;}
.emotion-inner-element .text { line-height:19px;}
#content .emotion-inner-element .ajaxSlider h2 { height:auto; padding:3px 7px 4px; margin-bottom:15px; border-top:1px solid #ca1f26; color: #000; font-weight: bold; font-size: 12px; background:#fcf2d9;}

/** BANNER ELEMENT **/
.banner-element {overflow: hidden;}
 
/** ARTICLE */
.emotion-inner-element .artbox {
    margin: 0;
    float: none;
    height: 100%;
    width: 100%;
    border: 0 none;
    border: 1px solid #dfdfdf;

    /** Includes the border into the width and doesn't add them to the width of the element **/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.emotion-inner-element .artbox * {float: none !important;}
 
 
/** ARTICLEBOX **/
.article-element .artbox .inner {width: 87% !important;height: 100% !important;}
.article-element .artbox p.desc {font-size: 12px; line-height: 16px;}
.article-element .artbox .inner .actions {bottom: 10px;left: auto; right: 10px; width: 20px;}
.article-element .artbox .inner .actions:hover {width: 80px; right: 20px;}
.article-element .artbox .inner .actions .more {width: 80px; text-indent: -9999em; width: 10px; margin: 0;}
.article-element .artbox .inner .actions .more:hover {text-indent: inherit; width: 80px; text-decoration: none;}
 
.article-element .artbox .inner .artbox_thumb {margin: 15px 0; height: 140px;}
 
.article-element .artbox .inner .title {font-size: 16px; margin: 0 0 10px;}
.article-element .artbox .inner span.price {font-size: 16px;}
 
.article-element .artbox p.price, 
.article-element .artbox p.pseudoprice {bottom: 2px;left: 16px; position: absolute;}
 
.article-element .artbox p.pseudoprice span.pseudo {font-size: 10px;}
.article-element .artbox p.pseudoprice span.price {font-size: 14px;}
 
.emotion-element .artbox .article_price_unit_pseudo,
.emotion-element .artbox .article_price_unit {position: absolute;top: 295px;}
 
 
/** EMOTION LISTING 4 COL **/
/* COL 2 */
.emotion-col4 .col2 .artbox .inner .artbox_thumb {height: 255px; margin: 0 0 15px;}
.emotion-col4 .col2 .artbox .article_price_unit_pseudo,
.emotion-col4 .col2 .artbox .article_price_unit {position: absolute;top: 300px;}
 
/* COL 3 */
.emotion-col4 .col3 .artbox .inner .artbox_thumb {height: 298px; width: 285px;}
.emotion-col4 .col3 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 240px;}
.emotion-col4 .col3 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 240px;}
.emotion-col4 .col3 .artbox .article_price_unit_pseudo,
.emotion-col4 .col3 .artbox .article_price_unit,
.emotion-col4 .col3 .artbox p.price, 
.emotion-col4 .col3 .artbox p.pseudoprice {left: 320px;}
.emotion-col4 .col3 .artbox .article_price_unit_pseudo,
.emotion-col4 .col3 .artbox .article_price_unit {position: absolute;top: 270px; left: 320px;}
 
/* COL 4 */
.emotion-col4 .col4 .artbox .inner .artbox_thumb {height: 298px; width: 285px;}
.emotion-col4 .col4 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 440px;}
.emotion-col4 .col4 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 440px;}
.emotion-col4 .col4 .artbox .article_price_unit_pseudo,
.emotion-col4 .col4 .artbox .article_price_unit,
.emotion-col4 .col4 .artbox p.price, 
.emotion-col4 .col4 .artbox p.pseudoprice {left: 320px;}
.emotion-col4 .col4 .artbox .article_price_unit_pseudo,
.emotion-col4 .col4 .artbox .article_price_unit {position: absolute;top: 270px; left: 320px;}
 
/** EMOTION LISTING 3 COL **/
/* COL 3 */
.emotion-col3 .col3 .artbox .inner .artbox_thumb {height: 298px; width: 285px;}
.emotion-col3 .col3 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 440px;}
.emotion-col3 .col3 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 440px;}
.emotion-col3 .col3 .artbox .article_price_unit_pseudo,
.emotion-col3 .col3 .artbox .article_price_unit,
.emotion-col3 .col3 .artbox p.price, 
.emotion-col3 .col3 .artbox p.pseudoprice {left: 320px;}
 
/* COL 2 */
.emotion-col3 .col2 .artbox .inner .artbox_thumb {height: 298px; width: 285px;}
.emotion-col3 .col2 .artbox .inner .title {position: absolute; top: 40px; left: 320px; width: 215px;}
.emotion-col3 .col2 .artbox .inner .desc {position: absolute; top: 75px; left: 320px; width: 215px;}
.emotion-col3 .col2 .artbox .article_price_unit_pseudo,
.emotion-col3 .col2 .artbox .article_price_unit,
.emotion-col3 .col2 .artbox p.price, 
.emotion-col3 .col2 .artbox p.pseudoprice {left: 320px;}
 
/** ARTICLEBOX INDEX **/
.ctl_index .article-element .artbox .inner {width: 88% !important;}
.ctl_index .col2 .article-element .artbox .inner {width: 94% !important;}
.ctl_index .col3 .article-element .artbox .inner {width: 96% !important;}
.ctl_index .col4 .article-element .artbox .inner {width: 97% !important;}
 
/* COL 3 */
.ctl_index .emotion-col4 .col3 .artbox .inner .title,
.ctl_index .emotion-col4 .col3 .artbox .inner .desc {left: 340px; width: 370px;}
.ctl_index .emotion-col4 .col3 .artbox p.price, 
.ctl_index .emotion-col4 .col3 .artbox p.pseudoprice,
.ctl_index .emotion-col4 .col3 .artbox .article_price_unit_pseudo,
.ctl_index .emotion-col4 .col3 .artbox .article_price_unit {left: 340px;}
 
/* COL 4 */
.ctl_index .emotion-col4 .col4 .artbox .inner .title,
.ctl_index .emotion-col4 .col4 .artbox .inner .desc {left: 340px; width: 620px;}
.ctl_index .emotion-col4 .col4 .artbox p.price, 
.ctl_index .emotion-col4 .col4 .artbox p.pseudoprice,
.ctl_index .emotion-col4 .col4 .artbox .article_price_unit_pseudo,
.ctl_index .emotion-col4 .col4 .artbox .article_price_unit {left: 340px;}
 
/* COL 3 */
.ctl_index .emotion-col3 .col3 .artbox .inner .title,
.ctl_index .emotion-col3 .col3 .artbox .inner .desc {width: 636px;}
 
/* COL 2 */
.ctl_index .emotion-col3 .col2 .artbox .inner .title,
.ctl_index .emotion-col3 .col2 .artbox .inner .desc {width: 310px;}
 
 
/* category teaser */
.emotion-listing .teaser_box {
	border:0;
	height: 99%;
	position: relative;
}
.emotion-listing .teaser_box .teaser_img {
	height: 100%;
}
.emotion-listing .teaser_box .teaser_headline {
	height: 25px;
	margin: 0;
	width: 100%;
	top: 0;
}
.emotion-listing .teaser_box .teaser_headline h3 {
  border-top:1px solid #990000;
	color: #990000;
	line-height: 25px;
	padding-left: 10px;
  background:#fbdbbd;
  font-weight:bold;
}
 
/* blog articles */
.emotion-listing .blog-outer-container {
	border: 1px solid #dfdfdf;
	overflow: hidden;
	height: 100%;
}
.emotion-listing .blog-inner-container {overflow: hidden;}
 
.emotion-listing .blog-outer-container .blog-entry {float: left;}
.emotion-listing .blog-outer-container .blog-entry-inner {padding: 10px;}
 
.emotion-listing .blog-outer-container .blog-entry-inner .blog_img {
	background: #f5f5f5;
	height: 70px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	text-align: center;
	line-height: 70px;
}
.emotion-listing .blog-outer-container .blog-entry-inner .blog_img a {height: 70px; width: 100%; display: block;}
.emotion-listing .blog-outer-container .blog-entry-inner h2 {
	font-size: 12px; margin: 0 0 5px 0; padding: 0;
	font-weight: bold; color: #000;
}
.emotion-listing .blog-outer-container .blog-entry-inner p {
	color:#777;
	margin: 0;
	font-size: 11px;
}