/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {
font-size:28px;
font-weight:normal;
}

h2 {
			font-size:18px;
			font-weight:normal;	
			color:white;
}

h3 {
font-size:17px;
}

a:link, a:hover,a:visited, a:active { text-decoration:underline; color:#2c2a2a; font-weight:normal; text-decoration:none;}

/*------------------------------------
***** Standaard
------------------------------------*/

html {
height:100%;
}

body {
	background-color:white;
	background-image:url(../images/wood.jpg);
	background-repeat:repeat;
	background-position:center top;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	line-height:1.5;	
}

	#wrapper {
		position: relative;
		width: 958px;
		margin: 0 auto;
		background:#fff url(../images/map.jpg) no-repeat right bottom;
		top:20px;

	}
	
					#header {	
						position:relative;
						height:380px;
						width:901px;
						left:28px;	
						top:28px;			
						}
						
						#sfeer {
							position:absolute;
							z-index:1;
							left:0px;
							top:0px;
							width:901px;
							height:357px;
							
							}
						
						#logo {
							position:absolute;
							width:545px;
							height:169px;
							z-index:99;
							top:-45px;
							right:-85px;						
							
							}
							
							
	
	
/*------------------------------------
***** menu
------------------------------------*/
		
		
#nav { 
			position:relative;
			height:25px;
			width:958px;
			top:29px;
			}
			
				#nav ul {
				position:relative;
				height:25px;
				left:28px;
				top:0;
				overflow:visible;		
			}
			
					#nav ul li {
						position:relative;
						float:left;
						height:25px;
						padding-left:15px;
						padding-right:15px;
						font-size:17px;
						border-right:1px solid #2c2a2a;
						
					}
					
					#nav ul li.active,#nav ul li:hover { }
					
					  #nav ul li.last {border-right:none;  }
					  #nav ul li.first { padding-left:none;  }
					
						#nav ul li a { position:relative; color:#2c2a2a; font-weight:normal; text-decoration:none; top:0px;}


						
/*------------------------------------
***** events
------------------------------------*/					
						
	#event1{
		position:relative;
		width:291;
		height:173px;
		top:49px;
		left:28px;
		float:left;
	}
	
	#event2 {
		position:relative;
		width:291;
		height:173px;
		top:49px;
		left:334px;
		float:left;
	}
	
	#event3 {
		position:relative;
		width:291;
		height:173px;
		top:49px;
		left:639px;
		float:left;
	}
	
		.banner {
			position:absolute;
			width:291px;
			height:177px;
			z-index:55;
			}
			
		.bannertext {
			position:absolute;
			width:291px;
			height:35px;
			background:url(../images/ban-bg.png) repeat;
			z-index:66;
			left:0;
			top:138px;
			cursor:pointer;
		
			}
			
			.bannertext h2 { position:relative; width:275px; margin-top:5px; margin-left:10px;}
			
	    
			
			
	#main {
	position:relative;
	clear:both;
	width:958px;
	top:75px;
	overflow:auto;
	min-height:600px;
	*top:250px;
	}
	
		#left {
		  position:relative;
		  float:left;
		  width:291px;
		  left:28px;
		  background:url(../images/bestek.jpg) no-repeat bottom;
		  padding-bottom:200px;
		  border-top:solid 10px #b8b4a8;
		  border-bottom:solid 10px #b8b4a8;
		  top:12px;
		  }
		  
		#textcontainer {
		  position:relative;
		  float:left;
		  left:43px;
		  width:596px;
		  padding-bottom:245px;
		  *padding-bottom:635px;
		  }
		  
		  #textcontainer a {
		  text-decoration:underline;
		  }
		  
		  
			
				#left ul {
				position:relative;
				overflow:auto;	
				top:20px;	
			}
			
					#left ul li {
						position:relative;
						height:25px;
						font-size:18px;
						text-align:center;
						margin-bottom:10px;
					}
					
					#left ul li.active ,#left ul li:hover  { background:#efefec;}
					
					  #left ul li.last {border-right:none;  }
					  #left ul li.first { padding-left:none;  }
					
						#left ul li a { position:relative; color:#2c2a2a; font-weight:normal; text-decoration:none; top:0px;}
						
			.passer {
				position:absolute;
				width:456px;
				height:	324px;
				left:550px;
				top:-265px;
				z-index:99;
				}
						
	#footer {
		position:relative;
		width:930px;
		padding-bottom:1px;
		padding-left:28px;
		clear:both;
		overflow:visible;
	}