/* CSS Document */

html {
		}
	
body {
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #444;
	background: #E7DECD url(../images/body_bg.jpg) top center;

}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */


p, li {
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 1em 0
}

ul {
	margin: 0 0 0 15px
}
ol {
	margin: 0 0 0 30px
}

ol li {
	margin: 0 0 0.5em 0
}

a {
	color: #5C151F;
}

a:hover {
	text-decoration:none;
	color: #333
}

img {
	border:0
}

hr {
	height: 1px;
	line-height: 1px;
	background-color: #D2CECA;
	color: #D2CECA;
	font-size: 1px;
	border:0;
}

h1 {
	color: #918A8A;
	font-size: 110%;
	font-weight:normal;
	padding: 0 0 0 20px;
	width: 200px;
	margin: 0 0 1em 0;
	height: 36px;
	line-height: 36px;
	background: url(../images/h1_bg3.jpg) no-repeat; 
}

h2 {
	font-size: 220%;
	font-weight:normal;
	margin: 0 0 0.3em 0;
}

h2 a {
	text-decoration:none;
}

h3 {
	font-size: 180%;
	font-weight:normal;
	margin: 0 0 0.3em 0;
}

h4 {
	font-size: 140%;
	margin: 0 0 0.5em 0;
}

h5 {
	font-size: 120%;
	margin: 0 0 0.3em 0;
}

h6 {
	font-size: 120%;
	margin: 0 0 0.3em 0;
	font-weight:normal
}

fieldset {
	padding: 10px;
}

legend {
	color: #333;
	font-size: 200%;
	display:none
}

label {
	font-size: 120%;
}

table {
	width: 100%;
	font-size: 120%;
	border-collapse:collapse;
	
}

th {
	text-align:right;
	background: #5C151F;
	color: #EBE7E1;
	font-size: 120%;
	font-weight:normal;
	padding: 2px 10px;
	vertical-align:top
}

td {
	text-align:right;
	width: 30%;
	padding: 2px 10px;
}

tr {
	
}

tr.dark {
	background: #D0C7BA;
}
/* Klassen ########################################################## */

a.pdf {
	background: url(../images/pdf.gif) 0 0  no-repeat;
	padding: 5px 0 5px 40px;
	text-decoration:none;
}

a.pdf:hover {
	background-position: 0 -50px 
}

a.sidebar_link {
	background: url(../images/col2_ul_bullet.gif) left top no-repeat;
	padding: 0 0 0 20px;
	text-decoration:none
}

.bild {
	padding: 2px;
	border: 1px solid #B4ADA5
}
.bild_galerie {
	padding: 2px;
	border: 1px solid #B4ADA5;
	margin: 0 5px 5px 0;
}
.bild_text {
	float:left;
	margin: 0 10px 10px 0;
}

.bild_text_rahmen {
	float:left;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #B4ADA5
}

.bild_text_re {
	float:right;
	margin: 0 0 10px 10px
}

.bild_text_rahmen_re {
	float:right;
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 1px solid #B4ADA5
}



.text_li {
	width: 210px;
	padding: 0 20px 0 0px;
	margin: 0 20px 0 0px;
	float:left;
	border-right: 1px solid #D2CECA
}


.text_re {
	width: 210px;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	float:right;
	border-left: 1px solid #D2CECA
}

.divide {
	height: 20px;
	padding: 10px 0 10px 0;
	background: url(http://www.riders-network.com/rotate/rotate.php) left center no-repeat;
}

.preis {
	background: /*#5C151F*/#D2CECA;
	border: 1px solid #B4ADA5;
	color: #5C151F;
	padding: 0 3px 0 3px;
	font-size: 150%;
	

}

.rot_bg {
	background: #5C151F;
	color: #EBE7E1;
	
}

/*Kommentare */
p.posted {
	background: url(../images/posted.gif) left center no-repeat;
	padding: 0 0 0 20px;
	font-size: 110%;
}

span.kommentare a {
	background: url(../images/comment.gif) left center no-repeat;
	text-decoration:none;
	padding: 0 0 0 20px;
	margin: 0 0 0 0px;
	font-size: 90%;
}

h2#Kommentar {
	background: url(../images/h2_comment.gif) left center no-repeat;
	font-size: 170%;
	padding: 0 0 0 30px;
}

