/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* Kleuren
	rgb(104,195,47);  IWD groen
	rgb(192,228,240); IWD licht blauw
	rgb(0,143,193);   IWD midden blauw
	rgb(0,46,61);   	IWD donker blauw

	 
================================================== */

/* #Site Styles
================================================== */
body {width:100%; background-color: white; background-repeat: repeat-x;
	background-image: linear-gradient(bottom, rgb(255,255,255) 70%, rgb(192,228,240) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(192,228,240) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(192,228,240) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(192,228,240) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(192,228,240) 100%);
	background-image: -webkit-gradient(linear,left bottom, left top, color-stop(0.7, rgb(255,255,255)), color-stop(1, rgb(192,228,240)));
	}
html, body {height: 100%;}
html {overflow-x: auto; overflow-y: scroll; /* Voorkomt springen van gecentreerde pagina door altijd een scrollbar te plaatsen */}
cite {font-style: italic; color: #555; }
.iwd-bg-body {background: url('../img/bg/iwd-sprite-01.png') 0 -320px no-repeat; width: 725px; height: 700px; bottom: 0; right: 0; position:fixed;}
.klikbaar {display: block; width: 100%; height:100%; cursor: pointer;}
.klik-verder {font-weight: bold; color: rgb(104,195,47);}

/* VERBORGEN ELEMENTEN MOBILE */	
.iwd-mobile {display: none; position: fixed; width: 42px; height: 60px; top: 0; right: 0; margin: 10px 20px 0 0; background: url('../img/bg/iwd-sprite-01.png') -850px -470px no-repeat; z-index: 1001; }
.iwd-mobile:hover {background: url('../img/bg/iwd-sprite-01.png') -900px -470px no-repeat;}
#iwd-mobile-nav {display: none;}

/* HEADER */	
.iwd-header-bg {position: fixed; left: 4%; width: 1663px; height: 320px; background: url('../img/bg/iwd-sprite-01.png') 0 0 no-repeat;}
.iwd-logo {position: relative; width: 259px; height: 148px; top: 10px; background: url('../img/bg/iwd-sprite-01.png') -725px -320px no-repeat;}
header .columns {min-height: 168px;}

/* MENU & NAVIGATIE */	
.navigatie {z-index: 100000; height: 50px;}
.menu-div {margin-top: -20px;}
.sticky-logo-li {display: none;}
#sticky.stick {
   position: fixed; top: 0; margin-top: 0; width: 100%; z-index: 100000; background-color: white; background-repeat: repeat-x;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%,  rgba(255, 255, 255, 0) 100%);
   background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%,  rgba(255, 255, 255, 0) 100%);
   background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%,  rgba(255, 255, 255, 0) 100%);
   background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%,  rgba(255, 255, 255, 0) 100%);
   background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%,  rgba(255, 255, 255, 0) 100%);
   background: -webkit-gradient(linear,left bottom, left top, color-stop(0.3, rgba(255, 255, 255, 1)), color-stop(0, rgba(255, 255, 255, 0)));
   }
#sticky.stick .sticky-logo-li {width: 82px; height: 47px; background: url('../img/bg/iwd-sprite-01.png') -725px -470px no-repeat; z-index:900001; margin-top: -10px !important; display: block; background-color: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.iwd-header-bg.stick {display: none !important;}

