/*
 Fietswereld
 Content Stylesheet
 06-06-2007 i-Aspect B.V.
*/

a{ color:#3d447f; }

h1{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 8px;
	color:#3d447f;
	border-left:4px solid #fed00b;
	font-size:14px;
	clear:both;
}
h2{
   margin:10px 0;
   padding:0px 0px 0px 8px;
   border-left:4px solid #fed00b;
   font-size:12px;
   clear:both;
}

p{
	line-height:18px;
	clear:both;
}
.klik{ cursor:pointer; }
.nospacing{
   margin:0px !important;
   padding:0px !important;
}
hr { display:none; }

/* content */
   #content p{
   	margin:0px;
   	padding:10px 0px 10px 0px;
   }
   img.contentimg{
   	padding:2px;
   	border:1px solid #fed00b;
   	margin:3px;
   }

/* sidebar */
	div#sidebar h3{
		margin:0px;
		margin-bottom:10px;
		padding:6px;
		width:158px;
		height:16px;
		background:url(/images/fw/sidebar_title.gif) no-repeat;
		font-size:12px;
		color:#3d447f;
	}

	div#sidebar p{
		margin:0px;
		padding:5px;
		padding-top:0px;
	}

	div.hr{
		height:1px;
		margin-top:1px;
		margin-bottom:1px;
		background:url(/images/fw/sidebar_hr.gif) repeat-x;
	}

	div.sidebarblock{ padding:5px; }
		div.sidebarblock p{ padding:0px; }

	/* opsomming voor quicklinks en segmenten */
	ul.quicklinks, ul.segmenten{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	ul.segmenten{ margin-bottom:20px; }
		ul.quicklinks li, ul.segmenten li{
			height:20px;
			margin:5px 0px 5px 0px;
		}
			ul.segmenten li{ background:url(/images/fw/sidebar_hr.gif) repeat-x bottom; }
			ul.quicklinks li a, ul.segmenten li a{
				display:block;
				width:130px;
				padding-bottom:5px;
				padding-left:30px;
				background:url(/images/fw/bullet_quicklink.gif) no-repeat 10px 2px ;
			}

/* segmenten assortiment uitwerken */
   ul.segmenten li{
      height:auto;
   }
      ul.segmenten ul.subsegmenten{
         list-style:none;
         margin:0px;
         padding:0px;
      }
         ul.segmenten a:hover{
            text-decoration:none;
         }
         ul.segmenten a.active{
            text-decoration:none;
         }
         ul.subsegmenten li a{
            background:url(/images/fw/bullet_subsegment.gif) no-repeat 15px 4px;
            padding-left:30px;
            font-size:0.9em;
            width:110px;
         }
         ul.subsegmenten li{
            background-image:none;
         }

		/* formulier nieuwsbrief */
		form.newsletter{
			margin:0px;
			margin-bottom:30px;
			padding:4px;
		}
		form.newsletter input{
			border:1px solid #fdd62f;
			border-right:0px;
			width:130px;
			height:13px;
			padding:3px;
			padding-top:2px;
			float:left;
			font-size:12px;
			color:#bbbbbb;
		}
		 form.newsletter input.active{ color:#333333; }
			form.newsletter input.submit{
				width:19px;
				height:20px;
				border:0px;
				background:url(/images/fw/btn_subscribe.gif) no-repeat;
			}
			div#nbrespel{ height:70px; }

	/* assortiment */
	form.searchproduct{
		margin:0px;
		padding:4px;
	}
	form.searchproduct select{
		width:150px;
		font-size:12px;
		color:#3d447f;
		margin-bottom:5px;
	}
		form.searchproduct select option{ color:#3d447f; }

	ul.navigationbar{
		background:url(/images/fw/bg_navigationbar.gif) repeat-x;
		margin:0px;
		padding:0px;
		height:28px;
		list-style:none;
	}
		ul.navigationbar li{
			float:left;
			width:240px;
			height:18px;
			padding:5px;
			text-align:center;
		}
			ul.navigationbar li.btn_vorige{
				padding:0px;
				width:70px;
			}
			ul.navigationbar li.btn_volgende{
				padding:0px;
				width:80px;
			}
			ul.navigationbar li.returnbtn{ width:auto; }

		ul.navigationbar li a{
			display:block;
			height:20px;
			padding:4px;
		}

		h3.titlefiets{
			clear:both;
			background:url(/images/fw/bg_titlefiets.gif) repeat-x;
			color:#494948;
			padding:5px;
			padding-left:10px;
			height:15px;
			margin-bottom:0px;
			font-size:12px;
		}

		h4.price{
			background:url(/images/fw/bg_price.gif) repeat-x;
			height:33px;
			margin:0px;
			padding:10px;
			color:#ff9000;
			font-size:22px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
		}

/* aanbiedingen */
	ul.promotions{
		list-style:none;
		margin:15px 0px 0px 0px;
		padding:5px 0px 0px 0px;
		overflow:hidden;
		background:url(/images/fw/bg_promotions.gif) repeat-y;
		border-top:1px solid #ebebeb;
		border-bottom:1px solid #ebebeb;
	}
		ul.promotions li{
			float:left;
			margin:0px;
			padding:5px;
			width:190px;
			border-bottom:1px solid #ebebeb;
		}
   		ul.promotions li h3{
   			margin:0px;
   			margin-top:10px;
   			clear:both;
   			background:url(/images/fw/bg_promotiontitle.gif) no-repeat left #feda3c;
   			color:#494948;
   			font-size:12px;
   			width:180px;
   			height:13px;
   			padding:5px;
   			overflow:hidden;
   			line-height:18px;
   		}
   		ul.promotions li p{
            height:40px;
            overflow:hidden;
   		}
   		ul.promotions li strong{
   			float:left;
   			display:block;
   			padding-top:5px;
   			padding-right:10px;
   		}
   		ul.promotions li h4.price{
   			background:none;
   			padding:0px;
   			float:left;
   		}

/* occasions */
   ul.occasions{
	  list-style:none;
	  margin:0px;
	  padding:0px;
	}
      ul.occasions li{
        margin:0px;
        padding:5px;
        background:url(/images/fw/sidebar_hr.gif) repeat-x bottom;
      }
         ul.occasions li img{
           border:1px solid #d6d4d4;
           padding:2px;
           margin-right:10px;
         }
         ul.occasions li h3{
            font-size:12px;
            margin:0px;
            padding:0px;
            width:220px;
         }
         ul.occasions li span{
            width:220px;
            display:block;
            margin:0px;
            padding:0px;
            line-height:normal;
         }

   h3.occasiontitle{
      background-color:#feda3c;
      height:14px;
      padding:8px;
      color:#494948;
      font-family:Verdana, Arial, helvetica;
      font-size:12px;
   }

   table#biedingen,
   table#vacatures{ width:100%; }

   table#biedingen tr.offset,
   table#vacatures tr.offset { background-color:#fefcde; }

   table#biedingen th,
   table#biedingen td,
   table#vacatures th,
   table#vacatures td { padding:4px; }

   table#biedingen th, table#vacatures th{
      background-color:#3d447f;
      color:#ffffff;
   }
   span.orange{
      color:#ff9000;
      font-weight:bold;
   }

   h4.bidTitle{ font-size:14px; }

/* biedingen form */
   div.biedingFormCol{
      float:left;
      margin:2px;
   }
   div.biedingFormCol label{
      font-weight:bold;
      font-size:12px;
      margin-left:3px;
   }
      div.biedingFormCol label.errorMessage{
         font-size:10px;
         font-weight:normal;
         color:#ec0a13;
      }

   div.biedingFormCol input{
      border:1px solid #cac9c9;
      padding-left:3px;
   }
      div.biedingFormCol input.errorMessage{
         border:1px solid #ec0a13;
      }

   .bid{ width: 65px; }
      .bid input{ width:55px; }
   .namebid{ width:110px; }
      .namebid input{ width:100px; }
   .emailbid { width:120px; }
      .emailbid input{ width:110px; }
   .submitbid{
      padding-top:14px;
      width:70px;
   }
      div.submitbid input{ border:none; }

   h2.vacaturetitle{
      font-size:18px;
      color:#ff9000;
   }

/* merken */
ul.brands{
   list-style:none;
   margin:0px;
   padding:0px;
}
   ul.brands li{
      width:200px;
      margin:auto;
      padding:0px;
   }
      ul.brands li img{
         margin:20px 0px 20px 0px;
      }

/* contact */
form.contact{ clear:both; }
   form.contact label,
   form.contact input,
   form.contact textarea{
      width:150px;
      float:left;
      height:17px;
      padding:2px;
      margin:3px;
      font-family:Verdana,Arial,Helvetica,sans-serif;
      font-size:12px;
   }
   form.contact label{ text-align:right; }

   form.contact input,
   form.contact textarea{
      border:1px solid #fed00b;
      width:200px;
   }
      form.contact input.zipcode{ width:50px; }
      form.contact input.city{ width:138px; }
      form.contact input.submit{
         width:auto;
         height:auto;
         border:none;
         background:url(/images/fw/btn_bg.gif) bottom repeat-x #fcd429;
         padding:4px;
         color:#333;
         margin-left:170px;
      }
   form.contact textarea{ height:200px; }

   /* foutmeldingen */
   form.contact label.errorMessage{
      color:#ff0000;
      float:none;
      clear:both;
      height:25px;
      padding-left:170px;
   }
   form.contact input.errorMessage,
   form.contact textarea.errorMessage{
      border:1px solid #ff0000;
   }
   
   /*
	Werkplaatsmenu
*/		 

#werkplaatsmenu{
}
	
	#werkplaatsmenu img {
		margin: 0 0 2em 0;
	}
	
	#werkplaatsmenu h2 {
		background: #ffe125 url(/img/fw/kop_werkplaats.gif) repeat-x;
		color: #0f0f0f;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 1.4em;
		position:relative;
		border-top: 1px solid #d9dbe8;
		border-bottom: 1px solid #FFF;
		border-left: 0;
		padding: 0.5em 1em 0.5em 1em;
		margin: 0 0.3em 0 0;
	}
		
		#werkplaatsmenu h2 em {
			font-size: 90%;
			color: #363f77;
			font-style:italic;
		} 
		
		#werkplaatsmenu h2 span {
			display: block;
			position:absolute;
			right: 15px;
			top: 0;
			margin: 0.5em 0em 0 0;
			padding: 0 2px 0 0;
		}
		
		#werkplaatsmenu div{
		width: 99%;
		border:0px solid #ff00ff;
		margin-bottom: 20px;
		}
		
	#werkplaatsmenu .blauw {
		background-color: #ecf5ed;
	}
	
	#werkplaatsmenu .geel {
		background-color: #f8efbe;
	}
	
	#werkplaatsmenu .groen {
		background-color: #d9ddb2;
	}
	
	#werkplaatsmenu .blauw2 {
		background-color: #e2e9d8;
	}
	
	#werkplaatsmenu ul li {
	margin: 0;
	padding: 0; 
	}
	
	#werkplaatsmenu ul {
		overflow: hidden;
		padding: 1em 1em 1em 1.5em;
		margin: 0 0em 1em 0;
	}
	
	#werkplaatsmenu li {
		float: left;
		display: block;
		line-height:1.5em;
		list-style:none;
		width: 100%;
		border:0px solid #333;
		margin: 0;
		padding: 0;
	
	}
	
	
	#werkplaatsmenu h3 {
		color: #363f77;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 1.6em;
		padding: 0.5em 1em 0.5em 1em;
		margin: 0 0.3em 0 0;
	}
	
	
	#werkplaatsmenu table  {
		border-collapse:collapse;
		width: 99%;
		padding: 0;
	}
		
		#werkplaatsmenu thead {
			display: none;
		}
		
		#werkplaatsmenu td {
			border-top: 1px solid #dadee9;	
			border-bottom: 1px solid #dadee9;
			padding: 0.3em 1.0em 0.3em 1.5em;
		}
		
		#werkplaatsmenu tr.kleur {
			background-color: #f7f8fc;
		}
		
		#werkplaatsmenu td.prijs {
			color: #f99c17;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: italic;
			font-size: 1.4em;
			text-align: right;
			width:6em;
		}
	
	#werkplaatsmenu p.exclusiefMaterialen {
		font-size: 1em;
		font-weight: bold;
		text-align:right;
	}