html{
	overflow: auto;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	overflow: hidden;
	margin: 0 auto;
	padding:0;
	background-color:#000000;
	background-repeat: repeat-x;
	background-image: url(siteimages/bodyback.jpg);
	background-position:center top;
	text-align:center;
}


.title {
    font-size: 14px;
    font-weight: bold;
    color: #003333;
    text-align: center;
} 

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.textstijl1{
	color:#999999;
}

.textstijl2{
	color:#000000;
}

.textstijl3{
	color:#ff9a00;
}

a:link, a:visited{
	color:#004b87;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: none;
	color:#0985b9;
}

.bloklink:link, .bloklink:visited, .bloklink:hover{
	display:block;
	width: 250px;
	padding: 2 5 2 5;
	background-color:#000000;
	border: 1px solid #FF9900;
	color:#ffffff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
	
.bloklink:hover {
	text-decoration: none;
	color:#ff9900;
}



.startpaginalink:link, .startpaginalink:visited, .startpaginalink:active {
	color:#999999;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.startpaginalink:hover {
	color:#999999;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.breadcrumb:link, .breadcrumb:visited, .breadcrumb:active {
	font-size: 8pt;
	text-decoration:none;
	color:#CCC;
	font-family: Arial;
}

.breadcrumb:hover {
	font-size: 8pt;
	text-decoration:none;
	color:#999;
	font-family: Arial;
}

.newslink:link, .newslink:visited, .newslink:active {
	color:#69cfff;
	display:block;
	background-image:url(siteimages/meer_info_small.png);
	-background-image:url(siteimages/meer_info_small.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:25px;
	height:21px;
}

.newslink:hover {
	color:#ffffff;
}

.formbutton {
	border:1px solid #000;
	background-color:#666;
	color:#FFF;
	font-weight:bold;
	font-size: 10pt;
}

.formtextfield {
	border:1px solid #000;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	letter-spacing:1px;
}

h1{
font-size: 12pt;
 color:#004b87;
}

h2{
font-size: 14pt;
 color:#004b87;
}

h3{
font-size: 16pt;
 color:#004b87;
}

h4{
font-size: 18pt;
 color:#004b87;
}

.h4{
font-size: 20pt;
 color:#004b87;
}

h5{
font-size: 22pt;
 color:#004b87;
}

h5{
font-size: 24pt;
 color:#004b87;
}

h6{
font-size: 26pt;
 color:#004b87;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}	

#tagCloud {font-family: verdana; width: 300px; border: 1px solid gray; padding: 5px 0px 5px 0px; text-align: center; font-weight: bold;}
.tag1 {font-size: 12px;}
.tag2 {font-size: 18px;}
.tag3 {font-size: 24px;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
.oneColFixCtr #siteback {
	position:fixed;
	left:50%;
	margin-left:-960px;
	top:0px;
	width:1920px;
	height:620px;
	/* background-image:url(siteimages/bodyback_2.jpg);*/
	z-index:-1;
	overflow:hidden;
}

.oneColFixCtr #achtergrond {
	width: 960px;  /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met “browser chrome”) en wordt een horizontale schuifbalk vermeden */
	margin: 0 auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	min-height:100%;
	top:0px;
	text-align: center; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	overflow:hidden;
}

.oneColFixCtr #siteholder{
	float:left;
	width: 900px;
	margin: 0 auto;
	overflow:hidden;
	text-align: left;
}



#lichtlinks{
	float:left;
	margin: 0 auto;
	text-align:right;
	width:30px;
	height:100%;
	overflow:hidden;
	z-index:1;
}

#lichtrechts{
	float:right;
	margin: 0 auto;
	text-align:left;
	width:30px;
	height:100%;
	z-index:1;
	overflow:hidden;
}

#substorykop {
	padding:2px 2px 2px 2px;
	background-color:#ffffff;
	border-bottom:1px solid #CCCCCC;
	color:#000000;
	font-weight:bold;
}

#substory {
	padding:0px 2px 0px 2px;
	border-bottom:1px solid #CCCCCC;
}

#header{
	float:left;
	margin:0 auto;
	width: 870px;
	padding-left:15px;
	padding-right:15px;
	padding-top: 10px;
	padding-bottom: 5px;
	_padding-top: 10px;
	_padding-bottom: 5px;
	#padding-top: 10px;
	#padding-bottom: 5px;
	text-align:right;
	font-family: Arial;
	font-size: 7pt;
	color:#cccccc;
	overflow-x:hidden;
	overflow-y:hidden;
	z-index:1;
}

#kop{
	float:left;
	margin: 0 auto;
	text-align:left;
	padding: 0px;
	width:900px;
	height:210px;
	z-index:1;
	border: 0px solid #FFFF00;
	overflow:hidden;
}

#winkelwagentje{
	float:right;
	color:#FFFFFF;
	margin-top:0px;
	text-align:center;
	width: 230px;
	z-index:4;
	border: 1px solid #FFFF00;
}

