/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

########################################################################################################
######################################################################################################*/

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #fedb98;
	text-decoration: none;
	list-style-type: none;
	outline: none;
}

html {
	overflow-x:hidden;
}

body {background: #000 url(../images/hg_html.jpg) no-repeat top center; height: 100%;}

div.header {
	float:left;
	width:450px;
}

h1 {font-size: 30px; font-weight: normal; margin: 60px 0 30px 0; color: #fe9b00;}
h1 span {font-size: 18px; font-weight: normal; color: #866301;}
h2 {font-size: 17px; font-weight: bold; margin-bottom: 10px; color: #fe9b00;}
h3 {font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #fe9b00;}
h4 {font-size: 14px; font-weight: bold; margin: 0px 0 0 0; color: #edb358;}
h5 {font-size: 12px; font-weight: bold; color: #fe9b00;}

div.right-image {
	float:left;
	padding:44px 0 0 0;
}
div.leftFloat {float:left; }

.floatende {clear: both;}

.border-rechts {padding: 1px; background: #FFFFFF; border: 4px solid #866301; margin: 0 0 20px 20px; float: right; clear: both;}
.border-left {padding: 1px; background: #FFFFFF; border: 4px solid #866301; margin: 0 20px 20px 0; float: left;}
.border-ohne {padding: 1px; background: #FFFFFF; border: 4px solid #866301; margin: 0 0 20px 0; clear: both;}

.border-left_ {padding: 1px; background: #FFFFFF; border: 4px solid #866301; margin: 0 7px 20px 0; float: left;}
.border-ohne_ {padding: 1px; background: #FFFFFF; border: 4px solid #866301; margin: 0 0 20px 0; float: left;}

.float-right {float: right;}
.abstand {margin-left: 40px;}
.float-left {float: left;}
.float-left-start {float: left; width: 612px;}

p.hr_h1 {background: url(../images/hg_hr.jpg) no-repeat top left; height: 7px; padding-bottom: 30px; width: 606px; display: block;}
p.hr_h1_long {background: url(../images/hg_hr.jpg) repeat-x top left; height: 7px; padding-bottom: 10px; width: 100%; display: block;}
.Stil2 {color: #fedb98}
.Stil1 {
	color: #FF0000;
	font-weight: bold;
}

.angebot{
	font-weight:bold;
	color:#FF0000;
}

/*######################################################################################################
######################################################################################################*/


/* 2. Layout */

#Aussenhuelle {
	width: 970px;
	min-height: 495px;
	margin: 0 auto;
	position: relative;
	background: url(../images/hg_aussenhuelle.jpg) no-repeat top;
}
*html #Aussenhuelle {height: 495px;}

#Header {
	width: 88px;
	height: 386px;
	position: relative;
}

#Kette {
	width: 88px;
	height: 386px;
	top: 386px;
	margin-left: -88px;
	position: absolute;
	background: url(../images/hg_kette_links.jpg)
}

#Kette2 {
	width: 105px;
	height: 114px;
	top: 337px;
	margin-left: 970px;
	position: absolute;
	background: url(../images/hg_kette_rechts.jpg)
}

a#Gaestebuch {
	width: 137px;
	height: 148px;
	display: block;
	top: 66px;
	margin-left: 806px;
	position: absolute;
	text-indent: -5000px;
}

#Content {
	width: 900px;
	padding-left: 55px;
	padding-bottom: 20px;
	position: relative;
}

.Content-teiler {
	width: 405px;
	padding-right: 45px;
	float: left;
	position: relative;
}
#Adressleiste {
	width: 323px;
	height: 595px;
	margin-right: 20px;
	position: relative;
	background: url(../images/hg_adressleiste-neu.jpg);
	float: left;
}

#Adressleiste-Footer {
	width: 632px;
	height: 115px;
	top: 866px;
	margin-left: 323px;
	position: absolute;
	background: url(../images/hg_adress_footerleiste-neu.jpg);
}

#Slider {
	width: 197px;
	height: 240px;
	margin: 0 0 10px 50px;
	position: relative;
	float: right;
	background: url(../images/startseite_slider.jpg);
}

#Adressleiste #wohnort {
	padding: 30px 40px 80px 0;
	position: relative;
	float: right;
}

#Adressleiste #oeffnungszeiten {
	padding: 0 115px 0 0;
	position: relative;
	float: right;
}

#segel {
	width: 228px;
	height: 244px;
	top: 55px;
	margin-left: 55px;
	position: absolute;
}

#tiefer {
	width: 1px;
	height: 1px;
	top: 55px;
	margin-left: 55px;
	position: absolute;
}

