/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: Trebuchet MS;
}

/*
lijnen
*/
#lijnen {
	background:url(../images/bg-nav.gif) repeat-x; 
	position: relative;
	margin-left: 0px;
	height: 39px;
	width: 960px;
	z-index: 5000;
}

/*--begin slider--*/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:260px;	width: 680px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(/images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #000000;
}
.paging a.active {
	font-weight: bold;
	
	border: 0px solid #E6E6E6;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

/*-- einde slider--*/


/*--begin filmpje--*/

#filmpje {
	float: left;
	position: left;
	margin: 0 0px 0 0;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
}
/*-- einde filmpje--*/



/*
	Page body style
*/

body
{
	margin: 0;
	padding: 0;
 	color: #000;
 	background-color: #fff;
 	background-image: url("../images/achtergrond.gif");
 	background-repeat: repeat-x;
	background-position: center top;
	
}

/*achtergrond */
#wrapper {
	min-height: 100%;
	margin: 0 auto;
	width: 990px;
	overflow: hidden;
	position: relative;
}
* html #wrapper {width: 990px}
/*einde achtergrond */

/*
	Standard paragraph style
*/

p
{
	font-family: Trebuchet MS;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/*
	Headings
*/

h1
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 2.6em;
 	color: #1000EF;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2
{
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 1.1em;
 	color: #1000EF;
 	margin: -5px 0 10px 0;
	padding: 0 0 0 0;
}

h3
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 1em;
 	color: #1000EF;
 	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
}


/*
	Style for standard links
*/

a
{
	color: #999999;
 	text-decoration: none;
}

a:visited
{
 	color: #999999;
 	text-decoration: underline;
}

a:hover
{
 	color: #1000EF;
 	text-decoration: underline;
}

a:visited:hover
{
 	color: #1000EF;
 	text-decoration: underline;
}



/* logo links */

h1 a
{
	color: #000;
 	text-decoration: none;
	
}

h1 a:visited
{
 	color: #000;
 	text-decoration: none;
}

h1 a:hover
{
 	color: #000;
 	text-decoration: none;
}

h1 a:visited:hover
{
 	color: #000;
 	text-decoration: none;
}


/* The highlight colour for the logo */

.highlight-colour
{
	color: #1000EF;
}






/* 
	BASIC LAYOUT 
*/


/* Outer Container for page */

#outer-container
{
	margin: 0 auto 0 auto;
 	padding: 0 0 0 0;
	width: 960px;
}


/* Header */

#header
{
	width: 960px;
 	height: 110px;
 	margin: 0 0 0 0;
 	padding: 0 0 0 0;
}


/* Content wrapper */

#content-container
{
	width: 960px;
}







/* 
	HEADER STYLES
*/


/* logo */

#logo
{
	width: 960px;
	padding: 0;
	margin: 10px 0 10px 0;
}


/* Top navigation */

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

/* vlaggen */

#vlaggen
{
	margin: 10px 0 0 0;
 	padding: 0 0 0 0;
 	float: right;
}




/* HOMEPAGE ONLY */

#top-promo
{
	width: 960px;
}

#top-promo-left
{
	width: 680px;
	float: left;
	padding: 0;
	margin: 0;
}

#top-promo-right
{
	width: 255px;
	height: 252px;
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	background-color: #E6E6E6;
	/* Provides the gradient in the coloured box */
	background-image: url("../images/bg_box1.gif");
 	background-repeat: repeat-x;
}

#top-promo-right p
{
	font-size: 0.9em;
	padding: 10px;
}


#text-columns
{
	width: 960px;
	margin: 0px 0 0 0;
}

#text-column-1
{
	font-size: 0.9em;
	width: 330px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#text-column-2
{
	font-size: 0.9em;
	width: 330px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#text-column-3
{
	font-size: 0.9em;
	width: 258px;
	float: right;
	padding: 0;
	margin: -50px 0 0 0;
}






/* SUBPAGES ONLY */


#content-left
{
	width: 680px;
	float: left;
	padding: 0;
	margin: 5px 0 0 0;

}

#content-right
{
	width: 260px;
	min-height: 400px;
	float: left;
	padding: 0;
	margin: 225px 0 0 20px;
	background-color: #E6E6E6;
	/* Provides the gradient in the coloured box */
	background-image: url("../images/bg_box1.gif");  						
	background-repeat: repeat-x;
}

#content-right p.big
{
	font-size: 1.1em;
	padding: 10px;
}

#content-right p
{
	font-size: 0.9em;
	padding: 10px;
}



#content-left p.big
{
	font-size: 0.9em;
	padding: 0;
}

#content-left p
{
	font-size: 0.9em;
	padding: 0;
}

#content-left p.narrow
{
	width: 340px;
}

/* kruimelpad
*/
#breadcrumb
{
    font: 11px Trebuchet MS;
    background-image:url('../images/bc_bg.png');
    background-repeat:repeat-x;
    height:25px;
    line-height:25px;
    color:#9b9b9b;
    border:solid 0px #cacaca;
    width:680px;
    overflow:hidden;
    margin: 5px 0 20px 0;
    padding:0px;
}
#breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a
{
    height:25px;
    display:block;
    background-image:url('../images/bc_separator.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}

.home
{
    border: none;
    margin: 4px 0px;
}
#breadcrumb a:hover
{
    color:#35acc5;
}	
/* einde kruimelpad*/


/*
	Footer styling
*/

#footer
{
 	height: 29px;
 	margin: 50px 0 0 0;
 	padding: 5px 0 0 0;
 	border-top: 1px solid #000;
}

#footer p
{
	font-size: 1.1em;
	color: #000;
}




/* Clearing element */

.clear
{
  position: relative; 
  clear: both; 
  height: 0; 
  line-height: 0; 
  font-size: 0;
}

/*
	Standard images
*/

img
{
	border: none;
}