#flashvideo {
	float:left;
	text-align:right;
	width:900px;
	height:164px;
	margin-top:-164px;
}

#contentholder{
	float:left;
	background-color:#333333;
	width: 898px;
	_width: 900px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	z-index:3;
	overflow:hidden;
}

#navholder{
	float:left;
	margin-left:7px;
	_margin-left:7px;
	-margin-left:3px;	
	width:174px;
	border: 0px solid #0066FF;
}

#navkop{
	float:left;
	margin: 0 auto;
	background-image:url(siteimages/menu_kop.gif);
	background-repeat:no-repeat;
	text-align:left;
	width:174px;
	height:11px;
	border: 0px solid #0066FF;
	z-index:5;
}
#NavBar{
	float:left;
	margin: 0 auto;
	background-image:url(siteimages/menuback.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000000;
	text-align:left;
	width:172px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#navbottom{
	float:left;
	margin: 0 auto;
	margin-top:0px;
	_margin-top:-7px;
	margin-bottom:10px;
	background-image:url(siteimages/menu_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:174px;
	height:14px;
	z-index:4;
}

#kolomlinkskop{
	float:left;
	background-image:url(siteimages/kolomlinks_kop.gif);
	background-repeat:no-repeat;
	text-align:left;
	width:174px;
	height:15px;
	border: 0px solid #0066FF;
}
#kolomlinks{
	float:left;
	background-color:#000000;
	text-align:left;
	width:172px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	font-family: Arial;
	color:#ffffff;
}
#kolomlinksbottom{
	float:left;
	background-image:url(siteimages/menu_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	margin-bottom:4px;
	width:174px;
	height:8px;
}

#navholder h1, #navholder h2, #navholder h3, #navholder h4, #navholder h5, #navholder h6{
	color:#FFF;
	letter-spacing:1px;
}

#inhoudholder{
	float:left;
	margin-left:5px;
	width: 480px;
	overflow-x:hidden;
	overflow-y:hidden;
	border: 0px solid #0066FF;
	z-index:3;
}



#bannerhome{
	padding:0px 0px 4px 0px;
}

#inhoudtop{
	background-image:url(siteimages/inhoudtop.gif);
	background-repeat:no-repeat;
	width: 100%;
	overflow-x:hidden;
	overflow-y:hidden;
	height:20px;
	z-index:3;
}



#inhoud{
	background-color:#FFFFFF;
	text-align:left;
	width: 448px;
	min-height:300px;
	padding:0px 15px 0px 15px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	overflow-x:hidden;
	overflow-y:hidden;
	color:#000000;
}

#breadcrumb {
	font-size: 8pt;
	text-decoration:none;
	color:#ccc;
	font-family: Arial;
}

#inhoudbottom{
	background-image:url(siteimages/inhoudbottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 100%;
	overflow-x:hidden;
	overflow-y:hidden;
	height:20px;
	z-index:3;
}

#infofieldholder{
	width:100%;
	text-align:center;
}

#infofieldkop{
	background-image:url(siteimages/login_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:11px;
	width:400px;
}

#infofield{
	padding:0px 10px 0px 10px;
	width:378px;
	text-align:left;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#infofieldbottom{
	background-image:url(siteimages/login_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:11px;
	width:400px;
	margin-bottom:20px;
}

#kolomrechtsholder{
	float:left;
	text-align:left;
	margin-left:5px;
	width:220px;
	border: 0px solid #0066FF;
	z-index:4;
}

#kolomrechtskop{
	float:left;
	background-image:url(siteimages/kolomrechts_kop.gif);
	background-repeat:no-repeat;
	text-align:left;
	width:220px;
	height:15px;
	border: 0px solid #0066FF;
	z-index:4;
}
#kolomrechts{
	float:left;
	background-color:#000000;
	text-align:left;
	width:218px;
	border-top: 0px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	font-family: Arial;
	color:#ffffff;
	z-index:4;
}
#kolomrechtsbottom{
	float:left;
	background-image:url(siteimages/kolomrechts_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	margin-bottom:10px;
	width:220px;
	height:8px;
	z-index:4;
}

#itemrechts {
	padding: 0px 10px 0px 10px;
	margin-bottom:10px;
}

#newsitem {
	background-color:#000;
	background-image:url(siteimages/menuback.jpg);
	background-repeat:repeat-x;
	padding: 0px 10px 0px 10px;
	margin-bottom:10px;
}

#kolomrechtsholder h1, #kolomrechtsholder h2, #kolomrechtsholder h3, #kolomrechtsholder h4, #kolomrechtsholder h5, #kolomrechtsholder h6{
	color:#FFF;
	letter-spacing:1px;
}

#contentbottom{
	float:left;
	background-image:url(siteimages/contentbottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	width:900px;
	height:10px;
	z-index:4;
}

#footer{
	float:left;
	text-align:right;
	margin:0 auto;
	width: 870px;
	-width: 900px;
	padding-left:15px;
	padding-right:15px;
	padding-top: 5px;
	padding-bottom: 5px;
	-padding-top: 5px;
	-padding-bottom: 5px;
	font-family: Arial;
	font-size: 8pt;
	color:#999999;
	z-index:3;
}

