/* CSS :: TEMPLATE */ 

/* IMPORTS */
@import url("nav.css");
@import url("template-content.css");


/* TEMPLATE */

/* !!! DEBUG PURPOSES ONLY !!!
div {border: solid 1px #f00;} 
*/

html,body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../assets/img_bgr_repeat_shadow.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: top center;
}

#container {
	width: 900px;
	height: 100%;
	margin: auto;
	padding: 0px 0px 0px 20px;
}
	
	#header {
		position: relative;
		float: left;
		display: inline;
		height: 164px;
		width: 890px;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 5px 0px;
	}
	
		#logocontainer {
			position: relative;
			float: left;
			display: inline;
			width: 273px;
			height: 73px;
			border: none;
			margin: 0px;
			padding: 1px 0px 0px 1px;
			clear: both;
		}
		#headernav {
			position: relative;
			float: left;
			display: inline;
			width: 880px;
			height: 164px;
			border: none;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			background-image: url(../assets/img_header.jpg);
			background-attachment: scroll;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
			#breadcrumbs {
				position: relative;
				float: left;
				margin: 143px 0px 0px -265px;
				padding: 0px;
			}

			#nav_hor {
				position: relative;
				float: right;
				width: 405px;
				margin: 143px 0px 0px 0px;
				padding: 0px;
			}

		
	#main {
		position: relative;
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 900px;
	}

		#maincontent {
			position: relative;
			display: inline;
			float: left;
			width: 680px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#content {
				position: relative;
				display: inline;
				float: left;
				width: 400px;
				background-image: url(../assets/img_main_bgr.jpg);
				min-height: 300px;
				padding: 0px 0px 0px 5px;
				margin: 0px 0px 0px 0px;
				color: #860000;
				font: 12px/14px Arial, Helvetica, sans-serif;
			}
			
				#content_header {
					position: relative;
					float: left;
					width: 400px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_content_header.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				
				#content_body {
					position: relative;
					float: left;
					width: 380px;
					min-height: 767px;
					margin: 0px;
					padding: 0px 10px 0px 10px;
					background-image: url(../assets/img_content_body.jpg);
					background-attachment: scroll;
					background-repeat: repeat-y;
					background-position: 0px 0px;
				}
				
				#content_footer {
					position: relative;
					float: left;
					width: 400px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_content_footer.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				
			#contentpage {
				position: relative;
				display: inline;
				float: left;
				width: 670px;
				padding: 0px 0px 0px 5px;
				margin: 0px 0px 0px 0px;
				color: #860000;
				font: 12px/14px Arial, Helvetica, sans-serif;
			}
				#contentpage_header {
					position: relative;
					float: left;
					width: 675px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_contentpage_header.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				#contentpage_body {
					position: relative;
					float: left;
					width: 655px;
					margin: 0px;
					padding: 0px 10px 0px 10px;
					background-image: url(../assets/img_contentpage_body.jpg);
					background-attachment: scroll;
					background-repeat: repeat-y;
					background-position: 0px 0px;
				}
				#contentpage_footer {
					position: relative;
					float: left;
					width: 675px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_contentpage_footer.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				/* contentpagina's 'TRAININGEN' krijgen apparte bgr :
					- andere achtergrondafbeelding (cfr navigatiekolom)
					- width : 2 px minder, want : 
					- border-left & border-right van 1px
				*/
				#trainingpage_body {
					position: relative;
					float: left;
					width: 653px;
					margin: 0px;
					padding: 0px 10px 0px 10px;
					background-repeat: no-repeat;
					background-position: top right;
					border-left: 1px solid #860000;
					border-right: 1px solid #860000;
				}
			
			#promo {
				position: relative;
				float: left;
				width: 270px;
				height: 382px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				background-image: url(../assets/img_promo.jpg);
				background-attachment: scroll;
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
			#newsbox {
				position: relative;
				float: right;
				display: inline;
				width: 270px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			
			#newsbox_contentpage {
				position: relative;
				float: right;
				display: inline;
				width: 270px;
				margin: -20px -10px 10px 10px;
				padding: 0px 0px 0px 10px;
			}
				#newsbox_header {
					position: relative;
					float: left;
					width: 270px;
					height: 31px;
					margin: 0px;
					padding: 0px;
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				#newsbox_body {
					position: relative;
					float: left;
					width: 270px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_newsbox_body.jpg);
					background-attachment: scroll;
					background-repeat: repeat-y;
					background-position: 0px 0px;
				}
				#newsbox_footer {
					position: relative;
					float: left;
					width: 270px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_newsbox_footer.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				#newsbox_content_header {
					position: relative;
					float: left;
					width: 270px;
					height: 31px;
					margin: 0px;
					padding: 0px;
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
				#newsbox_content_footer {
					position: relative;
					float: left;
					width: 270px;
					height: 20px;
					margin: 0px;
					padding: 0px;
					background-image: url(../assets/img_newsbox_content_footer.jpg);
					background-attachment: scroll;
					background-repeat: no-repeat;
					background-position: 0px 0px;
				}
							
	#footer {
		position: relative;
		float: left;
		display: inline;
		clear: both;
		width: 880px;
		height: 37px;
		margin: 5px 0px -10px 0px;
		background-color: #FFF;
		background-image: url(../assets/img_footer.jpg);
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	#end {
		position: relative;
		float: left;
		display: inline;
		clear: both;
		width: 910px;
		height: 30px;
		background-image: url(../assets/img_end.jpg);
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		margin-left: -15px;
		padding: 0px;
	}