/***********************************************/
/* HTML                                        */
/***********************************************/ 

body{
	background-color: #e77817;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin:0px auto;
	padding: 0px;
	font-size: 14px;
}

a:link, a:visited, a:hover {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 160%;
 color: #000000;
 margin: 0px 0px 30px 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 160%;
 color: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 130%;
 color: #000000;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #000000;
 margin: 0px;
 padding: 0px;
}



/***********************************************/
/* Layout                                      */
/***********************************************/

#ganzeSeite{
	width: 1200px;																	/* Ganze Webseite Breite */
	margin: 0px auto; 																/* Ganze Webseite zentrieren */
	border: 0px solid #000000;
}

.td_startseite{
	background-color: #b7c6b7;
	border: 3px solid #ffffff;
}
.td_navi{
}
.td_inhalt{
	border-left: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-bottom: 3px solid #ffffff;
	background-color: #b7c6b7;
}
.td-rechts{
	text-align: center;
}

.logo-oben{
	background-image: url(bilder/logo-radmechaniker_oben-mit-rad.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 192px;
}
.logo-oben-ohne-rad{
	background-image: url(bilder/logo-radmechaniker_oben-ohne-rad.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 192px;
}
#logo-unten{
	clear: both;
	background-image:url(gfx/logo_unten.jpg);
	height: 77px;
	border: 1px solid #cccccc;
}

.rot{
	color: #FF0000;
}
.rotFont{
	color: #FF0000;
	font-size: 18px;
}

.button{
	width: 110px;
	margin: 0px auto;
	text-align: center;
	border: 3px solid white;
	display: block;
	padding: 2px 0px 2px 0px;
	font-size: 14px;
	background-color: #b7c6b7;
}
.gross {font-size: 180%}
.gross2 {font-size: 18px}
.font12 {font-size: 12px; font-weight: normal;}

.tdColor_white{
	color: #FFFFFF;
}
#tdBorderColor_white{
	border-color: #FFFFFF;
}

.abverkauf {
	font-size: 28px;
	font-weight: bold;
	border: solid 3px #000000;
	background-color: #E77817;
	padding: 5px;
	font-style: italic;
}

#Button-Abverkauf{
	padding-left: 400px;
	padding-top: 110px;
}

#Container-Ebike-Vorschau{
	width: 720px;
	margin: 0px auto;
	padding-bottom: 100px;
	}
.Button-Ebike-Vorschau a:link, .Button-Ebike-Vorschau a:visited, .Button-Ebike-Vorschau a:hover {
	width: 120px;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	background-image: url(Bilder-Ebike/ebike_button_120x50.gif);
	font-weight: bold;
	padding-top: 10px;
	text-decoration: none;
	}

#ContentMenu{
	margin-left: 20px;
	padding-bottom: 10px;
	}
#ContentMenuCenter{
 	margin-left: 75px;
	padding-bottom: 10px; 
	}
.ButtonContentMenu a:link, .ButtonContentMenu a:visited, .ButtonContentMenu a:hover {
	width: 120px;
	height: 50px;
	display: block;
	float: left;
	text-align: center;
	line-height: 50px;
	background-image: url(Bilder-Ebike/ebike_button_120x50.gif);
	font-weight: bold;
	text-decoration: none;
	}
.ButtonContentMenuSmall a:link, .ButtonContentMenuSmall a:visited, .ButtonContentMenuSmall a:hover, 
.ButtonContentMenuSmall-2Line a:link, .ButtonContentMenuSmall-2Line a:visited, .ButtonContentMenuSmall-2Line a:hover {
	width: 91px;
	height: 50px;
	display: block;
	float: left;
	text-align: center;
	line-height: 50px;
	background-image: url(bilder/e-bikes_bionx/button-HG.gif);
	font-weight: bold;
	text-decoration: none;
	}
.ButtonContentMenuSmall-2Line a:link, .ButtonContentMenuSmall-2Line a:visited, .ButtonContentMenuSmall-2Line a:hover {
	height: 40px;
	padding-top: 10px;
	line-height: 1.1em;
	}

#Background-Liteville1{
	width: 804px;
	height: 598px;
	margin: 0px auto;
	padding: 10px;
	background-image: url(bilder/liteville/liteville.jpg);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	}
.Background-White{
	width: 804px;
	margin: 0px auto;
	padding: 10px;
	background-color: #FFFFFF;
	}

.Background-None{
	width: 804px;
	margin: 0px auto;
	padding: 10px;
	}
	
.Liteville-Big-White-Text{
	font-size: 33px;
	font-weight: bold;
	color: #FFFFFF;
	}

.Bild-left-marg-r5{
	float: left;
	margin-right: 5px;
	}
.Bild-Float-left{
	float: left;
	margin-left: -10px;
	margin-right: 10px;
	}
.Bild-Float-right{
	float: right;
	margin-right: -10px;
	margin-left: 10px;
	}
.Bild-Liveville_HorstMay{
	float: left;
	margin: -10px 10px -10px -10px;
	}
	
.StartseiteButtonNachruestkits{
	float: left;
	position: relative;
	left: 78px;
	top: -50px;
	background-image: url(bilder/startseite/button_Nachruestkits-und-Einbau.gif);
	width: 120px;
	height: 40px;
	}

.ClearBoth{
	clear: both;
	}
	
.tb-bereits-verkauft{
	background-image: url(bilder/fruehjahrsaktion/bereits-verkauft.png);
	background-position: center;
	background-repeat: no-repeat;
}

/***********************************************/
/* Slideshow                                   */
/***********************************************/
.padding-large
{
   padding: 5px;
}

.wrap {
	margin: 0 auto;
   width: 850px;
   min-width: 700px;
   height: 100%;
	/* text-align: left; */
}


.thumbsarea{
   background-color: #e4ded2;
}

.thumbsarea img{
   vertical-align: middle;
   border: solid 3px #000000;
   margin: 5px;
}

.thumbsarea img:hover{
   border: solid 3px #ffffff;
}

/***********************************************/
/* Für js_popup                                */
/***********************************************/
.bildergalerie{}