/* - StyleSheet www.Zonenschein.de - */


/* global reset */

*
	{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	border: 0;
	}

body

	{
	background-color: #000;
	}

.bikeselect #mainnav .aktiv a
	{
	cursor: default;
	background-position: 0px 0px;
	}

/* container layout */

#cover
	{
	margin: 0 auto;
	width: 926px;
	height: 660px;
	}

#tab
	{
	width: 20px;
	height: 340px;
	padding-top: 218px;
	padding-left: 6px;
	float: left
	}

#wrapper
	{
	margin: 0 auto;
	width: 900px;
	height: 660px;
	float: left
	}

#header
	{
	height: 83px;
	background-image: url(header.jpg);
	background-repeat: repeat-x;
	}

#brand
	{ 
	width: 191px;
	height: 34px;
	padding-left: 24px;
	padding-right: 30px;
	padding-top: 10px;
	float: left;
	}

#mainnav
	{
	padding-bottom: 8px;
	width: 740px;
	height: 50px;
	
	}

*:first-child+html #mainnav{  
  /* CSS-Hack für IE7 */  
 position: relative; top: -44px;
 padding-left: 240px
 }  

*:first-child+html #subnav{  
  /* CSS-Hack für IE7 */  
 position: relative; top: -44px;
 color: #eee
 }  

#subnav
	{	
	padding-left: 40px;
	width: 860px;
	height: 30px;
	z-index: 900;
	}
	
#content
	{
	width: 888px;
	height: 590px;
	padding-left: 12px;
	}	

#fenster
	{
	width: 875px;
	height: 548px;
	background-image: url(fenster.jpg);
	background-repeat: no-repeat
	}

#newsfenster
	{
	padding-top: 32px;
	padding-right: 8px; 
	float: right
	}

#katalog
	{
	width: 267px;
	height: 124px;
	position: relative; top: 410px;
	background-image: url(katalog.gif);
	background-repeat: no-repeat
	}

#katalog a
	{
	font: 0.85em/1.4em Verdana, Arial, sans-serif;
	color: #600;
	display: block;
	width: 120px;
	text-align: center;
	padding-left: 138px;
	padding-top: 42px
	}

#pic
	{
	width: 875px;
	height: 199px;
	padding-top: 12px;
	padding-bottom: 12px;
	}

#pic_big
	{
	padding-top: 8px
	}

#pic_small
	{
	width: 875px;
	height: 126px;
	padding-top: 12px;
	padding-bottom: 12px;
	}

#pic_big_frame
	{
	width: 500px;
	height: 310px;
	padding-top: 12px;
	padding-bottom: 12px;
	float: left
	}

#frameinfo, #testinfo
	{
	width: 344px;
	height: 310px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 18px;
	overflow: auto;
	float: right;
	}

#info
	{
	width: 875px;
	height: 372px;
	}

#info_big
	{
	width: 875px;
	height: 261px;
	}


#race p
	{
	width: auto;
	color: #e44811;
	font: 0.75em/1.4em Verdana, Arial, sans-serif;
	padding-top: 4px;
	padding-right: 4px;
	float:left
	}
	
#race
	{
	position: relative;
	top: -475px;
	left: 484px;
	width: 440px;
	height: 200px
	}	
	
	
#rider
	{
	width: 710px;
	height: 300px;
	overflow: auto
	}

#back
	{
	float: right;
	padding-right: 80px
	}


	
#werksteam img
	{
	padding-left: 24px
	}	

#werksteam p
	{
	width: 240px;
	padding-right: 12px;
	padding-bottom: 20px;
	float: left
	}

#nav_select
	{
	width: 875px;
	height: 120px;
	padding-top: 6px;
	padding-left: 25px;
	background-image: url(back_top.jpg);
	background-repeat: no-repeat;
	
	}

#bikepics
	{
	width: 870px;
	float: left
	}

#bikepics a img
	{
	
	margin-right: 18px;
	padding-bottom: 2px;
	border-bottom: #444 solid 1px;
	}



#bikelist
	{
	width: 880px;
	height: 20px;

	
	}

#text, #text_news
	{
	width: 825px;
	height: 180px;
	padding-top: 12px;
	padding-left: 25px;
	padding-right: 25px;
	font: 0.85em/1.4em Verdana, Arial, sans-serif;
	color: #667;
	text-align: justify;
	float: left
	}

#text_news
	{
	height: 392px;
	background-color: #def;
	overflow: auto
	}

