*
{
  margin: 0;
  padding: 0;
}

body
{
  color: #000;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
  font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
  background-color: #FFF;
}

a,
a:link,
a:active,
a:visited
{
  text-decoration: none;
  color: #666;
}

a:hover
{
  text-decoration: none;
}

a:focus
{
  outline: none;
}

img
{
  border: 0;
}

h1
{
line-height: 30px;
font-size: 30px;
}

p
{
font-size: 14px;
}

/* #####################  P A G E  ##################### */

#page
{
  margin: 0 auto 0 auto;
  padding: 0;
  width: 980px;
  display: block;
}

#header
{
  margin: 0;
  padding: 0;
  height: 117px;
  width: 980px;
  background-image: url(images/agraclean_bg.jpg);
  background-color: #CDCBCB;
  background-position: left top;
  background-repeat: no-repeat;
}

#header h1
{
  margin: 0;
  padding: 0;
  height:  97px;
  width: 514px;
  display: none;
  overflow: hidden;
  white-space: nowrap;
  float: right;
  clear: both;
  text-indent: 9999px;
  background-position: left top;
  background-repeat: no-repeat;
}


#footer
{
  margin: 0;
  padding: 0;
  height: 29px;
  width:  800px;
  background-color: #FFF;
}

/* #####################  C L A S S E S  ##################### */

