/* >>>>>>>>>> Feuille de style CSS - Radsport Zacherl & Muller <<<<<<<<<< */


/* >>>>>>>>>> LIENS <<<<<<<<<< */

a         {text-decoration:none; font-weight:normal;}
a:link    {color:#52321a; text-decoration:none; border-bottom:1px solid #52321a;}
a:visited {color:#52321a; background-color:none; border-bottom:1px solid #52321a;}
a:hover   {color:#52321a; background-color:#fcf6e4; border-bottom:1px solid #52321a;}
a:active  {color:#fc8227;}


/* >>>>>>>>>> STRUCTURE <<<<<<<<<< */

html, body           {height:100%; margin:0; padding:0;}

html>body #contenant {height:auto;}	

body                 {color:#1a130a; font-size:0.8em; background:url(../bilder/new_site/fond_radsport.jpg) repeat-y 50% 0; text-align:center; font-family:Arial, Verdana, sans-serif;}

/*html[xmlns*=""] body {font-size:0.9em}*/

#contenant           {position:relative; width:914px; margin-left:auto; margin-right:auto; text-align:left; display:block; min-height:100%; height:100% !important; overflow:visible; /*background:#fff;*/}

#entete              {position:absolute; background:url(../bilder/new_site/fond_entete.jpg) no-repeat;_background:url(../bilder/new_site/fond_entete.jpg) no-repeat 1px 0; top:76px; left:-17px; height:40px; width:914px;}
*+html #entete              {background:url(../bilder/new_site/fond_entete.jpg) no-repeat 1px 0;}
html[xmlns*=""] body:last-child #entete          {background:url(../bilder/new_site/fond_entete.jpg) no-repeat 2px 0;}


#banniere            {position:relative; top:-76px; left:16px;_left:17px; height:191px; width:914px; margin-left:auto; margin-right:auto;}
*+html #banniere            {left:17px;}
html[xmlns*=""] body:last-child #banniere       {left:18px;}


#barre              {position:absolute; background:url(../bilder/new_site/barre.jpg) no-repeat; top:192px; left:3px;_left:4px; height:43px; width:904px; color:#fff; text-align:right; padding-top:5px;}
*+html #barre   {left:4px;}
html[xmlns*=""] body:last-child #barre {left:5px;}


#fond-menu                {position:absolute; top:250px; left:-2px;_left:-1px; padding:0; margin:0; z-index:100; background:url(../bilder/new_site/fond_menu.jpg) no-repeat; width:195px;}
html[xmlns*=""] body:last-child #fond-menu {left:0px;}



#menu {border:1px solid #cacaca; width:175px; margin:57px 0 20px 14px;}
#menu ul {padding:0 4px 0 4px; margin-left:0px !important; margin-bottom:0px !important; margin-top:2px !important;}
#menu ul li {padding:0; margin:0; background:url(../bilder/new_site/puce.gif) 7px 13px no-repeat;}
#menu ul li a {display:block; height:20px; padding-top:6px; text-decoration:none; text-indent:20px; border-bottom:1px dotted #cacaca;}
#menu ul li a:hover {background:url(../bilder/new_site/menu_over.gif) no-repeat #e55c18; color:#fff;}

#menu ul li.actif a {background:url(../bilder/new_site/menu_over.gif) no-repeat #e55c18; color:#fff !important;}

#menu a         {border-bottom:none; text-decoration:none; font-size:0.9em !important; font-weight:normal !important;}
#menu a:link    {color:#000;}
#menu a:visited {color:#000;}
#menu a:hover   {color:#fff; background-color:transparent;}
#menu a:active  {color:#52321a;}

#menu ul.sousMenu {background:#fcf6e4; margin:0; padding:0;}
#menu ul.sousMenu li a {color:#a32c00 !important;_color:#a32c00 !important; border:0; background:0;}
#menu ul.sousMenu li a:hover {background:#e55c18; color:#fff !important;}
#menu ul.sousMenu li {background:none;}
#menu ul.sousMenu li.actif a {font-weight:bold !important;}

#shop, #sonstiges {margin:0 0 30px 20px;}
#highlights, #mtb-events, #neue-produkt, #wo-wir-sind {margin:0 0 30px 0;}

#menu .spacer-gif {width:1px; height:4px !important; display:block;}

#fond-menu strong, #fond-menu b {color:#e57918;}

#zoneTexte {
	position:relative; 
	left:215px;
	top:10px;
	float:left; 
	width:440px; 
	padding:100px 0 20px 0px;
	margin-top:160px; 
	text-align:left; 
	line-height:1.6em;
	min-height:236px;
	
}

#zoneDroite {
	/*position:absolute;*/
                _position:relative;
	float:right;_float:none;
                clear:none;
	width:220px;
	background:#fcf6e4;
	/*top:223px;*/
                margin-top:223px;
	/*left:664px;*/
                margin-right:7px;
                _left:232px !important;
	padding:40px 3px 20px 10px;
	text-align:left;
	_line-height:14px;
	border-bottom:10px solid #fff;
}

*+html #zoneDroite {float:none; position:relative; left:235px !important;}

html[xmlns*=""] body:last-child #zoneDroite {margin-right:5px;}

.element {background:url(../bilder/new_site/fond_droite.jpg) no-repeat;}
.element img {margin:52px 0 0 19px;}


h1 {top:0; left:0; margin-top:-25px; margin-left:0px; padding-bottom:13px; color:#e55c18; font-size:1.4em; background:url(../bilder/new_site/fond_h1.jpg) no-repeat 0 100%;}

h2 {font-size:1.3em; color:#52321a; margin-bottom:0;}

h3 {color:#e57918; font-size:1.1em;}


/* >>>>>>>>>> HTML <<<<<<<<<< */
img   {border:0px none;}
	
ul    {margin-left:-9px !important; margin-bottom:10px !important; list-style-position:outside;}
ul li {list-style-type:none; background:url(../bilder/new_site/puce.gif) 0px 7px no-repeat;/*_list-style-image:url(../images/puce_ie.gif);*/ text-indent:15px;}

#zoneTexte p.texte {float:right;}


.at {margin:0 1px 0 1px;_margin:3px 0 0 0; _padding:0 1px;}
*+html .at {margin:3px 0 0 0; padding:0 1px;}

#zoneTexte table {_max-width:392px; border:0;}
#zoneTexte table td {padding:0 0.4em 1.2em 0; border:0; vertical-align:top; font-family:Verdana, Arial, sans-serif; font-size:0.7em;}
#zoneTexte table td p {margin:0.1em;}
#zoneTexte table td a {border-bottom:0 !important;}

.imgtext-table td {padding:0em !important;}

/* >>>>>>>>>> CONTENU DROITE <<<<<<<<<< */

ul 				{padding:10px 5px 0px 20px; margin:0;}
li 				{padding-bottom:3px;}

#zoneDroite ul {margin-left:-3px !important; margin-top:-5px;}

#zoneDroite p {margin-left:5px;}

#zoneDroite img.title {display:block;}

/* >>>>>>>>>> COPYRIGHT <<<<<<<<<< */
#copyright   {position:relative; bottom:0; left:50%; margin:0 0 0 -460px; 
				display:block; width:914px; height:50px; text-align:left; 
				padding:40px 0 0 0; clear:both;}
#copyright p {margin-top:30px; margin-left:15px; font-size:0.85em;}

