@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;border:none;}
html{overflow-y:scroll;background: url(../images/bg2.jpg) repeat-x;}
body{background: url(../images/body-bg2.jpg) no-repeat center top;font: .8em Arial, Helvetica, sans-serif;color:#393939; height: 800px}
body#index{background: url(../images/body-bg.jpg) no-repeat center top;font: .8em Arial, Helvetica, sans-serif;color:#393939; height: 800px}


#container{width:938px;margin:0 auto}

/* header */
#header{height:492px; width: 938px}
#index #header{height:545px; width: 938px}
#header .branding{position:absolute; margin: 0 0 0 -18px; z-index: 50}
#header .phone{background: url(../images/header-phone.jpg) no-repeat;width:232px; height:14px; position:absolute; margin: 35px 0 0 699px; text-align:right; padding: 31px 0 0 0; color: #8d8d8d; font-size: .85em}

#header .slideshow{position:absolute; margin: 152px 0 0 0; width:938px; height:328px}
#index #header .slideshow{height:377px; background:url(../images/slideshow/01.jpg) 0 0 no-repeat; z-index:1;margin: 155px 0 0 0;}
#ueber #header .slideshow,
#philosophie #header .slideshow,
#produktion #header .slideshow,
#kontakt #header .slideshow,
#danke #header .slideshow,
#anfahrt #header .slideshow,
#newsletter #header .slideshow,
#agb #header .slideshow,
#impressum #header .slideshow,
#referenzen #header .slideshow{background:url(../images/slideshow/1.jpg) 0 0 no-repeat; z-index:1}

#radsport-trikots #header .slideshow,
#radsport-jacken #header .slideshow,
#radsport-westen #header .slideshow,
#radsport-hosen #header .slideshow,
#radsport-einteiler #header .slideshow,
#radsport-zubehoer #header .slideshow{background:url(../images/slideshow/2.jpg) 0 0 no-repeat; z-index:1}

#laufsport-trikots #header .slideshow,
#laufsport-jacken #header .slideshow,
#laufsport-westen #header .slideshow,
#laufsport-hosen #header .slideshow,
#laufsport-einteiler #header .slideshow,
#laufsport-zubehoer #header .slideshow{background:url(../images/slideshow/3.jpg) 0 0 no-repeat; z-index:1}

#triathlon-tops #header .slideshow,
#triathlon-hosen #header .slideshow,
#triathlon-einteiler #header .slideshow{background:url(../images/slideshow/4.jpg) 0 0 no-repeat; z-index:1}

#inlineskating #header .slideshow{background:url(../images/slideshow/5.jpg) 0 0 no-repeat; z-index:1}

#kinder-trikots #header .slideshow,
#kinder-jacken #header .slideshow,
#kinder-westen #header .slideshow,
#kinder-hosen #header .slideshow,
#kinder-einteiler #header .slideshow,
#kinder-zubehoer #header .slideshow{background:url(../images/slideshow/6.jpg) 0 0 no-repeat; z-index:1}

#service #header .slideshow,
#design #header .slideshow,
#groessen #header .slideshow,
#material-neu #header .slideshow,
#muster #header .slideshow,
#mindestmengen #header .slideshow,
#sitzpolster #header .slideshow,
#waschen #header .slideshow{background:url(../images/slideshow/7.jpg) 0 0 no-repeat; z-index:1}

/* navi */
#navi{background:url(../images/nav-bg.jpg) no-repeat;width:681px; height:25px; position:absolute; margin: 109px 0 0 257px}
#navi li{height:25px; display:block; float: left;}
#navi li a{height:25px; display:block;text-decoration:none}
#navi li a.nav-01{background:url(../images/nav-01.jpg) no-repeat; width: 96px;}
#navi li a.nav-02{background:url(../images/nav-02.jpg) no-repeat; width: 95px;}
#navi li a.nav-03{background:url(../images/nav-03.jpg) no-repeat; width: 95px;}
#navi li a.nav-04{background:url(../images/nav-04.jpg) no-repeat; width: 95px;}
#navi li a.nav-05{background:url(../images/nav-05.jpg) no-repeat; width: 95px;}
#navi li a.nav-06{background:url(../images/nav-06.jpg) no-repeat; width: 115px;}
#navi li a.nav-07{background:url(../images/nav-07.jpg) no-repeat; width: 90px;}
#ueber #navi li a.nav-01,
#philosophie #navi li a.nav-01,
#produktion #navi li a.nav-01,
#referenzen #navi li a.nav-01,
#radsport-trikots #navi li a.nav-02,
#radsport-jacken #navi li a.nav-02,
#radsport-westen #navi li a.nav-02,
#radsport-hosen #navi li a.nav-02,
#radsport-einteiler #navi li a.nav-02,
#radsport-zubehoer #navi li a.nav-02,
#laufsport-trikots #navi li a.nav-03,
#laufsport-jacken #navi li a.nav-03,
#laufsport-westen #navi li a.nav-03,
#laufsport-hosen #navi li a.nav-03,
#laufsport-einteiler #navi li a.nav-03,
#laufsport-zubehoer #navi li a.nav-03,
#triathlon-tops #navi li a.nav-04,
#triathlon-hosen #navi li a.nav-04,
#triathlon-einteiler #navi li a.nav-04,
#inlineskating #navi li a.nav-05,
#kinder-trikots #navi li a.nav-06,
#kinder-jacken #navi li a.nav-06,
#kinder-westen #navi li a.nav-06,
#kinder-hosen #navi li a.nav-06,
#kinder-einteiler #navi li a.nav-06,
#kinder-zubehoer #navi li a.nav-06,
#service #navi li a.nav-07,
#design #navi li a.nav-07,
#groessen #navi li a.nav-07,
#material-neu #navi li a.nav-07,
#muster #navi li a.nav-07,
#mindestmengen #navi li a.nav-07,
#sitzpolster #navi li a.nav-07,
#waschen #navi li a.nav-07,
#navi li a:hover{background-position: 0 -25px;text-decoration:none}

.subnav{width:194px;}
.subnav li{width:194px; line-height:29px}
.subnav li a{width:194px; height:29px; border-bottom: 1px solid #9c9c9c; display:block; text-decoration:none; color:#393939}
.subnav li a:hover, .subnav li a.active{width:194px; height:28px; border-bottom: 2px solid #f79624; display:block; text-decoration:none; color:#e5800b; background: url(../images/nav-bullet.png) no-repeat right center}

/* naviAdd */
.naviAdd{background:url(../images/)}
.naviAdd li{display:inline}
.naviAdd li a{color:#;text-decoration:none}
.naviAdd li a:hover{color:#;text-decoration:none}

/* content */
#content{min-height:345px; height:auto; _height:345px; padding: 0 0 20px 0}
.contentSidebar{width:194px; float:left; margin: 0 51px 0 0}
.contentMain{width:693px; float:left}
#index .contentMain{width:938px; float:none}

.contentMain a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}
.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.gmaps{padding: 5px; border:1px solid #bdbdbd}

.colLeft{float:left; width: 300px}
.colRight{float:left; width: 300px}
.nachoben{background:url(../images/top.jpg); height:20px; display:block}

h1{height:62px; width: 472px; float:left; margin: 0 0 40px 0;}
.breadcrump{float:right;width:466px; text-align:right; color: #fff; margin: 35px 0 0 0}
.breadcrump a{color: #fff}
#index h1{background:url(../images/hl-index.jpg) no-repeat; margin: 0 0 40px 0;height:79px; width:938px;float:none }
#index p.intro{background:url(../images/index-intro.png) no-repeat; height:20px; width:938px;}
#ueber h1, #philosophie h1, #produktion h1, #referenzen h1{background:url(../images/hl-ueber.jpg) no-repeat;}
#kontakt h1, #danke h1{background:url(../images/hl-kontakt.jpg) no-repeat;}
#anfahrt h1{background:url(../images/hl-anfahrt.jpg) no-repeat;}
#agb h1{background:url(../images/hl-agb.jpg) no-repeat;}
#impressum h1{background:url(../images/hl-impressum.jpg) no-repeat;}
#radsport-trikots h1,
#radsport-westen h1,
#radsport-jacken h1,
#radsport-einteiler h1,
#radsport-zubehoer h1,
#radsport-hosen h1{background:url(../images/hl-radsport.jpg) no-repeat;}
#laufsport-trikots h1,
#laufsport-westen h1,
#laufsport-jacken h1,
#laufsport-einteiler h1,
#laufsport-zubehoer h1,
#laufsport-hosen h1{background:url(../images/hl-laufsport.jpg) no-repeat;}
#kinder-trikots h1,
#kinder-westen h1,
#kinder-jacken h1,
#kinder-einteiler h1,
#kinder-zubehoer h1,
#kinder-hosen h1{background:url(../images/hl-kinder.jpg) no-repeat;}

#service h1,#material-neu h1,#muster h1,#mindestmengen h1,#sitzpolster h1,#waschen h1,#groessen h1,
#design h1{background:url(../images/hl-service.jpg) no-repeat;}

#inlineskating h1{background:url(../images/hl-inlineskating.jpg) no-repeat;}

#triathlon-tops h1,
#triathlon-einteiler h1,
#triathlon-hosen h1{background:url(../images/hl-triathlon.jpg) no-repeat;}

.teaser p{float:left; margin: 15px 0 18px 0}
.teaser-01{background:url(../images/teaser-01.jpg) no-repeat; width:246px; height: 137px; display:block}
.teaser-01 a{width:86px; height:26px; display:block; position:absolute; margin: 33px 0 0 19px}
.teaser-02{background:url(../images/teaser-02.jpg) no-repeat; width:245px; height: 137px; display:block}
.teaser-02 a{width:86px; height:26px; display:block; position:absolute; margin: 33px 0 0 19px}
.teaser-03{background:url(../images/teaser-03.jpg) no-repeat; width:245px; height: 137px; display:block}
.teaser-03 a{width:86px; height:26px; display:block; position:absolute; margin: 33px 0 0 19px}
.teaser-04{background:url(../images/teaser-04.jpg) no-repeat; width:202px; height: 137px; display:block}
.teaser-04 a{width:86px; height:49px; display:block; position:absolute; margin: 33px 0 0 19px}

.bestelloptionen{background:url(../images/bg-bestelloptionen.jpg) no-repeat; width:130px; height:69px; padding: 16px 0 0 64px; font-size: .9em; margin: 40px 0 0 0}

.contentMain ul li{padding:4px 0; border-bottom: 1px solid #CCCCCC}
.contentMain ul{list-style-position:inside; list-style-type: square; margin-bottom:18px}
ul.list{margin: 0 18px 18px 0; list-style-position:inside; list-style-type: square; width: 200px;float:left;}
ul.list li{padding:4px 0; border-bottom: 1px solid #CCCCCC}

ul.list2{list-style-position:inside; list-style-type: square; margin-bottom:18px}
ul.list2 li{padding:4px 0; border-bottom: 1px solid #CCCCCC}

.galerie p {
float:left;
margin-bottom:10px;
text-align:center;
}
.galerie img {
margin:10px 10px 0 0;
}

/* footer */
#footer{background: url(../images/footer-bg.jpg) no-repeat; min-height:83px; height:auto; _height:83px; font-size: .9em; padding: 34px 0 0 0; line-height:1.6em}
#footer address{float:left;width:223px; padding: 0 23px 0 0}
#footer p{float:left;width:223px; padding: 0 23px 0 0}
#footer .nl{width:233px;float:left; margin: -4px 0 0 0;}
#footer .nl form{height:36px}
#footer .nl span{float:left; margin: 0 10px 0 0; height:20px; padding: 4px 0 0 0}
#footer .nl .newsl{float:left; border:1px solid #b2b2b2; width:126px; padding: 4px; height:12px; font-size:1em}
#footer .nl .senden{float:left; width: 22px; height:22px;}

#footer a{color: #393939}
#footer a:hover{color: #f7931d}

/* allgemein */
a{color:#e5800b;text-decoration:underline}
a:hover{color:#666}
ul{list-style:none}

h2{color: #f7931d;margin: 0 0 20px 0}
p{margin-bottom:20px;line-height:1.6em}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}
	.trenner{clear:both; border-bottom: 1px solid #ccc; width:100%; display:block; padding: 20px 0 0 0; margin: 0 0 20px 0}
	.trenner .hoch{background: url(../images/cmsTop.jpg) no-repeat; width:17px; height: 18px; display:block; position:absolute; margin: 0px 0 0 670px}

/* CMS */
.cmsText{line-height: 1.6em;}
	.cmsTextFloat{line-height: 1.6em;width:500px; float:left}
.cmsText ol{padding: 0 0 0 30px; margin: 0 0 20px 0}
.cmsText li{border-bottom: 1px solid #ccc; padding: 4px;}
.cmsProdukte{background: url(../images/produkt-bg.jpg) repeat-x left bottom; min-height:142px; height:auto; _height:142px;border: 1px solid #ccc; padding: 35px; margin: 0 0 30px 0; display:block}
.cmsTop{background: url(../images/cmsTop.jpg) no-repeat; width:17px; height: 18px; display:block; position:absolute; margin: -30px 0 0 670px}
.cmsProdukte h3{color: #f7931d; font-size:1.4em; font-weight: normal; margin: 0 0 20px 0; width:319px;}
h4{color: #f7931d; font-size:1.4em; font-weight: normal; margin: 0 0 20px 0;}
.cmsProdukte h4{color: #424242;padding: 0 0 0 12px; background:url(../images/cmsbullet.png) no-repeat 0 5px; margin: 0 0 10px 0;  width:319px; font-size:1.1em; font-weight:bold}
	.hl4{margin:30px 0 10px 0 !important; font-weight:bold}
.cmsSchnitt{width:192px; float:left; margin: 0 40px 0 0; line-height: 1.6em}
.cmsMaterial{width:164px; float:left; line-height: 1.6em}
.cmsBeschreibungen{float:left;}
.cmsBildGroesse{float:right}
.cmsBildGroesse p{border:1px solid #ccc; padding: 7px; font-size: .9em; color: #666; width:166px}
img.cmsBild{border: 0; padding: 5px; background:#fff; margin: 40px 0 10px 0}
.floatRight{float:right;}
	.floatRight2{float:right;margin: 20px 0 10px 20px}
.floatLeft{float:left;}
	.floatLeft2{float:left;margin: 0 20px 10px 0}
.logo{float:left; width:160px;margin: 0 15px 0 0; display:block; min-height: 100px; height:auto; _height:100px}



/* Tabelle */
th { font:76% Verdana, Arial, Helvetica, sans-serif; color:#666;
	border-right: 1px solid #999;
	
	border-top: 1px solid #999;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
	
	
	width:70px;
}



th.nobg {
	border-top: 0;
	
	border-right: 1px solid #999;
	background: none;
	width:170px;
	color:#666;
	
}


th.bg {
	border-top: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	
	background: #ffa42c;
	width:170px;
	color:#000000;
	
}


th.spec {	
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	
	background: #fff;
	font: 76% Verdana, Arial, Helvetica, sans-serif; color: #666;
}

th.specalt {	
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #fff;
	font: 76% Verdana, Arial, Helvetica, sans-serif; color: #666;
}

td.specalt {border-bottom: 1px solid #999;
			font: 76% Verdana, Arial, Helvetica, sans-serif; color: #666;}


td {
	border-right: 1px solid #999;
	font: 76% Verdana, Arial, Helvetica, sans-serif; color: #666;
	border-top: 1px solid #999;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666;
	width:150px;
}

td.nobgtd {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

table.mytable { width:500px; margin: 0 0 20px 0}


table.mindest 	{width:600px;}
td.m1 			{font: 76% Verdana, Arial, Helvetica, sans-serif; color: #000; background:#ddd;}
td.m2 			{border-left: 1px solid #999;}
th.m2 			{border-left: 1px solid #999;}

p.weite			{padding:0 0 0 50px;}

.pic_1			{padding:0 0 0 50px;}
.txt			{padding:0 0 0 135px;}