/* @override 
	http://localhost/maygruppe.de/www/css/basic.css
	http://192.168.2.2/maygruppe.de/stage/tl_files/maygruppe/system/css/basic.css
	http://stage.maygruppe.de/tl_files/maygruppe/system/css/basic.css
	http://www.maygruppe.de/tl_files/maygruppe/system/css/basic.css
	http://www.mit.maygruppe.de/tl_files/maygruppe/system/css/basic.css
	http://192.168.2.2/maygruppe.de/www/tl_files/maygruppe/system/css/basic.css
	http://www.update.maygruppe.de/tl_files/maygruppe/system/css/basic.css
*/

/* @group Reset CSS */

/* Reset Styesheet by http://meyerweb.com/eric/tools/css/reset/*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Fixes, Hacks */

.clearfloat {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* @end */

/* @group Layout */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: inherit;
}

body {
	background: #000;
	font: 11px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #d6d6d6;
}

#container {
	margin: 0 auto;
	width: 100%;
	min-width: 930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
}

#content,
#sidebar,
#sidebar-right {
	padding-bottom: 80px;
	position: relative;
	z-index: 49;
}

/* @end */

/* @group Sidebar Left */

/* @group Navi */

#navi #navi-1,
#navi #navi-2,
#navi #navi-3,
#navi #navi-4 {
	width: 99px;
	height: 99px;
	float: left;
	border: 1px solid #9fa0a0;
	position: relative;
	z-index: 30;
}

#navi #navi-1 {
	border-left: none;
	border-top: none;
	text-align: right;
}

#navi #navi-2 {
	margin-left: -1px;
	width: 101px;
	margin-right: -1px;
	border-right: none;
	border-top: none;
}

#navi #navi-3 {
	margin-top: -1px;
	border-left: none;
	border-bottom: none;
	text-align: right;
}

#navi #navi-4 {
	margin-top: -1px;
	width: 101px;
	margin-right: -1px;
	margin-left: -1px;
	border-right: none;
	border-bottom: none;
}

#navi #navi-1 ul,
#navi #navi-2 ul,
#navi #navi-3 ul,
#navi #navi-4 ul {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	z-index: 10;
}

#navi #navi-1 ul,
#navi #navi-3 ul {
	padding-right: 8px;
}

#navi #navi-2 ul,
#navi #navi-4 ul {
	padding-left: 8px;
}

#navi #navi-1 ul,
#navi #navi-2 ul {
	top: auto;
}

#navi ul.isActive {
	background-color: #333;
}

#navi a,
#navi li.active {
	font-size: 10px;
	text-transform: uppercase;
	color: #dadada;
	text-decoration: none;
	display: block;
}

#navi li.active {
	color: #fff;
}

#navi a:hover {
	color: #121313;
}


/* @end */

#sidebar {
	padding-left: 12px;
}

#sidebar .sidebar-bg,
#sidebar-right .sidebar-bg {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 1px;
	top: 0;
	z-index: 3;
	opacity: 0.2;
	filter:alpha(opacity=20);
}

body.template-hell #sidebar .sidebar-bg,
body.template-hell #sidebar-right .sidebar-bg {
	opacity: 0.6;
	filter:alpha(opacity=60);
	background: #000;
}

#sidebar #news-index .sidebar-bg {
	opacity: 0.4;
	filter:alpha(opacity=40);
	background: #aeaeae;
}

#sidebar .sidebar-bg-nav.isActive {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0.15;
	filter:alpha(opacity=15);
}


#sidebar-right .sidebar-bg {
	background-color: #000;
	opacity: 0.6;
	filter:alpha(opacity=60);
	left: 0;
}

#sidebar #signet,
#sidebar #navi,
#sidebar .mod_article .teaser,
#sidebar .mod_article .news-block {
	border-left: 4px solid #fff;
	padding-left: 1px;
	width: 200px;
	position: relative;
	margin-bottom: 14px;
}

#sidebar .teaser.last,
#sidebar #news-index .news-block.last {
	margin-bottom: 0;
}

#sidebar .mod_article {
	width: 195px;
	padding: 0 5px;
}

#sidebar #teaser-onlineshop.mod_article,
#sidebar #teaser-aus-unserer-werbung.mod_article,
#sidebar #fashion-news-startseite.mod_article,
#sidebar #fashion-news.mod_article {
	width: auto;
	padding: 0;
}


/* @group News */

#sidebar #news-index .news-block {
	margin-bottom: 1px;
}

#sidebar .teaser .inner-teaser,
#sidebar #news-index .inner-news {
	position: relative;
	z-index: 30;
	margin-right: -1px;
}

