@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
	
body{ /* _____ Instellingen body _____ */
	color:#FFFFFF;
	background-image:url(../images/background.png);
	background-repeat:repeat-x;}
	
/* ------------------------------------------   Wraps   ------------------------------------------ */  

.wrap{	/* _____ Afmeting gehele website. _____ */
	width:1000px;
	height:100%;
	margin:0px auto ;}
	
.leftwrap{ /* _____ Wrap linker block _____ */
	background-color:#eeeeee;
	width:190px;
	margin-top:20px;
	float:left;}

.centerwrap{ /* _____ Wrap center block _____ */
	background-color:#eeeeee;
	width:600px;
	float:left;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:50px;}
	
.rightwrap{ /* _____ Wrap recher block _____ */
	background-color:#eeeeee;
	width:190px;
	margin-top:20px;
	float:left;
	margin-left:10px;}
	
.contextwrap{ /* _____ Wrap context in een context block _____ */
	width:600px;}

.header{    /* _____ Wrap gehele header _____ */
	margin-top:10px;
	width:100%;
	height:170px;}
	
.scrollwrap{  /* _____ Wrap Slideshow _____ */
	width:600px;
	margin-top:10px;}
	
.scrolltextwrap{   /* _____ Wrap slideshow text_____ */
	width:600px;
	margin-right:20px;}

	
	
	
/* ------------------------------------------   Header   ------------------------------------------ */  

	
.banner{  /* _____ Instellingen center image _____ */
	background-color:#FFFFFF;
	width:600px;
	height:150px;
	float:left;
	margin-left:10px;
	margin-top:10px;}
	
	
.header-logo{  /* _____ Instellingen Timco logo _____ */
	background:url(../images/timcologo.png);
	background-repeat:no-repeat;
	width:190px;
	height:107px;
	float:left;
	margin-top:50px;}
	
	
.header-text{   /* _____ Instellingen page text  ___ */
	background:none;
	width:180px;
	height:30px;
	float:right;
	margin-top:130px;
	text-align:right;
	margin-right:10px;}
	
	
	
	
/* ------------------------------------------   Header line   ------------------------------------------ */  

.header-line{
	width:100%;
	height:30px;
	margin-top:-10px;}
	
.header-line-left{
	background-image:url(../images/bar/upperlineleft.png);
	width:20px;
	height:30px;
	float:left;
	clear:none;}
	
.header-line-mid{
	background-image:url(../images/bar/upperlinemid.png);
	width:960px;
	height:30px;
	float:left;
	clear:none;}
	
.header-line-right{
	background-image:url(../images/bar/upperlineright.png);
	width:20px;
	height:30px;
	float:left;
	clear:none;}
	
/* ------------------------------------------   Footer line   ------------------------------------------ */  

.footer-line{
	width:100%;
	height:30px;}
	
.footer-line-left{
	background-image:url(../images/bar/bottomlineleft.png);
	width:20px;
	height:30px;
	float:left;
	clear:left;}
	
.footer-line-mid{
	background-image:url(../images/bar/bottomlinemid.png);
	width:960px;
	height:30px;
	float:left;
	clear:none;}
	
.footer-line-right{
	background-image:url(../images/bar/bottomlineright.png);
	width:20px;
	height:30px;
	float:left;
	clear:none;}
	

	
/* ------------------------------------------   Line Blocks   ------------------------------------------ */

.block-line{
	width:100%;
	height:5px;
	background:url(../images/bar/orangebar.png);
	margin-bottom:10px;}
	
.scroll-line{
	width:100%;
	height:100%;
	margin-top:150px;}
	
	
/* ------------------------------------------   Right Nieuws Block   ------------------------------------------ */  

.nieuws-title{
	width:100%;
	height:100%;
	float:left;
	margin-top:20px;}
	
.nieuws-text{
	width:180px;
	height:100%;
	float:right;}
	
.nieuws-line{
	width:190px;
	height:1px;
	background-color:#2f62a1;
	margin-bottom:10px;
	margin-top:5px;
	margin-left:-10px;
	overflow:hidden;}
	
/* ------------------------------------------   Center Context Block   ------------------------------------------ */  

.context-title{
	margin-top:20px;
	width:100%;
	height:100%;
	float:left;}
	
.context-text{
	width:480px;
	height:100%;
	float:right;
	margin-right:10px;}
	
.context2-text{
	width:580px;
	height:100%;
	float:right;
	margin-right:10px;}

.context-text-touch{
	width:400px;
	height:100%;
	float:right;
	margin-right:5px;}

.context-textblock-ref{
	background:none;
	width:360px;
	float:right;
	clear:right;
	margin-left:10px;
	margin-bottom:20px;}
	
.context-image{
	width:100px;
	height:70px;
	float:left;}
	
.context-image-touch{
	width:180px;
	height:100%;
	float:left;}
	
.context-image-ref{
	background:none;
	width:180px;
	height:75px;
	float:left;}
