body {
margin: 0;
    padding: 0;
	background: url(Backgroundimages/background9.png);
    background-color: #fff; 
text-align: centre;	
}

#wrapper {
    position: relative;
margin: 0 auto;
    top: 23px;
	left: 18px;
    width: 1049px;
height: auto;
background: url(Backgroundimages/backgroundWrap2.png);
background-repeat:no-repeat;
border: 0px solid #E187B8;
}

#main {
     position: relative;
	 top: 16px;
left: 167px;
min-height: 600px;
	width: 830px;
}

#navigation ul {
    list-style-type: none;
padding-left: 18px;
padding-top: 0px;
}

#navigation li {
    display: block;
    margin: 0;
    padding: 0;
}

#navigation a {
    color: #7E5103;
    text-decoration: none;
    display: block;
    padding: 2px;
}

#navigation a:hover {
    color: #7E5103;
    text-decoration: underline;
}

#navigation {
     position: relative;
	 float: left;
	 margin-left: 10px;
top: -29px; 
left: 0px;
height: 700px;
width: 150px;
    font: 15px/2em 'arimo', Tahoma, arial, Trebuchet MS, verdana;
color: #555555;
line-height: 3;
z-index: 1;
}

#maintext {
  position: absolute;
  top:0px;
  left: 200px;
  height: 580px;
padding: 40px 10px 0 10px;
line-height: 1.5;
overflow: auto;
}

#shiatsupraktijk {
position: absolute;
top: 89px;
  left: 378px;
  }
  
#logotext {
     position: relative;
    top: 13px;
	left: 178px;
	width:774px;
z-index: 4
}

#footer {
 position: relative;
left:20px;
top: -19px;
font: 11px 'arimo', Verdana;

}

#facebook {
position: absolute;
float: left;
border: 0px;
left: 29px;
top: -74px;
z-index: 5;
}

/*-----------IMAGES---------------*/

.Christiana {
float: left;
margin-right: 10px;
}

.klaprozen {
float: left;
margin-right: 10px;
}

.logoNVST {
margin-right: 10px;
display: block;
}

.artikelen {
float: left;
margin-right: 10px;
display: block;
}


/*---------- FONTS --------------*/

h1 {font-family: 'eau_sans', Tahoma, arial, Trebuchet MS, verdana; font-size: 24px; color: #486D23; font-weight: bold;} 
h2 {font-family: 'quattrocento-sans', Tahoma, arial, Trebuchet MS, verdana; font-size: 16px; color: #49523E;} 
h4 {font-family: 'quattrocento-sans', Tahoma, arial, Trebuchet MS, verdana; font-size: 15px; color: #7E5103;} 
p {font: 14px 'arimo', Tahoma, arial, Trebuchet MS, verdana; line-height: 1.5; z-index: 2; color: #252524; text-align:left;}
b {font: bold; 14px 'arimo', Tahoma, arial, Trebuchet MS, verdana; font-size: 12px; color: #666666; }
a:link {text-decoration:none;}
a:visited {text-decoration: none;}
a:active {color:none;}

 @font-face {
 font-family:'arimo';
 src: url('arimo/Arimo-Regular.ttf');
 src: local(quattrocento-sans/QuattrocentoSans-Regular.otf), url('cabin') format('woff'), url(cabin/cabin.otf) format('truetype'), url('cabin') format('svg');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
 font-family:'eau_sans';
 src: url('eau_sans/outline font/eau_sans_book_osf_obl.otf');
 src: local(quattrocento-sans/QuattrocentoSans-Regular.otf), url('cabin') format('woff'), url(cabin/cabin.otf) format('truetype'), url('cabin') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family:'quattrocento-sans';
 src: url('quattrocento-sans/QuattrocentoSans-Bold.otf');
 src: local(quattrocento-sans/QuattrocentoSans-Regular.otf), url('cabin') format('woff'), url(cabin/cabin.otf) format('truetype'), url('cabin') format('svg');
 font-weight: normal;
 font-style: normal;
 }