/* Created by A. Gulich */



/* ############################################  Seitenaufbau #################################################### */

/* ---------------------------------------------------- body / html ---------------------------------------------- */
body, html {
	border: 0px;
	margin:0px 0 0px 0;
	padding:0;
	height:100%;
}

body {
	background:#a7a7a5;
	background-image:url(../images/bg.jpg);
	color:#ffffff;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	line-height:1.58em;
}

/* ----------------------------------------------------- wrapper -------------------------------------------------- */
div#wrapper {
	position: relative;
	width:980px;
	min-height:100%;
	margin:0 auto;
	background-image:url(../images/wrapper-back.jpg);
	background-repeat:repeat-y;
	z-index:1;
}

* html #wrapper {height:100%;}

/* ----------------------------------------------------- Head ----------------------------------------------------- */
#head {
	margin:0 0 0 0;
	width:980px;
	height:115px;
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Subhead ----------------------------------------------------- */
#subhead {
	margin:0 0 0 0;
	width:980px;
	height:284px;
	background-image:url(../images/subhead.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Navigation ------------------------------------------------ */
#subnavi {
	margin:0 0 0 0;
	width:980px;
	height:108px;
	background-image:url(../images/subnavi.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------------------------------- Subnavigation ------------------------------------------------ */
#subnavigation {
	position:absolute;
	top:438px;
	left:364px;
	width:585px;
	height:46px;
	background-image:none;
}


/* ----------------------------------------------------- Navigation ------------------------------------------------ */
#navigation {
	position:absolute;
	top:399px;
	left:26px;
	width:175px;
	height:230px;
	background-image:none;
}

/* ----------------------------------------------------- Content --------------------------------------------------- */
#content {
	margin:0 0 0 0;
	padding:10px 120px 134px 430px;
	width:430px;
	height:549px;
	background-image:url(../images/content.jpg);
	background-repeat: no-repeat;
}

#content2 {
	margin:0 0 0 0;
	padding:10px 120px 134px 430px;
	width:430px;
	min-height:549px;
	background-image:url(../images/content.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------------------------------- Footer ---------------------------------------------------- */
#footer {
	position:relative;
	margin:-134px auto;
	padding:5px 0 0 62px;
	width:918px;
	height:129px;
	background-image:url(../images/footer.jpg);
	background-repeat: repeat;
	line-height:1.2em;
	z-index:10;
	color:#ffffff;
}

/* ----------------------------------------------------- Footer-Bildergaenzung ------------------------------------- */
#footerbild {
	position:absolute;
	top:-92px;
	left:682px;
	width:261px;
	height:92px;
	background-image:url(../images/fussballer.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Adresse --------------------------------------------- */
#adresse1 {
	position:absolute;
	top:80px;
	left:62px;
	width:123px;
	height:38px;
	color:#ffffff;
	line-height:1.4em;
}

#adresse2 {
	position:absolute;
	top:80px;
	left:190px;
	width:170px;
	height:60px;
	color:#ffffff;
	line-height:1.4em;
}

#adresse3 {
	position:absolute;
	top:80px;
	left:360px;
	width:300px;
	height:50px;
	color:#ffffff;
	line-height:1.3em;
}


/* ----------------------------------------------------- Flash --------------------------------------------- */
#flash {
	position:absolute;
	top:115px;
	left:304px;
	width:407px;
	height:251px;
}

#panorama {
	position:absolute;
	padding:10px 10px 10px 10px;
	top:84px;
	left:16px;
	width:350px;
	height:auto;
	background-color:#CCC;
	color:#020202;
	z-index:0;
}

/* ----------------------------------------------------- Shop-Button ----------------------------------------- */
#shop {
	position:absolute;
	top:834px;
	left:707px;
	width:109px;
	height:93px;
}

/* ----------------------------------------------------- Rufnummer Startseite -------------------------------- */
#call {
	position:absolute;
	padding:10px 0 0 22px;
	top:962px;
	left:433px;
	width:227px;
	height:54px;
	background-image:url(../images/callback.jpg);
	background-repeat:no-repeat;
}

/* ----------------------------------------------------- Logo-Link ------------------------------------------- */

div#logolink {
	position:absolute;
	top:21px;
	left:304px;
	width: 407px;
	height: 94px;
	text-indent: -9999px;
}

a#logo { width: 407px; height: 94px; display: block; border: none;}
a#logo:hover { background: url(../images/logo.jpg);}

div#logolink h1 {
	width: 0;}

