/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/*******( General overrides )***********/
body {
    font: 10px/17px  Arial, Tahoma, Verdana, Helvetica, Sans-serif;
    color: #252525;
}
img {
    border: 0px solid white;    /* no ugly border when clickable */
    -ms-interpolation-mode: bicubic;
}
a {
    color: #0000EE;
    text-decoration: none;
}
a:hover {

    text-decoration: underline;
}
p {
    font-size: 13px;
    line-height: 18px;
}
a, p {
    font-family: Arial, Tahoma;
    margin: 0; padding: 0;
   }
img{
	border-radius: 10px;
}

ul, ol, li {
    margin: 0; padding: 0; list-style: none;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
   margin: 0; padding: 0;
   text-rendering: optimizelegibility;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
   
   text-rendering: optimizelegibility;
}


.left {
    float: left;
}
.right {
    float: right;
}


/*******( firefox fixes )***********/
html { overflow: -moz-scrollbars-vertical; } /* always show vertical scrollbar */
html { overflow-x: auto; } /* avoid hiding horizontal scrollbar */
:-moz-any-link:focus {outline: none; } /* no outline around focussed links */



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */


@font-face {
    font-family: 'DINRegular';
    src: url('../fonts/din_regular/ff_din_regular-webfont.eot');
    src: url('../fonts/din_regular/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/din_regular/ff_din_regular-webfont.woff') format('woff'),
    url('../fonts/din_regular/ff_din_regular-webfont.ttf') format('truetype'),
    url('../fonts/din_regular/ff_din_regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}




 /*
h2 {	

}
h4 {	
	font-family: 'DINRegular';
	font-size: 12px;
	color: #fff;	
}
h5 {	
	color: #fff;
	font-size: 13px;	
	font-family: 'DINRegular';
}
*/



#page_top{
	background: #fff url(../img/achtergrond_top.png) repeat-x center top;	
	z-index: 1;
	}
		
	#page_top .container{
		margin: 0 auto;
		width: 960px;
		z-index: 2;
		position: relative;
		background:  url(../img/background_body.png) no-repeat left top;
	}
	
	#page_top .content {
        padding-bottom: 80px;
		}
	
		#page_top_vervolg{
			background: #fff url(../img/achtergrond_top_vervolg.png) repeat-x center top;	
			z-index: 1;
		}
			#page_top_vervolg .container_vervolg{
				margin: 0 auto;
				width: 960px;
				z-index: 2;
				position: relative;
				background:  url(../img/background_body_vervolg.png) no-repeat left top;
			}
			#page_top_vervolg .container_vervolg{
			margin: 0 auto;
			width: 960px;
			z-index: 2;
			background:  url(../img/background_body_vervolg.png) no-repeat left top;
			position: relative;
			}
		
			#page_top_vervolg .content_vervolg {
	        	padding-bottom: 15px;
			}

		#logo {
			top: 145px;
			left: 650px;
			position: absolute;
			z-index: 4;
			}
			#logo h1{
				margin: 0px;
				}
				#logo a {
					width: 264px;
					height: 213px;
					background: url(../img/logo_meijerink.png) no-repeat left top;
				}
			#logo_vervolg {
			top: 27px;
			left: 40px;
			position: absolute;
			z-index: 4;
			}
			#logo_vervolg h1{
				margin: 0px;
				}
				#logo_vervolg a {
					width: 182px;
					height: 100px;
					background: url(../img/logo_meijerink_vervolg.png) no-repeat left top;
				}
		#menu_main {
			margin: 0 0 115px 0;
			
			}
			#menu_main li{
				float: right;
				margin: 18px 0 0 27px;
				background-color: #565381;
				border-radius:5px;
				height: 30px;
			
				}
				#menu_main li a{
					display: block;
					padding: 7px 20px 6px;
					font-family: DINRegular;
					font-size: 14px;
					text-decoration: none;
					color: #ffffff;
					text-transform: uppercase;
					}
                #menu_main li a:hover{
                    background-color: #070439;
                    border-radius:5px;

                }
                #menu_main li.active a{
                    background-color: #070439;
                    border-radius:5px;
                    
                }
		          #sub_menu  {
					margin: 15px 0 0 0px;
					width: 240px;
					padding-bottom: 20px;
					
					}
					#sub_menu li{
						margin: 10px 0 0 27px;
						background-color: #f6e3cc;
						border-radius:5px;
						height: 30px;
					
						}
						#sub_menu li a{
							display: block;
							padding: 7px 20px 6px;
							font-family: DINRegular;
							font-size: 14px;
							text-decoration: none;
							color: #070439;
							text-transform: uppercase;
							}
		                #sub_menu li a:hover{
		                    background-color: #f7941e;
		                    border-radius:5px;
		
		                }
		                #sub_menu li.active a{
		                    background-color: #f7941e;
		                    border-radius:5px;
		                    
		                }
		                	#back_btn a{
		                			position: absolute;
		                			top: 180px;
		                			left: 878px;
									background-color: #f6e3cc;
									border-radius:5px;
									height: 20px;
									width: 42px;
									display: block;
									padding: 7px 20px 6px;
									font-family: Arial;
									font-size: 14px;
									text-decoration: none;
									color: #000;
									text-transform: uppercase;
									}
								
					                #back_btn a:hover{
					                    background-color: #f7941e;
					                    border-radius:5px;
					
					                }
					                #back_btn.active a{
					                    background-color: #f7941e;
					                    border-radius:5px;
					                    
					                }
					         
					                #breadcrumb strong {
									   float: left;
									   padding-right: 25px;
									   color: #6589a5;
		  
									}
             		#content li{
             			margin-top: 195px;
						float: left;
						position: relative;
					}
					#content li.recenteprojecten{
             			margin-top: 5px;
             			margin-left: 30px;
					}
					#content li.top{
             			margin-top: 25px;
             			margin-left: 30px;
					}
					
					#content_contact li{
						float: left;
						position: relative;
					}

					.outerColor{
					     border-radius:20px;
					     border:10px solid #fff;
						-webkit-box-shadow: 1px 1px 12px 0px #e6e6e6;
						box-shadow: 1px 1px 12px 0px #b7b5b5; 
						background:#fff;
					}
					
					.outerColor a{
					     color: #0000EE;
					}
					
			         .linkerkolom {
			         	width: 590px;
			         }
			         	
					  .harry_meijerink {
			         	height: 145px;
			         	width: 157px;
			         }
			          .rechterkolom {
			         	width: 350px;
			         	margin-left: 20px;
			          }
			          #contact_gegevens {
			        	height: 200px;
			         	width: 769px;
			         	margin-left: 20px;	
			          }
			     
					 #contact_gegevens li p{
			         	padding: 30px 70px 0 0;	
			          }
			           #contact_gegevens li.first p{
			         	margin-left: 29px;
			          }

			           .google_maps {
						padding-bottom: 20px;
			         	}
			          #content p{
			          	font-size: 13px;
			          	padding: 15px 60px 0 30px;
			          	line-height: 25px;
			          	font-family: Arial;
			          }
			          #content h3{
			          	font-family: Verdana;
			          	font-weight:650;
			          	font-size: 20px;
			          	padding: 20px 0px 0 30px;
			          	color: #f7941e;
			          	} 

			          #content_contact p{
			          	font-size: 13px;
			          	padding: 15px 60px 0 30px;
			          	line-height: 25px;
			          	font-family: Arial;
			          }
			          #content_contact h3{
			          	font-family: Verdana;
			          	font-size: 20px;
			          	padding: 20px 0 0 30px;
			          	color: #f7941e;
			          	} 
			         #content_projecten p{
			          	font-size: 13px;
			          	padding: 15px 60px 0 30px;
			          	line-height: 25px;
			          	font-family: Arial;
			          }
			         
			          	
			      	#content_projecten h3{
			          	font-family: Verdana;
			          	font-size: 20px;
			          	padding: 20px 0 0 30px;
			          	color: #f7941e;
			          	} 
					#content_projecten h4{
			          	font-family: Verdana;
			          	font-size: 10px;
			          	padding: 10px 0px 0px 0;
			          	color: #565381;
			          	text-align: center;
			          	} 
			          	
			          	#content_projecten li{
			          		float: left;
			          		position: relative;
			          		margin: 0 20px 20px 0;
			          		width: 225px;
			          	}
			           #content_projecten li.last {
			          		margin-right: 0px;
			          	}
			          	 #content_projecten li img {
			          		width: 205px;
			          	}
			          	#content_projecten .kopprojecten h3{
			          	font-family: Verdana;
			          	font-size: 15px;
			          	padding: 10px 10px 10px 10px;
			          	color: #f7941e;
			          	line-height: 11px;
			          	}
			          	#content_projecten p{
			          	font-size: 13px;
			          	padding: 15px 60px 0 30px;
			          	line-height: 25px;
			          	font-family: Arial;
			          }
			         
			          	
			      	#content_diverseprojecten h3{
			          	font-family: Verdana;
			          	font-size: 20px;
			          	padding: 20px 0 20px 30px;
			          	color: #f7941e;
			          	margin-left: 270px;
			          	}
			         #slider_text h3{
			          	font-family: Verdana;
			          	font-size: 20px;
			          	padding: 50px 0 20px 30px;
			          	color: #f7941e;
			          	}
			          #slider_text p{  
			          	font-size: 13px;
			          	padding: 0px 60px 0 30px;
			          	line-height: 25px;
			          	font-family: Arial;
			          }
			          
					#content_diverseprojecten h4{
			          	font-family: Verdana;
			          	font-size: 10px;
			          	padding: 10px 0px 0px 0;
			          	color: #565381;
			          	text-align: center;
			          	} 
			          	   	#content_diverseprojecten ul{
			          		margin-left: 175px;
			          		padding-bottom: 10px;
			          	}
			          	#content_diverseprojecten li{
			          		float: left;
			          		position: relative;
			          		width: 143px;
			          	}
			           #content_diverseprojecten li.last {
			          		margin-right: 0px;
			          	}
			          	 #content_diverseprojecten li img {
			          		width: 134px;
			          	}
			     
			          	
			          		#content_slide li{
			          		float: left;
			          		position: relative;
			          		padding-top: 20px;
				          	}
					          	 #content_slide  li img {
					          		width: 81px;
					          	}
					          	#content_slide  li img.varianten {
					          		width: 205px;
					          	}
					         #variaties {
					         	margin-bottom: 30px;
					         }

			          		#formulier {
								float: left;
								margin-left: 17px;
								width: 343px;
								height: 280px;
							}
									#formulier form input[type=text] {
										margin-top: 20px;
										margin-left: 25px;
										width: 275px;
										height: 28px;
										background: #f6e3cc;
										border: 1px solid #999999;
										float: left;
										color: #1c1d1f;
										font-size: 12px;
										text-indent: 9px;
										border-radius:10px;
									}
									#formulier form input[type=email] {
										width: 275px;
										height: 26px;
										background: #f6e3cc;
										border: 1px solid #999999;
										float: left;
										color: #1c1d1f;
										font-size: 12px;
										text-indent: 10px;
										margin-top: 10px;
										margin-left: 25px;
										clear: left;
										border-radius:10px;
									}
									#formulier form textarea {
										float: left;
										clear: left;
										width: 275px;
										height: 77px;
										background: #f6e3cc;
										border: 1px solid #999999;
										color: #1c1d1f;
										font-size: 12px;
										text-indent: 9px;
										margin-top: 10px;
										margin-left: 25px;
										padding-top: 10px;
										resize: none;
										border-radius:10px;
									}
							#formulier form ::-webkit-input-placeholder {
							    color: #1c1d1f;
								font-size: 12px;
								text-indent: 9px;
				
							}
							#formulier form :-moz-placeholder {
							    color: #1c1d1f;
								font-size: 12px;
								text-indent: 9px;
				
							}
							.dropsubmitbtn {
								position: absolute;
								top: 245px;
								left: 230px;
								background-color: #f7941e;
								width: 98px;
								height: 32px;
								display: block;
								margin-top: 10px;
								margin-right: 50px;
				                border: 1px solid #999999;
				                border-radius:10px;
							}
							.dropsubmitbtn:hover {
								background-position: 0 -29px;
							}
			    
			          

#page_footer{
	position: relative;
    height: 40px;
	background: #f2c38c;
	border-radius: 10px;
	margin-top: 40px;
	}
	#page_footer p{
		color: #fff;
		font-size: 10px;
		padding-top: 7px;
        }
        
        	#page_footer a{
		color: #fff;
		font-size: 10px;
		padding-top: 7px;
        }

		
/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}