/* BAD BOYZ SOCCER ------------------------------------------- */

/* TTF-Schriften --------------------------------------------- */

@font-face {
	font-family:"DIN";
	src:url(../fonts/din.ttf) format("truetype");
}

@font-face {
	font-family:"DINLight";
	src:url(../fonts/dinlight.ttf) format("truetype");
}

@font-face {
	font-family:"DINMedium";
	src:url(../fonts/dinmedium.ttf) format("truetype");
}

@font-face {
	font-family:"DINBold";
	src:url(../fonts/dinbold.ttf) format("truetype");
}

body{
	font-family:"DIN","Helvetica","Sans-Serif","Arial";
	/* font-face funktioniert nur mit aktuellen Browsern, als Fallback: Helvetica, Sans-Serif, Arial */
	margin:0px;
	/* background-image:url('../images/kachel.gif'); */
	/* umgestellt auf schwarzen Hintergrund, 15.02.2010 */
	background-image:url('../images/kachel_black.gif');
}

/* Titel-Grafiken ------------------------------------------ */

#topvisual{
	position:relative;
	top:0px;
	margin:0px auto;
	width:900px;
	min-width:900px;
	max-width:900px;
	height:350px;
	min-height:350px;
	max-height:350px;
	background:#000000;	
}

#layerBG { 
	position:absolute; 
	margin:0px auto; 
	/* background-image:url(../images/gfx_topbg.png); */ 
	/* background-position:top left; */
	/* background-repeat:no-repeat; */ 
	background:#000000;
	min-width:900px; 
	max-width:900px; 
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:201;
}

#layerTopGras { 
	position:absolute; 
	margin:0px auto; 
	background-image:url(../images/bg_gras.png); 
	background-position:top left; 
	background-repeat:no-repeat; 
	min-width:900px; 
	max-width:900px; 
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:250;
}

#layerLizenzpartner { 
	position:absolute; 
	margin:0px auto; 
	background-image:url(../images/gfx_lizenzpartner_fcn.png); 
	background-position:top left; 
	background-repeat:no-repeat; 
	min-width:900px; 
	max-width:900px; 
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:249;
}

#lizenzpartnerLink {
	position:absolute;
	margin:0px auto;
	top:23px;
	left:750px;
	min-width:127px;
	max-width:127px;
	width:127px;
	min-height:45px;
	max-height:45px;
	height:45px;
	z-index:275;
}

#layerLogo {
	position:absolute;
	margin:0px auto;
	background-image:url(../images/gfx_toplogo.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:250;
}

#logoLink {
	position:absolute;
	margin:0px auto;
	top:10px;
	left:25px;
	min-width:100px;
	max-width:100px;
	width:100px;
	min-height:148px;
	max-height:148px;
	height:148px;
	z-index:275;
}

#layerFigurenNews {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/bg_start.png); */
	background-image:url(../images/bgneu_start.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#layerFigurenFreestyle {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/gfx_topvisual_freestyle.png); */
	background-image:url(../images/bgneu_bad.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#layerFigurenKlassik {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/gfx_topvisual_klassik.png); */
	background-image:url(../images/bgneu_klassik.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#layerFigurenRetro {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/gfx_topvisual_retro.png); */
	background-image:url(../images/bgneu_retro.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#layerFigurenLederhosen {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/gfx_topvisual_lederhosen.png); */
	background-image:url(../images/bgneu_lederhosen.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#layerFigurenCustom {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/gfx_topvisual_custom.png); */
	background-image:url(../images/bgneu_custom.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#layerFigurenWerbeball {
	position:absolute;
	margin:0px auto;
	/* background-image:url(../images/gfx_topvisual_werbeball.png); */
	background-image:url(../images/bgneu_werbe.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-width:900px;
	max-width:900px;
	width:900px;
	min-height:325px;
	max-height:325px;
	height:325px;
	z-index:235;
}

#topnav{
	position:relative;
	margin:0px auto; 
	top:-25px;
	width:900px;
	min-width:900px;
	max-width:900px;
	height:85px;
	min-height:85px;
	max-height:85px;
	background-image:url(../images/gfx_topnav_balken.png);
	background-repeat:no-repeat;
	background-position:top center;
	z-index:220	 
}

#klickpfad{
	position:relative;
	margin-left:50px;
	font-size:11px;
	float:left;
}

#klickpfad a{
	text-decoration:underline;
	color:#000;
}

#subnav{
	position:relative;
	margin:0px auto; 
	top:-25px;
	width:900px;
	min-width:900px;
	max-width:900px;
	min-height:40px;
	background-image:url(../images/gfx_subnav_bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	z-index:220;
}

#subnav p{
	text-align:right;
	margin-top:20px;
	margin-right:32px;
	padding-bottom:10px;
	margin-bottom:-20px;
	font-size:10px;
}

#subnav p strong{
	font-weight:bold;
}

.imageCaption {
	text-align:left;
	font-size:12px;
	font-style:italic;
}

#vertrieb{
	position:absolute right;
	margin:0px auto; 
	width:900px;
	min-width:900px;
	max-width:900px;
	height:150px;
	min-height:150px;
	max-height:150px;
	background-image:url(../images/gfx_content_bg.png);
	background-repeat:repeat-y;
	background-position:top center;
}

