body {
  background-color: #ccc;
  margin: 0;
  padding: 0;
  color: white;
  background-image: url(../assets/images/background.png);
  background-repeat: repeat-x;
  font: small Arial, Helvetica, Verdana, sans-serif;
}

fieldset,img { 
border : 0; 
}

#top{
height: 15px;
}

#wrapper {
  position: absolute;
  padding: 0px;
  width: 822px;
  margin-left: -411px; /* helft van breedte */
  left: 50%;
 }


/* === header === */

#header{
  width: 822px;  
  height: 114px;
  background-color: #000;
  background-image: url(../assets/images/header.png);
  background-repeat: no-repeat;
}

#header-bottom {
  width: 822px;
}

#tagline {
  font-weight: bold;
  color: #FFF;
  margin: 0;
  padding: 0 0 0 15px;
  width: 350px; 
  float: left;
  line-height: 1.7em;
}

/* === end header === */


/*===== navigation menu =====*/

#header-bottom ul {
  margin: 0;
  padding: 0;
  padding: 4px 0 0 23px;
  text-align: left;
}

#header-bottom li {
  display: inline;
  padding: 0px 10px 0 0;
  color: #fff;
}

#header-bottom a:link, #header-bottom a:visited {
  text-decoration: none;
  color: #fff;
}

#header-bottom a:hover {
  text-decoration: none;
  color: #FFCC00;
}

#header-bottom li.here a {
color: #FFCC00;
}

#header-bottom li.here a:visited {
color: #FFCC00;
}

/*===== end navigation menu =====*/


/*===== slider =====*/

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:300px;
		overflow:hidden; 
		}	
	
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #666;
		background:#000;
		color:#FFF;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background: #333;
		color: #FFCC00;
		}

/*===== End Slider ===== */

/*===== banner =====*/

#banner{
  width: 800px;  
  height: 151px;
  background-color: #000;
  background-image: url(../assets/images/banner.jpg);
  background-repeat: no-repeat;
  margin: 0px 0px 15px 0px;
}

#banner_contact{
  width: 800px;  
  height: 250px;
  background-color: #000;
  background-image: url(../assets/images/header_contact.jpg);
  background-repeat: no-repeat;
  margin: 0px 0px 15px 0px;
}


/*===== end banner =====*/

#main {
  margin-top: 0px;
  background-color: #FFF;
  width: 822px;
  background-position: top right;
  background-repeat: repeat-y;
  padding: 1px 0; /* prevent margins from collapsing */
}

#content {
  margin: 0px 5px 8px 11px;
  background-color: #FFF;
  color: #000;
}

#content .inner {
  width: 478px;
  border: 1px solid #666;
}

/* === IE min-height fix === */

#content .inner {
  min-height: 175px;
  height: auto !important;
  height: 175px;
  margin: 0px 10px 0px 10px;
}

/* === end IE min-height fix === */
 
#content .inner a:link, #content .inner a:visited {
color: #666;
border-bottom: 1px dotted #666;
list-style: none;
text-decoration: none;  
}

#content .inner a:hover, #content .inner a:active {
color: #000;
border-bottom: 1px solid #FFCC00;
list-style: none;
text-decoration: none;
}

#content .inner h1 {
  color: #000;
  margin: 0;
  padding-bottom: 0.3em;
  font-size: 120%;
}

#content .inner .features li img {
  float: left;
  margin: 0 5px 5px 0;
}

#content .inner h2 {
  margin: 0;
  font-weight:  bold;
  font-size: 90%;
  color: #666;
}

#content .inner strong {
  font-weight:  bold;
  font-size: 100%;
  color: #006699;
}

#content .inner p {
  color: #000;
  padding: 0px 10px 0px 10px;
  font-size: 100%;
}

#content .inner p.more a:link, #content .inner p.more a:visited {
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  font-size: 90%;
  color: #000;
}

#sidebar {
  float: right;
  width: 225px;
  color: #000;
  padding: 0px 48px 0px 0px;
}

#sidebar .inner {
  width: 253px;
  height: 175px;
  margin: 0px 0px 0px 0px;
}

#sidebar .inner strong {
  font-weight:  bold;
  font-size: 100%;
  color: #006699;
}

#sidebar .inner h1 {
  color: #000;
  font-size: 120%;
}

#sidebar .inner h2 {
  font-weight:  bold;
  font-size: 80%;
  color: #666;
}

#sidebar .inner {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#sidebar ul {
  padding-left: 0px;
  margin-left: 0;
}

#sidebar p, #sidebar li {
 font-size: 85%;
}

#sidebar ul a:link, #sidebar ul a:visited {
  color: #000;
}

#sidebar a:link, #sidebar a:visited {
  color: #000;
}

#sidebar .date {
  font-weight: bold;
}


/*==== footer ====*/

#footer {
  width: 822px;
  height: 48px;
  background-color: #000;
  background-image: url(../assets/images/footer.png);
  background-repeat: no-repeat;
}

#tagline-footer {
  font-weight: bold;
  font-size: 80%;
  color: #FFF;
  margin: 0;
  padding: 9px 0 0 20px;
  line-height: 2.7em;
  width: 300px; 
  float: left;
}

#footer li {
  display: inline;
  color: #fff;
  padding: 10px 15px 0 0;
}

#footer a:link, #footer a:visited {
  text-decoration: none;
  font-size: 80%;
  color: #fff;
}

#footer ul {
  padding: 15px 5px 0 0;
  margin: 0;
  text-align: right;
}

#clearone {
  clear: both;
  height: 1px;
}
/*==== end footer ====*/

/*===== eForm styles =====*/ 

input.text {
border: 1px solid #666;
width: 250px;
}

textarea.text {
border: 1px solid #666;
width: 250px;
}

input.button {
border: 1px solid #666;
background-color: #CCC;
}

.errors {
font-weight: bold;
font-size: 100%;
color: #DF0029;
}

#sidebar .introtext {
font-size: 85%;
}

/*===== end eForm styles =====*/ 



/* ==== file_icons ==== */

a[href$=".PDF"], a[href$=".pdf"] {
padding-left: 20px;
padding-top: 3px;
padding-bottom: 12px;
line-height: 18px;
}

a[href$=".PDF"], a[href$=".pdf"] {
background: url(file_icon/pdf.gif) no-repeat;
}

/* === end file_icons === */