*{margin:0; padding:0;}

@font-face {
	font-family: Sanchez;
    src: url('font/Sanchez.eot'); /* For IE */ 
    src: local('Sanchez'), url('font/Sanchez.ttf') format('truetype'); /* For non-IE */
}

body{

	background:url("media/background.jpg") #88ad26 ;
	font-family:Sanchez,serif;
	font-size:1.2em;
	background-size:100% auto;
	background-position:top center;
	background-repeat:no-repeat;
}

.wrapper,.nav_wrapper{ width:960px; margin:auto;}
.wrapper{background:url("media/wrapper_background.png"); padding-top:2.7em; box-shadow:1px 1px 3px #000;}

a{color:#000; text-decoration:none;}
.subbutton{background:none; color:#666; margin:0; padding:0;}
.subbutton:hover{background:none; color:#000;}

/*Headings*/
h1{font-size:2em; margin:2%;}
h2{font-size:1.6em; color:#666; margin:2%;}
h3{font-size:0.8em; border-bottom:1px solid #000; margin-bottom:1em; color:#666; padding:0.3em 0;}
h4{font-size:1.3em; margin:1em 0;}

/*Navigation*/
nav{width:100%; background:#000; height:2.5em; position:fixed; top:0; border-top:3px solid #F00;}
nav ul{list-style:none; float:right;}
nav ul li{float:left;}
nav ul li a{text-decoration:none; color:#ccc; margin:0.8em; display:block; font-weight:bolder;}
nav ul li a:hover, nav ul li .active{color:#FFF;}


/*Header*/
header a{margin:10px 20px; color:#666; display:inline-block;}
header a img{margin-right:10px; margin-bottom:-2px;}
header a:hover{color:#000; cursor:pointer;}
header .right{margin-bottom:-30px;}


/*Sections and articles*/
section{margin:0em 0;}
section img{width:26%; margin:0 12%;}
article{width:44%; margin:5% 3%; float:left;}
article a, .button{background:#000; display:inline-block; width:auto; color:#FFF; padding:1em; border:none; font-family: Sanchez; font-size:1em;}
article a:hover,.button:hover{background:#F00;}


/*Footer*/
footer a{text-align:center; margin:0.2em 0.5em; background:none; color:#666;}
footer a:hover{background:none; color:#000;}

/*Forms*/
label{margin:2% 0; display:block;}
input,textarea{padding:4%; width:92%; margin:0.2em 0 2em;}


/*Media*/
.album{background:none; padding:10px 0 !important; margin:0; display:block; color:#000;}
.album:hover{background:#FFF;}
.album img{height:100px; width:auto; float:left; margin:0 0.5em; margin-right:1em;}
.album .info{margin:1em;}


.fotos .lbthumb{ padding:0px; width:200px; height:200px; margin:11px; border:1px solid #000; background:none;}
.fotos .lbthumb:hover{box-shadow:2px 2px 5px rgba(0,0,0,0.5); background:none;}

.fotos .lbthumb img{width:100%; margin:0; padding:0;}

/*Producten*/
.product{background:#FFF; width:20%; padding:2% 1%; margin:1%; display:block; border:1px solid #000; float:left;}
.product img{width:100%; margin:0.5em 0;}
.product .product_title{height:2em; display:block;}



/*Extra stuff*/
.shadow{clear:both; width:100%; pointer-events:none; display:block; margin:0px;}
.down{margin-bottom:-40px;}
.up{margin-top:-40px;}

.centered{text-align:center;}
.clear{clear:both;}
.red{color:#F00;}
.truck{margin:2em 5% 2em -5%; width:50%; float:left;}
.full{width:94%; float:none;}
.copyright{padding:1em 0 2em; }
.created{padding:0 0 2em; color:#FFF; text-align:center; display:block;}
.created:hover{text-decoration:underline;}
.right{float:right;}
 .w50{width:46%; margin-right:4%; float:left;}
 .add_margin{margin:2em 0%;}
 .pointer{width:10px; height:10px; position:absolute; top:0px; background:url("media/icons/pointer.png");}

.notification{padding:1em 5%; width:90%;}
.success{color: #88ad26 ; border:1px solid  #88ad26 ;}
.error{color: #F00;  border:1px solid  #F00 ;}