/* ############################################  Klassen ##################################################### */


/*  ---------------------------------------- Allgemein ---------------------------------------- */

* { margin: 0px; padding:0; border: 0;}

body  {
	margin:0px 0 0px 0;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:1.58em;
	color:#ffffff;
}

.clear { clear:both; }

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

h1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0 2px 0; 
	font-size:2.0em;
	line-height:1.4em;
	color:#ffffff;
	font-weight:bold;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0 15px 0; 
	font-weight:bold;
	font-size:1.17em;
	color:#ffffff;
	line-height:1.2em;
} 

h3 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 15px 0; 
	font-weight:bold;
	font-size:1.17em;
	color:#ffffff;
	line-height:1.2em;
} 

h4 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0 2px 0; 
	font-size:1.2em;
	line-height:1.2em;
	color:#842717;
	font-weight:bold;
}

.whitebig {
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
}

.whitebig2 {
	font-size:1.17em;
	font-weight:normal;
	color:#ffffff;
}

.whitebig3 {
	font-size:1.5em;
	font-weight:bold;
	color:#ffffff;
	line-height:1.4em;
}

.redmedium {
	margin:-0px 0 0 0;
	color:#8e341b;
	font-size:1.17em;
}

.redbig {
	color:#8e341b;
	font-size:1.5em;
}

/* -------------------------------Mousover-Einstellungen für a:hover ------------------------------------*/

a { 
	color:#ffffff; 
	outline-style:none;
	text-decoration:underline;
}

a:hover { 
	color:#ffffff; 
	text-decoration:overline;
}

a.hcolor {
	color:#020202;
	text-decoration:none;
	font-size:1.0em;
	font-weight:bold;
}

a.hcolor:hover {
	color:#020202;
	text-decoration:underline;
	font-size:1.0em;
	font-weight:bold;
}

.nodisplay {
	display:none;
}



/*  ---------------------------------------- Absatzeinstellungen ---------------------------------------- */
p {
    margin:15px 0 15px 0;
}

.padoben {
	padding:20px 0 0 0;
}

.padoben2 {
	padding:40px 0 0 0;
}

.padoben3 {
	padding:60px 0 0 0;
}

.padoben4 {
	padding:50px 0 0 0;
}

.padoben5 {
	margin:15px 0 0 0;
}

.padrechts {
	padding:0 0 0 15px;
}

/*  ---------------------------------------- Zusätzliche Klassen ----------------------------------------- */

.border {
	border:2px solid #ffffff;
}

.border2 {
	border:4px solid #ffffff;
}

.rightborder {
	float:right;
	margin: 0px 15px 15px 15px;
	border:2px solid #ffffff;
}

