html { margin: 0 auto; }
body { margin: 0 auto; font-family: 'Open Sans', sans-serif; background: #f1f0ee; color: #4d4d4d; font-size: 16px; font-weight: 300; }
img { border: 0px; }
.clear { clear: both; }
a { color: #0096ff; text-decoration: none; box-shadow: inset 0px -1px 0px 0px #eee; font-weight: 400;
-moz-transition: all 0.10s ease-in-out; -ms-transition: all 0.10s ease-in-out; -o-transition: all 0.10s ease-in-out; transition: all 0.10s ease-in-out; }
a:hover { box-shadow: inset 0px -20px 0px 0px #eee; }



#head { width: 1000px; margin: 0 auto; height: 209px; background: url(images/head-bg.png) no-repeat left top #fff;}
.logo { float: left; height: 200px; margin: 5px 0px 0px 120px; width: 260px; }
.logo a { box-shadow: none; }
.menu { float: right; height: 100px; margin: 60px 0px 0px 0px; width: 530px; }
.menu a { display: block; float: left; border-radius: 5px; background: #3d7474; font-size: 12px; color: #fff; text-decoration: none; padding: 8px 15px 8px 15px; 
	text-transform: uppercase; margin: 0px 20px 20px 0px; box-shadow: inset 0px 0px 0px #5c5b4e; font-weight: 400;
	-moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.menu a i { font-size: 16px; margin-top: 1px; display: block; float: left; margin-right: 8px;}
.menu a:hover { box-shadow: inset 0px -40px 0px #1d5b60; } 

#banner { width: 1000px; margin: 0 auto; height: 375px; }

#home { width: 930px; margin: 0 auto; min-height: 100px; background: #fff; padding: 30px 35px 30px 35px; }
#home .contact { width: 330px; float: left; }
#home .contact h2 { font-size: 30px; font-weight: 300; color: #d35535; margin: 0 0 20px 0; padding: 0; }
#home .blokken { width: 595px; float: right; margin-top: -100px; position: relative; z-index: 10; }
#home .blokken .blok { width: 240px; float: left; border-radius: 10px; height: 150px; padding: 15px 20px; color: #fff; font-size: 14px;
	margin: 0px 15px 20px 0px;}
#home .blokken .blok.b-1 { background: #998673;}
#home .blokken .blok.b-2 { background: #83826f;}
#home .blokken .blok.b-3 { background: #4d4d4d;}
#home .blokken .blok.b-4 { background: #3d7474;}
#home .blokken .blok h2 { font-size: 26px; font-weight: 300; color: #fff; margin: 0 0 15px 0; padding: 0; font-weight: 300; }
#home .blokken .blok a { display: block; border-radius: 5px; background: #fff; font-size: 12px; color: #d35535; text-decoration: none; 
	padding: 8px 15px 8px 15px; text-transform: uppercase; box-shadow: inset 0px 0px 0px #ddd; margin-top: 15px; font-weight: 400;
	-moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
#home .blokken .blok a i { font-size: 16px; margin-top: 1px; display: block; float: left; margin-right: 8px; }
#home .blokken .blok a:hover { box-shadow: inset 0px -40px 0px #ddd; } 
#home .blokken .blok a.img { display: normal; float: none; border-radius: 0px; background: none; font-size: 12px; color: #d35535; text-decoration: none; 
	padding: 0px; text-transform: none; box-shadow: none; margin-top: 0px; font-weight: 400; }
#home .blokken .blok a.low { margin-top: 34px; }

#foot-regel { width: 930px; margin: 0 auto; min-height: 35px; background: #fff; padding: 15px 35px 15px 35px; border-top: 1px solid #ccc; }
#foot-regel .telefoon { float: right; margin-top: 5px; font-size: 18px; }
#footer { width: 930px; margin: 0 auto; min-height:50px; background: #998673; padding: 45px 35px 15px 35px; }
#footer a { color: #fff; font-weight: 500; text-decoration: none; margin-right: 30px; box-shadow: none; }
#footer a:hover { text-decoration: underline; }
#footer span {display: block; float: right; color: #fff;}

#content { width: 930px; margin: 0 auto; min-height: 100px; background: #fff; border-top: 1px solid #ccc; padding: 30px 35px 30px 35px; font-size: 14px; line-height: 24px; }
#content h2 { font-size: 30px; font-weight: 300; color: #d35535; margin: 0 0 20px 0; padding: 0; }
#content.onderkant { padding-bottom: 0px;}

#content .cont-left { width: 250px; border-right: 1px solid #ccc; float: left; line-height: 35px; }
#content .cont-right { width: 660px; float: right; }

#content .contact2 { width: 350px; float: left; padding: 40px 20px 20px 20px;}
#content .pegasus { width: 500px; float: right; }

.beeld { float: left; width: 200px; height: 250px; border: 1px solid #ccc; margin: 0px 25px 25px 0px; 
	-moz-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.beeld:hover { box-shadow: 0px 0px 10px #ccc; }
.beeld .foto { margin: 0 auto; width: 180px; height: 180px; text-align: center; margin-top: 10px; }
.beeld .foto img { max-width: 180px; max-height: 180px; }
.beeld .titel { font-size: 14px; color: #d35535; width: 180px; height: 35px; text-align: center; font-weight: 700; margin: 0 auto; margin-top: 10px; }

.beeld-groot { float: left; width: 350px; height: 350px; border: 1px solid #ccc; margin: 0px 25px 0px 0px; text-align: center; }
.beeld-groot .foto img { margin: 0 auto; max-width: 330px; max-height: 330px; text-align: center; margin-top: 10px; }

.foto-grid { width: 930px; margin: 0 auto; min-height: 100px; background: #fff; padding: 0px 35px 30px 35px; font-size: 14px; line-height: 24px; }

.beeld-small { float: left; width: 100px; height: 100px; border: 1px solid #ccc; margin: 0px 25px 25px 0px; text-align: center; }
.beeld-small .foto img { margin: 0 auto; max-width: 80px; max-height: 80px; text-align: center; margin-top: 10px; }