.subnav_img{ 
	margin-right:31px; 
}

.vertrieb_de_img{ 
	margin-right:31px; 
	margin-top:-5px;
	margin-left:5px;
	border:1px solid #ffffff;
}

.vertrieb_ch_img{ 
	margin-top:-5px; 
	margin-left:5px;
	border:1px solid #ffffff;
}

.vertrieb_lu_img{ 
	margin-top:-5px; 
	margin-left:5px;
	border:1px solid #ffffff;
}

.vertrieb_at_img{ 
	margin-top:-5px; 
	margin-left:5px;
	border:1px solid #ffffff;
}

.vertrieb_nl_img{ 
	margin-top:-5px; 
	margin-left:5px;
	border:1px solid #ffffff;
}

.vertrieb_za_img{ 
	margin-top:-5px; 
	margin-left:5px;
	border:1px solid #ffffff;
}

#maincontent{
	position:relative;
	margin:0px auto;
	width:900px;
	min-width:900px;
	max-width:900px;
	background-image:url(../images/gfx_content_bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	padding-bottom:25px;
	margin-top:-25px;
}

#maincontent p{
	margin:0px;
	padding-top:20px;
	padding-right:20px;
}

table.produkte{
	table-layout:fixed;
	font-size:12px;
	margin-left:42px;
	margin-right:42px;
	margin-bottom:6px;
}

table.produkte td img{
	margin-top:17px;
	margin-right:11px;
	margin-bottom:-6px;
}

table.produkte h1{
	position:absolute;
	margin-top:150px;
	font-family:"DINBold","Helvetica","Sans-Serif","Arial"; 
	/* font-face funktioniert nur mit aktuellen Browsern, als Fallback: Helvetica, Sans-Serif, Arial */
	color:#c3c5c8;
	font-weight:normal;
	font-size:13px; 
	text-transform:uppercase;
}

table.produkte a{
	font-weight:normal; 
	font-size:13px; 
	text-transform:uppercase;
	color:#c3c5c8;
}

table.produkte a:hover{
	color:#ffffff;
}

table.homepage{
	table-layout:fixed;
	font-size:12px;
	line-height:20px;
	margin-left:47px;
	margin-right:42px;
	margin-top:-25px;
}

table.homepage td{
	vertical-align:top;
}

table.homepage td img{
	margin-top:1px;
}

table.tabellentrenner tr{
	min-height:50px;
	max-height:50px;
	height:50px;
	min-width:800px;
	max-width:800px;
	width:800px;
}

table.homepage h1{
	margin-top:5px;
	margin-bottom:-10px;
	font-family:"DIN","Helvetica","Sans-Serif","Arial"; 
	/* font-face funktioniert nur mit aktuellen Browsern, als Fallback: Helvetica, Sans-Serif, Arial */
	font-size:20px; 
	line-height:22px;
	color:#000000; 
	text-transform:uppercase;
}

table.homepage a{
	text-decoration:underline;
	color:#000000;
}

/* Abschluss Content unten ----------------------------------- */

#contentfooter{
	position:relative;
	margin:0px auto;
	width:900px;
	min-width:900px;
	max-width:900px;
	height:40px;
	min-height:40px;
	max-height:40px;
	background-image:url(../images/gfx_content_footer.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-top:-25px;	
}

/* Newsscreen ------------------------------------------------ */

#layerAbdeckNewsscreen { 
	position:absolute; 
	margin:0px auto; 
	background-image:url(../images/gfx_newsscreen_abdecklayer.png); 
	background-position:top center; 
	background-repeat:no-repeat; 
	min-height:412px;
	max-height:412px;
	height:412px;
	z-index:398;
}

