/* Crossbrowser alles op nul, gebaseerd op Eric Meyers CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
                  	margin: 0;
                  	padding: 0;
                  	border: 0;
                  	outline: 0;
										font-size: 100%;
                  	vertical-align: baseline;
                  	background: transparent;}
	
ol, ul 					{		list-style: none;}

:focus 					{		outline: 0; }

/* Margins & text-align zorgen ervoor dat alles gecentreerd wordt, font-size zodat 1em gelijk is aan 10px */
html			 	 		{ 	}
body 						{		background: #dfc19b url(images/bg.jpg) center top no-repeat; 
										margin: 0 auto 0 auto;	padding: 30px 0 0 0; text-align: center;  }
										
/* Typografie */

body 					{			font-size:62.5%; color: #000000; font-family: Georgia, Times, Times new roman, serif; font-size: 1em; }

p							{			margin: 0 0 1em 0; line-height: 1.5em; }

a							{			color: #600; text-decoration: none; font-weight: bold; line-height: 1em; }
							
a:hover				{			color: #f00;	}

h1				 		{ 		color: #900; font-size: 1.8em;	margin: 0 0 10px 0;}

h2				 		{ 		color: #900; font-size: 1.4em;	margin: 0 0 10px 0; }

h3				 		{ 		color: #000; font-size: 1.1em;	margin: 0; }

h4, small						{ 		color: #000; font-size: 0.8em;	margin: 0 0 10px 0; }


#wrap				{ 	width: 955px; margin: 0 auto 40px auto;  position: relative; text-align: left;  background: url(images/wrap.png);    }

#header			{		width: 365px; height: 50px; background: url(images/header.jpg);
								padding: 35px 0 0 570px; }

						#header li, #header a			{ display: inline; list-style-type: none;  letter-spacing: 1px; color: #000000;  font-weight: bold;}
						#header a:hover 	 {				color: #990000; }

#side				{		width: 365px;	float: left; }

				#logo		{			 width: 365px; height: 195px; }	
				
				#sidebar {		 width: 310px; min-height: 125px;  height: auto !important; height: 125px;
								 			 padding: 20px 5px 0 40px; 
								 			 background: url(images/sidebg.jpg) top left no-repeat; 
											 }
.testamonials           {      padding: 400px 0 0 45px;}

.menu		        { 	width: 300px; height: 355px; position: absolute; top: 328px; left: 25px;
                        padding: 30px 15px 15px 40px; background: url(images/menu.png) top left no-repeat;
                        z-index: 10; }
.menu ul		{ 	}                               
.menu li		{ 	margin: 0 10px 8px 0; position: relative;}
.menu a		        { 	padding:12px 8px; color: #ffefd6; width: 200px; }
.menu a:hover	        {	color: #fff; text-decoration: underline;}
.menu a:active	        {	border-bottom: 3px solid #666;}
.menu li ul	        {	position:absolute; display:none; z-index: 20;}
.menu li:hover ul       {	position: absolute; top: -20px; left: 220px; padding: 15px 0;
                                        width: 230px; display: block; background:#600;}
.menu li ul li	        {	float: none; clear: both; padding: 0 5px 5px 10px; 
                                        width: 150px; }
.menu li ul a	        {	font-size: 13px; color: #ffefd6; font-style: normal;}
.menu li ul a:hover	{	color: #fff; }
		
			
				
#content		{		 width: 520px;  min-height: 365px;  height: auto !important; height: 365px;
								 float: left; padding: 20px 25px 20px 15px;
								 background: url(images/content.jpg) no-repeat;}
								 
								 .formvlak {					width: 250px;
										height: 18px;
										background: #fff;
										border: 1px solid #000;
										margin-bottom: 5px;
																			            }				
.formgroot {				width: 400px;
										height: 150px;
										background: #fff;
										border: 1px solid #000;}
										
										  .error {

font-size: 10pt;
  color: red;

  display:none;
  }

								 
								 
								 
#footer			{		 width: 900px; height: 80px; 
								 clear: both;  margin: 0 0 0 35px; padding: 220px 0 0 0;
								 background: url(images/foot.jpg) no-repeat;
								 z-index: -1;}
								 
								 #footlinks { width: 880px; height: 80px; text-align: right; }

								 
#boks			{	margin: 0 auto; text-align: center; height: 20px; width: 750px;  }
#boks  a                 {                       font-size: 10px; letter-spacing: 1px;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */