/* colors */
/* yellow: #ffde00 */
/* blue: #002cff */
/* pink: #fd059f */
/* black: #000000 */	
/* lightgrey: #FFF */	
/* darkgrey: #4c4f62 */
/* orange: #f4c403 */
	


/*----------------------------- GENERAL -------------------------------*/

  body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,p,blockquote,th,td {
 margin:0;
 padding:0;

 } 



 h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-family: TRebuchet MS;
	font-size: 24px;
}

h3{
	Color: #0066ff;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 0px;
}
h5{
	Color: #0066ff;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	font-family:georgia;
}


.img-shadow {
  float:left;

  background: url(http://www.wanzafran.com/contents/site-data/images/shadow.gif) no-repeat bottom right;

  margin: 10px 10px 5px 0;
 
  }
  
  .img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
 color: #ccc;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  

a {
	background-color: none;
	text-decoration: none;
	font-weight: normal;
	color: #0f0f0f;
}
a:hover {
	background: none;
	color: #002cff;
	text-decoration: underline;
}


iframe{
	border: 0px solid red;
	width: 550px;
	height: 300px;
	color: #0066ff;
	background: #fff;
}


.iframe-content{
	 width: 500px;

}
.lees-holder{
	width:	130px;
	height: auto;
	margin: 10px 0px 10px 0px;
	border: 0px solid green;
	background: #ffffff url(../images/arrow.jpg) no-repeat left center;
}
.lees-meer a{
	width:130px;
	height: auto;
	margin: 0px 0px 0px 15px;
	border: 0px solid green;
	line-height: 1.2em;
	font-family: Georgia;
	font-size: 14px;
	letter-spacing: -1px;
	color: #002cff;
	padding-bottom: 5px;
}

.lees-meer a:hover{
	text-decoration: underline;
	color: #000000;
}



/*----------------------------- LAYOUT -------------------------------*/



.banner-logo {
	width: 100%;
	height: 45px;
	padding: 0px;
	background: none;
	border: 0px solid green;
	display: inline;
	margin: auto;
}

.box{
	background: #e3e3e3; padding: 15px; color: #4b4f62; width: 260px; margin-bottom: 5px; border: 0px solid green;
}


.box4 a{
	color: #000000; text-decoration: none;
}


.box4 a:hover{
	text-decoration: none;color: blue;
}

.box1{
	background: #e3e3e3; padding: 10px; color: #4b4f62; width: 260px; margin-bottom: 5px; border: 0px solid green;
}

.box2{
	background: #e3e3e3; padding: 10px; color: #4b4f62; width: 260px; margin-bottom: 5px; border: 0px solid green;
}

.box3{
	background: #e3e3e3; padding: 10px; color: #4b4f62; width: 220px; margin-bottom: 5px; border: 0px solid green;
}

.box4{
	background: white url(../images/arrow.jpg) no-repeat left top; padding: 0px 0px 10px 20px; color: white; width: auto; margin-bottom: 5px; border: 0px solid green;
}

.content{				
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	margin: 0px;
	background: none;
	border: 0px solid green;
	color: #000000;
}

.content-contact{				
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	background: none;
	border: 0px solid green;
	color: #4b4f62;
}

.motor-image{
	width:	92px;
	height: 58px;
	margin: 0px 0px 0px 0px;
	border: 0px solid green;
	background: #ffffff url(../images/bike.jpg) no-repeat left center;
}

.motor{
	width: 170px;
	height: auto;
	margin: 0px 0px 0px 100px;
	border: 0px solid green;
	
}

.bel-holder{
	width:	130px;
	height: auto;
	margin: 0px 0px 10px 0px;
	border: 0px solid green;
	background: #ffffff url(../images/tel.jpg) no-repeat left center;
}

.bel{
	width:110px;
	height: auto;
	margin: 0px 0px 0px 30px;
	border: 0px solid green;
	line-height: 1.2em;
	color: #000000;
}



.versturen-holder{
	width:	auto;
	height: auto;
	margin: 10px 0px 10px 0px;
	border: 0px solid green;
	background: #ffffff url(../images/arrow3.jpg) no-repeat left center;
}

.versturen a{
	width:auto;
	height: auto;
	margin: 0px 0px 0px 30px;
	border: 0px solid green;
	line-height: 1.2em;
	font-family: Georgia;
	font-size: 14px;
	letter-spacing: 0px;
	color: #0066ff;
	padding-bottom: 5px;
}

.versturen a:hover{
	text-decoration: underline;
	color: #000000;
}

.kop{
	width: auto;
	height: 27px;
	float: left;
	padding-bottom: 2px;
	padding-top: 0px;
	background: none;
	color: #0066ff;
	font-family: Georgia;
	font-size: 24px;
	line-height: 0.9em;
	border: 0px solid red;
	font-weight: normal;
	display: block;
}


.kop2{
	width: 200px;
	height: 30px;
	float: left;
	padding-bottom: 10px;
	padding-top: 0px;
	background: none;
	color: #0066ff;
	font-family: Georgia;
	font-size: 48px;
	line-height: 0.9em;
	border: 0px solid red;
	font-weight: normal;
}
.kop3{
	width: 100%;
	height: 40px;
	float: left;
	padding-bottom: 30px;
	padding-top: 20px;
	background: none;
	color: #0066ff;
	font-family: Georgia;
	font-size: 17px;
	line-height: 1.2em;
	border: 0px solid red;
	font-weight: normal;
	letter-spacing: -1px;
	display: block;
}

.spacer{
	height: 29px;
	border: 0px solid red;
	display: block;
}






.sub{
	background: white;
	display: inline;
	margin: 10px;
	font-weight: bold;
}

.sub a.active:hover{
	text-decoration: none;
}

.sub a.active,
.sub a.active:link,
.sub a.active:active,
.sub a.active:visited{
	background-color:none;
	color:#002cff;
	height: auto;
	text-decoration: underline;
	 }

		 
#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
height: 100%;
border: 0px solid green;
}





