/* CSS Document cooperation fahrrad.co.at */

body {
  	    margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		color: #000000;
		background-color: #fff;
}
	
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #999; }
	
p { line-height: 140%; }
	
h1{
	color: #999;
	font: 140% arial, hevetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin:0 0 10px 0;
	padding:0;
}



.preis {
	color: #6c6e72;
	font-weight: bold;
	line-height: 3em;   
}



.hl{
	color: #999;
	font: 130% arial, hevetica, sans-serif;
	font-weight: normal;
    letter-spacing: 0.1em;
}

.hl2 {
	color: #999;
	font: 120% arial, hevetica, sans-serif;
	font-weight: normal;
    letter-spacing: 0.1em;
}


.mehr {
	color: #999;
	text-decoration: underline;
	font-style: italic;
} 

.mehr a,.mehr a:visited  { 
   color: #999;
   text-decoration: underline; 
}

.mehr a:hover {
	color: #000;
}

.kastmehr {
	color: #000;
	text-decoration: underline;
	font-style: italic;
} 

.kastmehr a,.kastmehr a:visited  { 
   color: #fff;
   text-decoration: underline; 
}

.kastmehr a:hover {
	color: #000;
}

/*Indexseite  english- und freefind-link*/
.sprache {
	color: #ed1c24;
	font-weight: bold;
} 

.sprache a:link, .sprache a:visited  { 
   color: #ed1c24;
   text-decoration: none; 
}

.sprache a:hover {
	color: #333;

}
.sprache a:active {
	 color: #ed1c24;
}


.hm_kapitel {
	color: #000;
	font: 120%  arial, hevetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 160%;
}

.hm_kapitelkl {
	color: #000;
	font: 110%  arial, hevetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 140%;
}

.hm_kapitelgew {
	color: #ed1c24;
	font: 120%  arial, hevetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 160%;
}

.hm {
	color: #fff;
	font: 12px arial, hevetica, sans-serif;
	font-weight: bold;
}

.hmgew {
	color: #fb9d87;
}

.hm a, .hm a:visited  { 
   color: #fff;
   text-decoration: none; 
}

.hm a:hover,.hm a:active {
	color: #c7c5c6;
}

.top a,.top a:visited  { 
   color: #ed1c24;
   
}

.top a:hover {
	color: #ed1c24;
}

.spacer_vert {
	width: 1px;
	height: 3px;
	padding: 0;
	margin: 0;
	border: 0;	
}

.spacer_horr {
	width: 3px;
	height: 1px;
	padding: 0;
	margin: 0;
	border: 0;	
}

.spacer_start_abstand{
	width: 10px;
	height: 25px;
	padding: 0;
	margin: 0;
	border: 0;	
}

.strich_horr_du {background-color: #999; }
.strich_horr_he {background-color: #999;}

/*SITE AUFBAU*/ 
#container {
    width: 842px;
	margin: 4px auto;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../../pics/navi/fahrrad_higru_li.gif);
	background-position: left;
	background-repeat: repeat-y;
}
	
#navi_top {
	height: 31px;
    text-align:right;
	background-color: #fff;
}	


#navi_top a, #navi_top a:visited  { 
   color: #000;
   font-weight: bold;
   text-decoration: none; 
}

#navi_top a:hover,#navi_top a:active {
	color: #9f9ea3;
	font-weight: bold;
}
	
		
/*KOPF Hauptmenü Logobereich */ 		
		
#header {
	height: 189px;
	width: 842px;
	position: relative;
	margin: 0;
	background-color: #000;
	top:0;
}


#navi_hm {
    left:221px;
	position: absolute;	
	width: 621px;
	height: 31px;
	margin: 0;
	top:0;
}



/*Navigationsbereich LINKS*/
	
#navi_links {
		float: left;
		width: 221px;
}

/*Navigation*/

#container_navi {
     margin: 0 0 50px 0;
	 width: 221px;
	 height: 255px;
}
	
#container_navi ol {padding:0; margin:0; list-style-type: none; }
#container_navi ul {padding:0; margin:0; list-style-type: none; }
/*#container_navi li {float:left; margin-right:1px; position:relative; }*/

#container_navi li {
	background-color: #ed1c24;	

	border:1px dotted #ffffff;
	border-width:0 0 1px 0;
	
	font: 110%;
	color: #fff;
	font-weight: bold;
}

#container_navileer {
     margin: 0 0 50px 0;
	 width: 221px;
	 height: 245px;
}


/*menüpunkt definieren */
#container_navi ul li a, #container_navi ul li a:visited {
	display:block;
 
	color: #fff;
	text-decoration:none;

	height: 15px;
	width: 201px;

	padding: 5px 10px 5px 10px;
	margin: 0;
}

