/**
 *
 * Fietswereld
 * Stylesheet Layout
 *	19-2-2009 - www.i-aspect.com
 *	by: Bas Muskens (bas@i-aspect.com)
 *   
 * @version    $Id: layout.css 8460 2009-02-26 13:27:01Z bas $
 */


html{
  
}
body{
	background:url(/img/fw/bgSmall.gif) repeat-x top;
	font:0.75em arial,verdana,helvetica,sans-serif;
	color:#2b2b2b;
	margin:0px;
}

a { color:#363f77; text-decoration:none; /*background:url(/img/fw/yellow-dots.gif) repeat-x left bottom;*/ padding-bottom:2px;}
a:hover { background:none; text-decoration: none;}
a.normal { background:none; padding-bottom:0px; }

/* a link met pijl ervoor */
div.btn_block{ background:url(/img/fw/bullet-arrow.gif) no-repeat right; padding-left:10px; }
div.btn_block a{ color:#363f77; text-decoration:none; background:url(/img/fw/yellow-dots.gif) repeat-x left bottom; padding-bottom:2px; }
.btn_block a:hover { color:#363f77; background:transparent;}

p { line-height:18px; }


h1, div.assortimentsidebar h2{
   border-left:4px solid #fed00b;
   margin:15px 0px 10px 14px;
   padding:0px 0px 0px 12px;
   color:#2e366d;
   font-size:16px;
   font-weight:normal;
   font-weight:600;
}

h2{
	color: #2e366d;
   font-size:12px;
   margin-bottom:0px;
   padding-bottom:0px;
}

h3{
	color: #2e366d;
	font-size:14px;
   margin-bottom:3px;
}

/* verberg-tag gebruikt voor headings */
.hide { display:none; }

#container{
   margin:auto;
	position: relative;
   width:980px; /*984*/
}

#home {
	background:url(/img/fw/bg.gif) repeat-x top;
}

#home div.header {
	height: 353px;
}

