/*------- reset & wrap -------*/
* {
	vertical-align: baseline;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html {
	width: 100%;
	min-width: 1177px;
	font-size:100%;
	background: url(../img/achtergrond.png) repeat-x #fff;
}

body {
	width: 100%;
	min-width: 1177px;
	font-size:100%;
	overflow-y: scroll;
	border: 0px dashed #FFFFFF;
}

/*------- PAGE -------*/

#page {
	width: 100%;
	min-width:1177px;
	z-index: 1;
	margin-bottom: 160px;
	border: 0px dashed #FFFFFF;
}

.content-container {
	position:relative;
	width:980px;
	color:#FFF;
	margin: 25px auto;
	padding: 0;
	display:block;
	z-index: 1;
	border: 1px solid #FFF;
	}
	
	#content-header {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/home-topimage.jpg);
		}
		
	#content-header-tes {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/tes-topimage.jpg);
		}
		
	#content-header-detacheren {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/creatief-netwerk-topimage.jpg);
		}
		
		#content-header-klanten {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/klanten-topimage.jpg);
		}
		
		#content-header-service {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/service-topimage.jpg);
		}
		
		#content-header-retail {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/retail-topimage.jpg);
		}
		
		#content-header-training {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/training-topimage.jpg);
		}
		
		#content-header-contact {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/contact-topimage.jpg);
		}
		
		#content-header-product {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/products-topimage.jpg);
		}
		
		#content-header-design {
		width:980px;
		height:410px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-image:url(../img/design-topimage.jpg);
		}
		
		#menu {
			width:1207px;
			height:120px;
			color:#FFF;
			margin: 0 0 0 -119px;
			padding:0;
			text-align:center;
			background-image:url(../img/menu_back.png);
			background-repeat:no-repeat;
			border: 0px dashed #FF0000;
			}
			
			#menu-content {
				width:1000px;
				height:80px;
				margin: 26px 0 0 85px;
				padding-left:40px;
				display:inline-block;
				}  
				
			#container-menu-content {
				height:80px;
				margin: 26px auto;
				padding: 0;
				display: inline-block;
				border: 0px dashed #FF0000;
				} 
				
				#nav ul{
					margin: 0 auto;
					border: 0px dashed #FF0000; 
					}
					
				#nav li {
					font-family:calibri, Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					letter-spacing: 1px;
					font-size: 14px;
  					display: block;
  					height: 38px;
 					margin: 22px 3px;
 					padding: 2px 3px;
  					float: left;
  					text-align: center;
  					line-height: 36px;
					border: 0px dashed #FF0000; 
					}

					#nav .double-line {
						padding-top: 3px;
  						line-height: 17px;
						}
							
						#nav a:link, #nav a:visited {
							color: #fff;
							}
			
						#nav a:hover, #nav a.active {
							color: #ed1c23;
							}


	#content {
		width:980px;
		color:#FFF;
		margin: 0;
		padding: 0;
		background-color:#000;
		display:inline-block;
		border: 0px dashed #FF0000;
		}
		
		.container-boxes {
			width: 530px;
			margin: 0;
			padding: 20px 0px 20px 20px;
			float:left;
			display:inline;
			border: 0px dashed #FF0000;
			}
			
		.box {
			width:152px;
			height:170px;
			float:left;
			margin: 10px 0 20px 10px;
			padding: 0;
			display:block;
			background-color:#000;
			}
			
			.box-image {
				width:152px;
				height:152px;
				display:block;
				margin: 0;
				padding: 0;
				background-color:#000;
				border: 1px solid #808080;
				}
				
				.box-image p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					line-height: 17px;
					padding: 13px;
					border: 0px dashed #FF0000;
					}
				
			.box-text {
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 15px;
				color:#CCC;
				width:152px;
				height:40px;
				display:block;
				margin: 0;
				padding: 8px 0px 4px 0px;
				background-color:#000;
				}
		
		.square {
			width:152px;
			height:152px;
			float:left;
			display:block;
			margin-left: 10px;
			padding: 0;
			background-color:#000;
			border: 1px solid #808080;
			}
			
		.container-text {
			width: 426px;
			margin: 0;
			padding: 25px 0 0 0;
			float:left;
			border: 0px dashed #FF0000;
			}
			
			.container-text b {
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-decoration: underline;
				}
			
		.container-boxes-text {
			width: 465px;
			margin: 0;
			padding: 20px 0px 0px 20px;
			float:left;
			display:inline;
			border: 0px dashed #FF0000;
			}
			
			p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height: 17px;
				padding: 15px 20px 0 0px;
				}
				
			.pbottom{
				margin-bottom: 10px;				
			}
			
			.pklant{
				margin-top:-6px;			
			}
				
			.container-boxes-vervolg1 {
				width: 471px;
				margin: 0;
				padding: 20px 0px 0px 29px;
				float:left;
				display:inline;
				border: 0px dashed #FF0000;
				}
			
			.box-vervolg {
				width:142px;
				height:142px;
				float:left;
				margin: 10px 0 0px 10px;
				padding: 0;
				display:block;
				background-color:#000;
				border: 0px solid #808080;
				}
				
				.box-vervolg-logo-left {
					width:64px;
					height:64px;
					float:left;
					margin-bottom: 10px;
					padding: 0;
					background-color:#000;
					border: 1px solid #808080;
					}
					
				.box-vervolg-logo-right {
					width:64px;
					height:64px;
					float:right;
					margin-bottom: 10px;
					padding: 0;
					background-color:#000;
					border: 1px solid #808080;
					}
				
				.box-vervolg-logo-double {
					width:140px;
					height:64px;
					float:left;
					margin-bottom: 10px;
					padding: 0;
					background-color:#000;
					border: 1px solid #808080;
					}
				
			.container-text-vervolg {
				width: 456px;
				height:147px;
				margin: 0;
				padding: 25px 20px 0 0;
				float:left;
				border: 0px dashed #FF0000;
				}
				
			.container-boxes-vervolg2 {
				width: 959px;
				margin: 0;
				padding: 0px 0px 30px 29px;
				float:left;
				display:inline;
				border: 0px dashed #FF0000;
				}
				
