/**
 *
 * Profile `de Fietsspecialist`
 * Stylesheet
 * 16-01-2006 i-Aspect B.V.
 *   
 * @version    $Id: layout.css 8526 2009-02-27 09:53:11Z bas $
 */



/* standaard tags */
html{

}

body {
	font:0.75em arial,verdana,helvetica;
	color:#585959;
	width:988px;
	margin:auto;
	background:#2c7eba url(/img/pdf/background.png) repeat-x;
}
a { color:#3983ba; }

p { line-height:18px; }

strong.blue{
   color:#3883ba;
}
.logo{
	width:189px;
	height:51px;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:17px;
	float:left;
}

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


   /* sitewide items */
   ul.sitewide{
   	list-style:none;
   	margin:0;padding:0;
   	margin-top:20px;
   	float:left;
   	width:220px;
   	padding-left:520px;
   }
      ul.sitewide li{
      	float:left;
      	padding-left:7px;
      	padding-right:7px;
      	border-left:1px solid #7f7f7f;
      	font-size:11px;
      }
      ul.sitewide li.first-child{ /* geen selector gebruikt voor ie6 :( */
      	border-left:0px;
      }

      ul.sitewide li a{
      	color:#7f7f7f;
      	text-decoration:none;
      }

/* Voor homepage zijn grote header + resten  */

	#home {
		background:#2c7eba url(/img/pdf/background1.png) repeat-x;
	}
	
		#home div.header {
			 background:url(/img/pdf/backgroundHomepage.gif) no-repeat;
			 height:242px;
		}


/* header */


		div.header {
			width:978px;
			padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px;
			height:125px;
			margin-bottom:0px;
			overflow:hidden;
			background:url(/img/pdf/bg_header.png) no-repeat #ffff00;
			background-color:#ffffff;
			z-index:2;
		}
		

/* header bloks */

   div.headerbloks {
      width:210px;
      padding:1px 5px;
      height:110px;
      margin-left:750px;
      position:absolute;
      z-index:20;
      overflow:hidden;
   }
	
	div.headerbloks ul li {
		padding: 0;
		margin: 0;
	}
		
		div.headerbloks ul {
			width: 100%;
			position: absolute;
			right: -5px;
		}
		
		div.headerbloks li {
			display: block;
			float: left;
		}
		
		div.headerbloks li a {
			background:url(/img/pdf/headerblokKopHover.png) no-repeat;
			color: #3983ba;
			width: 57px;
			float: left;
			padding: 8px 0 6px 14px;
			margin: 0;
		}

		div.headerbloks li a.active {
			background:url(/img/pdf/headerblokKop.png) no-repeat;
		}
		
		div.headerbloks li a:hover{
			text-decoration:none;
		}
		
		div.headerbloks form {
         margin:0px;
         padding:10px;
         padding-left:20px;
         padding-top:0px;
         margin-top:35px;
         width:186px;
         min-height:62px;
         background:url(/img/pdf/headerblok.png) no-repeat;
         color:#6b6a6a;
      }
		
		div.headerbloks p {
			float: left;
			padding: 0;
			margin: -3px 0 0 0;
		}
		
		div.headerbloks input {
			float: left;
			border-top: 1px solid #8db5d0;
			border-right: 1px solid #bbd4e4;
			border-bottom: 1px solid #bbd4e4;
			border-left: 1px solid #8db5d0;
         margin:2px;
        	padding: 2px;
         width:120px;
         font-size:13px;
			color: #418dc2;
		}
         div.headerbloks input:active,
         div.headerbloks input:focus {
            border:2px solid #8db5d0;
            margin:1px;;
         }
		
		div.headerbloks button {
			background: #428ec3;
			color: #FFF;
			font-size: 13px;
			font-weight: normal;
			border: 1px solid #accbe0;
			float: left;
			width: 42px;
			cursor: pointer;
			margin: 1px 0 0 5px;
			padding: 2px;
		}

      select.autocompleteshop{
         z-index:300;
         
      }  
		
		#newsletter  {
			min-height: 95px;
		}
		
		#newsletter input {
			float: left;
			border-top: 1px solid #8db5d0;
			border-right: 1px solid #bbd4e4;
			border-bottom: 1px solid #bbd4e4;
			border-left: 1px solid #8db5d0;
         font-size:13px;
			color: #418dc2;
			padding: 2px;
			margin: 2px;
		}
         #newsletter input:active,
         #newsletter input:focus {
            border:2px solid #8db5d0;
            margin:1px;
         }
	
		#newsletter .submit {
			border: 0;
			float: left;
			background-color: #FFF;
			width: 18px;
			height: 20px;
			padding: 1px 0 0 0;
			margin: 0px 0 0 2px;
		}
		
		#Tips #headerblok {
			display: none;
		}


