* { margin: 0; padding: 0; }
		
html { 
			background: url(../img/rect2996-7.png) no-repeat bottom center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-color: #7f2aff;
		}
		
		
body {height:100%} 
		
#envelop  {
	width: 90%;max-width:1200px;min-width:470px;
	margin: 0 auto;
	}		
		
#page-wrap { 
	border-radius: 15px;
 	border-style: solid; 
 	border-color: #161650; 
 	border-width: 1px;
 	margin-top:20px;
 	padding: 20px; 
 	 	-moz-box-shadow: 5px 5px 10px #161650; -webkit-box-shadow: 5px 5px 10px #161650; box-shadow: 5px 5px 10px #161650; 
 	background: rgba(255, 255, 255, .5);
	}
	
p,li,dd,h1,h3,h4,h5,hr,a,ul#navigatie li ul li a, .footer, .blog { font-family: Bitstream Vera Sans, Verdana, Arial;color: #161650;font-size:11px;line-height:180%;
	}
lh {font-variant:small-caps;margin-left:20px;}

#prijslijst {letter-spacing: 5pt;}
li#lijstje {margin-left:40px;letter-spacing: normal;}

h1 {text-align: center;
    font-size : 300%;
	}
  
h3 {text-align: left; margin-left:40px;
    font-size : 20px;
    margin-top: 70px;
    margin-bottom: 20px;
	}
	
p  {margin-top: 30px; padding-right:15px;font-size:11px;
	}
	li {font-size:11px;}
p.blog	{margin-top: 0px;margin-bottom: 10px;padding-right:0px;font-size:8px;width:160px;  }

dd {padding-left:20px;}

a {-moz-border-radius: 3px; border-radius: 3px;   transition: all .3s linear;

   -o-transition: all .5s linear;-moz-transition: all .5s linear;-webkit-transition: all .5s linear;
   padding-left:5px;padding-right:5px;}  
a:link,a:visited {background-color:#e1d5f4;}
a:hover,a:active {background-color:#aa71ff;color: #ffffff;}

	
	
.lijst0 {	margin-top:40px; margin-left:30px; margin:bottom: 15px;}

#lijst0 {	list-style:none;}

.lijst1 {	margin-bottom: 15px;}


#prijslijst {list-style:none;margin-bottom:6px;margin-left40px;padding-left:15px;font-style:normal;}
#prijslijst {list-style-image:url('../img/streepje.png');}


  
hr 		{	height: 2px;
			width: 90%;margin: 0 auto;
			margin-top: 10px;
			margin-bottom: 10px;
			background-color: #161650;
		}
		
hr.blog {	height:1px;background-color:none}

h4 		{	text-align:center;margin-bottom:16px;font-variant: small-caps;font-size:120%;letter-spacing: 2px;}	

img.foto{	width: 200px; height: 160px;  border: black solid 1px; margin: 20px;margin-left: 0px;border-radius: 4px; overflow:hidden;}

img.foto2{	width: 200px; height: 244px;  border: black solid 1px; margin: 20px;margin-top:-60px;margin-left: 60px;border-radius: 4px; overflow:hidden;}

img.foto3{	width: 100px; height: 200px;  border: black solid 1px; margin: 20px;margin-left: 60px; border-radius: 4px; overflow:hidden;}

img.foto4{	width: 200px; height: 150px;  border: black solid 1px; margin: 20px;margin-left: 20px;border-radius: 4px; overflow:hidden;}

img.poster {margin-left:10px;margin-right:30px;float:left;}

img#tekening 
		 {	height:400px;}


div.blog 	{	border-left: #161650 solid 2px;margin:20px; margin-left:70px;padding-left:10px;margin-bottom:50px;margin-top:0px;}	

.right 	{	float:right;width:220; }	

img.text{	float: right; width: 200px; height: 160px;  border: black solid 1px; margin: 20px;border-radius: 4px; overflow:hidden;} 


		
p.blog	{margin-top: 0px;margin-bottom: 5px;border-left:none;margin-left:0px;  }
		

img#handtekening {width:75%;}

.footer  {
	width:89%;margin: 0 auto;
	position:fixed;
	font-weight:bold;
	text-align:center;
	bottom: 0px; 
	font-size: 50%;
	border-radius: 15px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
 	border-style: solid; 
 	border-color: black; 
 	border-width: 1px;
 	padding-bottom: 5px; 
 	padding-top: 3px;
 	-moz-box-shadow: 5px 5px 10px black; -webkit-box-shadow: 5px 5px 10px black; box-shadow: 5px 5px 10px black; 
 	background: rgba(255, 255, 255, .8);
 	margin-left:-20px;
 	overflow:visible;
	}
	
.footer-harpjes  {
	width:90%;margin: 0 auto;
	height:143px;
	position:fixed;
	font-weight:bold;
	text-align:center;
	bottom: 0px; 
	font-size: 50%;
 	border-style: none; 
 	margin-left:-25px;
 					}

 	@media screen and (max-width: 800px)  {

p, dd, li {font-size:1.1em;}
body, #envelop  {width:100%;}
.footer, .footer-harpjes {position:relative;width:90%;margin:0 auto;}
.footer-harpjes{height:73px;}
.footer {margin-top:40px;margin-bottom:-20px;}
img#handtekening {width:90%margin:0 auto;}
.right {float:none;display:block;}
p.blog, h4 {font-size:1.1em;}
div.blog {float:right;margin-top:0px;margin-right:5px;margin-left:0px;}
img.foto2 {margin-top:0px;margin-right:5px;margin-right:5px;}
	}
	
		@media screen and (max-width:700px) {
img.poster {float:none;}

}
	
	@media screen and (max-width:500px) {
div.blog {float:none;}
}