#daten
	{
	width: 570px;
	height: 212px;
	padding-top: 38px;
	border-top: #444 solid 1px;
	float: left;
	}

#daten_kit
	{
	width: 700px;
	height: 212px;
	padding-top: 38px;
	border-top: #444 solid 1px;
	float: left;
	}

#daten img
	{
	float: right
	}

#masze, #kit_sa
	{
	float: left
	}

#masze table
	{
	width: 200px;
	}

#kit_sa
	{
	width: 280px;
	padding-right: 20px
	}

#kit_lk
	{
	width: 280px;
	padding-right: 40px
	}

#ausstattung, #kit_lk
	{
	float: right
	}

#bikelist ul
	{
	float: none
	}

#bikelist li
	{
	display: block;
	width: 130px;
	text-align: center;
	float: left;
	padding-right: 12px
	}
	
#footer
	{
	width: 900px;
	padding-top: 12px;
	text-align: center;
	font: 0.70em/1.6em Verdana, Arial, sans-serif;
	border-top: #444 solid 1px;
	}			

#block_links
	{
	position: relative;
	width:340px;
	height: 430px;
	float: left
	}


#block_design
	{
	position: relative;
	width:380px;
	height: 430px;
	padding-left: 10px;
	float: left
	}

#valid
	{
	position: relative;
	width:90px;
	padding-top: 230px;
	height: 200px;
	float: left
	}

#block_links_b
	{
	position: relative;
	width:875px;
	height: 430px;
	z-index: 200
	}

#nav
	{
	width: 220px;
	height: 240px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	border-top: #444 solid 1px;
	float: left
	}

#nav_kit
	{
	width: 120px;
	height: 240px;
	padding-left: 40px;
	padding-top: 10px;
	border-top: #444 solid 1px;
	float: left
	}



#nav ul
	{
	height: 172px;
	padding-left: 20px
	}



#detailansicht
	{
	position: relative; top: -130px; left: 300px;
	}

#block_rechts
	{
	position: relative; top: -430px; left: 388px;
	width: 500px;
	height: 430px;
	}	

#block_rechts_b
	{
	position: relative; top: -430px; left: 178px;
	width: 710px;
	height: 430px;
	}	



#preis
	{
	position: relative; top: 14px;
	height: 100px;
	font: 0.85em/1.4em Verdana, Arial, sans-serif;
	color: #667;
	}



#detail1
	{
	position: relative; top: -333px;
	z-index: 40
	}

#detail2
	{
	position: relative; top: -671px;
	z-index: 30
	}
	
#detail3
	{
	position: relative; top: -1009px;
	z-index:20;
	}	
	
#info_1
	{
	position: relative; top: -322px;
	left: 240px;
	height: 18px; width: 140px;
	z-index: 2
	}

#info_2
	{
	position: relative; top: -465px;
	left: 240px;
	height: 18px; width: 140px;
	z-index: 3
	}






#thumb
	{
	position: relative;
	margin-top: 76px;
	padding-left: 70px;
	visibility: hidden
	}
	
	


	
	


		

	


#footer ul
	{
	position: relative;top: -26px;
	}

#tabelle
	{
	width:300px;height:440px;
	overflow: auto;
	padding-left: 24px;
	}



#nav a, #nav_select a
	{
	font: 0.70em/1em Verdana, Arial, sans-serif;
	color: #aab;
	cursor: pointer;
	}

#nav a:hover, #nav_select a:hover, #info_1 a:hover, #info_2 a:hover 
	{
	color: #fff
	}

#bikedetail
	{
	position: relative; top: -610px; left: 533px;
	width: 500px; height: 320px;
	z-index: 10
	}


#viewport
	{
	float: right;
	margin-top: 12px;
	}


#beschreibung p
	{
	color: #eee
	}





#mainnav ul, #footer ul, #subnav ul
	{
	list-style: none;	
	}

#tab #aktuell a
	{
	display: block;
	width: 20px;
	height: 81px;
	margin-bottom: 4px;
	text-decoration: none;
	background: url("tab_aktuell.jpg") no-repeat left top;
	}

#tab #presse a
	{
	display: block;
	width: 20px;
	height: 81px;
	margin-bottom: 4px;
	text-decoration: none;
	background: url("tab_presse.jpg") no-repeat left top;
	}

#tab #team a
	{
	display: block;
	width: 20px;
	height: 81px;
	margin-bottom: 4px;
	text-decoration: none;
	background: url("tab_team.jpg") no-repeat left top;
	}