#logos {
	float:left;
	width:900px;
	text-align:center;
}

.logos {
	margin-left:60px;
	margin-right:60px;
}

#videoplayer{
	width:100%;
	text-align:center;
}

#mediatumbnail {
	float:left;
	background-color:#eeeeee;
	padding:4px 4px 4px 4px;
	width:133px;
	height:133px;
	text-align:center;
	border:1px solid #333;
	margin:0px 5px 5px 0px;
}

.mediatumbnail {
	max-width:125px;
	border:1px solid #333;
}

#mediaimage {
	float:left;
	padding:5px 5px 5px 5px;
	width:438px;
	text-align:center;
	border:0px solid #333;
	margin:0px 5px 5px 0px;
}

.mediaimage {
	max-width:436px;
	height:inherit;
	border:1px solid #333;
}

.mediaicons {
	margin-top:-20px;
}
#flashvideo {
	width:504px;
	height:824px;
	background-color:#333;
	border:1px solid #666;
}

#flvkader {
	width:530px;
	height:330px;
	padding-top:20px;
	background-color:#000;
}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

/*********** #navBar link styles ***********/


#nav, #nav ul { 
    padding: 0; 
    margin: 0; 
    list-style: none;
} 

/*rollover 1e */
#nav a:link, #nav a:visited {
	display: block;
	color:#ffffff;
	background-color:;
	border-bottom: 1px solid #ffffff;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:1px;
	}
	
#nav a:hover {
	display: block;
	border-bottom: 1px solid #00b2fc;
	background-color:#FFFFFF;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:1px;
	}

#nav a { 
	padding: 15px 5px 5px 5px;
    display: block;  
}

#nav li {
    float: left; 
    width: 172px; 
}
/*Opera fix*/
#nav li ul { 
    position: absolute; 
    width: 172px; 
    left: -999em; 
} 

#nav li:hover ul { 
    left: auto; 
}

/*rollover 2e */
#nav2 a:link, #nav2 a:visited {
	display: block;
	color:#ffffff;
	border-bottom: 1px solid #ffffff;
	font-weight:bold;
	text-decoration:none;
	}
	
#nav2 a:hover {
	display: block;
	border-bottom: 1px solid #00b2fc;
	background-color:#FFFFFF;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}

#nav2 a { 
	padding: 5px 5px 5px 5px;
    display: block;  
}

#nav2 li {
    float: left; 
    width: 172px; 
}
/*Opera fix*/
#nav2 li ul { 
    position: absolute; 
    width: 172px; 
    left: -999em; 
} 

#nav2 li:hover ul { 
    left: auto; 
}

/*rollover 3e */
#nav3 a:link, #nav3 a:visited {
	display: block;
	color:#ffffff;
	background-color:#333333;
	border-bottom: 1px solid #ffffff;
	font-weight:bold;
	text-decoration:none;
	}
	
#nav3 a:hover {
	display: block;
	border-bottom: 1px solid #00b2fc;
	background-color:#FFFFFF;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	}

#nav3 a { 
	padding: 5px 5px 5px 5px;
    display: block;  
}

#nav3 li {
    float: left; 
    width: 172px; 
}
/*Opera fix*/
#nav3 li ul { 
    position: absolute; 
    width: 172px; 
    left: -999em; 
} 

#nav3 li:hover ul { 
    left: auto; 
}

/*Specify sfhover*/

#nav li:hover ul, #nav li.sfhover ul { 
	background-color:#000000;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 0px solid #ff9900;
    left: auto;
	margin-left:150px; 
	margin-top: -25px;
}
/*3th level*/
#nav li ul ul { 
    margin: -1em 0 0 8em; 
} 

#nav, #nav ul { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
    line-height: 1; 
} 

#nav li:hover ul ul, #nav li.sfhover ul ul { 
    background-color:#000000;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 0px solid #ff9900;
    left: auto;
	margin-left:150px; 
	margin-top: -25px; 
} 

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
    left: auto; 
} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { 
    left: -999em; 
} 

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
    left: auto; 
} 

/* INTROPAGINA STIJL */
.oneColFixCtr #achtergrond_intro {
	width: 900px;  /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met “browser chrome”) en wordt een horizontale schuifbalk vermeden */
	margin: 0 auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	min-height:100%;
	text-align: center; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	background-image:url(siteimages/intro_back.gif);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
}

#inhoud_intro{
	float:left;
	margin-left:185px;
	text-align:left;
	width: 530px;
	margin-top:150px;
	color:#FFF;
	overflow:hidden;
}

#inhoud_intro h1, inhoud_intro h2, inhoud_intro h3, inhoud_intro h4, inhoud_intro h5, inhoud_intro h6{
	color:#FFF;
}

#footer_intro{
	float:left;
	text-align:center;
	width: 530px;
	font-family: Arial;
	font-size: 8pt;
	color:#999999;
}