#linklogos {
	width: 429px;
	height: 60px;
	top: 1px;
	margin-left: 55px;
	position: absolute;
	left: 443px;
}
*+html #linklogos {top: 50px;}
*html #linklogos {top: 50px;}

#linklogos2 {
	width: 360px;
	height: 30px;
	top: 21px;
	margin-left: 155px;
	position: absolute;
	left: 263px;
}
*+html #linklogos2 {top: 82px;}
*html #linklogos2 {top: 82px;}

/*######################################################################################################
######################################################################################################*/


/* 3. Navigation */

ul#standart {
	width: 300px;
	height: 25px;
	margin-left: 643px;
	top: 7px;
	position: absolute;
}

ul#standart li {
	position: relative;
	float: left;
}

ul#standart li a {
	display: block;
	height: 25px;
	text-indent: -5000px;
}

ul#standart li a.s1 {width: 85px;}
ul#standart li a.s2 {width: 64px;}
ul#standart li a.s3 {width: 63px;}
ul#standart li a.s4 {width: 88px;}

ul#standart li a.s1:hover {background: url(../images/aktiv_newsletter.jpg);}
ul#standart li a.s2:hover {background: url(../images/aktiv_kontakt.jpg);}
ul#standart li a.s3:hover {background: url(../images/aktiv_anfahrt.jpg);}
ul#standart li a.s4:hover {background: url(../images/aktiv_impressum.jpg);}

ul#inhalt {
	top: 337px;
	width: 955px;
	position: absolute;
}

ul#inhalt li {
	position: relative;
	float: left;
}

ul#inhalt li a {
	display: block;
	height: 49px;
	margin: 0;
	padding: 0;
}

ul#inhalt li a.s1 {width: 110px;}
ul#inhalt li a.s2 {width: 126px;}
ul#inhalt li a.s3 {width: 87px;}
ul#inhalt li a.s4 {width: 133px;}
ul#inhalt li a.s5 {width: 108px;}
ul#inhalt li a.s6 {width: 98px;}
ul#inhalt li a.s7 {width: 88px;}
ul#inhalt li a.s8 {width: 105px;}
ul#inhalt li a.s9 {width: 90px;}

ul#inhalt li a.s1:hover {background: url(../images/aktiv_home.jpg);}
ul#inhalt li a.s2:hover {background: url(../images/aktiv_ueberuns.jpg);}
ul#inhalt li a.s3:hover {background: url(../images/aktiv_bikes.jpg);}
ul#inhalt li a.s4:hover {background: url(../images/aktiv_bekleidung.jpg);}
ul#inhalt li a.s5:hover {background: url(../images/aktiv_lifestyle.jpg);}
ul#inhalt li a.s6:hover {background: url(../images/aktiv_zubehoer.jpg);}
ul#inhalt li a.s7:hover {background: url(../images/aktiv_verleih.jpg);}
ul#inhalt li a.s8:hover {background: url(../images/aktiv_werkstatt.jpg);}
ul#inhalt li a.s9:hover {background: url(../images/aktiv_news.jpg);}

ul#inhalt li#bikes ul,
ul#inhalt li#bikes ul li#mtb ul,
ul#inhalt li#bekleidung ul,
ul#inhalt li#bekleidung ul li#unisex ul {display: none; list-style: none;}

ul#inhalt li#bikes ul li,
ul#inhalt li#bikes ul li#mtb ul li,
ul#inhalt li#bekleidung ul li,
ul#inhalt li#bekleidung ul li#unisex ul li {
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#inhalt li a,
ul#inhalt li#bikes ul li#mtb ul li a,
ul#inhalt li#bekleidung ul li a,
ul#inhalt li#bekleidung ul li#unisex ul li a {
	display: block;
	text-indent: -5000px;
}

ul#inhalt li#bikes ul {
	top: 40px;
	left: -20px;
	width: 184px;
	height: 228px;
	padding-top: 12px;
	position: absolute;
	background: url(../images/hg_bike_navi-neu.png) no-repeat top left;
}