div #flashheader {
	padding-top:50px;
}

	div.header{
		background:url(/img/fw/bg_menu.gif) repeat-x 20px 0px;
		height: 170px;
      margin:0px;
		margin-left:1px;
		margin-right:1px;
		padding-top:30px;
		overflow:hidden;
/*      margin-bottom:2px;*/
	}
		div.header img.logo {
			margin-top:45px;
		}
		
		div.header img {
			margin-top:50px;
		}

		/* paneel over header plaat */
		div.header div#wereld, div.header div#wereldcontent{
			position:absolute;
			margin-left:665px;
			margin-top: 50px;
			width:278px;
			min-height:115px;
			background-color:#ffffff;
			opacity: .85;
			filter: alpha(opacity=85);
			-moz-opacity:0.85;
		}
			div.header div#wereldcontent{
				background:none;
				opacity: 1;
				filter: alpha(opacity=100);
				-moz-opacity:1;
				padding:10px;
				padding-left:15px;
				width:253px;
 			}
         div.header div.big{
         	min-height:240px !important;
         }
				div.header div#wereldcontent h3 {
					margin:-45px 0 0px 0;
					padding:0px;
				}
				div.header div#wereldcontent p {
					color:#363636;
					padding:0px;
					padding-top:7px;
					margin:0px;
					min-height:55px;
				}
				div.header div#wereldcontent a{
					display:block;
					/*padding:4px;*/
					float:right;
					text-align:right;
					/*background:none;*/
					font-weight:bold;
				}


			div#wereldcontent,#wereld {display:none;}

		div.menucontainer{
			width:655px;
			padding-top:3px;
		}
		div.logocontainer{
			position:absolute;
			left:670px;
			top: -15px;
			width:284px;
		}


	div.content{
		background:url(/img/fw/bg_content.gif) repeat-x top;
		overflow:hidden;
		position: relative;
		z-index: 1;
		width:984px;
		padding-top:14px;
      margin-top:2px;
	}

      div.pagecontainer, div.assortimentcontainer{
         background:url(/img/fw/bg_pagecontainer.gif) repeat-y;
         overflow:hidden;
      }
	      div.assortimentcontainer{
	         background:url(/img/fw/bg_assortimentcontainer.gif) repeat-y;
         }

		 div.pagecontent {min-height: 400px;}
		 
      div.pagecontent, div.assortimentcontent{
         padding: 0px 20px 50px 14px;
         width:650px;
		 /* min-height: 400px; */
         float:left;
      }
	      div.assortimentcontent{
         	padding-left:0px;
         }
         div.pagecontent p{
            margin-top:0px;
            padding:0px;
         }
			
			div.pagecontent a{text-decoration: underline; font-weight: bold;}
			div.pagecontent a:hover {text-decoration: none;}
	   
		div.assortimentsidebar{
         	float:left;
				width: 246px;
				padding-bottom:20px;
         }
		
		div.sidecontent {
         width: 286px;
         float:right;
         padding-bottom:20px;
      }
		
         div.sidecontent ul{
            list-style:none;
            padding:0px;
            margin:0px;
         }
            div.sidecontent ul li{
               width:290px;
               height:93px;
               padding:10px;
               padding-left:19px;
               margin:0px 0 15px 0;
					background: #ebecf3;
					border-top: 6px solid #fed00b;
             /*  background:url(/img/fw/bg_sideblock.gif) no-repeat;*/

            }
				
				div.sidecontent li.zoekwinkel {background:#ebecf3 url(/img/fw/bg_content_zoekwinkel.jpg) no-repeat top right;}
				
				div.sidecontent li.aanmeldnieuwsbrief {background:#ebecf3 url(/img/fw/bg_content_aanmeldnieuwsbrief.jpg) no-repeat top right;}
				
				div.sidecontent li h2 {
					font-size:16px; 
					font-family: Arial, Helvetica, sans-serif; 
					font-weight: bold; 
					color: #222222;
					padding: 0;
					margin: 0;
					}
				
               div.sidecontent ul li h3{
                  margin:0px;
                  padding:0px;
               }
                  div.sidecontent ul li p{
                     padding:4px;
                     padding-left:0px;
                     margin:0px;
                     color:#363636;
                  }
                     div.sidecontent ul form{
                        margin:0px;
                        padding:0px;
                     }
                     div.sidecontent ul form input{
                        border:1px solid #dcdeeb;
                        border-right:0px;
                        font-size:12px;
                        font-family:Arial, Helvetica, sans-serif;
                        color:#8e8e8e;
                        width:158px;
								height:19px;
								padding:3px 3px 1px 6px;
                        float:left;
                     }
                        div.sidecontent ul li form input.activated{
                           color:#666666;
                        }

                        div.sidecontent ul li form input.submit{
									width:23px;
									height:25px;
                           border:0px;
                           background:url(/img/fw/btn_subscribe.gif) no-repeat;
									cursor: pointer;
                        }

/************

	Banner ruimter
	
*************/

#bannerHoek {
		width:290px;
		float:right;
		padding: 0 0 0 0;
		margin: -15px 0 0 0;
	}

	#bannerHoek img {float: left; border: 0; padding: 0 5px 10px 5px; }
	#bannerHoek p {margin:0}

	#bannerRuimte {
		width:290px;
		float:right;
		padding: 0;
		margin: 0;
	}
	
		#bannerRuimte ul {
			list-style:none;
			padding:0;
			margin:0;
			}
	
			#bannerRuimte li{ 
				float: left;
				width: 140px;
				height: 210px;
				background:none; 
				padding:0 0 0 5px;
				margin:0;
				}
				
					#bannerRuimte li p,		
					#bannerRuimte li img {padding: 0; margin: 0;}
					

/************

	Footer
	
*************/

	div#footer{
		width:984px;
		background:#3f487f;
		min-height:30px;
		margin-top:20px;
      margin-bottom:20px;
	}

		div#footer ul{
			list-style:none;
			padding:7px 20px 7px 20px;
			margin:0px;
		}
			div#footer ul li{
			color: #FFF;
				float:right;
				margin: 0px 5px 0px 5px;
				padding:0px;
/*				margin-left:20px;*/
			}
				div#footer ul li.first-child{
					float:left;
					margin-left:0px;

				}
				div#footer ul li a{
					color: #FFF;
					background:none;
					text-decoration:underline;
				}



/* Upload function
   Styles for form
   HvG@10-03-09 
 */            

form.upload fieldset {
   border: 0px;
 }

form.upload label, input, select {
   width: 100px;
   display: block;
}

form.upload textarea {
   width: 600px;
   height: 100px;
}