/* 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:32px;
font-weight:normal;
}

h1 {
font-size:22px;
font-weight:bold;
}

a:link, a:hover,a:visited, a:active { text-decoration:underline; color:#fff; font-weight:bold; }

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

html{ height: 100%; } 

body {
	background-color:black;
	background-image:url(../images/sg-background.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	line-height:1.3;	
}

	#wrapper {
		position: relative;
		width: 960px;
		margin: 0 auto;
		background:#ee7f0a;
		background-image:url(../images/sg-bg.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		padding-bottom:0px;
	}
	
	
/*------------------------------------
***** topmenu
------------------------------------*/
		
		#top {
			position:relative;
			height:122px;
			width:960px;		
			}
			
			#top ul {
			position:relative;
			left:0;
			top:12px;
			overflow:auto;		
		}
		
			#top ul li {
				position:relative;
				float:left;
				height:110px;
			}
			
		    #top ul li.active,#top ul li:hover {
					
			}
			
			  #top ul li.first { }
			
			#top a { background-position:top center; display:block;  height:110px; text-indent:-1000px; }
			#top ul li.active a { background-position:bottom center; }
				
				
			#home { position:relative; margin-left:40px;}
			#home a:link, #home a:visited  { position:relative; background-image:url(../images/home.png);  width:91px;}
			#home a:hover {background-position:bottom center;}
			
		    #bezoekers { position:relative; margin-left:50px;}
			#bezoekers a:link, #bezoekers a:visited { position:relative; background-image:url(../images/bezoekers.png);  width:104px;}
			#bezoekers a:hover {background-position:bottom center;}
			
		    #deelnemers { position:relative; margin-left:50px;}
			#deelnemers a:link, #deelnemers a:visited  { position:relative; background-image:url(../images/deelnemers.png);  width:118px;}
			#deelnemers a:hover {background-position:bottom center;}
			
		    #activiteiten { position:relative; margin-left:50px;}
			#activiteiten a:link, #activiteiten a:visited  { position:relative; background-image:url(../images/activiteiten.png);  width:118px;}
			#activiteiten a:hover {background-position:bottom center;}
			
		    #sponsoring { position:relative; margin-left:50px;}
			#sponsoring a:link, #sponsoring a:visited  { position:relative; background-image:url(../images/sponsoring.png);  width:116px;}
			#sponsoring a:hover {background-position:bottom center;}
			
		    #contact { position:relative; margin-left:50px;}
			#contact a:link, #contact a:visited  { position:relative; background-image:url(../images/contact.png);  width:81px;}
			#contact a:hover {background-position:bottom center;}
				
				
				

/*------------------------------------
***** hoofdmenu
------------------------------------*/
		
		#menu {
			position:relative;
			height:32px;
			width:304px;
			left:25px;
			top:15px;
			}
			
				#menu ul {
							position:relative;
							left:0;
							top:0;
							width:304px;
							height:32px;
						}
						
							#menu ul li {
								position:relative;
								float:left;
								width:94px;
								height:22px;
								margin-left:4px;
								margin-right:3px;
								top:10px;
							}
							
							.menu1 { background-color:#ff8600;}
							.menu2 { background-color:#001a2b;}
							.menu3 { background-color:#969696;}
							
							#menu ul li.active, #menu ul li:hover  { top:0px; height:32px; }
							
							  #menu ul li.first {  }
							
								#menu ul li a { position:relative; width:94px; height:22px;color:#000; heighttext-decoration:none;}
			
			
		#nav { 
			position:relative;
			height:27px;
			width:977px;
			top:15px;
			}
			
				#nav ul {
				position:relative;
				height:26px;
				left:3px;
				top:0;
				overflow:auto;		
			}
			
					#nav ul li {
						position:relative;
						float:left;
						height:23px;
						padding-left:5px;
						padding-right:5px;
						font-size:10px;
						letter-spacing:0.8;
					}
					
					#nav ul li.active,#nav ul li:hover { border-bottom:#ff8600 solid 3px;}
					
					  #nav ul li.first {  }
					
						#nav ul li a { position:relative; color:#000;  text-decoration:none; top:9px;}
						
