html body 
{
  margin: 0px auto;
  padding:0px;
  height:100%;
  max-heigth:100%;
}
div,span,applet,object,iframe,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,form,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}

	
body 
{
	font-family: Tohama, Arial, Helvetica, serif;
	font-size: 12px;
	color: #000000;
}

table, tr, th, td 
{
	border: 0px;
	padding:0px;
	margin:0px;
}

H1{
	color:#b31b34;	
}


#container
{
	width: 980px;
	min-height:810px;
	height:auto !important;
	margin: 0px auto;
	background: #edeeed url(../images/bg-sbbs.gif) no-repeat;
		overflow-y: auto;
}

#banner 
{
	width: 980px;
	height:160px;
	margin: 0px auto;
	background: #ffffff url(../images/foto_welkom1.jpg) no-repeat;
}
#logo
{
width: 200px;
float: right;
}

#sizer{
width: 200px;
float: right;
height:160px;
background: #ffffff url(../images/logo-sbbs.gif) no-repeat;
}

#sizer img{
padding-top:140px;
float:right;
}

ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 

#header_menu {position: absolute; margin-left: 0px;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	margin: 0 auto;
	padding:0px 0 0 123px;
	width: 857px;
	height: 26px;
	background:#999999;
}

#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, serif;
	width: auto;

	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

#nav ul li {float: left; color: #000; text-align: left; width: auto;}

#nav ul li a {display: block; padding: 6px 10px 6px 10px;color: #ffffff; text-decoration: none;font-weight: bold; border-left-width:0px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;}


/* Root Level Link Formatting */

#nav ul li a:hover, #nav li a:focus {color: #000000;background:#b31b34;}

#nav li a:active, #nav ul li a.active {color: #000000;background:#b31b34;}



/* Current page Customisations*/

#nav li.menu-current a {color: #000000;font-weight: bold;background:#b31b34;}



/* 2nd Child menu */

#nav .menu li ul {width: 12em; position: absolute; margin: 0; display: none; text-transform: none; font-size: 100%;}

#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0;}

#nav .menu li ul a {width: 12em; padding: 5px 5px 5px 10px; background: #b31b34; color: #fff;}



/* 2nd Child link hover */

#nav .menu li ul a:hover {color: #000; background: #b31b34;}



/* Show and hide */

#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}

#nav .menu li ul ul { display: none;}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}

#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}





/* 3rd Child Menu Appreances */

#nav .menu li ul li ul li a 	{ width: 14em; padding: 5px 5px 5px 17px; background: #b31b34; color: #fff; }



/* Positioning the Pop-out Drops */

#nav li {position: relative;}



#nav ul ul ul {

	position: absolute;

	top: 0px;

	left: 100%;

}

#zijkant
{
	float: left;
	width: 250px;
}

#content
{
	float: right;
	width: 610px;
	padding: 0 80px 0 0px;

}

#content p {
	margin-top: 1.5em;
	line-height: 150%;
}

#content a{
color: #b31b34;
}

#footer
{
	  margin: 0px auto;
	width: 980px;
	height:23px;
	background: #b31b34;
		clear:both;
}

#menu1
{
  display: block;
  width: 125px;
  height: 83px;
  background: url(../images/menu1.jpg) no-repeat 0 0;
}

#menu1:hover
{ 
  background-position: 0 -83px;
}

#menu1 span
{
  display: none;
}

#menu2
{
  display: block;
  width: 125px;
  height: 77px;
  background: url(../images/menu3.jpg) no-repeat 0 -77px;

}

#menu2:hover
{ 
  background-position: 0 0;
}

#menu2 span
{
  display: none;
}

#menu3
{
  display: block;
  width: 125px;
  height: 90px;
  background: url(../images/menu5.jpg) no-repeat 0 0;

}

#menu3:hover
{ 
  background-position: 0 -90px;
}

#menu3 span
{
  display: none;
}

#menu4
{
  display: block;
  width: 125px;
  height: 83px;
  background: url(../images/menu2.jpg) no-repeat 0 0;

}

#menu4:hover
{ 
  background-position: 0 -83px;
}

#menu4 span
{
  display: none;
}

#menu5
{
  display: block;
  width: 125px;
  height: 77px;
  background: url(../images/menu4.jpg) no-repeat 0 0;

}

#menu5:hover
{ 
  background-position: 0 -77px;
}

#menu5 span
{
  display: none;
}

#menu6
{
  display: block;
  width: 125px;
  height: 90px;
  background: url(../images/menu6.jpg) no-repeat 0 0;

}

#menu6:hover
{ 
  background-position: 0 -90px;
}

#menu6 span
{
  display: none;
}