ol.comments {
	margin: 0 0 50px 60px;
	list-style-type: upper-roman;
}

p.small {
	font-size: 90%
}

ol.comments p {
	font-size: 100%;
}

div.comments-wrapper {
	padding: 10px 10px 10px 30px;

}
div.comments-wrapper input.comment_name_input, input.comment_email_input, input.comment_web_input{
	border: 1px solid #D2CECA;
	padding: 2px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FAF8F5;
	
}

div.comments-wrapper textarea {
	border: 1px solid #D2CECA;
	padding: 2px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FAF8F5;
	overflow:auto
}

ul.comments_error {
	background: #5C151F;
	list-style-type:none;
	color: #FFFADE;
	padding: 0 0 0 2px;
	margin: 0;
}

/*Artikelnavigation*/

p.prev {
	width: 48%;
	float:left;
	padding: 10px 0 10px 0;
	font-size: 110%;
}

p.prev a {
	background: url(../images/p_prev_a_bg.gif) top left no-repeat;
	padding: 0 0 0 30px;
	display:block;
	text-decoration:none;
}

p.next {
	width: 48%;
	float:right;
	font-size: 110%;
	padding: 10px 0 10px 0;
	text-align:right
}

p.next a {
	background: url(../images/p_next_a_bg.gif) top right no-repeat;
	padding: 0 30px 0 0;
	display:block;
	text-decoration:none
}

/* Layout ########################################################## */

#container {
	/*height: 1000px;*/
	width: 980px;
	margin:auto;
}

/*Header ##############################*/

#header {
	height: 85px;
	padding: 135px 0 0 225px;
	position: relative;
}

.standard {
	background: url(../images/header_bg.jpg) no-repeat;
}

#header.start {
	background: url(../images/header_start.jpg) no-repeat;
	height: 47px;
	padding: 135px 0 0 225px;
}




#header a.kontakt {
	height: 80px;
	width: 25px;
	background: url(../images/a_kontakt_bg.gif) 0 0 no-repeat;
	position: absolute;
	left: 20px;
	top: 15px;
	text-indent: -3000px;
	outline:none;
}

#header a.kontakt:hover {
	background-position: -70px 0
}

#header a.home {
	height: 60px;
	width: 25px;
	background: url(../images/a_home_bg.gif) 0 0 no-repeat;
	position: absolute;
	left: 20px;
	top: 110px;
	text-indent: -3000px;
	outline:none;
}
#header a.home:hover {
	background-position: -70px 0
}

#header a.logo {
	display:block;
	width: 150px;
	height: 165px;
	position:absolute;
	top: 13px;
	left: 65px;
}

#header a.logo img {
	display:none
}

a.rss {
	display:block;
	height: 80px;
	width: 70px;
	background: url(../images/a_rss_bg.jpg) 0 0 no-repeat;
	position: absolute;
	top:0;
	right: 30px;
	text-indent: -3000px;
	outline:none
}
a.rss:hover {
	background-position: 0 -80px;
}

#suche {
	width: 330px;
	height: 40px;
	position:absolute;
	left: 530px;
	top:31px;
}

.suchfeld {
	background: #EDECE8;
	border: none;
	width: 230px;
	height: 18px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.suchbtn {
	width: 46px;
	height: 30px;
	margin: 0px 0 0 30px;
	
}

#header ul {
	margin:0;
	list-style-type:none;
}

#header ul li {
	float:left;
	padding:0;
}

#header ul li a {
	display:block;
	height: 35px;
	text-indent: -3000px;
	outline:none;
}


#header a.news {
	width: 70px;
	background: url(../images/a_news_bg.gif) 0 0 no-repeat;
	margin: 0 5px 0 5px;
}
#header a.riders {
	width: 165px;
	background: url(../images/a_riders_bg.gif) 0 0 no-repeat;
}

#header a.empfehlu {
	width: 160px;
	background: url(../images/a_empfehlungen_bg.gif) 0 0 no-repeat;
	margin: 0 5px 0 5px;
}