.navigatie a {display: block; text-align: center; font-size: 18px; font-weight: bold; padding: 5px;}
.navigatie li {list-style: none;	float: left; min-width: 100px; height: 30px;	padding: 0; margin-right: 10px; background-color: #68c32f;}
.navigatie li a:link, .navigatie li a:visited, .navigatie li a:hover, .navigatie li a:active  {color: rgb(255,255,255); text-decoration: none;}
.navigatie li {background-color: rgb(0,143,193); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 5px rgba(150,150,150,0.5); -webkit-box-shadow: 0px 0px 5px rgba(150,150,150,0.5); box-shadow: 0px 0px 5px rgba(150,150,150,0.5); }
.navigatie li:hover {background-color: rgb(104,195,47);}
.navigatie li:active {background-color: rgb(0,46,61);}
.navigatie .thispage  {background-color: rgb(104,195,47) !important;}
.pagina-boven {padding-top: 10px;}

/* STICKY KNOP TOP */
#sticky-knop {position: relative; width: 50px; height: 50px; display: none; right: 20px; background: url('../img/bg/iwd-sprite-01.png') -850px -540px no-repeat; -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px;}
#sticky-knop.stick {position: fixed; bottom: 50px; margin-bottom: 50px; z-index: 10000000; display: block;}
#sticky-knop.stick:hover {background: url('../img/bg/iwd-sprite-01.png') -900px -540px no-repeat; -moz-box-shadow: 0px 0px 5px rgba(250,250,250,0.5); -webkit-box-shadow: 0px 0px 5px rgba(250,250,250,0.5); box-shadow: 0px 0px 5px rgba(250,250,250,0.5);}


/* FOOTER */
.iwd-footer-bg {position: absolute; left: 0;  width: 100%; height: 300px; background: url('../img/bg/iwd-sprite-01.png') -1200px 0 no-repeat;}	
.iwd-footer-bg-bottom {position: absolute; left: 0;  margin-top: 250px; padding-top: 15px; width: 100%; height: 35px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); color: rgb(104,195,47); text-align: center; z-index: 102;}	
.footer-txt {z-index: 100;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px; clear: both;}
footer, .push  {height: 300px; text-align: left; clear: both;}
footer {background-color: rgb(229,229,229); background-color: rgba(102,102,102,0.3);}
footer h5 {padding-bottom: 10px;}
footer .one-third {padding-top: 5px;}
footer p {color: rgb(0,143,193);}

/* #Page Styles
================================================== */

/* INDEX */
.correctie-padding-li {padding-bottom: 6px;}

/* AANBOD */
.four.columns img {margin-bottom: 10px;}
.img-float-right {float: right; padding: 0 0 20px 20px;}
/* #anker-websites, #anker-onderhoud, #anker-logo,	#anker-huisstijl, #anker-fotografie, #anker-beeldbewerking, #anker-advies, #anker-installatie {margin-top: -110px; position: absolute; z-index: -10;} */

/* PORTFOLIO */
.portfolio {text-align: center; margin-bottom: 20px !important;}
.portfolio img {border: 4px solid rgb(255,255,255); margin: -4px; border-color: rgb(255,255,255); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; opacity: 1.000; filter:alpha(opacity=100); /* For IE8 and earlier */ 	-moz-box-shadow: 0px 0px 5px rgba(150,150,150,0.2); -webkit-box-shadow: 0px 0px 5px rgba(150,150,150,0.2); box-shadow: 0px 0px 5px rgba(150,150,150,0.2); width: 100%;}
.portfolio img:hover { border-color: rgb(255,255,255) !important; opacity: 0.700; filter:alpha(opacity=70); /* For IE8 and earlier */ }
.portfolio p, .portfolio a:link, .portfolio h4 {text-align: left !important;}
.pf-txt {padding-top: 10px;}
.spacer {height: 100px; width: 100%;}

/* WERKWIJZE */
.stapwerkwijze {background-color: rgb(104,195,47); height: 80px; width: 65px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; float: left; text-align: right; margin: 5px 20px 10px 0; font-size: 120px; font-weight: bold; line-height: 80px; color: rgb(255,255,255); padding-left: 15px;}

/* PRIJS */
.prijs {font-size: 46px; font-weight: bold; color:rgb(104,195,47); display: block;padding: 0 0 20px 0;}
.prijs-boven {font-size: 20px; font-weight: bold; display: block; padding: 0 0 20px 0;}

/* CONTACT */
#twitter-widget-0{width:760px;}
textarea#bericht {width: 96%; max-width: 100%; min-height: 200px;}
#stuurkopie {float: left; margin-left: 0; margin-right: 5px;}
#stuurkopie-txt {padding-bottom: 10px;}
.indicates-required {text-align: right;}
.g-recaptcha {margin-bottom: 20px;}