/* jQuery News-Slider Style (sliding_effect.js) -------------- */

a{ 
	text-decoration:none; outline:none; 
}

a img{ 
	border:none; 
}

#slider{ 
	background:url(../images/gfx_newsscreen_bg.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	height:346px; /* 412 */ 
	width:810px;
	overflow:hidden;
	/* overflow:visible; */ /* for debugging */
	margin:0px 0px 45px 45px; /* war 0 0 45 45 */
	position:relative; 
	top:17px;
	z-index:300;
}
								  
#sliderlayer{ 
	background:url(../images/gfx_newsscreen.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	height:346px; /* 412 */
	width:810px;
	position:absolute; 
	margin:0px 0px 45px 45px; /* war 0 0 45 45 */
	top:17px; /* war: top:20px; */
	z-index:305;
}

#sliderlayerOben{ 
	background:url(../images/gfx_newsscreen_oben.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	height:47px;
	width:810px;
	position:absolute; 
	margin:0px 0px 45px 45px; /* war 0 0 45 45 */
	top:17px; /* war: top:20px; */
	z-index:305;
}

#sliderlayerUnten{ 
	background:url(../images/gfx_newsscreen_unten.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	height:51px;
	width:810px;
	position:absolute; 
	margin:0px 0px 45px 45px; /* war 0 0 45 45 */
	top:312px;
	z-index:305;
}

#sliderlayerLinks{ 
	background:url(../images/gfx_newsscreen_links.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	height:346px;
	width:44px;
	position:absolute; 
	margin:0px 0px 45px 45px; /* war 0 0 45 45 */
	left:0px;
	top:64px;
	z-index:305;
}

#sliderlayerRechts{ 
	background:url(../images/gfx_newsscreen_rechts.png); 
	background-repeat:no-repeat; 
	background-position:top center; 
	height:346px;
	width:40px;
	position:absolute; 
	margin:0px 0px 45px 45px; /* war 0 0 45 45 */
	left:770px;
	top:64px;
	z-index:305;
}

#sliderabdecklayer {
	background-image:url(../images/gfx_newsscreen_abdecklayer.png);
	background-repeat:repeat-y;
	background-position:top center;
	height:346px; /* 412 */
	width:810px;
	position:absolute; 
	margin:0px 0px 45px 45px;
	top:17px; /* war: top:20px; */
	z-index:301;
}

#sliderabdecklayerOben {
	background-image:url(../images/gfx_newsscreen_abdecklayer_oben.png);
	background-repeat:repeat-y;
	background-position:top center;
	height:21px;
	width:810px;
	position:absolute; 
	margin:0px 0px 45px 45px;
	top:17px; /* war: top:20px; */
	z-index:301;
}

#sliderabdecklayerUnten {
	background-image:url(../images/gfx_newsscreen_abdecklayer_unten.png);
	background-repeat:repeat-y;
	background-position:top center;
	height:30px;
	width:810px;
	position:absolute; 
	margin:0px 0px 45px 45px;
	top:333px;
	z-index:301;
}

#sliderabdecklayerRechts {
	background-image:url(../images/gfx_newsscreen_abdecklayer_rechts.png);
	background-repeat:repeat-y;
	background-position:top center;
	height:295px;
	width:25px;
	position:absolute; 
	margin:0px 0px 45px 45px;
	top:38px;
	left:785px;
	z-index:301;
}

#sliderabdecklayerLinks {
	background-image:url(../images/gfx_newsscreen_abdecklayer_links.png);
	background-repeat:repeat-y;
	background-position:top center;
	height:295px;
	width:25px;
	position:absolute; 
	margin:0px 0px 45px 45px;
	top:38px;
	z-index:301;
}

/* DEFAULT is for three panels in width, adjust as needed. This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{ 
	width:3000px; /* 3x 632px + 6x 95px (3x Breite Slide + 6x Padding (re und li) vom Slide) */ 
	position:relative; 
}

.slide{ 
	padding:70px 75px; 
	width:810px; /* Breite Slider-Box */
	float:left; 
	position:relative; 
	z-index:2;
}

.slide h1{ 
	font-family:"DIN","Helvetica","Sans-Serif","Arial"; 
	/* font-face funktioniert nur mit aktuellen Browsern, als Fallback: Helvetica, Sans-Serif, Arial */
	font-size:24px; 
	line-height:26px;
	color:#ffffff; 
	text-transform:uppercase;
	max-width:425px;
}

