/* Bestand: master.css */
/* Versie: 0.1 */
/* Laatst bijgewerkt: 4-11-2008 */
/* © Pepijn Gottschal */

body {
  background: url('../images/achtergrond.jpg') no-repeat fixed 50% 0;
  margin: 0;
  padding: 0;
}
div#container {
	margin: 0px auto;
	width: 827px;
}

/* Op naar de header */
h1 {
	width: 603px;
	height: 216px;
	background: url('../images/header.png') no-repeat;
	margin: auto;
}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

/* Het menu ! */
#menu {
  background: url('../images/menu.png') no-repeat;
  width: 756px;
  height: 39px;
  margin: 5px auto;
  margin-bottom: 0px;
  padding: 0;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  list-style-type: none;
}
#menu li {
  float: left;
  margin-top: 6px;
  width: 108px;
  z-index: 999;
}
#menu li a {
  color: #000000;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
#menu li a:hover {
  color: #ffffff;
}


/* Laat het feest beginnen... de inhoud ! */
#content {
  width: 827px;
  position: relative;
}

/* links en rechts staan in #content */
.links {
  background: url('../images/content_links.png') no-repeat 0 9px;
  width: 413px;
  height: 628px;
  float: left;
}
.rechts {
  background: url('../images/content_rechts.png') no-repeat 0 9px;
  width: 413px;
  height: 628px;
  float: left;
}

.links p, .rechts p {
  margin: 0 0 15px 13px;
}
.links h3, .rechts h3 {
  margin-left: 13px;
  margin-top: 22px;
  font-size: 15px;
}

/* En de divs weer terug zetten */
.clear {
  clear: both;
}

/* Scroll stijlen */
.rechts .jScrollPaneTrack, .links .jScrollPaneTrack {
	background: url('../images/scrollbar.png') repeat-y;
}
.rechts a.jScrollArrowUp, .links a.jScrollArrowUp {
	height: 30px;
	background: url('../images/arrow_up.png') no-repeat 0 0;
}
.rechts a.jScrollArrowDown, .links a.jScrollArrowDown {
	height: 36px;
	background: url('../images/arrow_down.png') no-repeat 0 0;
}


/*\*/
#pane1 {
	height: 499px;
}
#pane2 {
	height: 499px;
}
#pane3 {
    height: 100%;
}

/**/

#pane1, #pane2 {
	height: 509px;
}

#pane1 p, #pane2 p, pane3 p {
	width: 90%;
}

/* contact */
.contact {
  float: right;
  background: url('../images/content_rechts.png') no-repeat -10px 9px;
}

.contact h4 {
  margin-left: 7px;
}

.contact p {
  margin-left: 7px;
}

/* eventjes een centreer dingetje */
.center {
  text-align: center;
}

.activate {
  font-weight: bold;
}

.center img {
max-width: 350px;
width: expression(document.geElementById('container').style.
width > 350 ? "350px": "auto" );
}