.ol{
	margin-left:20px;

}
			
/*------- FOOTER -------*/

#footer {
	width: 100%;
	min-width: 1177px;
	height: 153px;
	background: url(../img/footer_back2.gif);
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	border: 0px dashed #FF0000;
	}
	
	#footer-content {
		width: 980px;
		height: 142px;
		margin: 0 auto;
		border: 0px dashed #FFFFFF;
		}
		
		#footer-text {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFF;
			width:170px;
			height:112px;
			float:right;
			margin:0;
			padding: 25px 10px 0 0;
			float:left;
			border: 0px dashed #FFFFFF;
			} 
			
			
			#footer-text  p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				line-height: 15px;
				padding: 5px 0px 0px 0px;
				border: 0px dashed #FFFFFF;
				}
				
				#footer-text  p a {
	    			font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color: #ffffff;
					}
						
					 #footer-text  p a:hover{
						color: #ff0000;
						}
						
						#footer-text  a {
	    			font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color: #ffffff;
					}
						
					 #footer-text  a:hover{
						color: #ff0000;
						}
						
				a.footer {
	    			font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color: #FFFFFF;
					}
						
					 a.footer:hover{
						color: #ff0000;
						}

		#logo {
			width:100px;
			height:100px;
			float:right;
			margin:0;
			padding-top:23px;
			}  
			
			#logo h1 {
				text-indent: -999999px;
				position: absolute;
				z-index: 20;
				}
				
				#logo h1 a {
					width: 100px;
					height: 100px;
					display: block;
					background: url("../img/TESConcept-logo.jpg") no-repeat;
					}

.red{
	color: #FF0000;
}

/*------- TYPE -------*/


/*------- reset -------*/

* {
	vertical-align: baseline;
	font-weight: normal;
	text-decoration: none;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}


/*------- FOOTER type -------*/

a:link {
	text-decoration: none;
	color: #fff;
	}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:24px;
	color: #fff;
	letter-spacing: 0;
	padding: 0;
}

.capital{
	padding-left: 10px;
}

.capital-nieuwsbrief{
	padding-left: 11px;
	border: 0px dashed #FFFFFF;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:24px;
	color: #999999;
	letter-spacing: 0;
	padding: 0;
	line-height: 27px;
}

h1 span {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:24px;
	color: #999999;
	letter-spacing: 0;
	padding: 0;
	line-height: 27px;
}

ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	padding: 15px 20px 0 0px;
}