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


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


 h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 1em;	
	
}

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

h4{
	Color: #0066ff;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 1em;
	}

h5{
	Color: red;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 1em;
	font: Arial narrow ;
	font-weight: normal;
	border-bottom: 0px solid #bbb8b8;
	padding-bottom: 5px;
}


.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;

}

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



.top {
	width: 900px;
	height: 29px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid green;
	background: none;
}


.banner {
	width: 900px;
	height:	45px;
	text-align: left;
	margin: 0 auto;
	border: 0px solid green;
	background: #ffde00 url(../images/img01.jp) repeat-x;
}

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

.content{				
	width: 100%;
	height: auto;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	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: 180px;
	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;
}

.lees-holder{
	width:	130px;
	height: auto;
	margin: 0px 0px 0px 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: Arial;
	font-size: 11px;
	letter-spacing: 0px;
	color: #0066ff;
	padding-bottom: 5px;
	font-weight: normal;
}

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

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


.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;
}

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


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


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

.box5 a{
	color: red; text-decoration: underline;
}


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

	 
#maincontainer{
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}



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

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

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

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

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

#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;
}





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

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

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