@charset "utf-8";
/* CSS Document */
/*-------------------------------------------*/
/*  Allgemein */
/*-------------------------------------------*/
* {margin:0;padding:0;}
body{
	font-size				:12px;
	color					:#f1f1f1;
	background-color				:#e1e0de;
}
p, ul, dl, h1, h2, h3, h4, h5, h6, strong, b, th, td ,a ,label, select, input, span{
	font					: normal 12px arial, helvetica, verdana, sans-serif;
	line-height     		:1.4em;
	color:#f1f1f1;
	/*font-size:10px;*/
}
 select, input{color:#000;}
 input.txt{padding:3px; width:134px;}
 select{width:143px;}
 ul
{
	list-style:none;
}
form {
	margin: 0;
	padding: 0;
	clear:both;
}
.clearUp{
	height:1px;
	font-size:1px;
	clear:both;
}
img{
	border:0;
}
/* GENERAL fonts ************************************/
p, ol, ul, div, h1, h2,h3, td {
	display:block;
}
p, h1, h2,h3 
{
	margin: 0px 0px 0px 0px;
}
a { 
	color:#A1286D;
	text-decoration:none; 
	font-weight:bold; 
}
a:visited {
	color:#A1286D; 
	text-decoration:none;  
	font-size: 12px;
}
a:hover { 
	color:#A1286D;
	text-decoration			:underline; 
	font-weight:bold; 
}
a:active  
{
	color:#A1286D; 
}
#wrapper{
	width: 1004px;
	margin					:0 auto;
}
#mainContainer{
	}
#left{
	width: 150px;
	float:left;
	height:500px;
	background: #000;
	float: left;
}
.logo{
	position:relative;
	height:44px;
}
.logo img{
	position:absolute;
	right:-5px;
	top:5px;
}
#navigation{
	position:relative;
	margin-top:24px;
}
.nav{
	position:absolute;
	top:0;
	right:-5px;
	width:154px;
	z-index:100;
}
.nav li{
	display:block;
	/*background: transparent url(../images/layout/nav_m.jpg) no-repeat;*/
	background:#A5A5A3;
}
.nav li a{
	display:block;		
	background:#191919 url(../images/layout/nav_m_1.jpg) no-repeat;
	text-decoration:none;
}
.nav li .navL2 a, .nav li .navL3 a{
	background:none !important;
}
/*.nav .bikes a:hover span, .nav .bikes li:hover span{
	border-bottom:1px dotted #999999;
	}
	.nav .bikes .navL2 a:hover span{
	border-bottom:none;
	}
*/
/*.nav .bikes a:hover span, 
.nav .bikes:hover span,
*/
.lBikes .nav .bikes a.active span{
		background: transparent url(../images/layout/arrow_2.gif) no-repeat;
		background-position		:134px 15px;
}

.nav li a:hover .navL2, .nav li a.active .navL2, .lBikes  .nav  .bikes .navL2{
	display:block;
}
.nav li a span{
	font-size:12px;
	color:#fefefe;
	height:29px;
	margin-left:5px;
	padding-left:5px;
	display:block;
	line-height:30px;
	font-weight:bold;
	border-top:1px dotted #999999;
	background: transparent url(../images/layout/arrow_1.gif) no-repeat;
	background-position		:134px 11px;
}
.nav li a:hover span
{ 
	color			:#A1286D;
	cursor:pointer;
}
.nav .active span 
{
	color:#A1286D; 
}
.nav li.firstchild{
	}
.nav li.firstchild a{
	background:url(../images/layout/nav_t_1.jpg) no-repeat;
}
.nav li.firstchild a span{
	padding-top:4px;
	border-top :none;
}
.nav li.firstchild .active span{
	border-bottom:1px dotted #999999;
}
.nav li.firstchild .navL2 .active span,
.nav li.firstchild .navL3 .active span{
	border-bottom:none;
}
.nav li.lastchild a{
		background:transparent url(../images/layout/nav_b_1.jpg) no-repeat;
}
.nav li.lastchild a span{
	padding-bottom:4px;
	border-bottom:none;
}
.nav .navL2{
	/*display:none;*/
}
.lBikes .nav .navL2{
	display:block;
}
.nav li:hover .navL2{
	display:block;
}
.navL3{
	display:block;
	margin-left:4px;}
