html body {
	background:#000000 url("../images/IMG_ag.gif") repeat-x center top;
	margin:0 auto;
	padding:0px;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color: #c1d72e;
}

div.griffioen {
	position:relative;
	margin: 0 auto;
	width:798px;
	text-align: left;
	/* border: 1px solid #FF00CC; */
}

#fotos {
	position:relative;
	margin: 0 auto;
	width: 1000px;
	margin-top: 60px;
	text-align: left;
}

/* Frameset elementen
----------------------------------------------- */

#hoofdmenu {
	margin:0;
	padding:32px 0px 0px 0px;
	height: 53px;
	text-align: right;
}

#links {
	background: #000 url("../images/IMG_griffioen_logo.gif") no-repeat center top;
	float: left;
	width: 226px;
	border: 1px solid #c1d72e;
	margin: 0px;
	padding: 100px 20px 20px 20px;
}

#midden {
	background: #EEEBB6 url("../images/IMG_bollen_geel.gif") no-repeat right bottom;
	float: left;
	width: 230px;
	height: 450px;
	margin: 30px 0px 0px 0px;
	padding: 75px 20px 0px 20px;
}

#rechts {
	background: #c1d72e;
	float: right;
	width: 220px;
	margin-top: 30px;
	padding: 75px 20px 0px 20px;
}

#content {
	width: 470px;
	float: right;
	margin-top: 60px;
	padding: 60px 0px 0px 60px;
}
#submenu {
	margin-bottom: 120px;
	margin-left: -20px;
}

#menu2 {
	margin-left: 0px;
}

#flash {
	position: absolute;
	top: 90px;
	left: 268px;
	z-index: 3;
	height: 50px;
	width: 450px;
}

/* Subnavigatie elementen
----------------------------------------------- */

#submenu ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#submenu a {
	display: block;
	padding: 3px;
	width: 240px;
	color: #000;
	background: #c1d72e url("../images/BUT_ag.gif") no-repeat right top;
	border-bottom: 1px solid #000;
}

#submenu a:link, #navlist a:visited {
	color: #000;
	text-decoration: none;
}

#submenu a:hover {
	background: #000;
	color: #c1d72e;
	border-bottom: 1px solid #c1d72e;
}

#menu2 ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#menu2 a {
	display: block;
	padding: 3px;
	width: 460px;
	color: #000;
	background: #c1d72e url("../images/BUT_ag.gif") no-repeat right top;
	border-bottom: 1px solid #000;
}

#menu2 a:link, #navlist a:visited {
	color: #000;
	text-decoration: none;
}

#menu2 a:hover {
	background: #000;
	color: #c1d72e;
	border-bottom: 1px solid #c1d72e;
}

/* HTML elementen
----------------------------------------------- */

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin:0 auto;
	padding: 0px;
}

H1.groen {color: #609616;}

P{text-align: justify;}
p.intro {line-height: 20px;}
p.introzwart {line-height: 20px; color: #000;}
p.introgroen {line-height: 20px; color: #887811;}

a:link{color:#626665; text-decoration:none;}
a:visited{color:#626665; text-decoration:none;}
a:hover{color:#609616; text-decoration:none;}
a:active{color:#626665; text-decoration:none;}

a.linkgeel{font-weight: bold;}
a.linkgeel:link{text-decoration:none; color: #c1d72e;}
a.linkgeel:visited{text-decoration:none;color: #c1d72e;}
a.linkgeel:hover{text-decoration: underline;color: #c1d72e;}
a.linkgeel:active{text-decoration:none;color: #c1d72e;}

a.linkdonker{font-weight: bold;}
a.linkdonker:link{text-decoration:none; color: #887811;}
a.linkdonker:visited{text-decoration:none;color: #887811;}
a.linkdonker:hover{text-decoration: underline;color: #887811;}
a.linkdonker:active{text-decoration:none;color: #887811;}

a.linkfoto:link{color:#887811; font-size:15px; font-weight:bold; font-family: Century Gothic, Arial, Helvetica, sans-serif; background-color: #eeebb6; padding: 3px 8px 3px 8px; text-transform:uppercase}
a.linkfoto:visited{color:#887811; font-size:15px; font-weight:bold; font-family: Century Gothic, Arial, Helvetica, sans-serif; background-color: #eeebb6; padding: 3px 8px 3px 8px; text-transform:uppercase}
a.linkfoto:hover{color:#000000; font-size:15px; font-weight:bold; font-family: Century Gothic, Arial, Helvetica, sans-serif; background-color: #c1d72e; padding: 3px 8px 3px 8px; text-transform:uppercase}
a.linkfoto:active{color:#887811; font-size:15px; font-weight:bold; font-family: Century Gothic, Arial, Helvetica, sans-serif; background-color: #eeebb6; padding: 3px 8px 3px 8px; text-transform:uppercase}


H2 {
	font-size: 26px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #c1d72e;
	margin: 0px 0px 0px 0px;
}


.input {
	background: #000;
	width: 95%;
	border: 1px solid #c1d72e;
	margin-bottom: 2px;
	margin-top: 3px;
	color: #FFF;
}

.submit {
	background: #c1d72e url("../images/BUT_ag.gif") no-repeat right top;
	text-align: left;
	border: none;
	width: 95%;
	margin-bottom: 2px;
	margin-top: 3px;
	color: #000;
	text-transform: uppercase;
}

.thumbgeel {
	border:  1px solid #c1d72e;
	margin: 0px 0px 5px -6px;
	padding: 0;
	display: block;
}

.border {
	border: 1px solid #c1d72e;
}

.borderzwart {
	border: 1px solid #000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
}

.button {
	display: inline;
	border: none;
}

.hr {
	background: transparent url("../images/IMG_hr.gif") repeat-x left top;
	width: 100%;
	height: 5px;
}

.clear {
  clear:both;
  display:block;
  height: 0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0px;
  background-color: transparent;
}