#tab #data a
	{
	display: block;
	width: 20px;
	height: 81px;
	margin-bottom: 4px;
	text-decoration: none;
	background: url("tab_data.jpg") no-repeat left top;
	}	

#tab #haendler a
	{
	display: block;
	width: 20px;
	height: 81px;
	margin-bottom: 4px;
	text-decoration: none;
	background: url("tab_haendler.jpg") no-repeat left top;
	}
	
#mainnav a
	{
	display: block;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 8px;
	height: 32px;
	color: #fff;
	text-decoration: none;
	background: url("tab.png") no-repeat left bottom;
	font: 0.8em/1.6em Verdana, Arial, sans-serif;
	
	}
	
	
#subnav a
	{
	display: block;
	color: #000;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;
	font: 0.8em/1.6em Verdana, Arial, sans-serif;	
	}	


#mainnav li, #subnav li
	{
	float: left;
	text-align: center
	}

#footer a
	{
	color: #000;
	margin-right: 8px;
	}
	
#footer a:hover, #footer li.current a
	{
	color: #fff;
	}	

#footer li
	{
	display: inline;
	}

	
* html #mainnav li{  
/* CSS-Hack für IE6 und kleiner */  

 }  

	
	
#mainnav a:hover, #mainnav a:focus

	{
	background-position: 0px 0px;
	}	

#tab #aktuell a:hover, #tab #presse a:hover, #tab #data a:hover, #tab #team a:hover, #tab #haendler a:hover,
#tab #aktuell.current a, #tab #presse.current a, #tab #data.current a, #tab #team.current a, #tab #haendler.current a
	{
	background-position: 0px -81px
	}


#subnav a:hover, #subnav a:focus
	{
	color: #fff;
	}


#subnav li.current a, #content li.current a
	{
	color: #fff;
	cursor: default
	}	


	
a
	{
	outline: none;
	text-decoration: none;
	color: #aab
	}

a.fly
	{
	text-decoration: underline
	}
		
/*textauszeichnung*/

h1
	{
	font: 1em/1.4em Verdana, Arial, sans-serif;
	color: #344E61;
	font-variant: small-caps;
	padding-top: 12px;
	padding-bottom: 6px
	}

h2
	{
	font: 0.95em/1.4em Verdana, Arial, sans-serif;
	color: #667;
	padding-top: 60px
	}

#newsfenster h1
	{
	font: 1.6em/1.4em Verdana, Arial, sans-serif;
	color: #fff;
	font-variant: small-caps;
	padding-right: 32px;
	padding-top: 420px;
	}

#newsfenster h2
	{
	font: 1.2em/1.4em Verdana, Arial, sans-serif;
	color: #ccc;
	padding-top: 2px;
	padding-left: 44px;
	}

#newsfenster a
	{
	margin-right: 32px;
	float: right;
	border: 1px solid #fff;
	}

#nav ul, #nav_select ul
	{
	list-style: none;
	}

	
#detail p
	{
	color: #ccc;
	font: .75em/1.4em Verdana, Arial, sans-serif;
	}	

#block_design a
	{
	font: 1em/1.4em Verdana, Arial, sans-serif;
	color: #667;
	}


p.detail
	{
	float: right
	}

#frameinfo p
	{
	color: #666
	}

a.race
	{
	width: 60px;
	float:left	
	}


.small
	{
	
	font: .7em/1.4em Verdana, Arial, sans-serif;
	}

.footinfo
	{
	font: .85em/1.4em Verdana, Arial, sans-serif;
	}

#block_design a, ul.support li a
	{
	color: #779;
	text-decoration: underline
	}

ul.support
	{
	padding-left: 24px
	}

ul ul.support
	{
	padding-top: 6px
	}

ul.support li
	{
	list-style: square;
	font: .95em/1.4em Verdana, Arial, sans-serif;
	padding-top: 4px;
	padding-left: 6px;
	}

ul ul.support li
	{
	list-style: circle;
	}

.zusatz
	{
	padding-top: 4px;
	color: #444;
	font: .6em/1.4em Verdana, Arial, sans-serif;
	}

#rubrik p
	{
	margin-left: 228px;
	padding-top: 10px;
	}

img.detail
	{
	width: 19px; height: 19px;
	margin-right: 2px;
	margin-top: 4px;
	}

	
#text_news img
	{
	padding: 8px;
	padding-bottom: 2px;
	margin-top: 12px;
	margin-bottom: 12px;
	border: #888 1px solid;
	}