/* content holder */
   div.content{
      background:url(/img/pdf/bg_content.png) repeat-y;
		line-height:1.2em;
     /* overflow:auto;	 */
      width:100%;
   }

   div.pageheader{
      width:978px;
      height:10px; /* was 26px */
      margin-left:5px;
     /* background:url(/img/pdf/bg_content_top.png) repeat-x #fff; */
   }

   /* smalle kolom rechts */
      ul.sidebar {
         margin:0px;
         padding:0px;
         list-style:none;
      	float: right;
      	padding-right:10px;
      }

      ul.sidebar li{
      	width: 184px;
      	padding-left:6px; padding-right:6px;
      	background:url(/img/pdf/bg_sidebar.png) repeat-y #fff;
      }

      ul.sidebar li.footer{
         height:50px;
         background:url(/img/pdf/bg_sidebar_end.png) top no-repeat #fff;
      }
         ul.sidebar h3{
            width:173px;
            height:14px;
            padding-left:12px; padding-top:4px;
            margin:0px;

            font-family: verdana, arial;
            font-size:12px;
            color:#fff;

            background:url(/img/pdf/sidebar_title.png) no-repeat #2c7eba;
         }
         ul.sidebar h3 img{
            width:173px;
            height:16px;

         }
         ul.sidebar p, ul.sidebar form{
            padding:12px;
            padding-top:5px;
            padding-bottom:5px;
            margin-bottom:0px;
         }
         ul.sidebar div#nbrespel form{
            margin-top:0px;
            padding-top:0px;
            padding-bottom:15px;

         }
         ul.sidebar div#nbrespel p{
            padding-left:0px;
         }


/* kleine submit form definities */

         ul.sidebar form{
            margin:0px;
         }
            ul.sidebar form input {
               border: 1px solid #accbe0;
               border-right:0px;
               /*color:#bfc1c1; - oude kleur*/
               color:#3983ba;

               padding:1px;
               margin-bottom:1px;
               padding-left:6px;

               height:13px;
               width:130px;
               font-size:10px;

            }
            ul.sidebar form input.submit, div.headerbloks form input.submit {
               background:url(/img/pdf/btn_emailsubmit.png) no-repeat #accbe0;
               border:0px;
               padding:0px;
               width:18px;
               height:17px;
               cursor:pointer;
            }
/* einde submit form definities */

      /* 3 kolomen layout, neeeeej nu 2 kolomen voor 1024x */
         div.columnholder, div.twocolumholder{
            margin-left:4px;
            background:url(/img/pdf/bg_columns.png) left top repeat-y; 
            /* overflow:auto; */
            width:978px;
            padding-bottom:30px;
         }
            div.leftcolumn{
               width:171px;
            	float:left;
               margin-right:10px;
            }
            div.middlecolumn{
               width:787px;
               float:left;
            }
          /*  div.rightcolumn{
               width:185px;
               padding-left:4px;
              	float:left;
               margin-left:8px;
            } */

      /* brede content kolom voor naast de sidebar */
         div.widecolumn, div.fullcolumn{
            width:740px;
            margin-left:4px;
            padding:20px;
            padding-top:0px;
            padding-right:0px;
         }
            div.widecolumn h3{
               margin-top:0px;
            }
            div.widecolumn h3.subkop {
               height:20px;
            }
            div.widecolumn p {
               overflow:hidden;
               /*width:535px;*/
            }
				div.widecolumn label {
					margin-left: 60px;
            }
				
            div.widecolumn p img{
               margin:5px;
            }
      /* 2 kolom layout */
         div.twocolumholder{
            background:url(/img/pdf/bg_twocolumns.png) left top repeat-y;
            margin-right:0px;
         }
            div.twocolumholder div.leftcolumn{
               margin-right:0px;
					padding-bottom: 0;
            }
            div.twocolumholder div.widecolumn{
               float:left;
               padding-left:0px;
               margin-left:0px;
            }

      /* volledige layout */
      /* gebruikt voor content pagina's */
      div.fullcolumn{
         width:740px;
         margin-right:4px;
      }


      /* footer */
         div.footer{
            clear:both;
            height:22px;
            width:978px;
            margin-left:5px;
            /*margin-top:-30px;*/
            padding-top:36px;
            color:#3983ba;
            font-size:0.95em;
            background:url(/img/pdf/bg_footer.png) bottom repeat-x #ffffff;
         }
         div.footersmall{
            padding-top:8px;
         }
            div.footer a{
               text-decoration:none;
            }
            div.footer ul{
               margin:0px;
               margin-left:20px;
               padding:0px;
               list-style:none;
         	}
            	div.footer ul li{
            	  float:left;
            	  margin-right:10px;
            	  border-left:1px solid #3983ba;
            	  padding-left:10px;
            	}

               div.footer ul li.first-child{ /* geen selector gebruikt voor ie6 :( */
               	border-left:0px;
               }

         	div.footer strong {
            	float:right;
            	margin-right:20px;
            	font-weight:normal;
         	}