.navL3 li a{
	background:none;
}
.navL3 li a span{
	height:19px;
	line-height:19px;
	border-top:1px dotted #999999 !important;
	padding-top:0 !important;
	padding-left:0 !important;
}
.navL3 li.firstchild a span{
	border-top:none !important;
}
.navL2 {
	background				:#A5A5A3 url(../images/layout/bg_nav_left.jpg) repeat-y;
	background-position		:left;
	padding-left:15px;
	margin-right:10px;
}
.navL2 h3{
	height:20px;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	font-size:12px;
	font-weight:bold;
	color:#A1286D;
	line-height:20px;
}
.navL2 .firstchild h3{
	border-top:none !important;
}
#middle{
	float:left;
	width:925px;
	padding-left:5px;
	//background				:#191919 url(../images/layout/bg_shadow_l_2.jpg) repeat-y;
	background-position		:left;
	background: #000;
}
.containerShadowBottom{
	position:relative;
	height:0px;
	font-size:1px;
}
.shadowBottom{
	position:absolute;
	top:0px;
	left:-5px;
	clear:both;
	height:5px;
	font-size:1px;
	//background				:transparent url(../images/layout/bg_shadow_b.jpg) no-repeat;
	width:610px;
	background-position		:bottom;
}
.contentContainerShadow{
	width:600px;
	padding-right:5px;
	padding-left:10px;
	//background				:#191919 url(../images/layout/bg_shadow_r_2.jpg) repeat-y;
	background-position		:right;
	float:left;

		
}
#content{
	margin:0px 7px 0px 7px;
	padding-bottom:7px;
	padding-top:0px;
	float:none;
	clear:both;
}
.contentContainer{
	border:1px dotted #999999;
	border-top:none;
	border-bottom:none;
	min-height:600px;
	height:auto !important;
	height:600px;
	
}
.navBottom{
	height:16px;
	text-transform:uppercase;
	border:1px dotted #999999;
	border-bottom:none;
	text-align:right;
	
}
.navBottom a {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#989898;
	line-height:16px;
	padding-right:8px;
}
.teaserImg{
	width:598px;
	height:240px;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	margin-top:10px;
	position:relative;
}
.teaserImg object{
	width:598px;
	height:240px;
}
.headline{
	/*border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
*/
	height:40px;
	margin:10px 7px 10px 7px;
	/*background				:transparent url(../images/layout/bg_headline.jpg) no-repeat 0 0 ;*/
}
#right{
	width:160px;
	float:left;
	height:500px;
}
.catalog{
	padding-left:5px;
	padding-top:16px;
}


.catalogContainerShadow{
	width:155px;
	background				:transparent url(../images/layout/bg_katalog_1.jpg) no-repeat;
	background-position		:top;
	overflow:hidden;
}
.catalogContainerShadowBottom
{
	/*#f4f0ed*/
	background				:#e1e0de  url(../images/layout/bg_katalog_b_r1.jpg) no-repeat;
	background-position: 0px 10px;
	background-position		:bottom;
	padding-bottom:10px;
}
 .txt
 {
 	/*#f4f0ed*/
	background				:#000 url(../images/layout/bg_katalog_2.jpg) repeat-y;
	background-position		:0px 0px;
	
}
.txt a{
	display:block;
	margin-left:3px;
	margin-top:0px;
	padding-top:11px;
	padding-left:14px;
	width:130px;
	font-weight:normal;
	background				:transparent url(../images/layout/arrow_white.gif) no-repeat;
	background-position		:0px 12px;
	color:#000;
	font					: normal 11px arial, helvetica, verdana, sans-serif;
	
}

/*----------------------------HOME--------------*/
.lHome .headline
{

	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;

	background:none;
	padding: 7px 0 7px 0;
	min-height			: 45px; /* Min height für FF */
    height				: auto !important; 
    height				: 45px; /* Min height für IE */
}
.lHome #content{
	margin-right:0;
	margin-bottom:0;}
.bikegroups {
	display:block;
	width:590px;
	height:300px;
	clear:both;
}
.bikegroups li{
	float:left;
	padding-right:7px;
	padding-bottom:7px;
	width:288px;
	height:142px;
	display:block;
}
.bikegroups li a{
	display:block;
	width:288px;
	height:142px;
}
a.gr1{
	background				:transparent url(../images/layout/start1_stadsfietsen_off.jpg) no-repeat;
	}
a.gr2{
	background				:transparent url(../images/layout/start1_ebikes_off.jpg) no-repeat;
}
a.gr3{
	background				:transparent url(../images/layout/start1_basic_off.jpg) no-repeat;
}
a.gr4{
	background				:transparent url(../images/layout/start1_sportfietsen_off.jpg) no-repeat;
}
a.gr1:hover{
	background				:transparent url(../images/layout/start1_stadsfietsen_on.jpg) no-repeat;
	}