#header a.partner {
	width: 175px;
	background: url(../images/a_partner_bg.gif) 0 0 no-repeat;
	margin: 0 10px 0 5px;
}
#header a.download {
	width: 105px;
	background: url(../images/a_download_bg.gif) 0 0 no-repeat;
}


#header ul li a:hover {
	background-position: 0 -100px
}

/*Content ##############################*/

#content_wrap {
	clear:both;
	width: 820px;
	float:left;
	padding: 0 0 0 10px;
	
}

/*Start image*/


#start {
	height: 347px;
	background: #E0D8D1 /*url(../images/start4.jpg) top center no-repeat*/;
	margin: 0 0 10px 0;
	z-index:1
}

/*Inhalt ################################*/

#col1 {
	width: 500px;
	float:left;
}

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

#col1 ul {
	margin: 0 0 20px 20px;
	list-style-image: url(../images/content_ul_bullet.gif);
}

#col1 ul li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 10px;
	
}

/*Partner #################*/

.partner {
	width: 146px;
	height: 190px;
	background: transparent url(../images/partner_bg.png) 0px 0px no-repeat;
	margin: 0 6px 20px 0px;
	padding: 0 0 0 0;
	float:left;
	text-align:center;
	
}

.partner_bild {
	height: 60px;
	margin: 0px 5px 10px 0px;
	padding: 10px 0 0 0;
	
}

.partner h5 {
	height: 60px;
	font-weight: normal;
	padding: 00px 6px 0 3px;
	font-size: 110%;
}

.partner p {
	font-size: 110%;
}

.partner p a {
	display:block;
	width: 130px;
	height: 30px;
	
}

/*Empfehlungen*/

.empfehlung_start {
	background: url(../images/empfehlung_start.gif) right top no-repeat;
	padding: 0 200px 0 20px;
}

.empf_teaser {
	background: url(../images/col2_teaser_bg.gif) left top no-repeat;
	padding: 0 0 0 40px; 
}


.empf_teaser h4 a{
	text-decoration:none;

}

a.empflink {
	background: url(../images/a_link_empfehlungen_bg.gif) center left no-repeat;
	padding: 0 0 0 40px;
	text-decoration:none
}

/*Bike-Secure*/

.bs_teaser {
	background: url(../images/bs_teaser_bg.gif) left top no-repeat;
	padding: 0 0 0 80px;
}

.bs_teaser h3 a {
	text-decoration:none;
}

/*Formulare #################*/



label.zemText.zemRequired {
	background: url(../images/required.gif) 2px right no-repeat;
	padding: 0 10px 0 0;
}
label.zemCheckbox.zemRequired {
	background: url(../images/required.gif) 2px right no-repeat;
	padding: 0 10px 0 0;
}
label.zemTextarea.zemRequired {
	background: url(../images/required.gif) 2px right no-repeat;
	padding: 0 10px 0 0;
}

input.zemText {
	border: 1px solid #D2CECA;
	padding: 2px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FAF8F5;
	width: 250px;
}
textarea.zemTextarea {
	border: 1px solid #D2CECA;
	padding: 2px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 250px;
	background: #FAF8F5;
	overflow:auto
}

ul.zemError {
	background: #5C151F;
	list-style-type:none;
	color: #FFFADE;
	padding: 0 0 0 2px;
	margin: 0;
}
/*Sidebar#####################################################*/


#col2 {
	float:right; 
	width: 320px;
	min-height: 360px;
	background: url(../images/col2_bg.jpg) top center no-repeat;
	padding: 0px 0 0 0;
}

.col2_content {
	padding: 10px 20px 20px 20px;	
}

#col2 h3{
	height: 30px;
	text-indent: -3000px;
}
#col2 h3.news {
	background: url(../images/h3_news.gif) 0 0 no-repeat;
}