.slide p{ 
	color:#999; 
	font-size:12px; 
	line-height:22px; 
	width:435px; /* war 375 */
	position:relative;
}

.slide img{ 
	position:absolute; 
	top:20px; 
	/* left:475px; */
	left:543px; /* Slider-Bild Abstand vom linken DIV-Rand */
}

.slidelink{ 
	position:absolute; 
	top:20px; 
}

#slider-stopper{ 
	position:absolute; 
	top:3px; 
	right:20px; 
	color:white;
	padding:3px 8px; 
	font-size:10px; 
	text-transform:uppercase; 
	z-index:399; 
}

/* ----------------------------------------------------------- */

/* Produktgruppen-Styles ------------------------------------- */

#produktgruppenansicht{
	position:relative;
	overflow:auto;
}

#produktgruppelinks{
	position:relative;
	z-index:500;
	padding-left:50px;
	padding-right:25px;
	margin-top:25px;
	width:425px;
	min-width:425px;
	max-width:425px;
	float:left;
}

#produktgrupperechts{
	position:relative;
	z-index:500;
	padding-left:25px;
	padding-right:25px;
	margin-top:25px;
	width:325px;
	min-width:325px;
	max-width:325px;
	float:left;
	border-left:1px solid #29272b;
}


#produktgrupperechts h1{
	font-size:14px; 
	line-height:22px;
	color:#000000; 
	text-transform:uppercase;
}

#produktgrupperechts p{
	color:#000; 
	font-size:12px; 
	line-height:20px;
	padding-left:5px;
}

#produktgruppelinks h1{ 
	font-size:24px; 
	line-height:22px;
	color:#000000; 
	margin-top:0px;
}

#produktgruppelinks p{ 
	color:#000; 
	font-size:12px; 
	line-height:20px; 
}

#artikelansicht{
	position:relative;
	overflow:auto;
	margin-left:50px;
	margin-right:50px;
	padding-top:25px;
	
	/* explizite Angabe der Breite wegen Scrollbalken im Firefox... */
	width:800px;
	min-width:800px;
	max-width:800px;

}

#artikelansicht table{
	padding:0px;
	margin-top:0px;
	margin-left:0px;
}

#artikelansicht td{
	padding-bottom:25px;
}

#artikelansicht h1{ 
	font-size:24px; 
	line-height:26px;
	color:#000000; 
	margin-top:0px;
}

#artikelansicht p{ 
	color:#000; 
	font-size:12px; 
	line-height:20px; 
}

#artikelansicht a{
	text-decoration:underline;
	color:#000;
}



/* Test, entliehen von http://barrierefrei.e-workers.de/workshops/tricks/texte/link_hgrund.txt */

/* #newsscreenLink a{ */
/* 	display:block; */
/* 	background-image:url(../images/gfx_newsscreen_weiter.png); */
/* 	background-repeat:no-repeat; */
/* 	width:25px; */
/* 	height:305px; */
/* 	z-index:10000; */
/* } */

/* #newsscreenLink span{ */
/* 	display:none; */
/* } */

.newsscreenLink{
	text-decoration:underline;
	color:#fff; 
	font-size:12px; 
	line-height:22px; 
}

.newsDetailLink{
	position:top left;
}

.newsScreenDetailFenster{
	width:375px;
	min-width:375px;
	max-width:375px;
	position:absolute;
	background-image:url(../images/gfx_newsscreen_bg.png);
	height:350px;
	min-height:350px;
	max-height:350px;
	overflow:auto;
}

.newsScreenDetailFenster p{
	color:#999; 
	font-size:12px; 
	line-height:22px;
}

.newsScreenDetailFenster h1{ 
	font-family:"DIN","Helvetica","Sans-Serif","Arial"; 
	/* font-face funktioniert nur mit aktuellen Browsern, als Fallback: Helvetica, Sans-Serif, Arial */
	font-size:24px; 
	line-height:26px;
	color:#ffffff; 
	text-transform:uppercase;
	max-width:425px;
}

# newsOverlayVisual{
#	position:relative;
#	top:0px;
#	margin:0px 0px;
#	width:260px;
#	min-width:260px;
#	max-width:260px;
#	height:135px;
#	min-height:135px;
#	max-height:135px;
# }

#newsOverlay{
	position:absolute;
	margin-top:1px;
	background-image:url(../images/gfx_news_overlay.png);
	background-repeat:no-repeat;
	width:260px;
	min-width:260px;
	max-width:260px;
	height:135px;
	min-height:135px;
	max-height:135px;
	z-index:10000:
}