@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 * 
 */
 
/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(screen/nav_slidingdoor.css);
@import url(screen/basemod.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_draft.css);

@media screen {
.mod_catalogfilter {margin-bottom: 20px;}
.mod_cataloglist .pagination ul {display:block; list-style: none; text-align: center;}
.mod_cataloglist .pagination ul li {display: inline;}
.mod_cataloglist .pagination p {display: none;}
.mod_cataloglist .total {display: none;}

.ce_comments #ctrl_website, .ce_comments #ctrl_name, .ce_comments #ctrl_email {display:none;}
.ce_comments label, .ce_comments .mandatory {display:none;}
.ce_comments textarea {margin: 10px;}

.sportsTable form table * {text-align: right;}
.sportsTable table * {text-align: left; vertical-align: middle;}
div.sportsTable div.rc table th {background: url("screen/images/teaser/Ticker-verl-mitte.png") repeat-x scroll left top transparent !important; }
.sportsTable div.ro .lu {padding:2px;}
.sportsTable div.ro h3 {padding: 8px; color: #CC0000;}
.sportsTable div.rc {margin-bottom: 15px;}
.sportsTable table .live {color: #CC0000;}
.sportsTable table.statisticTable td, .sportsTable table.statisticTable th {text-align: center;}
.sportsTable table td.team_cell {text-align: left;}
.sportsTable .last td {border: none;}

h1.coming_soon_h1 {color: black; text-align: center; text-indent: 0; font-size: 350%; font-weight: bolder; margin:2em 0 3em 0;}

.rc li {list-style:none;}

#swf_header {position: absolute; top:0; left:0; width: 980px; height: 112px; z-index: 10;}
/*just fo the test*/
.arrow {font-size: 12px; line-height: 103px; vertical-align: middle; text-align: center; height:103px; width: 31px; text-indent: -3000px; margin-top: 14px;cursor: pointer;}
.forward {float:right; position:absolute; right: 0; background:transparent url(screen/images/Pfeil-rechts-slide.png) no-repeat 0 0;}
.back {float:left; position:absolute; left:0; background:transparent url(screen/images/Pfeil-links-slide.png) no-repeat 0 0;}
.arrow:hover {background-position: 0 0;}
.arrow .next_text {display:none;}
.inactive {background-image: none !important; cursor: default;}
.forward .next_text {background:transparent url(screen/images/Pfeil-rechts-slide.png) no-repeat 0 -102px;}
.back .next_text {background:transparent url(screen/images/Pfeil-links-slide.png) no-repeat 0 -102px;}

.inactive .next_text {display: block !important;}
.galery .arrow {margin-top: -10px;}
.galery .nextLink {height: 75px; width: 101px; background:transparent url(../images/GalerieNextDe.jpg) top left no-repeat; display: block; }
.galery .nextLink:hover {background-image: url(../images/GalerieNextDeOrange.jpg);}
.galery .backLink {height: 75px; width: 101px; background:transparent url(../images/GalerieBackDe.jpg) top left no-repeat; display: block; }
.galery .backLink:hover {background-image: url(../images/GalerieBackDeOrange.jpg);}

.upArrow {text-indent: -3000px; display: block;margin-left: auto; margin-right: auto; background: transparent url(screen/images/Pfeil-oben-slide.png) no-repeat -102px top; width: 103px; height: 31px;}
.downArrow {text-indent: -3000px; display: block;margin-left: auto; margin-right: auto; background: transparent url(screen/images/Pfeil-unten-slide.png) no-repeat top left; width: 103px; height: 31px;}
.downArrow:hover {background-position: -102px 0;}
.upArrow:hover {background-position: 0 0;}

h1.head {margin-top: 20px; width: 115px;display:block; background: transparent url(screen/images/sliding_door/content/Reiter-links-rot.png) no-repeat top left; font-size: 100%; color:white;}
h1.head span {width: 115px; padding-left: 16px; padding-top: 4px; padding-bottom: 4px; line-height: 18px; font-weight: bolder; display: block; background: transparent url(screen/images/sliding_door/content/Reiter-end-rot.png) no-repeat top right;}

.featureMenu {position: relative; float:left;}
.featureMenu li {float: left; position:relative;}

.featureListContainer {
	overflow-x: scroll;
	overflow-y: hidden;
	height: 240px;
	width:100%;
	position:relative;
}
.featureListContainer .arrow {
	color:black;
}
.featureListContainer .arrow:hover {
	color:yellow;
}
ul.featureList {
				list-style: none; 
				list-style-position: inside; 
				margin:0; 
				height: 200px; 
				width: 31999px;
}
ul.featureList li {
	background-color: transparent;
	list-style: none;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0;
}
ul.featureList li a.container {
				background: transparent url(screen/images/Slide-Schatten.png) no-repeat 100px 0;
				display:block;
				position:relative;
				margin-left:14px; margin-top: 14px; margin-bottom: 29px; margin-right: 15px;
}
ul.featureList li a.container:hover {
				background-position: -9px -29px;
				padding-right:10px; padding-bottom: 15px;
				margin-right: 5px; margin-bottom: 14px;
				border-bottom: none; border-right: none;
				text-decoration:none;
}
ul.featureList li a.container span.borderContainer {
				display:block;
				width: 155px; 
				height: 186px;
				padding:0;
				background: white url(screen/images/Slide.png) no-repeat bottom left; 
				border-top:none;
				position: relative;
				/*padding-left: 4px; padding-right: 4px;*/

}
ul.featureList li ul.articleProperties {position: absolute; bottom: 102px; height: auto; padding-left: 19px; z-index:20; font-size: 0.5em;}
ul.featureList li a.container:hover ul.articleProperties {bottom: 95px;}
ul.featureList li ul.articleProperties li {display:inline; float: none;}
ul.featureList li img {display: block; background-color:white; width: 155px; height: 116px;}
ul.featureList li h2 {color: #999999; margin-left: auto; margin-right: auto; font-size: 1.1em; padding-left: 5px; padding-right: 5px; padding-top:2px; line-height: 1.2em;}
ul.featureList li p {color: black; margin-bottom: 0; font-weight: bold; padding-left: 5px; padding-right: 5px; font-size: 10px; line-height: 1.1em;}
ul.featureList li a.readMore {margin-right: 1em;}
ul.featureList li a.container:hover a.readMore {text-decoration:underline !important;}
ul.featureList li * {z-index: 2;}
ul.featureList .readMore {display:block; text-align:right; z-index: 1; padding-right: 6px; position: absolute; bottom: 1px; right: 4px;}

.line {
	text-indent: -3000px;
	height: 1px;
	border-bottom: 1px solid #CCCDCF;
	clear:both;
	margin-top:10px;
	
}
.c33l {height: 200px;}
.listArticle {padding-left: 260px; padding-right: 10px;height: 180px !important;overflow:hidden;margin-bottom: 1em; position:relative; background: white url(screen/images/border/Fenster-rechte-ecke.png) no-repeat top right;}
.listArticle h3 {padding-top: 10px;}
.listArticle img {height: 180px; width: 254px; background-color:white; position: absolute; left: 0; top: 0; margin-right: 1em; z-index:3;}
.listArticle .readMore {
	display:inline;
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	width: 110%; 
	height: 19px; 
	background: white url(screen/images/border/rechte-ecke-lang.png) no-repeat bottom right; 
	margin: 0; 
	padding-right: 3%; 
	z-index: 1;
	text-align:right;  
	float:none;
	clear: none;
}
.listArticle form {
	display:inline;
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
	width: 110%; 
	height: auto; 
	background: transparent url(screen/images/border/rechte-ecke-lang.png) no-repeat bottom right; 
	margin: 0; 
	padding-right: 3%; 
	padding-bottom: 6px;
	z-index: 1;
	text-align:right;  
	float:none;
	clear: none;
}

.listArticle .articleProperties {left: 6px; bottom: 10px;}

.mainArticle {background:white url(screen/images/mainFeatureBorder/Header-rechts-lang.png) no-repeat top right; position:relative; padding-right: 10px; overflow:hidden; height: 300px;}
.mainArticle h3 {padding-top: 15px;}
.mainArticle img {float: left; background-color: white; height: 300px; width: 500px;}
.mainArticle .relativeContainer {display:inline;position:relative; float:left; z-index:3; margin-right: 15px;}
.mainArticle .relativeContainer p {position:absolute; width: 476px; height: 1.6em; left:4px; bottom:0; background: transparent url(screen/images/grau-transp70.png) repeat top left !important; background-color:black; color:white;  margin: 0; font-size: 1.2em; padding-left: 10px; padding-right:10px;}
.mainArticle .bottomCorner {position:absolute; bottom: 0; right: 0;z-index:2; width: 497px; height: 19px; background: white url(screen/images/header_bottom_right.png) no-repeat bottom right; }
.mainArticle .articleProperties {bottom: 28px; left: 6px;}
.mainArticle .featureLink {bottom:3px; display:block; height:19px; position:absolute; right:10px; width:50px;}

ul.articleProperties {position: absolute;  z-index: 4; margin: 0; left:0; bottom: 0; width: 31px;}
ul.articleProperties li {display: inline; margin:0; width: 30px;}
ul.articleProperties li a, ul.articleProperties li strong {display: block; overflow:hidden; margin:0.5em 0 0 0;width: 30px; height:29px; text-indent: -31999px;}

ul.articleProperties li a {}
.hasGalery a {background: transparent url(screen/images/Button_30/foto.png) no-repeat top left;}
.hasGalery a:hover, .hasGalery strong {background-position: 0 -29px;}
.hasVideo a {background: transparent url(screen/images/Button_30/film.png) no-repeat top left;}
.hasVideo a:hover , .hasVideo a strong {background-position: 0 -29px;}
.hasAudio a {background: transparent url(screen/images/Button_30/music.png) no-repeat top left;}
.hasAudio a:hover , .hasAudio a strong {background-position: 0 -29px;}
.hasMoreText a {background: transparent url(screen/images/Button_30/read.png) no-repeat top left;}
.hasMoreText a:hover , .hasMoreText strong {background-position: 0 -29px;}

ul.articlePropertiesBig {position: absolute; background: transparent url(screen/images/Hintergrund.png) repeat top left;  z-index: 4; margin: 0; left:0; bottom: 0;}
ul.articlePropertiesBig li {display: inline; margin:0;}
ul.articlePropertiesBig li a, ul.articlePropertiesBig li strong {display: block; overflow:hidden; margin:0 0 0 0;width: 50px; height:48px; text-indent: -31999px;}

.hasGaleryBig a, .hasGaleryBig strong {background: transparent url(screen/images/Button_50/foto.png) no-repeat top left;}
.hasGaleryBig a:hover, .hasGaleryBig strong {background-position: 0 -48px;}
.hasVideoBig a, .hasVideoBig strong {background: transparent url(screen/images/Button_50/film.png) no-repeat top left;}
.hasVideoBig a:hover , .hasVideoBig strong {background-position: 0 -48px;}
.hasAudioBig a, .hasAudioBig strong {background: transparent url(screen/images/Button_50/music.png) no-repeat top left;}
.hasAudioBig a:hover , .hasAudioBig strong {background-position: 0 -48px;}
.hasMoreTextBig a, .hasMoreTextBig strong {background: transparent url(screen/images/Button_50/read.png) no-repeat top left;}
.hasMoreTextBig a:hover , .hasMoreTextBig strong {background-position: 0 -48px;}
.printButtonBig a, .printButtonBig strong {background: transparent url(screen/images/Button_50/printer.png) no-repeat top left;}
.printButtonBig a:hover , .printButtonBig strong {background-position: 0 -48px;}
.hasLiveVideoBig a, .hasLiveVideoBig strong {background: transparent url(screen/images/Button_50/tv.png) no-repeat top left;}
.hasLiveVideoBig a:hover , .hasLiveVideoBig strong {background-position: 0 -48px;}
.hasLiveAudioBig a, .hasLiveAudioBig strong {background: transparent url(screen/images/Button_50/radio.png) no-repeat top left;}
.hasLiveAudioBig a:hover , .hasLiveAudioBig strong {background-position: 0 -48px;}
.hasTafBig a, .hasTafBig strong {background: transparent url(screen/images/Button_50/friend.png) no-repeat top left;}
.hasTafBig a:hover , .hasTafBig strong, .hasTafBig.selected a {background-position: 0 -48px;}
.hasBackBig a, .hasBackBig strong {background: transparent url(screen/images/Button_50/back.png) no-repeat top left;}
.hasBackBig a:hover , .hasBackBig strong {background-position: 0 -48px;}

a.readMore {display:block; }

.featureLink {color: #FF5300 !important;}
.featureLink:hover {color: #CCCCCC!important;}
.featureLink a {color: #FF5300 !important;}
.featureLink a:hover {color: #CCCCCC!important;}
.cartlink a {color: #FF5300 !important; font-weight: bolder; background-color: transparent;}
.cartlink a:hover {color: #CCCCCC!important;}

.galery_main .caption {position: relative;left: 2px; top: -1.6em; height: 1.6em; width: 778px; background: transparent url(screen/images/grau-transp70.png) repeat top left; color: white; font-size: 1.2em; padding-left: 10px; padding-right: 10px; margin-bottom: -1.6em; line-height:1.6em;}
.galery_slider li {height: 77px; width: 113px !important; margin:5px !important; height:auto !important;}
.galery_slider li img {height: 77px !important; width: 103px !important;}
.galery_counter {text-align:center; margin-top: 20px; margin-bottom: 20px;}
.galery_image_counter {text-align: center;}

.galery_slider  .active * {color: #FF5300;}

.articlePropertyContainer {position:relative;}
.articlePropertyContainer ul.articlePropertiesBig {width: 220px;position: absolute;  z-index: 30; margin: 0; right:0; bottom: 0; left:auto;}
.articlePropertyContainer ul.articlePropertiesBig li {display: inline; margin:0;}
.articlePropertyContainer ul.articlePropertiesBig li a, .articlePropertyContainer ul.articlePropertiesBig li strong {display: block; overflow:hidden; margin:0 0 0 0;width: 50px; height:48px; text-indent: -31999px; float:right; margin-left: 5px;}


.inlinelist {display:inline;}
.inlinelist * {display:inline;}

.articleHead {position: relative; height:50px !important; margin-bottom: 10px;}
.articleHead .articlePropertiesBig {position: absolute; top:0; width: auto; float:left; z-index: 20; }
.articleHead .articlePropertiesBig li  {display: block; float: left; margin-right: 10px;}

.articleHead .lineWithMeta {text-align:right; border-bottom: 1px solid gray; color:gray; font-size: 1em;
				position: absolute; right: 0;bottom:0; width: 100%; z-index: 10;}
.articleHead .lineWithMeta * {margin-right: 15px;}

.article {background: white url(screen/images/border/Fenster-rechte-ecke.png) no-repeat top right;}
.article table {background: none !important;}
.article .c50l {background: transparent url(screen/images/border/Fenster-linke-ecke.png) no-repeat top left;}
.article .c50l .subcl {padding-right: 20px; padding-left: 10px; padding-top: 10px; }
.article .c50r .subcr {padding-left: 20px; padding-right: 10px; padding-top: 10px;}
.article .subImage {display: block; margin-left: auto; margin-right: auto; margin-top: 20px;}
.article .caption {background:url("screen/images/grau-transp70.png") repeat scroll left top transparent !important;bottom:0;color:white;font-size:1.2em;height:1.6em;margin:0 auto;padding-left:10px;padding-right:10px;position:relative;top:-1.6em;width:310px;}
.article .mainImage {margin-left: -11px; margin-top:-10px;}
.subcolumns .c50l .teaser {/*text-align: left; padding: 0;*/}
.article * {/*font-size: 1em !important;*/}
.articleFooter {width: 100%; height:20px; margin:0; padding:0; background: white url(screen/images/border/rechte-ecke-lang.png) no-repeat bottom right; }
.articleFooter div {height: 20px; width: 20px;float:left; background: white url(screen/images/border/linke-ecke-klein.png) no-repeat bottom left;}

.leftBorder {padding-left: 20px; background: transparent url(screen/images/border/Fenster-linke-ecke.png) no-repeat top left;}
.article .videoContainer {margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; text-align: center;}
.article .videoContainer * {margin:auto;}
.article .teaser {text-align: left; display: block; padding-left: 20px; padding-right: 0;}
.article h3 {padding: 10px 0 0 0;}

ul.pageList {list-style: none; text-align: center; margin-left: 0; margin-right: 0;}
ul.pageList li {display: inline; left; list-style-position: inside; list-style: none; color: #FF5300;}
ul.pageList li a {color: black;}

.sideHead {float:right;height:24px;width:149px;background: transparent url(screen/images/werbung-oben.png) no-repeat top right;margin-bottom: -24px; position: relative; z-index: 10;}
.sidetop {/*background-image: none !important; padding-top: 2px !important;*/}
.weatherW, .poll, .mod_Banner, .minicart {background: white url(screen/images/werbung-mitte-unten.png) no-repeat center top; padding-top: 26px; border-left: 1px solid #CCCDCF; border-right: 1px solid #CCCDCF; border-top:none; border-bottom: none; padding-bottom: 10px; padding-left: 2px; padding-right: 2px; width: 143px; float: right;}
.poll *, .mod *, .weatherW * {background: transparent; margin-left: auto; margin-right: auto;}
.mod_Banner {overflow: hidden; padding:0; padding-top: 24px; width: 147px; }
.weatherW {padding-top:35px !important; padding-bottom:35px !important;}

.poll .widget span, .poll bdo {display:block;}
.poll .radioSubstitute {width: 20px; height: 20px; display:block; background: transparent url(../images/voting/voting-sprite.png) no-repeat top left; position: absolute; left: 0px;top:50%;margin-top:-10px;}
.poll img {width:30px; height:30px; } 
.poll .radioSubstitute:hover {background-position: 0 -20px; text-decoration: none; cursor: pointer;}
.poll .color1, .poll .color2, .poll .color3, .poll .color4, .poll .color5, .poll .color6, .poll .color7, .poll .color8, .poll .color9, .poll .color10 {background-color: #CC0000; margin-left: 0; color: #FFFFFF; padding: 1px; min-width: auto; float: left; height: 12px;}
.poll .results {text-align:right;}
.poll {margin-left:auto; margin-right: auto;}
.poll .title {font-weight: bold;}
.poll .description {}
.poll span {display: block;}
.poll .submit_container input {}
.poll .totaltext, .poll .stoptext {display: none;}
 
.comment_default {background: white url(screen/images/border/Fenster-rechte-ecke.png) no-repeat top right; margin-bottom: 0;}
.comment_default p {background: transparent;}
.comment_default .comment {padding-left: 0; padding-right: 10px; padding-bottom: 10px;}

.ce_comments .form {padding-top: 20px; padding-bottom: 20px; }
.ce_comments .articleFooter {margin-bottom: 20px;}

.js_galeryImage {margin-top: 10px;}

.formbody table {}
.formbody tbody {background: transparent url(screen/images/border/Fenster-linke-ecke.png) no-repeat scroll left top;}
.formbody table td {padding-left: 9px;}
.formbody legend {padding-top: 10px; margin-bottom: 5px; font-weight: bolder; font-size: 14px;}
.formbody .submit_container {text-align: center; border: none; margin: 10px;}


div.mod_search .article {text-align:center; padding-top: 20px;}
div.mod_search input {width: 250px; display: block; margin-left: auto; margin-right: auto;}
div.mod_search input.submit {width: auto;}


.search_results {background-color: white; border: 1px solid #CCCDCF; margin-top: 30px; padding: 10px 20px;}

.search_results .even, .search_results .odd {border-bottom: 1px solid #CCCDCF; padding-top: 10px;}
.search_results .last {border: none !important;}

.media {height: 360px;}
.media .relativeContainer {height:360px;width: 540px; background: black url(../images/videoBackground.png) no-repeat top left; padding-top: 10px; text-align: center; display: table-cell; vertical-align: middle;}
.media .relativeContainer p, .media .relativeContainer div {display:none;}

.media .relativeContainer a {display:block; text-align: center;}

div.rc table,
div.rc table tbody,
div.rc table tr,
div.rc table td,
div.rc table th {background: transparent !important; background-image: none !important;}
div.ro {background: white url(screen/images/border/Fenster-rechte-ecke.png) no-repeat top right;}
div.ro .lo {background: transparent url(screen/images/border/Fenster-linke-ecke.png) no-repeat top left;}
div.ro .ru {background: transparent url(screen/images/border/rechte-ecke-lang.png) no-repeat bottom right;}
div.ro .lu {background: transparent url(screen/images/border/linke-ecke-klein.png) no-repeat bottom left; padding: 10px;}

.disallowOrder {font-weight: bolder; color: red;}

div.rc img.mainImage {float:left; margin-left: -10px; margin-top: -10px;}

.mod_sitemap a {color: #FF5300;}
.mod_sitemap a:hover {color: #CCCCCC;}


.shop_list .minprice, .shop_list .price {color: #CC0000; font-size: 1.1em; font-weight: bold; padding-bottom: 0.1em;}
.shop_list a:hover h2, .shop_list a:hover div {color: #FF5300 !important;}

.mod_catalogreader .priceview {color:#CC0000;font-size:200%;font-weight:bolder; margin: 0.8em 0; text-align: left; direction: ltr;}
.mod_catalogreader input, .mod_catalogreader  select {width: 48%;}
.mod_catalogreader input.submit {width: auto;}
.mod_catalogreader select {margin-top: 10px;}
.mod_catalogreader .tax {margin-top: 0; text-align: left; width: 45%;padding-left: 1em;} 
.mod_catalogreader .productid {margin-top: 1.8em; text-align: left; padding-left: 1em; width: 45%;}



.mod_catalogreader ul.imagelist {list-style: none}
.mod_catalogreader ul.imagelist li {float: left; list-style: none; padding-left: 4px; padding-right: 4px; margin-top: 0.8em;}


.order input, .order select, .mod_chshop_terms input, .mod_chshop_revocation input {margin-top: 5px;}

.cartlink {font-size: 150%;}
}

@media print {
	body {width: 100%; font-size:12pt;}
	#col1 {width: 100%} 

	.mod_catalogreader form, .mod_catalogreader .imagelist, .articleHead h1 {display: none;}
	.mod_catalogreader img {margin: 1em !important; display:block;}
	.mod_catalogreader .mainImage {margin-top: 60pt !important;}
	.line, .arrow,.galery_counter, #teaser, #col3, .articleProperties , .articlePropertiesBig {display:none;}
	img {display: block; margin-left: auto; margin-right:auto; min-width:auto; max-width: 100%; width: auto; height: auto; min-height:auto; max-height: 100%;}
	.featureList {display:none;}
	#footer {display:none;}
	.hlist {display:none;}
	.no_print {display:none;}
	.sportsTable {text-align: left !important; }
	.sportsTable h3 {color: #CC0000; padding-bottom: 8px; text-align: right;}
}