.rondehoeken-schaduw {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 5px rgba(150,150,150,0.2); -webkit-box-shadow: 0px 0px 5px rgba(150,150,150,0.2); box-shadow: 0px 0px 5px rgba(150,150,150,0.2); }


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

/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	#sticky.stick div.sticky-logo {display: none;}		
	}

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	#sticky.stick div.sticky-logo {display: none;}	
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.hide-mobile {display: none !important;}
	body {background-image: none;}
	#sticky.stick {position: fixed; top: 0; background-color: rgb(255,255,255); width: 100%;}
	#sticky {display: none;}
	.pagina-boven {padding-top: 80px;}
	.iwd-mobile {display: block;}
	.iwd-header-bg.stick {display: block !important;}
	.iwd-header-bg {position: fixed; top:0; left: 0; width: 100%; height: 70px; background: rgb(192,228,240) url('../img/bg/iwd-sprite-01.png') -890px 0  no-repeat; z-index: 1000;}
	.iwd-logo {position: fixed; width: 105px; height: 60px; top: 0; left: 0; margin: 5px 10px 5px 10px;  background: url('../img/bg/iwd-sprite-01.png') -725px -520px no-repeat; z-index: 1001;}
	textarea#bericht {width: 96%; max-width: 100%; min-height: 100px;}

	header .columns {min-height: 10px;}
	.navigatie {padding-top: 20px;}
	.navigatie li {width: 100%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
	.navigatie a {text-align: left;}
	.iwd-footer-bg {background: url('../img/bg/iwd-sprite-01.png') -690px 0  no-repeat; z-index: 1;}	
	#iwd-mobile-nav {display: block;}

	.iwd-footer-bg {margin-top: 500px; height: 300px; background: url('../img/bg/iwd-sprite-01.png') -1200px 0 no-repeat; z-index: 1;}	
	.iwd-footer-bg-bottom {margin-top: 740px; padding-top: 5px; height: 55px;}
	.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -800px; clear: both;}
	footer, .push  {height: 800px; clear: both;}
	.spacer {height: 70px; width: 100%;}
	}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.hide-mobile {display: none !important;}
	body {background-image: none;}
	#sticky.stick {position: fixed; top: 0; background-color: rgb(255,255,255); width: 100%;}
	#sticky {display: none;}
	.pagina-boven {padding-top: 80px;}
	.iwd-mobile {display: block;}
	.iwd-header-bg.stick {display: block !important;}
	.iwd-header-bg { position: fixed; top:0; left: 0; width: 100%; height: 70px; background: rgb(192,228,240) url('../img/bg/iwd-sprite-01.png') -890px 0  no-repeat; z-index: 1000;}
	.iwd-logo {position: fixed; width: 105px; height: 60px; top: 0; left: 0; margin: 5px 10px 5px 10px;  background: url('../img/bg/iwd-sprite-01.png') -725px -520px no-repeat; z-index: 1001;}
	textarea#bericht {width: 96%; max-width: 100%; min-height: 100px;}
	
	header .columns {min-height: 10px;}
	.navigatie {padding-top: 20px;}
	.navigatie li {width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
	.navigatie a {text-align: left;}
	.iwd-footer-bg {background: url('../img/bg/iwd-sprite-01.png') -690px 0  no-repeat; z-index: 1;}	
	#iwd-mobile-nav {display: block;}

	.iwd-footer-bg {margin-top: 500px; height: 300px; background: url('../img/bg/iwd-sprite-01.png') -1200px 0 no-repeat; z-index: 1;}	
	.iwd-footer-bg-bottom {margin-top: 740px; padding-top: 5px; height: 55px;}
	.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -800px; clear: both;}
	footer, .push  {height: 800px; clear: both;}
	#recaptcha_response_field {width: 96% !important;}
	.spacer {height: 70px; width: 100%;}
	}


/* All */


/* #Font-Face
================================================== */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 12, 2011 */
@font-face {
	font-family: 'UbuntuRegular';
	src: url('../fonts/Ubuntu-R-webfont.eot');
	src: url('../fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
	     url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'),
	     url('../fonts/Ubuntu-R-webfont.svg#UbuntuMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}