/*----------------------------- HEADERS -------------------------------*/

#header{
background: #011ca7;
height: 262px; /*Height of top section*/
}

#header2{
background: #011ca7 ;
height: 200px; /*Height of top section*/
}

#header-avanti{
background: #011ca7 url(../images/img-avanti.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-inschrijven{
background: #011ca7 url(../images/img-inschrijven.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-autorijlessen{
background: #011ca7 url(../images/img-auto.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-motorrijlessen{
background: #011ca7 url(../images/img-motor.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-contact{
background: #011ca7 url(../images/img-contact.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-sitemap{
background: #011ca7 url(../images/img-sitemap.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-disclaimer{
background: #011ca7 url(../images/img-disclaimer.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

#header-succes{
background: #011ca7 url(../images/img-succes.jpg) repeat-x;
height: 200px; /*Height of top section*/
}

/*----------------------------- EINDE HEADERS -------------------------------*/

#banner{
background: #ffde00;
height: 6px; /*Height of top section*/
}

#banner1{
background: #ffde00;
height: 45px; /*Height of top section*/
}

#subnav{
background: #ffffff;
height: 20px; /*Height of top section*/
padding: 10px 30px 0px 25px;
font-weight: bold;
}

#subnav a{

font-weight: bold;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
border: 0px solid green;
background: #ffffff;
display: inline;
padding-bottom: 30px;
}

#leftcolumn{
float: left;
width: 276px; /*Width of left column in pixel*/
margin: 0px; /*Set margin to that of -(MainContainerWidth)*/
background: none;
border: 0px solid green;
padding:30px;
}

#contentcolumn{
margin: 0 ; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
width: 290px;
border: 0px solid green;
float: left;
padding:30px 20px 0px 10px;
}

#rightcolumn{
float: right;
width: 184px; /*Width of right column*/
margin: 0px; /*Set left margin to -(RightColumnWidth)*/
background: none;
border: 0px solid green;
padding:30px 30px 0px 0px;
}



.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
border: 0px solid green;
}

#contactcolumn{
float: left;
width: 270px; /*Width of left column in pixel*/
margin: 0px; /*Set margin to that of -(MainContainerWidth)*/
background: none;
border: 0px solid green;
padding:30px 0px 0px 30px;
}