body {
  background: url(images/background2.png) repeat fixed;
  font-size:13pt;
}

h1 {
  padding: 1px 0px;
  margin: 1px 0px;
}

h2 {
  padding: 1px 0px;
  margin: 1px 0px;
}

img { border: 0px; }
img.logot { vertical-align: top; }

a { color: yellow; }
p { margin-top: 0px; margin-bottom: 1em; }
p.content { margin-right: 20px }
ul { margin-bottom: 0px; }

.error { color: red }

#page-wrap {
  width: 900px;
  margin: auto;
  text-align: left;
  }
  
#header {
  background: #0044FF;
  width: 878px;
  height: 160px;
  padding-left: 20px;
  padding-right: 10px;
  margin: 3px;
}

/* 
	MENU 
*/
#menu-wrap {
  float: left;
  width: 160px;
  height: auto;
  margin: 3px;
}

ul#main-nav { 
  list-style: none;
  padding: none;
  margin-left: -10px;
}
ul#main-nav a { 
  list-style: none;
  padding: 1px 0px;
  margin-left: -10px;
  text-decoration: none;
  font-weight:bold;
}

ul#sub-nav { 
  list-style: none; 
  margin-left: -10px;
  display: none;
}

/* Shows what page you are currently on and highlights link when hovering over it */
ul#main-nav li a:hover,
ul#sub-nav li a:hover,
body#index ul#main-nav li.home a,
body#groepen ul#main-nav li.groepen a,
	body#sloebers ul#sub-nav li.sloebers a,
	body#jojos ul#sub-nav li.jojos a,
	body#joros ul#sub-nav li.joros a,
	body#knim ul#sub-nav li.knim a,
	body#sjo ul#sub-nav li.sjo a,
	body#henis ul#sub-nav li.henis a,
	body#parentis ul#sub-nav li.parentis a,
body#activiteiten ul#main-nav li.activiteiten a,
body#floer ul#main-nav li.floer a,
body#gastenboek ul#main-nav li.gastenboek a,
body#contact ul#main-nav li.contact a { color: red; text-decoration: underline; }

/* Show sub-nav only when needed */
body#groepen ul#sub-nav,
	body#sloebers ul#sub-nav,
	body#jojos ul#sub-nav,
	body#joros ul#sub-nav,
	body#knim ul#sub-nav,
	body#sjo ul#sub-nav,
	body#henis ul#sub-nav,
	body#parentis ul#sub-nav { display: block; }

/* Images */
#menu-top { 
  background: url(images/menu-top.png) no-repeat;
  width: 160px;
  height: 40px;
  margin-bottom: -21px;
}
#menu-bar {
  background: url(images/menu-middle.png) repeat-y;
  width: 160px;
  height: auto;
  font-size: 14pt;
}
#menu-bottom { 
  background: url(images/menu-bottom.png) no-repeat;
  width: 160px;
  height: 10px;
  margin-top: 0px;
}

#content-top {
  background: url(images/content-top.png) no-repeat;
  width: 740px;
  height: 10px;
}
#content {
  background: url(images/content-middle.png) repeat-y;
  width: 720px;
  height: auto;
  padding-left: 15px;
  padding-right: 5px;
  margin-top: -1px;
  margin-bottom: -3px;
}
#content-bottom {
  background: url(images/content-bottom.png) no-repeat;
  width: 740px;
  height: 10px;
}

#content-wrap {
  float: left;
  width: 720px;
  height: auto;
  padding: 3px;
}

#footer {
  clear: both;
  width: 900px;
  font-size: 9pt;
}