ul#inhalt li#bikes ul li a {
	width: 184px;
	height: 26px;
	display: block;
	overflow: visible;
	margin-bottom: 0px;
}

ul#inhalt li#bikes ul li a.s31:hover {background: url(../images/layout/Cruiser.png) 0px -6px no-repeat;}
ul#inhalt li#bikes ul li a.s32:hover {background: url(../images/layout/City.png) 0px -5px no-repeat;}
ul#inhalt li#bikes ul li a.s33:hover {background: url(../images/layout/Cross.png) 0px -4px no-repeat;}
ul#inhalt li#bikes ul li a.s34:hover {background: url(../images/layout/MTB.png) 0px -3px no-repeat;}
ul#inhalt li#bikes ul li a.s35:hover {background: url(../images/layout/Dirt.png) 0px -2px no-repeat;}
ul#inhalt li#bikes ul li a.s36:hover {background: url(../images/layout/Custom.png) 0px -1px no-repeat;}
ul#inhalt li#bikes ul li a.s37:hover {background: url(../images/layout/Damen.png) 0px 0px no-repeat;}
ul#inhalt li#bikes ul li a.s38:hover {background: url(../images/layout/Kids.png) 0px 1px no-repeat;}

ul#inhalt li#bikes ul li#mtb ul  {
	top: -45px;
	left: 170px;
	width: 198px;
	height: 172px;
	padding-top: 18px;
	position: absolute;
	background: url(../images/hg_mtb_navi.png) no-repeat top left;
}
*html ul#inhalt li#bikes ul li#mtb ul {top: -17px;}
*+html ul#inhalt li#bikes ul li#mtb ul {top: -17px;}

ul#inhalt li#bikes ul li#mtb ul li a {
	width: 198px;
	height: 28px;
	display: block;
	overflow: visible;
	margin-bottom: 0px;
}

ul#inhalt li#bikes ul li#mtb ul li a.s341:hover {background: url(../images/aktiv_hardtails.gif);}
ul#inhalt li#bikes ul li#mtb ul li a.s342:hover {background: url(../images/aktiv_allmountain.gif);}
ul#inhalt li#bikes ul li#mtb ul li a.s343:hover {background: url(../images/aktiv_enduro.gif);}
ul#inhalt li#bikes ul li#mtb ul li a.s344:hover {background: url(../images/aktiv_freeride.png);}
ul#inhalt li#bikes ul li#mtb ul li a.s345:hover {background: url(../images/aktiv_downhill.gif);}

ul#inhalt li#bekleidung ul {
	top: 49px;
	left: 0px;
	width: 132px;
	height: 170px;
	padding-top: 27px;
	position: absolute;
	background: url(../images/hg_bekleidung_navi.gif) no-repeat top left;
}

ul#inhalt li#bekleidung ul li a {
	width: 132px;
	height: 28px;
	display: block;
}

ul#inhalt li#bekleidung ul li a.s40:hover {background: url(../images/aktiv_hersteller.gif) no-repeat;}
ul#inhalt li#bekleidung ul li a.s41:hover {background: url(../images/aktiv_unisex.gif) no-repeat;}
ul#inhalt li#bekleidung ul li a.s42:hover {background: url(../images/aktiv_damen.gif) no-repeat;}
ul#inhalt li#bekleidung ul li a.s43:hover {background: url(../images/aktiv_kids.gif) no-repeat;}

ul#inhalt li#bekleidung ul li#unisex ul {
	top: -42px;
	left: 80px;
	width: 184px;
	height: 228px;
	padding-top: 13px;
	position: absolute;
	background: url(../images/hg_unisex_navi.png) no-repeat top left;
}

*html ul#inhalt li#bekleidung ul li#unisex ul {top: -14px;}
*+html ul#inhalt li#bekleidung ul li#unisex ul {top: -14px;}

ul#inhalt li#bekleidung ul li#unisex ul li a {
	width: 184px;
	height: 28px;
	display: block;
}

