A:visited         			{text-decoration:none;}
A:link            			{text-decoration:none;}
A:hover           			{text-decoration:none;}
A:active          			{text-decoration:none;}


html 					{background-image:url("../GFX/bg.jpg");background-color:#FFF;background-position: top center;background-repeat: no-repeat;background-attachment:scroll;}
html img				{border:0;}
body					{margin:0;padding:0;}



/* SPECIALIZED STYLES - TOEGEVOEGD NOVEMBER 2011 */ 
.specialized				{  width:500px; float:left;margin-top:25px;margin-left:200px;text-align: center; }
.specialized h1				{ font:400 30px "calibri", arial;color:#ff0000;margin:0;text-transform: uppercase;}
.specialized h2				{ font:400 20px "calibri", arial;color:#ff0000;margin:0 0 20px 0;}
.specialized p				{ font:400 12px/20px  "arial"; color:#888888; margin: 10px 0; }

.container          	{position:relative;float:left;width:900px;top:0px;left:50%;margin-left:-450px;z-index:2;height:auto;}

/* Menu Styles */
.hoofdmenu				{width:100%;height:60px;background-color:#000;border-bottom: 1px solid #2e2e2e;}
.hoofdmenu a			{float:left;display:block;width:110px;height:35px;font:normal 13px "calibri", arial;text-transform: uppercase;color:#FFF;text-align:center;padding: 25px 7px 0 7px;border-right: 1px solid #2e2e2e;}
.hoofdmenu a:hover		{color:#FFF;background-color: #dd0722;}
.hoofdmenu a:active		{color:#FFF;background-color: #dd0722;}

.submenu				{width:100%;height:23px;background-color:#000;}
.submenu a				{float:left;display:block;width:90px;height:15px;font:normal 10px "calibri", arial;text-transform: uppercase; color:#FFF;text-align:center;padding: 5px 0px 3px 0px;}
.submenu a:hover		{color:#FFF;background-color:#dd0722;}
.submenu a:active		{color:#FFF;background-color:#dd0722;}
.submenu p				{margin:0;padding:0;}

#logowrapper			{width:900px;height:75px;margin:0;padding:10px 0 0 0;text-decoration:none;border:0px solid #DDD;text-transform: uppercase;}
#logowrapper img		{float:left;}
#logowrapper h1			{font:400 23px/20px "calibri", arial;color:#000;margin:0;padding:10px 0 0 0;text-align: right;}
#logowrapper h2			{font:400 18px "calibri", arial;color:#616161;margin:0;padding:0;text-align: right;}

/* Slideshow */
#slideshow				{position:relative;width:100%;margin-bottom:10px;}
#slideshow .topimg		{position:absolute;z-index: 10;top:0px;background-repeat: repeat-x;width: 1000px;}
#slideshow .rightimg	{position:absolute;z-index: 10; top:100px;right:100px;width: px;}

/* Index specific */
.niveau1				{width:100%;font-family:arial;margin:0;}
.niveau1 img			{border:0;padding:0;float:left;}
.niveau1 img:hover		{opacity: 0.7; filter: alpha(opacity=70);}

.niveau2				{float:left;font-family:arial;margin-bottom:20px;}
.niveau2 h1				{font:400 30px "calibri", arial;color:#000;margin:0 0 20px 0;text-transform: uppercase;}
.niveau2 h2				{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
.niveau2 h3				{font:400 13px/20px "calibri", arial;color:#969595;margin:0;}
.niveau2 p				{font:400 13px/20px "arial";color:#969595;margin:0 0 20px 0;width:275px;text-align: left;}

.overflow				{height:150px;width:293px;overflow:hidden;}
.overflow h1			{font:400 30px "calibri", arial;color:#000;margin:0 0 20px 0;text-transform: uppercase;}

#titel					{width:283px;min-height:30px;background-color: #383838;margin:0;float:left;padding:5px;background-image: url("../images/grungetop.png");}
#titel h1				{text-transform: uppercase;font:bold 18px/16px "calibri", arial;color:#ff000f; margin:0;padding:0;}
#titel h2				{font:normal 11px "arial", arial;color:#FFF;text-decoration: none;margin:0;padding:0;}
#titel a				{text-transform: uppercase;font:bold 18px/30px "calibri", arial;color:#ff0000;text-decoration: none;}

.float					{float:left;padding:3px;opacity: 1; filter: alpha(opacity=90);}
.float:hover			{opacity: 0.9; filter: alpha(opacity=100);}
.float a				{text-transform: uppercase;font:bold 18px/30px "calibri", arial;color:#ff0000;text-decoration: none;}




/* Uitlijning van de drie hoofdgroepen - index & volgpaginas */
.left, .center, .right	{float:left;width:293px;min-height:220px;margin:0;padding:0;}
.left					{margin:0 10px 0 0;padding:0;}
.center					{margin:0;padding:0;}
.right					{margin:0 0 0 10px;padding:0;}


/* Afkadering imgs */
.thumbnail					{width:293px;overflow:hidden;height:250px;margin:0;z-index:10;}
.thumbnail img				{width:293px;}

#thumbnail					{width:291px;overflow:hidden;height:150px;border: 1px solid #f5f3f3;margin-top:10px;text-align: center;}
#thumbnail img				{width:205px;opacity: 0.8; filter: alpha(opacity=70);}
#thumbnail img:hover		{opacity: 1.0; filter: alpha(opacity=100);}

#thumbnailsmall				{width:200px;overflow:hidden;height:100px;border: 1px solid #f5f3f3;margin-top:0px;text-align: center;padding:10px;}
#thumbnailsmall img			{width:200px;}
#thumbnailsmall img:hover 	{opacity: 1.0; filter: alpha(opacity=100);}


/* Nieuws kader */
.date						{width:65px;height:21px;background-image: url("../GFX/date.png");font: 900 11px "arial";color:#FFF;text-align: center;padding:9px 0 0 0;margin-bottom: 8px;}
.nieuwsitems h2				{font:400 20px "calibri", arial;color:#000;margin-botto:10px;}
.nieuwsitems p				{font:400 13px/20px "arial";color:#969595;margin:0;width:275px;text-align: justify;}


/* Styles subpages */
.content					{float:left;padding:0px;margin:10px 0 10px 0;}

#content					{float:left;padding:0px;margin:10px 0 10px 0;}
#content h1					{font:400 30px "calibri", arial;color:#000;margin:0;text-transform: uppercase;}
#content h2					{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}

.contentpar					{width:475px;float:left;margin:0;text-align: justify;}

.tekst						{margin-top:25px;}
.tekst h1					{font:400 30px "calibri", arial;color:#000;margin:0 0 20px 0;text-transform: uppercase;}
.tekst h2					{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
.tekst p					{font:400 13px/20px "arial";color:#969595;margin:0;}

/* Styles contactpage */
.contact							{width:900px;float:left;margin:0;text-align: justify;font:400 13px/20px "arial";color:#969595;}
.contact h1							{font:400 30px "calibri", arial;color:#000;margin:0 0 20px 0;text-transform: uppercase;}
.contact h2							{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
.contact h3							{font:400 13px/20px "calibri", arial;color:#969595;margin:0;}

/* Styles productpaginas */
#slider-code 						{float:left;overflow:visible; margin: 0 0 20px 0px;padding:10px 0 10px 0;background-color:#f5f3f3;}
#slider-code .viewport 				{float: left; width: 860px; height: 130px; overflow: hidden; position: relative; }
#slider-code .buttons 				{display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .prev 					{margin: 35px 10px 0 0; width: 10px; height: 60px; background-image: url("../GFX/arrowleft.png"); }
#slider-code .next 					{margin: 35px 0 0 10px; width: 10px; height: 60px; background-image: url("../GFX/arrowright.png"); }
#slider-code .disable 				{visibility: visible; }
#slider-code .overview 				{list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li			{float: left; margin: 0 20px 0 0;  height: 125px; border: 2px solid #dcdcdc; width: 224px; background-color: #fff; align: center;text-align:center;}
#slider-code .overview li a			{display: block; }
#slider-code .overview li.active	{border: 2px solid #dd0722;}

.product							{border:0px solid #eeeee1;min-height:380px;width:900px;background-color:#FFF;padding:0;margin:0;}
.product img						{float:right;border:1px solid #eeeee1;width:400px;margin: 0 10px 0 0;}
.product a							{color:#3e3d40;}
.product h1							{font:400 30px "calibri", arial;color:#000;margin:0 0 20px 0;text-transform: uppercase;}
.product h2							{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
.product h3							{font:400 13px/20px "calibri", arial;color:#969595;margin:0;}
.product p							{font:400 13px/20px "arial";color:#969595;margin:0;width:350px;text-align: justify;}

#onderdelen							{width:900px;min-height:50px;border:0px solid #eeeee1;color: #3e3d40;padding:0;margin: 0 0 0 0px;}
#onderdelen p						{font:400 13px/20px "arial";color:#969595;margin:0;width:350px;text-align: justify;}
#onderdelen h1						{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
#onderdelen h2						{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
#onderdelen h3						{font:400 13px/20px "calibri", arial;color:#969595;margin:0;}
#onderdelen hr						{height:20px;border: 0;width: 100%;color:#e5e5e5;background-image: url("../GFX/hr.jpg")}

#aanbieding							{float:left;width:275px;padding:5px;border: 1px solid #f5f3f3;margin-top:10px;min-height:400px;}
#aanbieding img						{width:240px;opacity: 0.7; filter: alpha(opacity=70);}
#aanbieding img:hover				{opacity: 1.0; filter: alpha(opacity=100);}
#aanbieding h4						{font:400 11px "arial"; color:#969696;}

.modal								{width:auto;height:auto; background-color: #FFF;}
.modal h1							{font:400 20px "calibri", arial; color:#000;}
.modal p							{font:400 13px/20px "arial";color:#969595;margin:0;width:350px;}
.modal img							{width:350px;}

#inline p							{font:400 13px/20px "arial";color:#969595;margin:0;width:350px;text-align: justify;}
#inline h1							{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
#inline h2							{font:400 20px "calibri", arial;color:#000;margin:0 0 20px 0;}
#inline h3							{font:400 13px/20px "calibri", arial;color:#969595;margin:0;}

.weer								{width:283px;border-top:1px solid #DDD;margin-top:15px;padding:15px 0 0 0;}
.weer h1							{font:400 20px "calibri", arial;color:#000;margin:0 0 15px 0;text-transform: none;}
.weer h2							{font:400 13px "calibri", arial;color:#000;margin:0 0 5px 0;}
.weer h3							{font:400 13px/20px "calibri", arial;color:#969595;margin:0;}
.weer p								{font:400 10px/20px "arial", arial;color:#969595;margin:0;width:350px;}
.hr									{height:20px;border: 1;width: 100%;color:#e5e5e5;background-image: url("../GFX/hr.jpg")}




.blockwrapper {
	float:left;
	height:auto;
	width: ;
	background-color: #;
	border: 0px solid #d8d8d8;
	margin: 0;	
	padding: 5px;
}

/* Achtergrondkader niveau1 */
.wrapmain	{
	float:left;
	height:250px;
	width:900px;
	padding-top:10px;
	margin-top:1px;
	background-image: url("../images/wrapmain.jpg");
	border-bottom: 1px solid #e4e4e4;
}

/* Achtergronkader niveau 2 */
.wrapsub	{
	float:left;
	height:270px;
	width:955px;
	padding-top:10px;
	margin-left:20px;
	margin-top:20px;
	background-color: #FFF;
	border: 1px solid #e4e4e4;
}



/* Block Styles */
.block {	
	background-image: url("../images/wrapper.jpg");
}



.block {
	height:200px;
	width: 217px;
	background-color: #efefef;
	border: 1px solid #e8e8e8;
	margin-bottom: 0px;	
	padding: 10px;
}


.block h1 {
	color:#1d3b83;
	margin:0px 0 10px 0;
	font: 900 14px "arial";
}

.block h2 {
	color:#000;
	margin:0;
	font: 400 12px "arial";
}

.block h3 {
	color:#1d3b83;
	margin-bottom:5px;
	font: bold 14px "arial";
}

	
.block p {
	color:#313131;
	font: 11px/15px "arial";
}

.block a {
	color:#1d3b83;margin:0;
	font:  11px "arial";
	text-decoration: underline;
}

.block img {
	border:1px solid #d8d8d8;
	margin:5px 0 5px 0;
}

.blockheader {
	width: 222px;
	background-color: #1f4f97;
	padding: 5px;
	font: 400 12px "arial";
	text-transform:uppercase;
	color:#FFF;
}





.elementimg{
	border: 3px solid #00529e;
	margin: 0 26px 20px 0;
}



	
#homearticles{
	float: left;
}

#homearticles p {
	font-size:11px;
	color:#474747;
	margin-top:5px;
}

.imgkader {	
	height:140px;
	width: 204px;
	margin:5px 0 5px 0;
	overflow: hidden;
	border: 0px solid #a8a8a8;
}

#imgkader {	
	float:left;height:140px;
	width: 204px;
	margin:5px 0 5px 0;
	overflow: hidden;
	border: 0px solid #a8a8a8;
}


.elementend{
	background-color: #eeeee1;
	height: 1px;
	border: 0px;
	width: 950px;
	clear: both;
	margin: 0 0 15px 0;
}


.blok1 {
	float:left;
	height:300px;
	width: 204px;
	overflow:hidden;
	border: 1px solid #eeeee1;
	background-image: url("../images/blok1.jpg");
	margin: 0 10px 10px 0;	
	padding: 0px 14px;
}

.blok1 a, .blok2 a{
	color: #3e3d40;
}





.blok2{
	position: relative;
	float: left;
	width: 400px;
	border: px solid #eeeee1;
	margin: 0 10px 10px 0;
	padding: 0 14px;
}

.blok2 img{
	border: 1px solid #a8a8a8;
}

.service{
	position: relative;
	float: right;
	width: 250px;
	background-image: url("../images/service.jpg");
	border: 1px solid #eeeee1;
	margin: 0;
	padding: 14px;
	color:#FFF;
}

.service h1 {
	color:#FFF;
	margin:0px;
}

.service p, .service a {
	font-size:11px;margin-bottom:5px;color:#FFF;
}



.fietsvdm{
	float:left;
	border: 1px solid #eeeee1;
	background-color:#f6f6f6;
	width: 164px;
	height: 375px;
	float: left;
	/*margin: -6px 10px 10px 762px;*/	
	color: #3e3d40;
	padding: 0 14px;
}

.fietsvdm img{
	margin: 0 0 10px 0;
	display: block;
	border: 0px;
}
.fietsvdm a{
	color: #3e3d40;
	text-decoration: none;
}


.blok1 h1, .blok2 h1, .blokweer h1{
	font-size: 12px;
	font-weight:bold;
	margin: 20px 0 0 0;
	color: #00529e;
}




.shorttext{
	font-size:11px;
	padding: 10px 0 10px 0;
	color:#474747;
}



#markerinfo{
	color: #3e3d40;
}

label{
	float: left;
	width: 100px;
}
input[type="text"], input[type="password"]{
	margin: 0 0 15px 0;
	width: 240px;
	padding: 2px 5px;
}
textarea, select {
	width: 245px;
	padding: 5px;
}

input[type="button"]{
	margin: 15px 0 0 70px;
}





/* FOOTER STYLES */
.footerwrapper				{float:left;width:100%;height:auto;background-color:#000;background-image: url("../GFX/footerwrapper.jpg");background-repeat: repeat-x;margin-top:100px;}

.footerwit					{ width:900px;margin: 0 auto; height:33px; }

.logos						{width:300px; float:right;}
.logos img					{margin:0 0px 0 40px;}
.footer						{width:900px;margin: 0 auto;padding-top:15px;height:330px;background-image: url("../GFX/footer.jpg");}
.footer ul					{list-style-type:none;float:left;padding:0;margin:0;width:128px;}
.footer li					{display:block;margin:0;border-bottom: 1px solid #2e2e2e;margin-right:3px;}
.footer li:hover			{color:#FFF;}

.footer h1					{font: bold 14px "arial narrow", arial;color:#FFF;margin: 0 0 5px 3px;text-transform: uppercase;}
.footer h2					{font: normal 12px "arial narrow", arial;color:#767676;margin:0;padding:6px 0 6px 3px;}
.footer h1:hover 			{color:#dd0722;}
.footer h2:hover 			{display:block;color:#FFF;background-color:#dd0722;}
.footer ul a				{font-family: "";}

.socialmedia				{ width:600px; margin: 0 auto; padding-top:0px; height:33px; text-align:left;float:left; }





/* Footer & logo styles */
/*#logos				{position:relative;width:900px;margin:0 auto;background-color:#FFF;}
#logos img			{margin:0 40px 0 0px;}

#footerwrapper		{float:left;width:100%;background-color:#000;background-image: url("../GFX/footerwrapper.jpg");background-repeat: repeat-x;margin-top:50px;}
#footer				{background-image: url("../GFX/footer.jpg");background-color:#000;background-repeat: no-repeat;width:900px;height:382px;margin:0 auto;padding: 40px 0 0 0;}
#footer ul			{list-style-type: none;float: left;}
#footer li			{display:block;width:110px;margin: 0 20px 0 0;border-bottom: 1px solid #2e2e2e;}
#footer li:hover	{background-color: #45a1ff;color:#FFF;}
/*#footer ul a		{text-decoration: none;font: normal 13px "arial narrow";text-transform: uppercase;letter-spacing:1px;color:#fff;margin-bottom:15px;}
#footer ul li a		{text-decoration: none;font: normal 10px "arial narrow";text-transform: uppercase;letter-spacing:1px;color:#707070;}*/

/*#footer h1			{text-decoration: none;font: normal 14px "arial narrow";text-transform: uppercase;letter-spacing:1px;color:#fff;margin: 0 20px 20px 0;color:#FFF;}
#footer h2			{text-decoration: none;font: normal 11px "arial narrow";text-transform: uppercase;letter-spacing:1px;color:#707070;margin: 0px 0px 0px 0;padding:7px 0 7px 0;}
#footer h1:hover 	{color:#45a1ff;}
#footer h2:hover 	{display:block;color:#FFF;}
#footer a			{color:#FFF;text-decoration: none;}