#sidebar .teaser .inner-teaser:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#sidebar .teaser .inner-teaser {
	display: inline-block;
}

html[xmlns] #sidebar .teaser .inner-teaser {
	display: block;
}

* html #sidebar .teaser .inner-teaser {
	height: 1%;
}

#news-index.mod_newslist h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 7px 10px 3px;
	cursor: pointer;
}

#news-index.mod_newslist .toggler-hover:hover h2 {
	color: #fff;
}

#news-index.mod_newslist .toggler-hover.active:hover h2 {
	color: #000;
}

#news-index.mod_newslist .toggler-hover.active-not {
	background: url(../images/layout/news-accordion.png) no-repeat right -1px;
}

#news-index.mod_newslist p {
	margin: 0;
	padding: 0;
}
#news-index.mod_newslist p {
	padding: 0 10px 7px;
}

#news-index.mod_newslist p a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	display: block;
}

#news-index.mod_newslist p a:hover {
	color: #000;
}

#entry-left h2.news-headline {
	margin-bottom: 3px;
}

#entry-left p.info {
	color: #949494;
	border-top: 1px solid #444;
	margin: 12px 0 3px;
}

#newsarchiv h3,
#pressestimmen h3,
#events h3 {
	margin: 0;
}

/* @end */

/* @group Shop */

#sidebar .teaser.may-shop img {
	float: left;
}

#sidebar .teaser.may-shop h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 10px 5px 13px 7px;
	float: left;
	width: 80px;
}

#sidebar .teaser.may-shop a.button-shop,
#sidebar .teaser.may-shop a.button-aus-unserer-werbung {
	font-size: 12px;
	font-weight: normal;
	margin-left: 7px;
	float: left;
	width: 84px;
	height: 22px;
	display: inline;
	background: url(../images/layout/button-zum-shop.gif) no-repeat 0 0;
}

#sidebar .teaser.may-shop a.button-shop:hover,
#sidebar .teaser.may-shop a.button-aus-unserer-werbung:hover {
	background-position: 0 -58px;
}

#sidebar .teaser.may-shop a.button-aus-unserer-werbung {
	background-image: url(../images/layout/button-mehr.gif);
}

#sidebar .teaser.may-shop a.pfeil-rechts-shop {
	background: url(../images/layout/pfeil-rechts-shop.png) no-repeat -1px;
	width: 14px;
	height: 89px;
	float: left;
	position: absolute;
	right: -15px;
	top: 0;
}

#sidebar .teaser.may-shop a.pfeil-rechts-shop:hover {
	opacity: 0.8;
}


#sidebar .teaser.may-shop a span {
	text-indent: -2000em;
	display: block;
}

/* @end */



#signet h1 {
	position: relative;
	z-index: 4;
}

#signet a {
	border: none;
	text-decoration: none;
	padding: 30px 29px 30px 50px;
	display: block;
}

#signet h1 a span {
	text-indent: -3000em;
	position: absolute;
}

#claim {
	position: absolute;
	top: 50px;
	left: 300px;
}



/* @end */

/* @group Sidebar Right */

#sidebar-right {
	position: absolute;
	right: 0;
	top: 0;
	width: 154px;
	z-index: 60;
}

#sidebar-right #metanavigation,
#sidebar-right #newsletter {
	margin-bottom: 14px;
	position: relative;
}

#sidebar-right #metanavigation {
	padding: 20px 0;
}

#sidebar-right #metanavigation ul {
	float: left;
	width: 100%;
	display: inline;
	position: relative;
	z-index: 4;
}

#sidebar-right #metanavigation ul li {
	float: left;
	width: 100%;
}

#sidebar-right #metanavigation ul li a,
#sidebar-right #metanavigation ul li span.active {
	padding: 1px 30px;
	border-bottom: 1px solid #969798;
	display: block;
	color: #c6c8c8;
	text-decoration: none;
}

#sidebar-right #metanavigation ul li span.active,
#sidebar-right #metanavigation ul li.trail a {
	color: #fff;
}

#sidebar-right #metanavigation ul li.last a,
#sidebar-right #metanavigation ul li.last span.active {
	border-bottom: none;
}

#sidebar-right #metanavigation ul li a:hover {
	color: #fff;
}

#sidebar-right #newsletter {
	background: url(../images/layout/sidebar-right-newsletter-bg.jpg);
}

#sidebar-right #newsletter a {
	padding: 5px 10px 5px 30px;
	display: block;
}

#sidebar-right h2,
#sidebar-right a span.headline {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	display: block;
}

#sidebar-right p {
	margin: 0;
	padding: 0;
}

#sidebar-right a {
	color: #fff;
	text-decoration: none;
}