#col2 h3.download {
	background: url(../images/h3_download.gif) 0 0 no-repeat;
}
#col2 h3.kontakt {
	background: url(../images/h3_kontakt.gif) 0 0 no-repeat;
}
#col2 h3.network {
	background: url(../images/h3_network.gif) 0 0 no-repeat;
}
#col2 h3.termine {
	background: url(../images/h3_termine.gif) 0 0 no-repeat;
}
#col2 h3.empfehlung {
	background: url(../images/h3_empfe.gif) 0 0 no-repeat;
}
#col2 h3.meet {
	background: url(../images/h3_meet.gif) 0 0 no-repeat;
}
#col2 h3.promo {
	background: url(../images/h3_promo.gif) 0 0 no-repeat;
}
#col2 h3.partner_headl {
	background: url(../images/h3_partner.gif) 0 0 no-repeat;
}

#col2 h3.bike-secure {
	background: url(../images/h3_bike-secure.gif) 0 0 no-repeat;
	height: 60px;
}

#col2 ul {
	margin:0 0 30px 20px;
	list-style-image: url(../images/col2_ul_bullet.gif);
}

#col2 ul li {
	margin:0 0 0.5em 0;
	padding: 0 0 0 20px
}

#col2 ul li a {
	text-decoration:none
}

#col2 .teaser {
	background: url(../images/col2_teaser_bg.gif) left top no-repeat;
	padding: 0 0 0 40px;
}

#col2 .teaser h4 a{
	text-decoration:none;

}

.sb_termine {
	background: url(../images/tasse.png) top right no-repeat;
}


/*rechte Spalte Werbung#####################################*/
#advertise {
	width: 150px;
	float:right;
	min-height: 400px;
	background: url(../images/mini_adv_bg.jpg) top center no-repeat;
	padding: 50px 0 0 0;
}

body#rn_start #advertise {
	background: url(../images/mini_adv_bg_start.jpg) top center no-repeat;
	padding: 89px 0 0 0;
}

#miniadv {
	width: 140px;
	height: 200px;
	float:right
}

#miniadv ul {
	list-style-type: none;
	padding:0 0px 0 0px;
	margin:0 0 0 15px;
}
#miniadv ul li {
	float: left;
	margin:0 6px 6px 0;
	}

#miniadv a {
	text-decoration:none;
	position:relative;
	 z-index:100;
	background: transparent url(../images/miniadv_a_bg.gif) 0 0 no-repeat;
	width:20px;
	height:20px;
	float:left;
	display:block;
}	

#miniadv a span{
	display: none
	}
	
#miniadv a:hover
	{ 
	z-index: 101; 
	background: transparent url(../images/miniadv_a_bg.gif) 0 -60px no-repeat;
	}

#miniadv a span strong
	{
	display: block;
	margin-bottom:4px
	}
#miniadv a:hover span{ 
    display: block; 
	 position: absolute;
    top: 2em;
	 right: 2em;
	 padding:4px;
	 width:135px;
    border: 1px solid #A59E94; 
	 background:#5C151F;
	 font-size: 80%;
	 color: #FFFADE
	 }
#miniadv a.want  {
	 	clear:left;
		width: 100px;
		background-image: none;
		text-align: right;
		padding: 0 0px 0 25px;
		margin: 15px 00px 0 0px;
	 }
	#miniadv a.want:hover {
		background-image: none;
	}


.btn_adv {
	padding: 15px 0 0 14px;
}

.btn_adv img {
	margin: 0 0 15px 0;
}
.btn_adv p {
	font-size: 110%;
}
.btn_adv p a {
	text-decoration:none;
	 font-size: 80%;
}

/*Footer ##############################*/

#footer {
	clear:both;
	background: url(../images/footer_2010_bg.jpg) top center;
	padding: 0 0 20px 0;
	float:left;
	width: 100%;
}

#footer_content {
	width: 820px;
	margin: 0 auto;
	padding: 100px 0 0 160px;
}

/*#f_links {
	width: 270px;
	height: 200px;
	position: absolute;
	top: 80px;
	right: 180px;
	padding: 0 0 0 10px;
}

#f_links ul {
	list-style-image: url(../images/f_link_bullet.gif);
	margin: 0 0 0 20px
}

#f_links li {
	padding: 0 0 0 20px;
	margin: 0 0 0.3em 0
}

#f_links li a {
	text-decoration:none
}*/

p.adresse {
	display:none
}



/* Clearing ########################################################## */
.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/