/*Menüpunkt Rollover */
#container_navi ul li a.hide {

}

#container_navi li a.hide:hover {
	background-image: url(../../pics/navi/pfeili_weiss.gif);
	background-repeat: no-repeat;
	background-position:right;
}

/*Menüpunkt gewählt */
.navibutton_gew {
	height: 15px;
	width: 201px;

	padding: 5px 10px 5px 10px;
	margin: 0;

	background-image: url(../../pics/navi/pfeili_rosa.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

/*Menüpunkt gewählt Untermenü*/
.unter_navibutton {

	width: 201px;
	padding: 5px 10px 5px 10px;
	
	margin: 0;
	background-color: #f26649;
	
	border:1px dotted #ffffff;
	border-width:0 0 1px 0;
	
	color: #000;
	font: 110%;
	line-height: 130%;
	font-weight: bold;
}

.unter_navibutton a, .unter_navibutton a:visited  { 
   color: #000;
   font-weight: normal;
   text-decoration: none; 
}

.unter_navibutton a:hover,.unter_navibutton a:active {
	 color: #000;
	font-weight: bold;
}



#container_suchen {
	width: 201px;
	padding: 10px;
	margin: 0;
	height: 50px;
	border-top: 1px;
	border-top-color: #FFFFFF;
	border-top-style: dotted;
	font: 80% Arial, Helvetica, sans-serif;
	color: #000;
}

#container_suchen a:link, #container_suchen a:visited  { 
   color: #ed1c24;
   font: 140% Arial, Helvetica, sans-serif;
}

#container_suchen a:hover {
	color: #B52C07;
}

#container_suchen a:active {
	 color: #ed1c24;
}

/*FORMULAR Suchen*/

#container_suchen form {
	margin:10px 0 5px 0;
	padding:0;
}

#container_suchen input {
	margin:0 0 0 5px;
	padding:3px;
	
	border: 1px solid #919396;
	background:#fff;
	
	width:120px;
	font-family: 100% Arial, Helvetica, sans-serif;
	color: #000;
}

#container_suchen input.suchesenden {
    margin:0;
	padding:2px;
	width:60px;
	font-family: 100% Arial, Helvetica, sans-serif;
}	

/*CONTAINER INHALT*/ 
#container_content {
	margin: 0 0 0 221px;
	text-align: left;
}


#seitenpfad {
	padding: 10px 15px 10px 15px;
	text-align: left;
	
	color: #9f9ea3;
	top: 0px;
	font-weight: bold;
}

#seitenpfad_det {
	padding: 10px 15px 10px 15px;
	text-align: left;
	
	width:460px;
	color: #9f9ea3;
	 top: 0px;
	
	font-weight: bold;
}

#print {
	padding: 10px 0 10px 0;
	text-align: left;
	width:110px;
    font: 85% arial, hevetica, sans-serif;

	top: 0px;
	float: right;
}

#content {
	margin: 12px 0 0 15px;
	background-color: #FFFFFF;
	font: 95% arial, hevetica, sans-serif;
	line-height: 140%;
	height: 325px;
	width: 605px;
	overflow: auto;
	float:right;
}


#content.detail {
	margin: 12px 0 0 15px;
	background-color: #FFFFFF;
	font: 95% arial, hevetica, sans-serif;
	line-height: 140%;
	height: 325px;
	width: 605px;
    overflow: hidden;
	float:right;	
}



/*Indexseite*/
#aktion_mitte	{
	padding: 5px;
	margin: 0 0 25px 0;
	text-align: left;
	background-color: #9f9ea3;
	width: 224px;
	color: #fff;
}

#aktion_mitte .hl_newsbox {
	color: #fff;
	font: 120%  arial, hevetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

#aktion_mitte .mehr {
	color: #fff;
	text-decoration: underline;
	font-style: italic;
} 

#aktion_mitte .mehr a, #aktion_mitte .mehr a:visited  { 
   color: #fff;
   text-decoration: underline; 
}

#aktion_mitte .mehr a:hover {
	color: #000;

}
			
.imagefloat_links {
		float: left;
		padding: 0 10px 10px 0;
	    margin: 0;
}
	
.imagefloat_rechts {
		float: right;
		padding: 0 0 10px 10px;
        margin: 0;
}
	
.imagefloat_mitte{
	    margin: 10px 0 10px 0;
}

/*Ende Indexseite*/	
#slidemenue {
	
	padding:3px 0 3px 0;
	margin: 6px 0 5px 0;
	
    text-align:left;
	
	border:1px solid #9f9ea3;
	border-width:1px 0 1px 0;
}	