.clear
{
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/* #####################  K O L O M M E N  ##################### */

#kolommen
{
  margin: 0;
  padding: 0;
  width: 980px;
  display: table;
}

.kolom 
{
  width: 980px;
  height: 1px;
  display: block;
  background-position: left top;
  background-repeat: repeat-y;
}

#linkerkolom
{
  margin: 0;
  padding: 0;
  width: 230px;
  float: left;
  clear: none;
  background-color: #E0E0E0;
}

#midden
{
  margin: 0;
  padding: 0;
  width: 750px;
  float: left;
  display: block;
  background-image: url(images/content_bg.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

#inhoudkolom
{
  margin: 0;
  padding: 0;
  width: 750px;
  display: table;
}

/* ######################  C O N T E N T  ########################## */

#main
{
  margin: 0;
  padding: 0;
  float: left;
}

#content
{
  margin: 80px 0 0 0;
  padding: 0 0 0 30px;
  width: 710px;
  min-height: 200px;
  line-height: 25px;
  font-weight: bold;
  font-size: 14px;
  display: block;
}

#tekstblok
{
  margin: 60px 0 0 20px;
  padding: 0;
  width: 190px;
  height: 125px;
  background-image: url(images/tekstblok_donkergrijs.gif);
}

/* ##################### F O T O B O E K ######################## */

#fotogallerij
{
  margin: 20px 0 0 0px;
  padding: 0;
  float: left;
  position: relative;
  width: 230px;
}

#fotogallerij img
{
margin: 0 0 0 20px !important;
padding: 0;
border-style: solid;
border-width: 4px;
border-color: #FFF;
}

#fotoboek
{
  margin: 0;
  padding: 0;
  width: 230px;
}

#fotoboek ul
{
  float: left;
  display: inline;
  clear: none;
}

#fotoboek li
{
  float: left;
  display: inline;
  clear: left;
}

#fotoboek img
{
clear: none;
}

div.childscontainer ul.thumbs li
{
  margin: 0;
  padding: 0;
  height: 100px;
  text-align: center;
}

div.thumbscontainer ul.thumbs li
{
  margin: 0 !important;
  padding: 0;
  width: 140px;
  height: 150px;
  text-align: center;
}

div.childscontainer ul.thumbs li p,
div.thumbscontainer ul.thumbs li p
{
  margin: 0 auto 0 auto;
  padding: 0;
  font-size: 12px;
  display: none;
}

#fotosheader
{
  margin: 15px 0 5px 0;
  padding: 0;
  width: 326px;
  text-align: left;
  float: left;
  clear: both;
}

#fotoshome,
#fotoshome div.thumbscontainer
{
  margin: 0;
  padding: 0;
  width: 230px;
  text-align: left;
  background-color: #FFF;
  display: block;
  float: left;
  clear: both;
}

#fotoshome div.thumbscontainer ul.thumbs li
{
  width: 60px;
}

#fotoshome div.thumbscontainer ul.thumbs li a img.thumbnail
{
  width: 100%;
  height: 100%;
}

#fotosfooter
{
  margin: 5px 0 0 0;
  padding: 0;
  width: 320px;
  text-align: right;
  display: block;
  float: left;
  clear: both;
}

#ul.thumbs li
{
  margin-right: 15px;
}

.managecontainer
{
width: 230px;
}

.managecontainer textarea 
{
width: 230px !important;
}

.managecontainer hr 
{
width: 230px !important;
}

/* #####################  M A I N M E N U  ##################### */

#menu_default
{
  margin: 0;
  padding: 0;
  width: 980px;
  height: 30px;
  display: block;
  background-color: #CDCBCB;
}

#menu_default ul
{
  margin: 0;
  padding: 0;
  width: 910px;
  display: block;
  list-style-type: none;
}

#menu_default ul li
{
  margin: 0;
  padding: 0 0 0 39px;
  float: left;
  clear: none;
  background-color: #cdcbcb;
}

#menu_default ul li.first
{
  margin: 0;
  padding: 0 0 0 16px;
  float: left;
  clear: right;
  background-color: #cdcbcb;
}

#menu_default ul li.last
{
  margin: 0;
  padding: 0 16px 0 39px;
  float: left;
  clear: right;
  background-color: #cdcbcb;
}

#menu_default ul li a,
#menu_default ul li a:link,
#menu_default ul li a:visited
{
  color: #696969;
  margin: 0;
  padding: 0;
  height: 30px;
  display: block;
  vertical-align: top;
  font-family: "Tahoma",Arial,Helvetica,san-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 1px;
  position: relative;
  background-position: 0 -60px;
  background-repeat: no-repeat;
  text-decoration: none;
  text-transform: uppercase;
}

#menu_default ul li a:hover,
#menu_default ul li a:focus
{
  background-position: 0 -30px;
  color: #FFF;
}

#menu_default ul li.active a
{
  color: #FFF;
}

#menu_default ul li a span.top
{
  top: 0;
  left: -1px;
  color: #000;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 29px;
  position: absolute;
  font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 29px;
  letter-spacing: 1px;
}

/* #####################  S U B M E N U  ##################### */

#submenu
{
	margin: 0 0 20px 0;
	padding: 44px 20px 44px 17px;
	background-color: #cdcbcb;
}

#submenu ul
{
	margin: 0;
	padding: 0;
	width: 190px;
	list-style-type: square;
	color: #6F246B;
}

#submenu ul li
{
	margin: 0 0 0 20px;
	padding: 0;
	width: 190px;
	list-style-type: square;
	color: #6F246B;
	font-size: 25px;
}

#submenu ul li.level1 a,
#submenu ul li.level1 a:link
{
	margin: 0 0 2px 0;
	padding: 0 0 1px 3px;
	width: 190px;
	display: block;
	font-family: "Trebuchet MS", san-serif;
	font-size: 13px;
	line-height: 30px;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	color: #6F246B;
}

#submenu ul li.active
{
  font-weight: bold;
}

#submenu ul li.level1 a:visited,
#submenu ul li.level1 a:focus
{
	margin: 0 0 2px 0;
	padding: 0 0 1px 3px;
	width: 190px;
	display: block;
	font-family: "Trebuchet MS", san-serif;
	font-size: 13px;
	line-height: 30px;
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	color: #6F246B;
}

#submenu ul li.level1 a:hover
{
  font-weight: bold;
}

#submenu ul li.level1 ul
{
	margin: 0;
	padding: 0;
	width: 190px;
}

#submenu ul li.level1 ul li.level2
{
	margin: 0;
	padding: 0;
	width: 190px;
}

#submenu ul li.level1 ul li.level2 a,
#submenu ul li.level1 ul li.level2 a:link,
#submenu ul li.level1 ul li.level2 a:active,
#submenu ul li.level1 ul li.level2 a:visited,
#submenu ul li.level1 ul li.level2 a:hover,
#submenu ul li.level1 ul li.level2 a:focus
{
	color: #FFF;
	margin: 0;
	padding: 0 0 0 3px;
	border: 0;
	width: 190px;
	display: block;
	font-family: "Trebuchet MS", san-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	background-image: none;
}

#submenu ul li.level1 ul li.level2 ul
{
	margin: 0 0 8px 0;
	padding: 0;
	width: 190px;
}

#submenu ul li.level1 ul li.level2 ul li.level3
{
	margin: 0;
	padding: 0;
	width: 190px;
}

#submenu ul li.level1 ul li.level2 ul li.level3 a,
#submenu ul li.level1 ul li.level2 ul li.level3 a:link,
#submenu ul li.level1 ul li.level2 ul li.level3 a:active,
#submenu ul li.level1 ul li.level2 ul li.level3 a:visited
{
	color: #BBB;
	margin: 0;
	padding: 0 0 0 3px;
	border: 0;
	width: 190px;
	display: block;
	font-family: "Trebuchet MS", san-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	background-image: none;
}

#submenu ul li.level1 ul li.level2 a.inner,
#submenu ul li.level1 ul li.level2 ul li.level3 a.inner
{
	color: #BBB;
	margin: 0;
	padding: 0 0 0 3px;
	border: 0;
	width: 190px;
	display: block;
	font-family: "Trebuchet MS", san-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	background-image: none;
}

#submenu ul li.level1 ul li.last a.inner,
#submenu ul li.level1 ul li.level2 ul li.last a.inner
{
	margin: 0 0 8px 0;
}

#submenu ul li.level1 ul li.level2 a.inner:hover,
#submenu ul li.level1 ul li.level2 a.inner:focus,
#submenu ul li.level1 ul li.level2 ul li.level3 a.inner:hover,
#submenu ul li.level1 ul li.level2 ul li.level3 a.inner:focus,
#submenu ul li.level1 ul li.level2 ul li.level3 a:hover,
#submenu ul li.level1 ul li.level2 ul li.level3 a:focus
{
	color: #BBB;
	background-color: #444;
	background-image: url(images/sub_menu_hover.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
}

#submenu ul li.level1 ul li.level2 ul li.active a.inner,
#submenu ul li.level1 ul li.level2 ul li.active a.inner:link,
#submenu ul li.level1 ul li.level2 ul li.active a.inner:active,
#submenu ul li.level1 ul li.level2 ul li.active a.inner:visited,
#submenu ul li.level1 ul li.level2 ul li.active a.inner:hover,
#submenu ul li.level1 ul li.level2 ul li.active a.inner:focus,
#submenu ul li.level1 ul li.level2 ul li.active a,
#submenu ul li.level1 ul li.level2 ul li.active a:link,
#submenu ul li.level1 ul li.level2 ul li.active a:active,
#submenu ul li.level1 ul li.level2 ul li.active a:visited,
#submenu ul li.level1 ul li.level2 ul li.active a:hover,
#submenu ul li.level1 ul li.level2 ul li.active a:focus
{
	color: #313131;
	background-color: #FFF;
	background-image: url(images/sub_menu_active.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
}

#submenu ul li.level1 ul li.active a.inner,
#submenu ul li.level1 ul li.active a.inner:link,
#submenu ul li.level1 ul li.active a.inner:active,
#submenu ul li.level1 ul li.active a.inner:visited,
#submenu ul li.level1 ul li.active a.inner:hover,
#submenu ul li.level1 ul li.active a.inner:focus
{
	color: #313131;
	background-color: #FFF;
	background-image: url(images/sub_menu_active.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
}

/* #####################  F O O T E R  ##################### */

#footer
{
  left: 0;
  margin: 0;
  padding: 0;
  width:  980px;
  height: 40px;
  display: block;
  background-color: #E0E0E0;
}
  
#footertekst
{
  padding: 5px 0 0 0;
  margin: 0;
  top: 0;
  width: 980px;
  text-align: center;
  margin: 0;
  color: #666;
}

#footertekst a,
#footertekst a:link,
#footertekst a:active,
#footertekst a:visited
{
  color: #666;
  text-decoration: none;
}

#footertekst a:hover
{
text-decoration: underline;
}

/* #####################  V I D E O P L A Y E R  ##################### */

#videokader
{
  margin: 60px 0 20px 30px;
  padding: 0;
  height: 300px;
  width: 720px;
  background-color: #E0E0E0;
  background-image: url(images/videotekst.gif);
 background-position: right;
 background-repeat: no-repeat;
}

#videoplayer
{
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

/* ########################## F O R M U L I E R E N ######################## */

table.formulier
{
  margin: 0;
  padding: 0;
  display: block;
}

table.formulier tbody tr th,
table.formulier tbody tr td
{
  margin: 0;
  padding: 0 0 4px 0;
  text-align: left;
  vertical-align: top;
}

.checkbox
{
  margin: 0 1em 0 0;
  padding: 0;
}

.tekstveld
{
  color: #494949;
  margin: 0;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
  width: 300px;
  border: 1px solid #02A7BA;
}

textarea.tekstarea
{
  color: #494949;
  margin: 0;
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
  width: 300px;
  border: 1px solid #02A7BA;
}

.submitbutton
{
  color: #FFF;
  margin: 0;
  padding: 4px 10px 4px 10px;
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #72276E;
  background-color: #72276E;
}