/* 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: #666666; text-decoration: none; font-weight: bold; line-height: 1em; }
							
a:hover				{			color: #cccccc;	}

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; 
											 }
											 
						#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;}


#suckerfishnav {
    font-size:14px;    
    font-weight:bold;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:14px;
    padding:0;
    margin:0;
    width:260px;
    }
#suckerfishnav a {
    display:block;
    color:#ffefd6;
    text-decoration:none;
    padding:6px 8px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav li a {
    width:260px;
    height:20px;
    overflow:hidden;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:230px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    margin:-40px 0 0 200px;
    }
#suckerfishnav li li {
    width:230px;
    font-weight:normal;
    }
#suckerfishnav li li a {
    padding:13px 10px 7px 10px;
    width:180px;
    height:20px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-25px 0 0 130px;
    }
#suckerfishnav li li:hover {
    background:#900;
		
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
		letter-spacing: 1px;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
		letter-spacing: 1px;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
		letter-spacing: 1px;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#600;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    
		    }
#suckerfishnav .current_page_parent {
    
    }
#suckerfishnav .current_page_item {
    
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
    content:"";
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
    color:#000000;
    content:"";
    }
#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
    color:#000000;
    content:"";
    }		
			
				
#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; }

								 

/*	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 */