a.link-mit-pfeil,
a span.link-mit-pfeil {
	padding-right: 10px;
	background: url(../images/layout/link-mit-pfeil.gif) no-repeat right 4px;
}

a.link-mit-pfeil:hover,
a:hover span.link-mit-pfeil {
	padding-right: 11px;
}

div.pagination {
	text-align: center;
	border-top: 1px solid #444;
	margin-top: 12px;
}

div.pagination p {
	color: #949494;
	margin: 3px 0 6px 0;
}


/* @end */

/* @group Entry */

p {
	margin: 3px 0 12px 0;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin: 16px 0 8px 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 15px 0 5px 0;
}

h4 {
	color: #fff;
	margin: 6px 0 0 0;
}

#entry-left ul {
	
}

#entry-left ul li {
	margin-bottom: 3px;
	padding-left: 15px;
	background: url(../images/layout/bullet-plus.png) no-repeat 1px 5px;
}

#entry-left ol {
	list-style-type: decimal;
	padding-left: 35px;
	list-style-position: outside;
}

#entry-left ol li {
	margin-bottom: 3px;
}

#entry-left div.pagination ul li {
	margin: 0;
	padding: 0;
	background: no-repeat;
	display: inline;
}

#entry-left div.pagination ul li a {
	padding: 2px;
}

#content {
	top: 185px;
	width: 700px;
	position: absolute;
	left: 230px;
}

#entry-left,
#entry-right {
	position: relative;
	width: 350px;
	float: left;
}

#entry-right {
	width: 300px;
}

#content .block {
	position: relative;
	z-index: 40;
}

#sidebar .entry-bg {
	display: none;
}

#content .entry-bg {
	width: 100%;
	height: 100%;
	background-color: #292929;
	position: absolute;
	left: 1px;
	top: 0;
	z-index: 3;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#content .entry-bg.farbe-rot {
	background-color: #810702;
}

#content .entry-bg.farbe-schwarz {
	background-color: #000;
}


#content .entry-bg.farbe-cyan {
	background-color: #026b81;
}

#content .entry-bg.farbe-blau {
	background-color: #304f75;
}

#content .entry-bg.farbe-hellblau {
	background-color: #5f6f81;
}

#content .entry-bg.farbe-gruen {
	background-color: #728102;
}

#content .entry-bg.farbe-lila {
	background-color: #601881;
}

#content .entry-bg.farbe-pink {
	background-color: #970276;
}

#content .entry-bg.farbe-pink-dunkler {
	background-color: #76335c;
}

#content .entry-bg.farbe-orange {
	background-color: #865e0f;
}

#content .entry-bg.farbe-flieder {
	background-color: #67444d;
}


#content #entry-right .entry-bg.transparent {
	opacity: 1;
	background: transparent;
	filter:alpha(opacity=100);
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover,
a:focus {
	text-decoration: none;
}

/* @group Vorteilskarte-Anmeldung */

#vorteilskarte-anmeldung label.mandatory,
#tl_login label {
	float: left;
	width: 100px;
}

#vorteilskarte-anmeldung p.error,
#tl_login p.error {
	clear: both;
	margin: 0;
	font-weight: bold;
	color: #d8e1eb;
}

#tl_login p.error {
	margin-bottom: 10px;
}


/* @end */

/* @group Newsletter */

#newsletter-anmeldung,
#login-mit {
	margin-bottom: 15px;
}

#newsletter-anmeldung div,
#login-mit div {
	padding-bottom: 6px;
}

#newsletter-anmeldung label,
#login-mit label {
	width: 60px;
	float: left;
	display: inline;
	padding: 3px 0;
}

#login-mit label {
	width: 80px;
}

#newsletter-anmeldung input,
#login-mit input,
#vorteilskarte-anmeldung input.mandatory,
#tl_login input.text {
	width: 180px;
	border: 1px solid #898b8b;
	font: 11px/14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #ffffff;
	background: transparent url(../js/blank.gif) repeat;
}

#vorteilskarte-anmeldung input.mandatory,
#tl_login input.text {
	width: 160px;
}


#vorteilskarte-anmeldung div.input-felder,
#tl_login div.input-felder {
	padding-bottom: 6px;
}

#newsletter-anmeldung .button input,
#login-mit .button input {
	width: auto;
	border: none;
	padding-right: 35px;
}

#login-mit .button input {
	padding-right: 15px;
}

#newsletter-anmeldung .button input:hover,
#login-mit .button input:hover,
#vorteilskarte-anmeldung input.submit:hover,
#tl_login .submit_container input.submit:hover,
#tl_logout .submit_container input.submit:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#newsletter-anmeldung span.button,
#login-mit span.button,
#vorteilskarte-anmeldung .submit_container,
#tl_login .submit_container ,
#tl_logout .submit_container {
	display: block;
	text-align: right;
	padding-bottom: 5px;
	padding-right: 3px;
}



/* @end */

/* @group Bildergalerie */

#entry-right .ce_gallery a {
	border: 1px solid #fff;
	display: block;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#entry-right .ce_gallery a img {
	opacity: 0.4;
	filter:alpha(opacity=40);
}

#entry-right .ce_gallery a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}

#mbPrevLink,
#mbNextLink,
#mbCloseLink {
	width: 23px;
	background: transparent url(../images/mediabox/BlackPrevious.gif) no-repeat center;
	margin: 0 5px;
}

#mbNextLink {
	background-image: url(../images/mediabox/BlackNext.gif);
}

#mbCloseLink {
	margin-right: 0;
	background-image: url(../images/mediabox/BlackClose.gif);
}


/* @end */

/* @group Akkordion */

#entry-left div.mod_article.block,
#entry-left div.mod_article.block div.ce_accordion.block,
#entry-left div.mod_article.block div.toggler {
	margin: 0 -40px 0 -30px;
	padding: 0 40px 0 30px;
}

#entry-left div.outer-article-mod_article {
	padding: 10px 40px 10px 30px;
	width: 280px;
}

#entry-right div.outer-article-mod_article {
	position: relative;
	padding: 10px;
	margin-bottom: 20px;
}

#entry-left div.mod_article.block {
}

#entry-left div.mod_article.block div.toggler {
	border-bottom: 1px solid #9b9b9b;
	border-bottom-color: rgba(255,255,255,0.44);
	padding-top: 8px;
	padding-bottom: 3px;
	cursor: pointer;
}

div.toggler-news {
	cursor: pointer;
}

#entry-left div.toggler-news:hover p.info {
	color: #fff;
}

#entry-left div.mod_article.block div.toggler.active {
	border-bottom: none;
	padding-top: 20px;
}

#entry-left div.mod_article.block div.toggler:hover h2 {
	color: #d6d6d6;
}

#entry-left div.mod_article.block div.toggler.active h2 {
	color: #d6d6d6;
}

#news-index div.toggler-hover.active,
#news-index div.accordion-hover.active {
	background: rgba(39,39,39,0.44);
}

#entry-left div.mod_article.block div.ce_accordion.block div.accordion.active {
	margin: 10px 0 25px 0;
}

#entry-left .ce_accordion h2 {
	margin: 0;
}

/* @end */



/* @end */

/* @group Footer */

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 99%;
	clear: both;
	padding: 10px 1% 10px 0px;
	text-align: left;
	color: #fff;
	z-index: 50;
}

#footer div.copyright {
	float: left;
	display: inline;
	margin-left: 30px;
	margin-right: 20px;
	position: relative;
	z-index: 4;
}

#footer p {
	color: #5e5e5e;
	margin: 0;
}

#footer a {
	color: #5e5e5e;
	text-decoration: none;
	border-bottom: 1px solid #2e2e2e;
}

#footer a:hover {
	border-bottom-color: #c5c5c5;
}

#footer #footer-bg {
	width: 100%;
	height: 100% !important;
	height: 66px;
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#footer .footer-signets {
	position: relative;
	z-index: 5;
	float: left;
}

.footer-signets a span {
	text-indent: -3000em;
	display: block;
}

#footer .footer-signets p {
	float: left;
	display: inline;
	padding: 0 20px;
	border-left: 1px solid #4c4e4e;
	height: 45px;
}

#footer .footer-signets p a {
	border: none;
}

#footer .footer-signets p.footer-signet-vedes a {
	width: 59px;
	height: 45px;
	display: block;
	background: url(../images/layout/footer-signet-vedes.png) no-repeat 0 0;
}

#footer .footer-signets p.footer-signet-vedes a:hover {
	background-position: 0 -45px;
}

#footer .footer-signets p.footer-signet-intersport a {
	width: 96px;
	height: 29px;
	display: block;
	background: url(../images/layout/footer-signet-intersport.png) no-repeat 0 0;
	margin-top: 10px;
}

#footer .footer-signets p.footer-signet-intersport a:hover {
	background-position: 0 -29px;
}


/* @end */

/* @group Hintergrundbilder */

/*#maximage img.maximage {
	position: fixed !important;
}*/

#maximage {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}

#maximage img.maximage, 
#maximage a {
	height: 100%;
	width: 100%;
	display: none;
}

#maximage img.maximage, 
#maximage .maximage img {
	display: inline;
	z-index: 1;
	position: relative;
}


#maximage img.loader {
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -27px;
	z-index: -20;
}

/* @end */