#detailansicht p, #frameinfo p, #testinfo p
	{
	padding-top: 6px;
	font: .65em/1.4em Verdana, Arial, sans-serif;
	color: #667;
	}

.rubrik
	{
	border-bottom: #444 solid 1px;
	}

h1.rubrik1
	{
	display: block;
	width: 260px;
	margin-bottom: 150px
	}

.preis
	{
	padding-top: 20px;
	color: #444;
	font: .85em/1.4em Verdana, Arial, sans-serif;
	font-weight: bold;
	float: left
	}

#infotext_b
	{
	position: relative; top: -219px;
	padding-left: 300px;
	height: 300px;
	}

#infotext_b p
	{
	font: 0.85em/1.4em Verdana, Arial, sans-serif;
	color: #667;
	}

/*tabelle*/

table
	{
	width: 300px;
	color: #aab;
	font: .6em/1.1em Verdana, Arial, sans-serif;
	border-collapse: collapse;	
	}

table.ergebnisse
	{
	width: 540px;
	color: #aab;
	font: .85em/1.4em Verdana, Arial, sans-serif;
	border-collapse: collapse;	
	}

table.aktuell
	{
	font: .95em/1.4em Verdana, Arial, sans-serif;
	}

table.steckbrief
	{
	width: 450px;
	color: #aab;
	font: .85em/1.4em Verdana, Arial, sans-serif;
	border-collapse: collapse;
	margin-right: 12px;
	padding-left: 12px;
	float: right
	}


img.biker
	{
	float: left
	}

caption
	{
	font: 1em/1.4em Verdana, Arial, sans-serif;
	font-weight: bold;
	padding: 10px;
	text-align: left
	}

td
	{
	padding: 1px 10px;
	border-bottom: 1px solid #222;
	text-align: left
	}

#kit_sa table, #kit_lk table
	{
	width: 320px;
	color: #aab;
	font: .6em/1.1em Verdana, Arial, sans-serif;
	border-collapse: collapse;	
	}

td.left
	{
	width: 120px;	
	}
	
tr.head
	{
	background-color: #222;
	color: #eee
	}

tr:hover
	{
	background-color: #222
	}

hr
{
display: block;
border: 2px solid
}

.team
	{
	border: 1px solid;
	color: #222
	}

/* Formular*/

#form
	{
	width: 450px;
	overflow: auto
	}

.feld
	{
	float:right;
	color: #222;
	font: 0.9em/1.6em Verdana, Arial, sans-serif;
	width: auto
	}

.rad
	{
	margin: 5px;
	font: 0.9em/1.6em Verdana, Arial, sans-serif;
	color: #336
	}

.area
	{
	width: 100px;
	text-align: left;
	float: right;
	display: inline;
	padding-bottom: 14px;
	padding-right: 4px
	}

.button
	{
	float: left;
	padding: 10pt 4pt 10pt 0;
	width: auto
	}

fieldset
	{
	margin-top: 12px;
	margin-bottom: 6px;
	padding: 5px;
	font: 1.0em/1.6em Verdana, Arial, sans-serif;
	color: #003;
	border: 1px solid #aabbcc
	}

.leftbar
	{
	width: 80px;
	clear: both;
	float:left;
	display: block;
	margin-left: 5px;
	font: 0.9em/1.6em Verdana, Arial, sans-serif;
	color: #336
	}

.check
	{
	width: 280px;
	clear: both;
	float:right;
	display: inline;
	margin-left: 5px;
	text-align: right;
	font: 0.7em/1.6em Verdana, Arial, sans-serif;
	color: #000
	}

legend
	{
	font: 0.9em/1.6em Verdana, Arial, sans-serif
	}

input, textarea 
	{
border:1px solid #aabbcc
	}

input:hover,
input:focus,
textarea:hover
	{
border: 1px solid #ade
	}

label
	{
padding:2px 5px 2px 5px
	}

.meldung
	{
	font: 0.85em/1.2em Verdana, Arial, sans-serif;
	color: #336;
	float: left;
	width: auto
	}

.fehler
	{
	font: 0.80em/1.6em Verdana, Arial, sans-serif;
	margin-left: 24px;
	text-align: left
	}
	
.bullit
	{
	list-style-type: circle
	}	

#toolz
	{
	 position: relative; top: -112px; left: 665px;
	 width:227px
	}
	
#cosponsoring
	{
	 position: relative; top: -82px; left: 665px;
	 width:227px
	}
	

.fb-like
	{
	margin-top: 80px	
	}