ul#inhalt li#bekleidung ul li#unisex ul li a.s411:hover {background: url(../images/aktiv_helme.gif) no-repeat;}
ul#inhalt li#bekleidung ul li#unisex ul li a.s412:hover {background: url(../images/aktiv_brillen.gif) no-repeat;}
ul#inhalt li#bekleidung ul li#unisex ul li a.s413:hover {background: url(../images/aktiv_handschuhe.gif) no-repeat;}
ul#inhalt li#bekleidung ul li#unisex ul li a.s414:hover {background: url(../images/aktiv_trikots.png) no-repeat;}
ul#inhalt li#bekleidung ul li#unisex ul li a.s415:hover {background: url(../images/aktiv_hosen.gif) no-repeat;}
ul#inhalt li#bekleidung ul li#unisex ul li a.s416:hover {background: url(../images/aktiv_socken.gif) no-repeat;}
ul#inhalt li#bekleidung ul li#unisex ul li a.s417:hover {background: url(../images/aktiv_protektoren.gif) no-repeat;}

ul#inhalt li#bikes:hover ul,
ul#inhalt li#bikes ul li#mtb:hover ul,
ul#inhalt li#bekleidung:hover ul,
ul#inhalt li#bekleidung ul li#unisex:hover ul {display: block;}

ul#inhalt li#bikes ul li,
ul#inhalt li#bikes ul li#mtb ul li,
ul#inhalt li#bekleidung ul li,
ul#inhalt li#bekleidung ul li#unisex ul li {
	float: none;
	position: relative;
	display: inline;
	clear: both;
}

#Aussenhuelle #Content #Adressleiste a#n1 {
	width: 76px;
	height: 76px;
	top: 363px;
	margin-left: 54px;
	position: absolute;
	display: block;
	text-indent: -5000px;
	border: 1px solid red;
}

#Aussenhuelle #Content #Adressleiste a#n2 {
	width: 85px;
	height: 32px;
	top: 378px;
	margin-left: 165px;
	position: absolute;
	display: block;
	text-indent: -5000px;
	border: 1px solid red;
}

#Aussenhuelle #Content #Adressleiste a#n3 {
	width: 82px;
	height: 22px;
	top: 412px;
	margin-left: 145px;
	position: absolute;
	display: block;
	text-indent: -5000px;
	border: 1px solid red;
}


/*######################################################################################################
######################################################################################################*/


/* 4. Content */

#Aussenhuelle #Content p {
	margin: 0 0 10px 0;
	line-height: 19px;
}

#Aussenhuelle #Content ul {margin: 10px 0 20px 20px;}

#Aussenhuelle #Content ul li {
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	background: url(../images/anstrich.jpg) no-repeat top left;
	position: relative;
}

#Adressleiste #wohnort p,
#Adressleiste #oeffnungszeiten p {
	margin: 0 0 10px 0;
	position: relative;
	text-align: right;
	font-size: 12px;
	color: #ffdc99
}

/*######################################################################################################
######################################################################################################*/


/* 5. Links */

a:hover,
#Aussenhuelle #Content p a:hover,
#Aussenhuelle #Content p a.escape:hover,
#Aussenhuelle #Content p a.escape:hover span span,
#Aussenhuelle #Content a:hover {text-decoration: none; color: #fedb98;}

a:link,
#Aussenhuelle #Content p a,
#Aussenhuelle #Content p a.escape,
#Aussenhuelle #Content p a.escape span span,
#Aussenhuelle #Content a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #49c7fc;
	text-decoration: underline;
}

#Adressleiste #wohnort p a,
#Adressleiste #wohnort p a.escape,
#Adressleiste #wohnort p a.escape span span {
	font-size: 12px;
	color: #ffdc99;
	text-decoration: none;
}

#Adressleiste #wohnort p a:hover,
#Adressleiste #wohnort p a.escape:hover,
#Adressleiste #wohnort p a.escape:hover span span {
	color: #49c7fc;
	text-decoration: underline;
}

a.pdf {background: url(../images/pdf.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.pdf:hover {text-decoration: underline !important;}

a.linky {background: url(../images/web.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.linky:hover {text-decoration: underline !important;}

a.word {background: url(../images/word.gif) no-repeat left; padding: 20px 0 18px 60px; height: 30px; width: 100px; text-decoration: none !important;}
a.word:hover {text-decoration: underline !important;}

#Aussenhuelle #Content a.nachoben {float: right; display: block; height: 20px; width: 100px; text-align: right; color: #9a431d; text-decoration: none; font-size: 10px;}
#Aussenhuelle #Content a.nachoben:hover {color: #5e5d5d;}

.img-back{
	display:none;}

/*######################################################################################################
######################################################################################################*/