.liste {
	list-style-position:outside;
	margin: 15px 0 0px 15px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste li {
	padding: 0 0 2px 0;
}

.liste2 {
	list-style-position:outside;
	margin: 0px 0 0 0px;
	list-style:none;
	font-weight:normal;
	font-size:1.17em;
}

.liste2 li {
	padding: 0 0 8px 0;
}

.liste3 {
	list-style-position:inside;
	margin: 0px 0 0 0px;
	list-style-image:url(../images/bullet.jpg);
	font-weight:normal;
	font-size:1.0em;
}

.liste3 li {
	padding: 0 0 5px 0;
}

.liste4 {
	list-style-position:outside;
	margin: 40px 0 0 10px;
	list-style-image:url(../images/pfeil.png);
	font-weight:normal;
	font-size:1.0em;
}

.liste4 li {
	padding: 0 0 8px 0;
}

.liste5 {
	list-style-position:outside;
	margin: 15px 0 0px 25px;
	list-style:disc;
	font-weight:normal;
	font-size:1.0em;
}

.liste5 li {
	padding: 0 0 5px 0;
}

.linie {
	border-top:#026b9a dotted 1px;
}

.rightfloat {
	float:right;
	margin: 30px 0px 15px 15px;
}

.rightfloat2 {
	float:right;
	margin: 0px 0px 15px 15px;
}

.rightfloat3 {
	float:right;
	margin: -185px 0px 15px 275px;
}

.rightfloat4 {
	float:right;
	margin: 65px 0px 15px 15px;
}

.rightfloat5 {
	float:right;
	margin: -55px 0px 15px 225px;
}

.rightfloat6 {
	float:right;
	margin: 30px 0px 15px 15px;
}

.rightborder {
	float:right;
	margin: 50px 15px 15px 15px;
	border:2px solid #ffffff;
}

.leftfloat {
	float:left;
	margin: 5px 20px 10px 0px;
}

.leftfloatborder {
	float:left;
	margin: 5px 20px 10px 0px;
	border:2px solid #ffffff;
}

.leftfloat2 {
	float:left;
	margin: -0px 20px 10px 0px;
}

.leftfloat3 {
	float:left;
	margin: 35px 20px 10px 0px;
}

.leftfloat4 {
	float:left;
	margin: -125px 20px 10px 0px;
}


/* ############################################  Bildgalerie - CMS ######################################### */

.cmsbild1 {
	float:left;
	margin-right:30px;
	width:120px;
	height:auto;
	text-align:center;
}

.cmsbild2 {
	float:left;
	margin-right:30px;
	width:120px;
	height:auto;
	text-align:center;
}

.cmsbild3 {
	float:left;
	margin-right:0px;
	width:120px;
	height:auto;
	text-align:center;
}

.cmsbild4 {
	float:left;
	margin-right:25px;
	width:74px;
	height:auto;
	text-align:center;
}

.cmsbild5 {
	float:left;
	margin-right:0px;
	width:74px;
	height:auto;
	text-align:center;
}

/* ############################################  Navibuttons ##################################################### */

.navi {
	list-style-type: none;
	display: block;

}

.navi a {
	list-style-type: none;
	display: block;

}

/*  ---------------------------------------- Buttons ---------------------------------------- */
li.button-home {
	width:175px;
	height:44px;
	background:url(../images/b1b.jpg);
	text-indent:-9999px;
}
li.button-home a {
	width:175px;
	height:44px;
	background:url(../images/b1a.jpg);
}
li.button-home-active {
	width:175px;
	height:44px;
	background:url(../images/b1b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-uns {
	width:175px;
	height:29px;
	background:url(../images/b2b.jpg);
	text-indent:-9999px;
}
li.button-uns a {
	width:175px;
	height:29px;
	background:url(../images/b2a.jpg);
}
li.button-uns-active {
	width:175px;
	height:29px;
	background:url(../images/b2b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-sortiment {
	width:175px;
	height:30px;
	background:url(../images/b3b.jpg);
	text-indent:-9999px;
}
li.button-sortiment a {
	width:175px;
	height:30px;
	background:url(../images/b3a.jpg);
}
li.button-sortiment-active {
	width:175px;
	height:30px;
	background:url(../images/b3b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-service {
	width:175px;
	height:30px;
	background:url(../images/b4b.jpg);
	text-indent:-9999px;
}
li.button-service a {
	width:175px;
	height:30px;
	background:url(../images/b4a.jpg);
}
li.button-service-active {
	width:175px;
	height:30px;
	background:url(../images/b4b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-angebote {
	width:175px;
	height:31px;
	background:url(../images/b5b.jpg);
	text-indent:-9999px;
}
li.button-angebote a {
	width:175px;
	height:31px;
	background:url(../images/b5a.jpg);
}
li.button-angebote-active {
	width:175px;
	height:31px;
	background:url(../images/b5b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-galerie {
	width:175px;
	height:30px;
	background:url(../images/b6b.jpg);
	text-indent:-9999px;
}
li.button-galerie a {
	width:175px;
	height:30px;
	background:url(../images/b6a.jpg);
}
li.button-galerie-active {
	width:175px;
	height:30px;
	background:url(../images/b6b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-marken {
	width:175px;
	height:36px;
	background:url(../images/b7b.jpg);
	text-indent:-9999px;
}
li.button-marken a {
	width:175px;
	height:36px;
	background:url(../images/b7a.jpg);
}
li.button-marken-active {
	width:175px;
	height:36px;
	background:url(../images/b7b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-shop {
	width:109px;
	height:93px;
	background:url(../images/shop-b.jpg);
	text-indent:-9999px;
}
li.button-shop a {
	width:109px;
	height:93px;
	background:url(../images/shop-a.jpg);
}
li.button-shop-active {
	width:109px;
	height:93px;
	background:url(../images/shop-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

Ul.navi li a:hover {
	background:none;
}

/* ############################################  Subnavibuttons ##################################################### */

.subnavi {
	list-style-type: none;
	display: block;

}

.subnavi a {
	list-style-type: none;
	display: block;

}

.subnavi li {
	float:left;
}

/* ############################################ Buttons ############################################################# */

li.button-team {
	width:98px;
	height:47px;
	background:url(../images/team-b.jpg);
	text-indent:-9999px;
}
li.button-team a {
	width:98px;
	height:47px;
	background:url(../images/team-a.jpg);
}
li.button-team-active {
	width:98px;
	height:47px;
	background:url(../images/team-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-fussball {
	width:78px;
	height:46px;
	background:url(../images/fussball-b.jpg);
	text-indent:-9999px;
}
li.button-fussball a {
	width:78px;
	height:46px;
	background:url(../images/fussball-a.jpg);
}
li.button-fussball-active {
	width:78px;
	height:46px;
	background:url(../images/fussball-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-tennis {
	width:69px;
	height:46px;
	background:url(../images/tennis-b.jpg);
	text-indent:-9999px;
}
li.button-tennis a {
	width:69px;
	height:46px;
	background:url(../images/tennis-a.jpg);
}
li.button-tennis-active {
	width:69px;
	height:46px;
	background:url(../images/tennis-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-ski {
	width:42px;
	height:46px;
	background:url(../images/ski-b.jpg);
	text-indent:-9999px;
}
li.button-ski a {
	width:42px;
	height:46px;
	background:url(../images/ski-a.jpg);
}
li.button-ski-active {
	width:42px;
	height:46px;
	background:url(../images/ski-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-handball {
	width:97px;
	height:46px;
	background:url(../images/handball-b.jpg);
	text-indent:-9999px;
}
li.button-handball a {
	width:97px;
	height:46px;
	background:url(../images/handball-a.jpg);
}
li.button-handball-active {
	width:97px;
	height:46px;
	background:url(../images/handball-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-volleyball {
	width:207px;
	height:46px;
	background:url(../images/volleyball-b.jpg);
	text-indent:-9999px;
}
li.button-volleyball a {
	width:207px;
	height:46px;
	background:url(../images/volleyball-a.jpg);
}
li.button-volleyball-active {
	width:207px;
	height:46px;
	background:url(../images/volleyball-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-laufsport {
	width:92px;
	height:46px;
	background:url(../images/laufsport-b.jpg);
	text-indent:-9999px;
}
li.button-laufsport a {
	width:92px;
	height:46px;
	background:url(../images/laufsport-a.jpg);
}
li.button-laufsport-active {
	width:92px;
	height:46px;
	background:url(../images/laufsport-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-skiservice {
	width:100px;
	height:46px;
	background:url(../images/skiservice-b.jpg);
	text-indent:-9999px;
}
li.button-skiservice a {
	width:100px;
	height:46px;
	background:url(../images/skiservice-a.jpg);
}
li.button-skiservice-active {
	width:100px;
	height:46px;
	background:url(../images/skiservice-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-skiverleih {
	width:78px;
	height:46px;
	background:url(../images/skiverleih-b.jpg);
	text-indent:-9999px;
}
li.button-skiverleih a {
	width:78px;
	height:46px;
	background:url(../images/skiverleih-a.jpg);
}
li.button-skiverleih-active {
	width:78px;
	height:46px;
	background:url(../images/skiverleih-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-skischuhanpassung {
	width:109px;
	height:46px;
	background:url(../images/skischuhanpassung-b.jpg);
	text-indent:-9999px;
}
li.button-skischuhanpassung a {
	width:109px;
	height:46px;
	background:url(../images/skischuhanpassung-a.jpg);
}
li.button-skischuhanpassung-active {
	width:109px;
	height:46px;
	background:url(../images/skischuhanpassung-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-tennisschlaeger {
	width:140px;
	height:46px;
	background:url(../images/tennisschlaeger-b.jpg);
	text-indent:-9999px;
}
li.button-tennisschlaeger a {
	width:140px;
	height:46px;
	background:url(../images/tennisschlaeger-a.jpg);
}
li.button-tennisschlaeger-active {
	width:140px;
	height:46px;
	background:url(../images/tennisschlaeger-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

li.button-textilbeflockung {
	width:158px;
	height:46px;
	background:url(../images/textilbeflockung-b.jpg);
	text-indent:-9999px;
}
li.button-textilbeflockung a {
	width:158px;
	height:46px;
	background:url(../images/textilbeflockung-a.jpg);
}
li.button-textilbeflockung-active {
	width:158px;
	height:46px;
	background:url(../images/textilbeflockung-b.jpg);
	text-indent:-9999px;
}
/* -------------------------------------- */

Ul.subnavi li a:hover {
	background:none;
}