#slidemenue a, #slidemenue a:visited  { 
   color: #9f9ea3;
   text-decoration: none; 
}

#slidemenue a:hover,#slidemenue a:active {
	color: #000;
}

/* MagazinSeiten*/

#schwarzesbrett{
	background-color:#000;
	text-align: center;
}





/*Navigation*/


#container_navi_mag {
     margin: 0 0 50px 0;
	 width: 221px;
	 height: 200px;
}



#container_navi_mag ol {padding:0; margin:0; list-style-type: none; }
#container_navi_mag ul {padding:0; margin:0; list-style-type: none; }

#container_navi_mag li {
	
    display:block;
	border:1px dotted #ffffff;
	border-width:0 0 1px 0;
	
	font: 110%;
	color: #fff;
	font-weight: bold;
	
	
	height: 15px;
	width: 201px;

	padding: 5px 10px 5px 10px;
	margin: 0;
}


/*menüpunkt definieren */
#container_navi_mag ul li a, #container_navi ul li a:visited {
	color: #fff;
	text-decoration:none;
}

/*Menüpunkt Rollover */
#container_navi_mag ul li a:hover {
	color: #ed1c24;	
	text-decoration:none;
}

/*Menüpunkt gewählt */
#container_navi_mag ul li a.navibutton_gew_mag {
   color: #ed1c24;	
   text-decoration:none;
}

/*INHALT MAGAZINSEITEN*/
#seitenpfad_mag {
	padding: 10px 15px 10px 15px;
	text-align: left;
	background-color:#E8E7E6;

	color: #9f9ea3;
	top: 0px;
	font-weight: bold;
}

.hl_newsbox {
	color: #666666;
	font: 120%  arial, hevetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}


#aktion_links_mag	{
	padding: 5px;
	margin: 0 0 25px 0;
	text-align: left;
	background-color: #CC6666;
	width: 165px;
	color: #fff;
}


#aktion_mitte_mag	{
	padding: 5px;
	margin: 0 0 25px 0;
	text-align: left;
	background-color: #BFBDC0;
	width: 200px;
	color: #fff;
}

#aktion_rechts_mag	{
	padding: 5px;
	margin: 0 0 25px 0;
	text-align: left;
	background-color: #999999;
	width: 165px;
	color: #fff;
}

/*Infobox auf Textseiten */
.hl_info_mag_text {
	color: #ed1c24;
	font: 120%  arial, hevetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.info_mag_text { color: #fff; }
.info_mag_text a:link, .info_mag_text a:visited { color: #fff; text-decoration: none; }
.info_mag_text a:hover, .info_mag_text a:active{ color: #ed1c24;text-decoration: none; }
/*Magazin Fotogalerie*/

/*Fotogaleriedetailseiten*/
#content.fotogaleriedet {
	margin: 0;
    height:300px;
	width: 605px;
    /*overflow: hidden;
	float:right;*/
}

.hidehoehe{
	height: 200px;
	overflow: hidden;
}
/*Magazin Themen*/
.hl_mag_themen {
	color: #fff;
	/*font: 120%  arial, hevetica, sans-serif;*/
	font-weight: bold;
	/*text-transform: uppercase;*/
	text-indent: 0.3em;
	line-height: 120%;
}

.mag_themen_links {
	color: #000;
	/*font: 120%  arial, hevetica, sans-serif;*/
	font-weight: normal;
	/*text-transform: uppercase;*/
	 line-height:130%;
}
.mag_themen_links a:link, .mag_themen_links a:visited { color: #000; }
.mag_themen_links a:hover, .mag_themen_links a:active { color: #ed1c24;}

/* MagazinSeiten ENDE*/



/* FORMULAR */

.formulartext {
	color: #000;
	font: 90%  arial, hevetica, sans-serif;
	font-weight: normal;
}

.formulartextklein {
	color: #000;
	font: 90%  arial, hevetica, sans-serif;
	font-weight: normal;
}


/* LISTE PDFicon */




#download li.pdf{
	list-style-image: url(../../pics/index/pdf.gif);
	margin: 5px 0 5px 0;
	padding:0;
	
	 
}



	
#footer {
	clear: both;
	height: 6px;
	background-color: #ED1C24;
    }
.swbrett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FF0000;
}
.linksKat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FF3300;
}
.soangRadname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: left;
	color: #FF3300;
	font-weight: bold;
}
.soangSpezi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
	background-color: #CCCCCC;
}
.sonangPreis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-color: #999;
}
.sonangProzente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #CC0000;
	font-weight: bold;
	text-align: right;
}
.sonangStattPreis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: right;

	color: #FFFFFF;
	background-color: #FF0000;
}