/*------------------------------------
***** beeld + logo
------------------------------------*/


	  #header { position:relative; height:230px; width:960px; top:0px; background:url(../images/header-bg.png); background-position:28px 111px; background-repeat:no-repeat;}
	  

		#logo { position:absolute; float:left; width:210px; height:189px;  left:-88px; z-index:1;}
		
		#search { position:absolute; float:left; width:210px; height:22px; top:75px;  left:725px; z-index:1; overflow:hidden;}
		
		#title { position:absolute; 
			float:left;
			height:90px;
			width:655px;
			top:110px;
			left:280px;
		}
		

/*------------------------------------
***** middenstuk
------------------------------------*/
		
		
		#main {
		position:relative;
		width:960px;
		overflow:auto;
		height:100%;
		background:url(../images/main-bg.png) repeat-y;
		padding-bottom:50px;
		}
		
			#left {
				position:relative;
				width:223px;
				float:left;
				margin-left:28px;
				height:100%;
			}
			
				#left ul {
					position:relative;
					overflow:auto;	
				}
		
						#left ul li {
							position:relative;
							float:left;
							min-height:32px;
							width:165px;
							border-bottom:white dotted 1px;
							font-size:17px;
							left:26px;	
							overflow:auto;						
						}
						
						
						#left ul li.active, #left ul li:hover { font-weight:bold;
								
						}
						
						  #left ul li.first {  }
						
							#left ul li a { position:relative; color:#fff; font-weight:normal; text-decoration:none; left:0px; top:5px;}
							#left ul li a:hover { font-weight:bold;}
							#left ul li.active a {font-weight:bold;}
							
							
								#left ul li ul {
									position:relative;
									overflow:auto;	
									margin-left:10px;
										}
													
										#left ul li ul li {
												position:relative;
												float:left;												
												width:150px;
												font-size:12px;
												left:0;
												border:none;												
											}
											
											#left ul li ul li a, #left ul li.active ul li a { font-weight:normal; }
											#left ul li ul li.active a { font-weight:bold; }
											
											
							
						
				
			#textcontainer {
				position:relative;
				width:404px; 
				margin-left:27px;
				float:left;
				height:100%;
			}
			
				#textcontainer td { vertical-align: top; }
			
			
			#right {
				position:relative;
				float:left;
				margin-left:27px;
				width:224px;	
				height:100%;		
			}
			

				
				#right ul {
					position:relative;
					overflow:auto;	
				}
		
						#right ul li {
							position:relative;
							float:left;
							height:25px;
							width:224px;
							border-bottom:white dotted 1px;
							
							
						}
						
						#right ul li.active, #right ul li:hover { 	}
						
						  #right ul li.first {  }
						
							#right ul li a { position:relative; color:#fff; font-weight:normal; text-decoration:none; left:0px; top:5px;}
							#right ul li a:hover { text-decoration:underline;}
							#right ul li.active a {text-decoration:underline;}
							
							.nieuwsarchief { position:relative; margin-bottom:20px; text-align:right;}
						    .nieuwsarchief a { color:white;}


/*------------------------------------
***** Footer
------------------------------------*/

#footer {
	position:relative;
	width:960px;
	clear:both;
	top:-50px;
	height:240px;
	}
	
	#footer-top {background:url(../images/footerbg.png) no-repeat; height:135px;}
	#footer-top img {position:relative; left:28px; top:-40px;}
	
	#footer-bottom {
		position:relative;
		width:960px;
		background:white;
		color:#525254;
		text-align:center;
		padding-bottom:10px;
		}
		
		.imagefoot {
		position:relative;
		margin: 0 auto;
		}
		
		.logos { margin-left:50px;}
	

	#footer ul {
			position:relative;
			left:0;
			top:0;
			overflow:auto;	
			margin: 0 auto;	
			width:399px;
			margin-top:20px;
		}
		
			#footer ul li {
				position:relative;
				float:left;
				height:20px;

				font-size:10px;
			}
			
		    #footerul li.active,#footer ul li:hover {
					
			}
			
			  #footer ul li.first { }
			
				#footer ul li a { position:relative; color:#525254; padding-left:3px; padding-right:3px;  text-decoration:none;}


/*------------------------------------
***** Forms
------------------------------------*/