a.gr2:hover{
	background				:transparent url(../images/layout/start1_ebikes_on.jpg) no-repeat;
}
a.gr3:hover{
	background				:transparent url(../images/layout/start1_basic_on.jpg) no-repeat;
}
a.gr4:hover{
	background				:transparent url(../images/layout/start1_sportfietsen_on.jpg) no-repeat;
}
/*----------------------------BIKES--------------*/
.lBikes .btnsbar{
	width:130px;
	height:34px;
	position:absolute;
	bottom: 8px;
	left:8px;
	z-index:100;
	clear:both;
}
.btnsbar li{
	width:35px;
	height:35px;
	display:block;
	float:left;
	 margin-right:3px;
}
.btnsbar a{
	display:block;
	width:35px;
	height:35px;
	text-decoration:none;
}
a.btn_plus{
	background				:transparent url(../images/icons/POPUP_inactive.jpg) no-repeat;
}
a.btn_prev{
	background				:transparent url(../images/icons/LEFT_inactive.jpg) no-repeat;
}
a.btn_next{
	background				:transparent url(../images/icons/RIGHT_inactive.jpg) no-repeat;
}
a.btn_plus:hover{
	background				:transparent url(../images/icons/POPUP_active.jpg) no-repeat;
}
a.btn_prev:hover{
	background				:transparent url(../images/icons/LEFT_active.jpg) no-repeat;
}
a.btn_next:hover{
	background				:transparent url(../images/icons/RIGHT_active.jpg) no-repeat;
}
.topText	
{
	display:block;
	clear:both;
	padding:0px 0px 0px 0px;
	border-bottom:1px dotted #999999;
	margin-bottom:7px;
}
.suche
{

	}
	label
	{
		font-size:12px;
		padding:0 20px 0 6px;}
.subnavBikes{
	float:left;
	display:block;
	width:583px;
	
	margin-left:7px;
	
	clear:both;
	border-bottom:1px dotted #999999;
	margin-bottom:7px;
}
.subnavBikes li{
	float:left;
	width:110px;
	padding-right:7px;
	padding-bottom:7px;
}
.lBikes .headline{
	height:62px;
	padding:0 !important;
}
.headline h2{padding:0 !important;
	margin:0;
}
.headline h3{padding-left:12px; font-weight:bold;}
.headline h2 img{ 
	padding:0;margin:0;
	border:0;
	height:40px;
}
.welcom{
	float:left;
	padding-right:8px;
}
h3
{
	font-weight:bold;
	padding-bottom:5px;
}
#content p
{
	padding-bottom:15px;
}
.lContact #content p
{
	padding-bottom:15px;
}
.longText ul{
	list-style:circle !important;
	float:none;
	clear:both;
}
.longText ul li{
	float:none;
	clear:both;
}
.longText ul h3
{
	/*display:inline; 
	padding-right: 10px; 
*/
float:left;
width:74px;
	padding-bottom:0;
}
.longText ul div
{
	/*display:inline;*/
	float:left;
}
.preis
{
	padding-top:20px;
}
.preis span
{
	padding-left:20px;
}
.preis .firstchild span
{
	padding-left:10px ;
}
.trefferListeHolder
{
    padding-bottom:20px;
}
.trefferListe {
	clear:both;
	border-top:1px dotted #999999;
	margin-top:5px;
}
.trefferListe .col1{
	
	width:100%;
	padding-right:10px;
	font-weight:bold;
	font-size: 12px;
}
.trefferListe .col2{

	/*width:450px;*/
}
.trefferListe  li{
	border-top:1px dotted #999999;
	clear				:both;
	display				:block;
	padding-bottom		:10px;
	padding-top			:10px;
	min-height			: 50px; /* Min height für FF */
    height				: auto !important; 
    height				: 50px; /* Min height für IE */	
}
.trefferListe .merkmale li{
	display:inline;
	padding:0;
	border:0;
}
.trefferListe .merkmale li span{
	font-weight:bold;

}
.trefferListe .merkmale li span.inactive{
	font-weight:normal;
	color:#dedede;
}
.trefferListe .sep{
	padding-left:4px;
	padding-right:6px;
}
.trefferListe p{
	padding-bottom:2px;
}
.trefferListe .merkmale
{
	display:none;}
	.trefferListeHolder
{
    padding-bottom:20px;
}
.trefferListe {
	clear:both;
	border-top:1px dotted #999999;
	margin-top:5px;
}
.trefferListe .col1{
	/*float:left;
	width:125px;
	padding-right:10px;
	*/
	font-weight:bold;
	font-size: 13px;
	padding-bottom:6px;
}
.trefferListe .col2{
	/*float:left;
	width:450px;
	*/
}
.trefferListe  li{
	border-top:1px dotted #999999;
	clear				:both;
	display				:block;
	padding-bottom		:8px;
	padding-top			:8px;
	min-height			: 30px; /* Min height für FF */
    height				: auto !important; 
    height				: 30px; /* Min height für IE */	
}
.trefferListe .merkmale li{
	display:inline;
	padding:0;
	border:0;
}
.trefferListe .merkmale li span{
	font-weight:bold;
}
.trefferListe .merkmale li span.inactive{
	font-weight:normal;
	color:#dedede;
}
.trefferListe .sep{
	padding-left:4px;
	padding-right:6px;
}
.trefferListe p{
	padding-bottom:1px !important;
}
.trefferListe .merkmale
{
	display:none;
}
.btnSend {
	display: block;
	color:#f1f1f1;
	background: transparent url(../images/layout/arrow_1.gif) -3px 2px no-repeat;
	padding-left:15px;
	margin-top:10px;
}
label 
{
	padding-bottom:4px;
}
.holderDD
{
	padding-bottom:10px;
}
.holderRB
{
	padding-bottom:4px;
}
.holderTB
{
	padding-bottom:6px;
}